@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
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Calendar (web variant — React DOM).
|
|
3
|
+
*
|
|
4
|
+
* Date picker calendar grid powered by @daypicker/react v10.
|
|
5
|
+
* Styled with design system tokens.
|
|
6
|
+
*
|
|
7
|
+
* <Calendar mode="single" selected={date} onSelect={setDate} />
|
|
8
|
+
* <Calendar mode="range" selected={range} onSelect={setRange} />
|
|
9
|
+
*
|
|
10
|
+
* Wiki: docs/components/Calendar.md
|
|
11
|
+
*/
|
|
12
|
+
import { type ComponentProps } from 'react';
|
|
13
|
+
import { DayPicker } from '@daypicker/react';
|
|
14
|
+
export type CalendarProps = ComponentProps<typeof DayPicker>;
|
|
15
|
+
export declare function Calendar({ className, classNames, components, numberOfMonths, style, styles, showOutsideDays, showWeekNumber, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
//# sourceMappingURL=Calendar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../src/Calendar.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,SAAS,EAAyC,MAAM,kBAAkB,CAAC;AAGpF,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAO7D,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,UAAU,EACV,UAAU,EACV,cAAkB,EAClB,KAAK,EACL,MAAM,EACN,eAAsB,EACtB,cAAsB,EACtB,GAAG,KAAK,EACT,EAAE,aAAa,2CAsHf"}
|
package/dist/Calendar.js
ADDED
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
/**
|
|
4
|
+
* Calendar (web variant — React DOM).
|
|
5
|
+
*
|
|
6
|
+
* Date picker calendar grid powered by @daypicker/react v10.
|
|
7
|
+
* Styled with design system tokens.
|
|
8
|
+
*
|
|
9
|
+
* <Calendar mode="single" selected={date} onSelect={setDate} />
|
|
10
|
+
* <Calendar mode="range" selected={range} onSelect={setRange} />
|
|
11
|
+
*
|
|
12
|
+
* Wiki: docs/components/Calendar.md
|
|
13
|
+
*/
|
|
14
|
+
import {} from 'react';
|
|
15
|
+
import { DayPicker } from '@daypicker/react';
|
|
16
|
+
import { cn } from './internal/cn.js';
|
|
17
|
+
/** Day cell — compact popup geometry with an accessible 36 px day target. */
|
|
18
|
+
const CELL = 40;
|
|
19
|
+
const TARGET = 36;
|
|
20
|
+
const DAY_COLUMNS = 7;
|
|
21
|
+
export function Calendar({ className, classNames, components, numberOfMonths = 1, style, styles, showOutsideDays = true, showWeekNumber = false, ...props }) {
|
|
22
|
+
const gridWidth = (showWeekNumber ? DAY_COLUMNS + 1 : DAY_COLUMNS) * CELL;
|
|
23
|
+
const monthGap = 16;
|
|
24
|
+
const navLeft = numberOfMonths > 1 ? -((numberOfMonths - 1) * (gridWidth + monthGap)) : 0;
|
|
25
|
+
return (_jsx(DayPicker, { numberOfMonths: numberOfMonths, showOutsideDays: showOutsideDays, showWeekNumber: showWeekNumber, className: cn('rdp-root p-3', className), style: {
|
|
26
|
+
display: 'inline-block',
|
|
27
|
+
'--rdp-day-width': `${CELL}px`,
|
|
28
|
+
'--rdp-day-height': `${CELL}px`,
|
|
29
|
+
'--rdp-day_button-width': `${TARGET}px`,
|
|
30
|
+
'--rdp-day_button-height': `${TARGET}px`,
|
|
31
|
+
'--mi-calendar-grid-width': `${gridWidth}px`,
|
|
32
|
+
'--mi-calendar-month-gap': `${monthGap}px`,
|
|
33
|
+
'--mi-calendar-nav-left': `${navLeft}px`,
|
|
34
|
+
...style,
|
|
35
|
+
}, styles: {
|
|
36
|
+
...styles,
|
|
37
|
+
month_grid: { width: gridWidth, tableLayout: 'fixed', ...styles?.month_grid },
|
|
38
|
+
}, components: {
|
|
39
|
+
Dropdown: CalendarDropdown,
|
|
40
|
+
Chevron: CalendarChevron,
|
|
41
|
+
...components,
|
|
42
|
+
}, classNames: {
|
|
43
|
+
months: 'relative flex flex-col gap-[var(--mi-calendar-month-gap)] sm:flex-row',
|
|
44
|
+
/* month is relative so nav buttons can overlay the caption row */
|
|
45
|
+
month: 'relative flex flex-col gap-3',
|
|
46
|
+
/* ── Caption ─────────────────────────────────── */
|
|
47
|
+
month_caption: 'flex min-h-11 items-center justify-center px-10',
|
|
48
|
+
caption_label: 'rdp-caption-label text-base font-semibold text-foreground',
|
|
49
|
+
dropdowns: 'rdp-dropdowns flex items-center justify-center gap-1.5',
|
|
50
|
+
dropdown_root: cn('rdp-dropdown-root relative inline-flex h-9 min-w-[5.5rem] items-center justify-center'),
|
|
51
|
+
dropdown: cn('rdp-dropdown h-9 w-full appearance-none rounded-md border border-input bg-card px-2.5 pr-7', 'text-center text-sm font-semibold text-foreground shadow-mi-input outline-none', 'transition-[border-color,box-shadow] duration-200', 'focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/25'),
|
|
52
|
+
months_dropdown: 'min-w-[6.5rem]',
|
|
53
|
+
years_dropdown: 'min-w-[5.5rem]',
|
|
54
|
+
chevron: 'rdp-chevron shrink-0 text-current',
|
|
55
|
+
/* ── Navigation ──────────────────────────────── */
|
|
56
|
+
nav: cn('absolute left-0 right-0 top-0 z-10 flex h-11 items-center justify-between px-0.5 pointer-events-none', 'sm:left-[var(--mi-calendar-nav-left)]'),
|
|
57
|
+
button_previous: cn('rdp-button_previous pointer-events-auto absolute left-0 top-1.5 z-20 inline-flex size-8 items-center justify-center rounded-full', 'text-foreground/70 transition-colors duration-200', 'hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', '[&_svg]:size-4'),
|
|
58
|
+
button_next: cn('rdp-button_next pointer-events-auto absolute right-0 top-1.5 z-20 inline-flex size-8 items-center justify-center rounded-full', 'text-foreground/70 transition-colors duration-200', 'hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', '[&_svg]:size-4'),
|
|
59
|
+
/* ── Grid ────────────────────────────────────── */
|
|
60
|
+
month_grid: 'rdp-month-grid border-separate border-spacing-0',
|
|
61
|
+
weekdays: '',
|
|
62
|
+
weekday: 'h-8 pb-1.5 text-center text-xs font-medium text-muted-foreground',
|
|
63
|
+
week_number_header: 'rdp-week-number-header h-8 w-10 pb-1.5 text-center text-xs font-semibold text-muted-foreground',
|
|
64
|
+
week_number: 'rdp-week-number w-10 p-0.5 text-center align-middle text-xs font-semibold text-muted-foreground',
|
|
65
|
+
week: '',
|
|
66
|
+
/* ── Day cell (td) ───────────────────────────── */
|
|
67
|
+
day: cn('relative size-10 p-0.5 text-center align-middle text-sm', 'focus-within:relative focus-within:z-20'),
|
|
68
|
+
/* ── Day button ──────────────────────────────── */
|
|
69
|
+
day_button: cn('inline-flex size-9 items-center justify-center rounded-full p-0', 'text-sm font-normal transition-colors duration-150', 'hover:bg-muted hover:text-foreground', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', 'aria-selected:opacity-100'),
|
|
70
|
+
/* ── Selection states ────────────────────────── */
|
|
71
|
+
range_start: 'day-range-start [&>button]:rounded-full',
|
|
72
|
+
range_end: 'day-range-end [&>button]:rounded-full',
|
|
73
|
+
selected: cn('[&>button]:bg-primary [&>button]:text-primary-foreground [&>button]:shadow-sm', '[&>button:hover]:bg-primary [&>button:hover]:text-primary-foreground', '[&>button:focus]:bg-primary [&>button:focus]:text-primary-foreground'),
|
|
74
|
+
today: cn('font-semibold', '[&>button]:ring-1 [&>button]:ring-primary/40'),
|
|
75
|
+
outside: 'day-outside',
|
|
76
|
+
disabled: '[&>button]:cursor-not-allowed [&>button]:text-muted-foreground/20 [&>button:hover]:bg-transparent',
|
|
77
|
+
range_middle: cn('[&>button]:rounded-lg [&>button]:!bg-primary/8 [&>button]:!text-foreground [&>button]:!shadow-none', 'dark:[&>button]:!bg-primary/12 dark:[&>button]:!text-foreground'),
|
|
78
|
+
hidden: 'invisible',
|
|
79
|
+
...classNames,
|
|
80
|
+
}, ...props }));
|
|
81
|
+
}
|
|
82
|
+
function CalendarDropdown({ options, className, ...selectProps }) {
|
|
83
|
+
return (_jsxs("span", { className: "rdp-dropdown-root relative inline-flex h-9 min-w-[5.5rem] items-center justify-center", children: [_jsx("select", { ...selectProps, className: cn('rdp-dropdown h-9 w-full appearance-none rounded-md border border-input bg-card px-2.5 pr-7', 'text-center text-sm font-semibold text-foreground shadow-mi-input outline-none', 'transition-[border-color,box-shadow] duration-200', 'focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/25', className), children: options?.map(({ value, label, disabled }) => (_jsx("option", { value: value, disabled: disabled, children: label }, value))) }), _jsx(CalendarChevron, { "aria-hidden": true, orientation: "down", size: 16, className: "pointer-events-none absolute right-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" })] }));
|
|
84
|
+
}
|
|
85
|
+
function CalendarChevron({ className, disabled, orientation = 'left', size = 20, style, ...props }) {
|
|
86
|
+
const points = {
|
|
87
|
+
up: 'M6 15l6-6 6 6',
|
|
88
|
+
down: 'M6 9l6 6 6-6',
|
|
89
|
+
left: 'M15 18l-6-6 6-6',
|
|
90
|
+
right: 'M9 6l6 6-6 6',
|
|
91
|
+
}[orientation];
|
|
92
|
+
return (_jsx("svg", { ...props, className: cn('rdp-chevron shrink-0 fill-none stroke-current stroke-2', disabled && 'opacity-35', className), style: style, width: size, height: size, viewBox: "0 0 24 24", children: _jsx("path", { d: points, strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
93
|
+
}
|
|
94
|
+
//# sourceMappingURL=Calendar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../src/Calendar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Calendar (React Native variant).
|
|
3
|
+
*
|
|
4
|
+
* Stub for API parity. On native, use @react-native-community/datetimepicker
|
|
5
|
+
* or a dedicated RN calendar library. This provides the type surface.
|
|
6
|
+
*
|
|
7
|
+
* Wiki: docs/components/Calendar.md
|
|
8
|
+
*/
|
|
9
|
+
import { type ViewProps } from 'react-native';
|
|
10
|
+
export interface CalendarProps extends ViewProps {
|
|
11
|
+
mode?: 'single' | 'range' | 'multiple';
|
|
12
|
+
selected?: Date | {
|
|
13
|
+
from?: Date;
|
|
14
|
+
to?: Date;
|
|
15
|
+
} | Date[];
|
|
16
|
+
onSelect?: (date: unknown) => void;
|
|
17
|
+
showOutsideDays?: boolean;
|
|
18
|
+
className?: string;
|
|
19
|
+
}
|
|
20
|
+
export declare function Calendar({ className, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
//# sourceMappingURL=Calendar.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Calendar.native.d.ts","sourceRoot":"","sources":["../src/Calendar.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1D,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;IACvC,QAAQ,CAAC,EAAE,IAAI,GAAG;QAAE,IAAI,CAAC,EAAE,IAAI,CAAC;QAAC,EAAE,CAAC,EAAE,IAAI,CAAA;KAAE,GAAG,IAAI,EAAE,CAAC;IACtD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAQ9D"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Calendar (React Native variant).
|
|
4
|
+
*
|
|
5
|
+
* Stub for API parity. On native, use @react-native-community/datetimepicker
|
|
6
|
+
* or a dedicated RN calendar library. This provides the type surface.
|
|
7
|
+
*
|
|
8
|
+
* Wiki: docs/components/Calendar.md
|
|
9
|
+
*/
|
|
10
|
+
import { View, Text } from 'react-native';
|
|
11
|
+
import { cn } from './internal/cn.js';
|
|
12
|
+
export function Calendar({ className, ...props }) {
|
|
13
|
+
return (_jsx(View, { className: cn('rounded-md border border-border bg-card p-4', className), ...props, children: _jsx(Text, { className: "text-xs text-muted-foreground", children: "Calendar (native: use platform picker)" }) }));
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=Calendar.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Calendar.native.js","sourceRoot":"","sources":["../src/Calendar.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,IAAI,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAUtC,MAAM,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiB;IAC7D,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,KAAM,KAAK,YACtF,KAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,uDAExC,GACF,CACR,CAAC;AACJ,CAAC"}
|
package/dist/Card.d.ts
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Card (web variant — React DOM).
|
|
3
|
+
*
|
|
4
|
+
* A composable container surface. Exports six pieces that compose
|
|
5
|
+
* into the standard card pattern:
|
|
6
|
+
*
|
|
7
|
+
* <Card>
|
|
8
|
+
* <CardHeader>
|
|
9
|
+
* <CardTitle>...</CardTitle>
|
|
10
|
+
* <CardDescription>...</CardDescription>
|
|
11
|
+
* </CardHeader>
|
|
12
|
+
* <CardContent>...</CardContent>
|
|
13
|
+
* <CardFooter>...</CardFooter>
|
|
14
|
+
* </Card>
|
|
15
|
+
*
|
|
16
|
+
* Every piece is just a styled div / heading. No internal state, no
|
|
17
|
+
* special behaviour — Card is a layout primitive. Pair with `Button`
|
|
18
|
+
* and `Text` for content.
|
|
19
|
+
*
|
|
20
|
+
* Wiki: docs/components/Card.md
|
|
21
|
+
*/
|
|
22
|
+
import { type HTMLAttributes } from 'react';
|
|
23
|
+
export declare const Card: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
24
|
+
export declare const CardHeader: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
25
|
+
export declare const CardTitle: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
26
|
+
export declare const CardDescription: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
27
|
+
export declare const CardContent: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
28
|
+
export declare const CardFooter: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
29
|
+
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGxD,eAAO,MAAM,IAAI,2HAahB,CAAC;AAEF,eAAO,MAAM,UAAU,2HAUtB,CAAC;AAEF,eAAO,MAAM,SAAS,mIAUrB,CAAC;AAEF,eAAO,MAAM,eAAe,uIAU3B,CAAC;AAEF,eAAO,MAAM,WAAW,2HAIvB,CAAC;AAEF,eAAO,MAAM,UAAU,2HAUtB,CAAC"}
|
package/dist/Card.js
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
/**
|
|
4
|
+
* Card (web variant — React DOM).
|
|
5
|
+
*
|
|
6
|
+
* A composable container surface. Exports six pieces that compose
|
|
7
|
+
* into the standard card pattern:
|
|
8
|
+
*
|
|
9
|
+
* <Card>
|
|
10
|
+
* <CardHeader>
|
|
11
|
+
* <CardTitle>...</CardTitle>
|
|
12
|
+
* <CardDescription>...</CardDescription>
|
|
13
|
+
* </CardHeader>
|
|
14
|
+
* <CardContent>...</CardContent>
|
|
15
|
+
* <CardFooter>...</CardFooter>
|
|
16
|
+
* </Card>
|
|
17
|
+
*
|
|
18
|
+
* Every piece is just a styled div / heading. No internal state, no
|
|
19
|
+
* special behaviour — Card is a layout primitive. Pair with `Button`
|
|
20
|
+
* and `Text` for content.
|
|
21
|
+
*
|
|
22
|
+
* Wiki: docs/components/Card.md
|
|
23
|
+
*/
|
|
24
|
+
import { forwardRef } from 'react';
|
|
25
|
+
import { cn } from './internal/cn.js';
|
|
26
|
+
export const Card = forwardRef(function Card({ className, ...props }, ref) {
|
|
27
|
+
return (_jsx("div", { ref: ref, className: cn('rounded-xl border border-secondary bg-card text-card-foreground transition-colors duration-150', className), ...props }));
|
|
28
|
+
});
|
|
29
|
+
export const CardHeader = forwardRef(function CardHeader({ className, ...props }, ref) {
|
|
30
|
+
return (_jsx("div", { ref: ref, className: cn('flex flex-col gap-1.5 p-6', className), ...props }));
|
|
31
|
+
});
|
|
32
|
+
export const CardTitle = forwardRef(function CardTitle({ className, ...props }, ref) {
|
|
33
|
+
return (_jsx("h3", { ref: ref, className: cn('text-lg font-semibold leading-tight tracking-tight', className), ...props }));
|
|
34
|
+
});
|
|
35
|
+
export const CardDescription = forwardRef(function CardDescription({ className, ...props }, ref) {
|
|
36
|
+
return (_jsx("p", { ref: ref, className: cn('text-sm text-muted-foreground', className), ...props }));
|
|
37
|
+
});
|
|
38
|
+
export const CardContent = forwardRef(function CardContent({ className, ...props }, ref) {
|
|
39
|
+
return _jsx("div", { ref: ref, className: cn('p-6 pt-0', className), ...props });
|
|
40
|
+
});
|
|
41
|
+
export const CardFooter = forwardRef(function CardFooter({ className, ...props }, ref) {
|
|
42
|
+
return (_jsx("div", { ref: ref, className: cn('flex items-center gap-2 p-6 pt-0', className), ...props }));
|
|
43
|
+
});
|
|
44
|
+
//# sourceMappingURL=Card.js.map
|
package/dist/Card.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,SAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACxC,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,gGAAgG,EAChG,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC9C,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,KACjD,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC7C,OAAO,CACL,aACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,oDAAoD,EAAE,SAAS,CAAC,KAC1E,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACvC,SAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACnD,OAAO,CACL,YACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC/C,OAAO,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC5E,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC9C,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,KACxD,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Text, View, type TextProps, type ViewProps } from 'react-native';
|
|
2
|
+
export declare const Card: import("react").ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
|
|
3
|
+
className?: string;
|
|
4
|
+
} & import("react").RefAttributes<View>>;
|
|
5
|
+
export declare const CardHeader: import("react").ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
|
|
6
|
+
className?: string;
|
|
7
|
+
} & import("react").RefAttributes<View>>;
|
|
8
|
+
export declare const CardTitle: import("react").ForwardRefExoticComponent<Omit<TextProps, "style"> & {
|
|
9
|
+
className?: string;
|
|
10
|
+
} & import("react").RefAttributes<Text>>;
|
|
11
|
+
export declare const CardDescription: import("react").ForwardRefExoticComponent<Omit<TextProps, "style"> & {
|
|
12
|
+
className?: string;
|
|
13
|
+
} & import("react").RefAttributes<Text>>;
|
|
14
|
+
export declare const CardContent: import("react").ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
|
|
15
|
+
className?: string;
|
|
16
|
+
} & import("react").RefAttributes<View>>;
|
|
17
|
+
export declare const CardFooter: import("react").ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
|
|
18
|
+
className?: string;
|
|
19
|
+
} & import("react").RefAttributes<View>>;
|
|
20
|
+
//# sourceMappingURL=Card.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.native.d.ts","sourceRoot":"","sources":["../src/Card.native.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAM1E,eAAO,MAAM,IAAI;gBAHgD,MAAM;wCAcrE,CAAC;AAEH,eAAO,MAAM,UAAU;gBAhB0C,MAAM;wCAqBrE,CAAC;AAEH,eAAO,MAAM,SAAS;gBAtB2C,MAAM;wCAkCrE,CAAC;AAEH,eAAO,MAAM,eAAe;gBApCqC,MAAM;wCA+CrE,CAAC;AAEH,eAAO,MAAM,WAAW;gBAlDyC,MAAM;wCAuDrE,CAAC;AAEH,eAAO,MAAM,UAAU;gBAzD0C,MAAM;wCAoErE,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Card (React Native variant).
|
|
4
|
+
*
|
|
5
|
+
* Same composable pieces as the web variant. Headings render as
|
|
6
|
+
* `<Text>` with `accessibilityRole="header"` so screen readers
|
|
7
|
+
* announce them correctly.
|
|
8
|
+
*
|
|
9
|
+
* Wiki: docs/components/Card.md
|
|
10
|
+
*/
|
|
11
|
+
import { forwardRef } from 'react';
|
|
12
|
+
import { Text, View } from 'react-native';
|
|
13
|
+
import { cn } from './internal/cn.js';
|
|
14
|
+
export const Card = forwardRef(function Card({ className, ...props }, ref) {
|
|
15
|
+
return (_jsx(View, { ref: ref, className: cn('rounded-lg border border-border bg-background', className), ...props }));
|
|
16
|
+
});
|
|
17
|
+
export const CardHeader = forwardRef(function CardHeader({ className, ...props }, ref) {
|
|
18
|
+
return _jsx(View, { ref: ref, className: cn('gap-1.5 p-6', className), ...props });
|
|
19
|
+
});
|
|
20
|
+
export const CardTitle = forwardRef(function CardTitle({ className, ...props }, ref) {
|
|
21
|
+
return (_jsx(Text, { ref: ref, accessibilityRole: "header", className: cn('text-lg font-semibold leading-tight text-foreground', className), ...props }));
|
|
22
|
+
});
|
|
23
|
+
export const CardDescription = forwardRef(function CardDescription({ className, ...props }, ref) {
|
|
24
|
+
return (_jsx(Text, { ref: ref, className: cn('text-sm text-muted-foreground', className), ...props }));
|
|
25
|
+
});
|
|
26
|
+
export const CardContent = forwardRef(function CardContent({ className, ...props }, ref) {
|
|
27
|
+
return _jsx(View, { ref: ref, className: cn('p-6 pt-0', className), ...props });
|
|
28
|
+
});
|
|
29
|
+
export const CardFooter = forwardRef(function CardFooter({ className, ...props }, ref) {
|
|
30
|
+
return (_jsx(View, { ref: ref, className: cn('flex-row items-center gap-2 p-6 pt-0', className), ...props }));
|
|
31
|
+
});
|
|
32
|
+
//# sourceMappingURL=Card.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.native.js","sourceRoot":"","sources":["../src/Card.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAC;AAC1E,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAKtC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAyB,SAAS,IAAI,CAClE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACvB,GAAG;IAEH,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,SAAS,CAAC,KACrE,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAyB,SAAS,UAAU,CAC9E,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACvB,GAAG;IAEH,OAAO,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAChF,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAyB,SAAS,SAAS,CAC5E,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACvB,GAAG;IAEH,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,iBAAiB,EAAC,QAAQ,EAC1B,SAAS,EAAE,EAAE,CAAC,qDAAqD,EAAE,SAAS,CAAC,KAC3E,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAAyB,SAAS,eAAe,CACxF,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACvB,GAAG;IAEH,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAyB,SAAS,WAAW,CAChF,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACvB,GAAG;IAEH,OAAO,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC7E,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAyB,SAAS,UAAU,CAC9E,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACvB,GAAG;IAEH,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,SAAS,CAAC,KAC5D,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Carousel (web variant — React DOM).
|
|
3
|
+
*
|
|
4
|
+
* Composable carousel powered by `embla-carousel-react`.
|
|
5
|
+
*
|
|
6
|
+
* <Carousel>
|
|
7
|
+
* <CarouselContent>
|
|
8
|
+
* <CarouselItem>Slide 1</CarouselItem>
|
|
9
|
+
* <CarouselItem>Slide 2</CarouselItem>
|
|
10
|
+
* <CarouselItem>Slide 3</CarouselItem>
|
|
11
|
+
* </CarouselContent>
|
|
12
|
+
* <CarouselPrevious />
|
|
13
|
+
* <CarouselNext />
|
|
14
|
+
* </Carousel>
|
|
15
|
+
*
|
|
16
|
+
* Wiki: docs/components/Carousel.md
|
|
17
|
+
*/
|
|
18
|
+
import { type HTMLAttributes } from 'react';
|
|
19
|
+
import useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react';
|
|
20
|
+
import { type ButtonProps } from './Button.js';
|
|
21
|
+
export type CarouselApi = UseEmblaCarouselType[1];
|
|
22
|
+
type UseCarouselParams = Parameters<typeof useEmblaCarousel>;
|
|
23
|
+
type CarouselOptions = UseCarouselParams[0];
|
|
24
|
+
type CarouselPlugin = UseCarouselParams[1];
|
|
25
|
+
export type CarouselProps = {
|
|
26
|
+
opts?: CarouselOptions;
|
|
27
|
+
plugins?: CarouselPlugin;
|
|
28
|
+
orientation?: 'horizontal' | 'vertical';
|
|
29
|
+
setApi?: (api: CarouselApi) => void;
|
|
30
|
+
};
|
|
31
|
+
type CarouselContextValue = {
|
|
32
|
+
carouselRef: ReturnType<typeof useEmblaCarousel>[0];
|
|
33
|
+
api: ReturnType<typeof useEmblaCarousel>[1];
|
|
34
|
+
scrollPrev: () => void;
|
|
35
|
+
scrollNext: () => void;
|
|
36
|
+
canScrollPrev: boolean;
|
|
37
|
+
canScrollNext: boolean;
|
|
38
|
+
} & CarouselProps;
|
|
39
|
+
export declare function useCarousel(): CarouselContextValue;
|
|
40
|
+
export declare const Carousel: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & CarouselProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
41
|
+
export declare const CarouselContent: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
42
|
+
export declare const CarouselItem: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
43
|
+
export declare const CarouselPrevious: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
44
|
+
export declare const CarouselNext: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
45
|
+
export {};
|
|
46
|
+
//# sourceMappingURL=Carousel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../src/Carousel.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAOL,KAAK,cAAc,EAEpB,MAAM,OAAO,CAAC;AACf,OAAO,gBAAgB,EAAE,EACvB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AA6CvD,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAClD,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC7D,KAAK,eAAe,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC;AAC5C,KAAK,cAAc,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,WAAW,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,GAAG,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;CACxB,GAAG,aAAa,CAAC;AAMlB,wBAAgB,WAAW,yBAI1B;AAID,eAAO,MAAM,QAAQ,2IAiFnB,CAAC;AAIH,eAAO,MAAM,eAAe,2HAkB1B,CAAC;AAIH,eAAO,MAAM,YAAY,2HAkBvB,CAAC;AAIH,eAAO,MAAM,gBAAgB,2GAwB5B,CAAC;AAIF,eAAO,MAAM,YAAY,2GAwBxB,CAAC"}
|
package/dist/Carousel.js
ADDED
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
/**
|
|
4
|
+
* Carousel (web variant — React DOM).
|
|
5
|
+
*
|
|
6
|
+
* Composable carousel powered by `embla-carousel-react`.
|
|
7
|
+
*
|
|
8
|
+
* <Carousel>
|
|
9
|
+
* <CarouselContent>
|
|
10
|
+
* <CarouselItem>Slide 1</CarouselItem>
|
|
11
|
+
* <CarouselItem>Slide 2</CarouselItem>
|
|
12
|
+
* <CarouselItem>Slide 3</CarouselItem>
|
|
13
|
+
* </CarouselContent>
|
|
14
|
+
* <CarouselPrevious />
|
|
15
|
+
* <CarouselNext />
|
|
16
|
+
* </Carousel>
|
|
17
|
+
*
|
|
18
|
+
* Wiki: docs/components/Carousel.md
|
|
19
|
+
*/
|
|
20
|
+
import { createContext, forwardRef, useCallback, useContext, useEffect, useState, } from 'react';
|
|
21
|
+
import useEmblaCarousel, {} from 'embla-carousel-react';
|
|
22
|
+
import { Button } from './Button.js';
|
|
23
|
+
import { cn } from './internal/cn.js';
|
|
24
|
+
/* ── Inline icons (avoids a lucide-react dep on the ui package) ──── */
|
|
25
|
+
function ArrowLeftIcon() {
|
|
26
|
+
return (_jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "h-4 w-4", children: [_jsx("path", { d: "m12 19-7-7 7-7" }), _jsx("path", { d: "M19 12H5" })] }));
|
|
27
|
+
}
|
|
28
|
+
function ArrowRightIcon() {
|
|
29
|
+
return (_jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "h-4 w-4", children: [_jsx("path", { d: "M5 12h14" }), _jsx("path", { d: "m12 5 7 7-7 7" })] }));
|
|
30
|
+
}
|
|
31
|
+
/* ── Context ──────────────────────────────────────────────────────── */
|
|
32
|
+
const CarouselContext = createContext(null);
|
|
33
|
+
export function useCarousel() {
|
|
34
|
+
const ctx = useContext(CarouselContext);
|
|
35
|
+
if (!ctx)
|
|
36
|
+
throw new Error('useCarousel must be used within a <Carousel>');
|
|
37
|
+
return ctx;
|
|
38
|
+
}
|
|
39
|
+
/* ── Root ──────────────────────────────────────────────────────────── */
|
|
40
|
+
export const Carousel = forwardRef(function Carousel({ orientation = 'horizontal', opts, setApi, plugins, className, children, ...props }, ref) {
|
|
41
|
+
const [carouselRef, api] = useEmblaCarousel({ ...opts, axis: orientation === 'horizontal' ? 'x' : 'y' }, plugins);
|
|
42
|
+
const [canScrollPrev, setCanScrollPrev] = useState(false);
|
|
43
|
+
const [canScrollNext, setCanScrollNext] = useState(false);
|
|
44
|
+
const onSelect = useCallback((emblaApi) => {
|
|
45
|
+
setCanScrollPrev(emblaApi.canScrollPrev());
|
|
46
|
+
setCanScrollNext(emblaApi.canScrollNext());
|
|
47
|
+
}, []);
|
|
48
|
+
const scrollPrev = useCallback(() => api?.scrollPrev(), [api]);
|
|
49
|
+
const scrollNext = useCallback(() => api?.scrollNext(), [api]);
|
|
50
|
+
const handleKeyDown = useCallback((event) => {
|
|
51
|
+
const prevKey = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';
|
|
52
|
+
const nextKey = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown';
|
|
53
|
+
if (event.key === prevKey) {
|
|
54
|
+
event.preventDefault();
|
|
55
|
+
scrollPrev();
|
|
56
|
+
}
|
|
57
|
+
else if (event.key === nextKey) {
|
|
58
|
+
event.preventDefault();
|
|
59
|
+
scrollNext();
|
|
60
|
+
}
|
|
61
|
+
}, [orientation, scrollPrev, scrollNext]);
|
|
62
|
+
useEffect(() => {
|
|
63
|
+
if (!api || !setApi)
|
|
64
|
+
return;
|
|
65
|
+
setApi(api);
|
|
66
|
+
}, [api, setApi]);
|
|
67
|
+
useEffect(() => {
|
|
68
|
+
if (!api)
|
|
69
|
+
return;
|
|
70
|
+
// Initial state sync — necessary for Embla's deferred initialisation
|
|
71
|
+
// eslint-disable-next-line react-hooks/set-state-in-effect
|
|
72
|
+
onSelect(api);
|
|
73
|
+
api.on('reInit', onSelect);
|
|
74
|
+
api.on('select', onSelect);
|
|
75
|
+
return () => {
|
|
76
|
+
api.off('select', onSelect);
|
|
77
|
+
api.off('reInit', onSelect);
|
|
78
|
+
};
|
|
79
|
+
}, [api, onSelect]);
|
|
80
|
+
return (_jsx(CarouselContext.Provider, { value: {
|
|
81
|
+
carouselRef,
|
|
82
|
+
api,
|
|
83
|
+
opts,
|
|
84
|
+
orientation,
|
|
85
|
+
scrollPrev,
|
|
86
|
+
scrollNext,
|
|
87
|
+
canScrollPrev,
|
|
88
|
+
canScrollNext,
|
|
89
|
+
}, children: _jsx("div", { ref: ref, onKeyDownCapture: handleKeyDown, className: cn('relative', className), role: "region", "aria-roledescription": "carousel", ...props, children: children }) }));
|
|
90
|
+
});
|
|
91
|
+
/* ── Content ──────────────────────────────────────────────────────── */
|
|
92
|
+
export const CarouselContent = forwardRef(function CarouselContent({ className, ...props }, ref) {
|
|
93
|
+
const { carouselRef, orientation } = useCarousel();
|
|
94
|
+
return (_jsx("div", { ref: carouselRef, className: "overflow-hidden", children: _jsx("div", { ref: ref, className: cn('flex', orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', className), ...props }) }));
|
|
95
|
+
});
|
|
96
|
+
/* ── Item ──────────────────────────────────────────────────────────── */
|
|
97
|
+
export const CarouselItem = forwardRef(function CarouselItem({ className, ...props }, ref) {
|
|
98
|
+
const { orientation } = useCarousel();
|
|
99
|
+
return (_jsx("div", { ref: ref, role: "group", "aria-roledescription": "slide", className: cn('min-w-0 shrink-0 grow-0 basis-full', orientation === 'horizontal' ? 'pl-4' : 'pt-4', className), ...props }));
|
|
100
|
+
});
|
|
101
|
+
/* ── Previous ────────────────────────────────────────────────────── */
|
|
102
|
+
export const CarouselPrevious = forwardRef(function CarouselPrevious({ className, variant = 'outline', size = 'icon', ...props }, ref) {
|
|
103
|
+
const { orientation, scrollPrev, canScrollPrev } = useCarousel();
|
|
104
|
+
return (_jsxs(Button, { ref: ref, variant: variant, size: size, className: cn('absolute h-8 w-8 rounded-full', orientation === 'horizontal'
|
|
105
|
+
? '-left-12 top-1/2 -translate-y-1/2'
|
|
106
|
+
: '-top-12 left-1/2 -translate-x-1/2 rotate-90', className), disabled: !canScrollPrev, onClick: scrollPrev, ...props, children: [_jsx(ArrowLeftIcon, {}), _jsx("span", { className: "sr-only", children: "Previous slide" })] }));
|
|
107
|
+
});
|
|
108
|
+
/* ── Next ─────────────────────────────────────────────────────────── */
|
|
109
|
+
export const CarouselNext = forwardRef(function CarouselNext({ className, variant = 'outline', size = 'icon', ...props }, ref) {
|
|
110
|
+
const { orientation, scrollNext, canScrollNext } = useCarousel();
|
|
111
|
+
return (_jsxs(Button, { ref: ref, variant: variant, size: size, className: cn('absolute h-8 w-8 rounded-full', orientation === 'horizontal'
|
|
112
|
+
? '-right-12 top-1/2 -translate-y-1/2'
|
|
113
|
+
: '-bottom-12 left-1/2 -translate-x-1/2 rotate-90', className), disabled: !canScrollNext, onClick: scrollNext, ...props, children: [_jsx(ArrowRightIcon, {}), _jsx("span", { className: "sr-only", children: "Next slide" })] }));
|
|
114
|
+
});
|
|
115
|
+
//# sourceMappingURL=Carousel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../src/Carousel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EACL,aAAa,EACb,UAAU,EACV,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,GAGT,MAAM,OAAO,CAAC;AACf,OAAO,gBAAgB,EAAE,EAExB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAoB,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,wEAAwE;AAExE,SAAS,aAAa;IACpB,OAAO,CACL,8BACc,MAAM,EAClB,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,EACd,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,SAAS,EAAC,SAAS,aAEnB,eAAM,CAAC,EAAC,gBAAgB,GAAG,EAC3B,eAAM,CAAC,EAAC,UAAU,GAAG,IACjB,CACP,CAAC;AACJ,CAAC;AAED,SAAS,cAAc;IACrB,OAAO,CACL,8BACc,MAAM,EAClB,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,EACd,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,SAAS,EAAC,SAAS,aAEnB,eAAM,CAAC,EAAC,UAAU,GAAG,EACrB,eAAM,CAAC,EAAC,eAAe,GAAG,IACtB,CACP,CAAC;AACJ,CAAC;AAyBD,yEAAyE;AAEzE,MAAM,eAAe,GAAG,aAAa,CAA8B,IAAI,CAAC,CAAC;AAEzE,MAAM,UAAU,WAAW;IACzB,MAAM,GAAG,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IACxC,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;IAC1E,OAAO,GAAG,CAAC;AACb,CAAC;AAED,0EAA0E;AAE1E,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAGhC,SAAS,QAAQ,CACjB,EAAE,WAAW,GAAG,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACpF,GAAG;IAEH,MAAM,CAAC,WAAW,EAAE,GAAG,CAAC,GAAG,gBAAgB,CACzC,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,EAC3D,OAAO,CACR,CAAC;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,QAAkC,EAAE,EAAE;QAClE,gBAAgB,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAC;QAC3C,gBAAgB,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAC;IAC7C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,UAAU,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/D,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,UAAU,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAE/D,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,KAAoC,EAAE,EAAE;QACvC,MAAM,OAAO,GAAG,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;QACvE,MAAM,OAAO,GAAG,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC;QAE1E,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,UAAU,EAAE,CAAC;QACf,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACjC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,UAAU,EAAE,CAAC;QACf,CAAC;IACH,CAAC,EACD,CAAC,WAAW,EAAE,UAAU,EAAE,UAAU,CAAC,CACtC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM;YAAE,OAAO;QAC5B,MAAM,CAAC,GAAG,CAAC,CAAC;IACd,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG;YAAE,OAAO;QACjB,qEAAqE;QACrE,2DAA2D;QAC3D,QAAQ,CAAC,GAAG,CAAC,CAAC;QACd,GAAG,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC3B,GAAG,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC3B,OAAO,GAAG,EAAE;YACV,GAAG,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YAC5B,GAAG,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,KAAC,eAAe,CAAC,QAAQ,IACvB,KAAK,EAAE;YACL,WAAW;YACX,GAAG;YACH,IAAI;YACJ,WAAW;YACX,UAAU;YACV,UAAU;YACV,aAAa;YACb,aAAa;SACd,YAED,cACE,GAAG,EAAE,GAAG,EACR,gBAAgB,EAAE,aAAa,EAC/B,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,EACpC,IAAI,EAAC,QAAQ,0BACQ,UAAU,KAC3B,KAAK,YAER,QAAQ,GACL,GACmB,CAC5B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,yEAAyE;AAEzE,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAGvC,SAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACrD,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,WAAW,EAAE,CAAC;IACnD,OAAO,CACL,cAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAC,iBAAiB,YAChD,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,MAAM,EACN,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,EACzD,SAAS,CACV,KACG,KAAK,GACT,GACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,0EAA0E;AAE1E,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAGpC,SAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAClD,MAAM,EAAE,WAAW,EAAE,GAAG,WAAW,EAAE,CAAC;IACtC,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,0BACS,OAAO,EAC5B,SAAS,EAAE,EAAE,CACX,oCAAoC,EACpC,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAC9C,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,wEAAwE;AAExE,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CACxC,SAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACxF,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,WAAW,EAAE,CAAC;IACjE,OAAO,CACL,MAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,+BAA+B,EAC/B,WAAW,KAAK,YAAY;YAC1B,CAAC,CAAC,mCAAmC;YACrC,CAAC,CAAC,6CAA6C,EACjD,SAAS,CACV,EACD,QAAQ,EAAE,CAAC,aAAa,EACxB,OAAO,EAAE,UAAU,KACf,KAAK,aAET,KAAC,aAAa,KAAG,EACjB,eAAM,SAAS,EAAC,SAAS,+BAAsB,IACxC,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,yEAAyE;AAEzE,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,SAAS,YAAY,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACpF,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,WAAW,EAAE,CAAC;IACjE,OAAO,CACL,MAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,+BAA+B,EAC/B,WAAW,KAAK,YAAY;YAC1B,CAAC,CAAC,oCAAoC;YACtC,CAAC,CAAC,gDAAgD,EACpD,SAAS,CACV,EACD,QAAQ,EAAE,CAAC,aAAa,EACxB,OAAO,EAAE,UAAU,KACf,KAAK,aAET,KAAC,cAAc,KAAG,EAClB,eAAM,SAAS,EAAC,SAAS,2BAAkB,IACpC,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Carousel (React Native variant).
|
|
3
|
+
*
|
|
4
|
+
* Horizontal paging carousel backed by FlatList.
|
|
5
|
+
* Uses `data` + `renderItem` instead of composable children
|
|
6
|
+
* (FlatList requires a data-driven pattern).
|
|
7
|
+
*
|
|
8
|
+
* <Carousel
|
|
9
|
+
* data={slides}
|
|
10
|
+
* renderItem={({ item }) => <CarouselItem><Text>{item.title}</Text></CarouselItem>}
|
|
11
|
+
* />
|
|
12
|
+
*
|
|
13
|
+
* Wiki: docs/components/Carousel.md
|
|
14
|
+
*/
|
|
15
|
+
import { type ReactNode } from 'react';
|
|
16
|
+
import { FlatList, View, type FlatListProps, type ListRenderItemInfo, type ViewProps } from 'react-native';
|
|
17
|
+
/** Mirror the web CarouselApi shape for cross-platform consumers. */
|
|
18
|
+
export type CarouselApi = {
|
|
19
|
+
scrollPrev: () => void;
|
|
20
|
+
scrollNext: () => void;
|
|
21
|
+
canScrollPrev: boolean;
|
|
22
|
+
canScrollNext: boolean;
|
|
23
|
+
selectedIndex: number;
|
|
24
|
+
scrollTo: (index: number) => void;
|
|
25
|
+
};
|
|
26
|
+
export type CarouselProps<T> = Omit<FlatListProps<T>, 'horizontal' | 'pagingEnabled' | 'renderItem'> & {
|
|
27
|
+
orientation?: 'horizontal' | 'vertical';
|
|
28
|
+
renderItem: (info: ListRenderItemInfo<T>) => ReactNode;
|
|
29
|
+
setApi?: (api: CarouselApi) => void;
|
|
30
|
+
className?: string;
|
|
31
|
+
};
|
|
32
|
+
type CarouselContextValue = {
|
|
33
|
+
orientation: 'horizontal' | 'vertical';
|
|
34
|
+
itemWidth: number;
|
|
35
|
+
itemHeight: number;
|
|
36
|
+
};
|
|
37
|
+
export declare function useCarousel(): CarouselContextValue;
|
|
38
|
+
declare function CarouselInner<T>({ data, renderItem, orientation, setApi, className, ...props }: CarouselProps<T>, ref: React.Ref<FlatList<T>>): import("react/jsx-runtime").JSX.Element;
|
|
39
|
+
export declare const Carousel: <T>(props: CarouselProps<T> & {
|
|
40
|
+
ref?: React.Ref<FlatList<T>>;
|
|
41
|
+
}) => ReturnType<typeof CarouselInner>;
|
|
42
|
+
export declare const CarouselItem: import("react").ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
|
|
43
|
+
className?: string;
|
|
44
|
+
} & import("react").RefAttributes<View>>;
|
|
45
|
+
export declare const CarouselPrevious: import("react").ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
|
|
46
|
+
className?: string;
|
|
47
|
+
} & {
|
|
48
|
+
onPress?: () => void;
|
|
49
|
+
} & import("react").RefAttributes<View>>;
|
|
50
|
+
export declare const CarouselNext: import("react").ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
|
|
51
|
+
className?: string;
|
|
52
|
+
} & {
|
|
53
|
+
onPress?: () => void;
|
|
54
|
+
} & import("react").RefAttributes<View>>;
|
|
55
|
+
export declare const CarouselContent: import("react").ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
|
|
56
|
+
className?: string;
|
|
57
|
+
} & import("react").RefAttributes<View>>;
|
|
58
|
+
export {};
|
|
59
|
+
//# sourceMappingURL=Carousel.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Carousel.native.d.ts","sourceRoot":"","sources":["../src/Carousel.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EACL,QAAQ,EAER,IAAI,EAEJ,KAAK,aAAa,EAClB,KAAK,kBAAkB,EAGvB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,qEAAqE;AACrE,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,IAAI,CACjC,aAAa,CAAC,CAAC,CAAC,EAChB,YAAY,GAAG,eAAe,GAAG,YAAY,CAC9C,GAAG;IACF,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,UAAU,EAAE,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IACvD,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAMF,wBAAgB,WAAW,yBAI1B;AAID,iBAAS,aAAa,CAAC,CAAC,EACtB,EACE,IAAI,EACJ,UAAU,EACV,WAA0B,EAC1B,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,CAAC,CAAC,CAAC,EACnB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,2CAiF5B;AAED,eAAO,MAAM,QAAQ,EAAgC,CAAC,CAAC,EACrD,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,KACvD,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AAMtC,eAAO,MAAM,YAAY;gBAFwC,MAAM;wCActE,CAAC;AAIF,eAAO,MAAM,gBAAgB;gBAlBoC,MAAM;;cAkBS,MAAM,IAAI;wCAQzF,CAAC;AAEF,eAAO,MAAM,YAAY;gBA5BwC,MAAM;;cA4BK,MAAM,IAAI;wCAQrF,CAAC;AAIF,eAAO,MAAM,eAAe;gBAxCqC,MAAM;wCAgDtE,CAAC"}
|