@nebula-demo/ui 0.1.3
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/CHANGELOG.md +23 -0
- package/LICENSE +21 -0
- package/README.md +109 -0
- package/dist/components/Accordion/Accordion.cjs +1 -0
- package/dist/components/Accordion/Accordion.d.ts +8 -0
- package/dist/components/Accordion/Accordion.d.ts.map +1 -0
- package/dist/components/Accordion/Accordion.js +59 -0
- package/dist/components/Accordion/index.d.ts +2 -0
- package/dist/components/Accordion/index.d.ts.map +1 -0
- package/dist/components/AlertDialog/AlertDialog.cjs +1 -0
- package/dist/components/AlertDialog/AlertDialog.d.ts +26 -0
- package/dist/components/AlertDialog/AlertDialog.d.ts.map +1 -0
- package/dist/components/AlertDialog/AlertDialog.js +160 -0
- package/dist/components/AlertDialog/index.d.ts +3 -0
- package/dist/components/AlertDialog/index.d.ts.map +1 -0
- package/dist/components/AspectRatio/AspectRatio.cjs +1 -0
- package/dist/components/AspectRatio/AspectRatio.d.ts +17 -0
- package/dist/components/AspectRatio/AspectRatio.d.ts.map +1 -0
- package/dist/components/AspectRatio/AspectRatio.js +45 -0
- package/dist/components/AspectRatio/index.d.ts +3 -0
- package/dist/components/AspectRatio/index.d.ts.map +1 -0
- package/dist/components/Avatar/Avatar.cjs +1 -0
- package/dist/components/Avatar/Avatar.d.ts +18 -0
- package/dist/components/Avatar/Avatar.d.ts.map +1 -0
- package/dist/components/Avatar/Avatar.js +48 -0
- package/dist/components/Avatar/Avatar.variants.cjs +1 -0
- package/dist/components/Avatar/Avatar.variants.d.ts +7 -0
- package/dist/components/Avatar/Avatar.variants.d.ts.map +1 -0
- package/dist/components/Avatar/Avatar.variants.js +37 -0
- package/dist/components/Avatar/index.d.ts +5 -0
- package/dist/components/Avatar/index.d.ts.map +1 -0
- package/dist/components/AvatarGroup/AvatarGroup.cjs +1 -0
- package/dist/components/AvatarGroup/AvatarGroup.d.ts +19 -0
- package/dist/components/AvatarGroup/AvatarGroup.d.ts.map +1 -0
- package/dist/components/AvatarGroup/AvatarGroup.js +106 -0
- package/dist/components/AvatarGroup/index.d.ts +3 -0
- package/dist/components/AvatarGroup/index.d.ts.map +1 -0
- package/dist/components/AvatarLabelGroup/AvatarLabelGroup.cjs +1 -0
- package/dist/components/AvatarLabelGroup/AvatarLabelGroup.d.ts +19 -0
- package/dist/components/AvatarLabelGroup/AvatarLabelGroup.d.ts.map +1 -0
- package/dist/components/AvatarLabelGroup/AvatarLabelGroup.js +43 -0
- package/dist/components/AvatarLabelGroup/index.d.ts +3 -0
- package/dist/components/AvatarLabelGroup/index.d.ts.map +1 -0
- package/dist/components/Badge/Badge.cjs +1 -0
- package/dist/components/Badge/Badge.d.ts +11 -0
- package/dist/components/Badge/Badge.d.ts.map +1 -0
- package/dist/components/Badge/Badge.js +70 -0
- package/dist/components/Badge/Badge.variants.cjs +1 -0
- package/dist/components/Badge/Badge.variants.d.ts +8 -0
- package/dist/components/Badge/Badge.variants.d.ts.map +1 -0
- package/dist/components/Badge/Badge.variants.js +46 -0
- package/dist/components/Badge/index.d.ts +5 -0
- package/dist/components/Badge/index.d.ts.map +1 -0
- package/dist/components/BadgeCounter/BadgeCounter.cjs +1 -0
- package/dist/components/BadgeCounter/BadgeCounter.d.ts +13 -0
- package/dist/components/BadgeCounter/BadgeCounter.d.ts.map +1 -0
- package/dist/components/BadgeCounter/BadgeCounter.js +43 -0
- package/dist/components/BadgeCounter/BadgeCounter.variants.cjs +1 -0
- package/dist/components/BadgeCounter/BadgeCounter.variants.d.ts +6 -0
- package/dist/components/BadgeCounter/BadgeCounter.variants.d.ts.map +1 -0
- package/dist/components/BadgeCounter/BadgeCounter.variants.js +19 -0
- package/dist/components/BadgeCounter/index.d.ts +5 -0
- package/dist/components/BadgeCounter/index.d.ts.map +1 -0
- package/dist/components/Button/Button.cjs +1 -0
- package/dist/components/Button/Button.d.ts +13 -0
- package/dist/components/Button/Button.d.ts.map +1 -0
- package/dist/components/Button/Button.js +23 -0
- package/dist/components/Button/Button.variants.cjs +1 -0
- package/dist/components/Button/Button.variants.d.ts +7 -0
- package/dist/components/Button/Button.variants.d.ts.map +1 -0
- package/dist/components/Button/Button.variants.js +40 -0
- package/dist/components/Button/index.d.ts +5 -0
- package/dist/components/Button/index.d.ts.map +1 -0
- package/dist/components/ButtonIcon/ButtonIcon.cjs +1 -0
- package/dist/components/ButtonIcon/ButtonIcon.d.ts +13 -0
- package/dist/components/ButtonIcon/ButtonIcon.d.ts.map +1 -0
- package/dist/components/ButtonIcon/ButtonIcon.js +37 -0
- package/dist/components/ButtonIcon/ButtonIcon.variants.cjs +1 -0
- package/dist/components/ButtonIcon/ButtonIcon.variants.d.ts +7 -0
- package/dist/components/ButtonIcon/ButtonIcon.variants.d.ts.map +1 -0
- package/dist/components/ButtonIcon/ButtonIcon.variants.js +37 -0
- package/dist/components/ButtonIcon/index.d.ts +5 -0
- package/dist/components/ButtonIcon/index.d.ts.map +1 -0
- package/dist/components/Calendar/Calendar.cjs +1 -0
- package/dist/components/Calendar/Calendar.d.ts +28 -0
- package/dist/components/Calendar/Calendar.d.ts.map +1 -0
- package/dist/components/Calendar/Calendar.js +365 -0
- package/dist/components/Calendar/index.d.ts +3 -0
- package/dist/components/Calendar/index.d.ts.map +1 -0
- package/dist/components/Card/Card.cjs +1 -0
- package/dist/components/Card/Card.d.ts +41 -0
- package/dist/components/Card/Card.d.ts.map +1 -0
- package/dist/components/Card/Card.js +103 -0
- package/dist/components/Card/index.d.ts +3 -0
- package/dist/components/Card/index.d.ts.map +1 -0
- package/dist/components/Carousel/Carousel.cjs +1 -0
- package/dist/components/Carousel/Carousel.d.ts +35 -0
- package/dist/components/Carousel/Carousel.d.ts.map +1 -0
- package/dist/components/Carousel/Carousel.js +217 -0
- package/dist/components/Carousel/index.d.ts +3 -0
- package/dist/components/Carousel/index.d.ts.map +1 -0
- package/dist/components/Checkbox/Checkbox.cjs +1 -0
- package/dist/components/Checkbox/Checkbox.d.ts +17 -0
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -0
- package/dist/components/Checkbox/Checkbox.js +68 -0
- package/dist/components/Checkbox/index.d.ts +3 -0
- package/dist/components/Checkbox/index.d.ts.map +1 -0
- package/dist/components/ContextMenu/ContextMenu.cjs +1 -0
- package/dist/components/ContextMenu/ContextMenu.d.ts +33 -0
- package/dist/components/ContextMenu/ContextMenu.d.ts.map +1 -0
- package/dist/components/ContextMenu/ContextMenu.js +182 -0
- package/dist/components/ContextMenu/index.d.ts +3 -0
- package/dist/components/ContextMenu/index.d.ts.map +1 -0
- package/dist/components/DatePicker/DatePicker.cjs +1 -0
- package/dist/components/DatePicker/DatePicker.d.ts +49 -0
- package/dist/components/DatePicker/DatePicker.d.ts.map +1 -0
- package/dist/components/DatePicker/DatePicker.js +238 -0
- package/dist/components/DatePicker/index.d.ts +3 -0
- package/dist/components/DatePicker/index.d.ts.map +1 -0
- package/dist/components/Drawer/Drawer.cjs +1 -0
- package/dist/components/Drawer/Drawer.d.ts +29 -0
- package/dist/components/Drawer/Drawer.d.ts.map +1 -0
- package/dist/components/Drawer/Drawer.js +130 -0
- package/dist/components/Drawer/index.d.ts +3 -0
- package/dist/components/Drawer/index.d.ts.map +1 -0
- package/dist/components/DropdownMenu/DropdownMenu.cjs +1 -0
- package/dist/components/DropdownMenu/DropdownMenu.d.ts +33 -0
- package/dist/components/DropdownMenu/DropdownMenu.d.ts.map +1 -0
- package/dist/components/DropdownMenu/DropdownMenu.js +184 -0
- package/dist/components/DropdownMenu/index.d.ts +3 -0
- package/dist/components/DropdownMenu/index.d.ts.map +1 -0
- package/dist/components/DropdownSelect/DropdownSelect.cjs +1 -0
- package/dist/components/DropdownSelect/DropdownSelect.d.ts +45 -0
- package/dist/components/DropdownSelect/DropdownSelect.d.ts.map +1 -0
- package/dist/components/DropdownSelect/DropdownSelect.js +342 -0
- package/dist/components/DropdownSelect/index.d.ts +3 -0
- package/dist/components/DropdownSelect/index.d.ts.map +1 -0
- package/dist/components/FileStatus/FileStatus.cjs +1 -0
- package/dist/components/FileStatus/FileStatus.d.ts +25 -0
- package/dist/components/FileStatus/FileStatus.d.ts.map +1 -0
- package/dist/components/FileStatus/FileStatus.js +127 -0
- package/dist/components/FileStatus/index.d.ts +3 -0
- package/dist/components/FileStatus/index.d.ts.map +1 -0
- package/dist/components/FileUpload/FileUpload.cjs +1 -0
- package/dist/components/FileUpload/FileUpload.d.ts +38 -0
- package/dist/components/FileUpload/FileUpload.d.ts.map +1 -0
- package/dist/components/FileUpload/FileUpload.js +151 -0
- package/dist/components/FileUpload/index.d.ts +3 -0
- package/dist/components/FileUpload/index.d.ts.map +1 -0
- package/dist/components/FilterChip/FilterChip.cjs +1 -0
- package/dist/components/FilterChip/FilterChip.d.ts +43 -0
- package/dist/components/FilterChip/FilterChip.d.ts.map +1 -0
- package/dist/components/FilterChip/FilterChip.js +71 -0
- package/dist/components/FilterChip/FilterChip.variants.cjs +1 -0
- package/dist/components/FilterChip/FilterChip.variants.d.ts +22 -0
- package/dist/components/FilterChip/FilterChip.variants.d.ts.map +1 -0
- package/dist/components/FilterChip/FilterChip.variants.js +103 -0
- package/dist/components/FilterChip/index.d.ts +3 -0
- package/dist/components/FilterChip/index.d.ts.map +1 -0
- package/dist/components/FilterChipGroup/FilterChipGroup.cjs +1 -0
- package/dist/components/FilterChipGroup/FilterChipGroup.d.ts +54 -0
- package/dist/components/FilterChipGroup/FilterChipGroup.d.ts.map +1 -0
- package/dist/components/FilterChipGroup/FilterChipGroup.js +112 -0
- package/dist/components/FilterChipGroup/index.d.ts +3 -0
- package/dist/components/FilterChipGroup/index.d.ts.map +1 -0
- package/dist/components/Icon/Icon.cjs +1 -0
- package/dist/components/Icon/Icon.d.ts +16 -0
- package/dist/components/Icon/Icon.d.ts.map +1 -0
- package/dist/components/Icon/Icon.js +34 -0
- package/dist/components/Icon/icons.cjs +1 -0
- package/dist/components/Icon/icons.d.ts +5 -0
- package/dist/components/Icon/icons.d.ts.map +1 -0
- package/dist/components/Icon/icons.js +1396 -0
- package/dist/components/Icon/index.d.ts +5 -0
- package/dist/components/Icon/index.d.ts.map +1 -0
- package/dist/components/InlineNotification/InlineNotification.cjs +1 -0
- package/dist/components/InlineNotification/InlineNotification.d.ts +17 -0
- package/dist/components/InlineNotification/InlineNotification.d.ts.map +1 -0
- package/dist/components/InlineNotification/InlineNotification.js +80 -0
- package/dist/components/InlineNotification/InlineNotification.variants.cjs +1 -0
- package/dist/components/InlineNotification/InlineNotification.variants.d.ts +6 -0
- package/dist/components/InlineNotification/InlineNotification.variants.d.ts.map +1 -0
- package/dist/components/InlineNotification/InlineNotification.variants.js +22 -0
- package/dist/components/InlineNotification/index.d.ts +5 -0
- package/dist/components/InlineNotification/index.d.ts.map +1 -0
- package/dist/components/Input/Input.cjs +1 -0
- package/dist/components/Input/Input.d.ts +44 -0
- package/dist/components/Input/Input.d.ts.map +1 -0
- package/dist/components/Input/Input.js +104 -0
- package/dist/components/Input/Input.variants.cjs +1 -0
- package/dist/components/Input/Input.variants.d.ts +70 -0
- package/dist/components/Input/Input.variants.d.ts.map +1 -0
- package/dist/components/Input/Input.variants.js +91 -0
- package/dist/components/Input/index.d.ts +3 -0
- package/dist/components/Input/index.d.ts.map +1 -0
- package/dist/components/InputSearch/InputSearch.cjs +1 -0
- package/dist/components/InputSearch/InputSearch.d.ts +62 -0
- package/dist/components/InputSearch/InputSearch.d.ts.map +1 -0
- package/dist/components/InputSearch/InputSearch.js +289 -0
- package/dist/components/InputSearch/index.d.ts +3 -0
- package/dist/components/InputSearch/index.d.ts.map +1 -0
- package/dist/components/Line/Line.cjs +1 -0
- package/dist/components/Line/Line.d.ts +16 -0
- package/dist/components/Line/Line.d.ts.map +1 -0
- package/dist/components/Line/Line.js +29 -0
- package/dist/components/Line/index.d.ts +3 -0
- package/dist/components/Line/index.d.ts.map +1 -0
- package/dist/components/Pagination/Pagination.cjs +1 -0
- package/dist/components/Pagination/Pagination.d.ts +49 -0
- package/dist/components/Pagination/Pagination.d.ts.map +1 -0
- package/dist/components/Pagination/Pagination.js +225 -0
- package/dist/components/Pagination/index.d.ts +3 -0
- package/dist/components/Pagination/index.d.ts.map +1 -0
- package/dist/components/Popover/Popover.cjs +1 -0
- package/dist/components/Popover/Popover.d.ts +11 -0
- package/dist/components/Popover/Popover.d.ts.map +1 -0
- package/dist/components/Popover/Popover.js +26 -0
- package/dist/components/Popover/index.d.ts +3 -0
- package/dist/components/Popover/index.d.ts.map +1 -0
- package/dist/components/ProgressBar/ProgressBar.cjs +1 -0
- package/dist/components/ProgressBar/ProgressBar.d.ts +23 -0
- package/dist/components/ProgressBar/ProgressBar.d.ts.map +1 -0
- package/dist/components/ProgressBar/ProgressBar.js +74 -0
- package/dist/components/ProgressBar/index.d.ts +3 -0
- package/dist/components/ProgressBar/index.d.ts.map +1 -0
- package/dist/components/ProgressCircle/ProgressCircle.cjs +1 -0
- package/dist/components/ProgressCircle/ProgressCircle.d.ts +23 -0
- package/dist/components/ProgressCircle/ProgressCircle.d.ts.map +1 -0
- package/dist/components/ProgressCircle/ProgressCircle.js +155 -0
- package/dist/components/ProgressCircle/index.d.ts +3 -0
- package/dist/components/ProgressCircle/index.d.ts.map +1 -0
- package/dist/components/RadioGroup/RadioGroup.cjs +1 -0
- package/dist/components/RadioGroup/RadioGroup.d.ts +22 -0
- package/dist/components/RadioGroup/RadioGroup.d.ts.map +1 -0
- package/dist/components/RadioGroup/RadioGroup.js +75 -0
- package/dist/components/RadioGroup/index.d.ts +3 -0
- package/dist/components/RadioGroup/index.d.ts.map +1 -0
- package/dist/components/ScrollArea/ScrollArea.cjs +1 -0
- package/dist/components/ScrollArea/ScrollArea.d.ts +8 -0
- package/dist/components/ScrollArea/ScrollArea.d.ts.map +1 -0
- package/dist/components/ScrollArea/ScrollArea.js +10 -0
- package/dist/components/ScrollArea/index.d.ts +3 -0
- package/dist/components/ScrollArea/index.d.ts.map +1 -0
- package/dist/components/Select/Select.cjs +1 -0
- package/dist/components/Select/Select.d.ts +12 -0
- package/dist/components/Select/Select.d.ts.map +1 -0
- package/dist/components/Select/Select.js +171 -0
- package/dist/components/Select/index.d.ts +2 -0
- package/dist/components/Select/index.d.ts.map +1 -0
- package/dist/components/Skeleton/Skeleton.cjs +1 -0
- package/dist/components/Skeleton/Skeleton.d.ts +8 -0
- package/dist/components/Skeleton/Skeleton.d.ts.map +1 -0
- package/dist/components/Skeleton/Skeleton.js +22 -0
- package/dist/components/Skeleton/index.d.ts +3 -0
- package/dist/components/Skeleton/index.d.ts.map +1 -0
- package/dist/components/Slider/Slider.cjs +1 -0
- package/dist/components/Slider/Slider.d.ts +19 -0
- package/dist/components/Slider/Slider.d.ts.map +1 -0
- package/dist/components/Slider/Slider.js +101 -0
- package/dist/components/Slider/index.d.ts +3 -0
- package/dist/components/Slider/index.d.ts.map +1 -0
- package/dist/components/Switch/Switch.cjs +1 -0
- package/dist/components/Switch/Switch.d.ts +10 -0
- package/dist/components/Switch/Switch.d.ts.map +1 -0
- package/dist/components/Switch/Switch.js +20 -0
- package/dist/components/Switch/Switch.variants.cjs +1 -0
- package/dist/components/Switch/Switch.variants.d.ts +7 -0
- package/dist/components/Switch/Switch.variants.d.ts.map +1 -0
- package/dist/components/Switch/Switch.variants.js +39 -0
- package/dist/components/Switch/index.d.ts +4 -0
- package/dist/components/Switch/index.d.ts.map +1 -0
- package/dist/components/SwitchGroup/SwitchGroup.cjs +1 -0
- package/dist/components/SwitchGroup/SwitchGroup.d.ts +24 -0
- package/dist/components/SwitchGroup/SwitchGroup.d.ts.map +1 -0
- package/dist/components/SwitchGroup/SwitchGroup.js +36 -0
- package/dist/components/SwitchGroup/SwitchGroup.variants.cjs +1 -0
- package/dist/components/SwitchGroup/SwitchGroup.variants.d.ts +4 -0
- package/dist/components/SwitchGroup/SwitchGroup.variants.d.ts.map +1 -0
- package/dist/components/SwitchGroup/SwitchGroup.variants.js +5 -0
- package/dist/components/SwitchGroup/index.d.ts +3 -0
- package/dist/components/SwitchGroup/index.d.ts.map +1 -0
- package/dist/components/TabNavigation/TabNavigation.cjs +1 -0
- package/dist/components/TabNavigation/TabNavigation.d.ts +31 -0
- package/dist/components/TabNavigation/TabNavigation.d.ts.map +1 -0
- package/dist/components/TabNavigation/TabNavigation.js +107 -0
- package/dist/components/TabNavigation/index.d.ts +4 -0
- package/dist/components/TabNavigation/index.d.ts.map +1 -0
- package/dist/components/Table/Table.cjs +1 -0
- package/dist/components/Table/Table.d.ts +103 -0
- package/dist/components/Table/Table.d.ts.map +1 -0
- package/dist/components/Table/Table.js +278 -0
- package/dist/components/Table/index.d.ts +3 -0
- package/dist/components/Table/index.d.ts.map +1 -0
- package/dist/components/TablePagination/TablePagination.cjs +1 -0
- package/dist/components/TablePagination/TablePagination.d.ts +26 -0
- package/dist/components/TablePagination/TablePagination.d.ts.map +1 -0
- package/dist/components/TablePagination/TablePagination.js +80 -0
- package/dist/components/TablePagination/index.d.ts +3 -0
- package/dist/components/TablePagination/index.d.ts.map +1 -0
- package/dist/components/Tag/Tag.cjs +1 -0
- package/dist/components/Tag/Tag.d.ts +25 -0
- package/dist/components/Tag/Tag.d.ts.map +1 -0
- package/dist/components/Tag/Tag.js +84 -0
- package/dist/components/Tag/Tag.variants.cjs +1 -0
- package/dist/components/Tag/Tag.variants.d.ts +8 -0
- package/dist/components/Tag/Tag.variants.d.ts.map +1 -0
- package/dist/components/Tag/Tag.variants.js +41 -0
- package/dist/components/Tag/TagGroup.cjs +1 -0
- package/dist/components/Tag/TagGroup.d.ts +8 -0
- package/dist/components/Tag/TagGroup.d.ts.map +1 -0
- package/dist/components/Tag/TagGroup.js +20 -0
- package/dist/components/Tag/TagGroup.variants.cjs +1 -0
- package/dist/components/Tag/TagGroup.variants.d.ts +6 -0
- package/dist/components/Tag/TagGroup.variants.d.ts.map +1 -0
- package/dist/components/Tag/TagGroup.variants.js +16 -0
- package/dist/components/Tag/index.d.ts +9 -0
- package/dist/components/Tag/index.d.ts.map +1 -0
- package/dist/components/Textarea/Textarea.cjs +1 -0
- package/dist/components/Textarea/Textarea.d.ts +54 -0
- package/dist/components/Textarea/Textarea.d.ts.map +1 -0
- package/dist/components/Textarea/Textarea.js +162 -0
- package/dist/components/Textarea/Textarea.variants.cjs +1 -0
- package/dist/components/Textarea/Textarea.variants.d.ts +60 -0
- package/dist/components/Textarea/Textarea.variants.d.ts.map +1 -0
- package/dist/components/Textarea/Textarea.variants.js +116 -0
- package/dist/components/Textarea/index.d.ts +3 -0
- package/dist/components/Textarea/index.d.ts.map +1 -0
- package/dist/components/Toast/Toast.cjs +1 -0
- package/dist/components/Toast/Toast.d.ts +71 -0
- package/dist/components/Toast/Toast.d.ts.map +1 -0
- package/dist/components/Toast/Toast.js +242 -0
- package/dist/components/Toast/index.d.ts +3 -0
- package/dist/components/Toast/index.d.ts.map +1 -0
- package/dist/components/Toggle/Toggle.cjs +1 -0
- package/dist/components/Toggle/Toggle.d.ts +18 -0
- package/dist/components/Toggle/Toggle.d.ts.map +1 -0
- package/dist/components/Toggle/Toggle.js +60 -0
- package/dist/components/Toggle/Toggle.variants.cjs +1 -0
- package/dist/components/Toggle/Toggle.variants.d.ts +13 -0
- package/dist/components/Toggle/Toggle.variants.d.ts.map +1 -0
- package/dist/components/Toggle/Toggle.variants.js +76 -0
- package/dist/components/Toggle/index.d.ts +4 -0
- package/dist/components/Toggle/index.d.ts.map +1 -0
- package/dist/components/Tooltip/Tooltip.cjs +1 -0
- package/dist/components/Tooltip/Tooltip.d.ts +13 -0
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -0
- package/dist/components/Tooltip/Tooltip.js +41 -0
- package/dist/components/Tooltip/index.d.ts +3 -0
- package/dist/components/Tooltip/index.d.ts.map +1 -0
- package/dist/components/_shared/SelectionIndicators.cjs +1 -0
- package/dist/components/_shared/SelectionIndicators.d.ts +33 -0
- package/dist/components/_shared/SelectionIndicators.d.ts.map +1 -0
- package/dist/components/_shared/SelectionIndicators.js +49 -0
- package/dist/index.cjs +1 -0
- package/dist/index.d.ts +96 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +202 -0
- package/dist/utils/cn.cjs +1 -0
- package/dist/utils/cn.d.ts +3 -0
- package/dist/utils/cn.d.ts.map +1 -0
- package/dist/utils/cn.js +9 -0
- package/dist/utils/focusRing.cjs +1 -0
- package/dist/utils/focusRing.d.ts +20 -0
- package/dist/utils/focusRing.d.ts.map +1 -0
- package/dist/utils/focusRing.js +5 -0
- package/package.json +82 -0
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
/** Padding variant */
|
|
4
|
+
padding?: 'xs' | 'sm' | 'md' | 'lg';
|
|
5
|
+
/** Aspect ratio constraint */
|
|
6
|
+
aspectRatio?: 'custom' | '1/1' | '3/4' | '4/3' | '16/9' | string;
|
|
7
|
+
/** Add a subtle drop shadow */
|
|
8
|
+
dropShadow?: boolean;
|
|
9
|
+
/** Disabled state — reduces opacity, disables pointer events */
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
/** Optional heading above the card body */
|
|
12
|
+
cardHeading?: React.ReactNode;
|
|
13
|
+
/** Semantic heading level for cardHeading */
|
|
14
|
+
cardHeadingAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
15
|
+
/** Additional classes on the heading element */
|
|
16
|
+
cardHeadingClassName?: string;
|
|
17
|
+
/**
|
|
18
|
+
* Surface style. 'default' applies the Nebula card surface (gradient in
|
|
19
|
+
* midnight, white in light). 'none' applies no surface so the consumer can
|
|
20
|
+
* pass their own background via className or style.
|
|
21
|
+
*/
|
|
22
|
+
surface?: 'default' | 'none';
|
|
23
|
+
}
|
|
24
|
+
declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
|
|
25
|
+
export interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
26
|
+
}
|
|
27
|
+
declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
+
export interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
|
|
29
|
+
}
|
|
30
|
+
declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
31
|
+
export interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
|
|
32
|
+
}
|
|
33
|
+
declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
34
|
+
export interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
35
|
+
}
|
|
36
|
+
declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
37
|
+
export interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
38
|
+
}
|
|
39
|
+
declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
40
|
+
export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter };
|
|
41
|
+
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,sBAAsB;IACtB,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACnC,8BAA8B;IAC9B,WAAW,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;IAChE,+BAA+B;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,6CAA6C;IAC7C,aAAa,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACvD,gDAAgD;IAChD,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;CAC7B;AAiBD,QAAA,MAAM,IAAI,kFAuDT,CAAA;AAQD,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEhF,QAAA,MAAM,UAAU,wFAIf,CAAA;AAQD,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;CAAG;AAEnF,QAAA,MAAM,SAAS,2FAad,CAAA;AAQD,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;CAAG;AAE3F,QAAA,MAAM,eAAe,mGAIpB,CAAA;AAQD,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjF,QAAA,MAAM,WAAW,yFAIhB,CAAA;AAQD,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEhF,QAAA,MAAM,UAAU,wFAIf,CAAA;AAID,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,UAAU,EAAE,CAAA"}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import { jsxs as y, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import * as t from "react";
|
|
3
|
+
import { cn as s } from "../../utils/cn.js";
|
|
4
|
+
const l = {
|
|
5
|
+
xs: "cai-p-3",
|
|
6
|
+
sm: "cai-p-4",
|
|
7
|
+
md: "cai-p-6",
|
|
8
|
+
lg: "cai-p-8"
|
|
9
|
+
}, h = {
|
|
10
|
+
custom: "",
|
|
11
|
+
"1/1": "cai-aspect-square",
|
|
12
|
+
"3/4": "cai-aspect-[3/4]",
|
|
13
|
+
"4/3": "cai-aspect-[4/3]",
|
|
14
|
+
"16/9": "cai-aspect-video"
|
|
15
|
+
}, w = t.forwardRef(
|
|
16
|
+
({
|
|
17
|
+
className: c,
|
|
18
|
+
padding: i = "sm",
|
|
19
|
+
aspectRatio: a = "custom",
|
|
20
|
+
dropShadow: r = !1,
|
|
21
|
+
disabled: o = !1,
|
|
22
|
+
cardHeading: d,
|
|
23
|
+
cardHeadingAs: n = "h2",
|
|
24
|
+
cardHeadingClassName: f,
|
|
25
|
+
surface: m = "default",
|
|
26
|
+
children: p,
|
|
27
|
+
...u
|
|
28
|
+
}, x) => {
|
|
29
|
+
const C = l[i] ?? l.sm, N = h[a] ?? `cai-aspect-[${a}]`;
|
|
30
|
+
return /* @__PURE__ */ y("div", { className: "cai-flex cai-flex-col", children: [
|
|
31
|
+
d && /* @__PURE__ */ e("div", { className: s("cai-mb-1.5", o && "cai-opacity-40"), children: /* @__PURE__ */ e(
|
|
32
|
+
n,
|
|
33
|
+
{
|
|
34
|
+
className: s(
|
|
35
|
+
"cai-text-micro1 cai-font-semibold cai-text-secondary",
|
|
36
|
+
f
|
|
37
|
+
),
|
|
38
|
+
children: d
|
|
39
|
+
}
|
|
40
|
+
) }),
|
|
41
|
+
/* @__PURE__ */ e(
|
|
42
|
+
"div",
|
|
43
|
+
{
|
|
44
|
+
ref: x,
|
|
45
|
+
tabIndex: o ? -1 : 0,
|
|
46
|
+
"aria-disabled": o || void 0,
|
|
47
|
+
className: s(
|
|
48
|
+
"cai-rounded-xl cai-transition-all",
|
|
49
|
+
m === "default" && "cai-card-surface",
|
|
50
|
+
C,
|
|
51
|
+
N,
|
|
52
|
+
r && "cai-shadow-shallow",
|
|
53
|
+
o && "cai-pointer-events-none cai-opacity-40",
|
|
54
|
+
"focus-within:cai-outline-2 focus-within:cai-outline-offset-2 focus-within:cai-outline-[var(--focus)]",
|
|
55
|
+
c
|
|
56
|
+
),
|
|
57
|
+
...u,
|
|
58
|
+
children: p
|
|
59
|
+
}
|
|
60
|
+
)
|
|
61
|
+
] });
|
|
62
|
+
}
|
|
63
|
+
);
|
|
64
|
+
w.displayName = "Card";
|
|
65
|
+
const v = t.forwardRef(
|
|
66
|
+
({ className: c, ...i }, a) => /* @__PURE__ */ e("div", { ref: a, className: s("cai-flex cai-flex-col cai-gap-y-1.5", c), ...i })
|
|
67
|
+
);
|
|
68
|
+
v.displayName = "CardHeader";
|
|
69
|
+
const b = t.forwardRef(
|
|
70
|
+
({ className: c, children: i, ...a }, r) => /* @__PURE__ */ e(
|
|
71
|
+
"h3",
|
|
72
|
+
{
|
|
73
|
+
ref: r,
|
|
74
|
+
className: s(
|
|
75
|
+
"cai-text-subbody cai-font-semibold cai-tracking-tight cai-text-primary",
|
|
76
|
+
c
|
|
77
|
+
),
|
|
78
|
+
...a,
|
|
79
|
+
children: i
|
|
80
|
+
}
|
|
81
|
+
)
|
|
82
|
+
);
|
|
83
|
+
b.displayName = "CardTitle";
|
|
84
|
+
const R = t.forwardRef(
|
|
85
|
+
({ className: c, ...i }, a) => /* @__PURE__ */ e("p", { ref: a, className: s("cai-text-subbody cai-text-secondary", c), ...i })
|
|
86
|
+
);
|
|
87
|
+
R.displayName = "CardDescription";
|
|
88
|
+
const A = t.forwardRef(
|
|
89
|
+
({ className: c, ...i }, a) => /* @__PURE__ */ e("div", { ref: a, className: s("cai-pt-4", c), ...i })
|
|
90
|
+
);
|
|
91
|
+
A.displayName = "CardContent";
|
|
92
|
+
const g = t.forwardRef(
|
|
93
|
+
({ className: c, ...i }, a) => /* @__PURE__ */ e("div", { ref: a, className: s("cai-flex cai-items-center cai-pt-4", c), ...i })
|
|
94
|
+
);
|
|
95
|
+
g.displayName = "CardFooter";
|
|
96
|
+
export {
|
|
97
|
+
w as Card,
|
|
98
|
+
A as CardContent,
|
|
99
|
+
R as CardDescription,
|
|
100
|
+
g as CardFooter,
|
|
101
|
+
v as CardHeader,
|
|
102
|
+
b as CardTitle
|
|
103
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAC9F,YAAY,EACV,SAAS,EACT,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,GAChB,MAAM,QAAQ,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),D=require("react"),v=require("../../utils/cn.cjs"),b=require("../ButtonIcon/ButtonIcon.cjs");function L(t){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(l,r,s.get?s:{enumerable:!0,get:()=>t[r]})}}return l.default=t,Object.freeze(l)}const o=L(D),y=o.createContext(null);function h(){const t=o.useContext(y);if(!t)throw new Error("useCarousel must be used within a <Carousel />");return t}const w=o.forwardRef(({orientation:t="horizontal","aria-label":l,"aria-labelledby":r,opts:s,className:n,children:c,...i},S)=>{const d=o.useRef(null),[R,C]=o.useState(!1),[P,x]=o.useState(!0),f=o.useCallback(()=>{const e=d.current;e&&(t==="horizontal"?(C(e.scrollLeft>1),x(e.scrollLeft<e.scrollWidth-e.clientWidth-1)):(C(e.scrollTop>1),x(e.scrollTop<e.scrollHeight-e.clientHeight-1)))},[t]);o.useEffect(()=>{const e=d.current;if(!e)return;f(),e.addEventListener("scroll",f,{passive:!0});const u=new ResizeObserver(f);return u.observe(e),()=>{e.removeEventListener("scroll",f),u.disconnect()}},[f]);const p=o.useCallback(()=>{const e=d.current;if(!e)return;const u=t==="horizontal"?e.clientWidth:e.clientHeight;e.scrollBy({[t==="horizontal"?"left":"top"]:-u,behavior:"smooth"})},[t]),m=o.useCallback(()=>{const e=d.current;if(!e)return;const u=t==="horizontal"?e.clientWidth:e.clientHeight;e.scrollBy({[t==="horizontal"?"left":"top"]:u,behavior:"smooth"})},[t]),z=o.useCallback(e=>{t==="horizontal"?e.key==="ArrowLeft"?(e.preventDefault(),p()):e.key==="ArrowRight"&&(e.preventDefault(),m()):e.key==="ArrowUp"?(e.preventDefault(),p()):e.key==="ArrowDown"&&(e.preventDefault(),m())},[t,p,m]);return a.jsx(y.Provider,{value:{orientation:t,canScrollPrev:R,canScrollNext:P,scrollPrev:p,scrollNext:m,containerRef:d},children:a.jsx("div",{ref:S,role:"region","aria-roledescription":"carousel","aria-label":r?void 0:l??"Carousel","aria-labelledby":r,onKeyDownCapture:z,className:v.cn("cai-relative",n),...i,children:c})})});w.displayName="Carousel";const g=o.forwardRef(({className:t,children:l,...r},s)=>{const{orientation:n,containerRef:c}=h(),i=n==="vertical";return a.jsx("div",{className:"cai-overflow-hidden",ref:s,children:a.jsx("div",{ref:c,className:v.cn("cai-flex cai-snap-mandatory cai-scroll-smooth",i?"-cai-mt-4 cai-flex-col cai-snap-y cai-overflow-y-auto":"-cai-ml-4 cai-snap-x cai-overflow-x-auto","[&::-webkit-scrollbar]:cai-hidden",t),style:{scrollbarWidth:"none",msOverflowStyle:"none"},...r,children:l})})});g.displayName="CarouselContent";const j=o.forwardRef(({className:t,children:l,...r},s)=>{const{orientation:n}=h(),c=n==="vertical";return a.jsx("div",{ref:s,role:"group","aria-roledescription":"slide",className:v.cn("cai-min-w-0 cai-shrink-0 cai-grow-0 cai-basis-full cai-snap-start",c?"cai-pt-4":"cai-pl-4",t),...r,children:l})});j.displayName="CarouselItem";const I=t=>a.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...t,children:a.jsx("polyline",{points:"15 18 9 12 15 6"})}),O=t=>a.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...t,children:a.jsx("polyline",{points:"9 18 15 12 9 6"})}),k=o.forwardRef(({className:t,...l},r)=>{const{orientation:s,canScrollPrev:n,scrollPrev:c}=h(),i=s==="vertical";return a.jsx(b.ButtonIcon,{ref:r,variant:"primary",size:"xs","aria-label":"Previous slide",disabled:!n,onClick:c,icon:a.jsx(I,{style:i?{transform:"rotate(90deg)"}:void 0}),className:v.cn(i?"cai-mx-auto cai-mb-2":"cai-absolute cai-left-0 cai-top-1/2 -cai-translate-y-1/2 -cai-translate-x-1/2",t),...l})});k.displayName="CarouselPrevious";const N=o.forwardRef(({className:t,...l},r)=>{const{orientation:s,canScrollNext:n,scrollNext:c}=h(),i=s==="vertical";return a.jsx(b.ButtonIcon,{ref:r,variant:"primary",size:"xs","aria-label":"Next slide",disabled:!n,onClick:c,icon:a.jsx(O,{style:i?{transform:"rotate(90deg)"}:void 0}),className:v.cn(i?"cai-mx-auto cai-mt-2":"cai-absolute cai-right-0 cai-top-1/2 -cai-translate-y-1/2 cai-translate-x-1/2",t),...l})});N.displayName="CarouselNext";exports.Carousel=w;exports.CarouselContent=g;exports.CarouselItem=j;exports.CarouselNext=N;exports.CarouselPrevious=k;exports.useCarousel=h;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
type CarouselOrientation = 'horizontal' | 'vertical';
|
|
3
|
+
interface CarouselContextValue {
|
|
4
|
+
orientation: CarouselOrientation;
|
|
5
|
+
canScrollPrev: boolean;
|
|
6
|
+
canScrollNext: boolean;
|
|
7
|
+
scrollPrev: () => void;
|
|
8
|
+
scrollNext: () => void;
|
|
9
|
+
containerRef: React.RefObject<HTMLDivElement>;
|
|
10
|
+
}
|
|
11
|
+
declare function useCarousel(): CarouselContextValue;
|
|
12
|
+
export interface CarouselProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
13
|
+
/** Scroll direction. */
|
|
14
|
+
orientation?: CarouselOrientation;
|
|
15
|
+
/** Configuration options (align, loop, etc.). Reserved for future Embla integration. */
|
|
16
|
+
opts?: {
|
|
17
|
+
align?: 'start' | 'center' | 'end';
|
|
18
|
+
loop?: boolean;
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
+
export interface CarouselContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
23
|
+
}
|
|
24
|
+
declare const CarouselContent: React.ForwardRefExoticComponent<CarouselContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
25
|
+
export interface CarouselItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
26
|
+
}
|
|
27
|
+
declare const CarouselItem: React.ForwardRefExoticComponent<CarouselItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
+
export interface CarouselPreviousProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
29
|
+
}
|
|
30
|
+
declare const CarouselPrevious: React.ForwardRefExoticComponent<CarouselPreviousProps & React.RefAttributes<HTMLButtonElement>>;
|
|
31
|
+
export interface CarouselNextProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
32
|
+
}
|
|
33
|
+
declare const CarouselNext: React.ForwardRefExoticComponent<CarouselNextProps & React.RefAttributes<HTMLButtonElement>>;
|
|
34
|
+
export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, useCarousel };
|
|
35
|
+
//# sourceMappingURL=Carousel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,KAAK,mBAAmB,GAAG,YAAY,GAAG,UAAU,CAAA;AAEpD,UAAU,oBAAoB;IAC5B,WAAW,EAAE,mBAAmB,CAAA;IAChC,aAAa,EAAE,OAAO,CAAA;IACtB,aAAa,EAAE,OAAO,CAAA;IACtB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CAC9C;AAQD,iBAAS,WAAW,yBAMnB;AAMD,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,wBAAwB;IACxB,WAAW,CAAC,EAAE,mBAAmB,CAAA;IACjC,wFAAwF;IACxF,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;QAClC,IAAI,CAAC,EAAE,OAAO,CAAA;KACf,CAAA;CACF;AAED,QAAA,MAAM,QAAQ,sFA+Gb,CAAA;AAQD,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAErF,QAAA,MAAM,eAAe,6FA8BpB,CAAA;AAQD,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAElF,QAAA,MAAM,YAAY,0FAqBjB,CAAA;AA8CD,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAE/F,QAAA,MAAM,gBAAgB,iGA0BrB,CAAA;AAQD,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAE3F,QAAA,MAAM,YAAY,6FA0BjB,CAAA;AAQD,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -0,0 +1,217 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import * as t from "react";
|
|
3
|
+
import { cn as h } from "../../utils/cn.js";
|
|
4
|
+
import { ButtonIcon as y } from "../ButtonIcon/ButtonIcon.js";
|
|
5
|
+
const x = t.createContext(null);
|
|
6
|
+
function m() {
|
|
7
|
+
const r = t.useContext(x);
|
|
8
|
+
if (!r)
|
|
9
|
+
throw new Error("useCarousel must be used within a <Carousel />");
|
|
10
|
+
return r;
|
|
11
|
+
}
|
|
12
|
+
const R = t.forwardRef(
|
|
13
|
+
({
|
|
14
|
+
orientation: r = "horizontal",
|
|
15
|
+
"aria-label": a,
|
|
16
|
+
"aria-labelledby": l,
|
|
17
|
+
opts: i,
|
|
18
|
+
className: s,
|
|
19
|
+
children: c,
|
|
20
|
+
...n
|
|
21
|
+
}, b) => {
|
|
22
|
+
const d = t.useRef(null), [k, C] = t.useState(!1), [N, w] = t.useState(!0), f = t.useCallback(() => {
|
|
23
|
+
const e = d.current;
|
|
24
|
+
e && (r === "horizontal" ? (C(e.scrollLeft > 1), w(e.scrollLeft < e.scrollWidth - e.clientWidth - 1)) : (C(e.scrollTop > 1), w(e.scrollTop < e.scrollHeight - e.clientHeight - 1)));
|
|
25
|
+
}, [r]);
|
|
26
|
+
t.useEffect(() => {
|
|
27
|
+
const e = d.current;
|
|
28
|
+
if (!e) return;
|
|
29
|
+
f(), e.addEventListener("scroll", f, { passive: !0 });
|
|
30
|
+
const u = new ResizeObserver(f);
|
|
31
|
+
return u.observe(e), () => {
|
|
32
|
+
e.removeEventListener("scroll", f), u.disconnect();
|
|
33
|
+
};
|
|
34
|
+
}, [f]);
|
|
35
|
+
const v = t.useCallback(() => {
|
|
36
|
+
const e = d.current;
|
|
37
|
+
if (!e) return;
|
|
38
|
+
const u = r === "horizontal" ? e.clientWidth : e.clientHeight;
|
|
39
|
+
e.scrollBy({
|
|
40
|
+
[r === "horizontal" ? "left" : "top"]: -u,
|
|
41
|
+
behavior: "smooth"
|
|
42
|
+
});
|
|
43
|
+
}, [r]), p = t.useCallback(() => {
|
|
44
|
+
const e = d.current;
|
|
45
|
+
if (!e) return;
|
|
46
|
+
const u = r === "horizontal" ? e.clientWidth : e.clientHeight;
|
|
47
|
+
e.scrollBy({
|
|
48
|
+
[r === "horizontal" ? "left" : "top"]: u,
|
|
49
|
+
behavior: "smooth"
|
|
50
|
+
});
|
|
51
|
+
}, [r]), g = t.useCallback(
|
|
52
|
+
(e) => {
|
|
53
|
+
r === "horizontal" ? e.key === "ArrowLeft" ? (e.preventDefault(), v()) : e.key === "ArrowRight" && (e.preventDefault(), p()) : e.key === "ArrowUp" ? (e.preventDefault(), v()) : e.key === "ArrowDown" && (e.preventDefault(), p());
|
|
54
|
+
},
|
|
55
|
+
[r, v, p]
|
|
56
|
+
);
|
|
57
|
+
return /* @__PURE__ */ o(
|
|
58
|
+
x.Provider,
|
|
59
|
+
{
|
|
60
|
+
value: {
|
|
61
|
+
orientation: r,
|
|
62
|
+
canScrollPrev: k,
|
|
63
|
+
canScrollNext: N,
|
|
64
|
+
scrollPrev: v,
|
|
65
|
+
scrollNext: p,
|
|
66
|
+
containerRef: d
|
|
67
|
+
},
|
|
68
|
+
children: /* @__PURE__ */ o(
|
|
69
|
+
"div",
|
|
70
|
+
{
|
|
71
|
+
ref: b,
|
|
72
|
+
role: "region",
|
|
73
|
+
"aria-roledescription": "carousel",
|
|
74
|
+
"aria-label": l ? void 0 : a ?? "Carousel",
|
|
75
|
+
"aria-labelledby": l,
|
|
76
|
+
onKeyDownCapture: g,
|
|
77
|
+
className: h("cai-relative", s),
|
|
78
|
+
...n,
|
|
79
|
+
children: c
|
|
80
|
+
}
|
|
81
|
+
)
|
|
82
|
+
}
|
|
83
|
+
);
|
|
84
|
+
}
|
|
85
|
+
);
|
|
86
|
+
R.displayName = "Carousel";
|
|
87
|
+
const S = t.forwardRef(
|
|
88
|
+
({ className: r, children: a, ...l }, i) => {
|
|
89
|
+
const { orientation: s, containerRef: c } = m();
|
|
90
|
+
return /* @__PURE__ */ o("div", { className: "cai-overflow-hidden", ref: i, children: /* @__PURE__ */ o(
|
|
91
|
+
"div",
|
|
92
|
+
{
|
|
93
|
+
ref: c,
|
|
94
|
+
className: h(
|
|
95
|
+
"cai-flex cai-snap-mandatory cai-scroll-smooth",
|
|
96
|
+
s === "vertical" ? "-cai-mt-4 cai-flex-col cai-snap-y cai-overflow-y-auto" : "-cai-ml-4 cai-snap-x cai-overflow-x-auto",
|
|
97
|
+
// Tailwind's arbitrary descendant variant covers WebKit while the
|
|
98
|
+
// inline properties below cover Firefox and legacy Edge.
|
|
99
|
+
"[&::-webkit-scrollbar]:cai-hidden",
|
|
100
|
+
r
|
|
101
|
+
),
|
|
102
|
+
style: {
|
|
103
|
+
scrollbarWidth: "none",
|
|
104
|
+
msOverflowStyle: "none"
|
|
105
|
+
},
|
|
106
|
+
...l,
|
|
107
|
+
children: a
|
|
108
|
+
}
|
|
109
|
+
) });
|
|
110
|
+
}
|
|
111
|
+
);
|
|
112
|
+
S.displayName = "CarouselContent";
|
|
113
|
+
const z = t.forwardRef(
|
|
114
|
+
({ className: r, children: a, ...l }, i) => {
|
|
115
|
+
const { orientation: s } = m();
|
|
116
|
+
return /* @__PURE__ */ o(
|
|
117
|
+
"div",
|
|
118
|
+
{
|
|
119
|
+
ref: i,
|
|
120
|
+
role: "group",
|
|
121
|
+
"aria-roledescription": "slide",
|
|
122
|
+
className: h(
|
|
123
|
+
"cai-min-w-0 cai-shrink-0 cai-grow-0 cai-basis-full cai-snap-start",
|
|
124
|
+
s === "vertical" ? "cai-pt-4" : "cai-pl-4",
|
|
125
|
+
r
|
|
126
|
+
),
|
|
127
|
+
...l,
|
|
128
|
+
children: a
|
|
129
|
+
}
|
|
130
|
+
);
|
|
131
|
+
}
|
|
132
|
+
);
|
|
133
|
+
z.displayName = "CarouselItem";
|
|
134
|
+
const L = (r) => /* @__PURE__ */ o(
|
|
135
|
+
"svg",
|
|
136
|
+
{
|
|
137
|
+
width: "14",
|
|
138
|
+
height: "14",
|
|
139
|
+
viewBox: "0 0 24 24",
|
|
140
|
+
fill: "none",
|
|
141
|
+
stroke: "currentColor",
|
|
142
|
+
strokeWidth: "2",
|
|
143
|
+
strokeLinecap: "round",
|
|
144
|
+
strokeLinejoin: "round",
|
|
145
|
+
"aria-hidden": "true",
|
|
146
|
+
...r,
|
|
147
|
+
children: /* @__PURE__ */ o("polyline", { points: "15 18 9 12 15 6" })
|
|
148
|
+
}
|
|
149
|
+
), P = (r) => /* @__PURE__ */ o(
|
|
150
|
+
"svg",
|
|
151
|
+
{
|
|
152
|
+
width: "14",
|
|
153
|
+
height: "14",
|
|
154
|
+
viewBox: "0 0 24 24",
|
|
155
|
+
fill: "none",
|
|
156
|
+
stroke: "currentColor",
|
|
157
|
+
strokeWidth: "2",
|
|
158
|
+
strokeLinecap: "round",
|
|
159
|
+
strokeLinejoin: "round",
|
|
160
|
+
"aria-hidden": "true",
|
|
161
|
+
...r,
|
|
162
|
+
children: /* @__PURE__ */ o("polyline", { points: "9 18 15 12 9 6" })
|
|
163
|
+
}
|
|
164
|
+
), D = t.forwardRef(
|
|
165
|
+
({ className: r, ...a }, l) => {
|
|
166
|
+
const { orientation: i, canScrollPrev: s, scrollPrev: c } = m(), n = i === "vertical";
|
|
167
|
+
return /* @__PURE__ */ o(
|
|
168
|
+
y,
|
|
169
|
+
{
|
|
170
|
+
ref: l,
|
|
171
|
+
variant: "primary",
|
|
172
|
+
size: "xs",
|
|
173
|
+
"aria-label": "Previous slide",
|
|
174
|
+
disabled: !s,
|
|
175
|
+
onClick: c,
|
|
176
|
+
icon: /* @__PURE__ */ o(L, { style: n ? { transform: "rotate(90deg)" } : void 0 }),
|
|
177
|
+
className: h(
|
|
178
|
+
n ? "cai-mx-auto cai-mb-2" : "cai-absolute cai-left-0 cai-top-1/2 -cai-translate-y-1/2 -cai-translate-x-1/2",
|
|
179
|
+
r
|
|
180
|
+
),
|
|
181
|
+
...a
|
|
182
|
+
}
|
|
183
|
+
);
|
|
184
|
+
}
|
|
185
|
+
);
|
|
186
|
+
D.displayName = "CarouselPrevious";
|
|
187
|
+
const W = t.forwardRef(
|
|
188
|
+
({ className: r, ...a }, l) => {
|
|
189
|
+
const { orientation: i, canScrollNext: s, scrollNext: c } = m(), n = i === "vertical";
|
|
190
|
+
return /* @__PURE__ */ o(
|
|
191
|
+
y,
|
|
192
|
+
{
|
|
193
|
+
ref: l,
|
|
194
|
+
variant: "primary",
|
|
195
|
+
size: "xs",
|
|
196
|
+
"aria-label": "Next slide",
|
|
197
|
+
disabled: !s,
|
|
198
|
+
onClick: c,
|
|
199
|
+
icon: /* @__PURE__ */ o(P, { style: n ? { transform: "rotate(90deg)" } : void 0 }),
|
|
200
|
+
className: h(
|
|
201
|
+
n ? "cai-mx-auto cai-mt-2" : "cai-absolute cai-right-0 cai-top-1/2 -cai-translate-y-1/2 cai-translate-x-1/2",
|
|
202
|
+
r
|
|
203
|
+
),
|
|
204
|
+
...a
|
|
205
|
+
}
|
|
206
|
+
);
|
|
207
|
+
}
|
|
208
|
+
);
|
|
209
|
+
W.displayName = "CarouselNext";
|
|
210
|
+
export {
|
|
211
|
+
R as Carousel,
|
|
212
|
+
S as CarouselContent,
|
|
213
|
+
z as CarouselItem,
|
|
214
|
+
W as CarouselNext,
|
|
215
|
+
D as CarouselPrevious,
|
|
216
|
+
m as useCarousel
|
|
217
|
+
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, useCarousel, } from './Carousel';
|
|
2
|
+
export type { CarouselProps, CarouselContentProps, CarouselItemProps, CarouselPreviousProps, CarouselNextProps, } from './Carousel';
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,WAAW,GACZ,MAAM,YAAY,CAAA;AACnB,YAAY,EACV,aAAa,EACb,oBAAoB,EACpB,iBAAiB,EACjB,qBAAqB,EACrB,iBAAiB,GAClB,MAAM,YAAY,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("react"),g=require("@radix-ui/react-checkbox"),N=require("../../utils/cn.cjs"),C=require("../../utils/focusRing.cjs"),s=require("../_shared/SelectionIndicators.cjs"),o=require("../Icon/Icon.cjs");function u(i){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const a in i)if(a!=="default"){const t=Object.getOwnPropertyDescriptor(i,a);Object.defineProperty(c,a,t.get?t:{enumerable:!0,get:()=>i[a]})}}return c.default=i,Object.freeze(c)}const l=u(v),m=u(g),b=l.forwardRef(({label:i,subText:c,errorText:a,id:t,required:x,disabled:h,className:f,...n},p)=>{const y=l.useId(),r=t??y,d=a?`${r}-error`:void 0,j=d||void 0;return e.jsxs("div",{className:"cai-flex cai-flex-col",children:[e.jsxs("div",{className:"cai-flex cai-flex-row cai-gap-md",children:[e.jsx(m.Root,{ref:p,id:r,disabled:h,"aria-invalid":a?!0:void 0,"aria-describedby":j,"aria-required":x||void 0,className:N.cn("cai-peer",s.CHECKBOX_BASE,s.CHECKBOX_UNCHECKED,"hover:cai-border-secondary",C.FOCUS_RING,"disabled:cai-cursor-not-allowed disabled:cai-border-disabled disabled:cai-opacity-40","data-[state=checked]:cai-bg-primary data-[state=checked]:cai-border-transparent data-[state=checked]:hover:cai-bg-quaternary","data-[state=indeterminate]:cai-bg-primary data-[state=indeterminate]:cai-border-transparent data-[state=indeterminate]:hover:cai-bg-quaternary",a&&"cai-border-error",f),...n,children:e.jsx(m.Indicator,{className:"cai-flex cai-items-center cai-justify-center cai-text-icon-primary-invert",children:n.checked==="indeterminate"?e.jsx(o.Icon,{name:"minus",size:12,strokeWidth:3,"aria-hidden":"true"}):e.jsx(s.CheckIcon,{})})}),i&&e.jsxs("label",{htmlFor:r,className:"cai-flex cai-flex-col cai-gap-y-[2px] peer-disabled:cai-opacity-40",children:[e.jsx("span",{className:"cai-flex cai-h-6 cai-items-center cai-text-subbody cai-font-semibold",children:i}),c&&e.jsx("span",{className:"cai-text-subbody cai-text-primary",children:c})]})]}),a&&e.jsxs("div",{className:"cai-mt-1.5 cai-ml-4xl cai-flex cai-items-center cai-gap-1",id:d,role:"alert",children:[e.jsx("span",{className:"cai-flex cai-items-center cai-text-icon-error",children:e.jsx(o.Icon,{name:"alert-circle",size:16,"aria-hidden":"true"})}),e.jsx("span",{className:"cai-font-sans cai-text-xs cai-font-medium cai-text-error",children:a})]})]})});b.displayName="Checkbox";exports.Checkbox=b;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
3
|
+
export interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, 'children'> {
|
|
4
|
+
/** Visible label text */
|
|
5
|
+
label?: string;
|
|
6
|
+
/** Description text below label */
|
|
7
|
+
subText?: string;
|
|
8
|
+
/** Error message with alert icon */
|
|
9
|
+
errorText?: string;
|
|
10
|
+
/** Element id (auto-generated via useId if omitted) */
|
|
11
|
+
id?: string;
|
|
12
|
+
/** Marks the field as required (sets aria-required). Visual indicator lives in the surrounding instructional text, not on the checkbox itself. */
|
|
13
|
+
required?: boolean;
|
|
14
|
+
}
|
|
15
|
+
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
|
|
16
|
+
export { Checkbox };
|
|
17
|
+
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAU7D,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAC7D,UAAU,CACX;IACC,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uDAAuD;IACvD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,kJAAkJ;IAClJ,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,QAAQ,yFAsEb,CAAA;AAID,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { jsxs as i, jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import * as o from "react";
|
|
3
|
+
import * as n from "@radix-ui/react-checkbox";
|
|
4
|
+
import { cn as u } from "../../utils/cn.js";
|
|
5
|
+
import { FOCUS_RING as v } from "../../utils/focusRing.js";
|
|
6
|
+
import { CheckIcon as N, CHECKBOX_UNCHECKED as C, CHECKBOX_BASE as k } from "../_shared/SelectionIndicators.js";
|
|
7
|
+
import { Icon as l } from "../Icon/Icon.js";
|
|
8
|
+
const I = o.forwardRef(
|
|
9
|
+
({ label: r, subText: t, errorText: e, id: m, required: h, disabled: p, className: b, ...d }, f) => {
|
|
10
|
+
const x = o.useId(), c = m ?? x, s = e ? `${c}-error` : void 0, y = s || void 0;
|
|
11
|
+
return /* @__PURE__ */ i("div", { className: "cai-flex cai-flex-col", children: [
|
|
12
|
+
/* @__PURE__ */ i("div", { className: "cai-flex cai-flex-row cai-gap-md", children: [
|
|
13
|
+
/* @__PURE__ */ a(
|
|
14
|
+
n.Root,
|
|
15
|
+
{
|
|
16
|
+
ref: f,
|
|
17
|
+
id: c,
|
|
18
|
+
disabled: p,
|
|
19
|
+
"aria-invalid": e ? !0 : void 0,
|
|
20
|
+
"aria-describedby": y,
|
|
21
|
+
"aria-required": h || void 0,
|
|
22
|
+
className: u(
|
|
23
|
+
"cai-peer",
|
|
24
|
+
k,
|
|
25
|
+
C,
|
|
26
|
+
"hover:cai-border-secondary",
|
|
27
|
+
v,
|
|
28
|
+
"disabled:cai-cursor-not-allowed disabled:cai-border-disabled disabled:cai-opacity-40",
|
|
29
|
+
"data-[state=checked]:cai-bg-primary data-[state=checked]:cai-border-transparent data-[state=checked]:hover:cai-bg-quaternary",
|
|
30
|
+
"data-[state=indeterminate]:cai-bg-primary data-[state=indeterminate]:cai-border-transparent data-[state=indeterminate]:hover:cai-bg-quaternary",
|
|
31
|
+
e && "cai-border-error",
|
|
32
|
+
b
|
|
33
|
+
),
|
|
34
|
+
...d,
|
|
35
|
+
children: /* @__PURE__ */ a(n.Indicator, { className: "cai-flex cai-items-center cai-justify-center cai-text-icon-primary-invert", children: d.checked === "indeterminate" ? /* @__PURE__ */ a(l, { name: "minus", size: 12, strokeWidth: 3, "aria-hidden": "true" }) : /* @__PURE__ */ a(N, {}) })
|
|
36
|
+
}
|
|
37
|
+
),
|
|
38
|
+
r && /* @__PURE__ */ i(
|
|
39
|
+
"label",
|
|
40
|
+
{
|
|
41
|
+
htmlFor: c,
|
|
42
|
+
className: "cai-flex cai-flex-col cai-gap-y-[2px] peer-disabled:cai-opacity-40",
|
|
43
|
+
children: [
|
|
44
|
+
/* @__PURE__ */ a("span", { className: "cai-flex cai-h-6 cai-items-center cai-text-subbody cai-font-semibold", children: r }),
|
|
45
|
+
t && /* @__PURE__ */ a("span", { className: "cai-text-subbody cai-text-primary", children: t })
|
|
46
|
+
]
|
|
47
|
+
}
|
|
48
|
+
)
|
|
49
|
+
] }),
|
|
50
|
+
e && /* @__PURE__ */ i(
|
|
51
|
+
"div",
|
|
52
|
+
{
|
|
53
|
+
className: "cai-mt-1.5 cai-ml-4xl cai-flex cai-items-center cai-gap-1",
|
|
54
|
+
id: s,
|
|
55
|
+
role: "alert",
|
|
56
|
+
children: [
|
|
57
|
+
/* @__PURE__ */ a("span", { className: "cai-flex cai-items-center cai-text-icon-error", children: /* @__PURE__ */ a(l, { name: "alert-circle", size: 16, "aria-hidden": "true" }) }),
|
|
58
|
+
/* @__PURE__ */ a("span", { className: "cai-font-sans cai-text-xs cai-font-medium cai-text-error", children: e })
|
|
59
|
+
]
|
|
60
|
+
}
|
|
61
|
+
)
|
|
62
|
+
] });
|
|
63
|
+
}
|
|
64
|
+
);
|
|
65
|
+
I.displayName = "Checkbox";
|
|
66
|
+
export {
|
|
67
|
+
I as Checkbox
|
|
68
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),j=require("react"),N=require("@radix-ui/react-context-menu"),o=require("../../utils/cn.cjs"),d=require("../Icon/Icon.cjs");function l(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const r=l(j),n=l(N),w=n.Root,R=n.Trigger,S=n.Sub,u=r.forwardRef(({className:e,...a},t)=>i.jsx(n.Group,{ref:t,className:o.cn("cai-py-lg first:cai-pt-0 last:cai-pb-0",e),...a}));u.displayName="ContextMenuGroup";const m=r.forwardRef(({className:e,...a},t)=>i.jsx(n.RadioGroup,{ref:t,className:o.cn("cai-py-lg first:cai-pt-0 last:cai-pb-0",e),...a}));m.displayName="ContextMenuRadioGroup";const x=r.forwardRef(({className:e,inset:a,children:t,...c},s)=>i.jsxs(n.SubTrigger,{ref:s,className:o.cn("cai-flex cai-cursor-default cai-select-none cai-items-center cai-rounded-md cai-border cai-border-transparent cai-p-lg cai-text-subbody cai-text-primary cai-outline-none","cai-transition-colors","focus:cai-bg-tertiary","data-[state=open]:cai-bg-secondary",a&&"cai-pl-4xl",e),...c,children:[t,i.jsx("span",{className:"cai-ml-auto cai-text-icon-primary",children:i.jsx(d.Icon,{name:"chevron-right",size:14,"aria-hidden":"true"})})]}));x.displayName="ContextMenuSubTrigger";const p=r.forwardRef(({className:e,...a},t)=>i.jsx(n.SubContent,{ref:t,className:o.cn("cai-z-50 cai-min-w-[14rem] cai-overflow-hidden cai-rounded-md cai-border cai-border-tertiary cai-bg-primary-invert cai-p-lg cai-shadow-shallow","data-[state=open]:cai-animate-in data-[state=open]:cai-fade-in-0 data-[state=open]:cai-zoom-in-95","data-[state=closed]:cai-animate-out data-[state=closed]:cai-fade-out-0 data-[state=closed]:cai-zoom-out-95","data-[side=bottom]:cai-slide-in-from-top-2 data-[side=left]:cai-slide-in-from-right-2 data-[side=right]:cai-slide-in-from-left-2 data-[side=top]:cai-slide-in-from-bottom-2",e),...a}));p.displayName="ContextMenuSubContent";const b=r.forwardRef(({className:e,container:a,...t},c)=>i.jsx(n.Portal,{container:a,children:i.jsx(n.Content,{ref:c,className:o.cn("cai-z-50 cai-min-w-[14rem] cai-overflow-hidden cai-rounded-md cai-border cai-border-tertiary cai-bg-primary-invert cai-p-lg cai-shadow-shallow","data-[state=open]:cai-animate-in data-[state=open]:cai-fade-in-0 data-[state=open]:cai-zoom-in-95","data-[state=closed]:cai-animate-out data-[state=closed]:cai-fade-out-0 data-[state=closed]:cai-zoom-out-95",e),...t})}));b.displayName="ContextMenuContent";const f=r.forwardRef(({className:e,inset:a,...t},c)=>i.jsx(n.Item,{ref:c,className:o.cn("cai-flex cai-cursor-default cai-select-none cai-items-center cai-rounded-md cai-border cai-border-transparent cai-p-lg cai-text-subbody cai-text-primary cai-outline-none","cai-transition-colors","focus:cai-bg-tertiary","data-[disabled]:cai-pointer-events-none data-[disabled]:cai-opacity-40",a&&"cai-pl-4xl",e),...t}));f.displayName="ContextMenuItem";const C=r.forwardRef(({className:e,children:a,checked:t,...c},s)=>i.jsxs(n.CheckboxItem,{ref:s,checked:t,className:o.cn("cai-relative cai-flex cai-cursor-default cai-select-none cai-items-center cai-rounded-md cai-border cai-border-transparent cai-py-lg cai-pl-4xl cai-pr-lg cai-text-subbody cai-text-primary cai-outline-none","cai-transition-colors","focus:cai-bg-tertiary","data-[disabled]:cai-pointer-events-none data-[disabled]:cai-opacity-40",e),...c,children:[i.jsx("span",{className:"cai-absolute cai-left-md cai-flex cai-h-xl cai-w-xl cai-items-center cai-justify-center cai-text-icon-primary",children:i.jsx(n.ItemIndicator,{children:i.jsx(d.Icon,{name:"check",size:12,strokeWidth:3,"aria-hidden":"true"})})}),a]}));C.displayName="ContextMenuCheckboxItem";const y=r.forwardRef(({className:e,children:a,...t},c)=>i.jsxs(n.RadioItem,{ref:c,className:o.cn("cai-relative cai-flex cai-cursor-default cai-select-none cai-items-center cai-rounded-md cai-border cai-border-transparent cai-py-lg cai-pl-4xl cai-pr-lg cai-text-subbody cai-text-primary cai-outline-none","cai-transition-colors","focus:cai-bg-tertiary","data-[disabled]:cai-pointer-events-none data-[disabled]:cai-opacity-40",e),...t,children:[i.jsx("span",{className:"cai-absolute cai-left-md cai-flex cai-h-xl cai-w-xl cai-items-center cai-justify-center",children:i.jsx(n.ItemIndicator,{children:i.jsx("span",{"aria-hidden":"true",className:"cai-block cai-h-[0.625rem] cai-w-[0.625rem] cai-rounded-full cai-bg-quaternary"})})}),a]}));y.displayName="ContextMenuRadioItem";const g=r.forwardRef(({className:e,inset:a,...t},c)=>i.jsx(n.Label,{ref:c,className:o.cn("cai-text-eyebrow2 cai-font-semibold cai-uppercase cai-text-primary",a&&"cai-pl-4xl",e),...t}));g.displayName="ContextMenuLabel";const M=r.forwardRef(({className:e,...a},t)=>i.jsx(n.Separator,{ref:t,className:o.cn("-cai-mx-lg cai-h-px cai-bg-[var(--border-quaternary)]",e),...a}));M.displayName="ContextMenuSeparator";const h=({className:e,...a})=>i.jsx("span",{className:o.cn("cai-ml-auto cai-text-body2 cai-font-normal cai-tracking-widest cai-text-primary",e),...a});h.displayName="ContextMenuShortcut";exports.ContextMenu=w;exports.ContextMenuCheckboxItem=C;exports.ContextMenuContent=b;exports.ContextMenuGroup=u;exports.ContextMenuItem=f;exports.ContextMenuLabel=g;exports.ContextMenuRadioGroup=m;exports.ContextMenuRadioItem=y;exports.ContextMenuSeparator=M;exports.ContextMenuShortcut=h;exports.ContextMenuSub=S;exports.ContextMenuSubContent=p;exports.ContextMenuSubTrigger=x;exports.ContextMenuTrigger=R;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
3
|
+
declare const ContextMenu: React.FC<ContextMenuPrimitive.ContextMenuProps>;
|
|
4
|
+
declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
|
|
5
|
+
declare const ContextMenuSub: React.FC<ContextMenuPrimitive.ContextMenuSubProps>;
|
|
6
|
+
declare const ContextMenuGroup: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export interface ContextMenuSubTriggerProps extends React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> {
|
|
9
|
+
inset?: boolean;
|
|
10
|
+
}
|
|
11
|
+
declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
declare const ContextMenuSubContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
export interface ContextMenuContentProps extends React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> {
|
|
14
|
+
container?: HTMLElement;
|
|
15
|
+
}
|
|
16
|
+
declare const ContextMenuContent: React.ForwardRefExoticComponent<ContextMenuContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
export interface ContextMenuItemProps extends React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> {
|
|
18
|
+
inset?: boolean;
|
|
19
|
+
}
|
|
20
|
+
declare const ContextMenuItem: React.ForwardRefExoticComponent<ContextMenuItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
21
|
+
declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
+
declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
+
export interface ContextMenuLabelProps extends React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> {
|
|
24
|
+
inset?: boolean;
|
|
25
|
+
}
|
|
26
|
+
declare const ContextMenuLabel: React.ForwardRefExoticComponent<ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
|
|
27
|
+
declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
+
declare const ContextMenuShortcut: {
|
|
29
|
+
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
displayName: string;
|
|
31
|
+
};
|
|
32
|
+
export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };
|
|
33
|
+
//# sourceMappingURL=ContextMenu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;AAQpE,QAAA,MAAM,WAAW,iDAA4B,CAAA;AAC7C,QAAA,MAAM,kBAAkB,sHAA+B,CAAA;AACvD,QAAA,MAAM,cAAc,oDAA2B,CAAA;AAM/C,QAAA,MAAM,gBAAgB,sKASpB,CAAA;AAKF,QAAA,MAAM,qBAAqB,2KASzB,CAAA;AAOF,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,wBAAwB,CAChF,OAAO,oBAAoB,CAAC,UAAU,CACvC;IACC,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,QAAA,MAAM,qBAAqB,mGAqBzB,CAAA;AAQF,QAAA,MAAM,qBAAqB,2KAezB,CAAA;AAQF,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,wBAAwB,CAC7E,OAAO,oBAAoB,CAAC,OAAO,CACpC;IACC,SAAS,CAAC,EAAE,WAAW,CAAA;CACxB;AAED,QAAA,MAAM,kBAAkB,gGAgBtB,CAAA;AAQF,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,wBAAwB,CAC1E,OAAO,oBAAoB,CAAC,IAAI,CACjC;IACC,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,QAAA,MAAM,eAAe,6FAgBnB,CAAA;AAQF,QAAA,MAAM,uBAAuB,6KAuB3B,CAAA;AAQF,QAAA,MAAM,oBAAoB,0KAyBxB,CAAA;AAQF,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,wBAAwB,CAC3E,OAAO,oBAAoB,CAAC,KAAK,CAClC;IACC,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,QAAA,MAAM,gBAAgB,8FAapB,CAAA;AAQF,QAAA,MAAM,oBAAoB,0KASxB,CAAA;AAQF,QAAA,MAAM,mBAAmB;8BAA6B,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAQ1F,CAAA;AAID,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,GACtB,CAAA"}
|