@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 @@
|
|
|
1
|
+
{"version":3,"file":"NotificationBadge.native.js","sourceRoot":"","sources":["../src/NotificationBadge.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AACnD,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;AAEtC,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAC1C,mDAAmD,EACnD;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,MAAM,EAAE,gBAAgB;YACxB,OAAO,EAAE,YAAY;YACrB,MAAM,EAAE,WAAW;YACnB,OAAO,EAAE,YAAY;SACtB;QACD,SAAS,EAAE;YACT,WAAW,EAAE,iBAAiB;YAC9B,UAAU,EAAE,gBAAgB;YAC5B,cAAc,EAAE,oBAAoB;YACpC,aAAa,EAAE,mBAAmB;SACnC;KACF;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE;CAC5D,CACF,CAAC;AAYF,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CACzC,SAAS,iBAAiB,CACxB,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,GAAG,EAAE,EAAE,GAAG,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACpF,GAAG;IAEH,IAAI,CAAC,KAAK,IAAI,CAAC,QAAQ,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IAC7C,IAAI,GAAG,EAAE,CAAC;QACR,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,yBAAyB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAC9C,SAAS,EACT,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;IACJ,CAAC;IACD,MAAM,KAAK,GAAG,QAAQ,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IACpE,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,yBAAyB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAC9C,kBAAkB,EAClB,SAAS,CACV,KACG,KAAK,YAET,KAAC,IAAI,IAAC,SAAS,EAAC,+DAA+D,YAAE,KAAK,GAAQ,GACzF,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* PageShell (web variant — React DOM).
|
|
3
|
+
*
|
|
4
|
+
* Outer 3-region scaffold that mirrors the MiHCM Security prototype:
|
|
5
|
+
* TopBar (full-width, above everything)
|
|
6
|
+
* ├── Sidebar (vertical rail on desktop, bottom menu on mobile)
|
|
7
|
+
* └── Main column
|
|
8
|
+
* ├── TitleBar (sticky)
|
|
9
|
+
* └── Content (scrollable)
|
|
10
|
+
*
|
|
11
|
+
* The shell only handles layout — pass any `topBar`, `sidebar`,
|
|
12
|
+
* `titleBar`, and `children` you want. The main column scrolls
|
|
13
|
+
* internally so the top/title bars stay fixed.
|
|
14
|
+
*
|
|
15
|
+
* Wiki: docs/components/PageShell.md
|
|
16
|
+
*/
|
|
17
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
18
|
+
export interface PageShellProps extends HTMLAttributes<HTMLDivElement> {
|
|
19
|
+
topBar?: ReactNode;
|
|
20
|
+
sidebar?: ReactNode;
|
|
21
|
+
titleBar?: ReactNode;
|
|
22
|
+
}
|
|
23
|
+
export declare const PageShell: import("react").ForwardRefExoticComponent<PageShellProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
24
|
+
//# sourceMappingURL=PageShell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageShell.d.ts","sourceRoot":"","sources":["../src/PageShell.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGxE,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,SAAS,2GAsBpB,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
/**
|
|
4
|
+
* PageShell (web variant — React DOM).
|
|
5
|
+
*
|
|
6
|
+
* Outer 3-region scaffold that mirrors the MiHCM Security prototype:
|
|
7
|
+
* TopBar (full-width, above everything)
|
|
8
|
+
* ├── Sidebar (vertical rail on desktop, bottom menu on mobile)
|
|
9
|
+
* └── Main column
|
|
10
|
+
* ├── TitleBar (sticky)
|
|
11
|
+
* └── Content (scrollable)
|
|
12
|
+
*
|
|
13
|
+
* The shell only handles layout — pass any `topBar`, `sidebar`,
|
|
14
|
+
* `titleBar`, and `children` you want. The main column scrolls
|
|
15
|
+
* internally so the top/title bars stay fixed.
|
|
16
|
+
*
|
|
17
|
+
* Wiki: docs/components/PageShell.md
|
|
18
|
+
*/
|
|
19
|
+
import { forwardRef } from 'react';
|
|
20
|
+
import { cn } from './internal/cn.js';
|
|
21
|
+
export const PageShell = forwardRef(function PageShell({ className, topBar, sidebar, titleBar, children, ...props }, ref) {
|
|
22
|
+
return (_jsxs("div", { ref: ref, className: cn('flex h-screen flex-col overflow-hidden bg-background', className), ...props, children: [topBar, _jsxs("div", { className: "relative flex flex-1 overflow-hidden", children: [sidebar, _jsxs("div", { className: "flex flex-1 flex-col overflow-hidden", children: [titleBar, _jsx("div", { className: "flex-1 overflow-y-auto bg-muted p-4 pb-24 md:p-6 lg:px-12 lg:py-8", children: children })] })] })] }));
|
|
23
|
+
});
|
|
24
|
+
//# sourceMappingURL=PageShell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageShell.js","sourceRoot":"","sources":["../src/PageShell.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,UAAU,EAAuC,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAQtC,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAiC,SAAS,SAAS,CACpF,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAC5D,GAAG;IAEH,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,sDAAsD,EAAE,SAAS,CAAC,KAC5E,KAAK,aAER,MAAM,EACP,eAAK,SAAS,EAAC,sCAAsC,aAClD,OAAO,EACR,eAAK,SAAS,EAAC,sCAAsC,aAClD,QAAQ,EACT,cAAK,SAAS,EAAC,mEAAmE,YAC/E,QAAQ,GACL,IACF,IACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* PageShell (React Native variant).
|
|
3
|
+
*
|
|
4
|
+
* Mobile-first redesign: simple vertical stack with topBar at top
|
|
5
|
+
* and children filling the remaining space. The sidebar prop is
|
|
6
|
+
* accepted but ignored (mobile sidebar should be a drawer managed
|
|
7
|
+
* by the host app). The titleBar renders inline above content
|
|
8
|
+
* without sticky behaviour.
|
|
9
|
+
*
|
|
10
|
+
* Wiki: docs/components/PageShell.md
|
|
11
|
+
*/
|
|
12
|
+
import { type ReactNode } from 'react';
|
|
13
|
+
import { View, type ViewProps } from 'react-native';
|
|
14
|
+
export interface PageShellProps extends Omit<ViewProps, 'style'> {
|
|
15
|
+
topBar?: ReactNode;
|
|
16
|
+
sidebar?: ReactNode;
|
|
17
|
+
titleBar?: ReactNode;
|
|
18
|
+
className?: string;
|
|
19
|
+
}
|
|
20
|
+
export declare const PageShell: import("react").ForwardRefExoticComponent<PageShellProps & import("react").RefAttributes<View>>;
|
|
21
|
+
//# sourceMappingURL=PageShell.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageShell.native.d.ts","sourceRoot":"","sources":["../src/PageShell.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAc,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhE,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAC9D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,iGAoBpB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* PageShell (React Native variant).
|
|
4
|
+
*
|
|
5
|
+
* Mobile-first redesign: simple vertical stack with topBar at top
|
|
6
|
+
* and children filling the remaining space. The sidebar prop is
|
|
7
|
+
* accepted but ignored (mobile sidebar should be a drawer managed
|
|
8
|
+
* by the host app). The titleBar renders inline above content
|
|
9
|
+
* without sticky behaviour.
|
|
10
|
+
*
|
|
11
|
+
* Wiki: docs/components/PageShell.md
|
|
12
|
+
*/
|
|
13
|
+
import { forwardRef } from 'react';
|
|
14
|
+
import { ScrollView, View } from 'react-native';
|
|
15
|
+
import { cn } from './internal/cn.js';
|
|
16
|
+
export const PageShell = forwardRef(function PageShell({ className, topBar, sidebar: _sidebar, titleBar, children, ...props }, ref) {
|
|
17
|
+
return (_jsxs(View, { ref: ref, className: cn('flex-1 bg-background', className), ...props, children: [topBar, titleBar, _jsx(ScrollView, { className: "flex-1 bg-muted", contentContainerClassName: "p-3", children: children })] }));
|
|
18
|
+
});
|
|
19
|
+
//# sourceMappingURL=PageShell.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PageShell.native.js","sourceRoot":"","sources":["../src/PageShell.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAStC,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAuB,SAAS,SAAS,CAC1E,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EACtE,GAAG;IAEH,OAAO,CACL,MAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,KAC5C,KAAK,aAER,MAAM,EACN,QAAQ,EACT,KAAC,UAAU,IACT,SAAS,EAAC,iBAAiB,EAC3B,yBAAyB,EAAC,KAAK,YAE9B,QAAQ,GACE,IACR,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Pagination (web variant — React DOM).
|
|
3
|
+
*
|
|
4
|
+
* Composable page navigation with numbered links and prev/next buttons.
|
|
5
|
+
*
|
|
6
|
+
* <Pagination>
|
|
7
|
+
* <PaginationContent>
|
|
8
|
+
* <PaginationItem><PaginationPrevious href="#" /></PaginationItem>
|
|
9
|
+
* <PaginationItem><PaginationLink href="#">1</PaginationLink></PaginationItem>
|
|
10
|
+
* <PaginationItem><PaginationLink href="#" isActive>2</PaginationLink></PaginationItem>
|
|
11
|
+
* <PaginationItem><PaginationEllipsis /></PaginationItem>
|
|
12
|
+
* <PaginationItem><PaginationNext href="#" /></PaginationItem>
|
|
13
|
+
* </PaginationContent>
|
|
14
|
+
* </Pagination>
|
|
15
|
+
*
|
|
16
|
+
* Sets `aria-label="Pagination"` on the `<nav>` and `aria-current="page"`
|
|
17
|
+
* on the active page link.
|
|
18
|
+
*
|
|
19
|
+
* Wiki: docs/components/Pagination.md
|
|
20
|
+
*/
|
|
21
|
+
import { type HTMLAttributes, type ButtonHTMLAttributes } from 'react';
|
|
22
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
23
|
+
export interface PaginationProps extends HTMLAttributes<HTMLElement> {
|
|
24
|
+
/** Override the default "Pagination" aria-label. */
|
|
25
|
+
'aria-label'?: string;
|
|
26
|
+
}
|
|
27
|
+
export declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<HTMLElement>>;
|
|
28
|
+
export interface PaginationContentProps extends HTMLAttributes<HTMLOListElement> {
|
|
29
|
+
}
|
|
30
|
+
export declare const PaginationContent: import("react").ForwardRefExoticComponent<PaginationContentProps & import("react").RefAttributes<HTMLOListElement>>;
|
|
31
|
+
export interface PaginationItemProps extends HTMLAttributes<HTMLLIElement> {
|
|
32
|
+
}
|
|
33
|
+
export declare const PaginationItem: import("react").ForwardRefExoticComponent<PaginationItemProps & import("react").RefAttributes<HTMLLIElement>>;
|
|
34
|
+
export declare const paginationLinkVariants: (props?: ({
|
|
35
|
+
isActive?: boolean | null | undefined;
|
|
36
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
37
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
38
|
+
export interface PaginationLinkProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof paginationLinkVariants> {
|
|
39
|
+
isActive?: boolean;
|
|
40
|
+
}
|
|
41
|
+
export declare const PaginationLink: import("react").ForwardRefExoticComponent<PaginationLinkProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
42
|
+
export interface PaginationPreviousProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
43
|
+
size?: 'sm' | 'md' | 'lg';
|
|
44
|
+
}
|
|
45
|
+
export declare const PaginationPrevious: import("react").ForwardRefExoticComponent<PaginationPreviousProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
46
|
+
export interface PaginationNextProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
47
|
+
size?: 'sm' | 'md' | 'lg';
|
|
48
|
+
}
|
|
49
|
+
export declare const PaginationNext: import("react").ForwardRefExoticComponent<PaginationNextProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
50
|
+
export interface PaginationEllipsisProps extends HTMLAttributes<HTMLSpanElement> {
|
|
51
|
+
}
|
|
52
|
+
export declare const PaginationEllipsis: import("react").ForwardRefExoticComponent<PaginationEllipsisProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
53
|
+
//# sourceMappingURL=Pagination.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../src/Pagination.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,oBAAoB,EAAkB,MAAM,OAAO,CAAC;AACnG,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAOlE,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAClE,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,yGAarB,CAAC;AAMH,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,gBAAgB,CAAC;CAAG;AAEnF,eAAO,MAAM,iBAAiB,qHAW7B,CAAC;AAMF,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,aAAa,CAAC;CAAG;AAE7E,eAAO,MAAM,cAAc,+GAI1B,CAAC;AAMF,eAAO,MAAM,sBAAsB;;;8EAsBlC,CAAC;AAEF,MAAM,WAAW,mBACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,YAAY,CAAC,OAAO,sBAAsB,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,mHAc1B,CAAC;AAMF,MAAM,WAAW,uBAAwB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACtF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,kBAAkB,uHAmB9B,CAAC;AAMF,MAAM,WAAW,mBAAoB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAClF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,mHAmB1B,CAAC;AAMF,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAAC,eAAe,CAAC;CAAG;AAEnF,eAAO,MAAM,kBAAkB,qHAc9B,CAAC"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
/**
|
|
4
|
+
* Pagination (web variant — React DOM).
|
|
5
|
+
*
|
|
6
|
+
* Composable page navigation with numbered links and prev/next buttons.
|
|
7
|
+
*
|
|
8
|
+
* <Pagination>
|
|
9
|
+
* <PaginationContent>
|
|
10
|
+
* <PaginationItem><PaginationPrevious href="#" /></PaginationItem>
|
|
11
|
+
* <PaginationItem><PaginationLink href="#">1</PaginationLink></PaginationItem>
|
|
12
|
+
* <PaginationItem><PaginationLink href="#" isActive>2</PaginationLink></PaginationItem>
|
|
13
|
+
* <PaginationItem><PaginationEllipsis /></PaginationItem>
|
|
14
|
+
* <PaginationItem><PaginationNext href="#" /></PaginationItem>
|
|
15
|
+
* </PaginationContent>
|
|
16
|
+
* </Pagination>
|
|
17
|
+
*
|
|
18
|
+
* Sets `aria-label="Pagination"` on the `<nav>` and `aria-current="page"`
|
|
19
|
+
* on the active page link.
|
|
20
|
+
*
|
|
21
|
+
* Wiki: docs/components/Pagination.md
|
|
22
|
+
*/
|
|
23
|
+
import { forwardRef } from 'react';
|
|
24
|
+
import { cva } from 'class-variance-authority';
|
|
25
|
+
import { cn } from './internal/cn.js';
|
|
26
|
+
export const Pagination = forwardRef(function Pagination({ className, 'aria-label': ariaLabel = 'Pagination', ...props }, ref) {
|
|
27
|
+
return (_jsx("nav", { ref: ref, role: "navigation", "aria-label": ariaLabel, className: cn('mx-auto flex w-full justify-center', className), ...props }));
|
|
28
|
+
});
|
|
29
|
+
export const PaginationContent = forwardRef(function PaginationContent({ className, ...props }, ref) {
|
|
30
|
+
return (_jsx("ol", { ref: ref, className: cn('flex flex-row items-center gap-1', className), style: { listStyleType: 'none', paddingInlineStart: 0 }, ...props }));
|
|
31
|
+
});
|
|
32
|
+
export const PaginationItem = forwardRef(function PaginationItem({ className, ...props }, ref) {
|
|
33
|
+
return _jsx("li", { ref: ref, className: cn(className), ...props });
|
|
34
|
+
});
|
|
35
|
+
/* ------------------------------------------------------------------ */
|
|
36
|
+
/* PaginationLink (button for page numbers) */
|
|
37
|
+
/* ------------------------------------------------------------------ */
|
|
38
|
+
export const paginationLinkVariants = cva('inline-flex items-center justify-center rounded-md text-sm font-medium ' +
|
|
39
|
+
'transition-colors duration-150 ' +
|
|
40
|
+
'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ' +
|
|
41
|
+
'disabled:pointer-events-none disabled:opacity-50', {
|
|
42
|
+
variants: {
|
|
43
|
+
isActive: {
|
|
44
|
+
true: 'bg-primary text-primary-foreground',
|
|
45
|
+
false: 'hover:bg-muted',
|
|
46
|
+
},
|
|
47
|
+
size: {
|
|
48
|
+
sm: 'h-8 min-w-8',
|
|
49
|
+
md: 'h-9 min-w-9',
|
|
50
|
+
lg: 'h-10 min-w-10',
|
|
51
|
+
},
|
|
52
|
+
},
|
|
53
|
+
defaultVariants: {
|
|
54
|
+
isActive: false,
|
|
55
|
+
size: 'md',
|
|
56
|
+
},
|
|
57
|
+
});
|
|
58
|
+
export const PaginationLink = forwardRef(function PaginationLink({ className, isActive, size, children, ...props }, ref) {
|
|
59
|
+
return (_jsx("button", { ref: ref, type: "button", "aria-current": isActive ? 'page' : undefined, className: cn(paginationLinkVariants({ isActive, size }), className), ...props, children: children }));
|
|
60
|
+
});
|
|
61
|
+
export const PaginationPrevious = forwardRef(function PaginationPrevious({ className, size, ...props }, ref) {
|
|
62
|
+
return (_jsxs("button", { ref: ref, type: "button", "aria-label": "Go to previous page", className: cn(paginationLinkVariants({ isActive: false, size }), 'gap-1 pl-2.5', className), ...props, children: [_jsx(ChevronLeftIcon, {}), _jsx("span", { children: "Previous" })] }));
|
|
63
|
+
});
|
|
64
|
+
export const PaginationNext = forwardRef(function PaginationNext({ className, size, ...props }, ref) {
|
|
65
|
+
return (_jsxs("button", { ref: ref, type: "button", "aria-label": "Go to next page", className: cn(paginationLinkVariants({ isActive: false, size }), 'gap-1 pr-2.5', className), ...props, children: [_jsx("span", { children: "Next" }), _jsx(ChevronRightIcon, {})] }));
|
|
66
|
+
});
|
|
67
|
+
export const PaginationEllipsis = forwardRef(function PaginationEllipsis({ className, ...props }, ref) {
|
|
68
|
+
return (_jsxs("span", { ref: ref, "aria-hidden": "true", className: cn('flex h-9 w-9 items-center justify-center', className), ...props, children: ["\u2026", _jsx("span", { className: "sr-only", children: "More pages" })] }));
|
|
69
|
+
});
|
|
70
|
+
/* ------------------------------------------------------------------ */
|
|
71
|
+
/* Inline chevron icons */
|
|
72
|
+
/* ------------------------------------------------------------------ */
|
|
73
|
+
function ChevronLeftIcon() {
|
|
74
|
+
return (_jsx("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: "m15 18-6-6 6-6" }) }));
|
|
75
|
+
}
|
|
76
|
+
function ChevronRightIcon() {
|
|
77
|
+
return (_jsx("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: "m9 18 6-6-6-6" }) }));
|
|
78
|
+
}
|
|
79
|
+
//# sourceMappingURL=Pagination.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../src/Pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Pagination (React Native variant).
|
|
3
|
+
*
|
|
4
|
+
* Horizontal row of page navigation buttons using View, Text, Pressable.
|
|
5
|
+
* Same composable API as the web variant.
|
|
6
|
+
*
|
|
7
|
+
* Wiki: docs/components/Pagination.md
|
|
8
|
+
*/
|
|
9
|
+
import { type ReactNode } from 'react';
|
|
10
|
+
import { View, type PressableProps, type ViewProps } from 'react-native';
|
|
11
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
12
|
+
export interface PaginationProps extends Omit<ViewProps, 'style'> {
|
|
13
|
+
className?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<View>>;
|
|
16
|
+
export interface PaginationContentProps extends Omit<ViewProps, 'style'> {
|
|
17
|
+
className?: string;
|
|
18
|
+
}
|
|
19
|
+
export declare const PaginationContent: import("react").ForwardRefExoticComponent<PaginationContentProps & import("react").RefAttributes<View>>;
|
|
20
|
+
export interface PaginationItemProps extends Omit<ViewProps, 'style'> {
|
|
21
|
+
className?: string;
|
|
22
|
+
}
|
|
23
|
+
export declare const PaginationItem: import("react").ForwardRefExoticComponent<PaginationItemProps & import("react").RefAttributes<View>>;
|
|
24
|
+
export declare const paginationLinkVariants: (props?: ({
|
|
25
|
+
isActive?: boolean | null | undefined;
|
|
26
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
27
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
28
|
+
export interface PaginationLinkProps extends Omit<PressableProps, 'style'>, VariantProps<typeof paginationLinkVariants> {
|
|
29
|
+
isActive?: boolean;
|
|
30
|
+
children?: ReactNode;
|
|
31
|
+
className?: string;
|
|
32
|
+
}
|
|
33
|
+
export declare const PaginationLink: import("react").ForwardRefExoticComponent<PaginationLinkProps & import("react").RefAttributes<View>>;
|
|
34
|
+
export interface PaginationPreviousProps extends Omit<PressableProps, 'style'> {
|
|
35
|
+
size?: 'sm' | 'md' | 'lg';
|
|
36
|
+
className?: string;
|
|
37
|
+
}
|
|
38
|
+
export declare const PaginationPrevious: import("react").ForwardRefExoticComponent<PaginationPreviousProps & import("react").RefAttributes<View>>;
|
|
39
|
+
export interface PaginationNextProps extends Omit<PressableProps, 'style'> {
|
|
40
|
+
size?: 'sm' | 'md' | 'lg';
|
|
41
|
+
className?: string;
|
|
42
|
+
}
|
|
43
|
+
export declare const PaginationNext: import("react").ForwardRefExoticComponent<PaginationNextProps & import("react").RefAttributes<View>>;
|
|
44
|
+
export interface PaginationEllipsisProps extends Omit<ViewProps, 'style'> {
|
|
45
|
+
className?: string;
|
|
46
|
+
}
|
|
47
|
+
export declare const PaginationEllipsis: import("react").ForwardRefExoticComponent<PaginationEllipsisProps & import("react").RefAttributes<View>>;
|
|
48
|
+
//# sourceMappingURL=Pagination.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pagination.native.d.ts","sourceRoot":"","sources":["../src/Pagination.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAGL,IAAI,EACJ,KAAK,cAAc,EAEnB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAOlE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,kGAcrB,CAAC;AAMH,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,yGAU7B,CAAC;AAMF,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,sGAI1B,CAAC;AAMF,eAAO,MAAM,sBAAsB;;;8EAmBlC,CAAC;AAEF,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,EACnC,YAAY,CAAC,OAAO,sBAAsB,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,sGAqB1B,CAAC;AAMF,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IAC5E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,0GAmB9B,CAAC;AAMF,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IACxE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,sGAmB1B,CAAC;AAMF,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,0GAc9B,CAAC"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Pagination (React Native variant).
|
|
4
|
+
*
|
|
5
|
+
* Horizontal row of page navigation buttons using View, Text, Pressable.
|
|
6
|
+
* Same composable API as the web variant.
|
|
7
|
+
*
|
|
8
|
+
* Wiki: docs/components/Pagination.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 Pagination = forwardRef(function Pagination({ className, ...props }, ref) {
|
|
15
|
+
return (_jsx(View, { ref: ref, accessible: true, accessibilityRole: "none", accessibilityLabel: "Pagination", className: cn('flex-row justify-center', className), ...props }));
|
|
16
|
+
});
|
|
17
|
+
export const PaginationContent = forwardRef(function PaginationContent({ className, ...props }, ref) {
|
|
18
|
+
return (_jsx(View, { ref: ref, className: cn('flex-row items-center gap-1', className), ...props }));
|
|
19
|
+
});
|
|
20
|
+
export const PaginationItem = forwardRef(function PaginationItem({ className, ...props }, ref) {
|
|
21
|
+
return _jsx(View, { ref: ref, className: cn(className), ...props });
|
|
22
|
+
});
|
|
23
|
+
/* ------------------------------------------------------------------ */
|
|
24
|
+
/* PaginationLink (Pressable for page numbers) */
|
|
25
|
+
/* ------------------------------------------------------------------ */
|
|
26
|
+
export const paginationLinkVariants = cva('items-center justify-center rounded-md', {
|
|
27
|
+
variants: {
|
|
28
|
+
isActive: {
|
|
29
|
+
true: 'bg-accent',
|
|
30
|
+
false: '',
|
|
31
|
+
},
|
|
32
|
+
size: {
|
|
33
|
+
sm: 'h-8 min-w-[32px]',
|
|
34
|
+
md: 'h-9 min-w-[36px]',
|
|
35
|
+
lg: 'h-10 min-w-[40px]',
|
|
36
|
+
},
|
|
37
|
+
},
|
|
38
|
+
defaultVariants: {
|
|
39
|
+
isActive: false,
|
|
40
|
+
size: 'md',
|
|
41
|
+
},
|
|
42
|
+
});
|
|
43
|
+
export const PaginationLink = forwardRef(function PaginationLink({ className, isActive, size, children, ...props }, ref) {
|
|
44
|
+
return (_jsx(Pressable, { ref: ref, accessibilityRole: "button", accessibilityState: { selected: !!isActive }, className: cn(paginationLinkVariants({ isActive, size }), className), ...props, children: _jsx(Text, { className: cn('text-sm font-medium', isActive ? 'text-accent-foreground' : 'text-foreground'), children: children }) }));
|
|
45
|
+
});
|
|
46
|
+
export const PaginationPrevious = forwardRef(function PaginationPrevious({ className, size, ...props }, ref) {
|
|
47
|
+
return (_jsxs(Pressable, { ref: ref, accessibilityRole: "button", accessibilityLabel: "Go to previous page", className: cn(paginationLinkVariants({ isActive: false, size }), 'flex-row gap-1 pl-2.5', className), ...props, children: [_jsx(Text, { className: "text-sm text-foreground", children: "\u2039" }), _jsx(Text, { className: "text-sm font-medium text-foreground", children: "Previous" })] }));
|
|
48
|
+
});
|
|
49
|
+
export const PaginationNext = forwardRef(function PaginationNext({ className, size, ...props }, ref) {
|
|
50
|
+
return (_jsxs(Pressable, { ref: ref, accessibilityRole: "button", accessibilityLabel: "Go to next page", className: cn(paginationLinkVariants({ isActive: false, size }), 'flex-row gap-1 pr-2.5', className), ...props, children: [_jsx(Text, { className: "text-sm font-medium text-foreground", children: "Next" }), _jsx(Text, { className: "text-sm text-foreground", children: "\u203A" })] }));
|
|
51
|
+
});
|
|
52
|
+
export const PaginationEllipsis = forwardRef(function PaginationEllipsis({ className, ...props }, ref) {
|
|
53
|
+
return (_jsx(View, { ref: ref, accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", className: cn('h-9 w-9 items-center justify-center', className), ...props, children: _jsx(Text, { className: "text-sm text-muted-foreground", children: "\u2026" }) }));
|
|
54
|
+
});
|
|
55
|
+
//# sourceMappingURL=Pagination.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pagination.native.js","sourceRoot":"","sources":["../src/Pagination.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AACnD,OAAO,EACL,SAAS,EACT,IAAI,EACJ,IAAI,GAIL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAUtC,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAwB,SAAS,UAAU,CAC7E,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACvB,GAAG;IAEH,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,UAAU,QACV,iBAAiB,EAAC,MAAM,EACxB,kBAAkB,EAAC,YAAY,EAC/B,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,KAC/C,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAUH,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CACzC,SAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACrD,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAUF,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAClD,OAAO,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACjE,CAAC,CACF,CAAC;AAEF,wEAAwE;AACxE,wEAAwE;AACxE,wEAAwE;AAExE,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CACvC,wCAAwC,EACxC;IACE,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,EAAE;SACV;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,kBAAkB;YACtB,EAAE,EAAE,kBAAkB;YACtB,EAAE,EAAE,mBAAmB;SACxB;KACF;IACD,eAAe,EAAE;QACf,QAAQ,EAAE,KAAK;QACf,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AAUF,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC5E,OAAO,CACL,KAAC,SAAS,IACR,GAAG,EAAE,GAAY,EACjB,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,EAC5C,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAChE,KAAK,YAET,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,iBAAiB,CACxD,YAEA,QAAQ,GACJ,GACG,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAWF,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAC1C,SAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC5D,OAAO,CACL,MAAC,SAAS,IACR,GAAG,EAAE,GAAY,EACjB,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAC,qBAAqB,EACxC,SAAS,EAAE,EAAE,CACX,sBAAsB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EACjD,uBAAuB,EACvB,SAAS,CACV,KACG,KAAK,aAET,KAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,uBAAS,EAClD,KAAC,IAAI,IAAC,SAAS,EAAC,qCAAqC,yBAAgB,IAC3D,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAWF,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACxD,OAAO,CACL,MAAC,SAAS,IACR,GAAG,EAAE,GAAY,EACjB,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAC,iBAAiB,EACpC,SAAS,EAAE,EAAE,CACX,sBAAsB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EACjD,uBAAuB,EACvB,SAAS,CACV,KACG,KAAK,aAET,KAAC,IAAI,IAAC,SAAS,EAAC,qCAAqC,qBAAY,EACjE,KAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,uBAAS,IACxC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAUF,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAC1C,SAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACtD,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,2BAA2B,QAC3B,yBAAyB,EAAC,qBAAqB,EAC/C,SAAS,EAAE,EAAE,CAAC,qCAAqC,EAAE,SAAS,CAAC,KAC3D,KAAK,YAET,KAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,uBAAS,GACnD,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Popover (web variant — React DOM).
|
|
3
|
+
*
|
|
4
|
+
* Click-triggered floating panel anchored to a trigger element.
|
|
5
|
+
* Composes the shared Popper positioning primitive so floating-layer
|
|
6
|
+
* behavior stays consistent across Popover, Tooltip, Select, and menus.
|
|
7
|
+
*
|
|
8
|
+
* <Popover open={open} onOpenChange={setOpen}>
|
|
9
|
+
* <PopoverTrigger>
|
|
10
|
+
* <Button>Open</Button>
|
|
11
|
+
* </PopoverTrigger>
|
|
12
|
+
* <PopoverContent>
|
|
13
|
+
* <p>Popover body</p>
|
|
14
|
+
* </PopoverContent>
|
|
15
|
+
* </Popover>
|
|
16
|
+
*
|
|
17
|
+
* Wiki: docs/components/Popover.md
|
|
18
|
+
*/
|
|
19
|
+
import { type HTMLAttributes, type ReactElement, type ReactNode } from 'react';
|
|
20
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
21
|
+
import { type PopperStrategy } from './Popper.js';
|
|
22
|
+
export interface PopoverProps {
|
|
23
|
+
open?: boolean | undefined;
|
|
24
|
+
defaultOpen?: boolean | undefined;
|
|
25
|
+
onOpenChange?: ((open: boolean) => void) | undefined;
|
|
26
|
+
children: ReactNode;
|
|
27
|
+
className?: string;
|
|
28
|
+
arrow?: boolean | undefined;
|
|
29
|
+
offset?: [number, number] | undefined;
|
|
30
|
+
strategy?: PopperStrategy | undefined;
|
|
31
|
+
portalled?: boolean | undefined;
|
|
32
|
+
align?: PopoverAlign | undefined;
|
|
33
|
+
matchReferenceWidth?: boolean | undefined;
|
|
34
|
+
}
|
|
35
|
+
type PopoverSide = 'top' | 'bottom' | 'left' | 'right';
|
|
36
|
+
type PopoverAlign = 'start' | 'center' | 'end';
|
|
37
|
+
export declare function Popover({ open, defaultOpen, onOpenChange, children, className, arrow, offset, strategy, portalled, align: defaultAlign, matchReferenceWidth, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
export interface PopoverTriggerProps {
|
|
39
|
+
children: ReactElement;
|
|
40
|
+
}
|
|
41
|
+
/**
|
|
42
|
+
* Delegates to PopperTrigger, which clones its single child and merges
|
|
43
|
+
* trigger props onto it. This avoids nesting a `<button>` inside a
|
|
44
|
+
* `<button>` when the child is already a Button.
|
|
45
|
+
*/
|
|
46
|
+
export declare function PopoverTrigger({ children }: PopoverTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
47
|
+
export declare const popoverContentVariants: (props?: ({
|
|
48
|
+
size?: "auto" | "sm" | "md" | "lg" | null | undefined;
|
|
49
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
50
|
+
export interface PopoverContentProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof popoverContentVariants> {
|
|
51
|
+
side?: PopoverSide | undefined;
|
|
52
|
+
align?: PopoverAlign | undefined;
|
|
53
|
+
arrowClassName?: string | undefined;
|
|
54
|
+
}
|
|
55
|
+
export declare const PopoverContent: import("react").ForwardRefExoticComponent<PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
56
|
+
export {};
|
|
57
|
+
//# sourceMappingURL=Popover.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAML,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAKL,KAAK,cAAc,EACpB,MAAM,aAAa,CAAC;AAmBrB,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACrD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;IACtC,QAAQ,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,KAAK,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACjC,mBAAmB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC3C;AAED,KAAK,WAAW,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AACvD,KAAK,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE/C,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,KAAa,EACb,MAAe,EACf,QAAQ,EACR,SAAS,EACT,KAAK,EAAE,YAAuB,EAC9B,mBAA2B,GAC5B,EAAE,YAAY,2CAsBd;AAID,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAE/D;AAID,eAAO,MAAM,sBAAsB;;8EAalC,CAAC;AAEF,MAAM,WAAW,mBACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,YAAY,CAAC,OAAO,sBAAsB,CAAC;IAC7C,IAAI,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC;AAED,eAAO,MAAM,cAAc,gHAmB1B,CAAC"}
|
package/dist/Popover.js
ADDED
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
/**
|
|
4
|
+
* Popover (web variant — React DOM).
|
|
5
|
+
*
|
|
6
|
+
* Click-triggered floating panel anchored to a trigger element.
|
|
7
|
+
* Composes the shared Popper positioning primitive so floating-layer
|
|
8
|
+
* behavior stays consistent across Popover, Tooltip, Select, and menus.
|
|
9
|
+
*
|
|
10
|
+
* <Popover open={open} onOpenChange={setOpen}>
|
|
11
|
+
* <PopoverTrigger>
|
|
12
|
+
* <Button>Open</Button>
|
|
13
|
+
* </PopoverTrigger>
|
|
14
|
+
* <PopoverContent>
|
|
15
|
+
* <p>Popover body</p>
|
|
16
|
+
* </PopoverContent>
|
|
17
|
+
* </Popover>
|
|
18
|
+
*
|
|
19
|
+
* Wiki: docs/components/Popover.md
|
|
20
|
+
*/
|
|
21
|
+
import { createContext, forwardRef, useContext, useEffect, useState, } from 'react';
|
|
22
|
+
import { cva } from 'class-variance-authority';
|
|
23
|
+
import { cn } from './internal/cn.js';
|
|
24
|
+
import { Popper, PopperContent, PopperTrigger, } from './Popper.js';
|
|
25
|
+
const PopoverContext = createContext(null);
|
|
26
|
+
function usePopoverContext() {
|
|
27
|
+
const ctx = useContext(PopoverContext);
|
|
28
|
+
if (!ctx)
|
|
29
|
+
throw new Error('Popover compound components must be used within <Popover>');
|
|
30
|
+
return ctx;
|
|
31
|
+
}
|
|
32
|
+
export function Popover({ open, defaultOpen, onOpenChange, children, className, arrow = false, offset = [0, 8], strategy, portalled, align: defaultAlign = 'center', matchReferenceWidth = false, }) {
|
|
33
|
+
const [side, setSide] = useState('bottom');
|
|
34
|
+
const [align, setAlign] = useState(defaultAlign);
|
|
35
|
+
const placement = sideToPlacement(side, align);
|
|
36
|
+
return (_jsx(Popper, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, placement: placement, arrow: arrow, offset: offset, ...(strategy ? { strategy } : {}), ...(portalled !== undefined ? { portalled } : {}), matchReferenceWidth: matchReferenceWidth, children: _jsx(PopoverContext.Provider, { value: { setSide, setAlign }, children: _jsx("div", { className: cn('inline-flex', className), children: children }) }) }));
|
|
37
|
+
}
|
|
38
|
+
/**
|
|
39
|
+
* Delegates to PopperTrigger, which clones its single child and merges
|
|
40
|
+
* trigger props onto it. This avoids nesting a `<button>` inside a
|
|
41
|
+
* `<button>` when the child is already a Button.
|
|
42
|
+
*/
|
|
43
|
+
export function PopoverTrigger({ children }) {
|
|
44
|
+
return _jsx(PopperTrigger, { children: children });
|
|
45
|
+
}
|
|
46
|
+
/* ── Content ────────────────────────────────────────────────────────── */
|
|
47
|
+
export const popoverContentVariants = cva('rounded-xl border border-border bg-card p-4 shadow-lg animate-dropdown-in', {
|
|
48
|
+
variants: {
|
|
49
|
+
size: {
|
|
50
|
+
sm: 'w-56',
|
|
51
|
+
md: 'w-72',
|
|
52
|
+
lg: 'w-96',
|
|
53
|
+
auto: 'w-auto',
|
|
54
|
+
},
|
|
55
|
+
},
|
|
56
|
+
defaultVariants: { size: 'md' },
|
|
57
|
+
});
|
|
58
|
+
export const PopoverContent = forwardRef(function PopoverContent({ className, side = 'bottom', align = 'center', size, arrowClassName, ...props }, ref) {
|
|
59
|
+
const ctx = usePopoverContext();
|
|
60
|
+
useEffect(() => {
|
|
61
|
+
ctx.setSide(side);
|
|
62
|
+
ctx.setAlign(align);
|
|
63
|
+
}, [align, ctx, side]);
|
|
64
|
+
return (_jsx(PopperContent, { ref: ref, size: size, arrowClassName: arrowClassName, className: cn(popoverContentVariants({ size }), className), ...props }));
|
|
65
|
+
});
|
|
66
|
+
function sideToPlacement(side, align) {
|
|
67
|
+
if (align === 'center')
|
|
68
|
+
return side;
|
|
69
|
+
return `${side}-${align}`;
|
|
70
|
+
}
|
|
71
|
+
//# sourceMappingURL=Popover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Popover (React Native variant).
|
|
3
|
+
*
|
|
4
|
+
* Renders a `Modal` overlay anchored to a trigger. On native, the
|
|
5
|
+
* popover appears centered (no anchor positioning) with a transparent
|
|
6
|
+
* backdrop to dismiss.
|
|
7
|
+
*
|
|
8
|
+
* <Popover open={open} onOpenChange={setOpen}>
|
|
9
|
+
* <PopoverTrigger>
|
|
10
|
+
* <Button>Open</Button>
|
|
11
|
+
* </PopoverTrigger>
|
|
12
|
+
* <PopoverContent>
|
|
13
|
+
* <Text>Popover body</Text>
|
|
14
|
+
* </PopoverContent>
|
|
15
|
+
* </Popover>
|
|
16
|
+
*
|
|
17
|
+
* Wiki: docs/components/Popover.md
|
|
18
|
+
*/
|
|
19
|
+
import { type ReactElement, type ReactNode } from 'react';
|
|
20
|
+
import { View, type ViewProps } from 'react-native';
|
|
21
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
22
|
+
type ClassedViewProps = Omit<ViewProps, 'style'> & {
|
|
23
|
+
className?: string;
|
|
24
|
+
};
|
|
25
|
+
export interface PopoverProps {
|
|
26
|
+
open: boolean;
|
|
27
|
+
onOpenChange: (open: boolean) => void;
|
|
28
|
+
children: ReactNode;
|
|
29
|
+
className?: string;
|
|
30
|
+
}
|
|
31
|
+
export declare function Popover({ open, onOpenChange, children, className }: PopoverProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
export interface PopoverTriggerProps {
|
|
33
|
+
children: ReactElement;
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* Clones its single child element and merges onPress onto it.
|
|
37
|
+
* Avoids wrapping in a `Pressable` which would nest touchable elements.
|
|
38
|
+
*/
|
|
39
|
+
export declare function PopoverTrigger({ children }: PopoverTriggerProps): ReactElement<Record<string, unknown>, string | import("react").JSXElementConstructor<any>>;
|
|
40
|
+
export declare const popoverContentVariants: (props?: ({
|
|
41
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
42
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
43
|
+
export interface PopoverContentProps extends ClassedViewProps, VariantProps<typeof popoverContentVariants> {
|
|
44
|
+
side?: 'top' | 'bottom';
|
|
45
|
+
}
|
|
46
|
+
export declare const PopoverContent: import("react").ForwardRefExoticComponent<PopoverContentProps & import("react").RefAttributes<View>>;
|
|
47
|
+
export {};
|
|
48
|
+
//# sourceMappingURL=Popover.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.native.d.ts","sourceRoot":"","sources":["../src/Popover.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAML,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAoB,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,KAAK,gBAAgB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAmB1E,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,YAAY,2CAMhF;AAID,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,8FAW/D;AAID,eAAO,MAAM,sBAAsB;;8EAYlC,CAAC;AAEF,MAAM,WAAW,mBACf,SAAQ,gBAAgB,EACtB,YAAY,CAAC,OAAO,sBAAsB,CAAC;IAC7C,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CACzB;AAED,eAAO,MAAM,cAAc,sGA4B1B,CAAC"}
|