@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,30 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* SearchField (React Native variant).
|
|
4
|
+
*
|
|
5
|
+
* Same prop API as the web variant. Built on RN primitives directly
|
|
6
|
+
* (not on `Input`) so TypeScript can pick the right `View`/`TextInput`
|
|
7
|
+
* types without depending on the platform's export condition at
|
|
8
|
+
* type-check time.
|
|
9
|
+
*
|
|
10
|
+
* The icon and clear glyph are rendered as plain unicode characters
|
|
11
|
+
* inside `<Text>` to keep the package zero-dep — consumers wanting
|
|
12
|
+
* vector icons can pass their own via `trailingSlot`.
|
|
13
|
+
*
|
|
14
|
+
* Wiki: docs/components/SearchField.md
|
|
15
|
+
*/
|
|
16
|
+
import { forwardRef } from 'react';
|
|
17
|
+
import { Pressable, Text, TextInput, View, } from 'react-native';
|
|
18
|
+
import { cn } from './internal/cn.js';
|
|
19
|
+
const HEIGHT = {
|
|
20
|
+
sm: 'h-9',
|
|
21
|
+
md: 'h-10',
|
|
22
|
+
lg: 'h-12',
|
|
23
|
+
};
|
|
24
|
+
const SearchGlyph = ({ small }) => (_jsx(Text, { className: cn('text-muted-foreground', small ? 'text-xs' : 'text-sm'), children: '\u{1F50D}' }));
|
|
25
|
+
const ClearGlyph = () => (_jsx(Text, { className: "text-muted-foreground text-xs", children: '✕' }));
|
|
26
|
+
export const SearchField = forwardRef(function SearchField({ value, onValueChange, size = 'md', placeholder = 'Search…', className, trailingSlot, noClear = false, clearLabel = 'Clear search', accessibilityLabel, ...props }, ref) {
|
|
27
|
+
const showClear = !noClear && value.length > 0;
|
|
28
|
+
return (_jsxs(View, { className: cn('flex-row items-center gap-2 rounded-lg border border-border bg-card px-3.5 shadow-mi-input', HEIGHT[size], className), children: [_jsx(SearchGlyph, { small: size === 'sm' }), _jsx(TextInput, { ref: ref, value: value, onChangeText: onValueChange, placeholder: placeholder, accessibilityLabel: accessibilityLabel ?? placeholder, className: "flex-1 text-foreground", ...props }), showClear ? (_jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: clearLabel, onPress: () => onValueChange(''), className: "h-5 w-5 items-center justify-center rounded", children: _jsx(ClearGlyph, {}) })) : null, trailingSlot ? _jsx(View, { children: trailingSlot }) : null] }));
|
|
29
|
+
});
|
|
30
|
+
//# sourceMappingURL=SearchField.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchField.native.js","sourceRoot":"","sources":["../src/SearchField.native.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AACnD,OAAO,EACL,SAAS,EACT,IAAI,EACJ,SAAS,EACT,IAAI,GAEL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAItC,MAAM,MAAM,GAAoC;IAC9C,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;CACX,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAuB,EAAE,EAAE,CAAC,CACtD,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,YACxE,WAAW,GACP,CACR,CAAC;AAEF,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CACvB,KAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,YAAE,GAAG,GAAQ,CAC7D,CAAC;AAeF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAA8B,SAAS,WAAW,CACrF,EACE,KAAK,EACL,aAAa,EACb,IAAI,GAAG,IAAI,EACX,WAAW,GAAG,SAAS,EACvB,SAAS,EACT,YAAY,EACZ,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,cAAc,EAC3B,kBAAkB,EAClB,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,SAAS,GAAG,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAE/C,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,4FAA4F,EAC5F,MAAM,CAAC,IAAI,CAAC,EACZ,SAAS,CACV,aAED,KAAC,WAAW,IAAC,KAAK,EAAE,IAAI,KAAK,IAAI,GAAI,EACrC,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,aAAa,EAC3B,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,IAAI,WAAW,EACrD,SAAS,EAAC,wBAAwB,KAC9B,KAAK,GACT,EACD,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,SAAS,IACR,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,UAAU,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,EAChC,SAAS,EAAC,6CAA6C,YAEvD,KAAC,UAAU,KAAG,GACJ,CACb,CAAC,CAAC,CAAC,IAAI,EACP,YAAY,CAAC,CAAC,CAAC,KAAC,IAAI,cAAE,YAAY,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC7C,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* SectionHeader (web variant — React DOM).
|
|
3
|
+
*
|
|
4
|
+
* Small two-line header used inside permission editors and settings
|
|
5
|
+
* panels. Top line is a 15px semibold title; bottom line is an
|
|
6
|
+
* optional 12px muted description. Extracted from the MiHCM Security
|
|
7
|
+
* prototype's `sectionHeader(title, desc)` helper.
|
|
8
|
+
*
|
|
9
|
+
* Wiki: docs/components/SectionHeader.md
|
|
10
|
+
*/
|
|
11
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
12
|
+
export type SectionHeaderSpace = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
13
|
+
export type SectionHeaderSurface = 'transparent' | 'card' | 'muted' | 'primary' | 'accent' | 'success' | 'warning' | 'destructive';
|
|
14
|
+
export type SectionHeaderBorder = 'none' | 'top' | 'bottom' | 'y' | 'full';
|
|
15
|
+
export type SectionHeaderRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl';
|
|
16
|
+
export type SectionHeaderShadow = 'none' | 'sm' | 'md';
|
|
17
|
+
export interface SectionHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
|
|
18
|
+
/** Primary heading text. */
|
|
19
|
+
title: ReactNode;
|
|
20
|
+
/** Optional muted description shown below the title. */
|
|
21
|
+
description?: ReactNode;
|
|
22
|
+
/** Optional trailing slot (e.g. count badge, action button). */
|
|
23
|
+
action?: ReactNode;
|
|
24
|
+
/** Tokenized padding on all sides. */
|
|
25
|
+
padding?: SectionHeaderSpace;
|
|
26
|
+
/** Tokenized horizontal padding. Overrides `padding` for left/right. */
|
|
27
|
+
paddingX?: SectionHeaderSpace;
|
|
28
|
+
/** Tokenized vertical padding. Overrides `padding` for top/bottom. */
|
|
29
|
+
paddingY?: SectionHeaderSpace;
|
|
30
|
+
paddingTop?: SectionHeaderSpace;
|
|
31
|
+
paddingRight?: SectionHeaderSpace;
|
|
32
|
+
paddingBottom?: SectionHeaderSpace;
|
|
33
|
+
paddingLeft?: SectionHeaderSpace;
|
|
34
|
+
/** Tokenized margin on all sides. */
|
|
35
|
+
margin?: SectionHeaderSpace;
|
|
36
|
+
/** Tokenized horizontal margin. Overrides `margin` for left/right. */
|
|
37
|
+
marginX?: SectionHeaderSpace;
|
|
38
|
+
/** Tokenized vertical margin. Overrides `margin` for top/bottom. */
|
|
39
|
+
marginY?: SectionHeaderSpace;
|
|
40
|
+
marginTop?: SectionHeaderSpace;
|
|
41
|
+
marginRight?: SectionHeaderSpace;
|
|
42
|
+
marginBottom?: SectionHeaderSpace;
|
|
43
|
+
marginLeft?: SectionHeaderSpace;
|
|
44
|
+
/** Tokenized background/text surface. Use `className` for custom Tailwind token overrides. */
|
|
45
|
+
surface?: SectionHeaderSurface;
|
|
46
|
+
/** Optional border placement for contained section headers. */
|
|
47
|
+
border?: SectionHeaderBorder;
|
|
48
|
+
/** Optional radius for non-transparent surfaces. */
|
|
49
|
+
radius?: SectionHeaderRadius;
|
|
50
|
+
/** Optional tokenized shadow for raised section headers. */
|
|
51
|
+
shadow?: SectionHeaderShadow;
|
|
52
|
+
titleClassName?: string;
|
|
53
|
+
descriptionClassName?: string;
|
|
54
|
+
contentClassName?: string;
|
|
55
|
+
actionClassName?: string;
|
|
56
|
+
}
|
|
57
|
+
export declare const SectionHeader: import("react").ForwardRefExoticComponent<SectionHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
58
|
+
//# sourceMappingURL=SectionHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../src/SectionHeader.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxE,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3E,MAAM,MAAM,oBAAoB,GAC5B,aAAa,GACb,MAAM,GACN,OAAO,GACP,SAAS,GACT,QAAQ,GACR,SAAS,GACT,SAAS,GACT,aAAa,CAAC;AAClB,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,GAAG,GAAG,MAAM,CAAC;AAC3E,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACrE,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;AAGvD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACvF,4BAA4B;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,wDAAwD;IACxD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gEAAgE;IAChE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,sCAAsC;IACtC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,sEAAsE;IACtE,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,qCAAqC;IACrC,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,sEAAsE;IACtE,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,oEAAoE;IACpE,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,8FAA8F;IAC9F,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,+DAA+D;IAC/D,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,oDAAoD;IACpD,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,4DAA4D;IAC5D,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AA+FD,eAAO,MAAM,aAAa,+GAoFzB,CAAC"}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
/**
|
|
4
|
+
* SectionHeader (web variant — React DOM).
|
|
5
|
+
*
|
|
6
|
+
* Small two-line header used inside permission editors and settings
|
|
7
|
+
* panels. Top line is a 15px semibold title; bottom line is an
|
|
8
|
+
* optional 12px muted description. Extracted from the MiHCM Security
|
|
9
|
+
* prototype's `sectionHeader(title, desc)` helper.
|
|
10
|
+
*
|
|
11
|
+
* Wiki: docs/components/SectionHeader.md
|
|
12
|
+
*/
|
|
13
|
+
import { forwardRef } from 'react';
|
|
14
|
+
import { Text } from './Text.js';
|
|
15
|
+
import { cn } from './internal/cn.js';
|
|
16
|
+
const paddingClasses = {
|
|
17
|
+
all: { none: 'p-0', xs: 'p-2', sm: 'p-3', md: 'p-4', lg: 'p-6', xl: 'p-8' },
|
|
18
|
+
x: { none: 'px-0', xs: 'px-2', sm: 'px-3', md: 'px-4', lg: 'px-6', xl: 'px-8' },
|
|
19
|
+
y: { none: 'py-0', xs: 'py-2', sm: 'py-3', md: 'py-4', lg: 'py-6', xl: 'py-8' },
|
|
20
|
+
t: { none: 'pt-0', xs: 'pt-2', sm: 'pt-3', md: 'pt-4', lg: 'pt-6', xl: 'pt-8' },
|
|
21
|
+
r: { none: 'pr-0', xs: 'pr-2', sm: 'pr-3', md: 'pr-4', lg: 'pr-6', xl: 'pr-8' },
|
|
22
|
+
b: { none: 'pb-0', xs: 'pb-2', sm: 'pb-3', md: 'pb-4', lg: 'pb-6', xl: 'pb-8' },
|
|
23
|
+
l: { none: 'pl-0', xs: 'pl-2', sm: 'pl-3', md: 'pl-4', lg: 'pl-6', xl: 'pl-8' },
|
|
24
|
+
};
|
|
25
|
+
const marginClasses = {
|
|
26
|
+
all: { none: 'm-0', xs: 'm-2', sm: 'm-3', md: 'm-4', lg: 'm-6', xl: 'm-8' },
|
|
27
|
+
x: { none: 'mx-0', xs: 'mx-2', sm: 'mx-3', md: 'mx-4', lg: 'mx-6', xl: 'mx-8' },
|
|
28
|
+
y: { none: 'my-0', xs: 'my-2', sm: 'my-3', md: 'my-4', lg: 'my-6', xl: 'my-8' },
|
|
29
|
+
t: { none: 'mt-0', xs: 'mt-2', sm: 'mt-3', md: 'mt-4', lg: 'mt-6', xl: 'mt-8' },
|
|
30
|
+
r: { none: 'mr-0', xs: 'mr-2', sm: 'mr-3', md: 'mr-4', lg: 'mr-6', xl: 'mr-8' },
|
|
31
|
+
b: { none: 'mb-0', xs: 'mb-2', sm: 'mb-3', md: 'mb-4', lg: 'mb-6', xl: 'mb-8' },
|
|
32
|
+
l: { none: 'ml-0', xs: 'ml-2', sm: 'ml-3', md: 'ml-4', lg: 'ml-6', xl: 'ml-8' },
|
|
33
|
+
};
|
|
34
|
+
const surfaceClasses = {
|
|
35
|
+
transparent: '',
|
|
36
|
+
card: 'bg-card text-card-foreground',
|
|
37
|
+
muted: 'bg-muted text-foreground',
|
|
38
|
+
primary: 'bg-primary text-primary-foreground',
|
|
39
|
+
accent: 'bg-accent text-accent-foreground',
|
|
40
|
+
success: 'bg-success text-success-foreground',
|
|
41
|
+
warning: 'bg-warning text-warning-foreground',
|
|
42
|
+
destructive: 'bg-destructive text-destructive-foreground',
|
|
43
|
+
};
|
|
44
|
+
const borderClasses = {
|
|
45
|
+
none: '',
|
|
46
|
+
top: 'border-t border-border',
|
|
47
|
+
bottom: 'border-b border-border',
|
|
48
|
+
y: 'border-y border-border',
|
|
49
|
+
full: 'border border-border',
|
|
50
|
+
};
|
|
51
|
+
const radiusClasses = {
|
|
52
|
+
none: 'rounded-none',
|
|
53
|
+
sm: 'rounded-sm',
|
|
54
|
+
md: 'rounded-md',
|
|
55
|
+
lg: 'rounded-lg',
|
|
56
|
+
xl: 'rounded-xl',
|
|
57
|
+
};
|
|
58
|
+
const shadowClasses = {
|
|
59
|
+
none: '',
|
|
60
|
+
sm: 'shadow-sm',
|
|
61
|
+
md: 'shadow-md',
|
|
62
|
+
};
|
|
63
|
+
function spacingClasses(map, all, x, y, top, right, bottom, left) {
|
|
64
|
+
return [
|
|
65
|
+
all && map.all[all],
|
|
66
|
+
x && map.x[x],
|
|
67
|
+
y && map.y[y],
|
|
68
|
+
top && map.t[top],
|
|
69
|
+
right && map.r[right],
|
|
70
|
+
bottom && map.b[bottom],
|
|
71
|
+
left && map.l[left],
|
|
72
|
+
];
|
|
73
|
+
}
|
|
74
|
+
function toneClasses(surface) {
|
|
75
|
+
const foreground = {
|
|
76
|
+
primary: { title: 'text-primary-foreground', description: 'text-primary-foreground/80' },
|
|
77
|
+
accent: { title: 'text-accent-foreground', description: 'text-accent-foreground/80' },
|
|
78
|
+
success: { title: 'text-success-foreground', description: 'text-success-foreground/80' },
|
|
79
|
+
warning: { title: 'text-warning-foreground', description: 'text-warning-foreground/80' },
|
|
80
|
+
destructive: {
|
|
81
|
+
title: 'text-destructive-foreground',
|
|
82
|
+
description: 'text-destructive-foreground/80',
|
|
83
|
+
},
|
|
84
|
+
};
|
|
85
|
+
const color = foreground[surface];
|
|
86
|
+
return {
|
|
87
|
+
title: color?.title ?? 'text-secondary-foreground',
|
|
88
|
+
description: color?.description,
|
|
89
|
+
};
|
|
90
|
+
}
|
|
91
|
+
export const SectionHeader = forwardRef(function SectionHeader({ className, title, description, action, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, surface = 'transparent', border = 'none', radius = 'none', shadow = 'none', titleClassName, descriptionClassName, contentClassName, actionClassName, ...props }, ref) {
|
|
92
|
+
const tones = toneClasses(surface);
|
|
93
|
+
return (_jsxs("div", { ref: ref, className: cn('mt-5 mb-2 flex items-start justify-between gap-3', surfaceClasses[surface], borderClasses[border], radiusClasses[radius], shadowClasses[shadow], spacingClasses(paddingClasses, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft), spacingClasses(marginClasses, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft), className), ...props, children: [_jsxs("div", { className: cn('min-w-0', contentClassName), children: [_jsx(Text, { size: "body", weight: "semibold", className: cn('block', tones.title, titleClassName), children: title }), description ? (_jsx(Text, { size: "xs", tone: surface === 'transparent' || surface === 'card' || surface === 'muted' ? 'muted' : undefined, className: cn('mt-0.5 block', tones.description, descriptionClassName), children: description })) : null] }), action ? _jsx("div", { className: cn('flex-shrink-0', actionClassName), children: action }) : null] }));
|
|
94
|
+
});
|
|
95
|
+
//# sourceMappingURL=SectionHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SectionHeader.js","sourceRoot":"","sources":["../src/SectionHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;GASG;AACH,OAAO,EAAE,UAAU,EAAuC,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AA0DtC,MAAM,cAAc,GAAG;IACrB,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE;IAC3E,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE;IAC/E,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE;IAC/E,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE;IAC/E,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE;IAC/E,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE;IAC/E,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE;CAC7C,CAAC;AAErC,MAAM,aAAa,GAAG;IACpB,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE;IAC3E,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE;IAC/E,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE;IAC/E,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE;IAC/E,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE;IAC/E,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE;IAC/E,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE;CAC7C,CAAC;AAErC,MAAM,cAAc,GAAyC;IAC3D,WAAW,EAAE,EAAE;IACf,IAAI,EAAE,8BAA8B;IACpC,KAAK,EAAE,0BAA0B;IACjC,OAAO,EAAE,oCAAoC;IAC7C,MAAM,EAAE,kCAAkC;IAC1C,OAAO,EAAE,oCAAoC;IAC7C,OAAO,EAAE,oCAAoC;IAC7C,WAAW,EAAE,4CAA4C;CAC1D,CAAC;AAEF,MAAM,aAAa,GAAwC;IACzD,IAAI,EAAE,EAAE;IACR,GAAG,EAAE,wBAAwB;IAC7B,MAAM,EAAE,wBAAwB;IAChC,CAAC,EAAE,wBAAwB;IAC3B,IAAI,EAAE,sBAAsB;CAC7B,CAAC;AAEF,MAAM,aAAa,GAAwC;IACzD,IAAI,EAAE,cAAc;IACpB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;CACjB,CAAC;AAEF,MAAM,aAAa,GAAwC;IACzD,IAAI,EAAE,EAAE;IACR,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;CAChB,CAAC;AAEF,SAAS,cAAc,CACrB,GAAoB,EACpB,GAAwB,EACxB,CAAsB,EACtB,CAAsB,EACtB,GAAwB,EACxB,KAA0B,EAC1B,MAA2B,EAC3B,IAAyB;IAEzB,OAAO;QACL,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;QACnB,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACb,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACb,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QACjB,KAAK,IAAI,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;QACrB,MAAM,IAAI,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;QACvB,IAAI,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;KACpB,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,OAA6B;IAChD,MAAM,UAAU,GAAkF;QAChG,OAAO,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,WAAW,EAAE,4BAA4B,EAAE;QACxF,MAAM,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,2BAA2B,EAAE;QACrF,OAAO,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,WAAW,EAAE,4BAA4B,EAAE;QACxF,OAAO,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,WAAW,EAAE,4BAA4B,EAAE;QACxF,WAAW,EAAE;YACX,KAAK,EAAE,6BAA6B;YACpC,WAAW,EAAE,gCAAgC;SAC9C;KACF,CAAC;IACF,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IAElC,OAAO;QACL,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,2BAA2B;QAClD,WAAW,EAAE,KAAK,EAAE,WAAW;KAChC,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,SAAS,aAAa,CACpB,EACE,SAAS,EACT,KAAK,EACL,WAAW,EACX,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,WAAW,EACX,YAAY,EACZ,UAAU,EACV,OAAO,GAAG,aAAa,EACvB,MAAM,GAAG,MAAM,EACf,MAAM,GAAG,MAAM,EACf,MAAM,GAAG,MAAM,EACf,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,EACf,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IAEnC,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,cAAc,CAAC,OAAO,CAAC,EACvB,aAAa,CAAC,MAAM,CAAC,EACrB,aAAa,CAAC,MAAM,CAAC,EACrB,aAAa,CAAC,MAAM,CAAC,EACrB,cAAc,CACZ,cAAc,EACd,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,aAAa,EACb,WAAW,CACZ,EACD,cAAc,CACZ,aAAa,EACb,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,WAAW,EACX,YAAY,EACZ,UAAU,CACX,EACD,SAAS,CACV,KACG,KAAK,aAET,eAAK,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,gBAAgB,CAAC,aAC7C,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,UAAU,EAAC,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,EAAE,cAAc,CAAC,YAAG,KAAK,GAAQ,EACtG,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,IAAI,IACH,IAAI,EAAC,IAAI,EACT,IAAI,EAAE,OAAO,KAAK,aAAa,IAAI,OAAO,KAAK,MAAM,IAAI,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAClG,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,WAAW,EAAE,oBAAoB,CAAC,YAErE,WAAW,GACP,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,MAAM,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC,YAAG,MAAM,GAAO,CAAC,CAAC,CAAC,IAAI,IACjF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* SectionHeader (React Native variant).
|
|
3
|
+
*
|
|
4
|
+
* Same prop API as the web variant. Renders View + Text, sized to
|
|
5
|
+
* match the prototype.
|
|
6
|
+
*
|
|
7
|
+
* Wiki: docs/components/SectionHeader.md
|
|
8
|
+
*/
|
|
9
|
+
import { type ReactNode } from 'react';
|
|
10
|
+
import { View, type ViewProps } from 'react-native';
|
|
11
|
+
export type SectionHeaderSpace = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
12
|
+
export type SectionHeaderSurface = 'transparent' | 'card' | 'muted' | 'primary' | 'accent' | 'success' | 'warning' | 'destructive';
|
|
13
|
+
export type SectionHeaderBorder = 'none' | 'top' | 'bottom' | 'y' | 'full';
|
|
14
|
+
export type SectionHeaderRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl';
|
|
15
|
+
export type SectionHeaderShadow = 'none' | 'sm' | 'md';
|
|
16
|
+
export interface SectionHeaderProps extends Omit<ViewProps, 'style'> {
|
|
17
|
+
className?: string;
|
|
18
|
+
title: ReactNode;
|
|
19
|
+
description?: ReactNode;
|
|
20
|
+
action?: ReactNode;
|
|
21
|
+
padding?: SectionHeaderSpace;
|
|
22
|
+
paddingX?: SectionHeaderSpace;
|
|
23
|
+
paddingY?: SectionHeaderSpace;
|
|
24
|
+
paddingTop?: SectionHeaderSpace;
|
|
25
|
+
paddingRight?: SectionHeaderSpace;
|
|
26
|
+
paddingBottom?: SectionHeaderSpace;
|
|
27
|
+
paddingLeft?: SectionHeaderSpace;
|
|
28
|
+
margin?: SectionHeaderSpace;
|
|
29
|
+
marginX?: SectionHeaderSpace;
|
|
30
|
+
marginY?: SectionHeaderSpace;
|
|
31
|
+
marginTop?: SectionHeaderSpace;
|
|
32
|
+
marginRight?: SectionHeaderSpace;
|
|
33
|
+
marginBottom?: SectionHeaderSpace;
|
|
34
|
+
marginLeft?: SectionHeaderSpace;
|
|
35
|
+
surface?: SectionHeaderSurface;
|
|
36
|
+
border?: SectionHeaderBorder;
|
|
37
|
+
radius?: SectionHeaderRadius;
|
|
38
|
+
shadow?: SectionHeaderShadow;
|
|
39
|
+
titleClassName?: string;
|
|
40
|
+
descriptionClassName?: string;
|
|
41
|
+
contentClassName?: string;
|
|
42
|
+
actionClassName?: string;
|
|
43
|
+
}
|
|
44
|
+
export declare const SectionHeader: import("react").ForwardRefExoticComponent<SectionHeaderProps & import("react").RefAttributes<View>>;
|
|
45
|
+
//# sourceMappingURL=SectionHeader.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SectionHeader.native.d.ts","sourceRoot":"","sources":["../src/SectionHeader.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAQ,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1D,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3E,MAAM,MAAM,oBAAoB,GAC5B,aAAa,GACb,MAAM,GACN,OAAO,GACP,SAAS,GACT,QAAQ,GACR,SAAS,GACT,SAAS,GACT,aAAa,CAAC;AAClB,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,GAAG,GAAG,MAAM,CAAC;AAC3E,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACrE,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;AAGvD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AA+FD,eAAO,MAAM,aAAa,qGA4ExB,CAAC"}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* SectionHeader (React Native variant).
|
|
4
|
+
*
|
|
5
|
+
* Same prop API as the web variant. Renders View + Text, sized to
|
|
6
|
+
* match the prototype.
|
|
7
|
+
*
|
|
8
|
+
* Wiki: docs/components/SectionHeader.md
|
|
9
|
+
*/
|
|
10
|
+
import { forwardRef } from 'react';
|
|
11
|
+
import { Text, View } from 'react-native';
|
|
12
|
+
import { cn } from './internal/cn.js';
|
|
13
|
+
const paddingClasses = {
|
|
14
|
+
all: { none: 'p-0', xs: 'p-2', sm: 'p-3', md: 'p-4', lg: 'p-6', xl: 'p-8' },
|
|
15
|
+
x: { none: 'px-0', xs: 'px-2', sm: 'px-3', md: 'px-4', lg: 'px-6', xl: 'px-8' },
|
|
16
|
+
y: { none: 'py-0', xs: 'py-2', sm: 'py-3', md: 'py-4', lg: 'py-6', xl: 'py-8' },
|
|
17
|
+
t: { none: 'pt-0', xs: 'pt-2', sm: 'pt-3', md: 'pt-4', lg: 'pt-6', xl: 'pt-8' },
|
|
18
|
+
r: { none: 'pr-0', xs: 'pr-2', sm: 'pr-3', md: 'pr-4', lg: 'pr-6', xl: 'pr-8' },
|
|
19
|
+
b: { none: 'pb-0', xs: 'pb-2', sm: 'pb-3', md: 'pb-4', lg: 'pb-6', xl: 'pb-8' },
|
|
20
|
+
l: { none: 'pl-0', xs: 'pl-2', sm: 'pl-3', md: 'pl-4', lg: 'pl-6', xl: 'pl-8' },
|
|
21
|
+
};
|
|
22
|
+
const marginClasses = {
|
|
23
|
+
all: { none: 'm-0', xs: 'm-2', sm: 'm-3', md: 'm-4', lg: 'm-6', xl: 'm-8' },
|
|
24
|
+
x: { none: 'mx-0', xs: 'mx-2', sm: 'mx-3', md: 'mx-4', lg: 'mx-6', xl: 'mx-8' },
|
|
25
|
+
y: { none: 'my-0', xs: 'my-2', sm: 'my-3', md: 'my-4', lg: 'my-6', xl: 'my-8' },
|
|
26
|
+
t: { none: 'mt-0', xs: 'mt-2', sm: 'mt-3', md: 'mt-4', lg: 'mt-6', xl: 'mt-8' },
|
|
27
|
+
r: { none: 'mr-0', xs: 'mr-2', sm: 'mr-3', md: 'mr-4', lg: 'mr-6', xl: 'mr-8' },
|
|
28
|
+
b: { none: 'mb-0', xs: 'mb-2', sm: 'mb-3', md: 'mb-4', lg: 'mb-6', xl: 'mb-8' },
|
|
29
|
+
l: { none: 'ml-0', xs: 'ml-2', sm: 'ml-3', md: 'ml-4', lg: 'ml-6', xl: 'ml-8' },
|
|
30
|
+
};
|
|
31
|
+
const surfaceClasses = {
|
|
32
|
+
transparent: '',
|
|
33
|
+
card: 'bg-card text-card-foreground',
|
|
34
|
+
muted: 'bg-muted text-foreground',
|
|
35
|
+
primary: 'bg-primary text-primary-foreground',
|
|
36
|
+
accent: 'bg-accent text-accent-foreground',
|
|
37
|
+
success: 'bg-success text-success-foreground',
|
|
38
|
+
warning: 'bg-warning text-warning-foreground',
|
|
39
|
+
destructive: 'bg-destructive text-destructive-foreground',
|
|
40
|
+
};
|
|
41
|
+
const borderClasses = {
|
|
42
|
+
none: '',
|
|
43
|
+
top: 'border-t border-border',
|
|
44
|
+
bottom: 'border-b border-border',
|
|
45
|
+
y: 'border-y border-border',
|
|
46
|
+
full: 'border border-border',
|
|
47
|
+
};
|
|
48
|
+
const radiusClasses = {
|
|
49
|
+
none: 'rounded-none',
|
|
50
|
+
sm: 'rounded-sm',
|
|
51
|
+
md: 'rounded-md',
|
|
52
|
+
lg: 'rounded-lg',
|
|
53
|
+
xl: 'rounded-xl',
|
|
54
|
+
};
|
|
55
|
+
const shadowClasses = {
|
|
56
|
+
none: '',
|
|
57
|
+
sm: 'shadow-sm',
|
|
58
|
+
md: 'shadow-md',
|
|
59
|
+
};
|
|
60
|
+
function spacingClasses(map, all, x, y, top, right, bottom, left) {
|
|
61
|
+
return [
|
|
62
|
+
all && map.all[all],
|
|
63
|
+
x && map.x[x],
|
|
64
|
+
y && map.y[y],
|
|
65
|
+
top && map.t[top],
|
|
66
|
+
right && map.r[right],
|
|
67
|
+
bottom && map.b[bottom],
|
|
68
|
+
left && map.l[left],
|
|
69
|
+
];
|
|
70
|
+
}
|
|
71
|
+
function toneClasses(surface) {
|
|
72
|
+
const foreground = {
|
|
73
|
+
primary: { title: 'text-primary-foreground', description: 'text-primary-foreground/80' },
|
|
74
|
+
accent: { title: 'text-accent-foreground', description: 'text-accent-foreground/80' },
|
|
75
|
+
success: { title: 'text-success-foreground', description: 'text-success-foreground/80' },
|
|
76
|
+
warning: { title: 'text-warning-foreground', description: 'text-warning-foreground/80' },
|
|
77
|
+
destructive: {
|
|
78
|
+
title: 'text-destructive-foreground',
|
|
79
|
+
description: 'text-destructive-foreground/80',
|
|
80
|
+
},
|
|
81
|
+
};
|
|
82
|
+
const color = foreground[surface];
|
|
83
|
+
return {
|
|
84
|
+
title: color?.title ?? 'text-foreground',
|
|
85
|
+
description: color?.description ?? 'text-muted-foreground',
|
|
86
|
+
};
|
|
87
|
+
}
|
|
88
|
+
export const SectionHeader = forwardRef(function SectionHeader({ className, title, description, action, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, surface = 'transparent', border = 'none', radius = 'none', shadow = 'none', titleClassName, descriptionClassName, contentClassName, actionClassName, ...props }, ref) {
|
|
89
|
+
const tones = toneClasses(surface);
|
|
90
|
+
return (_jsxs(View, { ref: ref, className: cn('mt-5 mb-2 flex-row items-start justify-between gap-3', surfaceClasses[surface], borderClasses[border], radiusClasses[radius], shadowClasses[shadow], spacingClasses(paddingClasses, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft), spacingClasses(marginClasses, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft), className), ...props, children: [_jsxs(View, { className: cn('flex-1', contentClassName), children: [_jsx(Text, { className: cn('text-body font-semibold', tones.title, titleClassName), children: title }), description ? (_jsx(Text, { className: cn('text-xs', tones.description, descriptionClassName), children: description })) : null] }), action ? _jsx(View, { className: cn('flex-shrink-0', actionClassName), children: action }) : null] }));
|
|
91
|
+
});
|
|
92
|
+
//# sourceMappingURL=SectionHeader.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SectionHeader.native.js","sourceRoot":"","sources":["../src/SectionHeader.native.tsx"],"names":[],"mappings":"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"}
|
package/dist/Select.d.ts
ADDED
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Select (web variant — React DOM).
|
|
3
|
+
*
|
|
4
|
+
* Custom composable select dropdown. No native `<select>` or external deps.
|
|
5
|
+
*
|
|
6
|
+
* Usage:
|
|
7
|
+
* <Select value={val} onValueChange={setVal}>
|
|
8
|
+
* <SelectTrigger placeholder="Pick a fruit" />
|
|
9
|
+
* <SelectContent>
|
|
10
|
+
* <SelectItem value="apple">Apple</SelectItem>
|
|
11
|
+
* <SelectItem value="banana">Banana</SelectItem>
|
|
12
|
+
* </SelectContent>
|
|
13
|
+
* </Select>
|
|
14
|
+
*
|
|
15
|
+
* Controlled-only: pass `value` / `onValueChange`.
|
|
16
|
+
* Keyboard: ArrowDown/Up to navigate, Enter to select, Escape to close.
|
|
17
|
+
* WCAG 2.1 AA: role="listbox", role="option", aria-expanded, aria-selected.
|
|
18
|
+
*
|
|
19
|
+
* Wiki: docs/components/Select.md
|
|
20
|
+
*/
|
|
21
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
22
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
23
|
+
import { type GroupBase, type Props as BaseReactSelectProps, type SelectComponentsConfig } from 'react-select';
|
|
24
|
+
import { type AsyncProps } from 'react-select/async';
|
|
25
|
+
import { type CreatableProps } from 'react-select/creatable';
|
|
26
|
+
import { type AsyncCreatableProps } from 'react-select/async-creatable';
|
|
27
|
+
export interface DefaultReactSelectOption {
|
|
28
|
+
value: string;
|
|
29
|
+
label: string;
|
|
30
|
+
isDisabled?: boolean;
|
|
31
|
+
}
|
|
32
|
+
export type ReactSelectProps<Option = DefaultReactSelectOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = BaseReactSelectProps<Option, IsMulti, Group>;
|
|
33
|
+
export type ReactAsyncSelectProps<Option = DefaultReactSelectOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = AsyncProps<Option, IsMulti, Group>;
|
|
34
|
+
export type ReactCreatableSelectProps<Option = DefaultReactSelectOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = CreatableProps<Option, IsMulti, Group>;
|
|
35
|
+
export type ReactAsyncCreatableSelectProps<Option = DefaultReactSelectOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = AsyncCreatableProps<Option, IsMulti, Group>;
|
|
36
|
+
export declare function getReactSelectAnimatedComponents<Option = DefaultReactSelectOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(): SelectComponentsConfig<Option, IsMulti, Group>;
|
|
37
|
+
export declare const reactSelectAnimatedComponents: SelectComponentsConfig<DefaultReactSelectOption, false, GroupBase<DefaultReactSelectOption>>;
|
|
38
|
+
export declare function ReactSelect<Option = DefaultReactSelectOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: ReactSelectProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
|
|
39
|
+
export declare function ReactAsyncSelect<Option = DefaultReactSelectOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: ReactAsyncSelectProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
export declare function ReactCreatableSelect<Option = DefaultReactSelectOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: ReactCreatableSelectProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
|
|
41
|
+
export declare function ReactAsyncCreatableSelect<Option = DefaultReactSelectOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: ReactAsyncCreatableSelectProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
|
|
42
|
+
export interface SelectProps {
|
|
43
|
+
value?: string | undefined;
|
|
44
|
+
onValueChange?: ((value: string) => void) | undefined;
|
|
45
|
+
open?: boolean | undefined;
|
|
46
|
+
onOpenChange?: ((open: boolean) => void) | undefined;
|
|
47
|
+
disabled?: boolean | undefined;
|
|
48
|
+
children: ReactNode;
|
|
49
|
+
}
|
|
50
|
+
export declare function Select({ value, onValueChange, open: controlledOpen, onOpenChange, disabled, children, }: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
51
|
+
export declare const selectTriggerVariants: (props?: ({
|
|
52
|
+
variant?: "default" | "destructive" | null | undefined;
|
|
53
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
54
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
55
|
+
export interface SelectTriggerProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'children'>, VariantProps<typeof selectTriggerVariants> {
|
|
56
|
+
placeholder?: string | undefined;
|
|
57
|
+
disabled?: boolean | undefined;
|
|
58
|
+
}
|
|
59
|
+
export declare const SelectTrigger: import("react").ForwardRefExoticComponent<SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
60
|
+
export interface SelectContentProps extends HTMLAttributes<HTMLDivElement> {
|
|
61
|
+
}
|
|
62
|
+
export declare const SelectContent: import("react").ForwardRefExoticComponent<SelectContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
63
|
+
export interface SelectItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick'> {
|
|
64
|
+
value: string;
|
|
65
|
+
disabled?: boolean;
|
|
66
|
+
children: ReactNode;
|
|
67
|
+
}
|
|
68
|
+
export declare const SelectItem: import("react").ForwardRefExoticComponent<SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
69
|
+
export interface SelectGroupProps extends HTMLAttributes<HTMLDivElement> {
|
|
70
|
+
}
|
|
71
|
+
export declare const SelectGroup: import("react").ForwardRefExoticComponent<SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
72
|
+
export interface SelectLabelProps extends HTMLAttributes<HTMLDivElement> {
|
|
73
|
+
}
|
|
74
|
+
export declare const SelectLabel: import("react").ForwardRefExoticComponent<SelectLabelProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
75
|
+
export interface SelectSeparatorProps extends HTMLAttributes<HTMLHRElement> {
|
|
76
|
+
}
|
|
77
|
+
export declare const SelectSeparator: import("react").ForwardRefExoticComponent<SelectSeparatorProps & import("react").RefAttributes<HTMLHRElement>>;
|
|
78
|
+
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"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"}
|