@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/Avatar.js
ADDED
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
/**
|
|
4
|
+
* Avatar (web variant — React DOM).
|
|
5
|
+
*
|
|
6
|
+
* Composable user/entity portrait. Three pieces:
|
|
7
|
+
*
|
|
8
|
+
* <Avatar>
|
|
9
|
+
* <AvatarImage src={user.photo} alt={user.name} />
|
|
10
|
+
* <AvatarFallback>{user.initials}</AvatarFallback>
|
|
11
|
+
* </Avatar>
|
|
12
|
+
*
|
|
13
|
+
* The image is rendered first; if it fails to load, the fallback
|
|
14
|
+
* shows. The fallback is always present in the DOM so layout stays
|
|
15
|
+
* stable while the image loads.
|
|
16
|
+
*
|
|
17
|
+
* Wiki: docs/components/Avatar.md
|
|
18
|
+
*/
|
|
19
|
+
import { forwardRef, useState } from 'react';
|
|
20
|
+
import { cva } from 'class-variance-authority';
|
|
21
|
+
import { cn } from './internal/cn.js';
|
|
22
|
+
export const avatarVariants = cva('relative inline-flex shrink-0 overflow-hidden rounded-full bg-primary-50 dark:bg-primary-950', {
|
|
23
|
+
variants: {
|
|
24
|
+
size: {
|
|
25
|
+
sm: 'h-8 w-8 text-xs',
|
|
26
|
+
md: 'h-10 w-10 text-sm',
|
|
27
|
+
lg: 'h-12 w-12 text-base',
|
|
28
|
+
xl: 'h-16 w-16 text-lg',
|
|
29
|
+
},
|
|
30
|
+
},
|
|
31
|
+
defaultVariants: { size: 'md' },
|
|
32
|
+
});
|
|
33
|
+
export const Avatar = forwardRef(function Avatar({ className, size, ...props }, ref) {
|
|
34
|
+
return (_jsx("span", { ref: ref, className: cn(avatarVariants({ size }), className), ...props }));
|
|
35
|
+
});
|
|
36
|
+
export const AvatarImage = forwardRef(function AvatarImage({ className, alt = '', onError, ...props }, ref) {
|
|
37
|
+
const [errored, setErrored] = useState(false);
|
|
38
|
+
if (errored)
|
|
39
|
+
return null;
|
|
40
|
+
return (_jsx("img", { ref: ref, alt: alt, onError: (e) => {
|
|
41
|
+
setErrored(true);
|
|
42
|
+
onError?.(e);
|
|
43
|
+
}, className: cn('absolute inset-0 h-full w-full object-cover transition-opacity duration-150', className), ...props }));
|
|
44
|
+
});
|
|
45
|
+
export const AvatarFallback = forwardRef(function AvatarFallback({ className, ...props }, ref) {
|
|
46
|
+
return (_jsx("span", { ref: ref, "aria-hidden": true, className: cn('absolute inset-0 grid place-items-center bg-primary-50 font-bold text-primary dark:bg-primary-950 dark:text-primary-300 transition-colors duration-150', className), ...props }));
|
|
47
|
+
});
|
|
48
|
+
/* ── Status indicator ────────────────────────────────────────────── */
|
|
49
|
+
const STATUS_COLORS = {
|
|
50
|
+
online: 'bg-success',
|
|
51
|
+
offline: 'bg-muted-foreground',
|
|
52
|
+
busy: 'bg-destructive',
|
|
53
|
+
away: 'bg-warning',
|
|
54
|
+
};
|
|
55
|
+
/** Small colored dot anchored to the bottom-right of `<Avatar>`. */
|
|
56
|
+
export const AvatarStatus = forwardRef(function AvatarStatus({ className, status, ...props }, ref) {
|
|
57
|
+
return (_jsx("span", { ref: ref, role: "img", "aria-label": status, className: cn('absolute bottom-0 right-0 block h-2.5 w-2.5 rounded-full ring-2 ring-card', STATUS_COLORS[status], className), ...props }));
|
|
58
|
+
});
|
|
59
|
+
/**
|
|
60
|
+
* Stacks `<Avatar>` children with negative overlap.
|
|
61
|
+
* Shows a "+N" counter when children exceed `max`.
|
|
62
|
+
*/
|
|
63
|
+
export const AvatarGroup = forwardRef(function AvatarGroup({ className, max = 4, children, ...props }, ref) {
|
|
64
|
+
const items = Array.isArray(children) ? children : children ? [children] : [];
|
|
65
|
+
const visible = items.slice(0, max);
|
|
66
|
+
const overflow = items.length - max;
|
|
67
|
+
return (_jsxs("div", { ref: ref, className: cn('flex items-center -space-x-2', className), ...props, children: [visible.map((child, i) => (_jsx("span", { className: "ring-2 ring-card rounded-full", children: child }, i))), overflow > 0 && (_jsxs("span", { className: "relative inline-flex h-10 w-10 items-center justify-center rounded-full bg-muted text-xs font-semibold text-muted-foreground ring-2 ring-card", children: ["+", overflow] }))] }));
|
|
68
|
+
});
|
|
69
|
+
//# sourceMappingURL=Avatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Avatar (React Native variant).
|
|
3
|
+
*
|
|
4
|
+
* Composable image + fallback. The image uses RN `<Image>` and falls
|
|
5
|
+
* back via the `onError` callback the same way the web variant does.
|
|
6
|
+
*
|
|
7
|
+
* Wiki: docs/components/Avatar.md
|
|
8
|
+
*/
|
|
9
|
+
import { type ReactNode } from 'react';
|
|
10
|
+
import { Image, View, type ImageProps, type TextProps, type ViewProps } from 'react-native';
|
|
11
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
12
|
+
export declare const avatarVariants: (props?: ({
|
|
13
|
+
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
14
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
15
|
+
export interface AvatarProps extends Omit<ViewProps, 'style'>, VariantProps<typeof avatarVariants> {
|
|
16
|
+
className?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<View>>;
|
|
19
|
+
export interface AvatarImageProps extends Omit<ImageProps, 'style'> {
|
|
20
|
+
className?: string;
|
|
21
|
+
}
|
|
22
|
+
export declare const AvatarImage: import("react").ForwardRefExoticComponent<AvatarImageProps & import("react").RefAttributes<Image>>;
|
|
23
|
+
export interface AvatarFallbackProps extends Omit<TextProps, 'style'> {
|
|
24
|
+
className?: string;
|
|
25
|
+
}
|
|
26
|
+
export declare const AvatarFallback: import("react").ForwardRefExoticComponent<AvatarFallbackProps & import("react").RefAttributes<View>>;
|
|
27
|
+
export interface AvatarStatusProps extends Omit<ViewProps, 'style'> {
|
|
28
|
+
status: 'online' | 'offline' | 'busy' | 'away';
|
|
29
|
+
className?: string;
|
|
30
|
+
}
|
|
31
|
+
export declare const AvatarStatus: import("react").ForwardRefExoticComponent<AvatarStatusProps & import("react").RefAttributes<View>>;
|
|
32
|
+
export interface AvatarGroupProps extends Omit<ViewProps, 'style'> {
|
|
33
|
+
max?: number;
|
|
34
|
+
className?: string;
|
|
35
|
+
children?: ReactNode;
|
|
36
|
+
}
|
|
37
|
+
export declare const AvatarGroup: import("react").ForwardRefExoticComponent<AvatarGroupProps & import("react").RefAttributes<View>>;
|
|
38
|
+
//# sourceMappingURL=Avatar.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.native.d.ts","sourceRoot":"","sources":["../src/Avatar.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAQ,IAAI,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAClG,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,cAAc;;8EAUzB,CAAC;AAEH,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAC9B,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,8FAKjB,CAAC;AAEH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,oGAkBtB,CAAC;AAEH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,sGAczB,CAAC;AAWH,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACjE,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,oGAgBvB,CAAC;AAIH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAChE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,mGAmBtB,CAAC"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Avatar (React Native variant).
|
|
4
|
+
*
|
|
5
|
+
* Composable image + fallback. The image uses RN `<Image>` and falls
|
|
6
|
+
* back via the `onError` callback the same way the web variant does.
|
|
7
|
+
*
|
|
8
|
+
* Wiki: docs/components/Avatar.md
|
|
9
|
+
*/
|
|
10
|
+
import { forwardRef, useState } from 'react';
|
|
11
|
+
import { Image, Text, View } from 'react-native';
|
|
12
|
+
import { cva } from 'class-variance-authority';
|
|
13
|
+
import { cn } from './internal/cn.js';
|
|
14
|
+
export const avatarVariants = cva('relative overflow-hidden rounded-full bg-muted', {
|
|
15
|
+
variants: {
|
|
16
|
+
size: {
|
|
17
|
+
sm: 'h-8 w-8',
|
|
18
|
+
md: 'h-10 w-10',
|
|
19
|
+
lg: 'h-12 w-12',
|
|
20
|
+
xl: 'h-16 w-16',
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
defaultVariants: { size: 'md' },
|
|
24
|
+
});
|
|
25
|
+
export const Avatar = forwardRef(function Avatar({ className, size, ...props }, ref) {
|
|
26
|
+
return _jsx(View, { ref: ref, className: cn(avatarVariants({ size }), className), ...props });
|
|
27
|
+
});
|
|
28
|
+
export const AvatarImage = forwardRef(function AvatarImage({ className, onError, ...props }, ref) {
|
|
29
|
+
const [errored, setErrored] = useState(false);
|
|
30
|
+
if (errored)
|
|
31
|
+
return null;
|
|
32
|
+
return (_jsx(Image, { ref: ref, onError: (e) => {
|
|
33
|
+
setErrored(true);
|
|
34
|
+
onError?.(e);
|
|
35
|
+
}, className: cn('h-full w-full', className), resizeMode: "cover", ...props }));
|
|
36
|
+
});
|
|
37
|
+
export const AvatarFallback = forwardRef(function AvatarFallback({ className, children, ...props }, ref) {
|
|
38
|
+
return (_jsx(View, { ref: ref, className: "absolute inset-0 items-center justify-center", children: _jsx(Text, { className: cn('font-medium text-muted-foreground', className), ...props, children: children }) }));
|
|
39
|
+
});
|
|
40
|
+
/* ── Status indicator ────────────────────────────────────────────── */
|
|
41
|
+
const STATUS_COLORS = {
|
|
42
|
+
online: 'bg-success',
|
|
43
|
+
offline: 'bg-muted-foreground',
|
|
44
|
+
busy: 'bg-destructive',
|
|
45
|
+
away: 'bg-warning',
|
|
46
|
+
};
|
|
47
|
+
export const AvatarStatus = forwardRef(function AvatarStatus({ className, status, ...props }, ref) {
|
|
48
|
+
return (_jsx(View, { ref: ref, accessibilityLabel: status, className: cn('absolute bottom-0 right-0 h-2.5 w-2.5 rounded-full border-2 border-card', STATUS_COLORS[status], className), ...props }));
|
|
49
|
+
});
|
|
50
|
+
export const AvatarGroup = forwardRef(function AvatarGroup({ className, max = 4, children, ...props }, ref) {
|
|
51
|
+
const items = Array.isArray(children) ? children : children ? [children] : [];
|
|
52
|
+
const visible = items.slice(0, max);
|
|
53
|
+
const overflow = items.length - max;
|
|
54
|
+
return (_jsxs(View, { ref: ref, className: cn('flex-row items-center', className), ...props, children: [visible.map((child, i) => (_jsx(View, { className: cn(i > 0 && '-ml-2', 'rounded-full border-2 border-card'), children: child }, i))), overflow > 0 && (_jsx(View, { className: "-ml-2 h-10 w-10 items-center justify-center rounded-full bg-muted border-2 border-card", children: _jsxs(Text, { className: "text-xs font-semibold text-muted-foreground", children: ["+", overflow] }) }))] }));
|
|
55
|
+
});
|
|
56
|
+
//# sourceMappingURL=Avatar.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.native.js","sourceRoot":"","sources":["../src/Avatar.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* AvatarGroup (web variant — React DOM).
|
|
3
|
+
*
|
|
4
|
+
* Stacked/overlapping row of Avatar components with an overflow "+N"
|
|
5
|
+
* count. The `size` prop is forwarded to Avatar children via
|
|
6
|
+
* cloneElement. `max` controls how many avatars are visible before
|
|
7
|
+
* the "+N" badge appears.
|
|
8
|
+
*
|
|
9
|
+
* Wiki: docs/components/AvatarGroup.md
|
|
10
|
+
*/
|
|
11
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
12
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
13
|
+
declare const overflowVariants: (props?: ({
|
|
14
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
15
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
16
|
+
export interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof overflowVariants> {
|
|
17
|
+
/** Maximum avatars to show before the "+N" counter. */
|
|
18
|
+
max?: number;
|
|
19
|
+
/** Direction of the visible stack. */
|
|
20
|
+
direction?: 'row' | 'row-reverse';
|
|
21
|
+
/** Visual overlap density. */
|
|
22
|
+
overlap?: 'none' | 'sm' | 'md' | 'lg';
|
|
23
|
+
/** Whether later avatars appear above earlier avatars. */
|
|
24
|
+
stackOrder?: 'first-on-top' | 'last-on-top';
|
|
25
|
+
/** Accessible label for the group. */
|
|
26
|
+
label?: string;
|
|
27
|
+
/** Custom overflow renderer. */
|
|
28
|
+
renderOverflow?: ((count: number) => ReactNode) | undefined;
|
|
29
|
+
}
|
|
30
|
+
export declare const AvatarGroup: import("react").ForwardRefExoticComponent<AvatarGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
31
|
+
export {};
|
|
32
|
+
//# sourceMappingURL=AvatarGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../src/AvatarGroup.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,OAAO,EAAsD,KAAK,cAAc,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnI,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,gBAAgB;;8EAYrB,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,uDAAuD;IACvD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sCAAsC;IACtC,SAAS,CAAC,EAAE,KAAK,GAAG,aAAa,CAAC;IAClC,8BAA8B;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,0DAA0D;IAC1D,UAAU,CAAC,EAAE,cAAc,GAAG,aAAa,CAAC;IAC5C,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,cAAc,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;CAC7D;AASD,eAAO,MAAM,WAAW,6GA0DtB,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
/**
|
|
4
|
+
* AvatarGroup (web variant — React DOM).
|
|
5
|
+
*
|
|
6
|
+
* Stacked/overlapping row of Avatar components with an overflow "+N"
|
|
7
|
+
* count. The `size` prop is forwarded to Avatar children via
|
|
8
|
+
* cloneElement. `max` controls how many avatars are visible before
|
|
9
|
+
* the "+N" badge appears.
|
|
10
|
+
*
|
|
11
|
+
* Wiki: docs/components/AvatarGroup.md
|
|
12
|
+
*/
|
|
13
|
+
import { Children, cloneElement, forwardRef, isValidElement } from 'react';
|
|
14
|
+
import { cva } from 'class-variance-authority';
|
|
15
|
+
import { cn } from './internal/cn.js';
|
|
16
|
+
const overflowVariants = cva('relative inline-flex shrink-0 items-center justify-center rounded-full bg-muted font-semibold text-muted-foreground ring-2 ring-card', {
|
|
17
|
+
variants: {
|
|
18
|
+
size: {
|
|
19
|
+
sm: 'h-8 w-8 text-xs',
|
|
20
|
+
md: 'h-10 w-10 text-xs',
|
|
21
|
+
lg: 'h-12 w-12 text-sm',
|
|
22
|
+
},
|
|
23
|
+
},
|
|
24
|
+
defaultVariants: { size: 'md' },
|
|
25
|
+
});
|
|
26
|
+
const OVERLAP_CLASS = {
|
|
27
|
+
none: 'space-x-0',
|
|
28
|
+
sm: '-space-x-1',
|
|
29
|
+
md: '-space-x-2',
|
|
30
|
+
lg: '-space-x-3',
|
|
31
|
+
};
|
|
32
|
+
export const AvatarGroup = forwardRef(function AvatarGroup({ className, max = 4, size, direction = 'row', overlap = 'md', stackOrder = 'last-on-top', label, renderOverflow, children, ...props }, ref) {
|
|
33
|
+
const items = Children.toArray(children).filter(isValidElement);
|
|
34
|
+
const visible = items.slice(0, max);
|
|
35
|
+
const overflow = items.length - max;
|
|
36
|
+
const orderedVisible = direction === 'row-reverse' ? [...visible].reverse() : visible;
|
|
37
|
+
return (_jsxs("div", { ref: ref, role: "group", "aria-label": label ?? `Group of ${items.length} avatars`, className: cn('flex items-center', direction === 'row-reverse' && 'flex-row-reverse', OVERLAP_CLASS[overlap], className), ...props, children: [orderedVisible.map((child, i) => {
|
|
38
|
+
const avatar = size
|
|
39
|
+
? cloneElement(child, { size })
|
|
40
|
+
: child;
|
|
41
|
+
const zIndex = stackOrder === 'last-on-top' ? i + 1 : orderedVisible.length - i;
|
|
42
|
+
return (_jsx("span", { className: "relative inline-flex shrink-0 rounded-full leading-none ring-2 ring-card", style: { zIndex }, children: avatar }, child.key ?? i));
|
|
43
|
+
}), overflow > 0 && (_jsx("span", { "aria-label": `${overflow} more`, className: overflowVariants({ size }), children: renderOverflow ? renderOverflow(overflow) : `+${overflow}` }))] }));
|
|
44
|
+
});
|
|
45
|
+
//# sourceMappingURL=AvatarGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarGroup.js","sourceRoot":"","sources":["../src/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;GASG;AACH,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAA0D,MAAM,OAAO,CAAC;AACnI,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAGtC,MAAM,gBAAgB,GAAG,GAAG,CAC1B,sIAAsI,EACtI;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,iBAAiB;YACrB,EAAE,EAAE,mBAAmB;YACvB,EAAE,EAAE,mBAAmB;SACxB;KACF;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;CAChC,CACF,CAAC;AAmBF,MAAM,aAAa,GAAG;IACpB,IAAI,EAAE,WAAW;IACjB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;CACR,CAAC;AAEX,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAmC,SAAS,WAAW,CAC1F,EACE,SAAS,EACT,GAAG,GAAG,CAAC,EACP,IAAI,EACJ,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,IAAI,EACd,UAAU,GAAG,aAAa,EAC1B,KAAK,EACL,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IAChE,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;IACpC,MAAM,cAAc,GAAG,SAAS,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;IAEtF,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,gBACA,KAAK,IAAI,YAAY,KAAK,CAAC,MAAM,UAAU,EACvD,SAAS,EAAE,EAAE,CACX,mBAAmB,EACnB,SAAS,KAAK,aAAa,IAAI,kBAAkB,EACjD,aAAa,CAAC,OAAO,CAAC,EACtB,SAAS,CACV,KACG,KAAK,aAER,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;gBAC/B,MAAM,MAAM,GAAG,IAAI;oBACjB,CAAC,CAAC,YAAY,CAAC,KAAkC,EAAE,EAAE,IAAI,EAAE,CAAC;oBAC5D,CAAC,CAAC,KAAK,CAAC;gBACV,MAAM,MAAM,GAAG,UAAU,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;gBAChF,OAAO,CACL,eAEE,SAAS,EAAC,0EAA0E,EACpF,KAAK,EAAE,EAAE,MAAM,EAAE,YAEhB,MAAM,IAJD,KAAsB,CAAC,GAAG,IAAI,CAAC,CAKhC,CACR,CAAC;YACJ,CAAC,CAAC,EACD,QAAQ,GAAG,CAAC,IAAI,CACf,6BACc,GAAG,QAAQ,OAAO,EAC9B,SAAS,EAAE,gBAAgB,CAAC,EAAE,IAAI,EAAE,CAAC,YAEpC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,QAAQ,EAAE,GACtD,CACR,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* AvatarGroup (React Native variant).
|
|
3
|
+
*
|
|
4
|
+
* Stacked row of Avatar children with negative marginLeft overlap
|
|
5
|
+
* and a "+N" overflow badge.
|
|
6
|
+
*
|
|
7
|
+
* Wiki: docs/components/AvatarGroup.md
|
|
8
|
+
*/
|
|
9
|
+
import { type ReactNode } from 'react';
|
|
10
|
+
import { View, type ViewProps } from 'react-native';
|
|
11
|
+
export interface AvatarGroupProps extends Omit<ViewProps, 'style'> {
|
|
12
|
+
max?: number;
|
|
13
|
+
size?: 'sm' | 'md' | 'lg';
|
|
14
|
+
className?: string;
|
|
15
|
+
children?: ReactNode;
|
|
16
|
+
}
|
|
17
|
+
export declare const AvatarGroup: import("react").ForwardRefExoticComponent<AvatarGroupProps & import("react").RefAttributes<View>>;
|
|
18
|
+
//# sourceMappingURL=AvatarGroup.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarGroup.native.d.ts","sourceRoot":"","sources":["../src/AvatarGroup.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAQ,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAmB1D,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAChE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,mGAsCtB,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* AvatarGroup (React Native variant).
|
|
4
|
+
*
|
|
5
|
+
* Stacked row of Avatar children with negative marginLeft overlap
|
|
6
|
+
* and a "+N" overflow badge.
|
|
7
|
+
*
|
|
8
|
+
* Wiki: docs/components/AvatarGroup.md
|
|
9
|
+
*/
|
|
10
|
+
import { Children, cloneElement, forwardRef, isValidElement, } from 'react';
|
|
11
|
+
import { Text, View } from 'react-native';
|
|
12
|
+
import { cva } from 'class-variance-authority';
|
|
13
|
+
import { cn } from './internal/cn.js';
|
|
14
|
+
const overflowVariants = cva('items-center justify-center rounded-full bg-muted border-2 border-card', {
|
|
15
|
+
variants: {
|
|
16
|
+
size: {
|
|
17
|
+
sm: 'h-8 w-8',
|
|
18
|
+
md: 'h-10 w-10',
|
|
19
|
+
lg: 'h-12 w-12',
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: { size: 'md' },
|
|
23
|
+
});
|
|
24
|
+
export const AvatarGroup = forwardRef(function AvatarGroup({ className, max = 4, size, children, ...props }, ref) {
|
|
25
|
+
const items = Children.toArray(children).filter(isValidElement);
|
|
26
|
+
const visible = items.slice(0, max);
|
|
27
|
+
const overflow = items.length - max;
|
|
28
|
+
return (_jsxs(View, { ref: ref, accessibilityRole: "summary", accessibilityLabel: `Group of ${items.length} avatars`, className: cn('flex-row items-center', className), ...props, children: [visible.map((child, i) => {
|
|
29
|
+
const avatar = size
|
|
30
|
+
? cloneElement(child, { size })
|
|
31
|
+
: child;
|
|
32
|
+
return (_jsx(View, { className: cn(i > 0 && '-ml-2', 'rounded-full border-2 border-card'), children: avatar }, i));
|
|
33
|
+
}), overflow > 0 && (_jsx(View, { className: cn('-ml-2', overflowVariants({ size })), children: _jsxs(Text, { className: "text-xs font-semibold text-muted-foreground", children: ["+", overflow] }) }))] }));
|
|
34
|
+
});
|
|
35
|
+
//# sourceMappingURL=AvatarGroup.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarGroup.native.js","sourceRoot":"","sources":["../src/AvatarGroup.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AACH,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,cAAc,GAGf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAGtC,MAAM,gBAAgB,GAAG,GAAG,CAC1B,wEAAwE,EACxE;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,WAAW;YACf,EAAE,EAAE,WAAW;SAChB;KACF;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;CAChC,CACF,CAAC;AASF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAyB,SAAS,WAAW,CAChF,EAAE,SAAS,EAAE,GAAG,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAChD,GAAG;IAEH,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IAChE,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;IAEpC,OAAO,CACL,MAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,iBAAiB,EAAC,SAAS,EAC3B,kBAAkB,EAAE,YAAY,KAAK,CAAC,MAAM,UAAU,EACtD,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,KAC7C,KAAK,aAER,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;gBACxB,MAAM,MAAM,GAAG,IAAI;oBACjB,CAAC,CAAC,YAAY,CAAC,KAAkC,EAAE,EAAE,IAAI,EAAE,CAAC;oBAC5D,CAAC,CAAC,KAAK,CAAC;gBACV,OAAO,CACL,KAAC,IAAI,IAEH,SAAS,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,OAAO,EAAE,mCAAmC,CAAC,YAEnE,MAAM,IAHF,CAAC,CAID,CACR,CAAC;YACJ,CAAC,CAAC,EACD,QAAQ,GAAG,CAAC,IAAI,CACf,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,YACtD,MAAC,IAAI,IAAC,SAAS,EAAC,6CAA6C,kBACzD,QAAQ,IACL,GACF,CACR,IACI,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
package/dist/Badge.d.ts
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Badge (web variant — React DOM).
|
|
3
|
+
*
|
|
4
|
+
* Small status / labelling pill. Renders a `<span>` by default so it
|
|
5
|
+
* composes inline with text; pass `as` if you need a different element
|
|
6
|
+
* (e.g., `<a>` for a clickable badge link).
|
|
7
|
+
*
|
|
8
|
+
* Wiki: docs/components/Badge.md
|
|
9
|
+
*/
|
|
10
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
11
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
12
|
+
export declare const badgeVariants: (props?: ({
|
|
13
|
+
variant?: "accent" | "default" | "destructive" | "success" | "warning" | "outline" | "secondary" | "dot" | null | undefined;
|
|
14
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
15
|
+
type BadgeVariantProps = VariantProps<typeof badgeVariants>;
|
|
16
|
+
export interface BadgeProps extends HTMLAttributes<HTMLSpanElement>, BadgeVariantProps {
|
|
17
|
+
/** Icon rendered before the label. */
|
|
18
|
+
icon?: ReactNode;
|
|
19
|
+
/** Tone of the dot indicator (only used with variant="dot"). */
|
|
20
|
+
dotTone?: 'default' | 'destructive' | 'success' | 'warning';
|
|
21
|
+
/** When provided, renders a remove (×) button. */
|
|
22
|
+
onRemove?: () => void;
|
|
23
|
+
}
|
|
24
|
+
export declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
25
|
+
export {};
|
|
26
|
+
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../src/Badge.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,aAAa;;8EAqBzB,CAAC;AAEF,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAU5D,MAAM,WAAW,UACf,SAAQ,cAAc,CAAC,eAAe,CAAC,EACrC,iBAAiB;IACnB,sCAAsC;IACtC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gEAAgE;IAChE,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;IAC5D,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,KAAK,wGAiChB,CAAC"}
|
package/dist/Badge.js
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
/**
|
|
4
|
+
* Badge (web variant — React DOM).
|
|
5
|
+
*
|
|
6
|
+
* Small status / labelling pill. Renders a `<span>` by default so it
|
|
7
|
+
* composes inline with text; pass `as` if you need a different element
|
|
8
|
+
* (e.g., `<a>` for a clickable badge link).
|
|
9
|
+
*
|
|
10
|
+
* Wiki: docs/components/Badge.md
|
|
11
|
+
*/
|
|
12
|
+
import { forwardRef } from 'react';
|
|
13
|
+
import { cva } from 'class-variance-authority';
|
|
14
|
+
import { cn } from './internal/cn.js';
|
|
15
|
+
export const badgeVariants = cva('inline-flex items-center gap-1 rounded-card ' +
|
|
16
|
+
'text-caption font-semibold leading-none ' +
|
|
17
|
+
'border border-transparent transition-colors duration-150', {
|
|
18
|
+
variants: {
|
|
19
|
+
variant: {
|
|
20
|
+
default: 'bg-primary-50 text-primary dark:bg-primary-950 dark:text-primary-300',
|
|
21
|
+
accent: 'bg-accent-50 text-accent-600 dark:bg-accent-950 dark:text-accent-300',
|
|
22
|
+
secondary: 'bg-brand-neutral-66 text-secondary-foreground',
|
|
23
|
+
destructive: 'bg-red-100 text-destructive',
|
|
24
|
+
success: 'bg-green-100 text-success',
|
|
25
|
+
warning: 'bg-yellow-100 text-warning',
|
|
26
|
+
outline: 'border-border bg-transparent text-foreground',
|
|
27
|
+
dot: 'bg-transparent text-foreground pl-0',
|
|
28
|
+
},
|
|
29
|
+
},
|
|
30
|
+
defaultVariants: {
|
|
31
|
+
variant: 'default',
|
|
32
|
+
},
|
|
33
|
+
});
|
|
34
|
+
const DOT_COLORS = {
|
|
35
|
+
default: 'bg-primary',
|
|
36
|
+
secondary: 'bg-secondary-foreground',
|
|
37
|
+
destructive: 'bg-destructive',
|
|
38
|
+
success: 'bg-success',
|
|
39
|
+
warning: 'bg-warning',
|
|
40
|
+
};
|
|
41
|
+
export const Badge = forwardRef(function Badge({ className, variant, icon, dotTone = 'default', onRemove, children, ...props }, ref) {
|
|
42
|
+
return (_jsxs("span", { ref: ref, className: cn(badgeVariants({ variant }), variant === 'dot' ? 'px-1.5 py-0.5' : 'px-2 py-0.5', className), ...props, children: [variant === 'dot' && (_jsx("span", { className: cn('inline-block h-1.5 w-1.5 rounded-full', DOT_COLORS[dotTone]) })), icon && _jsx("span", { className: "[&>svg]:h-3 [&>svg]:w-3 flex-shrink-0", children: icon }), children, onRemove && (_jsx("button", { type: "button", onClick: (e) => { e.stopPropagation(); onRemove(); }, "aria-label": "Remove", className: "ml-0.5 rounded-full p-0.5 opacity-60 hover:opacity-100 transition-opacity focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", children: _jsx("svg", { "aria-hidden": true, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-2.5 w-2.5", children: _jsx("path", { strokeLinecap: "round", d: "M4 12L12 4M4 4l8 8" }) }) }))] }));
|
|
43
|
+
});
|
|
44
|
+
//# sourceMappingURL=Badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../src/Badge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;GAQG;AACH,OAAO,EAAE,UAAU,EAAuC,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,8CAA8C;IAC5C,0CAA0C;IAC1C,0DAA0D,EAC5D;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,sEAAsE;YAC/E,MAAM,EAAE,sEAAsE;YAC9E,SAAS,EAAE,+CAA+C;YAC1D,WAAW,EAAE,6BAA6B;YAC1C,OAAO,EAAE,2BAA2B;YACpC,OAAO,EAAE,4BAA4B;YACrC,OAAO,EAAE,8CAA8C;YACvD,GAAG,EAAE,qCAAqC;SAC3C;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAIF,MAAM,UAAU,GAA2B;IACzC,OAAO,EAAE,YAAY;IACrB,SAAS,EAAE,yBAAyB;IACpC,WAAW,EAAE,gBAAgB;IAC7B,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;CACtB,CAAC;AAaF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAA8B,SAAS,KAAK,CACzE,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAC/E,GAAG;IAEH,OAAO,CACL,gBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAC1B,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,EACnD,SAAS,CACV,KACG,KAAK,aAER,OAAO,KAAK,KAAK,IAAI,CACpB,eAAM,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,GAAI,CACtF,EACA,IAAI,IAAI,eAAM,SAAS,EAAC,uCAAuC,YAAE,IAAI,GAAQ,EAC7E,QAAQ,EACR,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,gBACzC,QAAQ,EACnB,SAAS,EAAC,mJAAmJ,YAE7J,mCAAiB,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAE,CAAC,EAAE,SAAS,EAAC,aAAa,YAC5G,eAAM,aAAa,EAAC,OAAO,EAAC,CAAC,EAAC,oBAAoB,GAAG,GACjD,GACC,CACV,IACI,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Badge (React Native variant).
|
|
3
|
+
*
|
|
4
|
+
* Small status / labelling pill rendered as `<View>` + `<Text>`.
|
|
5
|
+
* Same prop API as the web variant.
|
|
6
|
+
*
|
|
7
|
+
* Wiki: docs/components/Badge.md
|
|
8
|
+
*/
|
|
9
|
+
import { type ReactNode } from 'react';
|
|
10
|
+
import { View, type ViewProps } from 'react-native';
|
|
11
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
12
|
+
export declare const badgeVariants: (props?: ({
|
|
13
|
+
variant?: "default" | "destructive" | "success" | "warning" | "outline" | "secondary" | "dot" | null | undefined;
|
|
14
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
15
|
+
export interface BadgeProps extends Omit<ViewProps, 'style'>, VariantProps<typeof badgeVariants> {
|
|
16
|
+
className?: string;
|
|
17
|
+
children?: ReactNode;
|
|
18
|
+
icon?: ReactNode;
|
|
19
|
+
dotTone?: 'default' | 'destructive' | 'success' | 'warning';
|
|
20
|
+
onRemove?: () => void;
|
|
21
|
+
}
|
|
22
|
+
export declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<View>>;
|
|
23
|
+
//# sourceMappingURL=Badge.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.native.d.ts","sourceRoot":"","sources":["../src/Badge.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAmB,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,aAAa;;8EAkBzB,CAAC;AAmBF,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAC9B,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;IAC5D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,KAAK,6FAwBhB,CAAC"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Badge (React Native variant).
|
|
4
|
+
*
|
|
5
|
+
* Small status / labelling pill rendered as `<View>` + `<Text>`.
|
|
6
|
+
* Same prop API as the web variant.
|
|
7
|
+
*
|
|
8
|
+
* Wiki: docs/components/Badge.md
|
|
9
|
+
*/
|
|
10
|
+
import { forwardRef } from 'react';
|
|
11
|
+
import { Pressable, Text, View } from 'react-native';
|
|
12
|
+
import { cva } from 'class-variance-authority';
|
|
13
|
+
import { cn } from './internal/cn.js';
|
|
14
|
+
export const badgeVariants = cva('flex-row items-center rounded-full px-2 py-0.5 border', {
|
|
15
|
+
variants: {
|
|
16
|
+
variant: {
|
|
17
|
+
default: 'bg-primary border-transparent',
|
|
18
|
+
secondary: 'bg-secondary border-transparent',
|
|
19
|
+
destructive: 'bg-destructive border-transparent',
|
|
20
|
+
success: 'bg-success border-transparent',
|
|
21
|
+
warning: 'bg-warning border-transparent',
|
|
22
|
+
outline: 'bg-transparent border-border',
|
|
23
|
+
dot: 'bg-transparent border-transparent',
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
defaultVariants: {
|
|
27
|
+
variant: 'default',
|
|
28
|
+
},
|
|
29
|
+
});
|
|
30
|
+
const TEXT_TONE = {
|
|
31
|
+
default: 'text-primary-foreground',
|
|
32
|
+
secondary: 'text-secondary-foreground',
|
|
33
|
+
destructive: 'text-destructive-foreground',
|
|
34
|
+
success: 'text-success-foreground',
|
|
35
|
+
warning: 'text-warning-foreground',
|
|
36
|
+
outline: 'text-foreground',
|
|
37
|
+
dot: 'text-foreground',
|
|
38
|
+
};
|
|
39
|
+
const DOT_COLORS = {
|
|
40
|
+
default: 'bg-primary',
|
|
41
|
+
destructive: 'bg-destructive',
|
|
42
|
+
success: 'bg-success',
|
|
43
|
+
warning: 'bg-warning',
|
|
44
|
+
};
|
|
45
|
+
export const Badge = forwardRef(function Badge({ className, variant = 'default', icon, dotTone = 'default', onRemove, children, ...props }, ref) {
|
|
46
|
+
const tone = TEXT_TONE[variant ?? 'default'];
|
|
47
|
+
return (_jsxs(View, { ref: ref, className: cn(badgeVariants({ variant }), className), ...props, children: [variant === 'dot' && (_jsx(View, { className: cn('h-1.5 w-1.5 rounded-full mr-1', DOT_COLORS[dotTone]) })), icon && _jsx(View, { className: "mr-1", children: icon }), _jsx(Text, { className: cn('text-xs font-medium leading-none', tone), children: children }), onRemove && (_jsx(Pressable, { onPress: onRemove, accessibilityRole: "button", accessibilityLabel: "Remove", className: "ml-1 opacity-60", children: _jsx(Text, { className: cn('text-xs', tone), children: "\u2715" }) }))] }));
|
|
48
|
+
});
|
|
49
|
+
//# sourceMappingURL=Badge.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.native.js","sourceRoot":"","sources":["../src/Badge.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACrE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,uDAAuD,EACvD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,+BAA+B;YACxC,SAAS,EAAE,iCAAiC;YAC5C,WAAW,EAAE,mCAAmC;YAChD,OAAO,EAAE,+BAA+B;YACxC,OAAO,EAAE,+BAA+B;YACxC,OAAO,EAAE,8BAA8B;YACvC,GAAG,EAAE,mCAAmC;SACzC;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAEF,MAAM,SAAS,GAA+E;IAC5F,OAAO,EAAE,yBAAyB;IAClC,SAAS,EAAE,2BAA2B;IACtC,WAAW,EAAE,6BAA6B;IAC1C,OAAO,EAAE,yBAAyB;IAClC,OAAO,EAAE,yBAAyB;IAClC,OAAO,EAAE,iBAAiB;IAC1B,GAAG,EAAE,iBAAiB;CACvB,CAAC;AAEF,MAAM,UAAU,GAA2B;IACzC,OAAO,EAAE,YAAY;IACrB,WAAW,EAAE,gBAAgB;IAC7B,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;CACtB,CAAC;AAYF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAmB,SAAS,KAAK,CAC9D,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,EAAE,OAAO,GAAG,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAC3F,GAAG;IAEH,MAAM,IAAI,GAAG,SAAS,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC;IAC7C,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,aAC5E,OAAO,KAAK,KAAK,IAAI,CACpB,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,GAAI,CAC9E,EACA,IAAI,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,YAAE,IAAI,GAAQ,EAC7C,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,IAAI,CAAC,YAAG,QAAQ,GAAQ,EAC/E,QAAQ,IAAI,CACX,KAAC,SAAS,IACR,OAAO,EAAE,QAAQ,EACjB,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAC,QAAQ,EAC3B,SAAS,EAAC,iBAAiB,YAE3B,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,uBAAU,GACpC,CACb,IACI,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
package/dist/Banner.d.ts
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Banner (web variant — React DOM).
|
|
3
|
+
*
|
|
4
|
+
* Full-width message strip at the top of a page or section.
|
|
5
|
+
* Optionally dismissible via the X button.
|
|
6
|
+
*
|
|
7
|
+
* Wiki: docs/components/Banner.md
|
|
8
|
+
*/
|
|
9
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
10
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
11
|
+
export declare const bannerVariants: (props?: ({
|
|
12
|
+
tone?: "accent" | "warning" | "info" | "error" | "announcement" | null | undefined;
|
|
13
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
14
|
+
type BannerVariantProps = VariantProps<typeof bannerVariants>;
|
|
15
|
+
export interface BannerProps extends HTMLAttributes<HTMLDivElement>, BannerVariantProps {
|
|
16
|
+
/** When provided, renders a dismiss (x) button. */
|
|
17
|
+
onDismiss?: () => void;
|
|
18
|
+
/** Convenience boolean — when true, renders the dismiss button. */
|
|
19
|
+
dismissible?: boolean;
|
|
20
|
+
/** Optional icon override. Defaults to a tone-appropriate glyph. */
|
|
21
|
+
icon?: ReactNode;
|
|
22
|
+
/** Set to false to hide the default icon entirely. */
|
|
23
|
+
showIcon?: boolean;
|
|
24
|
+
}
|
|
25
|
+
export declare const Banner: import("react").ForwardRefExoticComponent<BannerProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
26
|
+
export {};
|
|
27
|
+
//# sourceMappingURL=Banner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../src/Banner.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,cAAc;;8EAgB1B,CAAC;AAEF,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAU9D,MAAM,WAAW,WACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,kBAAkB;IACpB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,mEAAmE;IACnE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oEAAoE;IACpE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,wGAuCjB,CAAC"}
|
package/dist/Banner.js
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
/**
|
|
4
|
+
* Banner (web variant — React DOM).
|
|
5
|
+
*
|
|
6
|
+
* Full-width message strip at the top of a page or section.
|
|
7
|
+
* Optionally dismissible via the X button.
|
|
8
|
+
*
|
|
9
|
+
* Wiki: docs/components/Banner.md
|
|
10
|
+
*/
|
|
11
|
+
import { forwardRef } from 'react';
|
|
12
|
+
import { cva } from 'class-variance-authority';
|
|
13
|
+
import { cn } from './internal/cn.js';
|
|
14
|
+
export const bannerVariants = cva('relative w-full flex items-center gap-3 px-4 py-3 text-sm', {
|
|
15
|
+
variants: {
|
|
16
|
+
tone: {
|
|
17
|
+
info: 'bg-primary-50 text-primary dark:bg-primary-950 dark:text-primary-300',
|
|
18
|
+
accent: 'bg-accent-50 text-accent-700 dark:bg-accent-950 dark:text-accent-300',
|
|
19
|
+
warning: 'bg-yellow-100 text-warning',
|
|
20
|
+
error: 'bg-red-100 text-destructive',
|
|
21
|
+
announcement: 'bg-brand-neutral-66 text-foreground',
|
|
22
|
+
},
|
|
23
|
+
},
|
|
24
|
+
defaultVariants: {
|
|
25
|
+
tone: 'info',
|
|
26
|
+
},
|
|
27
|
+
});
|
|
28
|
+
const ICON_PATHS = {
|
|
29
|
+
info: 'M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z',
|
|
30
|
+
accent: 'M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z',
|
|
31
|
+
warning: 'M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z',
|
|
32
|
+
error: 'M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z',
|
|
33
|
+
announcement: 'M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z',
|
|
34
|
+
};
|
|
35
|
+
export const Banner = forwardRef(function Banner({ className, tone, onDismiss, dismissible, icon, showIcon = true, children, ...props }, ref) {
|
|
36
|
+
const showDismiss = onDismiss !== undefined || dismissible === true;
|
|
37
|
+
const handleDismiss = onDismiss ?? (() => { });
|
|
38
|
+
const resolvedTone = tone ?? 'info';
|
|
39
|
+
return (_jsxs("div", { ref: ref, role: "status", className: cn(bannerVariants({ tone }), className), ...props, children: [showIcon && (_jsx("span", { className: "flex-shrink-0 [&>svg]:h-4 [&>svg]:w-4", children: icon ?? (_jsx("svg", { "aria-hidden": true, viewBox: "0 0 24 24", fill: "currentColor", className: "h-4 w-4", children: _jsx("path", { d: ICON_PATHS[resolvedTone] }) })) })), _jsx("div", { className: "flex-1", children: children }), showDismiss && (_jsx("button", { type: "button", onClick: (e) => { e.stopPropagation(); handleDismiss(); }, "aria-label": "Dismiss", className: "ml-auto flex-shrink-0 rounded p-0.5 opacity-60 hover:opacity-100 transition-opacity duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: _jsx("svg", { "aria-hidden": true, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) }) }))] }));
|
|
40
|
+
});
|
|
41
|
+
//# sourceMappingURL=Banner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../src/Banner.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAuC,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,2DAA2D,EAC3D;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE,sEAAsE;YAC5E,MAAM,EAAE,sEAAsE;YAC9E,OAAO,EAAE,4BAA4B;YACrC,KAAK,EAAE,6BAA6B;YACpC,YAAY,EAAE,qCAAqC;SACpD;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;KACb;CACF,CACF,CAAC;AAIF,MAAM,UAAU,GAA4D;IAC1E,IAAI,EAAE,wEAAwE;IAC9E,MAAM,EAAE,wEAAwE;IAChF,OAAO,EAAE,oDAAoD;IAC7D,KAAK,EAAE,wEAAwE;IAC/E,YAAY,EAAE,oEAAoE;CACnF,CAAC;AAeF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAA8B,SAAS,MAAM,CAC3E,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACtF,GAAG;IAEH,MAAM,WAAW,GAAG,SAAS,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,CAAC;IACpE,MAAM,aAAa,GAAG,SAAS,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAC9C,MAAM,YAAY,GAAG,IAAI,IAAI,MAAM,CAAC;IAEpC,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAC9C,KAAK,aAER,QAAQ,IAAI,CACX,eAAM,SAAS,EAAC,uCAAuC,YACpD,IAAI,IAAI,CACP,mCAAiB,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,EAAC,SAAS,EAAC,SAAS,YAC1E,eAAM,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,GAAI,GACjC,CACP,GACI,CACR,EACD,cAAK,SAAS,EAAC,QAAQ,YAAE,QAAQ,GAAO,EACvC,WAAW,IAAI,CACd,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,gBAC9C,SAAS,EACpB,SAAS,EAAC,0KAA0K,YAEpL,mCAAiB,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAE,CAAC,EAAE,SAAS,EAAC,SAAS,YACxG,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,sBAAsB,GAAG,GAC1E,GACC,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Banner (React Native variant).
|
|
3
|
+
*
|
|
4
|
+
* Full-width message strip. Rendered as `<View>` + `<Text>`.
|
|
5
|
+
* Same prop API as the web variant.
|
|
6
|
+
*
|
|
7
|
+
* Wiki: docs/components/Banner.md
|
|
8
|
+
*/
|
|
9
|
+
import { type ReactNode } from 'react';
|
|
10
|
+
import { View, type ViewProps } from 'react-native';
|
|
11
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
12
|
+
export declare const bannerVariants: (props?: ({
|
|
13
|
+
tone?: "accent" | "warning" | "info" | "error" | "announcement" | null | undefined;
|
|
14
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
15
|
+
export interface BannerProps extends Omit<ViewProps, 'style'>, VariantProps<typeof bannerVariants> {
|
|
16
|
+
className?: string;
|
|
17
|
+
children?: ReactNode;
|
|
18
|
+
onDismiss?: () => void;
|
|
19
|
+
dismissible?: boolean;
|
|
20
|
+
icon?: ReactNode;
|
|
21
|
+
showIcon?: boolean;
|
|
22
|
+
}
|
|
23
|
+
export declare const Banner: import("react").ForwardRefExoticComponent<BannerProps & import("react").RefAttributes<View>>;
|
|
24
|
+
//# sourceMappingURL=Banner.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Banner.native.d.ts","sourceRoot":"","sources":["../src/Banner.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAmB,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,cAAc;;8EAWzB,CAAC;AAUH,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAC9B,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,8FA+BjB,CAAC"}
|