@mihcm/ui 0.14.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +138 -0
- package/dist/AccessLevelGroup.d.ts +37 -0
- package/dist/AccessLevelGroup.d.ts.map +1 -0
- package/dist/AccessLevelGroup.js +39 -0
- package/dist/AccessLevelGroup.js.map +1 -0
- package/dist/AccessLevelGroup.native.d.ts +18 -0
- package/dist/AccessLevelGroup.native.d.ts.map +1 -0
- package/dist/AccessLevelGroup.native.js +40 -0
- package/dist/AccessLevelGroup.native.js.map +1 -0
- package/dist/Accordion.d.ts +52 -0
- package/dist/Accordion.d.ts.map +1 -0
- package/dist/Accordion.js +90 -0
- package/dist/Accordion.js.map +1 -0
- package/dist/Accordion.native.d.ts +36 -0
- package/dist/Accordion.native.d.ts.map +1 -0
- package/dist/Accordion.native.js +86 -0
- package/dist/Accordion.native.js.map +1 -0
- package/dist/Alert.d.ts +33 -0
- package/dist/Alert.d.ts.map +1 -0
- package/dist/Alert.js +45 -0
- package/dist/Alert.js.map +1 -0
- package/dist/Alert.native.d.ts +26 -0
- package/dist/Alert.native.d.ts.map +1 -0
- package/dist/Alert.native.js +41 -0
- package/dist/Alert.native.js.map +1 -0
- package/dist/AlertDialog.d.ts +57 -0
- package/dist/AlertDialog.d.ts.map +1 -0
- package/dist/AlertDialog.js +91 -0
- package/dist/AlertDialog.js.map +1 -0
- package/dist/AlertDialog.native.d.ts +66 -0
- package/dist/AlertDialog.native.d.ts.map +1 -0
- package/dist/AlertDialog.native.js +71 -0
- package/dist/AlertDialog.native.js.map +1 -0
- package/dist/AspectRatio.d.ts +18 -0
- package/dist/AspectRatio.d.ts.map +1 -0
- package/dist/AspectRatio.js +19 -0
- package/dist/AspectRatio.js.map +1 -0
- package/dist/AspectRatio.native.d.ts +7 -0
- package/dist/AspectRatio.native.d.ts.map +1 -0
- package/dist/AspectRatio.native.js +13 -0
- package/dist/AspectRatio.native.js.map +1 -0
- package/dist/Avatar.d.ts +45 -0
- package/dist/Avatar.d.ts.map +1 -0
- package/dist/Avatar.js +69 -0
- package/dist/Avatar.js.map +1 -0
- package/dist/Avatar.native.d.ts +38 -0
- package/dist/Avatar.native.d.ts.map +1 -0
- package/dist/Avatar.native.js +56 -0
- package/dist/Avatar.native.js.map +1 -0
- package/dist/AvatarGroup.d.ts +32 -0
- package/dist/AvatarGroup.d.ts.map +1 -0
- package/dist/AvatarGroup.js +45 -0
- package/dist/AvatarGroup.js.map +1 -0
- package/dist/AvatarGroup.native.d.ts +18 -0
- package/dist/AvatarGroup.native.d.ts.map +1 -0
- package/dist/AvatarGroup.native.js +35 -0
- package/dist/AvatarGroup.native.js.map +1 -0
- package/dist/Badge.d.ts +26 -0
- package/dist/Badge.d.ts.map +1 -0
- package/dist/Badge.js +44 -0
- package/dist/Badge.js.map +1 -0
- package/dist/Badge.native.d.ts +23 -0
- package/dist/Badge.native.d.ts.map +1 -0
- package/dist/Badge.native.js +49 -0
- package/dist/Badge.native.js.map +1 -0
- package/dist/Banner.d.ts +27 -0
- package/dist/Banner.d.ts.map +1 -0
- package/dist/Banner.js +41 -0
- package/dist/Banner.js.map +1 -0
- package/dist/Banner.native.d.ts +24 -0
- package/dist/Banner.native.d.ts.map +1 -0
- package/dist/Banner.native.js +39 -0
- package/dist/Banner.native.js.map +1 -0
- package/dist/BarList.d.ts +27 -0
- package/dist/BarList.d.ts.map +1 -0
- package/dist/BarList.js +25 -0
- package/dist/BarList.js.map +1 -0
- package/dist/Breadcrumb.d.ts +67 -0
- package/dist/Breadcrumb.d.ts.map +1 -0
- package/dist/Breadcrumb.js +63 -0
- package/dist/Breadcrumb.js.map +1 -0
- package/dist/Breadcrumb.native.d.ts +64 -0
- package/dist/Breadcrumb.native.d.ts.map +1 -0
- package/dist/Breadcrumb.native.js +50 -0
- package/dist/Breadcrumb.native.js.map +1 -0
- package/dist/Button.d.ts +42 -0
- package/dist/Button.d.ts.map +1 -0
- package/dist/Button.js +68 -0
- package/dist/Button.js.map +1 -0
- package/dist/Button.native.d.ts +38 -0
- package/dist/Button.native.d.ts.map +1 -0
- package/dist/Button.native.js +51 -0
- package/dist/Button.native.js.map +1 -0
- package/dist/Calendar.d.ts +16 -0
- package/dist/Calendar.d.ts.map +1 -0
- package/dist/Calendar.js +94 -0
- package/dist/Calendar.js.map +1 -0
- package/dist/Calendar.native.d.ts +21 -0
- package/dist/Calendar.native.d.ts.map +1 -0
- package/dist/Calendar.native.js +15 -0
- package/dist/Calendar.native.js.map +1 -0
- package/dist/Card.d.ts +29 -0
- package/dist/Card.d.ts.map +1 -0
- package/dist/Card.js +44 -0
- package/dist/Card.js.map +1 -0
- package/dist/Card.native.d.ts +20 -0
- package/dist/Card.native.d.ts.map +1 -0
- package/dist/Card.native.js +32 -0
- package/dist/Card.native.js.map +1 -0
- package/dist/Carousel.d.ts +46 -0
- package/dist/Carousel.d.ts.map +1 -0
- package/dist/Carousel.js +115 -0
- package/dist/Carousel.js.map +1 -0
- package/dist/Carousel.native.d.ts +59 -0
- package/dist/Carousel.native.d.ts.map +1 -0
- package/dist/Carousel.native.js +93 -0
- package/dist/Carousel.native.js.map +1 -0
- package/dist/CategoryBar.d.ts +22 -0
- package/dist/CategoryBar.d.ts.map +1 -0
- package/dist/CategoryBar.js +27 -0
- package/dist/CategoryBar.js.map +1 -0
- package/dist/Chart.d.ts +77 -0
- package/dist/Chart.d.ts.map +1 -0
- package/dist/Chart.js +197 -0
- package/dist/Chart.js.map +1 -0
- package/dist/Checkbox.d.ts +28 -0
- package/dist/Checkbox.d.ts.map +1 -0
- package/dist/Checkbox.js +44 -0
- package/dist/Checkbox.js.map +1 -0
- package/dist/Checkbox.native.d.ts +13 -0
- package/dist/Checkbox.native.d.ts.map +1 -0
- package/dist/Checkbox.native.js +34 -0
- package/dist/Checkbox.native.js.map +1 -0
- package/dist/CheckboxGrid.d.ts +49 -0
- package/dist/CheckboxGrid.d.ts.map +1 -0
- package/dist/CheckboxGrid.js +79 -0
- package/dist/CheckboxGrid.js.map +1 -0
- package/dist/CheckboxGrid.native.d.ts +14 -0
- package/dist/CheckboxGrid.native.d.ts.map +1 -0
- package/dist/CheckboxGrid.native.js +47 -0
- package/dist/CheckboxGrid.native.js.map +1 -0
- package/dist/Collapsible.d.ts +51 -0
- package/dist/Collapsible.d.ts.map +1 -0
- package/dist/Collapsible.js +101 -0
- package/dist/Collapsible.js.map +1 -0
- package/dist/Collapsible.native.d.ts +53 -0
- package/dist/Collapsible.native.d.ts.map +1 -0
- package/dist/Collapsible.native.js +109 -0
- package/dist/Collapsible.native.js.map +1 -0
- package/dist/Combobox.d.ts +42 -0
- package/dist/Combobox.d.ts.map +1 -0
- package/dist/Combobox.js +96 -0
- package/dist/Combobox.js.map +1 -0
- package/dist/Combobox.native.d.ts +21 -0
- package/dist/Combobox.native.d.ts.map +1 -0
- package/dist/Combobox.native.js +28 -0
- package/dist/Combobox.native.js.map +1 -0
- package/dist/Command.d.ts +107 -0
- package/dist/Command.d.ts.map +1 -0
- package/dist/Command.js +68 -0
- package/dist/Command.js.map +1 -0
- package/dist/Command.native.d.ts +41 -0
- package/dist/Command.native.d.ts.map +1 -0
- package/dist/Command.native.js +31 -0
- package/dist/Command.native.js.map +1 -0
- package/dist/ContextMenu.d.ts +48 -0
- package/dist/ContextMenu.d.ts.map +1 -0
- package/dist/ContextMenu.js +79 -0
- package/dist/ContextMenu.js.map +1 -0
- package/dist/ContextMenu.native.d.ts +81 -0
- package/dist/ContextMenu.native.d.ts.map +1 -0
- package/dist/ContextMenu.native.js +82 -0
- package/dist/ContextMenu.native.js.map +1 -0
- package/dist/DataTable.d.ts +98 -0
- package/dist/DataTable.d.ts.map +1 -0
- package/dist/DataTable.js +291 -0
- package/dist/DataTable.js.map +1 -0
- package/dist/DataTable.native.d.ts +31 -0
- package/dist/DataTable.native.d.ts.map +1 -0
- package/dist/DataTable.native.js +22 -0
- package/dist/DataTable.native.js.map +1 -0
- package/dist/DatePicker.d.ts +63 -0
- package/dist/DatePicker.d.ts.map +1 -0
- package/dist/DatePicker.js +106 -0
- package/dist/DatePicker.js.map +1 -0
- package/dist/DatePicker.native.d.ts +21 -0
- package/dist/DatePicker.native.d.ts.map +1 -0
- package/dist/DatePicker.native.js +15 -0
- package/dist/DatePicker.native.js.map +1 -0
- package/dist/Dialog.d.ts +52 -0
- package/dist/Dialog.d.ts.map +1 -0
- package/dist/Dialog.js +93 -0
- package/dist/Dialog.js.map +1 -0
- package/dist/Dialog.native.d.ts +57 -0
- package/dist/Dialog.native.d.ts.map +1 -0
- package/dist/Dialog.native.js +62 -0
- package/dist/Dialog.native.js.map +1 -0
- package/dist/Drawer.d.ts +36 -0
- package/dist/Drawer.d.ts.map +1 -0
- package/dist/Drawer.js +57 -0
- package/dist/Drawer.js.map +1 -0
- package/dist/Drawer.native.d.ts +50 -0
- package/dist/Drawer.native.d.ts.map +1 -0
- package/dist/Drawer.native.js +43 -0
- package/dist/Drawer.native.js.map +1 -0
- package/dist/DropdownMenu.d.ts +57 -0
- package/dist/DropdownMenu.d.ts.map +1 -0
- package/dist/DropdownMenu.js +192 -0
- package/dist/DropdownMenu.js.map +1 -0
- package/dist/DropdownMenu.native.d.ts +53 -0
- package/dist/DropdownMenu.native.d.ts.map +1 -0
- package/dist/DropdownMenu.native.js +71 -0
- package/dist/DropdownMenu.native.js.map +1 -0
- package/dist/Dropzone.d.ts +27 -0
- package/dist/Dropzone.d.ts.map +1 -0
- package/dist/Dropzone.js +33 -0
- package/dist/Dropzone.js.map +1 -0
- package/dist/EmptyState.d.ts +21 -0
- package/dist/EmptyState.d.ts.map +1 -0
- package/dist/EmptyState.js +16 -0
- package/dist/EmptyState.js.map +1 -0
- package/dist/EmptyState.native.d.ts +19 -0
- package/dist/EmptyState.native.d.ts.map +1 -0
- package/dist/EmptyState.native.js +16 -0
- package/dist/EmptyState.native.js.map +1 -0
- package/dist/Form.d.ts +310 -0
- package/dist/Form.d.ts.map +1 -0
- package/dist/Form.js +260 -0
- package/dist/Form.js.map +1 -0
- package/dist/Form.native.d.ts +36 -0
- package/dist/Form.native.d.ts.map +1 -0
- package/dist/Form.native.js +33 -0
- package/dist/Form.native.js.map +1 -0
- package/dist/HoverCard.d.ts +47 -0
- package/dist/HoverCard.d.ts.map +1 -0
- package/dist/HoverCard.js +86 -0
- package/dist/HoverCard.js.map +1 -0
- package/dist/HoverCard.native.d.ts +48 -0
- package/dist/HoverCard.native.d.ts.map +1 -0
- package/dist/HoverCard.native.js +19 -0
- package/dist/HoverCard.native.js.map +1 -0
- package/dist/IconSidebar.d.ts +50 -0
- package/dist/IconSidebar.d.ts.map +1 -0
- package/dist/IconSidebar.js +121 -0
- package/dist/IconSidebar.js.map +1 -0
- package/dist/IconSidebar.native.d.ts +40 -0
- package/dist/IconSidebar.native.d.ts.map +1 -0
- package/dist/IconSidebar.native.js +24 -0
- package/dist/IconSidebar.native.js.map +1 -0
- package/dist/Input.d.ts +52 -0
- package/dist/Input.d.ts.map +1 -0
- package/dist/Input.js +57 -0
- package/dist/Input.js.map +1 -0
- package/dist/Input.native.d.ts +37 -0
- package/dist/Input.native.d.ts.map +1 -0
- package/dist/Input.native.js +39 -0
- package/dist/Input.native.js.map +1 -0
- package/dist/InputOTP.d.ts +30 -0
- package/dist/InputOTP.d.ts.map +1 -0
- package/dist/InputOTP.js +47 -0
- package/dist/InputOTP.js.map +1 -0
- package/dist/InputOTP.native.d.ts +32 -0
- package/dist/InputOTP.native.d.ts.map +1 -0
- package/dist/InputOTP.native.js +48 -0
- package/dist/InputOTP.native.js.map +1 -0
- package/dist/Label.d.ts +26 -0
- package/dist/Label.d.ts.map +1 -0
- package/dist/Label.js +35 -0
- package/dist/Label.js.map +1 -0
- package/dist/Label.native.d.ts +26 -0
- package/dist/Label.native.d.ts.map +1 -0
- package/dist/Label.native.js +30 -0
- package/dist/Label.native.js.map +1 -0
- package/dist/Link.d.ts +21 -0
- package/dist/Link.d.ts.map +1 -0
- package/dist/Link.js +46 -0
- package/dist/Link.js.map +1 -0
- package/dist/Link.native.d.ts +23 -0
- package/dist/Link.native.d.ts.map +1 -0
- package/dist/Link.native.js +59 -0
- package/dist/Link.native.js.map +1 -0
- package/dist/Logo.d.ts +25 -0
- package/dist/Logo.d.ts.map +1 -0
- package/dist/Logo.js +58 -0
- package/dist/Logo.js.map +1 -0
- package/dist/Logo.native.d.ts +22 -0
- package/dist/Logo.native.d.ts.map +1 -0
- package/dist/Logo.native.js +46 -0
- package/dist/Logo.native.js.map +1 -0
- package/dist/MainSidebar.d.ts +2 -0
- package/dist/MainSidebar.d.ts.map +1 -0
- package/dist/MainSidebar.js +3 -0
- package/dist/MainSidebar.js.map +1 -0
- package/dist/MainSidebar.native.d.ts +2 -0
- package/dist/MainSidebar.native.d.ts.map +1 -0
- package/dist/MainSidebar.native.js +2 -0
- package/dist/MainSidebar.native.js.map +1 -0
- package/dist/Menubar.d.ts +70 -0
- package/dist/Menubar.d.ts.map +1 -0
- package/dist/Menubar.js +142 -0
- package/dist/Menubar.js.map +1 -0
- package/dist/NavigationMenu.d.ts +12 -0
- package/dist/NavigationMenu.d.ts.map +1 -0
- package/dist/NavigationMenu.js +63 -0
- package/dist/NavigationMenu.js.map +1 -0
- package/dist/NavigationMenu.native.d.ts +44 -0
- package/dist/NavigationMenu.native.d.ts.map +1 -0
- package/dist/NavigationMenu.native.js +43 -0
- package/dist/NavigationMenu.native.js.map +1 -0
- package/dist/NotificationBadge.d.ts +33 -0
- package/dist/NotificationBadge.d.ts.map +1 -0
- package/dist/NotificationBadge.js +49 -0
- package/dist/NotificationBadge.js.map +1 -0
- package/dist/NotificationBadge.native.d.ts +25 -0
- package/dist/NotificationBadge.native.d.ts.map +1 -0
- package/dist/NotificationBadge.native.js +41 -0
- package/dist/NotificationBadge.native.js.map +1 -0
- package/dist/PageShell.d.ts +24 -0
- package/dist/PageShell.d.ts.map +1 -0
- package/dist/PageShell.js +24 -0
- package/dist/PageShell.js.map +1 -0
- package/dist/PageShell.native.d.ts +21 -0
- package/dist/PageShell.native.d.ts.map +1 -0
- package/dist/PageShell.native.js +19 -0
- package/dist/PageShell.native.js.map +1 -0
- package/dist/Pagination.d.ts +53 -0
- package/dist/Pagination.d.ts.map +1 -0
- package/dist/Pagination.js +79 -0
- package/dist/Pagination.js.map +1 -0
- package/dist/Pagination.native.d.ts +48 -0
- package/dist/Pagination.native.d.ts.map +1 -0
- package/dist/Pagination.native.js +55 -0
- package/dist/Pagination.native.js.map +1 -0
- package/dist/Popover.d.ts +57 -0
- package/dist/Popover.d.ts.map +1 -0
- package/dist/Popover.js +71 -0
- package/dist/Popover.js.map +1 -0
- package/dist/Popover.native.d.ts +48 -0
- package/dist/Popover.native.d.ts.map +1 -0
- package/dist/Popover.native.js +65 -0
- package/dist/Popover.native.js.map +1 -0
- package/dist/Popper.d.ts +54 -0
- package/dist/Popper.d.ts.map +1 -0
- package/dist/Popper.js +219 -0
- package/dist/Popper.js.map +1 -0
- package/dist/Progress.d.ts +79 -0
- package/dist/Progress.d.ts.map +1 -0
- package/dist/Progress.js +110 -0
- package/dist/Progress.js.map +1 -0
- package/dist/Progress.native.d.ts +42 -0
- package/dist/Progress.native.d.ts.map +1 -0
- package/dist/Progress.native.js +91 -0
- package/dist/Progress.native.js.map +1 -0
- package/dist/ProgressCircle.d.ts +69 -0
- package/dist/ProgressCircle.d.ts.map +1 -0
- package/dist/ProgressCircle.js +78 -0
- package/dist/ProgressCircle.js.map +1 -0
- package/dist/RadioCardGroup.d.ts +26 -0
- package/dist/RadioCardGroup.d.ts.map +1 -0
- package/dist/RadioCardGroup.js +26 -0
- package/dist/RadioCardGroup.js.map +1 -0
- package/dist/RadioGroup.d.ts +35 -0
- package/dist/RadioGroup.d.ts.map +1 -0
- package/dist/RadioGroup.js +68 -0
- package/dist/RadioGroup.js.map +1 -0
- package/dist/RadioGroup.native.d.ts +33 -0
- package/dist/RadioGroup.native.d.ts.map +1 -0
- package/dist/RadioGroup.native.js +55 -0
- package/dist/RadioGroup.native.js.map +1 -0
- package/dist/Resizable.d.ts +32 -0
- package/dist/Resizable.d.ts.map +1 -0
- package/dist/Resizable.js +31 -0
- package/dist/Resizable.js.map +1 -0
- package/dist/Resizable.native.d.ts +32 -0
- package/dist/Resizable.native.d.ts.map +1 -0
- package/dist/Resizable.native.js +23 -0
- package/dist/Resizable.native.js.map +1 -0
- package/dist/RichTextEditor.d.ts +38 -0
- package/dist/RichTextEditor.d.ts.map +1 -0
- package/dist/RichTextEditor.js +218 -0
- package/dist/RichTextEditor.js.map +1 -0
- package/dist/ScrollArea.d.ts +4 -0
- package/dist/ScrollArea.d.ts.map +1 -0
- package/dist/ScrollArea.js +26 -0
- package/dist/ScrollArea.js.map +1 -0
- package/dist/ScrollArea.native.d.ts +19 -0
- package/dist/ScrollArea.native.d.ts.map +1 -0
- package/dist/ScrollArea.native.js +19 -0
- package/dist/ScrollArea.native.js.map +1 -0
- package/dist/SearchField.d.ts +43 -0
- package/dist/SearchField.d.ts.map +1 -0
- package/dist/SearchField.js +34 -0
- package/dist/SearchField.js.map +1 -0
- package/dist/SearchField.native.d.ts +31 -0
- package/dist/SearchField.native.d.ts.map +1 -0
- package/dist/SearchField.native.js +30 -0
- package/dist/SearchField.native.js.map +1 -0
- package/dist/SectionHeader.d.ts +58 -0
- package/dist/SectionHeader.d.ts.map +1 -0
- package/dist/SectionHeader.js +95 -0
- package/dist/SectionHeader.js.map +1 -0
- package/dist/SectionHeader.native.d.ts +45 -0
- package/dist/SectionHeader.native.d.ts.map +1 -0
- package/dist/SectionHeader.native.js +92 -0
- package/dist/SectionHeader.native.js.map +1 -0
- package/dist/Select.d.ts +78 -0
- package/dist/Select.d.ts.map +1 -0
- package/dist/Select.js +310 -0
- package/dist/Select.js.map +1 -0
- package/dist/Select.native.d.ts +53 -0
- package/dist/Select.native.d.ts.map +1 -0
- package/dist/Select.native.js +86 -0
- package/dist/Select.native.js.map +1 -0
- package/dist/Separator.d.ts +20 -0
- package/dist/Separator.d.ts.map +1 -0
- package/dist/Separator.js +20 -0
- package/dist/Separator.js.map +1 -0
- package/dist/Separator.native.d.ts +8 -0
- package/dist/Separator.native.d.ts.map +1 -0
- package/dist/Separator.native.js +17 -0
- package/dist/Separator.native.js.map +1 -0
- package/dist/Sheet.d.ts +54 -0
- package/dist/Sheet.d.ts.map +1 -0
- package/dist/Sheet.js +191 -0
- package/dist/Sheet.js.map +1 -0
- package/dist/Sheet.native.d.ts +55 -0
- package/dist/Sheet.native.d.ts.map +1 -0
- package/dist/Sheet.native.js +112 -0
- package/dist/Sheet.native.js.map +1 -0
- package/dist/Sidebar.d.ts +131 -0
- package/dist/Sidebar.d.ts.map +1 -0
- package/dist/Sidebar.js +328 -0
- package/dist/Sidebar.js.map +1 -0
- package/dist/Skeleton.d.ts +14 -0
- package/dist/Skeleton.d.ts.map +1 -0
- package/dist/Skeleton.js +17 -0
- package/dist/Skeleton.js.map +1 -0
- package/dist/Skeleton.native.d.ts +6 -0
- package/dist/Skeleton.native.d.ts.map +1 -0
- package/dist/Skeleton.native.js +26 -0
- package/dist/Skeleton.native.js.map +1 -0
- package/dist/Slider.d.ts +63 -0
- package/dist/Slider.d.ts.map +1 -0
- package/dist/Slider.js +109 -0
- package/dist/Slider.js.map +1 -0
- package/dist/Slider.native.d.ts +38 -0
- package/dist/Slider.native.d.ts.map +1 -0
- package/dist/Slider.native.js +18 -0
- package/dist/Slider.native.js.map +1 -0
- package/dist/SortableList.d.ts +26 -0
- package/dist/SortableList.d.ts.map +1 -0
- package/dist/SortableList.js +44 -0
- package/dist/SortableList.js.map +1 -0
- package/dist/SparkChart.d.ts +34 -0
- package/dist/SparkChart.d.ts.map +1 -0
- package/dist/SparkChart.js +55 -0
- package/dist/SparkChart.js.map +1 -0
- package/dist/StatCard.d.ts +35 -0
- package/dist/StatCard.d.ts.map +1 -0
- package/dist/StatCard.js +37 -0
- package/dist/StatCard.js.map +1 -0
- package/dist/StatCard.native.d.ts +28 -0
- package/dist/StatCard.native.d.ts.map +1 -0
- package/dist/StatCard.native.js +31 -0
- package/dist/StatCard.native.js.map +1 -0
- package/dist/StatusBadge.d.ts +23 -0
- package/dist/StatusBadge.d.ts.map +1 -0
- package/dist/StatusBadge.js +33 -0
- package/dist/StatusBadge.js.map +1 -0
- package/dist/StatusBadge.native.d.ts +21 -0
- package/dist/StatusBadge.native.d.ts.map +1 -0
- package/dist/StatusBadge.native.js +37 -0
- package/dist/StatusBadge.native.js.map +1 -0
- package/dist/Switch.d.ts +31 -0
- package/dist/Switch.d.ts.map +1 -0
- package/dist/Switch.js +46 -0
- package/dist/Switch.js.map +1 -0
- package/dist/Switch.native.d.ts +16 -0
- package/dist/Switch.native.d.ts.map +1 -0
- package/dist/Switch.native.js +41 -0
- package/dist/Switch.native.js.map +1 -0
- package/dist/TabNavigation.d.ts +49 -0
- package/dist/TabNavigation.d.ts.map +1 -0
- package/dist/TabNavigation.js +121 -0
- package/dist/TabNavigation.js.map +1 -0
- package/dist/Table.d.ts +54 -0
- package/dist/Table.d.ts.map +1 -0
- package/dist/Table.js +96 -0
- package/dist/Table.js.map +1 -0
- package/dist/Table.native.d.ts +37 -0
- package/dist/Table.native.d.ts.map +1 -0
- package/dist/Table.native.js +37 -0
- package/dist/Table.native.js.map +1 -0
- package/dist/Tabs.d.ts +45 -0
- package/dist/Tabs.d.ts.map +1 -0
- package/dist/Tabs.js +94 -0
- package/dist/Tabs.js.map +1 -0
- package/dist/Tabs.native.d.ts +47 -0
- package/dist/Tabs.native.d.ts.map +1 -0
- package/dist/Tabs.native.js +57 -0
- package/dist/Tabs.native.js.map +1 -0
- package/dist/Tag.d.ts +24 -0
- package/dist/Tag.d.ts.map +1 -0
- package/dist/Tag.js +41 -0
- package/dist/Tag.js.map +1 -0
- package/dist/Tag.native.d.ts +23 -0
- package/dist/Tag.native.d.ts.map +1 -0
- package/dist/Tag.native.js +55 -0
- package/dist/Tag.native.js.map +1 -0
- package/dist/Text.d.ts +26 -0
- package/dist/Text.d.ts.map +1 -0
- package/dist/Text.js +63 -0
- package/dist/Text.js.map +1 -0
- package/dist/Text.native.d.ts +18 -0
- package/dist/Text.native.d.ts.map +1 -0
- package/dist/Text.native.js +58 -0
- package/dist/Text.native.js.map +1 -0
- package/dist/Textarea.d.ts +23 -0
- package/dist/Textarea.d.ts.map +1 -0
- package/dist/Textarea.js +39 -0
- package/dist/Textarea.js.map +1 -0
- package/dist/Textarea.native.d.ts +16 -0
- package/dist/Textarea.native.d.ts.map +1 -0
- package/dist/Textarea.native.js +30 -0
- package/dist/Textarea.native.js.map +1 -0
- package/dist/TiptapEditor.d.ts +24 -0
- package/dist/TiptapEditor.d.ts.map +1 -0
- package/dist/TiptapEditor.js +84 -0
- package/dist/TiptapEditor.js.map +1 -0
- package/dist/TitleBar.d.ts +31 -0
- package/dist/TitleBar.d.ts.map +1 -0
- package/dist/TitleBar.js +27 -0
- package/dist/TitleBar.js.map +1 -0
- package/dist/TitleBar.native.d.ts +19 -0
- package/dist/TitleBar.native.d.ts.map +1 -0
- package/dist/TitleBar.native.js +16 -0
- package/dist/TitleBar.native.js.map +1 -0
- package/dist/Toast.d.ts +72 -0
- package/dist/Toast.d.ts.map +1 -0
- package/dist/Toast.js +194 -0
- package/dist/Toast.js.map +1 -0
- package/dist/Toast.native.d.ts +65 -0
- package/dist/Toast.native.d.ts.map +1 -0
- package/dist/Toast.native.js +182 -0
- package/dist/Toast.native.js.map +1 -0
- package/dist/Toggle.d.ts +46 -0
- package/dist/Toggle.d.ts.map +1 -0
- package/dist/Toggle.js +70 -0
- package/dist/Toggle.js.map +1 -0
- package/dist/Toggle.native.d.ts +42 -0
- package/dist/Toggle.native.d.ts.map +1 -0
- package/dist/Toggle.native.js +56 -0
- package/dist/Toggle.native.js.map +1 -0
- package/dist/Tooltip.d.ts +32 -0
- package/dist/Tooltip.d.ts.map +1 -0
- package/dist/Tooltip.js +43 -0
- package/dist/Tooltip.js.map +1 -0
- package/dist/Tooltip.native.d.ts +25 -0
- package/dist/Tooltip.native.d.ts.map +1 -0
- package/dist/Tooltip.native.js +25 -0
- package/dist/Tooltip.native.js.map +1 -0
- package/dist/TopBar.d.ts +105 -0
- package/dist/TopBar.d.ts.map +1 -0
- package/dist/TopBar.js +90 -0
- package/dist/TopBar.js.map +1 -0
- package/dist/TopBar.native.d.ts +67 -0
- package/dist/TopBar.native.d.ts.map +1 -0
- package/dist/TopBar.native.js +41 -0
- package/dist/TopBar.native.js.map +1 -0
- package/dist/Tracker.d.ts +44 -0
- package/dist/Tracker.d.ts.map +1 -0
- package/dist/Tracker.js +92 -0
- package/dist/Tracker.js.map +1 -0
- package/dist/TransferList.d.ts +51 -0
- package/dist/TransferList.d.ts.map +1 -0
- package/dist/TransferList.js +107 -0
- package/dist/TransferList.js.map +1 -0
- package/dist/TransferList.native.d.ts +14 -0
- package/dist/TransferList.native.d.ts.map +1 -0
- package/dist/TransferList.native.js +57 -0
- package/dist/TransferList.native.js.map +1 -0
- package/dist/index.d.ts +78 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +79 -0
- package/dist/index.js.map +1 -0
- package/dist/internal/cn.d.ts +7 -0
- package/dist/internal/cn.d.ts.map +1 -0
- package/dist/internal/cn.js +30 -0
- package/dist/internal/cn.js.map +1 -0
- package/package.json +499 -0
- package/src/AccessLevelGroup.native.tsx +103 -0
- package/src/AccessLevelGroup.tsx +103 -0
- package/src/Accordion.native.tsx +199 -0
- package/src/Accordion.tsx +279 -0
- package/src/Alert.native.tsx +100 -0
- package/src/Alert.tsx +101 -0
- package/src/AlertDialog.native.tsx +189 -0
- package/src/AlertDialog.tsx +194 -0
- package/src/AspectRatio.native.tsx +28 -0
- package/src/AspectRatio.tsx +35 -0
- package/src/Avatar.native.tsx +142 -0
- package/src/Avatar.tsx +155 -0
- package/src/AvatarGroup.native.tsx +81 -0
- package/src/AvatarGroup.tsx +114 -0
- package/src/Badge.native.tsx +85 -0
- package/src/Badge.tsx +93 -0
- package/src/Banner.native.tsx +77 -0
- package/src/Banner.tsx +95 -0
- package/src/BarList.tsx +102 -0
- package/src/Breadcrumb.native.tsx +238 -0
- package/src/Breadcrumb.tsx +258 -0
- package/src/Button.native.tsx +123 -0
- package/src/Button.tsx +153 -0
- package/src/Calendar.native.tsx +28 -0
- package/src/Calendar.tsx +211 -0
- package/src/Card.native.tsx +82 -0
- package/src/Card.tsx +94 -0
- package/src/Carousel.native.tsx +224 -0
- package/src/Carousel.tsx +292 -0
- package/src/CategoryBar.tsx +85 -0
- package/src/Chart.tsx +467 -0
- package/src/Checkbox.native.tsx +69 -0
- package/src/Checkbox.tsx +108 -0
- package/src/CheckboxGrid.native.tsx +160 -0
- package/src/CheckboxGrid.tsx +262 -0
- package/src/Collapsible.native.tsx +240 -0
- package/src/Collapsible.tsx +241 -0
- package/src/Combobox.native.tsx +171 -0
- package/src/Combobox.tsx +272 -0
- package/src/Command.native.tsx +71 -0
- package/src/Command.tsx +203 -0
- package/src/ContextMenu.native.tsx +313 -0
- package/src/ContextMenu.tsx +238 -0
- package/src/DataTable.native.tsx +70 -0
- package/src/DataTable.tsx +989 -0
- package/src/DatePicker.native.tsx +46 -0
- package/src/DatePicker.tsx +357 -0
- package/src/Dialog.native.tsx +181 -0
- package/src/Dialog.tsx +224 -0
- package/src/Drawer.native.tsx +134 -0
- package/src/Drawer.tsx +119 -0
- package/src/DropdownMenu.native.tsx +258 -0
- package/src/DropdownMenu.tsx +387 -0
- package/src/Dropzone.tsx +95 -0
- package/src/EmptyState.native.tsx +43 -0
- package/src/EmptyState.tsx +52 -0
- package/src/Form.native.tsx +94 -0
- package/src/Form.tsx +1324 -0
- package/src/HoverCard.native.tsx +63 -0
- package/src/HoverCard.tsx +181 -0
- package/src/IconSidebar.native.tsx +94 -0
- package/src/IconSidebar.tsx +448 -0
- package/src/Input.native.tsx +99 -0
- package/src/Input.tsx +132 -0
- package/src/InputOTP.native.tsx +154 -0
- package/src/InputOTP.tsx +119 -0
- package/src/Label.native.tsx +55 -0
- package/src/Label.tsx +60 -0
- package/src/Link.native.tsx +89 -0
- package/src/Link.tsx +85 -0
- package/src/Logo.native.tsx +114 -0
- package/src/Logo.tsx +153 -0
- package/src/MainSidebar.native.tsx +8 -0
- package/src/MainSidebar.tsx +10 -0
- package/src/Menubar.tsx +485 -0
- package/src/NavigationMenu.native.tsx +136 -0
- package/src/NavigationMenu.tsx +180 -0
- package/src/NotificationBadge.native.tsx +80 -0
- package/src/NotificationBadge.tsx +91 -0
- package/src/PageShell.native.tsx +43 -0
- package/src/PageShell.tsx +50 -0
- package/src/Pagination.native.tsx +217 -0
- package/src/Pagination.tsx +250 -0
- package/src/Popover.native.tsx +139 -0
- package/src/Popover.tsx +175 -0
- package/src/Popper.tsx +399 -0
- package/src/Progress.native.tsx +197 -0
- package/src/Progress.tsx +286 -0
- package/src/ProgressCircle.tsx +200 -0
- package/src/RadioCardGroup.tsx +97 -0
- package/src/RadioGroup.native.tsx +153 -0
- package/src/RadioGroup.tsx +201 -0
- package/src/Resizable.native.tsx +76 -0
- package/src/Resizable.tsx +88 -0
- package/src/RichTextEditor.tsx +513 -0
- package/src/ScrollArea.native.tsx +36 -0
- package/src/ScrollArea.tsx +62 -0
- package/src/SearchField.native.tsx +104 -0
- package/src/SearchField.tsx +136 -0
- package/src/SectionHeader.native.tsx +226 -0
- package/src/SectionHeader.tsx +250 -0
- package/src/Select.native.tsx +299 -0
- package/src/Select.tsx +710 -0
- package/src/Separator.native.tsx +38 -0
- package/src/Separator.tsx +43 -0
- package/src/Sheet.native.tsx +233 -0
- package/src/Sheet.tsx +329 -0
- package/src/Sidebar.tsx +956 -0
- package/src/Skeleton.native.tsx +47 -0
- package/src/Skeleton.tsx +29 -0
- package/src/Slider.native.tsx +64 -0
- package/src/Slider.tsx +284 -0
- package/src/SortableList.tsx +158 -0
- package/src/SparkChart.tsx +143 -0
- package/src/StatCard.native.tsx +64 -0
- package/src/StatCard.tsx +75 -0
- package/src/StatusBadge.native.tsx +57 -0
- package/src/StatusBadge.tsx +52 -0
- package/src/Switch.native.tsx +78 -0
- package/src/Switch.tsx +94 -0
- package/src/TabNavigation.tsx +329 -0
- package/src/Table.native.tsx +183 -0
- package/src/Table.tsx +260 -0
- package/src/Tabs.native.tsx +139 -0
- package/src/Tabs.tsx +216 -0
- package/src/Tag.native.tsx +87 -0
- package/src/Tag.tsx +93 -0
- package/src/Text.native.tsx +95 -0
- package/src/Text.tsx +93 -0
- package/src/Textarea.native.tsx +64 -0
- package/src/Textarea.tsx +66 -0
- package/src/TitleBar.native.tsx +46 -0
- package/src/TitleBar.tsx +64 -0
- package/src/Toast.native.tsx +366 -0
- package/src/Toast.tsx +408 -0
- package/src/Toggle.native.tsx +162 -0
- package/src/Toggle.tsx +169 -0
- package/src/Tooltip.native.tsx +62 -0
- package/src/Tooltip.tsx +88 -0
- package/src/TopBar.native.tsx +223 -0
- package/src/TopBar.tsx +436 -0
- package/src/Tracker.tsx +244 -0
- package/src/TransferList.native.tsx +180 -0
- package/src/TransferList.tsx +297 -0
- package/src/globals.d.ts +1 -0
- package/src/index.ts +502 -0
- package/src/internal/cn.ts +31 -0
package/dist/Select.js
ADDED
|
@@ -0,0 +1,310 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
/**
|
|
4
|
+
* Select (web variant — React DOM).
|
|
5
|
+
*
|
|
6
|
+
* Custom composable select dropdown. No native `<select>` or external deps.
|
|
7
|
+
*
|
|
8
|
+
* Usage:
|
|
9
|
+
* <Select value={val} onValueChange={setVal}>
|
|
10
|
+
* <SelectTrigger placeholder="Pick a fruit" />
|
|
11
|
+
* <SelectContent>
|
|
12
|
+
* <SelectItem value="apple">Apple</SelectItem>
|
|
13
|
+
* <SelectItem value="banana">Banana</SelectItem>
|
|
14
|
+
* </SelectContent>
|
|
15
|
+
* </Select>
|
|
16
|
+
*
|
|
17
|
+
* Controlled-only: pass `value` / `onValueChange`.
|
|
18
|
+
* Keyboard: ArrowDown/Up to navigate, Enter to select, Escape to close.
|
|
19
|
+
* WCAG 2.1 AA: role="listbox", role="option", aria-expanded, aria-selected.
|
|
20
|
+
*
|
|
21
|
+
* Wiki: docs/components/Select.md
|
|
22
|
+
*/
|
|
23
|
+
import { forwardRef, Children, createContext, isValidElement, useContext, useCallback, useEffect, useRef, useState, } from 'react';
|
|
24
|
+
import { cva } from 'class-variance-authority';
|
|
25
|
+
import ReactSelectBase, {} from 'react-select';
|
|
26
|
+
import ReactAsyncSelectBase, {} from 'react-select/async';
|
|
27
|
+
import ReactCreatableSelectBase, {} from 'react-select/creatable';
|
|
28
|
+
import ReactAsyncCreatableSelectBase, {} from 'react-select/async-creatable';
|
|
29
|
+
import makeAnimated from 'react-select/animated';
|
|
30
|
+
import { cn } from './internal/cn.js';
|
|
31
|
+
export function getReactSelectAnimatedComponents() {
|
|
32
|
+
return makeAnimated();
|
|
33
|
+
}
|
|
34
|
+
export const reactSelectAnimatedComponents = getReactSelectAnimatedComponents();
|
|
35
|
+
const reactSelectClassNames = {
|
|
36
|
+
clearIndicator: ({ isFocused }) => cn('rounded-md p-1 text-muted-foreground transition-colors', 'hover:bg-muted hover:text-foreground', isFocused && 'text-foreground'),
|
|
37
|
+
control: ({ isDisabled, isFocused }) => cn('min-h-10 rounded-lg border bg-card px-2.5 text-body-sm shadow-mi-input transition-colors', 'hover:border-primary/60', isFocused ? 'border-primary ring-2 ring-ring/20' : 'border-border', isDisabled && 'cursor-not-allowed bg-muted opacity-50'),
|
|
38
|
+
dropdownIndicator: ({ isFocused }) => cn('rounded-md p-1 text-muted-foreground transition-colors', 'hover:bg-muted hover:text-foreground', isFocused && 'text-foreground'),
|
|
39
|
+
group: () => 'py-1',
|
|
40
|
+
groupHeading: () => 'px-2 py-1 text-xs font-semibold text-muted-foreground',
|
|
41
|
+
indicatorsContainer: () => 'gap-1',
|
|
42
|
+
indicatorSeparator: () => 'mx-1 my-2 w-px self-stretch bg-border',
|
|
43
|
+
input: () => 'text-foreground',
|
|
44
|
+
loadingIndicator: () => 'text-muted-foreground',
|
|
45
|
+
loadingMessage: () => 'px-3 py-6 text-center text-body-sm text-muted-foreground',
|
|
46
|
+
menu: () => 'z-50 mt-1 overflow-hidden rounded-lg border border-border bg-card text-card-foreground shadow-mi-input',
|
|
47
|
+
menuList: () => 'max-h-72 overflow-y-auto p-1',
|
|
48
|
+
multiValue: () => 'm-0.5 inline-flex items-center gap-1 rounded-md bg-muted text-foreground',
|
|
49
|
+
multiValueLabel: () => 'px-2 py-0.5 text-xs font-medium',
|
|
50
|
+
multiValueRemove: () => cn('rounded-r-md px-1 text-muted-foreground transition-colors', 'hover:bg-destructive hover:text-destructive-foreground'),
|
|
51
|
+
noOptionsMessage: () => 'px-3 py-6 text-center text-body-sm text-muted-foreground',
|
|
52
|
+
option: ({ isDisabled, isFocused, isSelected }) => cn('cursor-pointer rounded-md px-2 py-1.5 text-body-sm outline-none transition-colors', isFocused && 'bg-muted', isSelected && 'bg-primary text-primary-foreground', isDisabled && 'pointer-events-none cursor-not-allowed opacity-50'),
|
|
53
|
+
placeholder: () => 'text-muted-foreground',
|
|
54
|
+
singleValue: () => 'text-foreground',
|
|
55
|
+
valueContainer: () => 'gap-1 py-1.5',
|
|
56
|
+
};
|
|
57
|
+
function withReactSelectDefaults(props) {
|
|
58
|
+
const { className, classNamePrefix = 'mihcm-select', classNames, unstyled = true, ...rest } = props;
|
|
59
|
+
const defaultClassNames = reactSelectClassNames;
|
|
60
|
+
return {
|
|
61
|
+
...rest,
|
|
62
|
+
className: cn('w-full min-w-0', className),
|
|
63
|
+
classNamePrefix,
|
|
64
|
+
classNames: {
|
|
65
|
+
...defaultClassNames,
|
|
66
|
+
...classNames,
|
|
67
|
+
},
|
|
68
|
+
unstyled,
|
|
69
|
+
};
|
|
70
|
+
}
|
|
71
|
+
/* ── React Select powered exports ──────────────────────────────────── */
|
|
72
|
+
export function ReactSelect(props) {
|
|
73
|
+
return (_jsx(ReactSelectBase, { ...withReactSelectDefaults(props) }));
|
|
74
|
+
}
|
|
75
|
+
export function ReactAsyncSelect(props) {
|
|
76
|
+
return (_jsx(ReactAsyncSelectBase, { ...withReactSelectDefaults(props) }));
|
|
77
|
+
}
|
|
78
|
+
export function ReactCreatableSelect(props) {
|
|
79
|
+
return (_jsx(ReactCreatableSelectBase, { ...withReactSelectDefaults(props) }));
|
|
80
|
+
}
|
|
81
|
+
export function ReactAsyncCreatableSelect(props) {
|
|
82
|
+
return (_jsx(ReactAsyncCreatableSelectBase, { ...withReactSelectDefaults(props) }));
|
|
83
|
+
}
|
|
84
|
+
const SelectContext = createContext(null);
|
|
85
|
+
function useSelectContext() {
|
|
86
|
+
const ctx = useContext(SelectContext);
|
|
87
|
+
if (!ctx)
|
|
88
|
+
throw new Error('Select sub-components must be used within <Select>.');
|
|
89
|
+
return ctx;
|
|
90
|
+
}
|
|
91
|
+
function getTextLabel(children) {
|
|
92
|
+
if (typeof children === 'string' || typeof children === 'number') {
|
|
93
|
+
return String(children);
|
|
94
|
+
}
|
|
95
|
+
return undefined;
|
|
96
|
+
}
|
|
97
|
+
function findSelectItemLabel(children, value) {
|
|
98
|
+
if (!value)
|
|
99
|
+
return undefined;
|
|
100
|
+
let match;
|
|
101
|
+
Children.forEach(children, (child) => {
|
|
102
|
+
if (match || !isValidElement(child))
|
|
103
|
+
return;
|
|
104
|
+
const props = child.props;
|
|
105
|
+
if (props.value === value) {
|
|
106
|
+
match = getTextLabel(props.children);
|
|
107
|
+
return;
|
|
108
|
+
}
|
|
109
|
+
match = findSelectItemLabel(props.children, value);
|
|
110
|
+
});
|
|
111
|
+
return match;
|
|
112
|
+
}
|
|
113
|
+
export function Select({ value, onValueChange, open: controlledOpen, onOpenChange, disabled, children, }) {
|
|
114
|
+
const [internalOpen, setInternalOpen] = useState(false);
|
|
115
|
+
const open = controlledOpen ?? internalOpen;
|
|
116
|
+
const setOpen = useCallback((next) => {
|
|
117
|
+
if (disabled && next)
|
|
118
|
+
return;
|
|
119
|
+
onOpenChange?.(next);
|
|
120
|
+
setInternalOpen(next);
|
|
121
|
+
}, [disabled, onOpenChange]);
|
|
122
|
+
const triggerRef = useRef(null);
|
|
123
|
+
const setTriggerRef = useCallback((el) => {
|
|
124
|
+
triggerRef.current = el;
|
|
125
|
+
}, []);
|
|
126
|
+
const [selectedLabel, setSelectedLabel] = useState();
|
|
127
|
+
const handleValueChange = useCallback((v) => {
|
|
128
|
+
onValueChange?.(v);
|
|
129
|
+
setOpen(false);
|
|
130
|
+
}, [onValueChange, setOpen]);
|
|
131
|
+
const getLabelForValue = useCallback((nextValue) => findSelectItemLabel(children, nextValue), [children]);
|
|
132
|
+
return (_jsx(SelectContext.Provider, { value: {
|
|
133
|
+
value,
|
|
134
|
+
onValueChange: handleValueChange,
|
|
135
|
+
open,
|
|
136
|
+
setOpen,
|
|
137
|
+
disabled: !!disabled,
|
|
138
|
+
triggerRef,
|
|
139
|
+
setTriggerRef,
|
|
140
|
+
selectedLabel,
|
|
141
|
+
setSelectedLabel,
|
|
142
|
+
getLabelForValue,
|
|
143
|
+
}, children: _jsx("div", { className: "relative inline-block", children: children }) }));
|
|
144
|
+
}
|
|
145
|
+
/* ── Trigger ───────────────────────────────────────────────────────── */
|
|
146
|
+
export const selectTriggerVariants = cva('inline-flex w-full items-center justify-between gap-2 rounded-lg border bg-card text-foreground shadow-mi-input ' +
|
|
147
|
+
'transition-colors duration-150 ' +
|
|
148
|
+
'focus-visible:outline-none focus-visible:border-primary ' +
|
|
149
|
+
'disabled:pointer-events-none disabled:opacity-50 ' +
|
|
150
|
+
'select-none whitespace-nowrap', {
|
|
151
|
+
variants: {
|
|
152
|
+
variant: {
|
|
153
|
+
default: 'border-border',
|
|
154
|
+
destructive: 'border-destructive text-destructive focus-visible:border-destructive',
|
|
155
|
+
},
|
|
156
|
+
size: {
|
|
157
|
+
sm: 'h-9 px-3 text-body-sm',
|
|
158
|
+
md: 'h-10 px-3.5 text-body-sm',
|
|
159
|
+
lg: 'h-12 px-4 text-body-sm',
|
|
160
|
+
},
|
|
161
|
+
},
|
|
162
|
+
defaultVariants: {
|
|
163
|
+
variant: 'default',
|
|
164
|
+
size: 'md',
|
|
165
|
+
},
|
|
166
|
+
});
|
|
167
|
+
export const SelectTrigger = forwardRef(function SelectTrigger({ className, variant, size, placeholder, disabled, id, ...props }, ref) {
|
|
168
|
+
const ctx = useSelectContext();
|
|
169
|
+
const isDisabled = disabled ?? ctx.disabled;
|
|
170
|
+
const listboxId = id ? `${id}-listbox` : undefined;
|
|
171
|
+
const handleClick = useCallback(() => {
|
|
172
|
+
ctx.setOpen(!ctx.open);
|
|
173
|
+
}, [ctx]);
|
|
174
|
+
const handleKeyDown = useCallback((e) => {
|
|
175
|
+
if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Enter' || e.key === ' ') {
|
|
176
|
+
e.preventDefault();
|
|
177
|
+
if (!ctx.open)
|
|
178
|
+
ctx.setOpen(true);
|
|
179
|
+
}
|
|
180
|
+
}, [ctx]);
|
|
181
|
+
// Merge refs
|
|
182
|
+
const setRef = useCallback((el) => {
|
|
183
|
+
ctx.setTriggerRef(el);
|
|
184
|
+
if (typeof ref === 'function')
|
|
185
|
+
ref(el);
|
|
186
|
+
else if (ref)
|
|
187
|
+
ref.current = el;
|
|
188
|
+
}, [ctx, ref]);
|
|
189
|
+
const selectedLabel = ctx.selectedLabel;
|
|
190
|
+
const hasValue = ctx.value !== undefined && ctx.value !== '';
|
|
191
|
+
const displayText = hasValue && selectedLabel && selectedLabel.value === ctx.value
|
|
192
|
+
? selectedLabel.label
|
|
193
|
+
: hasValue
|
|
194
|
+
? ctx.getLabelForValue(ctx.value) ?? ctx.value
|
|
195
|
+
: undefined;
|
|
196
|
+
return (_jsxs("button", { ref: setRef, type: "button", id: id, role: "combobox", "aria-expanded": ctx.open, "aria-haspopup": "listbox", "aria-controls": ctx.open ? listboxId : undefined, disabled: isDisabled, onClick: handleClick, onKeyDown: handleKeyDown, className: cn(selectTriggerVariants({ variant, size }), className), ...props, children: [_jsx("span", { className: cn('truncate', !displayText && 'text-muted-foreground'), children: displayText ?? placeholder ?? 'Select…' }), _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" }) })] }));
|
|
197
|
+
});
|
|
198
|
+
export const SelectContent = forwardRef(function SelectContent({ className, children, ...props }, ref) {
|
|
199
|
+
const ctx = useSelectContext();
|
|
200
|
+
const contentRef = useRef(null);
|
|
201
|
+
const focusedIndexRef = useRef(-1);
|
|
202
|
+
// Close on click outside
|
|
203
|
+
useEffect(() => {
|
|
204
|
+
if (!ctx.open)
|
|
205
|
+
return;
|
|
206
|
+
function handleClickOutside(e) {
|
|
207
|
+
const target = e.target;
|
|
208
|
+
if (contentRef.current &&
|
|
209
|
+
!contentRef.current.contains(target) &&
|
|
210
|
+
ctx.triggerRef.current &&
|
|
211
|
+
!ctx.triggerRef.current.contains(target)) {
|
|
212
|
+
ctx.setOpen(false);
|
|
213
|
+
}
|
|
214
|
+
}
|
|
215
|
+
document.addEventListener('mousedown', handleClickOutside);
|
|
216
|
+
return () => document.removeEventListener('mousedown', handleClickOutside);
|
|
217
|
+
}, [ctx]);
|
|
218
|
+
// Keyboard navigation within the list
|
|
219
|
+
useEffect(() => {
|
|
220
|
+
if (!ctx.open)
|
|
221
|
+
return;
|
|
222
|
+
function handleKeyDown(e) {
|
|
223
|
+
const options = contentRef.current?.querySelectorAll('[role="option"]');
|
|
224
|
+
if (!options?.length)
|
|
225
|
+
return;
|
|
226
|
+
if (e.key === 'Escape') {
|
|
227
|
+
e.preventDefault();
|
|
228
|
+
ctx.setOpen(false);
|
|
229
|
+
ctx.triggerRef.current?.focus();
|
|
230
|
+
return;
|
|
231
|
+
}
|
|
232
|
+
if (e.key === 'ArrowDown') {
|
|
233
|
+
e.preventDefault();
|
|
234
|
+
focusedIndexRef.current = Math.min(focusedIndexRef.current + 1, options.length - 1);
|
|
235
|
+
options[focusedIndexRef.current]?.focus();
|
|
236
|
+
}
|
|
237
|
+
else if (e.key === 'ArrowUp') {
|
|
238
|
+
e.preventDefault();
|
|
239
|
+
focusedIndexRef.current = Math.max(focusedIndexRef.current - 1, 0);
|
|
240
|
+
options[focusedIndexRef.current]?.focus();
|
|
241
|
+
}
|
|
242
|
+
}
|
|
243
|
+
document.addEventListener('keydown', handleKeyDown);
|
|
244
|
+
return () => document.removeEventListener('keydown', handleKeyDown);
|
|
245
|
+
}, [ctx]);
|
|
246
|
+
// Focus first option (or selected) on open
|
|
247
|
+
useEffect(() => {
|
|
248
|
+
if (!ctx.open || !contentRef.current)
|
|
249
|
+
return;
|
|
250
|
+
focusedIndexRef.current = -1;
|
|
251
|
+
const selected = contentRef.current.querySelector('[aria-selected="true"]');
|
|
252
|
+
if (selected) {
|
|
253
|
+
selected.focus();
|
|
254
|
+
}
|
|
255
|
+
else {
|
|
256
|
+
const first = contentRef.current.querySelector('[role="option"]');
|
|
257
|
+
first?.focus();
|
|
258
|
+
}
|
|
259
|
+
}, [ctx.open]);
|
|
260
|
+
// Merge refs
|
|
261
|
+
const setRef = useCallback((el) => {
|
|
262
|
+
contentRef.current = el;
|
|
263
|
+
if (typeof ref === 'function')
|
|
264
|
+
ref(el);
|
|
265
|
+
else if (ref)
|
|
266
|
+
ref.current = el;
|
|
267
|
+
}, [ref]);
|
|
268
|
+
if (!ctx.open)
|
|
269
|
+
return null;
|
|
270
|
+
return (_jsx("div", { ref: setRef, id: ctx.triggerRef.current?.id ? `${ctx.triggerRef.current.id}-listbox` : undefined, role: "listbox", "aria-labelledby": ctx.triggerRef.current?.id || undefined, className: cn('absolute left-0 top-full z-50 mt-1 w-full min-w-[8rem] overflow-hidden rounded-lg', 'border border-border bg-card text-card-foreground shadow-mi-input', 'animate-dropdown-in', className), ...props, children: _jsx("div", { className: "max-h-60 overflow-y-auto p-1", children: children }) }));
|
|
271
|
+
});
|
|
272
|
+
export const SelectItem = forwardRef(function SelectItem({ className, value, disabled, children, ...props }, ref) {
|
|
273
|
+
const ctx = useSelectContext();
|
|
274
|
+
const { onValueChange, selectedLabel, setSelectedLabel, triggerRef } = ctx;
|
|
275
|
+
const isSelected = ctx.value === value;
|
|
276
|
+
// Register label of selected item
|
|
277
|
+
useEffect(() => {
|
|
278
|
+
if (isSelected &&
|
|
279
|
+
typeof children === 'string' &&
|
|
280
|
+
(selectedLabel?.value !== value || selectedLabel.label !== children)) {
|
|
281
|
+
setSelectedLabel({ value, label: children });
|
|
282
|
+
}
|
|
283
|
+
}, [isSelected, children, selectedLabel?.label, selectedLabel?.value, setSelectedLabel, value]);
|
|
284
|
+
const handleSelect = useCallback(() => {
|
|
285
|
+
if (disabled)
|
|
286
|
+
return;
|
|
287
|
+
if (typeof children === 'string') {
|
|
288
|
+
setSelectedLabel({ value, label: children });
|
|
289
|
+
}
|
|
290
|
+
onValueChange(value);
|
|
291
|
+
triggerRef.current?.focus();
|
|
292
|
+
}, [children, disabled, onValueChange, setSelectedLabel, triggerRef, value]);
|
|
293
|
+
const handleKeyDown = useCallback((e) => {
|
|
294
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
295
|
+
e.preventDefault();
|
|
296
|
+
handleSelect();
|
|
297
|
+
}
|
|
298
|
+
}, [handleSelect]);
|
|
299
|
+
return (_jsxs("div", { ref: ref, role: "option", "aria-selected": isSelected, "aria-disabled": disabled || undefined, tabIndex: disabled ? undefined : -1, onClick: handleSelect, onKeyDown: handleKeyDown, className: cn('relative flex cursor-pointer items-center rounded-md px-2 py-1.5 text-body-sm outline-none', 'transition-colors duration-150', 'hover:bg-muted focus:bg-muted', isSelected && 'font-medium', disabled && 'pointer-events-none opacity-50', className), ...props, children: [_jsx("span", { className: "mr-2 inline-flex h-4 w-4 shrink-0 items-center justify-center", children: isSelected && (_jsx("svg", { "aria-hidden": true, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 8l3 3 7-7" }) })) }), _jsx("span", { className: "truncate", children: children })] }));
|
|
300
|
+
});
|
|
301
|
+
export const SelectGroup = forwardRef(function SelectGroup({ className, ...props }, ref) {
|
|
302
|
+
return _jsx("div", { ref: ref, role: "group", className: cn('py-1', className), ...props });
|
|
303
|
+
});
|
|
304
|
+
export const SelectLabel = forwardRef(function SelectLabel({ className, ...props }, ref) {
|
|
305
|
+
return (_jsx("div", { ref: ref, className: cn('px-2 py-1.5 text-xs font-semibold text-muted-foreground', className), ...props }));
|
|
306
|
+
});
|
|
307
|
+
export const SelectSeparator = forwardRef(function SelectSeparator({ className, ...props }, ref) {
|
|
308
|
+
return (_jsx("hr", { ref: ref, className: cn('-mx-1 my-1 border-t border-border', className), ...props }));
|
|
309
|
+
});
|
|
310
|
+
//# sourceMappingURL=Select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Select (React Native variant).
|
|
3
|
+
*
|
|
4
|
+
* Uses Modal + FlatList for an iOS-idiomatic bottom-sheet picker.
|
|
5
|
+
* Same prop API as the web variant.
|
|
6
|
+
*
|
|
7
|
+
* Wiki: docs/components/Select.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 SelectProps {
|
|
16
|
+
value?: string;
|
|
17
|
+
onValueChange?: (value: string) => void;
|
|
18
|
+
open?: boolean;
|
|
19
|
+
onOpenChange?: (open: boolean) => void;
|
|
20
|
+
disabled?: boolean;
|
|
21
|
+
children: ReactNode;
|
|
22
|
+
}
|
|
23
|
+
export declare function Select({ value, onValueChange, open: controlledOpen, onOpenChange, disabled, children, }: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export declare const selectTriggerVariants: (props?: ({
|
|
25
|
+
variant?: "default" | "destructive" | null | undefined;
|
|
26
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
27
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
28
|
+
export interface SelectTriggerProps extends ClassedViewProps, VariantProps<typeof selectTriggerVariants> {
|
|
29
|
+
placeholder?: string;
|
|
30
|
+
disabled?: boolean;
|
|
31
|
+
}
|
|
32
|
+
export declare const SelectTrigger: import("react").ForwardRefExoticComponent<SelectTriggerProps & import("react").RefAttributes<View>>;
|
|
33
|
+
export interface SelectContentProps extends ClassedViewProps {
|
|
34
|
+
}
|
|
35
|
+
export declare const SelectContent: import("react").ForwardRefExoticComponent<SelectContentProps & import("react").RefAttributes<View>>;
|
|
36
|
+
export interface SelectItemProps extends ClassedViewProps {
|
|
37
|
+
value: string;
|
|
38
|
+
disabled?: boolean;
|
|
39
|
+
children: ReactNode;
|
|
40
|
+
}
|
|
41
|
+
export declare const SelectItem: import("react").ForwardRefExoticComponent<SelectItemProps & import("react").RefAttributes<View>>;
|
|
42
|
+
export interface SelectGroupProps extends ClassedViewProps {
|
|
43
|
+
}
|
|
44
|
+
export declare const SelectGroup: import("react").ForwardRefExoticComponent<SelectGroupProps & import("react").RefAttributes<View>>;
|
|
45
|
+
export interface SelectLabelProps extends ClassedViewProps {
|
|
46
|
+
children: ReactNode;
|
|
47
|
+
}
|
|
48
|
+
export declare const SelectLabel: import("react").ForwardRefExoticComponent<SelectLabelProps & import("react").RefAttributes<View>>;
|
|
49
|
+
export interface SelectSeparatorProps extends ClassedViewProps {
|
|
50
|
+
}
|
|
51
|
+
export declare const SelectSeparator: import("react").ForwardRefExoticComponent<SelectSeparatorProps & import("react").RefAttributes<View>>;
|
|
52
|
+
export {};
|
|
53
|
+
//# sourceMappingURL=Select.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.native.d.ts","sourceRoot":"","sources":["../src/Select.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAML,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;AAuB1E,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,aAAa,EACb,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,QAAQ,EACR,QAAQ,GACT,EAAE,WAAW,2CA6Bb;AAID,eAAO,MAAM,qBAAqB;;;8EAmBjC,CAAC;AAEF,MAAM,WAAW,kBACf,SAAQ,gBAAgB,EACtB,YAAY,CAAC,OAAO,qBAAqB,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,qGAiCzB,CAAC;AAIF,MAAM,WAAW,kBAAmB,SAAQ,gBAAgB;CAAG;AAE/D,eAAO,MAAM,aAAa,qGAmCzB,CAAC;AAIF,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,kGA8CtB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;CAAG;AAE7D,eAAO,MAAM,WAAW,mGAIvB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,mGAQvB,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;CAAG;AAEjE,eAAO,MAAM,eAAe,uGAU3B,CAAC"}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Select (React Native variant).
|
|
4
|
+
*
|
|
5
|
+
* Uses Modal + FlatList for an iOS-idiomatic bottom-sheet picker.
|
|
6
|
+
* Same prop API as the web variant.
|
|
7
|
+
*
|
|
8
|
+
* Wiki: docs/components/Select.md
|
|
9
|
+
*/
|
|
10
|
+
import { forwardRef, createContext, useContext, useCallback, useState, } from 'react';
|
|
11
|
+
import { Modal, Pressable, Text, View, } from 'react-native';
|
|
12
|
+
import { cva } from 'class-variance-authority';
|
|
13
|
+
import { cn } from './internal/cn.js';
|
|
14
|
+
const SelectContext = createContext(null);
|
|
15
|
+
function useSelectContext() {
|
|
16
|
+
const ctx = useContext(SelectContext);
|
|
17
|
+
if (!ctx)
|
|
18
|
+
throw new Error('Select sub-components must be used within <Select>.');
|
|
19
|
+
return ctx;
|
|
20
|
+
}
|
|
21
|
+
export function Select({ value, onValueChange, open: controlledOpen, onOpenChange, disabled, children, }) {
|
|
22
|
+
const [internalOpen, setInternalOpen] = useState(false);
|
|
23
|
+
const open = controlledOpen ?? internalOpen;
|
|
24
|
+
const setOpen = useCallback((next) => {
|
|
25
|
+
if (disabled && next)
|
|
26
|
+
return;
|
|
27
|
+
onOpenChange?.(next);
|
|
28
|
+
setInternalOpen(next);
|
|
29
|
+
}, [disabled, onOpenChange]);
|
|
30
|
+
const [selectedLabel, setSelectedLabel] = useState();
|
|
31
|
+
const handleValueChange = useCallback((v) => {
|
|
32
|
+
onValueChange?.(v);
|
|
33
|
+
setOpen(false);
|
|
34
|
+
}, [onValueChange, setOpen]);
|
|
35
|
+
return (_jsx(SelectContext.Provider, { value: { value, onValueChange: handleValueChange, open, setOpen, selectedLabel, setSelectedLabel }, children: children }));
|
|
36
|
+
}
|
|
37
|
+
/* ── Trigger ───────────────────────────────────────────────────────── */
|
|
38
|
+
export const selectTriggerVariants = cva('flex-row items-center justify-between rounded-lg border bg-card shadow-mi-input', {
|
|
39
|
+
variants: {
|
|
40
|
+
variant: {
|
|
41
|
+
default: 'border-border',
|
|
42
|
+
destructive: 'border-destructive',
|
|
43
|
+
},
|
|
44
|
+
size: {
|
|
45
|
+
sm: 'h-9 px-3',
|
|
46
|
+
md: 'h-10 px-3.5',
|
|
47
|
+
lg: 'h-12 px-4',
|
|
48
|
+
},
|
|
49
|
+
},
|
|
50
|
+
defaultVariants: {
|
|
51
|
+
variant: 'default',
|
|
52
|
+
size: 'md',
|
|
53
|
+
},
|
|
54
|
+
});
|
|
55
|
+
export const SelectTrigger = forwardRef(function SelectTrigger({ className, variant, size, placeholder, disabled, ...props }, ref) {
|
|
56
|
+
const ctx = useSelectContext();
|
|
57
|
+
const displayText = ctx.selectedLabel ?? ctx.value;
|
|
58
|
+
return (_jsxs(Pressable, { ref: ref, accessibilityRole: "combobox", accessibilityState: { disabled: !!disabled, expanded: ctx.open }, disabled: disabled, onPress: () => ctx.setOpen(!ctx.open), className: cn(selectTriggerVariants({ variant, size }), disabled && 'opacity-50', className), ...props, children: [_jsx(Text, { className: cn('flex-1 text-sm text-foreground', !displayText && 'text-muted-foreground'), numberOfLines: 1, children: displayText ?? placeholder ?? 'Select…' }), _jsx(Text, { className: "ml-2 text-xs text-muted-foreground", children: '▾' })] }));
|
|
59
|
+
});
|
|
60
|
+
export const SelectContent = forwardRef(function SelectContent({ className, children, ...props }, ref) {
|
|
61
|
+
const ctx = useSelectContext();
|
|
62
|
+
return (_jsx(Modal, { visible: ctx.open, transparent: true, animationType: "slide", onRequestClose: () => ctx.setOpen(false), statusBarTranslucent: true, children: _jsx(Pressable, { onPress: () => ctx.setOpen(false), className: "flex-1 justify-end bg-black/40", accessibilityRole: "none", children: _jsx(Pressable, { onPress: (e) => e.stopPropagation(), children: _jsxs(View, { ref: ref, className: cn('max-h-80 rounded-t-2xl border-t border-border bg-card px-2 pb-8 pt-4', className), ...props, children: [_jsx(View, { className: "mb-3 h-1 w-10 self-center rounded-full bg-border" }), children] }) }) }) }));
|
|
63
|
+
});
|
|
64
|
+
export const SelectItem = forwardRef(function SelectItem({ className, value, disabled, children, ...props }, ref) {
|
|
65
|
+
const ctx = useSelectContext();
|
|
66
|
+
const isSelected = ctx.value === value;
|
|
67
|
+
// Register label of selected item
|
|
68
|
+
if (isSelected && typeof children === 'string' && ctx.selectedLabel !== children) {
|
|
69
|
+
ctx.setSelectedLabel(children);
|
|
70
|
+
}
|
|
71
|
+
return (_jsxs(Pressable, { ref: ref, accessibilityRole: "menuitem", accessibilityState: { selected: isSelected, disabled: !!disabled }, disabled: disabled, onPress: () => {
|
|
72
|
+
if (!disabled) {
|
|
73
|
+
ctx.onValueChange(value);
|
|
74
|
+
}
|
|
75
|
+
}, className: cn('flex-row items-center rounded-lg px-3 py-3', isSelected && 'bg-primary/10', disabled && 'opacity-50', className), ...props, children: [_jsx(View, { className: "mr-3 h-5 w-5 items-center justify-center", children: isSelected && (_jsx(Text, { className: "text-primary text-sm", children: '✓' })) }), _jsx(Text, { className: cn('flex-1 text-sm text-foreground', isSelected && 'font-medium text-primary'), numberOfLines: 1, children: children })] }));
|
|
76
|
+
});
|
|
77
|
+
export const SelectGroup = forwardRef(function SelectGroup({ className, ...props }, ref) {
|
|
78
|
+
return _jsx(View, { ref: ref, className: cn('py-1', className), ...props });
|
|
79
|
+
});
|
|
80
|
+
export const SelectLabel = forwardRef(function SelectLabel({ className, children, ...props }, ref) {
|
|
81
|
+
return (_jsx(View, { ref: ref, className: cn('px-3 py-1.5', className), ...props, children: _jsx(Text, { className: "text-xs font-semibold text-muted-foreground", children: children }) }));
|
|
82
|
+
});
|
|
83
|
+
export const SelectSeparator = forwardRef(function SelectSeparator({ className, ...props }, ref) {
|
|
84
|
+
return (_jsx(View, { ref: ref, className: cn('my-1 h-px bg-border', className), ...props }));
|
|
85
|
+
});
|
|
86
|
+
//# sourceMappingURL=Select.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.native.js","sourceRoot":"","sources":["../src/Select.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Separator (web variant — React DOM).
|
|
3
|
+
*
|
|
4
|
+
* A semantic divider. `decorative={true}` (the default) hides it from
|
|
5
|
+
* the accessibility tree because the surrounding visual layout already
|
|
6
|
+
* implies the boundary. Pass `decorative={false}` only when the rule
|
|
7
|
+
* separates two genuinely independent sections (e.g., between an
|
|
8
|
+
* article and a related-items panel) — then it gets `role="separator"`.
|
|
9
|
+
*
|
|
10
|
+
* Wiki: docs/components/Separator.md
|
|
11
|
+
*/
|
|
12
|
+
import { type HTMLAttributes } from 'react';
|
|
13
|
+
export interface SeparatorProps extends HTMLAttributes<HTMLDivElement> {
|
|
14
|
+
/** Defaults to `horizontal`. */
|
|
15
|
+
orientation?: 'horizontal' | 'vertical';
|
|
16
|
+
/** Hidden from a11y tree when true (default). */
|
|
17
|
+
decorative?: boolean;
|
|
18
|
+
}
|
|
19
|
+
export declare const Separator: import("react").ForwardRefExoticComponent<SeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
20
|
+
//# sourceMappingURL=Separator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../src/Separator.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGxD,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,gCAAgC;IAChC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,SAAS,2GAmBpB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
/**
|
|
4
|
+
* Separator (web variant — React DOM).
|
|
5
|
+
*
|
|
6
|
+
* A semantic divider. `decorative={true}` (the default) hides it from
|
|
7
|
+
* the accessibility tree because the surrounding visual layout already
|
|
8
|
+
* implies the boundary. Pass `decorative={false}` only when the rule
|
|
9
|
+
* separates two genuinely independent sections (e.g., between an
|
|
10
|
+
* article and a related-items panel) — then it gets `role="separator"`.
|
|
11
|
+
*
|
|
12
|
+
* Wiki: docs/components/Separator.md
|
|
13
|
+
*/
|
|
14
|
+
import { forwardRef } from 'react';
|
|
15
|
+
import { cn } from './internal/cn.js';
|
|
16
|
+
export const Separator = forwardRef(function Separator({ className, orientation = 'horizontal', decorative = true, ...props }, ref) {
|
|
17
|
+
const isHorizontal = orientation === 'horizontal';
|
|
18
|
+
return (_jsx("div", { ref: ref, role: decorative ? undefined : 'separator', "aria-orientation": decorative ? undefined : orientation, "aria-hidden": decorative || undefined, className: cn('shrink-0 bg-border', isHorizontal ? 'h-px w-full' : 'h-full w-px', className), ...props }));
|
|
19
|
+
});
|
|
20
|
+
//# sourceMappingURL=Separator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../src/Separator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;GAUG;AACH,OAAO,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAStC,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAiC,SAAS,SAAS,CACpF,EAAE,SAAS,EAAE,WAAW,GAAG,YAAY,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EACtE,GAAG;IAEH,MAAM,YAAY,GAAG,WAAW,KAAK,YAAY,CAAC;IAClD,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,sBACxB,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,iBACzC,UAAU,IAAI,SAAS,EACpC,SAAS,EAAE,EAAE,CACX,oBAAoB,EACpB,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,EAC5C,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { View, type ViewProps } from 'react-native';
|
|
2
|
+
export interface SeparatorProps extends ViewProps {
|
|
3
|
+
orientation?: 'horizontal' | 'vertical';
|
|
4
|
+
decorative?: boolean;
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const Separator: import("react").ForwardRefExoticComponent<SeparatorProps & import("react").RefAttributes<View>>;
|
|
8
|
+
//# sourceMappingURL=Separator.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Separator.native.d.ts","sourceRoot":"","sources":["../src/Separator.native.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpD,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,iGAmBpB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Separator (React Native variant).
|
|
4
|
+
*
|
|
5
|
+
* A styled `<View>` with `accessibilityRole="none"` when decorative
|
|
6
|
+
* (the default) so screen readers skip it.
|
|
7
|
+
*
|
|
8
|
+
* Wiki: docs/components/Separator.md
|
|
9
|
+
*/
|
|
10
|
+
import { forwardRef } from 'react';
|
|
11
|
+
import { View } from 'react-native';
|
|
12
|
+
import { cn } from './internal/cn.js';
|
|
13
|
+
export const Separator = forwardRef(function Separator({ className, orientation = 'horizontal', decorative = true, ...props }, ref) {
|
|
14
|
+
const isHorizontal = orientation === 'horizontal';
|
|
15
|
+
return (_jsx(View, { ref: ref, accessibilityRole: decorative ? 'none' : 'none', accessibilityElementsHidden: decorative, importantForAccessibility: decorative ? 'no-hide-descendants' : 'auto', className: cn('shrink-0 bg-border', isHorizontal ? 'h-px w-full' : 'h-full w-px', className), ...props }));
|
|
16
|
+
});
|
|
17
|
+
//# sourceMappingURL=Separator.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Separator.native.js","sourceRoot":"","sources":["../src/Separator.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAQtC,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAuB,SAAS,SAAS,CAC1E,EAAE,SAAS,EAAE,WAAW,GAAG,YAAY,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EACtE,GAAG;IAEH,MAAM,YAAY,GAAG,WAAW,KAAK,YAAY,CAAC;IAClD,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAC/C,2BAA2B,EAAE,UAAU,EACvC,yBAAyB,EAAE,UAAU,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,EACtE,SAAS,EAAE,EAAE,CACX,oBAAoB,EACpB,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,EAC5C,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
package/dist/Sheet.d.ts
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Sheet (web variant — React DOM).
|
|
3
|
+
*
|
|
4
|
+
* A slide-out panel from a screen edge, extending the Dialog pattern.
|
|
5
|
+
* Composable sub-components:
|
|
6
|
+
*
|
|
7
|
+
* <Sheet open={open} onOpenChange={setOpen}>
|
|
8
|
+
* <SheetContent side="right">
|
|
9
|
+
* <SheetHeader>
|
|
10
|
+
* <SheetTitle>Settings</SheetTitle>
|
|
11
|
+
* <SheetDescription>Adjust your preferences.</SheetDescription>
|
|
12
|
+
* </SheetHeader>
|
|
13
|
+
* ... body content ...
|
|
14
|
+
* <SheetFooter>
|
|
15
|
+
* <Button onClick={() => setOpen(false)}>Done</Button>
|
|
16
|
+
* </SheetFooter>
|
|
17
|
+
* </SheetContent>
|
|
18
|
+
* </Sheet>
|
|
19
|
+
*
|
|
20
|
+
* Controlled-only: pass `open` and `onOpenChange`.
|
|
21
|
+
* Dismisses on backdrop click and Escape (unlike AlertDialog).
|
|
22
|
+
*
|
|
23
|
+
* Wiki: docs/components/Sheet.md
|
|
24
|
+
*/
|
|
25
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
26
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
27
|
+
export interface SheetProps {
|
|
28
|
+
open: boolean;
|
|
29
|
+
onOpenChange: (open: boolean) => void;
|
|
30
|
+
children: ReactNode;
|
|
31
|
+
className?: string;
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* Root provider. Renders a native `<dialog>` and manages its
|
|
35
|
+
* `showModal()` / `close()` lifecycle. Dismisses on backdrop click
|
|
36
|
+
* and Escape key.
|
|
37
|
+
*/
|
|
38
|
+
export declare function Sheet({ open, onOpenChange, children, className }: SheetProps): import("react/jsx-runtime").JSX.Element;
|
|
39
|
+
export declare const sheetContentVariants: (props?: ({
|
|
40
|
+
side?: "bottom" | "left" | "right" | "top" | null | undefined;
|
|
41
|
+
size?: "full" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
42
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
43
|
+
export interface SheetContentProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof sheetContentVariants> {
|
|
44
|
+
}
|
|
45
|
+
export declare const SheetContent: import("react").ForwardRefExoticComponent<SheetContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
46
|
+
export interface SheetCloseProps extends HTMLAttributes<HTMLButtonElement> {
|
|
47
|
+
onClose?: () => void;
|
|
48
|
+
}
|
|
49
|
+
export declare const SheetClose: import("react").ForwardRefExoticComponent<SheetCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
50
|
+
export declare const SheetHeader: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
51
|
+
export declare const SheetFooter: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
52
|
+
export declare const SheetTitle: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
53
|
+
export declare const SheetDescription: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
54
|
+
//# sourceMappingURL=Sheet.d.ts.map
|