@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,62 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Dialog (React Native variant).
|
|
4
|
+
*
|
|
5
|
+
* Uses RN `<Modal>` as the overlay. Same composable API as web:
|
|
6
|
+
*
|
|
7
|
+
* <Dialog open={open} onOpenChange={setOpen}>
|
|
8
|
+
* <DialogContent>
|
|
9
|
+
* <DialogHeader>
|
|
10
|
+
* <DialogTitle>Edit profile</DialogTitle>
|
|
11
|
+
* <DialogDescription>Make changes…</DialogDescription>
|
|
12
|
+
* </DialogHeader>
|
|
13
|
+
* <DialogBody>…</DialogBody>
|
|
14
|
+
* <DialogFooter>…</DialogFooter>
|
|
15
|
+
* </DialogContent>
|
|
16
|
+
* </Dialog>
|
|
17
|
+
*
|
|
18
|
+
* Wiki: docs/components/Dialog.md
|
|
19
|
+
*/
|
|
20
|
+
import { forwardRef } from 'react';
|
|
21
|
+
import { Modal, Pressable, ScrollView, Text, View, } from 'react-native';
|
|
22
|
+
import { cva } from 'class-variance-authority';
|
|
23
|
+
import { cn } from './internal/cn.js';
|
|
24
|
+
export function Dialog({ open, onOpenChange, children }) {
|
|
25
|
+
return (_jsx(Modal, { visible: open, transparent: true, animationType: "fade", onRequestClose: () => onOpenChange(false), statusBarTranslucent: true, children: _jsx(Pressable, { onPress: () => onOpenChange(false), className: "flex-1 items-center justify-center bg-black/50", accessibilityRole: "none", children: _jsx(Pressable, { onPress: (e) => e.stopPropagation(), children: children }) }) }));
|
|
26
|
+
}
|
|
27
|
+
/* ── Content panel ──────────────────────────────────────────────────── */
|
|
28
|
+
export const dialogContentVariants = cva('rounded-xl border border-border bg-card', {
|
|
29
|
+
variants: {
|
|
30
|
+
size: {
|
|
31
|
+
sm: 'w-80',
|
|
32
|
+
md: 'w-96',
|
|
33
|
+
lg: 'w-[480px]',
|
|
34
|
+
xl: 'w-[600px]',
|
|
35
|
+
full: 'w-full',
|
|
36
|
+
},
|
|
37
|
+
},
|
|
38
|
+
defaultVariants: { size: 'md' },
|
|
39
|
+
});
|
|
40
|
+
export const DialogContent = forwardRef(function DialogContent({ className, size, ...props }, ref) {
|
|
41
|
+
return (_jsx(View, { ref: ref, className: cn(dialogContentVariants({ size }), className), ...props }));
|
|
42
|
+
});
|
|
43
|
+
export const DialogClose = forwardRef(function DialogClose({ className, onClose, ...props }, ref) {
|
|
44
|
+
return (_jsx(Pressable, { ref: ref, onPress: onClose, accessibilityRole: "button", accessibilityLabel: "Close", className: cn('absolute right-4 top-4 p-1 opacity-60', className), ...props, children: _jsx(Text, { className: "text-foreground text-base", children: "\u2715" }) }));
|
|
45
|
+
});
|
|
46
|
+
/* ── Layout helpers ─────────────────────────────────────────────────── */
|
|
47
|
+
export const DialogHeader = forwardRef(function DialogHeader({ className, ...props }, ref) {
|
|
48
|
+
return (_jsx(View, { ref: ref, className: cn('gap-1.5 p-6 pb-0', className), ...props }));
|
|
49
|
+
});
|
|
50
|
+
export const DialogBody = forwardRef(function DialogBody({ className, children, ...props }, ref) {
|
|
51
|
+
return (_jsx(ScrollView, { ref: ref, className: cn('p-6', className), ...props, children: children }));
|
|
52
|
+
});
|
|
53
|
+
export const DialogFooter = forwardRef(function DialogFooter({ className, ...props }, ref) {
|
|
54
|
+
return (_jsx(View, { ref: ref, className: cn('flex-row items-center justify-end gap-2 p-6 pt-0', className), ...props }));
|
|
55
|
+
});
|
|
56
|
+
export const DialogTitle = forwardRef(function DialogTitle({ className, ...props }, ref) {
|
|
57
|
+
return (_jsx(Text, { ref: ref, accessibilityRole: "header", className: cn('text-lg font-semibold leading-tight text-foreground', className), ...props }));
|
|
58
|
+
});
|
|
59
|
+
export const DialogDescription = forwardRef(function DialogDescription({ className, ...props }, ref) {
|
|
60
|
+
return (_jsx(Text, { ref: ref, className: cn('text-sm text-muted-foreground', className), ...props }));
|
|
61
|
+
});
|
|
62
|
+
//# sourceMappingURL=Dialog.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dialog.native.js","sourceRoot":"","sources":["../src/Dialog.native.tsx"],"names":[],"mappings":"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"}
|
package/dist/Drawer.d.ts
ADDED
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Drawer (web variant — React DOM).
|
|
3
|
+
*
|
|
4
|
+
* A mobile-friendly bottom sheet / drawer powered by `vaul`.
|
|
5
|
+
*
|
|
6
|
+
* <Drawer open={open} onOpenChange={setOpen}>
|
|
7
|
+
* <DrawerTrigger asChild>
|
|
8
|
+
* <Button>Open</Button>
|
|
9
|
+
* </DrawerTrigger>
|
|
10
|
+
* <DrawerContent>
|
|
11
|
+
* <DrawerHeader>
|
|
12
|
+
* <DrawerTitle>Settings</DrawerTitle>
|
|
13
|
+
* <DrawerDescription>Adjust preferences.</DrawerDescription>
|
|
14
|
+
* </DrawerHeader>
|
|
15
|
+
* <div className="p-4">…body…</div>
|
|
16
|
+
* <DrawerFooter>
|
|
17
|
+
* <Button onClick={() => setOpen(false)}>Done</Button>
|
|
18
|
+
* </DrawerFooter>
|
|
19
|
+
* </DrawerContent>
|
|
20
|
+
* </Drawer>
|
|
21
|
+
*
|
|
22
|
+
* Wiki: docs/components/Drawer.md
|
|
23
|
+
*/
|
|
24
|
+
import { type ComponentPropsWithoutRef } from 'react';
|
|
25
|
+
import { Drawer as DrawerPrimitive } from 'vaul';
|
|
26
|
+
export declare function Drawer({ shouldScaleBackground, ...props }: ComponentPropsWithoutRef<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export declare const DrawerTrigger: typeof DrawerPrimitive.Trigger;
|
|
28
|
+
export declare const DrawerPortal: typeof DrawerPrimitive.Portal;
|
|
29
|
+
export declare const DrawerClose: typeof DrawerPrimitive.Close;
|
|
30
|
+
export declare function DrawerOverlay({ className, ...props }: ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
export declare function DrawerContent({ className, children, ...props }: ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
export declare function DrawerHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
export declare function DrawerFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export declare function DrawerTitle({ className, ...props }: ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
export declare function DrawerDescription({ className, ...props }: ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
//# sourceMappingURL=Drawer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../src/Drawer.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAC;AAKjD,wBAAgB,MAAM,CAAC,EACrB,qBAA4B,EAC5B,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEvD;AAED,eAAO,MAAM,aAAa,EAAE,OAAO,eAAe,CAAC,OAAiC,CAAC;AACrF,eAAO,MAAM,YAAY,EAAE,OAAO,eAAe,CAAC,MAA+B,CAAC;AAClF,eAAO,MAAM,WAAW,EAAE,OAAO,eAAe,CAAC,KAA6B,CAAC;AAI/E,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAO1D;AAID,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAkB1D;AAID,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,2CAIzF;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,2CAIzF;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAOxD;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAO9D"}
|
package/dist/Drawer.js
ADDED
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
/**
|
|
4
|
+
* Drawer (web variant — React DOM).
|
|
5
|
+
*
|
|
6
|
+
* A mobile-friendly bottom sheet / drawer powered by `vaul`.
|
|
7
|
+
*
|
|
8
|
+
* <Drawer open={open} onOpenChange={setOpen}>
|
|
9
|
+
* <DrawerTrigger asChild>
|
|
10
|
+
* <Button>Open</Button>
|
|
11
|
+
* </DrawerTrigger>
|
|
12
|
+
* <DrawerContent>
|
|
13
|
+
* <DrawerHeader>
|
|
14
|
+
* <DrawerTitle>Settings</DrawerTitle>
|
|
15
|
+
* <DrawerDescription>Adjust preferences.</DrawerDescription>
|
|
16
|
+
* </DrawerHeader>
|
|
17
|
+
* <div className="p-4">…body…</div>
|
|
18
|
+
* <DrawerFooter>
|
|
19
|
+
* <Button onClick={() => setOpen(false)}>Done</Button>
|
|
20
|
+
* </DrawerFooter>
|
|
21
|
+
* </DrawerContent>
|
|
22
|
+
* </Drawer>
|
|
23
|
+
*
|
|
24
|
+
* Wiki: docs/components/Drawer.md
|
|
25
|
+
*/
|
|
26
|
+
import {} from 'react';
|
|
27
|
+
import { Drawer as DrawerPrimitive } from 'vaul';
|
|
28
|
+
import { cn } from './internal/cn.js';
|
|
29
|
+
/* ── Root + composable re-exports ─────────────────────────────────── */
|
|
30
|
+
export function Drawer({ shouldScaleBackground = true, ...props }) {
|
|
31
|
+
return _jsx(DrawerPrimitive.Root, { shouldScaleBackground: shouldScaleBackground, ...props });
|
|
32
|
+
}
|
|
33
|
+
export const DrawerTrigger = DrawerPrimitive.Trigger;
|
|
34
|
+
export const DrawerPortal = DrawerPrimitive.Portal;
|
|
35
|
+
export const DrawerClose = DrawerPrimitive.Close;
|
|
36
|
+
/* ── Overlay ──────────────────────────────────────────────────────── */
|
|
37
|
+
export function DrawerOverlay({ className, ...props }) {
|
|
38
|
+
return (_jsx(DrawerPrimitive.Overlay, { className: cn('fixed inset-0 z-50 bg-black/80 animate-in fade-in-0', className), ...props }));
|
|
39
|
+
}
|
|
40
|
+
/* ── Content ──────────────────────────────────────────────────────── */
|
|
41
|
+
export function DrawerContent({ className, children, ...props }) {
|
|
42
|
+
return (_jsxs(DrawerPortal, { children: [_jsx(DrawerOverlay, {}), _jsxs(DrawerPrimitive.Content, { className: cn('fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col', 'rounded-t-xl border border-border bg-card', className), ...props, children: [_jsx("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted", "aria-hidden": "true" }), children] })] }));
|
|
43
|
+
}
|
|
44
|
+
/* ── Layout helpers ───────────────────────────────────────────────── */
|
|
45
|
+
export function DrawerHeader({ className, ...props }) {
|
|
46
|
+
return (_jsx("div", { className: cn('grid gap-1.5 p-4 text-center sm:text-left', className), ...props }));
|
|
47
|
+
}
|
|
48
|
+
export function DrawerFooter({ className, ...props }) {
|
|
49
|
+
return (_jsx("div", { className: cn('mt-auto flex flex-col gap-2 p-4', className), ...props }));
|
|
50
|
+
}
|
|
51
|
+
export function DrawerTitle({ className, ...props }) {
|
|
52
|
+
return (_jsx(DrawerPrimitive.Title, { className: cn('text-lg font-semibold leading-none tracking-tight text-foreground', className), ...props }));
|
|
53
|
+
}
|
|
54
|
+
export function DrawerDescription({ className, ...props }) {
|
|
55
|
+
return (_jsx(DrawerPrimitive.Description, { className: cn('text-sm text-muted-foreground', className), ...props }));
|
|
56
|
+
}
|
|
57
|
+
//# sourceMappingURL=Drawer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../src/Drawer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EAAiC,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,yEAAyE;AAEzE,MAAM,UAAU,MAAM,CAAC,EACrB,qBAAqB,GAAG,IAAI,EAC5B,GAAG,KAAK,EAC8C;IACtD,OAAO,KAAC,eAAe,CAAC,IAAI,IAAC,qBAAqB,EAAE,qBAAqB,KAAM,KAAK,GAAI,CAAC;AAC3F,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAmC,eAAe,CAAC,OAAO,CAAC;AACrF,MAAM,CAAC,MAAM,YAAY,GAAkC,eAAe,CAAC,MAAM,CAAC;AAClF,MAAM,CAAC,MAAM,WAAW,GAAiC,eAAe,CAAC,KAAK,CAAC;AAE/E,yEAAyE;AAEzE,MAAM,UAAU,aAAa,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACiD;IACzD,OAAO,CACL,KAAC,eAAe,CAAC,OAAO,IACtB,SAAS,EAAE,EAAE,CAAC,qDAAqD,EAAE,SAAS,CAAC,KAC3E,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,yEAAyE;AAEzE,MAAM,UAAU,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACiD;IACzD,OAAO,CACL,MAAC,YAAY,eACX,KAAC,aAAa,KAAG,EACjB,MAAC,eAAe,CAAC,OAAO,IACtB,SAAS,EAAE,EAAE,CACX,0DAA0D,EAC1D,2CAA2C,EAC3C,SAAS,CACV,KACG,KAAK,aAGT,cAAK,SAAS,EAAC,kDAAkD,iBAAa,MAAM,GAAG,EACtF,QAAQ,IACe,IACb,CAChB,CAAC;AACJ,CAAC;AAED,yEAAyE;AAEzE,MAAM,UAAU,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwC;IACxF,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC1F,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwC;IACxF,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAChF,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EAC+C;IACvD,OAAO,CACL,KAAC,eAAe,CAAC,KAAK,IACpB,SAAS,EAAE,EAAE,CAAC,mEAAmE,EAAE,SAAS,CAAC,KACzF,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACqD;IAC7D,OAAO,CACL,KAAC,eAAe,CAAC,WAAW,IAC1B,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Drawer (React Native variant).
|
|
3
|
+
*
|
|
4
|
+
* A bottom-sheet style drawer using Modal + animated slide-up.
|
|
5
|
+
* Same composable API as the web variant.
|
|
6
|
+
*
|
|
7
|
+
* Wiki: docs/components/Drawer.md
|
|
8
|
+
*/
|
|
9
|
+
import { type ReactNode } from 'react';
|
|
10
|
+
import { Text, View, type ViewProps, type TextProps } from 'react-native';
|
|
11
|
+
export interface DrawerProps {
|
|
12
|
+
open?: boolean;
|
|
13
|
+
onOpenChange?: (open: boolean) => void;
|
|
14
|
+
children: ReactNode;
|
|
15
|
+
}
|
|
16
|
+
export declare function Drawer({ open, onOpenChange, children }: DrawerProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare const DrawerTrigger: import("react").ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
|
|
18
|
+
className?: string;
|
|
19
|
+
} & {
|
|
20
|
+
asChild?: boolean;
|
|
21
|
+
children: ReactNode;
|
|
22
|
+
} & import("react").RefAttributes<View>>;
|
|
23
|
+
export declare const DrawerClose: import("react").ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
|
|
24
|
+
className?: string;
|
|
25
|
+
} & {
|
|
26
|
+
asChild?: boolean;
|
|
27
|
+
children: ReactNode;
|
|
28
|
+
} & import("react").RefAttributes<View>>;
|
|
29
|
+
export declare const DrawerPortal: ({ children }: {
|
|
30
|
+
children: ReactNode;
|
|
31
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
export declare const DrawerContent: import("react").ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
|
|
33
|
+
className?: string;
|
|
34
|
+
} & import("react").RefAttributes<View>>;
|
|
35
|
+
export declare const DrawerOverlay: import("react").ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
|
|
36
|
+
className?: string;
|
|
37
|
+
} & import("react").RefAttributes<View>>;
|
|
38
|
+
export declare const DrawerHeader: import("react").ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
|
|
39
|
+
className?: string;
|
|
40
|
+
} & import("react").RefAttributes<View>>;
|
|
41
|
+
export declare const DrawerFooter: import("react").ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
|
|
42
|
+
className?: string;
|
|
43
|
+
} & import("react").RefAttributes<View>>;
|
|
44
|
+
export declare const DrawerTitle: import("react").ForwardRefExoticComponent<Omit<TextProps, "style"> & {
|
|
45
|
+
className?: string;
|
|
46
|
+
} & import("react").RefAttributes<Text>>;
|
|
47
|
+
export declare const DrawerDescription: import("react").ForwardRefExoticComponent<Omit<TextProps, "style"> & {
|
|
48
|
+
className?: string;
|
|
49
|
+
} & import("react").RefAttributes<Text>>;
|
|
50
|
+
//# sourceMappingURL=Drawer.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Drawer.native.d.ts","sourceRoot":"","sources":["../src/Drawer.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAGL,IAAI,EACJ,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAQtB,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,MAAM,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAoBnE;AAID,eAAO,MAAM,aAAa;gBAnCuC,MAAM;;cAmCM,OAAO;cAAY,SAAS;wCAQxG,CAAC;AAEF,eAAO,MAAM,WAAW;gBA7CyC,MAAM;;cAmCM,OAAO;cAAY,SAAS;wCAUjE,CAAC;AACzC,eAAO,MAAM,YAAY,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAAoB,CAAC;AAIvF,eAAO,MAAM,aAAa;gBAlDuC,MAAM;wCAmEtE,CAAC;AAIF,eAAO,MAAM,aAAa;gBAvEuC,MAAM;wCA2EtE,CAAC;AAIF,eAAO,MAAM,YAAY;gBA/EwC,MAAM;wCAmFtE,CAAC;AAEF,eAAO,MAAM,YAAY;gBArFwC,MAAM;wCAyFtE,CAAC;AAEF,eAAO,MAAM,WAAW;gBA1FyC,MAAM;wCAqGtE,CAAC;AAEF,eAAO,MAAM,iBAAiB;gBAvGmC,MAAM;wCAiHtE,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Drawer (React Native variant).
|
|
4
|
+
*
|
|
5
|
+
* A bottom-sheet style drawer using Modal + animated slide-up.
|
|
6
|
+
* Same composable API as the web variant.
|
|
7
|
+
*
|
|
8
|
+
* Wiki: docs/components/Drawer.md
|
|
9
|
+
*/
|
|
10
|
+
import { forwardRef } from 'react';
|
|
11
|
+
import { Modal, Pressable, Text, View, } from 'react-native';
|
|
12
|
+
import { cn } from './internal/cn.js';
|
|
13
|
+
export function Drawer({ open, onOpenChange, children }) {
|
|
14
|
+
return (_jsx(Modal, { visible: open, transparent: true, animationType: "slide", onRequestClose: () => onOpenChange?.(false), statusBarTranslucent: true, children: _jsx(Pressable, { onPress: () => onOpenChange?.(false), className: "flex-1 justify-end bg-black/50", accessibilityRole: "none", children: _jsx(Pressable, { onPress: (e) => e.stopPropagation(), children: children }) }) }));
|
|
15
|
+
}
|
|
16
|
+
/* ── Trigger (passthrough on native) ──────────────────────────────── */
|
|
17
|
+
export const DrawerTrigger = forwardRef(function DrawerTrigger({ className, children, ...props }, ref) {
|
|
18
|
+
return (_jsx(View, { ref: ref, className: cn(className), ...props, children: children }));
|
|
19
|
+
});
|
|
20
|
+
export const DrawerClose = DrawerTrigger;
|
|
21
|
+
export const DrawerPortal = ({ children }) => _jsx(_Fragment, { children: children });
|
|
22
|
+
/* ── Content ──────────────────────────────────────────────────────── */
|
|
23
|
+
export const DrawerContent = forwardRef(function DrawerContent({ className, children, ...props }, ref) {
|
|
24
|
+
return (_jsxs(View, { ref: ref, className: cn('rounded-t-2xl border border-border bg-card pb-8', className), ...props, children: [_jsx(View, { className: "mx-auto mt-3 h-1.5 w-16 rounded-full bg-muted" }), children] }));
|
|
25
|
+
});
|
|
26
|
+
/* ── Overlay ──────────────────────────────────────────────────────── */
|
|
27
|
+
export const DrawerOverlay = forwardRef(function DrawerOverlay(props, ref) {
|
|
28
|
+
return _jsx(View, { ref: ref, ...props });
|
|
29
|
+
});
|
|
30
|
+
/* ── Layout helpers ───────────────────────────────────────────────── */
|
|
31
|
+
export const DrawerHeader = forwardRef(function DrawerHeader({ className, ...props }, ref) {
|
|
32
|
+
return _jsx(View, { ref: ref, className: cn('gap-1.5 p-4', className), ...props });
|
|
33
|
+
});
|
|
34
|
+
export const DrawerFooter = forwardRef(function DrawerFooter({ className, ...props }, ref) {
|
|
35
|
+
return _jsx(View, { ref: ref, className: cn('gap-2 p-4', className), ...props });
|
|
36
|
+
});
|
|
37
|
+
export const DrawerTitle = forwardRef(function DrawerTitle({ className, ...props }, ref) {
|
|
38
|
+
return (_jsx(Text, { ref: ref, accessibilityRole: "header", className: cn('text-lg font-semibold text-foreground', className), ...props }));
|
|
39
|
+
});
|
|
40
|
+
export const DrawerDescription = forwardRef(function DrawerDescription({ className, ...props }, ref) {
|
|
41
|
+
return (_jsx(Text, { ref: ref, className: cn('text-sm text-muted-foreground', className), ...props }));
|
|
42
|
+
});
|
|
43
|
+
//# sourceMappingURL=Drawer.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Drawer.native.js","sourceRoot":"","sources":["../src/Drawer.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* DropdownMenu (web variant — React DOM).
|
|
3
|
+
*
|
|
4
|
+
* A menu of actions triggered by a button click. Composable sub-components.
|
|
5
|
+
*
|
|
6
|
+
* Usage:
|
|
7
|
+
* <DropdownMenu open={open} onOpenChange={setOpen}>
|
|
8
|
+
* <DropdownMenuTrigger>Actions</DropdownMenuTrigger>
|
|
9
|
+
* <DropdownMenuContent>
|
|
10
|
+
* <DropdownMenuItem onClick={handleEdit}>Edit</DropdownMenuItem>
|
|
11
|
+
* <DropdownMenuSeparator />
|
|
12
|
+
* <DropdownMenuItem variant="destructive" onClick={handleDelete}>Delete</DropdownMenuItem>
|
|
13
|
+
* </DropdownMenuContent>
|
|
14
|
+
* </DropdownMenu>
|
|
15
|
+
*
|
|
16
|
+
* Controlled-only: pass `open` / `onOpenChange`.
|
|
17
|
+
* Keyboard: ArrowDown/Up navigate items, Enter/Space activates, Escape closes.
|
|
18
|
+
* WCAG 2.1 AA: role="menu" on content, role="menuitem" on items.
|
|
19
|
+
*
|
|
20
|
+
* Wiki: docs/components/DropdownMenu.md
|
|
21
|
+
*/
|
|
22
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
23
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
24
|
+
export interface DropdownMenuProps {
|
|
25
|
+
open: boolean;
|
|
26
|
+
onOpenChange: (open: boolean) => void;
|
|
27
|
+
children: ReactNode;
|
|
28
|
+
}
|
|
29
|
+
export declare function DropdownMenu({ open, onOpenChange, children }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
export interface DropdownMenuTriggerProps extends HTMLAttributes<HTMLButtonElement> {
|
|
31
|
+
disabled?: boolean | undefined;
|
|
32
|
+
}
|
|
33
|
+
export declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
34
|
+
export interface DropdownMenuContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
35
|
+
}
|
|
36
|
+
export declare const DropdownMenuContent: import("react").ForwardRefExoticComponent<DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
37
|
+
export declare const dropdownMenuItemVariants: (props?: ({
|
|
38
|
+
variant?: "default" | "destructive" | null | undefined;
|
|
39
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
40
|
+
export interface DropdownMenuItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick'>, VariantProps<typeof dropdownMenuItemVariants> {
|
|
41
|
+
disabled?: boolean | undefined;
|
|
42
|
+
onClick?: (() => void) | undefined;
|
|
43
|
+
}
|
|
44
|
+
export declare const DropdownMenuItem: import("react").ForwardRefExoticComponent<DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
45
|
+
export interface DropdownMenuGroupProps extends HTMLAttributes<HTMLDivElement> {
|
|
46
|
+
}
|
|
47
|
+
export declare const DropdownMenuGroup: import("react").ForwardRefExoticComponent<DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
48
|
+
export interface DropdownMenuLabelProps extends HTMLAttributes<HTMLDivElement> {
|
|
49
|
+
}
|
|
50
|
+
export declare const DropdownMenuLabel: import("react").ForwardRefExoticComponent<DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
51
|
+
export interface DropdownMenuSeparatorProps extends HTMLAttributes<HTMLHRElement> {
|
|
52
|
+
}
|
|
53
|
+
export declare const DropdownMenuSeparator: import("react").ForwardRefExoticComponent<DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLHRElement>>;
|
|
54
|
+
export interface DropdownMenuShortcutProps extends HTMLAttributes<HTMLSpanElement> {
|
|
55
|
+
}
|
|
56
|
+
export declare const DropdownMenuShortcut: import("react").ForwardRefExoticComponent<DropdownMenuShortcutProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
57
|
+
//# sourceMappingURL=DropdownMenu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../src/DropdownMenu.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAOL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAsBlE,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAkB/E;AAID,MAAM,WAAW,wBAAyB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IACjF,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,eAAO,MAAM,mBAAmB,wHAkE/B,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAEnF,eAAO,MAAM,mBAAmB,qHAqG/B,CAAC;AAIF,eAAO,MAAM,wBAAwB;;8EAgBpC,CAAC;AAEF,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,EACrD,YAAY,CAAC,OAAO,wBAAwB,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACpC;AAED,eAAO,MAAM,gBAAgB,kHAuC5B,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjF,eAAO,MAAM,iBAAiB,mHAI7B,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjF,eAAO,MAAM,iBAAiB,mHAU7B,CAAC;AAIF,MAAM,WAAW,0BAA2B,SAAQ,cAAc,CAAC,aAAa,CAAC;CAAG;AAEpF,eAAO,MAAM,qBAAqB,sHAUjC,CAAC;AAIF,MAAM,WAAW,yBAA0B,SAAQ,cAAc,CAAC,eAAe,CAAC;CAAG;AAErF,eAAO,MAAM,oBAAoB,uHAUhC,CAAC"}
|
|
@@ -0,0 +1,192 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
/**
|
|
4
|
+
* DropdownMenu (web variant — React DOM).
|
|
5
|
+
*
|
|
6
|
+
* A menu of actions triggered by a button click. Composable sub-components.
|
|
7
|
+
*
|
|
8
|
+
* Usage:
|
|
9
|
+
* <DropdownMenu open={open} onOpenChange={setOpen}>
|
|
10
|
+
* <DropdownMenuTrigger>Actions</DropdownMenuTrigger>
|
|
11
|
+
* <DropdownMenuContent>
|
|
12
|
+
* <DropdownMenuItem onClick={handleEdit}>Edit</DropdownMenuItem>
|
|
13
|
+
* <DropdownMenuSeparator />
|
|
14
|
+
* <DropdownMenuItem variant="destructive" onClick={handleDelete}>Delete</DropdownMenuItem>
|
|
15
|
+
* </DropdownMenuContent>
|
|
16
|
+
* </DropdownMenu>
|
|
17
|
+
*
|
|
18
|
+
* Controlled-only: pass `open` / `onOpenChange`.
|
|
19
|
+
* Keyboard: ArrowDown/Up navigate items, Enter/Space activates, Escape closes.
|
|
20
|
+
* WCAG 2.1 AA: role="menu" on content, role="menuitem" on items.
|
|
21
|
+
*
|
|
22
|
+
* Wiki: docs/components/DropdownMenu.md
|
|
23
|
+
*/
|
|
24
|
+
import { forwardRef, createContext, useContext, useCallback, useEffect, useRef, } from 'react';
|
|
25
|
+
import { cva } from 'class-variance-authority';
|
|
26
|
+
import { cn } from './internal/cn.js';
|
|
27
|
+
const DropdownMenuContext = createContext(null);
|
|
28
|
+
function useDropdownMenuContext() {
|
|
29
|
+
const ctx = useContext(DropdownMenuContext);
|
|
30
|
+
if (!ctx)
|
|
31
|
+
throw new Error('DropdownMenu sub-components must be used within <DropdownMenu>.');
|
|
32
|
+
return ctx;
|
|
33
|
+
}
|
|
34
|
+
export function DropdownMenu({ open, onOpenChange, children }) {
|
|
35
|
+
const triggerRef = useRef(null);
|
|
36
|
+
const setTriggerRef = useCallback((el) => {
|
|
37
|
+
triggerRef.current = el;
|
|
38
|
+
}, []);
|
|
39
|
+
const setOpen = useCallback((next) => {
|
|
40
|
+
onOpenChange(next);
|
|
41
|
+
}, [onOpenChange]);
|
|
42
|
+
return (_jsx(DropdownMenuContext.Provider, { value: { open, setOpen, triggerRef, setTriggerRef }, children: _jsx("div", { className: "relative inline-block", children: children }) }));
|
|
43
|
+
}
|
|
44
|
+
export const DropdownMenuTrigger = forwardRef(function DropdownMenuTrigger({ className, disabled, children, ...props }, ref) {
|
|
45
|
+
const ctx = useDropdownMenuContext();
|
|
46
|
+
const handleClick = useCallback(() => {
|
|
47
|
+
if (disabled)
|
|
48
|
+
return;
|
|
49
|
+
ctx.setOpen(!ctx.open);
|
|
50
|
+
}, [ctx, disabled]);
|
|
51
|
+
const handleKeyDown = useCallback((e) => {
|
|
52
|
+
if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
|
|
53
|
+
e.preventDefault();
|
|
54
|
+
if (!ctx.open)
|
|
55
|
+
ctx.setOpen(true);
|
|
56
|
+
}
|
|
57
|
+
}, [ctx]);
|
|
58
|
+
// Merge refs
|
|
59
|
+
const setRef = useCallback((el) => {
|
|
60
|
+
ctx.setTriggerRef(el);
|
|
61
|
+
if (typeof ref === 'function')
|
|
62
|
+
ref(el);
|
|
63
|
+
else if (ref)
|
|
64
|
+
ref.current = el;
|
|
65
|
+
}, [ctx, ref]);
|
|
66
|
+
return (_jsxs("button", { ref: setRef, type: "button", "aria-haspopup": "menu", "aria-expanded": ctx.open, disabled: disabled, onClick: handleClick, onKeyDown: handleKeyDown, className: cn('inline-flex items-center justify-center gap-2 rounded-lg border border-secondary bg-muted px-3 py-2 text-body-sm text-foreground', 'transition-colors duration-150', 'hover:bg-muted/80', 'focus-visible:outline-none focus-visible:border-primary', 'disabled:pointer-events-none disabled:opacity-50', 'select-none whitespace-nowrap', className), ...props, children: [children, _jsx("svg", { "aria-hidden": true, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 2, className: cn('h-4 w-4 shrink-0 opacity-50 transition-transform duration-200', ctx.open && 'rotate-180'), children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 6l4 4 4-4" }) })] }));
|
|
67
|
+
});
|
|
68
|
+
export const DropdownMenuContent = forwardRef(function DropdownMenuContent({ className, children, ...props }, ref) {
|
|
69
|
+
const ctx = useDropdownMenuContext();
|
|
70
|
+
const contentRef = useRef(null);
|
|
71
|
+
const focusedIndexRef = useRef(-1);
|
|
72
|
+
// Close on click outside
|
|
73
|
+
useEffect(() => {
|
|
74
|
+
if (!ctx.open)
|
|
75
|
+
return;
|
|
76
|
+
function handleClickOutside(e) {
|
|
77
|
+
const target = e.target;
|
|
78
|
+
if (contentRef.current &&
|
|
79
|
+
!contentRef.current.contains(target) &&
|
|
80
|
+
ctx.triggerRef.current &&
|
|
81
|
+
!ctx.triggerRef.current.contains(target)) {
|
|
82
|
+
ctx.setOpen(false);
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
document.addEventListener('mousedown', handleClickOutside);
|
|
86
|
+
return () => document.removeEventListener('mousedown', handleClickOutside);
|
|
87
|
+
}, [ctx]);
|
|
88
|
+
// Keyboard navigation within the menu
|
|
89
|
+
useEffect(() => {
|
|
90
|
+
if (!ctx.open)
|
|
91
|
+
return;
|
|
92
|
+
function handleKeyDown(e) {
|
|
93
|
+
const items = contentRef.current?.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])');
|
|
94
|
+
if (!items?.length)
|
|
95
|
+
return;
|
|
96
|
+
if (e.key === 'Escape') {
|
|
97
|
+
e.preventDefault();
|
|
98
|
+
ctx.setOpen(false);
|
|
99
|
+
ctx.triggerRef.current?.focus();
|
|
100
|
+
return;
|
|
101
|
+
}
|
|
102
|
+
if (e.key === 'ArrowDown') {
|
|
103
|
+
e.preventDefault();
|
|
104
|
+
focusedIndexRef.current = Math.min(focusedIndexRef.current + 1, items.length - 1);
|
|
105
|
+
items[focusedIndexRef.current]?.focus();
|
|
106
|
+
}
|
|
107
|
+
else if (e.key === 'ArrowUp') {
|
|
108
|
+
e.preventDefault();
|
|
109
|
+
focusedIndexRef.current = Math.max(focusedIndexRef.current - 1, 0);
|
|
110
|
+
items[focusedIndexRef.current]?.focus();
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
document.addEventListener('keydown', handleKeyDown);
|
|
114
|
+
return () => document.removeEventListener('keydown', handleKeyDown);
|
|
115
|
+
}, [ctx]);
|
|
116
|
+
// Focus first item on open, return focus to trigger on close
|
|
117
|
+
useEffect(() => {
|
|
118
|
+
if (!ctx.open)
|
|
119
|
+
return;
|
|
120
|
+
focusedIndexRef.current = -1;
|
|
121
|
+
// Small timeout to allow the menu to render before focusing
|
|
122
|
+
const id = requestAnimationFrame(() => {
|
|
123
|
+
const first = contentRef.current?.querySelector('[role="menuitem"]:not([aria-disabled="true"])');
|
|
124
|
+
first?.focus();
|
|
125
|
+
if (first)
|
|
126
|
+
focusedIndexRef.current = 0;
|
|
127
|
+
});
|
|
128
|
+
return () => cancelAnimationFrame(id);
|
|
129
|
+
}, [ctx.open]);
|
|
130
|
+
// Return focus to trigger on close
|
|
131
|
+
useEffect(() => {
|
|
132
|
+
if (ctx.open)
|
|
133
|
+
return;
|
|
134
|
+
// Only return focus if we were previously open (the trigger exists)
|
|
135
|
+
ctx.triggerRef.current?.focus();
|
|
136
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
137
|
+
}, [ctx.open]);
|
|
138
|
+
// Merge refs
|
|
139
|
+
const setRef = useCallback((el) => {
|
|
140
|
+
contentRef.current = el;
|
|
141
|
+
if (typeof ref === 'function')
|
|
142
|
+
ref(el);
|
|
143
|
+
else if (ref)
|
|
144
|
+
ref.current = el;
|
|
145
|
+
}, [ref]);
|
|
146
|
+
if (!ctx.open)
|
|
147
|
+
return null;
|
|
148
|
+
return (_jsx("div", { ref: setRef, role: "menu", className: cn('absolute left-0 top-full z-50 mt-1 min-w-[8rem] overflow-hidden rounded-lg', 'border border-border bg-card text-card-foreground shadow-md', 'animate-dropdown-in', className), ...props, children: _jsx("div", { className: "p-1", children: children }) }));
|
|
149
|
+
});
|
|
150
|
+
/* ── Item ──────────────────────────────────────────────────────────── */
|
|
151
|
+
export const dropdownMenuItemVariants = cva('relative flex cursor-pointer items-center rounded-md px-2 py-1.5 text-body-sm outline-none ' +
|
|
152
|
+
'transition-colors duration-150 ' +
|
|
153
|
+
'select-none', {
|
|
154
|
+
variants: {
|
|
155
|
+
variant: {
|
|
156
|
+
default: 'hover:bg-muted focus:bg-muted',
|
|
157
|
+
destructive: 'text-destructive hover:bg-destructive/10 focus:bg-destructive/10',
|
|
158
|
+
},
|
|
159
|
+
},
|
|
160
|
+
defaultVariants: {
|
|
161
|
+
variant: 'default',
|
|
162
|
+
},
|
|
163
|
+
});
|
|
164
|
+
export const DropdownMenuItem = forwardRef(function DropdownMenuItem({ className, variant, disabled, onClick, children, ...props }, ref) {
|
|
165
|
+
const ctx = useDropdownMenuContext();
|
|
166
|
+
const handleClick = useCallback(() => {
|
|
167
|
+
if (disabled)
|
|
168
|
+
return;
|
|
169
|
+
onClick?.();
|
|
170
|
+
ctx.setOpen(false);
|
|
171
|
+
}, [ctx, disabled, onClick]);
|
|
172
|
+
const handleKeyDown = useCallback((e) => {
|
|
173
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
174
|
+
e.preventDefault();
|
|
175
|
+
handleClick();
|
|
176
|
+
}
|
|
177
|
+
}, [handleClick]);
|
|
178
|
+
return (_jsx("div", { ref: ref, role: "menuitem", "aria-disabled": disabled || undefined, tabIndex: disabled ? undefined : -1, onClick: handleClick, onKeyDown: handleKeyDown, className: cn(dropdownMenuItemVariants({ variant }), disabled && 'pointer-events-none opacity-50', className), ...props, children: children }));
|
|
179
|
+
});
|
|
180
|
+
export const DropdownMenuGroup = forwardRef(function DropdownMenuGroup({ className, ...props }, ref) {
|
|
181
|
+
return _jsx("div", { ref: ref, role: "group", className: cn('py-1', className), ...props });
|
|
182
|
+
});
|
|
183
|
+
export const DropdownMenuLabel = forwardRef(function DropdownMenuLabel({ className, ...props }, ref) {
|
|
184
|
+
return (_jsx("div", { ref: ref, className: cn('px-2 py-1.5 text-xs font-semibold text-muted-foreground', className), ...props }));
|
|
185
|
+
});
|
|
186
|
+
export const DropdownMenuSeparator = forwardRef(function DropdownMenuSeparator({ className, ...props }, ref) {
|
|
187
|
+
return (_jsx("hr", { ref: ref, className: cn('-mx-1 my-1 border-t border-border', className), ...props }));
|
|
188
|
+
});
|
|
189
|
+
export const DropdownMenuShortcut = forwardRef(function DropdownMenuShortcut({ className, ...props }, ref) {
|
|
190
|
+
return (_jsx("span", { ref: ref, className: cn('ml-auto pl-4 text-xs tracking-widest text-muted-foreground', className), ...props }));
|
|
191
|
+
});
|
|
192
|
+
//# sourceMappingURL=DropdownMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../src/DropdownMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* DropdownMenu (React Native variant).
|
|
3
|
+
*
|
|
4
|
+
* Uses Modal for the overlay and Pressable for items.
|
|
5
|
+
* Same sub-component API as the web variant.
|
|
6
|
+
*
|
|
7
|
+
* Wiki: docs/components/DropdownMenu.md
|
|
8
|
+
*/
|
|
9
|
+
import { type ReactNode } from 'react';
|
|
10
|
+
import { View, type ViewProps } from 'react-native';
|
|
11
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
12
|
+
type ClassedViewProps = Omit<ViewProps, 'style'> & {
|
|
13
|
+
className?: string;
|
|
14
|
+
};
|
|
15
|
+
export interface DropdownMenuProps {
|
|
16
|
+
open: boolean;
|
|
17
|
+
onOpenChange: (open: boolean) => void;
|
|
18
|
+
children: ReactNode;
|
|
19
|
+
}
|
|
20
|
+
export declare function DropdownMenu({ open, onOpenChange, children }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export interface DropdownMenuTriggerProps extends ClassedViewProps {
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
children: ReactNode;
|
|
24
|
+
}
|
|
25
|
+
export declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<DropdownMenuTriggerProps & import("react").RefAttributes<View>>;
|
|
26
|
+
export interface DropdownMenuContentProps extends ClassedViewProps {
|
|
27
|
+
}
|
|
28
|
+
export declare const DropdownMenuContent: import("react").ForwardRefExoticComponent<DropdownMenuContentProps & import("react").RefAttributes<View>>;
|
|
29
|
+
export declare const dropdownMenuItemVariants: (props?: ({
|
|
30
|
+
variant?: "default" | "destructive" | null | undefined;
|
|
31
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
32
|
+
export interface DropdownMenuItemProps extends ClassedViewProps, VariantProps<typeof dropdownMenuItemVariants> {
|
|
33
|
+
disabled?: boolean;
|
|
34
|
+
onClick?: () => void;
|
|
35
|
+
children: ReactNode;
|
|
36
|
+
}
|
|
37
|
+
export declare const DropdownMenuItem: import("react").ForwardRefExoticComponent<DropdownMenuItemProps & import("react").RefAttributes<View>>;
|
|
38
|
+
export interface DropdownMenuGroupProps extends ClassedViewProps {
|
|
39
|
+
}
|
|
40
|
+
export declare const DropdownMenuGroup: import("react").ForwardRefExoticComponent<DropdownMenuGroupProps & import("react").RefAttributes<View>>;
|
|
41
|
+
export interface DropdownMenuLabelProps extends ClassedViewProps {
|
|
42
|
+
children: ReactNode;
|
|
43
|
+
}
|
|
44
|
+
export declare const DropdownMenuLabel: import("react").ForwardRefExoticComponent<DropdownMenuLabelProps & import("react").RefAttributes<View>>;
|
|
45
|
+
export interface DropdownMenuSeparatorProps extends ClassedViewProps {
|
|
46
|
+
}
|
|
47
|
+
export declare const DropdownMenuSeparator: import("react").ForwardRefExoticComponent<DropdownMenuSeparatorProps & import("react").RefAttributes<View>>;
|
|
48
|
+
export interface DropdownMenuShortcutProps extends ClassedViewProps {
|
|
49
|
+
children: ReactNode;
|
|
50
|
+
}
|
|
51
|
+
export declare const DropdownMenuShortcut: import("react").ForwardRefExoticComponent<DropdownMenuShortcutProps & import("react").RefAttributes<View>>;
|
|
52
|
+
export {};
|
|
53
|
+
//# sourceMappingURL=DropdownMenu.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownMenu.native.d.ts","sourceRoot":"","sources":["../src/DropdownMenu.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAIL,IAAI,EACJ,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,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,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAa/E;AAID,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,mBAAmB,2GAyB/B,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;CAAG;AAErE,eAAO,MAAM,mBAAmB,2GAkC/B,CAAC;AAIF,eAAO,MAAM,wBAAwB;;8EAapC,CAAC;AAEF,MAAM,WAAW,qBACf,SAAQ,gBAAgB,EACtB,YAAY,CAAC,OAAO,wBAAwB,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,wGAmC5B,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB;CAAG;AAEnE,eAAO,MAAM,iBAAiB,yGAI7B,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB;IAC9D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB,yGAQ7B,CAAC;AAIF,MAAM,WAAW,0BAA2B,SAAQ,gBAAgB;CAAG;AAEvE,eAAO,MAAM,qBAAqB,6GAUjC,CAAC;AAIF,MAAM,WAAW,yBAA0B,SAAQ,gBAAgB;IACjE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB,4GAQhC,CAAC"}
|