@mihcm/ui 0.14.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +138 -0
- package/dist/AccessLevelGroup.d.ts +37 -0
- package/dist/AccessLevelGroup.d.ts.map +1 -0
- package/dist/AccessLevelGroup.js +39 -0
- package/dist/AccessLevelGroup.js.map +1 -0
- package/dist/AccessLevelGroup.native.d.ts +18 -0
- package/dist/AccessLevelGroup.native.d.ts.map +1 -0
- package/dist/AccessLevelGroup.native.js +40 -0
- package/dist/AccessLevelGroup.native.js.map +1 -0
- package/dist/Accordion.d.ts +52 -0
- package/dist/Accordion.d.ts.map +1 -0
- package/dist/Accordion.js +90 -0
- package/dist/Accordion.js.map +1 -0
- package/dist/Accordion.native.d.ts +36 -0
- package/dist/Accordion.native.d.ts.map +1 -0
- package/dist/Accordion.native.js +86 -0
- package/dist/Accordion.native.js.map +1 -0
- package/dist/Alert.d.ts +33 -0
- package/dist/Alert.d.ts.map +1 -0
- package/dist/Alert.js +45 -0
- package/dist/Alert.js.map +1 -0
- package/dist/Alert.native.d.ts +26 -0
- package/dist/Alert.native.d.ts.map +1 -0
- package/dist/Alert.native.js +41 -0
- package/dist/Alert.native.js.map +1 -0
- package/dist/AlertDialog.d.ts +57 -0
- package/dist/AlertDialog.d.ts.map +1 -0
- package/dist/AlertDialog.js +91 -0
- package/dist/AlertDialog.js.map +1 -0
- package/dist/AlertDialog.native.d.ts +66 -0
- package/dist/AlertDialog.native.d.ts.map +1 -0
- package/dist/AlertDialog.native.js +71 -0
- package/dist/AlertDialog.native.js.map +1 -0
- package/dist/AspectRatio.d.ts +18 -0
- package/dist/AspectRatio.d.ts.map +1 -0
- package/dist/AspectRatio.js +19 -0
- package/dist/AspectRatio.js.map +1 -0
- package/dist/AspectRatio.native.d.ts +7 -0
- package/dist/AspectRatio.native.d.ts.map +1 -0
- package/dist/AspectRatio.native.js +13 -0
- package/dist/AspectRatio.native.js.map +1 -0
- package/dist/Avatar.d.ts +45 -0
- package/dist/Avatar.d.ts.map +1 -0
- package/dist/Avatar.js +69 -0
- package/dist/Avatar.js.map +1 -0
- package/dist/Avatar.native.d.ts +38 -0
- package/dist/Avatar.native.d.ts.map +1 -0
- package/dist/Avatar.native.js +56 -0
- package/dist/Avatar.native.js.map +1 -0
- package/dist/AvatarGroup.d.ts +32 -0
- package/dist/AvatarGroup.d.ts.map +1 -0
- package/dist/AvatarGroup.js +45 -0
- package/dist/AvatarGroup.js.map +1 -0
- package/dist/AvatarGroup.native.d.ts +18 -0
- package/dist/AvatarGroup.native.d.ts.map +1 -0
- package/dist/AvatarGroup.native.js +35 -0
- package/dist/AvatarGroup.native.js.map +1 -0
- package/dist/Badge.d.ts +26 -0
- package/dist/Badge.d.ts.map +1 -0
- package/dist/Badge.js +44 -0
- package/dist/Badge.js.map +1 -0
- package/dist/Badge.native.d.ts +23 -0
- package/dist/Badge.native.d.ts.map +1 -0
- package/dist/Badge.native.js +49 -0
- package/dist/Badge.native.js.map +1 -0
- package/dist/Banner.d.ts +27 -0
- package/dist/Banner.d.ts.map +1 -0
- package/dist/Banner.js +41 -0
- package/dist/Banner.js.map +1 -0
- package/dist/Banner.native.d.ts +24 -0
- package/dist/Banner.native.d.ts.map +1 -0
- package/dist/Banner.native.js +39 -0
- package/dist/Banner.native.js.map +1 -0
- package/dist/BarList.d.ts +27 -0
- package/dist/BarList.d.ts.map +1 -0
- package/dist/BarList.js +25 -0
- package/dist/BarList.js.map +1 -0
- package/dist/Breadcrumb.d.ts +67 -0
- package/dist/Breadcrumb.d.ts.map +1 -0
- package/dist/Breadcrumb.js +63 -0
- package/dist/Breadcrumb.js.map +1 -0
- package/dist/Breadcrumb.native.d.ts +64 -0
- package/dist/Breadcrumb.native.d.ts.map +1 -0
- package/dist/Breadcrumb.native.js +50 -0
- package/dist/Breadcrumb.native.js.map +1 -0
- package/dist/Button.d.ts +42 -0
- package/dist/Button.d.ts.map +1 -0
- package/dist/Button.js +68 -0
- package/dist/Button.js.map +1 -0
- package/dist/Button.native.d.ts +38 -0
- package/dist/Button.native.d.ts.map +1 -0
- package/dist/Button.native.js +51 -0
- package/dist/Button.native.js.map +1 -0
- package/dist/Calendar.d.ts +16 -0
- package/dist/Calendar.d.ts.map +1 -0
- package/dist/Calendar.js +94 -0
- package/dist/Calendar.js.map +1 -0
- package/dist/Calendar.native.d.ts +21 -0
- package/dist/Calendar.native.d.ts.map +1 -0
- package/dist/Calendar.native.js +15 -0
- package/dist/Calendar.native.js.map +1 -0
- package/dist/Card.d.ts +29 -0
- package/dist/Card.d.ts.map +1 -0
- package/dist/Card.js +44 -0
- package/dist/Card.js.map +1 -0
- package/dist/Card.native.d.ts +20 -0
- package/dist/Card.native.d.ts.map +1 -0
- package/dist/Card.native.js +32 -0
- package/dist/Card.native.js.map +1 -0
- package/dist/Carousel.d.ts +46 -0
- package/dist/Carousel.d.ts.map +1 -0
- package/dist/Carousel.js +115 -0
- package/dist/Carousel.js.map +1 -0
- package/dist/Carousel.native.d.ts +59 -0
- package/dist/Carousel.native.d.ts.map +1 -0
- package/dist/Carousel.native.js +93 -0
- package/dist/Carousel.native.js.map +1 -0
- package/dist/CategoryBar.d.ts +22 -0
- package/dist/CategoryBar.d.ts.map +1 -0
- package/dist/CategoryBar.js +27 -0
- package/dist/CategoryBar.js.map +1 -0
- package/dist/Chart.d.ts +77 -0
- package/dist/Chart.d.ts.map +1 -0
- package/dist/Chart.js +197 -0
- package/dist/Chart.js.map +1 -0
- package/dist/Checkbox.d.ts +28 -0
- package/dist/Checkbox.d.ts.map +1 -0
- package/dist/Checkbox.js +44 -0
- package/dist/Checkbox.js.map +1 -0
- package/dist/Checkbox.native.d.ts +13 -0
- package/dist/Checkbox.native.d.ts.map +1 -0
- package/dist/Checkbox.native.js +34 -0
- package/dist/Checkbox.native.js.map +1 -0
- package/dist/CheckboxGrid.d.ts +49 -0
- package/dist/CheckboxGrid.d.ts.map +1 -0
- package/dist/CheckboxGrid.js +79 -0
- package/dist/CheckboxGrid.js.map +1 -0
- package/dist/CheckboxGrid.native.d.ts +14 -0
- package/dist/CheckboxGrid.native.d.ts.map +1 -0
- package/dist/CheckboxGrid.native.js +47 -0
- package/dist/CheckboxGrid.native.js.map +1 -0
- package/dist/Collapsible.d.ts +51 -0
- package/dist/Collapsible.d.ts.map +1 -0
- package/dist/Collapsible.js +101 -0
- package/dist/Collapsible.js.map +1 -0
- package/dist/Collapsible.native.d.ts +53 -0
- package/dist/Collapsible.native.d.ts.map +1 -0
- package/dist/Collapsible.native.js +109 -0
- package/dist/Collapsible.native.js.map +1 -0
- package/dist/Combobox.d.ts +42 -0
- package/dist/Combobox.d.ts.map +1 -0
- package/dist/Combobox.js +96 -0
- package/dist/Combobox.js.map +1 -0
- package/dist/Combobox.native.d.ts +21 -0
- package/dist/Combobox.native.d.ts.map +1 -0
- package/dist/Combobox.native.js +28 -0
- package/dist/Combobox.native.js.map +1 -0
- package/dist/Command.d.ts +107 -0
- package/dist/Command.d.ts.map +1 -0
- package/dist/Command.js +68 -0
- package/dist/Command.js.map +1 -0
- package/dist/Command.native.d.ts +41 -0
- package/dist/Command.native.d.ts.map +1 -0
- package/dist/Command.native.js +31 -0
- package/dist/Command.native.js.map +1 -0
- package/dist/ContextMenu.d.ts +48 -0
- package/dist/ContextMenu.d.ts.map +1 -0
- package/dist/ContextMenu.js +79 -0
- package/dist/ContextMenu.js.map +1 -0
- package/dist/ContextMenu.native.d.ts +81 -0
- package/dist/ContextMenu.native.d.ts.map +1 -0
- package/dist/ContextMenu.native.js +82 -0
- package/dist/ContextMenu.native.js.map +1 -0
- package/dist/DataTable.d.ts +98 -0
- package/dist/DataTable.d.ts.map +1 -0
- package/dist/DataTable.js +291 -0
- package/dist/DataTable.js.map +1 -0
- package/dist/DataTable.native.d.ts +31 -0
- package/dist/DataTable.native.d.ts.map +1 -0
- package/dist/DataTable.native.js +22 -0
- package/dist/DataTable.native.js.map +1 -0
- package/dist/DatePicker.d.ts +63 -0
- package/dist/DatePicker.d.ts.map +1 -0
- package/dist/DatePicker.js +106 -0
- package/dist/DatePicker.js.map +1 -0
- package/dist/DatePicker.native.d.ts +21 -0
- package/dist/DatePicker.native.d.ts.map +1 -0
- package/dist/DatePicker.native.js +15 -0
- package/dist/DatePicker.native.js.map +1 -0
- package/dist/Dialog.d.ts +52 -0
- package/dist/Dialog.d.ts.map +1 -0
- package/dist/Dialog.js +93 -0
- package/dist/Dialog.js.map +1 -0
- package/dist/Dialog.native.d.ts +57 -0
- package/dist/Dialog.native.d.ts.map +1 -0
- package/dist/Dialog.native.js +62 -0
- package/dist/Dialog.native.js.map +1 -0
- package/dist/Drawer.d.ts +36 -0
- package/dist/Drawer.d.ts.map +1 -0
- package/dist/Drawer.js +57 -0
- package/dist/Drawer.js.map +1 -0
- package/dist/Drawer.native.d.ts +50 -0
- package/dist/Drawer.native.d.ts.map +1 -0
- package/dist/Drawer.native.js +43 -0
- package/dist/Drawer.native.js.map +1 -0
- package/dist/DropdownMenu.d.ts +57 -0
- package/dist/DropdownMenu.d.ts.map +1 -0
- package/dist/DropdownMenu.js +192 -0
- package/dist/DropdownMenu.js.map +1 -0
- package/dist/DropdownMenu.native.d.ts +53 -0
- package/dist/DropdownMenu.native.d.ts.map +1 -0
- package/dist/DropdownMenu.native.js +71 -0
- package/dist/DropdownMenu.native.js.map +1 -0
- package/dist/Dropzone.d.ts +27 -0
- package/dist/Dropzone.d.ts.map +1 -0
- package/dist/Dropzone.js +33 -0
- package/dist/Dropzone.js.map +1 -0
- package/dist/EmptyState.d.ts +21 -0
- package/dist/EmptyState.d.ts.map +1 -0
- package/dist/EmptyState.js +16 -0
- package/dist/EmptyState.js.map +1 -0
- package/dist/EmptyState.native.d.ts +19 -0
- package/dist/EmptyState.native.d.ts.map +1 -0
- package/dist/EmptyState.native.js +16 -0
- package/dist/EmptyState.native.js.map +1 -0
- package/dist/Form.d.ts +310 -0
- package/dist/Form.d.ts.map +1 -0
- package/dist/Form.js +260 -0
- package/dist/Form.js.map +1 -0
- package/dist/Form.native.d.ts +36 -0
- package/dist/Form.native.d.ts.map +1 -0
- package/dist/Form.native.js +33 -0
- package/dist/Form.native.js.map +1 -0
- package/dist/HoverCard.d.ts +47 -0
- package/dist/HoverCard.d.ts.map +1 -0
- package/dist/HoverCard.js +86 -0
- package/dist/HoverCard.js.map +1 -0
- package/dist/HoverCard.native.d.ts +48 -0
- package/dist/HoverCard.native.d.ts.map +1 -0
- package/dist/HoverCard.native.js +19 -0
- package/dist/HoverCard.native.js.map +1 -0
- package/dist/IconSidebar.d.ts +50 -0
- package/dist/IconSidebar.d.ts.map +1 -0
- package/dist/IconSidebar.js +121 -0
- package/dist/IconSidebar.js.map +1 -0
- package/dist/IconSidebar.native.d.ts +40 -0
- package/dist/IconSidebar.native.d.ts.map +1 -0
- package/dist/IconSidebar.native.js +24 -0
- package/dist/IconSidebar.native.js.map +1 -0
- package/dist/Input.d.ts +52 -0
- package/dist/Input.d.ts.map +1 -0
- package/dist/Input.js +57 -0
- package/dist/Input.js.map +1 -0
- package/dist/Input.native.d.ts +37 -0
- package/dist/Input.native.d.ts.map +1 -0
- package/dist/Input.native.js +39 -0
- package/dist/Input.native.js.map +1 -0
- package/dist/InputOTP.d.ts +30 -0
- package/dist/InputOTP.d.ts.map +1 -0
- package/dist/InputOTP.js +47 -0
- package/dist/InputOTP.js.map +1 -0
- package/dist/InputOTP.native.d.ts +32 -0
- package/dist/InputOTP.native.d.ts.map +1 -0
- package/dist/InputOTP.native.js +48 -0
- package/dist/InputOTP.native.js.map +1 -0
- package/dist/Label.d.ts +26 -0
- package/dist/Label.d.ts.map +1 -0
- package/dist/Label.js +35 -0
- package/dist/Label.js.map +1 -0
- package/dist/Label.native.d.ts +26 -0
- package/dist/Label.native.d.ts.map +1 -0
- package/dist/Label.native.js +30 -0
- package/dist/Label.native.js.map +1 -0
- package/dist/Link.d.ts +21 -0
- package/dist/Link.d.ts.map +1 -0
- package/dist/Link.js +46 -0
- package/dist/Link.js.map +1 -0
- package/dist/Link.native.d.ts +23 -0
- package/dist/Link.native.d.ts.map +1 -0
- package/dist/Link.native.js +59 -0
- package/dist/Link.native.js.map +1 -0
- package/dist/Logo.d.ts +25 -0
- package/dist/Logo.d.ts.map +1 -0
- package/dist/Logo.js +58 -0
- package/dist/Logo.js.map +1 -0
- package/dist/Logo.native.d.ts +22 -0
- package/dist/Logo.native.d.ts.map +1 -0
- package/dist/Logo.native.js +46 -0
- package/dist/Logo.native.js.map +1 -0
- package/dist/MainSidebar.d.ts +2 -0
- package/dist/MainSidebar.d.ts.map +1 -0
- package/dist/MainSidebar.js +3 -0
- package/dist/MainSidebar.js.map +1 -0
- package/dist/MainSidebar.native.d.ts +2 -0
- package/dist/MainSidebar.native.d.ts.map +1 -0
- package/dist/MainSidebar.native.js +2 -0
- package/dist/MainSidebar.native.js.map +1 -0
- package/dist/Menubar.d.ts +70 -0
- package/dist/Menubar.d.ts.map +1 -0
- package/dist/Menubar.js +142 -0
- package/dist/Menubar.js.map +1 -0
- package/dist/NavigationMenu.d.ts +12 -0
- package/dist/NavigationMenu.d.ts.map +1 -0
- package/dist/NavigationMenu.js +63 -0
- package/dist/NavigationMenu.js.map +1 -0
- package/dist/NavigationMenu.native.d.ts +44 -0
- package/dist/NavigationMenu.native.d.ts.map +1 -0
- package/dist/NavigationMenu.native.js +43 -0
- package/dist/NavigationMenu.native.js.map +1 -0
- package/dist/NotificationBadge.d.ts +33 -0
- package/dist/NotificationBadge.d.ts.map +1 -0
- package/dist/NotificationBadge.js +49 -0
- package/dist/NotificationBadge.js.map +1 -0
- package/dist/NotificationBadge.native.d.ts +25 -0
- package/dist/NotificationBadge.native.d.ts.map +1 -0
- package/dist/NotificationBadge.native.js +41 -0
- package/dist/NotificationBadge.native.js.map +1 -0
- package/dist/PageShell.d.ts +24 -0
- package/dist/PageShell.d.ts.map +1 -0
- package/dist/PageShell.js +24 -0
- package/dist/PageShell.js.map +1 -0
- package/dist/PageShell.native.d.ts +21 -0
- package/dist/PageShell.native.d.ts.map +1 -0
- package/dist/PageShell.native.js +19 -0
- package/dist/PageShell.native.js.map +1 -0
- package/dist/Pagination.d.ts +53 -0
- package/dist/Pagination.d.ts.map +1 -0
- package/dist/Pagination.js +79 -0
- package/dist/Pagination.js.map +1 -0
- package/dist/Pagination.native.d.ts +48 -0
- package/dist/Pagination.native.d.ts.map +1 -0
- package/dist/Pagination.native.js +55 -0
- package/dist/Pagination.native.js.map +1 -0
- package/dist/Popover.d.ts +57 -0
- package/dist/Popover.d.ts.map +1 -0
- package/dist/Popover.js +71 -0
- package/dist/Popover.js.map +1 -0
- package/dist/Popover.native.d.ts +48 -0
- package/dist/Popover.native.d.ts.map +1 -0
- package/dist/Popover.native.js +65 -0
- package/dist/Popover.native.js.map +1 -0
- package/dist/Popper.d.ts +54 -0
- package/dist/Popper.d.ts.map +1 -0
- package/dist/Popper.js +219 -0
- package/dist/Popper.js.map +1 -0
- package/dist/Progress.d.ts +79 -0
- package/dist/Progress.d.ts.map +1 -0
- package/dist/Progress.js +110 -0
- package/dist/Progress.js.map +1 -0
- package/dist/Progress.native.d.ts +42 -0
- package/dist/Progress.native.d.ts.map +1 -0
- package/dist/Progress.native.js +91 -0
- package/dist/Progress.native.js.map +1 -0
- package/dist/ProgressCircle.d.ts +69 -0
- package/dist/ProgressCircle.d.ts.map +1 -0
- package/dist/ProgressCircle.js +78 -0
- package/dist/ProgressCircle.js.map +1 -0
- package/dist/RadioCardGroup.d.ts +26 -0
- package/dist/RadioCardGroup.d.ts.map +1 -0
- package/dist/RadioCardGroup.js +26 -0
- package/dist/RadioCardGroup.js.map +1 -0
- package/dist/RadioGroup.d.ts +35 -0
- package/dist/RadioGroup.d.ts.map +1 -0
- package/dist/RadioGroup.js +68 -0
- package/dist/RadioGroup.js.map +1 -0
- package/dist/RadioGroup.native.d.ts +33 -0
- package/dist/RadioGroup.native.d.ts.map +1 -0
- package/dist/RadioGroup.native.js +55 -0
- package/dist/RadioGroup.native.js.map +1 -0
- package/dist/Resizable.d.ts +32 -0
- package/dist/Resizable.d.ts.map +1 -0
- package/dist/Resizable.js +31 -0
- package/dist/Resizable.js.map +1 -0
- package/dist/Resizable.native.d.ts +32 -0
- package/dist/Resizable.native.d.ts.map +1 -0
- package/dist/Resizable.native.js +23 -0
- package/dist/Resizable.native.js.map +1 -0
- package/dist/RichTextEditor.d.ts +38 -0
- package/dist/RichTextEditor.d.ts.map +1 -0
- package/dist/RichTextEditor.js +218 -0
- package/dist/RichTextEditor.js.map +1 -0
- package/dist/ScrollArea.d.ts +4 -0
- package/dist/ScrollArea.d.ts.map +1 -0
- package/dist/ScrollArea.js +26 -0
- package/dist/ScrollArea.js.map +1 -0
- package/dist/ScrollArea.native.d.ts +19 -0
- package/dist/ScrollArea.native.d.ts.map +1 -0
- package/dist/ScrollArea.native.js +19 -0
- package/dist/ScrollArea.native.js.map +1 -0
- package/dist/SearchField.d.ts +43 -0
- package/dist/SearchField.d.ts.map +1 -0
- package/dist/SearchField.js +34 -0
- package/dist/SearchField.js.map +1 -0
- package/dist/SearchField.native.d.ts +31 -0
- package/dist/SearchField.native.d.ts.map +1 -0
- package/dist/SearchField.native.js +30 -0
- package/dist/SearchField.native.js.map +1 -0
- package/dist/SectionHeader.d.ts +58 -0
- package/dist/SectionHeader.d.ts.map +1 -0
- package/dist/SectionHeader.js +95 -0
- package/dist/SectionHeader.js.map +1 -0
- package/dist/SectionHeader.native.d.ts +45 -0
- package/dist/SectionHeader.native.d.ts.map +1 -0
- package/dist/SectionHeader.native.js +92 -0
- package/dist/SectionHeader.native.js.map +1 -0
- package/dist/Select.d.ts +78 -0
- package/dist/Select.d.ts.map +1 -0
- package/dist/Select.js +310 -0
- package/dist/Select.js.map +1 -0
- package/dist/Select.native.d.ts +53 -0
- package/dist/Select.native.d.ts.map +1 -0
- package/dist/Select.native.js +86 -0
- package/dist/Select.native.js.map +1 -0
- package/dist/Separator.d.ts +20 -0
- package/dist/Separator.d.ts.map +1 -0
- package/dist/Separator.js +20 -0
- package/dist/Separator.js.map +1 -0
- package/dist/Separator.native.d.ts +8 -0
- package/dist/Separator.native.d.ts.map +1 -0
- package/dist/Separator.native.js +17 -0
- package/dist/Separator.native.js.map +1 -0
- package/dist/Sheet.d.ts +54 -0
- package/dist/Sheet.d.ts.map +1 -0
- package/dist/Sheet.js +191 -0
- package/dist/Sheet.js.map +1 -0
- package/dist/Sheet.native.d.ts +55 -0
- package/dist/Sheet.native.d.ts.map +1 -0
- package/dist/Sheet.native.js +112 -0
- package/dist/Sheet.native.js.map +1 -0
- package/dist/Sidebar.d.ts +131 -0
- package/dist/Sidebar.d.ts.map +1 -0
- package/dist/Sidebar.js +328 -0
- package/dist/Sidebar.js.map +1 -0
- package/dist/Skeleton.d.ts +14 -0
- package/dist/Skeleton.d.ts.map +1 -0
- package/dist/Skeleton.js +17 -0
- package/dist/Skeleton.js.map +1 -0
- package/dist/Skeleton.native.d.ts +6 -0
- package/dist/Skeleton.native.d.ts.map +1 -0
- package/dist/Skeleton.native.js +26 -0
- package/dist/Skeleton.native.js.map +1 -0
- package/dist/Slider.d.ts +63 -0
- package/dist/Slider.d.ts.map +1 -0
- package/dist/Slider.js +109 -0
- package/dist/Slider.js.map +1 -0
- package/dist/Slider.native.d.ts +38 -0
- package/dist/Slider.native.d.ts.map +1 -0
- package/dist/Slider.native.js +18 -0
- package/dist/Slider.native.js.map +1 -0
- package/dist/SortableList.d.ts +26 -0
- package/dist/SortableList.d.ts.map +1 -0
- package/dist/SortableList.js +44 -0
- package/dist/SortableList.js.map +1 -0
- package/dist/SparkChart.d.ts +34 -0
- package/dist/SparkChart.d.ts.map +1 -0
- package/dist/SparkChart.js +55 -0
- package/dist/SparkChart.js.map +1 -0
- package/dist/StatCard.d.ts +35 -0
- package/dist/StatCard.d.ts.map +1 -0
- package/dist/StatCard.js +37 -0
- package/dist/StatCard.js.map +1 -0
- package/dist/StatCard.native.d.ts +28 -0
- package/dist/StatCard.native.d.ts.map +1 -0
- package/dist/StatCard.native.js +31 -0
- package/dist/StatCard.native.js.map +1 -0
- package/dist/StatusBadge.d.ts +23 -0
- package/dist/StatusBadge.d.ts.map +1 -0
- package/dist/StatusBadge.js +33 -0
- package/dist/StatusBadge.js.map +1 -0
- package/dist/StatusBadge.native.d.ts +21 -0
- package/dist/StatusBadge.native.d.ts.map +1 -0
- package/dist/StatusBadge.native.js +37 -0
- package/dist/StatusBadge.native.js.map +1 -0
- package/dist/Switch.d.ts +31 -0
- package/dist/Switch.d.ts.map +1 -0
- package/dist/Switch.js +46 -0
- package/dist/Switch.js.map +1 -0
- package/dist/Switch.native.d.ts +16 -0
- package/dist/Switch.native.d.ts.map +1 -0
- package/dist/Switch.native.js +41 -0
- package/dist/Switch.native.js.map +1 -0
- package/dist/TabNavigation.d.ts +49 -0
- package/dist/TabNavigation.d.ts.map +1 -0
- package/dist/TabNavigation.js +121 -0
- package/dist/TabNavigation.js.map +1 -0
- package/dist/Table.d.ts +54 -0
- package/dist/Table.d.ts.map +1 -0
- package/dist/Table.js +96 -0
- package/dist/Table.js.map +1 -0
- package/dist/Table.native.d.ts +37 -0
- package/dist/Table.native.d.ts.map +1 -0
- package/dist/Table.native.js +37 -0
- package/dist/Table.native.js.map +1 -0
- package/dist/Tabs.d.ts +45 -0
- package/dist/Tabs.d.ts.map +1 -0
- package/dist/Tabs.js +94 -0
- package/dist/Tabs.js.map +1 -0
- package/dist/Tabs.native.d.ts +47 -0
- package/dist/Tabs.native.d.ts.map +1 -0
- package/dist/Tabs.native.js +57 -0
- package/dist/Tabs.native.js.map +1 -0
- package/dist/Tag.d.ts +24 -0
- package/dist/Tag.d.ts.map +1 -0
- package/dist/Tag.js +41 -0
- package/dist/Tag.js.map +1 -0
- package/dist/Tag.native.d.ts +23 -0
- package/dist/Tag.native.d.ts.map +1 -0
- package/dist/Tag.native.js +55 -0
- package/dist/Tag.native.js.map +1 -0
- package/dist/Text.d.ts +26 -0
- package/dist/Text.d.ts.map +1 -0
- package/dist/Text.js +63 -0
- package/dist/Text.js.map +1 -0
- package/dist/Text.native.d.ts +18 -0
- package/dist/Text.native.d.ts.map +1 -0
- package/dist/Text.native.js +58 -0
- package/dist/Text.native.js.map +1 -0
- package/dist/Textarea.d.ts +23 -0
- package/dist/Textarea.d.ts.map +1 -0
- package/dist/Textarea.js +39 -0
- package/dist/Textarea.js.map +1 -0
- package/dist/Textarea.native.d.ts +16 -0
- package/dist/Textarea.native.d.ts.map +1 -0
- package/dist/Textarea.native.js +30 -0
- package/dist/Textarea.native.js.map +1 -0
- package/dist/TiptapEditor.d.ts +24 -0
- package/dist/TiptapEditor.d.ts.map +1 -0
- package/dist/TiptapEditor.js +84 -0
- package/dist/TiptapEditor.js.map +1 -0
- package/dist/TitleBar.d.ts +31 -0
- package/dist/TitleBar.d.ts.map +1 -0
- package/dist/TitleBar.js +27 -0
- package/dist/TitleBar.js.map +1 -0
- package/dist/TitleBar.native.d.ts +19 -0
- package/dist/TitleBar.native.d.ts.map +1 -0
- package/dist/TitleBar.native.js +16 -0
- package/dist/TitleBar.native.js.map +1 -0
- package/dist/Toast.d.ts +72 -0
- package/dist/Toast.d.ts.map +1 -0
- package/dist/Toast.js +194 -0
- package/dist/Toast.js.map +1 -0
- package/dist/Toast.native.d.ts +65 -0
- package/dist/Toast.native.d.ts.map +1 -0
- package/dist/Toast.native.js +182 -0
- package/dist/Toast.native.js.map +1 -0
- package/dist/Toggle.d.ts +46 -0
- package/dist/Toggle.d.ts.map +1 -0
- package/dist/Toggle.js +70 -0
- package/dist/Toggle.js.map +1 -0
- package/dist/Toggle.native.d.ts +42 -0
- package/dist/Toggle.native.d.ts.map +1 -0
- package/dist/Toggle.native.js +56 -0
- package/dist/Toggle.native.js.map +1 -0
- package/dist/Tooltip.d.ts +32 -0
- package/dist/Tooltip.d.ts.map +1 -0
- package/dist/Tooltip.js +43 -0
- package/dist/Tooltip.js.map +1 -0
- package/dist/Tooltip.native.d.ts +25 -0
- package/dist/Tooltip.native.d.ts.map +1 -0
- package/dist/Tooltip.native.js +25 -0
- package/dist/Tooltip.native.js.map +1 -0
- package/dist/TopBar.d.ts +105 -0
- package/dist/TopBar.d.ts.map +1 -0
- package/dist/TopBar.js +90 -0
- package/dist/TopBar.js.map +1 -0
- package/dist/TopBar.native.d.ts +67 -0
- package/dist/TopBar.native.d.ts.map +1 -0
- package/dist/TopBar.native.js +41 -0
- package/dist/TopBar.native.js.map +1 -0
- package/dist/Tracker.d.ts +44 -0
- package/dist/Tracker.d.ts.map +1 -0
- package/dist/Tracker.js +92 -0
- package/dist/Tracker.js.map +1 -0
- package/dist/TransferList.d.ts +51 -0
- package/dist/TransferList.d.ts.map +1 -0
- package/dist/TransferList.js +107 -0
- package/dist/TransferList.js.map +1 -0
- package/dist/TransferList.native.d.ts +14 -0
- package/dist/TransferList.native.d.ts.map +1 -0
- package/dist/TransferList.native.js +57 -0
- package/dist/TransferList.native.js.map +1 -0
- package/dist/index.d.ts +78 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +79 -0
- package/dist/index.js.map +1 -0
- package/dist/internal/cn.d.ts +7 -0
- package/dist/internal/cn.d.ts.map +1 -0
- package/dist/internal/cn.js +30 -0
- package/dist/internal/cn.js.map +1 -0
- package/package.json +499 -0
- package/src/AccessLevelGroup.native.tsx +103 -0
- package/src/AccessLevelGroup.tsx +103 -0
- package/src/Accordion.native.tsx +199 -0
- package/src/Accordion.tsx +279 -0
- package/src/Alert.native.tsx +100 -0
- package/src/Alert.tsx +101 -0
- package/src/AlertDialog.native.tsx +189 -0
- package/src/AlertDialog.tsx +194 -0
- package/src/AspectRatio.native.tsx +28 -0
- package/src/AspectRatio.tsx +35 -0
- package/src/Avatar.native.tsx +142 -0
- package/src/Avatar.tsx +155 -0
- package/src/AvatarGroup.native.tsx +81 -0
- package/src/AvatarGroup.tsx +114 -0
- package/src/Badge.native.tsx +85 -0
- package/src/Badge.tsx +93 -0
- package/src/Banner.native.tsx +77 -0
- package/src/Banner.tsx +95 -0
- package/src/BarList.tsx +102 -0
- package/src/Breadcrumb.native.tsx +238 -0
- package/src/Breadcrumb.tsx +258 -0
- package/src/Button.native.tsx +123 -0
- package/src/Button.tsx +153 -0
- package/src/Calendar.native.tsx +28 -0
- package/src/Calendar.tsx +211 -0
- package/src/Card.native.tsx +82 -0
- package/src/Card.tsx +94 -0
- package/src/Carousel.native.tsx +224 -0
- package/src/Carousel.tsx +292 -0
- package/src/CategoryBar.tsx +85 -0
- package/src/Chart.tsx +467 -0
- package/src/Checkbox.native.tsx +69 -0
- package/src/Checkbox.tsx +108 -0
- package/src/CheckboxGrid.native.tsx +160 -0
- package/src/CheckboxGrid.tsx +262 -0
- package/src/Collapsible.native.tsx +240 -0
- package/src/Collapsible.tsx +241 -0
- package/src/Combobox.native.tsx +171 -0
- package/src/Combobox.tsx +272 -0
- package/src/Command.native.tsx +71 -0
- package/src/Command.tsx +203 -0
- package/src/ContextMenu.native.tsx +313 -0
- package/src/ContextMenu.tsx +238 -0
- package/src/DataTable.native.tsx +70 -0
- package/src/DataTable.tsx +989 -0
- package/src/DatePicker.native.tsx +46 -0
- package/src/DatePicker.tsx +357 -0
- package/src/Dialog.native.tsx +181 -0
- package/src/Dialog.tsx +224 -0
- package/src/Drawer.native.tsx +134 -0
- package/src/Drawer.tsx +119 -0
- package/src/DropdownMenu.native.tsx +258 -0
- package/src/DropdownMenu.tsx +387 -0
- package/src/Dropzone.tsx +95 -0
- package/src/EmptyState.native.tsx +43 -0
- package/src/EmptyState.tsx +52 -0
- package/src/Form.native.tsx +94 -0
- package/src/Form.tsx +1324 -0
- package/src/HoverCard.native.tsx +63 -0
- package/src/HoverCard.tsx +181 -0
- package/src/IconSidebar.native.tsx +94 -0
- package/src/IconSidebar.tsx +448 -0
- package/src/Input.native.tsx +99 -0
- package/src/Input.tsx +132 -0
- package/src/InputOTP.native.tsx +154 -0
- package/src/InputOTP.tsx +119 -0
- package/src/Label.native.tsx +55 -0
- package/src/Label.tsx +60 -0
- package/src/Link.native.tsx +89 -0
- package/src/Link.tsx +85 -0
- package/src/Logo.native.tsx +114 -0
- package/src/Logo.tsx +153 -0
- package/src/MainSidebar.native.tsx +8 -0
- package/src/MainSidebar.tsx +10 -0
- package/src/Menubar.tsx +485 -0
- package/src/NavigationMenu.native.tsx +136 -0
- package/src/NavigationMenu.tsx +180 -0
- package/src/NotificationBadge.native.tsx +80 -0
- package/src/NotificationBadge.tsx +91 -0
- package/src/PageShell.native.tsx +43 -0
- package/src/PageShell.tsx +50 -0
- package/src/Pagination.native.tsx +217 -0
- package/src/Pagination.tsx +250 -0
- package/src/Popover.native.tsx +139 -0
- package/src/Popover.tsx +175 -0
- package/src/Popper.tsx +399 -0
- package/src/Progress.native.tsx +197 -0
- package/src/Progress.tsx +286 -0
- package/src/ProgressCircle.tsx +200 -0
- package/src/RadioCardGroup.tsx +97 -0
- package/src/RadioGroup.native.tsx +153 -0
- package/src/RadioGroup.tsx +201 -0
- package/src/Resizable.native.tsx +76 -0
- package/src/Resizable.tsx +88 -0
- package/src/RichTextEditor.tsx +513 -0
- package/src/ScrollArea.native.tsx +36 -0
- package/src/ScrollArea.tsx +62 -0
- package/src/SearchField.native.tsx +104 -0
- package/src/SearchField.tsx +136 -0
- package/src/SectionHeader.native.tsx +226 -0
- package/src/SectionHeader.tsx +250 -0
- package/src/Select.native.tsx +299 -0
- package/src/Select.tsx +710 -0
- package/src/Separator.native.tsx +38 -0
- package/src/Separator.tsx +43 -0
- package/src/Sheet.native.tsx +233 -0
- package/src/Sheet.tsx +329 -0
- package/src/Sidebar.tsx +956 -0
- package/src/Skeleton.native.tsx +47 -0
- package/src/Skeleton.tsx +29 -0
- package/src/Slider.native.tsx +64 -0
- package/src/Slider.tsx +284 -0
- package/src/SortableList.tsx +158 -0
- package/src/SparkChart.tsx +143 -0
- package/src/StatCard.native.tsx +64 -0
- package/src/StatCard.tsx +75 -0
- package/src/StatusBadge.native.tsx +57 -0
- package/src/StatusBadge.tsx +52 -0
- package/src/Switch.native.tsx +78 -0
- package/src/Switch.tsx +94 -0
- package/src/TabNavigation.tsx +329 -0
- package/src/Table.native.tsx +183 -0
- package/src/Table.tsx +260 -0
- package/src/Tabs.native.tsx +139 -0
- package/src/Tabs.tsx +216 -0
- package/src/Tag.native.tsx +87 -0
- package/src/Tag.tsx +93 -0
- package/src/Text.native.tsx +95 -0
- package/src/Text.tsx +93 -0
- package/src/Textarea.native.tsx +64 -0
- package/src/Textarea.tsx +66 -0
- package/src/TitleBar.native.tsx +46 -0
- package/src/TitleBar.tsx +64 -0
- package/src/Toast.native.tsx +366 -0
- package/src/Toast.tsx +408 -0
- package/src/Toggle.native.tsx +162 -0
- package/src/Toggle.tsx +169 -0
- package/src/Tooltip.native.tsx +62 -0
- package/src/Tooltip.tsx +88 -0
- package/src/TopBar.native.tsx +223 -0
- package/src/TopBar.tsx +436 -0
- package/src/Tracker.tsx +244 -0
- package/src/TransferList.native.tsx +180 -0
- package/src/TransferList.tsx +297 -0
- package/src/globals.d.ts +1 -0
- package/src/index.ts +502 -0
- package/src/internal/cn.ts +31 -0
package/dist/Toast.js
ADDED
|
@@ -0,0 +1,194 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
/**
|
|
4
|
+
* Toast (web variant — React DOM).
|
|
5
|
+
*
|
|
6
|
+
* Two-part API:
|
|
7
|
+
* 1. `<ToastProvider>` wraps your app, manages the queue, renders toasts
|
|
8
|
+
* in a fixed container at bottom-right.
|
|
9
|
+
* 2. `toast()` imperative function — call from anywhere to show a toast.
|
|
10
|
+
*
|
|
11
|
+
* Sub-components (`Toast`, `ToastTitle`, `ToastDescription`, `ToastAction`,
|
|
12
|
+
* `ToastClose`) are used internally by the provider but exported for
|
|
13
|
+
* advanced composition.
|
|
14
|
+
*
|
|
15
|
+
* Variants: default, success, error, warning.
|
|
16
|
+
* Auto-dismiss after configurable duration (default 5 000 ms).
|
|
17
|
+
* Pause timer on hover; resume on mouse leave.
|
|
18
|
+
*
|
|
19
|
+
* Wiki: docs/components/Toast.md
|
|
20
|
+
*/
|
|
21
|
+
import { forwardRef, useCallback, useEffect, useRef, useState, useSyncExternalStore, } from 'react';
|
|
22
|
+
import { cva } from 'class-variance-authority';
|
|
23
|
+
import { cn } from './internal/cn.js';
|
|
24
|
+
/* -------------------------------------------------------------------------- */
|
|
25
|
+
/* CVA variants */
|
|
26
|
+
/* -------------------------------------------------------------------------- */
|
|
27
|
+
export const toastVariants = cva('pointer-events-auto relative flex w-full items-start gap-3 overflow-hidden rounded-lg border p-4 shadow-lg ' +
|
|
28
|
+
'transition-all duration-300 ease-out', {
|
|
29
|
+
variants: {
|
|
30
|
+
variant: {
|
|
31
|
+
default: 'border-border bg-card text-foreground',
|
|
32
|
+
success: 'border-success/30 bg-success/10 text-foreground',
|
|
33
|
+
error: 'border-destructive/30 bg-destructive/10 text-foreground',
|
|
34
|
+
warning: 'border-warning/30 bg-warning/10 text-foreground',
|
|
35
|
+
accent: 'border-accent/30 bg-accent/10 text-foreground',
|
|
36
|
+
},
|
|
37
|
+
appearance: {
|
|
38
|
+
soft: '',
|
|
39
|
+
solid: '',
|
|
40
|
+
outline: 'bg-card',
|
|
41
|
+
minimal: 'border-transparent bg-background shadow-none',
|
|
42
|
+
},
|
|
43
|
+
},
|
|
44
|
+
compoundVariants: [
|
|
45
|
+
{ appearance: 'solid', variant: 'default', className: 'border-foreground bg-foreground text-background' },
|
|
46
|
+
{ appearance: 'solid', variant: 'success', className: 'border-success bg-success text-success-foreground' },
|
|
47
|
+
{ appearance: 'solid', variant: 'error', className: 'border-destructive bg-destructive text-destructive-foreground' },
|
|
48
|
+
{ appearance: 'solid', variant: 'warning', className: 'border-warning bg-warning text-warning-foreground' },
|
|
49
|
+
{ appearance: 'solid', variant: 'accent', className: 'border-accent bg-accent text-accent-foreground' },
|
|
50
|
+
{ appearance: 'outline', variant: 'default', className: 'border-border' },
|
|
51
|
+
{ appearance: 'outline', variant: 'success', className: 'border-success' },
|
|
52
|
+
{ appearance: 'outline', variant: 'error', className: 'border-destructive' },
|
|
53
|
+
{ appearance: 'outline', variant: 'warning', className: 'border-warning' },
|
|
54
|
+
{ appearance: 'outline', variant: 'accent', className: 'border-accent' },
|
|
55
|
+
],
|
|
56
|
+
defaultVariants: { variant: 'default', appearance: 'soft' },
|
|
57
|
+
});
|
|
58
|
+
const STORE_KEY = '__mihcm_toast_store__';
|
|
59
|
+
function getStore() {
|
|
60
|
+
const g = globalThis;
|
|
61
|
+
if (!g[STORE_KEY]) {
|
|
62
|
+
g[STORE_KEY] = { toasts: [], listeners: new Set(), viewports: new Set(), counter: 0, viewportCounter: 0 };
|
|
63
|
+
}
|
|
64
|
+
return g[STORE_KEY];
|
|
65
|
+
}
|
|
66
|
+
function notify() {
|
|
67
|
+
for (const l of getStore().listeners)
|
|
68
|
+
l();
|
|
69
|
+
}
|
|
70
|
+
function getSnapshot() {
|
|
71
|
+
return getStore().toasts;
|
|
72
|
+
}
|
|
73
|
+
function getViewportSnapshot() {
|
|
74
|
+
return Array.from(getStore().viewports).at(-1);
|
|
75
|
+
}
|
|
76
|
+
function subscribe(listener) {
|
|
77
|
+
const store = getStore();
|
|
78
|
+
store.listeners.add(listener);
|
|
79
|
+
return () => store.listeners.delete(listener);
|
|
80
|
+
}
|
|
81
|
+
/** Imperative API — call from anywhere to show a toast. */
|
|
82
|
+
export function toast(data) {
|
|
83
|
+
const store = getStore();
|
|
84
|
+
const id = `toast-${++store.counter}-${Date.now()}`;
|
|
85
|
+
const entry = { id, ...data };
|
|
86
|
+
store.toasts = [...store.toasts, entry];
|
|
87
|
+
notify();
|
|
88
|
+
return id;
|
|
89
|
+
}
|
|
90
|
+
function dismiss(id) {
|
|
91
|
+
const store = getStore();
|
|
92
|
+
store.toasts = store.toasts.filter((t) => t.id !== id);
|
|
93
|
+
notify();
|
|
94
|
+
}
|
|
95
|
+
/* -------------------------------------------------------------------------- */
|
|
96
|
+
/* Sub-components */
|
|
97
|
+
/* -------------------------------------------------------------------------- */
|
|
98
|
+
const ACCENT = {
|
|
99
|
+
default: 'border-l-border',
|
|
100
|
+
success: 'border-l-success',
|
|
101
|
+
error: 'border-l-destructive',
|
|
102
|
+
warning: 'border-l-warning',
|
|
103
|
+
accent: 'border-l-accent',
|
|
104
|
+
};
|
|
105
|
+
export const Toast = forwardRef(function Toast({ className, variant = 'default', appearance = 'soft', children, ...props }, ref) {
|
|
106
|
+
return (_jsx("div", { ref: ref, className: cn(toastVariants({ variant, appearance }), 'border-l-4', ACCENT[variant ?? 'default'], className), ...props, children: children }));
|
|
107
|
+
});
|
|
108
|
+
export const ToastTitle = forwardRef(function ToastTitle({ className, ...props }, ref) {
|
|
109
|
+
return _jsx("div", { ref: ref, className: cn('text-sm font-semibold', className), ...props });
|
|
110
|
+
});
|
|
111
|
+
export const ToastDescription = forwardRef(function ToastDescription({ className, ...props }, ref) {
|
|
112
|
+
return _jsx("div", { ref: ref, className: cn('text-sm text-muted-foreground', className), ...props });
|
|
113
|
+
});
|
|
114
|
+
export const ToastAction = forwardRef(function ToastAction({ className, ...props }, ref) {
|
|
115
|
+
return (_jsx("button", { ref: ref, type: "button", className: cn('inline-flex shrink-0 items-center rounded-md border border-border bg-transparent px-3 py-1 ' +
|
|
116
|
+
'text-sm font-medium transition-colors duration-150 hover:bg-muted focus-visible:outline-none ' +
|
|
117
|
+
'focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50', className), ...props }));
|
|
118
|
+
});
|
|
119
|
+
export const ToastClose = forwardRef(function ToastClose({ className, ...props }, ref) {
|
|
120
|
+
return (_jsx("button", { ref: ref, type: "button", "aria-label": "Close", className: cn('absolute right-2 top-2 rounded-md p-1 text-foreground/50 transition-opacity hover:text-foreground ' +
|
|
121
|
+
'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', className), ...props, children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [_jsx("path", { d: "M18 6 6 18" }), _jsx("path", { d: "m6 6 12 12" })] }) }));
|
|
122
|
+
});
|
|
123
|
+
/* -------------------------------------------------------------------------- */
|
|
124
|
+
/* Individual toast item (manages timer + animation) */
|
|
125
|
+
/* -------------------------------------------------------------------------- */
|
|
126
|
+
const DEFAULT_DURATION = 5000;
|
|
127
|
+
function ToastItem({ data, onDismiss, appearance, }) {
|
|
128
|
+
const [visible, setVisible] = useState(false);
|
|
129
|
+
const [exiting, setExiting] = useState(false);
|
|
130
|
+
const timerRef = useRef(undefined);
|
|
131
|
+
const remainingRef = useRef(data.duration ?? DEFAULT_DURATION);
|
|
132
|
+
// eslint-disable-next-line react-hooks/purity -- initial value only, never re-read during render
|
|
133
|
+
const startRef = useRef(Date.now());
|
|
134
|
+
const startTimer = useCallback(() => {
|
|
135
|
+
startRef.current = Date.now();
|
|
136
|
+
timerRef.current = setTimeout(() => {
|
|
137
|
+
setExiting(true);
|
|
138
|
+
setTimeout(() => onDismiss(data.id), 300);
|
|
139
|
+
}, remainingRef.current);
|
|
140
|
+
}, [data.id, onDismiss]);
|
|
141
|
+
const pauseTimer = useCallback(() => {
|
|
142
|
+
if (timerRef.current) {
|
|
143
|
+
clearTimeout(timerRef.current);
|
|
144
|
+
remainingRef.current -= Date.now() - startRef.current;
|
|
145
|
+
if (remainingRef.current < 0)
|
|
146
|
+
remainingRef.current = 0;
|
|
147
|
+
}
|
|
148
|
+
}, []);
|
|
149
|
+
useEffect(() => {
|
|
150
|
+
// Trigger entry animation on next frame
|
|
151
|
+
const raf = requestAnimationFrame(() => setVisible(true));
|
|
152
|
+
startTimer();
|
|
153
|
+
return () => {
|
|
154
|
+
cancelAnimationFrame(raf);
|
|
155
|
+
if (timerRef.current)
|
|
156
|
+
clearTimeout(timerRef.current);
|
|
157
|
+
};
|
|
158
|
+
}, [startTimer]);
|
|
159
|
+
const handleClose = () => {
|
|
160
|
+
if (timerRef.current)
|
|
161
|
+
clearTimeout(timerRef.current);
|
|
162
|
+
setExiting(true);
|
|
163
|
+
setTimeout(() => onDismiss(data.id), 300);
|
|
164
|
+
};
|
|
165
|
+
const isError = data.variant === 'error';
|
|
166
|
+
return (_jsx("div", { role: "status", "aria-live": isError ? 'assertive' : 'polite', className: cn('transform transition-all duration-300', visible && !exiting ? 'translate-x-0 opacity-100' : 'translate-x-full opacity-0'), onMouseEnter: pauseTimer, onMouseLeave: startTimer, children: _jsxs(Toast, { variant: data.variant, appearance: data.appearance ?? appearance, children: [data.icon ? _jsx("div", { className: "mt-0.5 shrink-0 text-muted-foreground", children: data.icon }) : null, _jsxs("div", { className: "flex-1 space-y-1 pr-6", children: [_jsx(ToastTitle, { children: data.title }), data.description !== undefined && (_jsx(ToastDescription, { children: data.description })), data.action !== undefined && (_jsx("div", { className: "mt-2", children: _jsx(ToastAction, { onClick: data.action.onClick, children: data.action.label }) }))] }), _jsx(ToastClose, { onClick: handleClose })] }) }));
|
|
167
|
+
}
|
|
168
|
+
/* -------------------------------------------------------------------------- */
|
|
169
|
+
/* ToastProvider */
|
|
170
|
+
/* -------------------------------------------------------------------------- */
|
|
171
|
+
const POSITION_CLASS = {
|
|
172
|
+
'bottom-right': 'bottom-4 right-4',
|
|
173
|
+
'bottom-left': 'bottom-4 left-4',
|
|
174
|
+
'top-right': 'right-4 top-4',
|
|
175
|
+
'top-left': 'left-4 top-4',
|
|
176
|
+
};
|
|
177
|
+
export function ToastProvider({ children, max = 5, position = 'bottom-right', appearance = 'soft' }) {
|
|
178
|
+
const [viewportId] = useState(() => ++getStore().viewportCounter);
|
|
179
|
+
useEffect(() => {
|
|
180
|
+
const store = getStore();
|
|
181
|
+
store.viewports.add(viewportId);
|
|
182
|
+
notify();
|
|
183
|
+
return () => {
|
|
184
|
+
store.viewports.delete(viewportId);
|
|
185
|
+
notify();
|
|
186
|
+
};
|
|
187
|
+
}, [viewportId]);
|
|
188
|
+
const items = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
|
|
189
|
+
const activeViewportId = useSyncExternalStore(subscribe, getViewportSnapshot, () => undefined);
|
|
190
|
+
const visible = items.slice(-max);
|
|
191
|
+
const isActiveViewport = viewportId === activeViewportId;
|
|
192
|
+
return (_jsxs(_Fragment, { children: [children, isActiveViewport ? (_jsx("div", { "aria-label": "Notifications", className: cn('pointer-events-none fixed z-[100] flex max-w-[420px] flex-col gap-2', POSITION_CLASS[position]), children: visible.map((t) => (_jsx(ToastItem, { data: t, onDismiss: dismiss, appearance: appearance }, t.id))) })) : null] }));
|
|
193
|
+
}
|
|
194
|
+
//# sourceMappingURL=Toast.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../src/Toast.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Toast (React Native variant).
|
|
3
|
+
*
|
|
4
|
+
* Same imperative `toast()` API as the web variant.
|
|
5
|
+
* Renders toasts at the bottom of the screen using Animated slide-up.
|
|
6
|
+
*
|
|
7
|
+
* Wiki: docs/components/Toast.md
|
|
8
|
+
*/
|
|
9
|
+
import { type ReactNode } from 'react';
|
|
10
|
+
import { Text, View, type TextProps, type ViewProps } from 'react-native';
|
|
11
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
12
|
+
export declare const toastVariants: (props?: ({
|
|
13
|
+
variant?: "accent" | "default" | "success" | "warning" | "error" | null | undefined;
|
|
14
|
+
appearance?: "outline" | "solid" | "soft" | "minimal" | null | undefined;
|
|
15
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
16
|
+
export type ToastVariant = NonNullable<VariantProps<typeof toastVariants>['variant']>;
|
|
17
|
+
export type ToastAppearance = NonNullable<VariantProps<typeof toastVariants>['appearance']>;
|
|
18
|
+
export interface ToastData {
|
|
19
|
+
id: string;
|
|
20
|
+
title: string;
|
|
21
|
+
description?: string;
|
|
22
|
+
variant?: ToastVariant;
|
|
23
|
+
appearance?: ToastAppearance;
|
|
24
|
+
duration?: number;
|
|
25
|
+
action?: {
|
|
26
|
+
label: string;
|
|
27
|
+
onClick: () => void;
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
export interface ToastProps extends Omit<ViewProps, 'style'>, VariantProps<typeof toastVariants> {
|
|
31
|
+
className?: string;
|
|
32
|
+
}
|
|
33
|
+
export interface ToastTitleProps extends Omit<TextProps, 'style'> {
|
|
34
|
+
className?: string;
|
|
35
|
+
}
|
|
36
|
+
export interface ToastDescriptionProps extends Omit<TextProps, 'style'> {
|
|
37
|
+
className?: string;
|
|
38
|
+
}
|
|
39
|
+
export interface ToastActionProps extends Omit<ViewProps, 'style'> {
|
|
40
|
+
className?: string;
|
|
41
|
+
onPress?: () => void;
|
|
42
|
+
children?: ReactNode;
|
|
43
|
+
}
|
|
44
|
+
export interface ToastCloseProps extends Omit<ViewProps, 'style'> {
|
|
45
|
+
className?: string;
|
|
46
|
+
onPress?: () => void;
|
|
47
|
+
}
|
|
48
|
+
export interface ToastProviderProps {
|
|
49
|
+
children: ReactNode;
|
|
50
|
+
/** Maximum number of visible toasts. @default 5 */
|
|
51
|
+
max?: number;
|
|
52
|
+
/** Screen corner for the toast stack. */
|
|
53
|
+
position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
|
|
54
|
+
/** Default visual treatment for toasts without an explicit appearance. */
|
|
55
|
+
appearance?: ToastAppearance;
|
|
56
|
+
}
|
|
57
|
+
/** Imperative API — call from anywhere to show a toast. */
|
|
58
|
+
export declare function toast(data: Omit<ToastData, 'id'>): string;
|
|
59
|
+
export declare const Toast: import("react").ForwardRefExoticComponent<ToastProps & import("react").RefAttributes<View>>;
|
|
60
|
+
export declare const ToastTitle: import("react").ForwardRefExoticComponent<ToastTitleProps & import("react").RefAttributes<Text>>;
|
|
61
|
+
export declare const ToastDescription: import("react").ForwardRefExoticComponent<ToastDescriptionProps & import("react").RefAttributes<Text>>;
|
|
62
|
+
export declare const ToastAction: import("react").ForwardRefExoticComponent<ToastActionProps & import("react").RefAttributes<View>>;
|
|
63
|
+
export declare const ToastClose: import("react").ForwardRefExoticComponent<ToastCloseProps & import("react").RefAttributes<View>>;
|
|
64
|
+
export declare function ToastProvider({ children, max, position, appearance }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
65
|
+
//# sourceMappingURL=Toast.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.native.d.ts","sourceRoot":"","sources":["../src/Toast.native.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AACH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAGL,IAAI,EACJ,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAOlE,eAAO,MAAM,aAAa;;;8EAgCzB,CAAC;AAMF,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;AACtF,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;AAE5F,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;CACjD;AAED,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;IAC9F,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,mDAAmD;IACnD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yCAAyC;IACzC,QAAQ,CAAC,EAAE,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,CAAC;IACrE,0EAA0E;IAC1E,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAgCD,2DAA2D;AAC3D,wBAAgB,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,MAAM,CAMzD;AAWD,eAAO,MAAM,KAAK,6FAchB,CAAC;AAEH,eAAO,MAAM,UAAU,kGAKrB,CAAC;AAEH,eAAO,MAAM,gBAAgB,wGAI5B,CAAC;AAEF,eAAO,MAAM,WAAW,mGAkBtB,CAAC;AAEH,eAAO,MAAM,UAAU,kGAgBrB,CAAC;AAsGH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAO,EAAE,QAAyB,EAAE,UAAmB,EAAE,EAAE,kBAAkB,2CAkCtH"}
|
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/* eslint-disable react-hooks/refs, react-hooks/purity -- RN Animated API reads refs during render */
|
|
3
|
+
/**
|
|
4
|
+
* Toast (React Native variant).
|
|
5
|
+
*
|
|
6
|
+
* Same imperative `toast()` API as the web variant.
|
|
7
|
+
* Renders toasts at the bottom of the screen using Animated slide-up.
|
|
8
|
+
*
|
|
9
|
+
* Wiki: docs/components/Toast.md
|
|
10
|
+
*/
|
|
11
|
+
import { forwardRef, useCallback, useEffect, useRef, useSyncExternalStore, } from 'react';
|
|
12
|
+
import { Animated, Pressable, Text, View, } from 'react-native';
|
|
13
|
+
import { cva } from 'class-variance-authority';
|
|
14
|
+
import { cn } from './internal/cn.js';
|
|
15
|
+
/* -------------------------------------------------------------------------- */
|
|
16
|
+
/* CVA variants */
|
|
17
|
+
/* -------------------------------------------------------------------------- */
|
|
18
|
+
export const toastVariants = cva('w-full flex-row items-start gap-3 rounded-lg border border-l-4 p-4 shadow-lg', {
|
|
19
|
+
variants: {
|
|
20
|
+
variant: {
|
|
21
|
+
default: 'border-border bg-background border-l-foreground/40',
|
|
22
|
+
success: 'border-success/40 bg-success/10 border-l-success',
|
|
23
|
+
error: 'border-destructive/40 bg-destructive/10 border-l-destructive',
|
|
24
|
+
warning: 'border-warning/40 bg-warning/10 border-l-warning',
|
|
25
|
+
accent: 'border-accent/40 bg-accent/10 border-l-accent',
|
|
26
|
+
},
|
|
27
|
+
appearance: {
|
|
28
|
+
soft: '',
|
|
29
|
+
solid: '',
|
|
30
|
+
outline: 'bg-card',
|
|
31
|
+
minimal: 'border-transparent bg-background shadow-none',
|
|
32
|
+
},
|
|
33
|
+
},
|
|
34
|
+
compoundVariants: [
|
|
35
|
+
{ appearance: 'solid', variant: 'default', className: 'border-foreground bg-foreground' },
|
|
36
|
+
{ appearance: 'solid', variant: 'success', className: 'border-success bg-success' },
|
|
37
|
+
{ appearance: 'solid', variant: 'error', className: 'border-destructive bg-destructive' },
|
|
38
|
+
{ appearance: 'solid', variant: 'warning', className: 'border-warning bg-warning' },
|
|
39
|
+
{ appearance: 'solid', variant: 'accent', className: 'border-accent bg-accent' },
|
|
40
|
+
{ appearance: 'outline', variant: 'default', className: 'border-border' },
|
|
41
|
+
{ appearance: 'outline', variant: 'success', className: 'border-success' },
|
|
42
|
+
{ appearance: 'outline', variant: 'error', className: 'border-destructive' },
|
|
43
|
+
{ appearance: 'outline', variant: 'warning', className: 'border-warning' },
|
|
44
|
+
{ appearance: 'outline', variant: 'accent', className: 'border-accent' },
|
|
45
|
+
],
|
|
46
|
+
defaultVariants: { variant: 'default', appearance: 'soft' },
|
|
47
|
+
});
|
|
48
|
+
let toasts = [];
|
|
49
|
+
const listeners = new Set();
|
|
50
|
+
const viewports = new Set();
|
|
51
|
+
let viewportCounter = 0;
|
|
52
|
+
function notify() {
|
|
53
|
+
for (const l of listeners)
|
|
54
|
+
l();
|
|
55
|
+
}
|
|
56
|
+
function getSnapshot() {
|
|
57
|
+
return toasts;
|
|
58
|
+
}
|
|
59
|
+
function getViewportSnapshot() {
|
|
60
|
+
return Array.from(viewports).at(-1);
|
|
61
|
+
}
|
|
62
|
+
function subscribe(listener) {
|
|
63
|
+
listeners.add(listener);
|
|
64
|
+
return () => listeners.delete(listener);
|
|
65
|
+
}
|
|
66
|
+
let counter = 0;
|
|
67
|
+
/** Imperative API — call from anywhere to show a toast. */
|
|
68
|
+
export function toast(data) {
|
|
69
|
+
const id = `toast-${++counter}-${Date.now()}`;
|
|
70
|
+
const entry = { id, ...data };
|
|
71
|
+
toasts = [...toasts, entry];
|
|
72
|
+
notify();
|
|
73
|
+
return id;
|
|
74
|
+
}
|
|
75
|
+
function dismiss(id) {
|
|
76
|
+
toasts = toasts.filter((t) => t.id !== id);
|
|
77
|
+
notify();
|
|
78
|
+
}
|
|
79
|
+
/* -------------------------------------------------------------------------- */
|
|
80
|
+
/* Sub-components */
|
|
81
|
+
/* -------------------------------------------------------------------------- */
|
|
82
|
+
export const Toast = forwardRef(function Toast({ className, variant = 'default', appearance = 'soft', children, ...props }, ref) {
|
|
83
|
+
return (_jsx(View, { ref: ref, accessibilityRole: "alert", className: cn(toastVariants({ variant, appearance }), className), ...props, children: children }));
|
|
84
|
+
});
|
|
85
|
+
export const ToastTitle = forwardRef(function ToastTitle({ className, ...props }, ref) {
|
|
86
|
+
return _jsx(Text, { ref: ref, className: cn('text-sm font-semibold text-foreground', className), ...props });
|
|
87
|
+
});
|
|
88
|
+
export const ToastDescription = forwardRef(function ToastDescription({ className, ...props }, ref) {
|
|
89
|
+
return _jsx(Text, { ref: ref, className: cn('text-sm text-muted-foreground', className), ...props });
|
|
90
|
+
});
|
|
91
|
+
export const ToastAction = forwardRef(function ToastAction({ className, onPress, children, ...props }, ref) {
|
|
92
|
+
return (_jsx(Pressable, { ref: ref, onPress: onPress, accessibilityRole: "button", className: cn('flex-row items-center rounded-md border border-border px-3 py-1', className), ...props, children: _jsx(Text, { className: "text-sm font-medium text-foreground", children: children }) }));
|
|
93
|
+
});
|
|
94
|
+
export const ToastClose = forwardRef(function ToastClose({ className, onPress, ...props }, ref) {
|
|
95
|
+
return (_jsx(Pressable, { ref: ref, onPress: onPress, accessibilityRole: "button", accessibilityLabel: "Close", className: cn('absolute right-2 top-2 rounded-md p-1', className), ...props, children: _jsx(Text, { className: "text-foreground/50 text-base leading-none", children: "\u2715" }) }));
|
|
96
|
+
});
|
|
97
|
+
/* -------------------------------------------------------------------------- */
|
|
98
|
+
/* Individual toast item (manages timer + animation) */
|
|
99
|
+
/* -------------------------------------------------------------------------- */
|
|
100
|
+
const DEFAULT_DURATION = 5000;
|
|
101
|
+
function ToastItem({ data, onDismiss, appearance, }) {
|
|
102
|
+
const slideAnim = useRef(new Animated.Value(100)).current;
|
|
103
|
+
const opacityAnim = useRef(new Animated.Value(0)).current;
|
|
104
|
+
const timerRef = useRef(undefined);
|
|
105
|
+
const remainingRef = useRef(data.duration ?? DEFAULT_DURATION);
|
|
106
|
+
const startRef = useRef(Date.now());
|
|
107
|
+
const handleDismiss = useCallback(() => {
|
|
108
|
+
Animated.parallel([
|
|
109
|
+
Animated.timing(slideAnim, {
|
|
110
|
+
toValue: 100,
|
|
111
|
+
duration: 300,
|
|
112
|
+
useNativeDriver: true,
|
|
113
|
+
}),
|
|
114
|
+
Animated.timing(opacityAnim, {
|
|
115
|
+
toValue: 0,
|
|
116
|
+
duration: 300,
|
|
117
|
+
useNativeDriver: true,
|
|
118
|
+
}),
|
|
119
|
+
]).start(() => onDismiss(data.id));
|
|
120
|
+
}, [data.id, onDismiss, slideAnim, opacityAnim]);
|
|
121
|
+
const startTimer = useCallback(() => {
|
|
122
|
+
startRef.current = Date.now();
|
|
123
|
+
timerRef.current = setTimeout(() => {
|
|
124
|
+
handleDismiss();
|
|
125
|
+
}, remainingRef.current);
|
|
126
|
+
}, [handleDismiss]);
|
|
127
|
+
useEffect(() => {
|
|
128
|
+
Animated.parallel([
|
|
129
|
+
Animated.timing(slideAnim, {
|
|
130
|
+
toValue: 0,
|
|
131
|
+
duration: 300,
|
|
132
|
+
useNativeDriver: true,
|
|
133
|
+
}),
|
|
134
|
+
Animated.timing(opacityAnim, {
|
|
135
|
+
toValue: 1,
|
|
136
|
+
duration: 300,
|
|
137
|
+
useNativeDriver: true,
|
|
138
|
+
}),
|
|
139
|
+
]).start();
|
|
140
|
+
startTimer();
|
|
141
|
+
return () => {
|
|
142
|
+
if (timerRef.current)
|
|
143
|
+
clearTimeout(timerRef.current);
|
|
144
|
+
};
|
|
145
|
+
}, [slideAnim, opacityAnim, startTimer]);
|
|
146
|
+
return (_jsx(Animated.View, { style: {
|
|
147
|
+
transform: [{ translateY: slideAnim }],
|
|
148
|
+
opacity: opacityAnim,
|
|
149
|
+
}, children: _jsxs(Toast, { variant: data.variant, appearance: data.appearance ?? appearance, children: [_jsxs(View, { className: "flex-1 gap-1 pr-6", children: [_jsx(ToastTitle, { children: data.title }), data.description !== undefined && (_jsx(ToastDescription, { children: data.description })), data.action !== undefined && (_jsx(View, { className: "mt-2", children: _jsx(ToastAction, { onPress: data.action.onClick, children: data.action.label }) }))] }), _jsx(ToastClose, { onPress: handleDismiss })] }) }));
|
|
150
|
+
}
|
|
151
|
+
/* -------------------------------------------------------------------------- */
|
|
152
|
+
/* ToastProvider */
|
|
153
|
+
/* -------------------------------------------------------------------------- */
|
|
154
|
+
const POSITION_CLASS = {
|
|
155
|
+
'bottom-right': 'bottom-4 left-4 right-4',
|
|
156
|
+
'bottom-left': 'bottom-4 left-4 right-4',
|
|
157
|
+
'top-right': 'left-4 right-4 top-4',
|
|
158
|
+
'top-left': 'left-4 right-4 top-4',
|
|
159
|
+
};
|
|
160
|
+
export function ToastProvider({ children, max = 5, position = 'bottom-right', appearance = 'soft' }) {
|
|
161
|
+
const viewportIdRef = useRef(undefined);
|
|
162
|
+
if (viewportIdRef.current === undefined) {
|
|
163
|
+
viewportIdRef.current = ++viewportCounter;
|
|
164
|
+
}
|
|
165
|
+
useEffect(() => {
|
|
166
|
+
const viewportId = viewportIdRef.current;
|
|
167
|
+
if (viewportId === undefined)
|
|
168
|
+
return;
|
|
169
|
+
viewports.add(viewportId);
|
|
170
|
+
notify();
|
|
171
|
+
return () => {
|
|
172
|
+
viewports.delete(viewportId);
|
|
173
|
+
notify();
|
|
174
|
+
};
|
|
175
|
+
}, []);
|
|
176
|
+
const items = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
|
|
177
|
+
const activeViewportId = useSyncExternalStore(subscribe, getViewportSnapshot, () => undefined);
|
|
178
|
+
const visible = items.slice(-max);
|
|
179
|
+
const isActiveViewport = viewportIdRef.current === activeViewportId;
|
|
180
|
+
return (_jsxs(View, { className: "flex-1", children: [children, isActiveViewport ? (_jsx(View, { accessibilityLabel: "Notifications", className: cn('absolute z-50 gap-2', POSITION_CLASS[position]), children: visible.map((t) => (_jsx(ToastItem, { data: t, onDismiss: dismiss, appearance: appearance }, t.id))) })) : null] }));
|
|
181
|
+
}
|
|
182
|
+
//# sourceMappingURL=Toast.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.native.js","sourceRoot":"","sources":["../src/Toast.native.tsx"],"names":[],"mappings":"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"}
|
package/dist/Toggle.d.ts
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Toggle & ToggleGroup (web variant — React DOM).
|
|
3
|
+
*
|
|
4
|
+
* `Toggle` is a single pressable that toggles between on/off.
|
|
5
|
+
* `ToggleGroup` wraps multiple toggles for single- or multi-select.
|
|
6
|
+
*
|
|
7
|
+
* <Toggle pressed={bold} onPressedChange={setBold}>
|
|
8
|
+
* <BoldIcon /> Bold
|
|
9
|
+
* </Toggle>
|
|
10
|
+
*
|
|
11
|
+
* <ToggleGroup type="single" value={align} onValueChange={setAlign}>
|
|
12
|
+
* <ToggleGroupItem value="left"><AlignLeftIcon /></ToggleGroupItem>
|
|
13
|
+
* <ToggleGroupItem value="center"><AlignCenterIcon /></ToggleGroupItem>
|
|
14
|
+
* <ToggleGroupItem value="right"><AlignRightIcon /></ToggleGroupItem>
|
|
15
|
+
* </ToggleGroup>
|
|
16
|
+
*
|
|
17
|
+
* Wiki: docs/components/Toggle.md
|
|
18
|
+
*/
|
|
19
|
+
import { type HTMLAttributes } from 'react';
|
|
20
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
21
|
+
export declare const toggleVariants: (props?: ({
|
|
22
|
+
variant?: "default" | "outline" | null | undefined;
|
|
23
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
24
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
25
|
+
export interface ToggleProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange'>, VariantProps<typeof toggleVariants> {
|
|
26
|
+
pressed: boolean;
|
|
27
|
+
onPressedChange: (pressed: boolean) => void;
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
}
|
|
30
|
+
export declare const Toggle: import("react").ForwardRefExoticComponent<ToggleProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
31
|
+
export type ToggleGroupProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof toggleVariants> & ({
|
|
32
|
+
type: 'single';
|
|
33
|
+
value: string;
|
|
34
|
+
onValueChange: (value: string) => void;
|
|
35
|
+
} | {
|
|
36
|
+
type: 'multiple';
|
|
37
|
+
value: string[];
|
|
38
|
+
onValueChange: (value: string[]) => void;
|
|
39
|
+
});
|
|
40
|
+
export declare const ToggleGroup: import("react").ForwardRefExoticComponent<ToggleGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
41
|
+
export interface ToggleGroupItemProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange'> {
|
|
42
|
+
value: string;
|
|
43
|
+
disabled?: boolean;
|
|
44
|
+
}
|
|
45
|
+
export declare const ToggleGroupItem: import("react").ForwardRefExoticComponent<ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
46
|
+
//# sourceMappingURL=Toggle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../src/Toggle.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AACf,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,eAAO,MAAM,cAAc;;;8EAmB1B,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,EACzD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,2GAmBjB,CAAC;AAcH,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,GAC3D,YAAY,CAAC,OAAO,cAAc,CAAC,GACnC,CACI;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,GACD;IACE,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC1C,CACJ,CAAC;AAEJ,eAAO,MAAM,WAAW,6GAyBvB,CAAC;AAIF,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,oHAyB3B,CAAC"}
|
package/dist/Toggle.js
ADDED
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
/**
|
|
4
|
+
* Toggle & ToggleGroup (web variant — React DOM).
|
|
5
|
+
*
|
|
6
|
+
* `Toggle` is a single pressable that toggles between on/off.
|
|
7
|
+
* `ToggleGroup` wraps multiple toggles for single- or multi-select.
|
|
8
|
+
*
|
|
9
|
+
* <Toggle pressed={bold} onPressedChange={setBold}>
|
|
10
|
+
* <BoldIcon /> Bold
|
|
11
|
+
* </Toggle>
|
|
12
|
+
*
|
|
13
|
+
* <ToggleGroup type="single" value={align} onValueChange={setAlign}>
|
|
14
|
+
* <ToggleGroupItem value="left"><AlignLeftIcon /></ToggleGroupItem>
|
|
15
|
+
* <ToggleGroupItem value="center"><AlignCenterIcon /></ToggleGroupItem>
|
|
16
|
+
* <ToggleGroupItem value="right"><AlignRightIcon /></ToggleGroupItem>
|
|
17
|
+
* </ToggleGroup>
|
|
18
|
+
*
|
|
19
|
+
* Wiki: docs/components/Toggle.md
|
|
20
|
+
*/
|
|
21
|
+
import { createContext, forwardRef, useContext, } from 'react';
|
|
22
|
+
import { cva } from 'class-variance-authority';
|
|
23
|
+
import { cn } from './internal/cn.js';
|
|
24
|
+
/* Toggle */
|
|
25
|
+
export const toggleVariants = cva('inline-flex items-center justify-center gap-1.5 rounded-md text-sm font-medium ' +
|
|
26
|
+
'transition-colors duration-150 ' +
|
|
27
|
+
'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ' +
|
|
28
|
+
'disabled:pointer-events-none disabled:opacity-50', {
|
|
29
|
+
variants: {
|
|
30
|
+
variant: {
|
|
31
|
+
default: 'bg-transparent hover:bg-muted',
|
|
32
|
+
outline: 'border border-border bg-transparent hover:bg-muted',
|
|
33
|
+
},
|
|
34
|
+
size: {
|
|
35
|
+
sm: 'h-8 px-2',
|
|
36
|
+
md: 'h-9 px-3',
|
|
37
|
+
lg: 'h-10 px-4',
|
|
38
|
+
},
|
|
39
|
+
},
|
|
40
|
+
defaultVariants: { variant: 'default', size: 'md' },
|
|
41
|
+
});
|
|
42
|
+
export const Toggle = forwardRef(function Toggle({ className, variant, size, pressed, onPressedChange, disabled, ...props }, ref) {
|
|
43
|
+
return (_jsx("button", { ref: ref, type: "button", "aria-pressed": pressed, disabled: disabled, onClick: () => onPressedChange(!pressed), className: cn(toggleVariants({ variant, size }), pressed && 'bg-accent/15 text-accent', className), ...props }));
|
|
44
|
+
});
|
|
45
|
+
const ToggleGroupContext = createContext(null);
|
|
46
|
+
export const ToggleGroup = forwardRef(function ToggleGroup({ className, type, value, onValueChange, variant, size, ...props }, ref) {
|
|
47
|
+
const onItemToggle = (itemValue) => {
|
|
48
|
+
if (type === 'single') {
|
|
49
|
+
onValueChange(itemValue);
|
|
50
|
+
}
|
|
51
|
+
else {
|
|
52
|
+
const arr = value;
|
|
53
|
+
const next = arr.includes(itemValue)
|
|
54
|
+
? arr.filter((v) => v !== itemValue)
|
|
55
|
+
: [...arr, itemValue];
|
|
56
|
+
onValueChange(next);
|
|
57
|
+
}
|
|
58
|
+
};
|
|
59
|
+
return (_jsx(ToggleGroupContext.Provider, { value: { type, value, onItemToggle, variant, size }, children: _jsx("div", { ref: ref, role: "group", className: cn('inline-flex items-center gap-1', className), ...props }) }));
|
|
60
|
+
});
|
|
61
|
+
export const ToggleGroupItem = forwardRef(function ToggleGroupItem({ className, value, disabled, ...props }, ref) {
|
|
62
|
+
const ctx = useContext(ToggleGroupContext);
|
|
63
|
+
if (!ctx)
|
|
64
|
+
throw new Error('ToggleGroupItem must be used within <ToggleGroup>');
|
|
65
|
+
const pressed = ctx.type === 'single'
|
|
66
|
+
? ctx.value === value
|
|
67
|
+
: ctx.value.includes(value);
|
|
68
|
+
return (_jsx("button", { ref: ref, type: "button", "aria-pressed": pressed, disabled: disabled, onClick: () => ctx.onItemToggle(value), className: cn(toggleVariants({ variant: ctx.variant, size: ctx.size }), pressed && 'bg-accent/15 text-accent', className), ...props }));
|
|
69
|
+
});
|
|
70
|
+
//# sourceMappingURL=Toggle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../src/Toggle.tsx"],"names":[],"mappings":"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"}
|