@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,159 @@
|
|
|
1
|
+
.container-nkcPpN {
|
|
2
|
+
aspect-ratio: 16 / 9;
|
|
3
|
+
color: var(--ac-foreground);
|
|
4
|
+
font-size: var(--ac-text-xs);
|
|
5
|
+
justify-content: center;
|
|
6
|
+
display: flex;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.container-nkcPpN .recharts-cartesian-axis-tick text {
|
|
10
|
+
fill: var(--ac-muted-foreground);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
:is(.container-nkcPpN .recharts-cartesian-grid line[stroke="#ccc"], .container-nkcPpN .recharts-polar-grid line[stroke="#ccc"], .container-nkcPpN .recharts-reference-line line[stroke="#ccc"]) {
|
|
14
|
+
stroke: var(--ac-border);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.container-nkcPpN .recharts-curve.recharts-tooltip-cursor {
|
|
18
|
+
stroke: var(--ac-border);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
:is(.container-nkcPpN .recharts-radial-bar-background-sector, .container-nkcPpN .recharts-rectangle.recharts-tooltip-cursor) {
|
|
22
|
+
fill: var(--ac-muted);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
:is(.container-nkcPpN .recharts-dot[stroke="#fff"], .container-nkcPpN .recharts-sector[stroke="#fff"]) {
|
|
26
|
+
stroke: #0000;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
:is(.container-nkcPpN .recharts-layer, .container-nkcPpN .recharts-sector, .container-nkcPpN .recharts-surface) {
|
|
30
|
+
outline: none;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.tooltip-JE6YdG {
|
|
34
|
+
background-color: var(--ac-background);
|
|
35
|
+
border: 1px solid color-mix(in oklch,var(--ac-border),transparent 15%);
|
|
36
|
+
border-radius: var(--ac-radius-lg);
|
|
37
|
+
align-items: start;
|
|
38
|
+
gap: var(--ac-space-2);
|
|
39
|
+
min-width: 8rem;
|
|
40
|
+
padding: .625rem;
|
|
41
|
+
display: grid;
|
|
42
|
+
box-shadow: 0 16px 40px #00000024;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.tooltipLabel-s0Q2Ku {
|
|
46
|
+
font-weight: 500;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.tooltipBody-jbC6nV {
|
|
50
|
+
gap: var(--ac-space-2);
|
|
51
|
+
display: grid;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.tooltipItem-GQgek3 {
|
|
55
|
+
align-items: stretch;
|
|
56
|
+
gap: var(--ac-space-2);
|
|
57
|
+
flex-wrap: wrap;
|
|
58
|
+
width: 100%;
|
|
59
|
+
display: flex;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.tooltipItemCenter-U79aab, .tooltipValueRow-W6aHe5 {
|
|
63
|
+
align-items: center;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.tooltipValueRow-W6aHe5 {
|
|
67
|
+
gap: var(--ac-space-3);
|
|
68
|
+
flex: 1;
|
|
69
|
+
justify-content: space-between;
|
|
70
|
+
line-height: 1;
|
|
71
|
+
display: flex;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.tooltipValueRowNested-UriMgN {
|
|
75
|
+
align-items: end;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.tooltipNameWrapper-zOUl5L {
|
|
79
|
+
gap: var(--ac-space-2);
|
|
80
|
+
display: grid;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.tooltipName-QTzGcl {
|
|
84
|
+
color: var(--ac-muted-foreground);
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.tooltipValue-kCE38M {
|
|
88
|
+
color: var(--ac-foreground);
|
|
89
|
+
font-variant-numeric: tabular-nums;
|
|
90
|
+
font-family: ui-monospace, SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, monospace;
|
|
91
|
+
font-weight: 500;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.tooltipIndicator-ToRPAT {
|
|
95
|
+
background-color: var(--ac-chart-indicator-background);
|
|
96
|
+
border-color: var(--ac-chart-indicator-border);
|
|
97
|
+
border-radius: 2px;
|
|
98
|
+
flex-shrink: 0;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.tooltipIndicatorDot-zHrqQT {
|
|
102
|
+
width: .625rem;
|
|
103
|
+
height: .625rem;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.tooltipIndicatorLine-kDgqOa {
|
|
107
|
+
width: .25rem;
|
|
108
|
+
height: auto;
|
|
109
|
+
min-height: .75rem;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.tooltipIndicatorDashed-L16gSV {
|
|
113
|
+
background-color: #0000;
|
|
114
|
+
border-style: dashed;
|
|
115
|
+
border-width: 1.5px;
|
|
116
|
+
width: 0;
|
|
117
|
+
min-height: .75rem;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.tooltipIndicatorDashedNested-VLpo90 {
|
|
121
|
+
margin-block: .125rem;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
.legend-GVSwSg {
|
|
125
|
+
align-items: center;
|
|
126
|
+
gap: var(--ac-space-4);
|
|
127
|
+
justify-content: center;
|
|
128
|
+
display: flex;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.legendTop-RfnkG0 {
|
|
132
|
+
padding-bottom: var(--ac-space-3);
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.legendBottom-gpGzdR {
|
|
136
|
+
padding-top: var(--ac-space-3);
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.legendItem-twJYyE {
|
|
140
|
+
align-items: center;
|
|
141
|
+
gap: var(--ac-space-2);
|
|
142
|
+
display: flex;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.legendItem-twJYyE svg {
|
|
146
|
+
color: var(--ac-muted-foreground);
|
|
147
|
+
width: .75rem;
|
|
148
|
+
height: .75rem;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
.legendColor-cybxIQ {
|
|
152
|
+
border-radius: 2px;
|
|
153
|
+
flex-shrink: 0;
|
|
154
|
+
width: .5rem;
|
|
155
|
+
height: .5rem;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
|
|
159
|
+
/*# sourceMappingURL=chart_module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/chart.module.css","webpack://./src/components/ui/chart.module.css"],"names":[],"mappings":"AADA;ECEE,oBAAoB;EACpB,2BAA2B;EAC3B,4BAA4B;EAC5B,uBAAuB;EACvB,aAAa;AACf;;AAEA;EACE,gCAAgC;AAClC;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,sCAAsC;EACtC,sEAAsE;EACtE,kCAAkC;EAClC,kBAAkB;EAClB,sBAAsB;EACtB,eAAe;EACf,gBAAgB;EAChB,aAAa;EACb,iCAAiC;AACnC;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,sBAAsB;EACtB,aAAa;AACf;;AAEA;EACE,oBAAoB;EACpB,sBAAsB;EACtB,eAAe;EACf,WAAW;EACX,aAAa;AACf;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,sBAAsB;EACtB,OAAO;EACP,8BAA8B;EAC9B,cAAc;EACd,aAAa;AACf;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,sBAAsB;EACtB,aAAa;AACf;;AAEA;EACE,iCAAiC;AACnC;;AAEA;EACE,2BAA2B;EAC3B,kCAAkC;EAClC,+FAA+F;EAC/F,gBAAgB;AAClB;;AAEA;EACE,sDAAsD;EACtD,8CAA8C;EAC9C,kBAAkB;EAClB,cAAc;AAChB;;AAEA;EACE,cAAc;EACd,eAAe;AACjB;;AAEA;EACE,aAAa;EACb,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,uBAAuB;EACvB,oBAAoB;EACpB,mBAAmB;EACnB,QAAQ;EACR,kBAAkB;AACpB;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,mBAAmB;EACnB,sBAAsB;EACtB,uBAAuB;EACvB,aAAa;AACf;;AAEA;EACE,iCAAiC;AACnC;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,mBAAmB;EACnB,sBAAsB;EACtB,aAAa;AACf;;AAEA;EACE,iCAAiC;EACjC,aAAa;EACb,cAAc;AAChB;;AAEA;EACE,kBAAkB;EAClB,cAAc;EACd,YAAY;EACZ,aAAa;AACf","sourcesContent":[".container{aspect-ratio:16/9;color:var(--ac-foreground);display:flex;font-size:var(--ac-text-xs);justify-content:center}.container :global(.recharts-cartesian-axis-tick text){fill:var(--ac-muted-foreground)}.container :global(.recharts-cartesian-grid line[stroke=\"#ccc\"]),.container :global(.recharts-polar-grid line[stroke=\"#ccc\"]),.container :global(.recharts-reference-line line[stroke=\"#ccc\"]){stroke:var(--ac-border)}.container :global(.recharts-curve.recharts-tooltip-cursor){stroke:var(--ac-border)}.container :global(.recharts-radial-bar-background-sector),.container :global(.recharts-rectangle.recharts-tooltip-cursor){fill:var(--ac-muted)}.container :global(.recharts-dot[stroke=\"#fff\"]),.container :global(.recharts-sector[stroke=\"#fff\"]){stroke:transparent}.container :global(.recharts-layer),.container :global(.recharts-sector),.container :global(.recharts-surface){outline:none}.tooltip{align-items:start;background-color:var(--ac-background);border:1px solid color-mix(in oklch,var(--ac-border),transparent 15%);border-radius:var(--ac-radius-lg);box-shadow:0 16px 40px rgba(0,0,0,.14);display:grid;gap:var(--ac-space-2);min-width:8rem;padding:.625rem}.tooltipLabel{font-weight:500}.tooltipBody{display:grid;gap:var(--ac-space-2)}.tooltipItem{align-items:stretch;display:flex;flex-wrap:wrap;gap:var(--ac-space-2);width:100%}.tooltipItemCenter,.tooltipValueRow{align-items:center}.tooltipValueRow{display:flex;flex:1;gap:var(--ac-space-3);justify-content:space-between;line-height:1}.tooltipValueRowNested{align-items:end}.tooltipNameWrapper{display:grid;gap:var(--ac-space-2)}.tooltipName{color:var(--ac-muted-foreground)}.tooltipValue{color:var(--ac-foreground);font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-variant-numeric:tabular-nums;font-weight:500}.tooltipIndicator{background-color:var(--ac-chart-indicator-background);border-color:var(--ac-chart-indicator-border);border-radius:2px;flex-shrink:0}.tooltipIndicatorDot{height:.625rem;width:.625rem}.tooltipIndicatorLine{height:auto;min-height:.75rem;width:.25rem}.tooltipIndicatorDashed{background-color:transparent;border-style:dashed;border-width:1.5px;min-height:.75rem;width:0}.tooltipIndicatorDashedNested{margin-block:.125rem}.legend{align-items:center;display:flex;gap:var(--ac-space-4);justify-content:center}.legendTop{padding-bottom:var(--ac-space-3)}.legendBottom{padding-top:var(--ac-space-3)}.legendItem{align-items:center;display:flex;gap:var(--ac-space-2)}.legendItem svg{color:var(--ac-muted-foreground);height:.75rem;width:.75rem}.legendColor{border-radius:2px;flex-shrink:0;height:.5rem;width:.5rem}",".container {\n aspect-ratio: 16 / 9;\n color: var(--ac-foreground);\n font-size: var(--ac-text-xs);\n justify-content: center;\n display: flex;\n}\n\n.container :global(.recharts-cartesian-axis-tick text) {\n fill: var(--ac-muted-foreground);\n}\n\n:is(.container :global(.recharts-cartesian-grid line[stroke=\"#ccc\"]), .container :global(.recharts-polar-grid line[stroke=\"#ccc\"]), .container :global(.recharts-reference-line line[stroke=\"#ccc\"])) {\n stroke: var(--ac-border);\n}\n\n.container :global(.recharts-curve.recharts-tooltip-cursor) {\n stroke: var(--ac-border);\n}\n\n:is(.container :global(.recharts-radial-bar-background-sector), .container :global(.recharts-rectangle.recharts-tooltip-cursor)) {\n fill: var(--ac-muted);\n}\n\n:is(.container :global(.recharts-dot[stroke=\"#fff\"]), .container :global(.recharts-sector[stroke=\"#fff\"])) {\n stroke: #0000;\n}\n\n:is(.container :global(.recharts-layer), .container :global(.recharts-sector), .container :global(.recharts-surface)) {\n outline: none;\n}\n\n.tooltip {\n background-color: var(--ac-background);\n border: 1px solid color-mix(in oklch,var(--ac-border),transparent 15%);\n border-radius: var(--ac-radius-lg);\n align-items: start;\n gap: var(--ac-space-2);\n min-width: 8rem;\n padding: .625rem;\n display: grid;\n box-shadow: 0 16px 40px #00000024;\n}\n\n.tooltipLabel {\n font-weight: 500;\n}\n\n.tooltipBody {\n gap: var(--ac-space-2);\n display: grid;\n}\n\n.tooltipItem {\n align-items: stretch;\n gap: var(--ac-space-2);\n flex-wrap: wrap;\n width: 100%;\n display: flex;\n}\n\n.tooltipItemCenter, .tooltipValueRow {\n align-items: center;\n}\n\n.tooltipValueRow {\n gap: var(--ac-space-3);\n flex: 1;\n justify-content: space-between;\n line-height: 1;\n display: flex;\n}\n\n.tooltipValueRowNested {\n align-items: end;\n}\n\n.tooltipNameWrapper {\n gap: var(--ac-space-2);\n display: grid;\n}\n\n.tooltipName {\n color: var(--ac-muted-foreground);\n}\n\n.tooltipValue {\n color: var(--ac-foreground);\n font-variant-numeric: tabular-nums;\n font-family: ui-monospace, SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, monospace;\n font-weight: 500;\n}\n\n.tooltipIndicator {\n background-color: var(--ac-chart-indicator-background);\n border-color: var(--ac-chart-indicator-border);\n border-radius: 2px;\n flex-shrink: 0;\n}\n\n.tooltipIndicatorDot {\n width: .625rem;\n height: .625rem;\n}\n\n.tooltipIndicatorLine {\n width: .25rem;\n height: auto;\n min-height: .75rem;\n}\n\n.tooltipIndicatorDashed {\n background-color: #0000;\n border-style: dashed;\n border-width: 1.5px;\n width: 0;\n min-height: .75rem;\n}\n\n.tooltipIndicatorDashedNested {\n margin-block: .125rem;\n}\n\n.legend {\n align-items: center;\n gap: var(--ac-space-4);\n justify-content: center;\n display: flex;\n}\n\n.legendTop {\n padding-bottom: var(--ac-space-3);\n}\n\n.legendBottom {\n padding-top: var(--ac-space-3);\n}\n\n.legendItem {\n align-items: center;\n gap: var(--ac-space-2);\n display: flex;\n}\n\n.legendItem svg {\n color: var(--ac-muted-foreground);\n width: .75rem;\n height: .75rem;\n}\n\n.legendColor {\n border-radius: 2px;\n flex-shrink: 0;\n width: .5rem;\n height: .5rem;\n}\n"],"sourceRoot":""}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { CheckboxGroup as BaseCheckboxGroup } from "@base-ui/react/checkbox-group";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
type CheckboxGroupProps = React.ComponentPropsWithRef<typeof BaseCheckboxGroup>;
|
|
4
|
+
/**
|
|
5
|
+
* Groups related checkboxes into a single accessible fieldset-like control.
|
|
6
|
+
*
|
|
7
|
+
* @remarks
|
|
8
|
+
* - Renders a `<div>` element by default
|
|
9
|
+
* - Built on Base UI Checkbox Group primitives
|
|
10
|
+
* - Applies compact stacked spacing between child checkboxes
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <CheckboxGroup defaultValue={["news"]}>
|
|
15
|
+
* <Checkbox value='news'>Newsletter</Checkbox>
|
|
16
|
+
* <Checkbox value='events'>Events</Checkbox>
|
|
17
|
+
* </CheckboxGroup>
|
|
18
|
+
* ```
|
|
19
|
+
*
|
|
20
|
+
* @see {@link https://base-ui.com/react/components/checkbox-group | Base UI Checkbox Group Docs}
|
|
21
|
+
*/
|
|
22
|
+
declare function CheckboxGroup(props: Readonly<CheckboxGroup.Props>): React.ReactElement;
|
|
23
|
+
declare namespace CheckboxGroup {
|
|
24
|
+
var displayName: string;
|
|
25
|
+
}
|
|
26
|
+
declare namespace CheckboxGroup {
|
|
27
|
+
type Props = CheckboxGroupProps;
|
|
28
|
+
type State = BaseCheckboxGroup.State;
|
|
29
|
+
}
|
|
30
|
+
export { CheckboxGroup };
|
|
31
|
+
//# sourceMappingURL=checkbox-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,aAAa,IAAI,iBAAiB,EAAC,MAAM,+BAA+B,CAAC;AAGjF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,kBAAkB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEhF;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAa/E;kBAbQ,aAAa;;;AAgBtB,kBAAU,aAAa,CAAC;IACtB,KAAY,KAAK,GAAG,kBAAkB,CAAC;IACvC,KAAY,KAAK,GAAG,iBAAiB,CAAC,KAAK,CAAC;CAC7C;AAID,OAAO,EAAC,aAAa,EAAC,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { CheckboxGroup } from "@base-ui/react/checkbox-group";
|
|
4
|
+
import { mergeProps } from "@base-ui/react/merge-props";
|
|
5
|
+
import { useRender } from "@base-ui/react/use-render";
|
|
6
|
+
import "react";
|
|
7
|
+
import { cn } from "../../lib/utilities.js";
|
|
8
|
+
import checkbox_group_module from "./checkbox-group.module.js";
|
|
9
|
+
function checkbox_group_CheckboxGroup(props) {
|
|
10
|
+
const { className, render, ...otherProps } = props;
|
|
11
|
+
return /*#__PURE__*/ jsx(CheckboxGroup, {
|
|
12
|
+
...otherProps,
|
|
13
|
+
render: useRender({
|
|
14
|
+
defaultTagName: "div",
|
|
15
|
+
render: render,
|
|
16
|
+
props: mergeProps({
|
|
17
|
+
className: cn(checkbox_group_module.group, className)
|
|
18
|
+
}, {})
|
|
19
|
+
})
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
checkbox_group_CheckboxGroup.displayName = "CheckboxGroup";
|
|
23
|
+
export { checkbox_group_CheckboxGroup as CheckboxGroup };
|
|
24
|
+
|
|
25
|
+
//# sourceMappingURL=checkbox-group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components/ui/checkbox-group.js","sources":["../../../src/components/ui/checkbox-group.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {CheckboxGroup as BaseCheckboxGroup} from \"@base-ui/react/checkbox-group\";\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 \"./checkbox-group.module.css\";\r\n\r\ntype CheckboxGroupProps = React.ComponentPropsWithRef<typeof BaseCheckboxGroup>;\r\n\r\n/**\r\n * Groups related checkboxes into a single accessible fieldset-like control.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Checkbox Group primitives\r\n * - Applies compact stacked spacing between child checkboxes\r\n *\r\n * @example\r\n * ```tsx\r\n * <CheckboxGroup defaultValue={[\"news\"]}>\r\n * <Checkbox value='news'>Newsletter</Checkbox>\r\n * <Checkbox value='events'>Events</Checkbox>\r\n * </CheckboxGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/checkbox-group | Base UI Checkbox Group Docs}\r\n */\r\nfunction CheckboxGroup(props: Readonly<CheckboxGroup.Props>): React.ReactElement {\r\n const {className, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseCheckboxGroup\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.group, className)}, {}),\r\n })}\r\n />\r\n );\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace CheckboxGroup {\r\n export type Props = CheckboxGroupProps;\r\n export type State = BaseCheckboxGroup.State;\r\n}\r\n\r\nCheckboxGroup.displayName = \"CheckboxGroup\";\r\n\r\nexport {CheckboxGroup};\r\n"],"names":["CheckboxGroup","props","className","render","otherProps","BaseCheckboxGroup","useRender","mergeProps","cn","styles"],"mappings":";;;;;;;;AA8BA,SAASA,6BAAcC,KAAoC;IACzD,MAAM,EAACC,SAAS,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGH;IAE3C,OAAO,WAAP,GACE,IAACI,eAAiBA;QACf,GAAGD,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,sBAAAA,KAAY,EAAEP;YAAU,GAAG,CAAC;QAC/D;;AAGN;AAQAF,6BAAc,WAAW,GAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components/ui/checkbox-group.module.js","sources":["../../../src/components/ui/checkbox-group.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./checkbox-group_module.css\"\nexport default {\"group\":\"group-P3ekXA\"};"],"names":[],"mappings":";AAEA,8BAAe;IAAC,OAAQ;AAAc"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/checkbox-group.module.css","webpack://./src/components/ui/checkbox-group.module.css"],"names":[],"mappings":"AADA;ECEE,sBAAsB;EACtB,aAAa;;EAEb;IACE,WAAW;EACb;AACF","sourcesContent":[".group{display:grid;gap:var(--ac-space-2);&[data-disabled]{opacity:.6}}",".group {\n gap: var(--ac-space-2);\n display: grid;\n\n &[data-disabled] {\n opacity: .6;\n }\n}\n"],"sourceRoot":""}
|
|
@@ -1,5 +1,36 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { Checkbox as BaseCheckbox } from "@base-ui/react/checkbox";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
|
|
3
|
+
/**
|
|
4
|
+
* Props for the shared checkbox wrapper.
|
|
5
|
+
*/
|
|
6
|
+
interface CheckboxProps extends Omit<React.ComponentPropsWithRef<typeof BaseCheckbox.Root>, "checked" | "className" | "onCheckedChange"> {
|
|
7
|
+
/** Additional CSS classes merged with the checkbox control styles. @default undefined */
|
|
8
|
+
className?: string;
|
|
9
|
+
/** The current checked state, including support for the legacy `"indeterminate"` value. @default undefined */
|
|
10
|
+
checked?: boolean | "indeterminate";
|
|
11
|
+
/** Called whenever the checked state changes. @default undefined */
|
|
12
|
+
onCheckedChange?: (checked: boolean | "indeterminate") => void;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Renders a selectable checkbox control with checked and indeterminate support.
|
|
16
|
+
*
|
|
17
|
+
* @remarks
|
|
18
|
+
* - Renders a `<button>` element by default
|
|
19
|
+
* - Built on {@link https://base-ui.com/react/components/checkbox | Base UI Checkbox}
|
|
20
|
+
* - Supports the `render` prop for element composition
|
|
21
|
+
* - Styling via CSS Modules with `--ac-*` custom properties
|
|
22
|
+
*
|
|
23
|
+
* @example Basic usage
|
|
24
|
+
* ```tsx
|
|
25
|
+
* <Checkbox checked />
|
|
26
|
+
* ```
|
|
27
|
+
*
|
|
28
|
+
* @see {@link https://base-ui.com/react/components/checkbox | Base UI Documentation}
|
|
29
|
+
*/
|
|
30
|
+
declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
31
|
+
declare namespace Checkbox {
|
|
32
|
+
type Props = CheckboxProps;
|
|
33
|
+
type State = BaseCheckbox.Root.State;
|
|
34
|
+
}
|
|
4
35
|
export { Checkbox };
|
|
5
36
|
//# sourceMappingURL=checkbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,QAAQ,IAAI,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAGjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,UAAU,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,iBAAiB,CAAC;IACtI,yFAAyF;IACzF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8GAA8G;IAC9G,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IACpC,oEAAoE;IACpE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,eAAe,KAAK,IAAI,CAAC;CAChE;AAED;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,QAAQ,gGAiCb,CAAC;AAIF,kBAAU,QAAQ,CAAC;IACjB,KAAY,KAAK,GAAG,aAAa,CAAC;IAClC,KAAY,KAAK,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;CAC7C;AAED,OAAO,EAAC,QAAQ,EAAC,CAAC"}
|
|
@@ -1,21 +1,46 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { Checkbox } from "@base-ui/react/checkbox";
|
|
4
|
+
import { mergeProps } from "@base-ui/react/merge-props";
|
|
5
|
+
import { useRender } from "@base-ui/react/use-render";
|
|
5
6
|
import { forwardRef } from "react";
|
|
6
7
|
import { cn } from "../../lib/utilities.js";
|
|
7
|
-
|
|
8
|
+
import checkbox_module from "./checkbox.module.js";
|
|
9
|
+
const checkbox_Checkbox = /*#__PURE__*/ forwardRef((props, ref)=>{
|
|
10
|
+
const { checked, className, onCheckedChange, render, ...otherProps } = props;
|
|
11
|
+
const baseChecked = "indeterminate" === checked ? true : checked;
|
|
12
|
+
const indeterminate = "indeterminate" === checked;
|
|
13
|
+
return /*#__PURE__*/ jsx(Checkbox.Root, {
|
|
8
14
|
ref: ref,
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
+
checked: baseChecked,
|
|
16
|
+
indeterminate: indeterminate,
|
|
17
|
+
onCheckedChange: onCheckedChange,
|
|
18
|
+
...otherProps,
|
|
19
|
+
render: useRender({
|
|
20
|
+
defaultTagName: "button",
|
|
21
|
+
render: render,
|
|
22
|
+
props: mergeProps({
|
|
23
|
+
className: cn(checkbox_module.checkbox, className)
|
|
24
|
+
}, {})
|
|
25
|
+
}),
|
|
26
|
+
children: /*#__PURE__*/ jsx(Checkbox.Indicator, {
|
|
27
|
+
className: checkbox_module.indicator,
|
|
28
|
+
children: /*#__PURE__*/ jsx("svg", {
|
|
29
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
30
|
+
viewBox: "0 0 24 24",
|
|
31
|
+
fill: "none",
|
|
32
|
+
stroke: "currentColor",
|
|
33
|
+
strokeWidth: "3",
|
|
34
|
+
strokeLinecap: "round",
|
|
35
|
+
strokeLinejoin: "round",
|
|
36
|
+
children: /*#__PURE__*/ jsx("polyline", {
|
|
37
|
+
points: "20 6 9 17 4 12"
|
|
38
|
+
})
|
|
15
39
|
})
|
|
16
40
|
})
|
|
17
|
-
})
|
|
18
|
-
|
|
19
|
-
|
|
41
|
+
});
|
|
42
|
+
});
|
|
43
|
+
checkbox_Checkbox.displayName = "Checkbox";
|
|
44
|
+
export { checkbox_Checkbox as Checkbox };
|
|
20
45
|
|
|
21
46
|
//# sourceMappingURL=checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components/ui/checkbox.js","sources":["../../../src/components/ui/checkbox.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport
|
|
1
|
+
{"version":3,"file":"components/ui/checkbox.js","sources":["../../../src/components/ui/checkbox.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Checkbox as BaseCheckbox} from \"@base-ui/react/checkbox\";\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 \"./checkbox.module.css\";\r\n\r\n/**\r\n * Props for the shared checkbox wrapper.\r\n */\r\ninterface CheckboxProps extends Omit<React.ComponentPropsWithRef<typeof BaseCheckbox.Root>, \"checked\" | \"className\" | \"onCheckedChange\"> {\r\n /** Additional CSS classes merged with the checkbox control styles. @default undefined */\r\n className?: string;\r\n /** The current checked state, including support for the legacy `\"indeterminate\"` value. @default undefined */\r\n checked?: boolean | \"indeterminate\";\r\n /** Called whenever the checked state changes. @default undefined */\r\n onCheckedChange?: (checked: boolean | \"indeterminate\") => void;\r\n}\r\n\r\n/**\r\n * Renders a selectable checkbox control with checked and indeterminate support.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/checkbox | Base UI Checkbox}\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 * <Checkbox checked />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/checkbox | Base UI Documentation}\r\n */\r\nconst Checkbox = React.forwardRef<React.ComponentRef<typeof BaseCheckbox.Root>, Checkbox.Props>(\r\n (props: Readonly<Checkbox.Props>, ref): React.ReactElement => {\r\n const {checked, className, onCheckedChange, render, ...otherProps} = props;\r\n const baseChecked = checked === \"indeterminate\" ? true : checked;\r\n const indeterminate = checked === \"indeterminate\";\r\n\r\n return (\r\n <BaseCheckbox.Root\r\n ref={ref}\r\n checked={baseChecked}\r\n indeterminate={indeterminate}\r\n onCheckedChange={onCheckedChange as React.ComponentPropsWithRef<typeof BaseCheckbox.Root>[\"onCheckedChange\"]}\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"button\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.checkbox, className)}, {}),\r\n })}>\r\n <BaseCheckbox.Indicator className={styles.indicator}>\r\n <svg\r\n xmlns='http://www.w3.org/2000/svg'\r\n viewBox='0 0 24 24'\r\n fill='none'\r\n stroke='currentColor'\r\n strokeWidth='3'\r\n strokeLinecap='round'\r\n strokeLinejoin='round'>\r\n <polyline points='20 6 9 17 4 12' />\r\n </svg>\r\n </BaseCheckbox.Indicator>\r\n </BaseCheckbox.Root>\r\n );\r\n },\r\n);\r\nCheckbox.displayName = \"Checkbox\";\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Checkbox {\r\n export type Props = CheckboxProps;\r\n export type State = BaseCheckbox.Root.State;\r\n}\r\n\r\nexport {Checkbox};\r\n"],"names":["Checkbox","React","props","ref","checked","className","onCheckedChange","render","otherProps","baseChecked","indeterminate","BaseCheckbox","useRender","mergeProps","cn","styles"],"mappings":";;;;;;;;AAsCA,MAAMA,oBAAW,WAAHA,GAAGC,WACf,CAACC,OAAiCC;IAChC,MAAM,EAACC,OAAO,EAAEC,SAAS,EAAEC,eAAe,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGN;IACrE,MAAMO,cAAcL,AAAY,oBAAZA,UAA8B,OAAOA;IACzD,MAAMM,gBAAgBN,AAAY,oBAAZA;IAEtB,OAAO,WAAP,GACE,IAACO,SAAAA,IAAiB;QAChB,KAAKR;QACL,SAASM;QACT,eAAeC;QACf,iBAAiBJ;QAChB,GAAGE,UAAU;QACd,QAAQI,UAAU;YAChB,gBAAgB;YAChB,QAAQL;YACR,OAAOM,WAAW;gBAAC,WAAWC,GAAGC,gBAAAA,QAAe,EAAEV;YAAU,GAAG,CAAC;QAClE;kBACA,kBAACM,SAAAA,SAAsB;YAAC,WAAWI,gBAAAA,SAAgB;sBACjD,kBAAC;gBACC,OAAM;gBACN,SAAQ;gBACR,MAAK;gBACL,QAAO;gBACP,aAAY;gBACZ,eAAc;gBACd,gBAAe;0BACf,kBAAC;oBAAS,QAAO;;;;;AAK3B;AAEFf,kBAAS,WAAW,GAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components/ui/checkbox.module.js","sources":["../../../src/components/ui/checkbox.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./checkbox_module.css\"\nexport default {\"checkbox\":\"checkbox-Wu1gAd\",\"indicator\":\"indicator-zquFRe\"};"],"names":[],"mappings":";AAEA,wBAAe;IAAC,UAAW;IAAkB,WAAY;AAAkB"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
.checkbox-Wu1gAd {
|
|
2
|
+
border: 1px solid var(--ac-primary);
|
|
3
|
+
border-radius: var(--ac-radius-xs);
|
|
4
|
+
color: currentColor;
|
|
5
|
+
cursor: pointer;
|
|
6
|
+
height: 1rem;
|
|
7
|
+
transition: background-color var(--ac-transition-fast),border-color var(--ac-transition-fast);
|
|
8
|
+
background-color: #0000;
|
|
9
|
+
outline: none;
|
|
10
|
+
flex-shrink: 0;
|
|
11
|
+
justify-content: center;
|
|
12
|
+
align-items: center;
|
|
13
|
+
width: 1rem;
|
|
14
|
+
display: inline-flex;
|
|
15
|
+
|
|
16
|
+
&:focus-visible {
|
|
17
|
+
outline: 2px solid var(--ac-ring);
|
|
18
|
+
outline-offset: 2px;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
&[data-disabled] {
|
|
22
|
+
cursor: not-allowed;
|
|
23
|
+
opacity: .5;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
&[data-checked], &[data-indeterminate] {
|
|
27
|
+
background-color: var(--ac-primary);
|
|
28
|
+
border-color: var(--ac-primary);
|
|
29
|
+
color: var(--ac-primary-foreground);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.indicator-zquFRe {
|
|
34
|
+
justify-content: center;
|
|
35
|
+
align-items: center;
|
|
36
|
+
display: flex;
|
|
37
|
+
|
|
38
|
+
& svg {
|
|
39
|
+
width: .75rem;
|
|
40
|
+
height: .75rem;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
/*# sourceMappingURL=checkbox_module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/checkbox.module.css","webpack://./src/components/ui/checkbox.module.css"],"names":[],"mappings":"AADA;ECEE,mCAAmC;EACnC,kCAAkC;EAClC,mBAAmB;EACnB,eAAe;EACf,YAAY;EACZ,6FAA6F;EAC7F,uBAAuB;EACvB,aAAa;EACb,cAAc;EACd,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,oBAAoB;;EAEpB;IACE,iCAAiC;IACjC,mBAAmB;EACrB;;EAEA;IACE,mBAAmB;IACnB,WAAW;EACb;;EAEA;IACE,mCAAmC;IACnC,+BAA+B;IAC/B,mCAAmC;EACrC;AACF;;AAEA;EACE,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;;EAEb;IACE,aAAa;IACb,cAAc;EAChB;AACF","sourcesContent":[".checkbox{align-items:center;background-color:transparent;border:1px solid var(--ac-primary);border-radius:var(--ac-radius-xs);color:currentcolor;cursor:pointer;display:inline-flex;flex-shrink:0;height:1rem;justify-content:center;outline:none;transition:background-color var(--ac-transition-fast),border-color var(--ac-transition-fast);width:1rem;&:focus-visible{outline:2px solid var(--ac-ring);outline-offset:2px}&[data-disabled]{cursor:not-allowed;opacity:.5}&[data-checked],&[data-indeterminate]{background-color:var(--ac-primary);border-color:var(--ac-primary);color:var(--ac-primary-foreground)}}.indicator{align-items:center;display:flex;justify-content:center;& svg{height:.75rem;width:.75rem}}",".checkbox {\n border: 1px solid var(--ac-primary);\n border-radius: var(--ac-radius-xs);\n color: currentColor;\n cursor: pointer;\n height: 1rem;\n transition: background-color var(--ac-transition-fast),border-color var(--ac-transition-fast);\n background-color: #0000;\n outline: none;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n width: 1rem;\n display: inline-flex;\n\n &:focus-visible {\n outline: 2px solid var(--ac-ring);\n outline-offset: 2px;\n }\n\n &[data-disabled] {\n cursor: not-allowed;\n opacity: .5;\n }\n\n &[data-checked], &[data-indeterminate] {\n background-color: var(--ac-primary);\n border-color: var(--ac-primary);\n color: var(--ac-primary-foreground);\n }\n}\n\n.indicator {\n justify-content: center;\n align-items: center;\n display: flex;\n\n & svg {\n width: .75rem;\n height: .75rem;\n }\n}\n"],"sourceRoot":""}
|
|
@@ -1,5 +1,89 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { Collapsible as BaseCollapsible } from "@base-ui/react/collapsible";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
interface CollapsibleProps extends React.ComponentPropsWithRef<typeof BaseCollapsible.Root> {
|
|
4
|
+
}
|
|
5
|
+
interface CollapsibleTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseCollapsible.Trigger>, "className"> {
|
|
6
|
+
/**
|
|
7
|
+
* Applies additional CSS classes to the component root element.
|
|
8
|
+
* @default undefined
|
|
9
|
+
*/
|
|
10
|
+
className?: string;
|
|
11
|
+
/**
|
|
12
|
+
* Enables child element composition instead of rendering the default wrapper.
|
|
13
|
+
* @default false
|
|
14
|
+
* @deprecated Prefer Base UI's `render` prop.
|
|
15
|
+
*/
|
|
16
|
+
asChild?: boolean;
|
|
17
|
+
}
|
|
18
|
+
interface CollapsibleContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseCollapsible.Panel>, "className"> {
|
|
19
|
+
/**
|
|
20
|
+
* Applies additional CSS classes to the component root element.
|
|
21
|
+
* @default undefined
|
|
22
|
+
*/
|
|
23
|
+
className?: string;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* Coordinates collapsible state and accessibility behavior.
|
|
27
|
+
*
|
|
28
|
+
* @remarks
|
|
29
|
+
* - Delegates structure and state to the underlying Base UI primitive
|
|
30
|
+
* - Built on {@link https://base-ui.com/react/components/collapsible | Base UI Collapsible}
|
|
31
|
+
* - Preserves the underlying primitive API for advanced composition
|
|
32
|
+
*
|
|
33
|
+
* @example
|
|
34
|
+
* ```tsx
|
|
35
|
+
* <Collapsible>Content</Collapsible>
|
|
36
|
+
* ```
|
|
37
|
+
*
|
|
38
|
+
* @see {@link https://base-ui.com/react/components/collapsible | Base UI Documentation}
|
|
39
|
+
*/
|
|
40
|
+
declare function Collapsible(props: Readonly<Collapsible.Props>): React.ReactElement;
|
|
41
|
+
declare namespace Collapsible {
|
|
42
|
+
var displayName: string;
|
|
43
|
+
}
|
|
44
|
+
/**
|
|
45
|
+
* Renders the collapsible trigger.
|
|
46
|
+
*
|
|
47
|
+
* @remarks
|
|
48
|
+
* - Renders a `<button>` element by default
|
|
49
|
+
* - Built on {@link https://base-ui.com/react/components/collapsible | Base UI Collapsible}
|
|
50
|
+
* - Supports the `render` prop for element composition
|
|
51
|
+
*
|
|
52
|
+
* @example
|
|
53
|
+
* ```tsx
|
|
54
|
+
* <CollapsibleTrigger>Content</CollapsibleTrigger>
|
|
55
|
+
* ```
|
|
56
|
+
*
|
|
57
|
+
* @see {@link https://base-ui.com/react/components/collapsible | Base UI Documentation}
|
|
58
|
+
*/
|
|
59
|
+
declare const CollapsibleTrigger: React.ForwardRefExoticComponent<Omit<CollapsibleTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
60
|
+
/**
|
|
61
|
+
* Renders the collapsible content.
|
|
62
|
+
*
|
|
63
|
+
* @remarks
|
|
64
|
+
* - Renders a `<div>` element by default
|
|
65
|
+
* - Built on {@link https://base-ui.com/react/components/collapsible | Base UI Collapsible}
|
|
66
|
+
* - Supports the `render` prop for element composition
|
|
67
|
+
*
|
|
68
|
+
* @example
|
|
69
|
+
* ```tsx
|
|
70
|
+
* <CollapsibleContent>Content</CollapsibleContent>
|
|
71
|
+
* ```
|
|
72
|
+
*
|
|
73
|
+
* @see {@link https://base-ui.com/react/components/collapsible | Base UI Documentation}
|
|
74
|
+
*/
|
|
75
|
+
declare const CollapsibleContent: React.ForwardRefExoticComponent<Omit<CollapsibleContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
76
|
+
declare namespace Collapsible {
|
|
77
|
+
type Props = CollapsibleProps;
|
|
78
|
+
type State = BaseCollapsible.Root.State;
|
|
79
|
+
}
|
|
80
|
+
declare namespace CollapsibleTrigger {
|
|
81
|
+
type Props = CollapsibleTriggerProps;
|
|
82
|
+
type State = BaseCollapsible.Trigger.State;
|
|
83
|
+
}
|
|
84
|
+
declare namespace CollapsibleContent {
|
|
85
|
+
type Props = CollapsibleContentProps;
|
|
86
|
+
type State = BaseCollapsible.Panel.State;
|
|
87
|
+
}
|
|
4
88
|
export { Collapsible, CollapsibleContent, CollapsibleTrigger };
|
|
5
89
|
//# sourceMappingURL=collapsible.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/ui/collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/ui/collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,WAAW,IAAI,eAAe,EAAC,MAAM,4BAA4B,CAAC;AAG1E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,gBAAiB,SAAQ,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;CAAG;AAE9F,UAAU,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IACtH;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpH;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,iBAAS,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAE3E;kBAFQ,WAAW;;;AAIpB;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,kBAAkB,gHAkBvB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,kBAAkB,6GAiBvB,CAAC;AAGF,kBAAU,WAAW,CAAC;IACpB,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC;CAChD;AAGD,kBAAU,kBAAkB,CAAC;IAC3B,KAAY,KAAK,GAAG,uBAAuB,CAAC;IAC5C,KAAY,KAAK,GAAG,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC;CACnD;AAGD,kBAAU,kBAAkB,CAAC;IAC3B,KAAY,KAAK,GAAG,uBAAuB,CAAC;IAC5C,KAAY,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;CACjD;AAMD,OAAO,EAAC,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAC,CAAC"}
|