@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,171 @@
|
|
|
1
|
+
import { jsxs as l, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import * as o from "react";
|
|
3
|
+
import * as i from "@radix-ui/react-select";
|
|
4
|
+
import { cn as r } from "../../utils/cn.js";
|
|
5
|
+
const s = () => /* @__PURE__ */ e(
|
|
6
|
+
"svg",
|
|
7
|
+
{
|
|
8
|
+
width: "14",
|
|
9
|
+
height: "14",
|
|
10
|
+
viewBox: "0 0 24 24",
|
|
11
|
+
fill: "none",
|
|
12
|
+
stroke: "currentColor",
|
|
13
|
+
strokeWidth: "2",
|
|
14
|
+
strokeLinecap: "round",
|
|
15
|
+
strokeLinejoin: "round",
|
|
16
|
+
children: /* @__PURE__ */ e("path", { d: "M6 9l6 6 6-6" })
|
|
17
|
+
}
|
|
18
|
+
), f = () => /* @__PURE__ */ e(
|
|
19
|
+
"svg",
|
|
20
|
+
{
|
|
21
|
+
width: "14",
|
|
22
|
+
height: "14",
|
|
23
|
+
viewBox: "0 0 24 24",
|
|
24
|
+
fill: "none",
|
|
25
|
+
stroke: "currentColor",
|
|
26
|
+
strokeWidth: "2",
|
|
27
|
+
strokeLinecap: "round",
|
|
28
|
+
strokeLinejoin: "round",
|
|
29
|
+
children: /* @__PURE__ */ e("path", { d: "M18 15l-6-6-6 6" })
|
|
30
|
+
}
|
|
31
|
+
), u = () => /* @__PURE__ */ e(
|
|
32
|
+
"svg",
|
|
33
|
+
{
|
|
34
|
+
width: "14",
|
|
35
|
+
height: "14",
|
|
36
|
+
viewBox: "0 0 24 24",
|
|
37
|
+
fill: "none",
|
|
38
|
+
stroke: "currentColor",
|
|
39
|
+
strokeWidth: "2",
|
|
40
|
+
strokeLinecap: "round",
|
|
41
|
+
strokeLinejoin: "round",
|
|
42
|
+
children: /* @__PURE__ */ e("path", { d: "M20 6L9 17l-5-5" })
|
|
43
|
+
}
|
|
44
|
+
), v = i.Root, N = i.Value, h = o.forwardRef(({ className: t, children: c, ...a }, n) => /* @__PURE__ */ l(
|
|
45
|
+
i.Trigger,
|
|
46
|
+
{
|
|
47
|
+
ref: n,
|
|
48
|
+
className: r(
|
|
49
|
+
"cai-flex cai-w-full cai-items-center cai-justify-between cai-rounded-sm cai-border cai-border-septenary cai-bg-primary-invert cai-px-lg cai-py-md",
|
|
50
|
+
"cai-text-body2 cai-font-medium cai-text-primary",
|
|
51
|
+
"hover:cai-border-nonary hover:cai-bg-secondary",
|
|
52
|
+
"focus-visible:cai-border-brand-primary focus-visible:cai-outline-2 focus-visible:cai-outline-offset-[3px] focus-visible:cai-outline-brand-primary",
|
|
53
|
+
"data-[state=open]:cai-border-nonary",
|
|
54
|
+
"disabled:cai-pointer-events-none disabled:cai-opacity-40",
|
|
55
|
+
"data-[placeholder]:cai-text-tertiary",
|
|
56
|
+
t
|
|
57
|
+
),
|
|
58
|
+
...a,
|
|
59
|
+
children: [
|
|
60
|
+
c,
|
|
61
|
+
/* @__PURE__ */ e(i.Icon, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "cai-text-tertiary", children: /* @__PURE__ */ e(s, {}) }) })
|
|
62
|
+
]
|
|
63
|
+
}
|
|
64
|
+
));
|
|
65
|
+
h.displayName = "SelectTrigger";
|
|
66
|
+
const d = o.forwardRef(({ className: t, ...c }, a) => /* @__PURE__ */ e(
|
|
67
|
+
i.ScrollUpButton,
|
|
68
|
+
{
|
|
69
|
+
ref: a,
|
|
70
|
+
className: r(
|
|
71
|
+
"cai-flex cai-cursor-default cai-items-center cai-justify-center cai-py-xs",
|
|
72
|
+
t
|
|
73
|
+
),
|
|
74
|
+
...c,
|
|
75
|
+
children: /* @__PURE__ */ e(f, {})
|
|
76
|
+
}
|
|
77
|
+
));
|
|
78
|
+
d.displayName = "SelectScrollUpButton";
|
|
79
|
+
const m = o.forwardRef(({ className: t, ...c }, a) => /* @__PURE__ */ e(
|
|
80
|
+
i.ScrollDownButton,
|
|
81
|
+
{
|
|
82
|
+
ref: a,
|
|
83
|
+
className: r(
|
|
84
|
+
"cai-flex cai-cursor-default cai-items-center cai-justify-center cai-py-xs",
|
|
85
|
+
t
|
|
86
|
+
),
|
|
87
|
+
...c,
|
|
88
|
+
children: /* @__PURE__ */ e(s, {})
|
|
89
|
+
}
|
|
90
|
+
));
|
|
91
|
+
m.displayName = "SelectScrollDownButton";
|
|
92
|
+
const y = o.forwardRef(({ className: t, children: c, position: a = "popper", ...n }, p) => /* @__PURE__ */ e(i.Portal, { children: /* @__PURE__ */ l(
|
|
93
|
+
i.Content,
|
|
94
|
+
{
|
|
95
|
+
ref: p,
|
|
96
|
+
position: a,
|
|
97
|
+
className: r(
|
|
98
|
+
"cai-relative cai-z-50 cai-max-h-96 cai-min-w-[8rem] cai-overflow-hidden cai-rounded-md cai-border cai-border-tertiary cai-bg-primary-invert cai-shadow-md",
|
|
99
|
+
"data-[state=open]:cai-animate-in data-[state=open]:cai-fade-in-0 data-[state=open]:cai-zoom-in-95",
|
|
100
|
+
"data-[state=closed]:cai-animate-out data-[state=closed]:cai-fade-out-0 data-[state=closed]:cai-zoom-out-95",
|
|
101
|
+
"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",
|
|
102
|
+
a === "popper" && "data-[side=bottom]:cai-translate-y-1 data-[side=left]:-cai-translate-x-1 data-[side=right]:cai-translate-x-1 data-[side=top]:-cai-translate-y-1",
|
|
103
|
+
t
|
|
104
|
+
),
|
|
105
|
+
...n,
|
|
106
|
+
children: [
|
|
107
|
+
/* @__PURE__ */ e(d, {}),
|
|
108
|
+
/* @__PURE__ */ e(
|
|
109
|
+
i.Viewport,
|
|
110
|
+
{
|
|
111
|
+
className: r(
|
|
112
|
+
"cai-p-xs",
|
|
113
|
+
a === "popper" && "cai-h-[var(--radix-select-trigger-height)] cai-w-full cai-min-w-[var(--radix-select-trigger-width)]"
|
|
114
|
+
),
|
|
115
|
+
children: c
|
|
116
|
+
}
|
|
117
|
+
),
|
|
118
|
+
/* @__PURE__ */ e(m, {})
|
|
119
|
+
]
|
|
120
|
+
}
|
|
121
|
+
) }));
|
|
122
|
+
y.displayName = "SelectContent";
|
|
123
|
+
const b = o.forwardRef(({ className: t, ...c }, a) => /* @__PURE__ */ e(
|
|
124
|
+
i.Label,
|
|
125
|
+
{
|
|
126
|
+
ref: a,
|
|
127
|
+
className: r(
|
|
128
|
+
"cai-px-md cai-py-sm cai-text-eyebrow2 cai-font-semibold cai-uppercase cai-text-tertiary",
|
|
129
|
+
t
|
|
130
|
+
),
|
|
131
|
+
...c
|
|
132
|
+
}
|
|
133
|
+
));
|
|
134
|
+
b.displayName = "SelectLabel";
|
|
135
|
+
const x = o.forwardRef(({ className: t, children: c, ...a }, n) => /* @__PURE__ */ l(
|
|
136
|
+
i.Item,
|
|
137
|
+
{
|
|
138
|
+
ref: n,
|
|
139
|
+
className: r(
|
|
140
|
+
"cai-relative cai-flex cai-w-full cai-cursor-default cai-select-none cai-items-center cai-rounded-sm cai-py-md cai-pl-4xl cai-pr-md",
|
|
141
|
+
"cai-text-body2 cai-font-medium cai-text-primary cai-outline-none",
|
|
142
|
+
"focus:cai-bg-secondary",
|
|
143
|
+
"data-[disabled]:cai-pointer-events-none data-[disabled]:cai-opacity-40",
|
|
144
|
+
t
|
|
145
|
+
),
|
|
146
|
+
...a,
|
|
147
|
+
children: [
|
|
148
|
+
/* @__PURE__ */ e("span", { className: "cai-absolute cai-left-md cai-flex cai-h-3.5 cai-w-3.5 cai-items-center cai-justify-center", children: /* @__PURE__ */ e(i.ItemIndicator, { children: /* @__PURE__ */ e(u, {}) }) }),
|
|
149
|
+
/* @__PURE__ */ e(i.ItemText, { children: c })
|
|
150
|
+
]
|
|
151
|
+
}
|
|
152
|
+
));
|
|
153
|
+
x.displayName = "SelectItem";
|
|
154
|
+
const w = o.forwardRef(({ className: t, ...c }, a) => /* @__PURE__ */ e(
|
|
155
|
+
i.Separator,
|
|
156
|
+
{
|
|
157
|
+
ref: a,
|
|
158
|
+
className: r("cai-my-xs cai-h-px cai-bg-tertiary", t),
|
|
159
|
+
...c
|
|
160
|
+
}
|
|
161
|
+
));
|
|
162
|
+
w.displayName = "SelectSeparator";
|
|
163
|
+
export {
|
|
164
|
+
v as Select,
|
|
165
|
+
y as SelectContent,
|
|
166
|
+
x as SelectItem,
|
|
167
|
+
b as SelectLabel,
|
|
168
|
+
w as SelectSeparator,
|
|
169
|
+
h as SelectTrigger,
|
|
170
|
+
N as SelectValue
|
|
171
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,GAChB,MAAM,UAAU,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),i=require("react"),s=require("@radix-ui/react-slot"),u=require("../../utils/cn.cjs");function l(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const d=l(i),o=d.forwardRef(({className:e,asChild:r=!1,...t},n)=>{const a=r?s.Slot:"div";return c.jsx(a,{ref:n,"aria-hidden":"true",className:u.cn("cai-rounded-md cai-bg-tertiary motion-safe:cai-animate-pulse",e),...t})});o.displayName="Skeleton";exports.Skeleton=o;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
/** Render as child element (e.g. a span, anchor, or img) instead of a div. */
|
|
4
|
+
asChild?: boolean;
|
|
5
|
+
}
|
|
6
|
+
declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export { Skeleton };
|
|
8
|
+
//# sourceMappingURL=Skeleton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,8EAA8E;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAMD,QAAA,MAAM,QAAQ,sFAeb,CAAA;AAID,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import * as m from "react";
|
|
3
|
+
import { Slot as i } from "@radix-ui/react-slot";
|
|
4
|
+
import { cn as n } from "../../utils/cn.js";
|
|
5
|
+
const s = m.forwardRef(
|
|
6
|
+
({ className: o, asChild: e = !1, ...r }, a) => /* @__PURE__ */ t(
|
|
7
|
+
e ? i : "div",
|
|
8
|
+
{
|
|
9
|
+
ref: a,
|
|
10
|
+
"aria-hidden": "true",
|
|
11
|
+
className: n(
|
|
12
|
+
"cai-rounded-md cai-bg-tertiary motion-safe:cai-animate-pulse",
|
|
13
|
+
o
|
|
14
|
+
),
|
|
15
|
+
...r
|
|
16
|
+
}
|
|
17
|
+
)
|
|
18
|
+
);
|
|
19
|
+
s.displayName = "Skeleton";
|
|
20
|
+
export {
|
|
21
|
+
s as Skeleton
|
|
22
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/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 e=require("react/jsx-runtime"),D=require("react"),I=require("@radix-ui/react-slider"),u=require("../../utils/cn.cjs"),N=require("../../utils/focusRing.cjs");function w(i){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const a in i)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(i,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:()=>i[a]})}}return t.default=i,Object.freeze(t)}const f=w(D),r=w(I),v=["cai-block cai-h-6 cai-w-6 cai-rounded-full cai-border cai-border-tertiary cai-bg-primary-invert","cai-transition-colors","disabled:cai-pointer-events-none disabled:cai-opacity-40"],S=f.forwardRef(({className:i,title:t,labels:a,percentage:n,continuous:O,defaultValue:m=[50],value:l,onValueChange:R,min:o=0,max:h=100,step:_=1,leftAriaLabel:T,rightAriaLabel:q,...x},M)=>{const[p,b]=f.useState(l??m);f.useEffect(()=>{l!==void 0&&b(l)},[l]);const P=c=>{l===void 0&&b(c),R?.(c)},g=(m?.length??0)>1,y=h-o,C=O?Math.max(y/1e3,.001):_,j=c=>(c-o)/y*100;return e.jsxs("div",{className:"cai-relative cai-flex cai-w-full cai-flex-col cai-gap-y-2xl",children:[t&&e.jsx("h4",{className:"cai-text-heading4 cai-font-medium cai-text-primary",children:t}),e.jsxs("div",{className:"cai-flex cai-flex-col cai-gap-y-2xl cai-px-lg",children:[n&&e.jsx("div",{className:"cai-relative cai-h-5 cai-w-full",children:p.map((c,s)=>e.jsxs("span",{className:"cai-absolute cai-whitespace-nowrap cai-text-subbody cai-font-semibold cai-text-primary",style:{left:`${j(c)}%`,transform:"translateX(-50%)"},children:[Math.round(j(c)),"%"]},s))}),e.jsx("div",{className:"cai-flex cai-h-6 cai-w-full cai-items-center",children:e.jsxs(r.Root,{ref:M,value:p,onValueChange:P,min:o,max:h,step:C,className:u.cn("cai-relative cai-flex cai-h-2 cai-w-full cai-touch-none cai-select-none cai-items-center",i),...x,children:[e.jsx(r.Track,{className:"cai-relative cai-h-full cai-w-full cai-grow cai-overflow-hidden cai-rounded-full cai-bg-octonary",children:e.jsx(r.Range,{className:"cai-absolute cai-h-full cai-bg-primary"})}),e.jsx(r.Thumb,{"aria-label":g?T:x["aria-label"],className:u.cn(...v,N.FOCUS_RING)}),g&&e.jsx(r.Thumb,{"aria-label":q,className:u.cn(...v,N.FOCUS_RING)})]})}),a&&a.length>0&&e.jsx("div",{className:"cai-relative cai-h-5 cai-w-full",children:a.map((c,s)=>{const d=a.length-1,X=s===0?"translateX(0)":s===d?"translateX(-100%)":"translateX(-50%)",k=d===0?"0%":`${s/d*100}%`;return e.jsx("span",{className:"cai-absolute cai-whitespace-nowrap cai-text-subbody cai-font-semibold cai-text-primary",style:{left:k,transform:X},children:c},s)})})]})]})});S.displayName="Slider";exports.Slider=S;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
3
|
+
export interface SliderProps extends Omit<React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>, 'ref'> {
|
|
4
|
+
/** string — heading above the slider */
|
|
5
|
+
title?: string;
|
|
6
|
+
/** string[] — labels below the track, anchored to evenly spaced tick percentages */
|
|
7
|
+
labels?: string[];
|
|
8
|
+
/** boolean — when true renders a percentage value above each thumb */
|
|
9
|
+
percentage?: boolean;
|
|
10
|
+
/** boolean — when true uses a very fine effective step so the thumb tracks the pointer continuously instead of snapping to step values. Default false (stepped). */
|
|
11
|
+
continuous?: boolean;
|
|
12
|
+
/** string — accessible label for the left thumb in dual mode */
|
|
13
|
+
leftAriaLabel?: string;
|
|
14
|
+
/** string — accessible label for the right thumb in dual mode */
|
|
15
|
+
rightAriaLabel?: string;
|
|
16
|
+
}
|
|
17
|
+
declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
|
|
18
|
+
export { Slider };
|
|
19
|
+
//# sourceMappingURL=Slider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAIzD,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3D,KAAK,CACN;IACC,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oFAAoF;IACpF,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,oKAAoK;IACpK,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gEAAgE;IAChE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iEAAiE;IACjE,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAQD,QAAA,MAAM,MAAM,qFAoHX,CAAA;AAID,OAAO,EAAE,MAAM,EAAE,CAAA"}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import { jsxs as r, jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import * as o from "react";
|
|
3
|
+
import * as t from "@radix-ui/react-slider";
|
|
4
|
+
import { cn as d } from "../../utils/cn.js";
|
|
5
|
+
import { FOCUS_RING as N } from "../../utils/focusRing.js";
|
|
6
|
+
const v = [
|
|
7
|
+
"cai-block cai-h-6 cai-w-6 cai-rounded-full cai-border cai-border-tertiary cai-bg-primary-invert",
|
|
8
|
+
"cai-transition-colors",
|
|
9
|
+
"disabled:cai-pointer-events-none disabled:cai-opacity-40"
|
|
10
|
+
], O = o.forwardRef(
|
|
11
|
+
({
|
|
12
|
+
className: w,
|
|
13
|
+
title: m,
|
|
14
|
+
labels: l,
|
|
15
|
+
percentage: S,
|
|
16
|
+
continuous: R,
|
|
17
|
+
defaultValue: f = [50],
|
|
18
|
+
value: c,
|
|
19
|
+
onValueChange: T,
|
|
20
|
+
min: s = 0,
|
|
21
|
+
max: h = 100,
|
|
22
|
+
step: X = 1,
|
|
23
|
+
leftAriaLabel: C,
|
|
24
|
+
rightAriaLabel: M,
|
|
25
|
+
...p
|
|
26
|
+
}, j) => {
|
|
27
|
+
const [u, b] = o.useState(c ?? f);
|
|
28
|
+
o.useEffect(() => {
|
|
29
|
+
c !== void 0 && b(c);
|
|
30
|
+
}, [c]);
|
|
31
|
+
const k = (a) => {
|
|
32
|
+
c === void 0 && b(a), T?.(a);
|
|
33
|
+
}, x = (f?.length ?? 0) > 1, g = h - s, B = R ? Math.max(g / 1e3, 1e-3) : X, y = (a) => (a - s) / g * 100;
|
|
34
|
+
return /* @__PURE__ */ r("div", { className: "cai-relative cai-flex cai-w-full cai-flex-col cai-gap-y-2xl", children: [
|
|
35
|
+
m && /* @__PURE__ */ i("h4", { className: "cai-text-heading4 cai-font-medium cai-text-primary", children: m }),
|
|
36
|
+
/* @__PURE__ */ r("div", { className: "cai-flex cai-flex-col cai-gap-y-2xl cai-px-lg", children: [
|
|
37
|
+
S && /* @__PURE__ */ i("div", { className: "cai-relative cai-h-5 cai-w-full", children: u.map((a, e) => /* @__PURE__ */ r(
|
|
38
|
+
"span",
|
|
39
|
+
{
|
|
40
|
+
className: "cai-absolute cai-whitespace-nowrap cai-text-subbody cai-font-semibold cai-text-primary",
|
|
41
|
+
style: { left: `${y(a)}%`, transform: "translateX(-50%)" },
|
|
42
|
+
children: [
|
|
43
|
+
Math.round(y(a)),
|
|
44
|
+
"%"
|
|
45
|
+
]
|
|
46
|
+
},
|
|
47
|
+
e
|
|
48
|
+
)) }),
|
|
49
|
+
/* @__PURE__ */ i("div", { className: "cai-flex cai-h-6 cai-w-full cai-items-center", children: /* @__PURE__ */ r(
|
|
50
|
+
t.Root,
|
|
51
|
+
{
|
|
52
|
+
ref: j,
|
|
53
|
+
value: u,
|
|
54
|
+
onValueChange: k,
|
|
55
|
+
min: s,
|
|
56
|
+
max: h,
|
|
57
|
+
step: B,
|
|
58
|
+
className: d(
|
|
59
|
+
"cai-relative cai-flex cai-h-2 cai-w-full cai-touch-none cai-select-none cai-items-center",
|
|
60
|
+
w
|
|
61
|
+
),
|
|
62
|
+
...p,
|
|
63
|
+
children: [
|
|
64
|
+
/* @__PURE__ */ i(t.Track, { className: "cai-relative cai-h-full cai-w-full cai-grow cai-overflow-hidden cai-rounded-full cai-bg-octonary", children: /* @__PURE__ */ i(t.Range, { className: "cai-absolute cai-h-full cai-bg-primary" }) }),
|
|
65
|
+
/* @__PURE__ */ i(
|
|
66
|
+
t.Thumb,
|
|
67
|
+
{
|
|
68
|
+
"aria-label": x ? C : p["aria-label"],
|
|
69
|
+
className: d(...v, N)
|
|
70
|
+
}
|
|
71
|
+
),
|
|
72
|
+
x && /* @__PURE__ */ i(
|
|
73
|
+
t.Thumb,
|
|
74
|
+
{
|
|
75
|
+
"aria-label": M,
|
|
76
|
+
className: d(...v, N)
|
|
77
|
+
}
|
|
78
|
+
)
|
|
79
|
+
]
|
|
80
|
+
}
|
|
81
|
+
) }),
|
|
82
|
+
l && l.length > 0 && /* @__PURE__ */ i("div", { className: "cai-relative cai-h-5 cai-w-full", children: l.map((a, e) => {
|
|
83
|
+
const n = l.length - 1, E = e === 0 ? "translateX(0)" : e === n ? "translateX(-100%)" : "translateX(-50%)", I = n === 0 ? "0%" : `${e / n * 100}%`;
|
|
84
|
+
return /* @__PURE__ */ i(
|
|
85
|
+
"span",
|
|
86
|
+
{
|
|
87
|
+
className: "cai-absolute cai-whitespace-nowrap cai-text-subbody cai-font-semibold cai-text-primary",
|
|
88
|
+
style: { left: I, transform: E },
|
|
89
|
+
children: a
|
|
90
|
+
},
|
|
91
|
+
e
|
|
92
|
+
);
|
|
93
|
+
}) })
|
|
94
|
+
] })
|
|
95
|
+
] });
|
|
96
|
+
}
|
|
97
|
+
);
|
|
98
|
+
O.displayName = "Slider";
|
|
99
|
+
export {
|
|
100
|
+
O as Slider
|
|
101
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),u=require("react"),l=require("@radix-ui/react-toggle"),f=require("../../utils/cn.cjs"),g=require("./Switch.variants.cjs");function i(e){const r=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(r,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const m=i(u),d=i(l),n=m.forwardRef(({variant:e,size:r,className:t,children:c,...o},a)=>s.jsx(d.Root,{ref:a,className:f.cn(g.switchVariants({variant:e,size:r}),t),...o,children:c}));n.displayName="Switch";exports.Switch=n;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { SwitchVariantProps } from './Switch.variants';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
4
|
+
export interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>, 'type'>, SwitchVariantProps {
|
|
5
|
+
/** Required accessible label describing the toggle action */
|
|
6
|
+
'aria-label': string;
|
|
7
|
+
}
|
|
8
|
+
declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
|
|
9
|
+
export { Switch };
|
|
10
|
+
//# sourceMappingURL=Switch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAAkB,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAM3E,MAAM,WAAW,WACf,SACE,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,EACzE,kBAAkB;IACpB,6DAA6D;IAC7D,YAAY,EAAE,MAAM,CAAA;CACrB;AAMD,QAAA,MAAM,MAAM,uFAUX,CAAA;AAID,OAAO,EAAE,MAAM,EAAE,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import * as c from "react";
|
|
3
|
+
import * as e from "@radix-ui/react-toggle";
|
|
4
|
+
import { cn as f } from "../../utils/cn.js";
|
|
5
|
+
import { switchVariants as p } from "./Switch.variants.js";
|
|
6
|
+
const w = c.forwardRef(
|
|
7
|
+
({ variant: o, size: r, className: t, children: i, ...m }, a) => /* @__PURE__ */ s(
|
|
8
|
+
e.Root,
|
|
9
|
+
{
|
|
10
|
+
ref: a,
|
|
11
|
+
className: f(p({ variant: o, size: r }), t),
|
|
12
|
+
...m,
|
|
13
|
+
children: i
|
|
14
|
+
}
|
|
15
|
+
)
|
|
16
|
+
);
|
|
17
|
+
w.displayName = "Switch";
|
|
18
|
+
export {
|
|
19
|
+
w as Switch
|
|
20
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("class-variance-authority"),i=require("../../utils/focusRing.cjs"),e=a.cva(["cai-inline-flex cai-items-center cai-justify-center","cai-rounded-sm cai-border cai-border-transparent","cai-font-medium cai-text-primary","cai-transition-colors","hover:cai-bg-secondary",i.FOCUS_RING,"disabled:cai-pointer-events-none disabled:cai-opacity-40","data-[state=on]:cai-bg-secondary"],{variants:{variant:{default:"cai-bg-transparent",outline:"!cai-border-senary cai-bg-transparent"},size:{sm:"cai-h-9 cai-px-2.5",default:"cai-h-10 cai-px-3",lg:"cai-h-11 cai-px-5"}},defaultVariants:{variant:"default",size:"default"}});exports.switchVariants=e;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
export declare const switchVariants: (props?: ({
|
|
3
|
+
variant?: "default" | "outline" | null | undefined;
|
|
4
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
5
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
+
export type SwitchVariantProps = VariantProps<typeof switchVariants>;
|
|
7
|
+
//# sourceMappingURL=Switch.variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,eAAO,MAAM,cAAc;;;8EAiC1B,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAA"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { cva as a } from "class-variance-authority";
|
|
2
|
+
import { FOCUS_RING as i } from "../../utils/focusRing.js";
|
|
3
|
+
const r = a(
|
|
4
|
+
[
|
|
5
|
+
// Base
|
|
6
|
+
"cai-inline-flex cai-items-center cai-justify-center",
|
|
7
|
+
"cai-rounded-sm cai-border cai-border-transparent",
|
|
8
|
+
"cai-font-medium cai-text-primary",
|
|
9
|
+
"cai-transition-colors",
|
|
10
|
+
// Hover
|
|
11
|
+
"hover:cai-bg-secondary",
|
|
12
|
+
// Focus
|
|
13
|
+
i,
|
|
14
|
+
// Disabled
|
|
15
|
+
"disabled:cai-pointer-events-none disabled:cai-opacity-40",
|
|
16
|
+
// Pressed (on)
|
|
17
|
+
"data-[state=on]:cai-bg-secondary"
|
|
18
|
+
],
|
|
19
|
+
{
|
|
20
|
+
variants: {
|
|
21
|
+
variant: {
|
|
22
|
+
default: "cai-bg-transparent",
|
|
23
|
+
outline: "!cai-border-senary cai-bg-transparent"
|
|
24
|
+
},
|
|
25
|
+
size: {
|
|
26
|
+
sm: "cai-h-9 cai-px-2.5",
|
|
27
|
+
default: "cai-h-10 cai-px-3",
|
|
28
|
+
lg: "cai-h-11 cai-px-5"
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
defaultVariants: {
|
|
32
|
+
variant: "default",
|
|
33
|
+
size: "default"
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
);
|
|
37
|
+
export {
|
|
38
|
+
r as switchVariants
|
|
39
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),h=require("react"),v=require("@radix-ui/react-toggle-group"),u=require("../../utils/cn.cjs"),g=require("../Switch/Switch.variants.cjs"),G=require("./SwitchGroup.variants.cjs");function l(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const c=l(h),p=l(v),d=c.createContext({}),f=c.forwardRef(({variant:e="default",size:r="default",className:t,children:o,...i},n)=>a.jsx(d.Provider,{value:{variant:e,size:r},children:a.jsx(p.Root,{ref:n,className:u.cn(G.switchGroupVariants(),t),...i,children:o})}));f.displayName="SwitchGroup";const m=c.forwardRef(({variant:e,size:r,className:t,children:o,...i},n)=>{const s=c.useContext(d),w=e??s.variant??"default",S=r??s.size??"default";return a.jsx(p.Item,{ref:n,className:u.cn(g.switchVariants({variant:w,size:S}),t),...i,children:o})});m.displayName="SwitchGroupItem";exports.SwitchGroup=f;exports.SwitchGroupItem=m;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
3
|
+
type ToggleGroupSingleProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & {
|
|
4
|
+
type: 'single';
|
|
5
|
+
};
|
|
6
|
+
type ToggleGroupMultipleProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & {
|
|
7
|
+
type: 'multiple';
|
|
8
|
+
};
|
|
9
|
+
export interface SwitchGroupProps extends Omit<ToggleGroupSingleProps | ToggleGroupMultipleProps, 'rovingFocus'> {
|
|
10
|
+
/** Visual style for all items in the group. */
|
|
11
|
+
variant?: 'default' | 'outline';
|
|
12
|
+
/** Size for all items in the group. */
|
|
13
|
+
size?: 'sm' | 'default' | 'lg';
|
|
14
|
+
}
|
|
15
|
+
declare const SwitchGroup: React.ForwardRefExoticComponent<SwitchGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
export interface SwitchGroupItemProps extends React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> {
|
|
17
|
+
/** Override group variant for this item. */
|
|
18
|
+
variant?: 'default' | 'outline';
|
|
19
|
+
/** Override group size for this item. */
|
|
20
|
+
size?: 'sm' | 'default' | 'lg';
|
|
21
|
+
}
|
|
22
|
+
declare const SwitchGroupItem: React.ForwardRefExoticComponent<SwitchGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
23
|
+
export { SwitchGroup, SwitchGroupItem };
|
|
24
|
+
//# sourceMappingURL=SwitchGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwitchGroup.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchGroup/SwitchGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;AAoBpE,KAAK,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GAAG;IAC/F,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,KAAK,wBAAwB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GAAG;IACjG,IAAI,EAAE,UAAU,CAAA;CACjB,CAAA;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,sBAAsB,GAAG,wBAAwB,EACjD,aAAa,CACd;IACC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,uCAAuC;IACvC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;CAC/B;AAED,QAAA,MAAM,WAAW,yFAef,CAAA;AAQF,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC;IACxE,4CAA4C;IAC5C,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,yCAAyC;IACzC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;CAC/B;AAED,QAAA,MAAM,eAAe,gGAoBnB,CAAA;AAIF,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAA"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { jsx as c } from "react/jsx-runtime";
|
|
2
|
+
import * as t from "react";
|
|
3
|
+
import * as n from "@radix-ui/react-toggle-group";
|
|
4
|
+
import { cn as p } from "../../utils/cn.js";
|
|
5
|
+
import { switchVariants as d } from "../Switch/Switch.variants.js";
|
|
6
|
+
import { switchGroupVariants as w } from "./SwitchGroup.variants.js";
|
|
7
|
+
const u = t.createContext({}), h = t.forwardRef(({ variant: r = "default", size: o = "default", className: e, children: a, ...i }, s) => /* @__PURE__ */ c(u.Provider, { value: { variant: r, size: o }, children: /* @__PURE__ */ c(
|
|
8
|
+
n.Root,
|
|
9
|
+
{
|
|
10
|
+
ref: s,
|
|
11
|
+
className: p(w(), e),
|
|
12
|
+
...i,
|
|
13
|
+
children: a
|
|
14
|
+
}
|
|
15
|
+
) }));
|
|
16
|
+
h.displayName = "SwitchGroup";
|
|
17
|
+
const v = t.forwardRef(({ variant: r, size: o, className: e, children: a, ...i }, s) => {
|
|
18
|
+
const m = t.useContext(u), f = r ?? m.variant ?? "default", l = o ?? m.size ?? "default";
|
|
19
|
+
return /* @__PURE__ */ c(
|
|
20
|
+
n.Item,
|
|
21
|
+
{
|
|
22
|
+
ref: s,
|
|
23
|
+
className: p(
|
|
24
|
+
d({ variant: f, size: l }),
|
|
25
|
+
e
|
|
26
|
+
),
|
|
27
|
+
...i,
|
|
28
|
+
children: a
|
|
29
|
+
}
|
|
30
|
+
);
|
|
31
|
+
});
|
|
32
|
+
v.displayName = "SwitchGroupItem";
|
|
33
|
+
export {
|
|
34
|
+
h as SwitchGroup,
|
|
35
|
+
v as SwitchGroupItem
|
|
36
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("class-variance-authority"),e=t.cva("cai-flex cai-items-center cai-justify-center cai-gap-lg");exports.switchGroupVariants=e;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
export declare const switchGroupVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
3
|
+
export type SwitchGroupVariantProps = VariantProps<typeof switchGroupVariants>;
|
|
4
|
+
//# sourceMappingURL=SwitchGroup.variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwitchGroup.variants.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchGroup/SwitchGroup.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,eAAO,MAAM,mBAAmB,oFAAiE,CAAA;AAEjG,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC5D,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),m=require("react"),N=require("@radix-ui/react-tabs"),v=require("class-variance-authority"),c=require("../../utils/cn.cjs"),r=require("../../utils/focusRing.cjs");function x(a){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const e=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(i,t,e.get?e:{enumerable:!0,get:()=>a[t]})}}return i.default=a,Object.freeze(i)}const o=x(m),s=x(N),f=o.forwardRef(({className:a,orientation:i="horizontal",...t},e)=>n.jsx(s.Root,{ref:e,orientation:i,className:c.cn(i==="vertical"?"cai-flex cai-flex-row cai-gap-x-xs":"cai-flex cai-flex-col",a),...t}));f.displayName="TabNavigation";const p=v.cva("cai-inline-flex cai-items-center cai-text-tertiary",{variants:{variant:{underline:"cai-border-b cai-border-septenary cai-overflow-x-auto",white:"cai-rounded-md cai-border cai-border-senary cai-bg-denary cai-gap-xs cai-p-xs",vertical:"cai-flex-col cai-min-h-[56px] cai-border-l cai-border-septenary"},layout:{fill:"cai-flex-1 *:cai-flex-1",hug:"cai-inline-flex *:cai-inline-flex",stack:"cai-max-w-[25%]"}},defaultVariants:{variant:"underline",layout:"fill"}}),d=o.forwardRef(({className:a,variant:i,layout:t,...e},y)=>n.jsx(s.List,{ref:y,className:c.cn(p({variant:i,layout:t}),a),...e}));d.displayName="TabNavigationList";const u=v.cva("cai-inline-flex cai-items-center cai-justify-center cai-whitespace-nowrap cai-px-lg cai-py-md cai-text-body2 cai-font-semibold cai-transition-all cai-outline-none disabled:cai-pointer-events-none disabled:cai-opacity-40",{variants:{variant:{underline:["cai-border-b-2 cai-border-transparent cai-rounded-t-xs -cai-mb-px","cai-text-tertiary","hover:cai-border-brand-primary hover:cai-text-primary","data-[state=active]:cai-border-brand-primary data-[state=active]:cai-text-primary",r.FOCUS_RING].join(" "),white:["cai-rounded-xs","cai-text-tertiary","hover:cai-bg-tertiary","data-[state=active]:cai-bg-primary data-[state=active]:cai-text-primary-invert",r.FOCUS_RING].join(" "),vertical:["cai-border-l-2 cai-border-transparent cai-rounded-l-xs cai-text-left cai-justify-start -cai-ml-px","cai-text-tertiary","hover:cai-border-brand-primary hover:cai-text-primary","data-[state=active]:cai-border-brand-primary data-[state=active]:cai-text-primary",r.FOCUS_RING].join(" ")}},defaultVariants:{variant:"underline"}}),b=o.forwardRef(({className:a,variant:i,...t},e)=>n.jsx(s.Trigger,{ref:e,className:c.cn(u({variant:i}),a),...t}));b.displayName="TabNavigationTrigger";const g=o.forwardRef(({className:a,...i},t)=>n.jsx(s.Content,{ref:t,className:c.cn("cai-text-body2 cai-text-primary",r.FOCUS_RING,a),...i}));g.displayName="TabNavigationContent";const l=f;l.List=d;l.Trigger=b;l.Content=g;exports.TabNavigation=l;exports.TabNavigationContent=g;exports.TabNavigationList=d;exports.TabNavigationTrigger=b;exports.tabNavigationListVariants=p;exports.tabNavigationTriggerVariants=u;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
4
|
+
export interface TabNavigationProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> {
|
|
5
|
+
}
|
|
6
|
+
declare const TabNavigationRoot: React.ForwardRefExoticComponent<TabNavigationProps & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const tabNavigationListVariants: (props?: ({
|
|
8
|
+
variant?: "vertical" | "white" | "underline" | null | undefined;
|
|
9
|
+
layout?: "fill" | "hug" | "stack" | null | undefined;
|
|
10
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
11
|
+
export interface TabNavigationListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>, VariantProps<typeof tabNavigationListVariants> {
|
|
12
|
+
}
|
|
13
|
+
declare const TabNavigationList: React.ForwardRefExoticComponent<TabNavigationListProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
declare const tabNavigationTriggerVariants: (props?: ({
|
|
15
|
+
variant?: "vertical" | "white" | "underline" | null | undefined;
|
|
16
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
17
|
+
export interface TabNavigationTriggerProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, VariantProps<typeof tabNavigationTriggerVariants> {
|
|
18
|
+
}
|
|
19
|
+
declare const TabNavigationTrigger: React.ForwardRefExoticComponent<TabNavigationTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
20
|
+
export interface TabNavigationContentProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content> {
|
|
21
|
+
}
|
|
22
|
+
declare const TabNavigationContent: React.ForwardRefExoticComponent<TabNavigationContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
+
type TabNavigationCompound = typeof TabNavigationRoot & {
|
|
24
|
+
List: typeof TabNavigationList;
|
|
25
|
+
Trigger: typeof TabNavigationTrigger;
|
|
26
|
+
Content: typeof TabNavigationContent;
|
|
27
|
+
};
|
|
28
|
+
declare const TabNavigation: TabNavigationCompound;
|
|
29
|
+
export { TabNavigation, TabNavigationList, TabNavigationTrigger, TabNavigationContent };
|
|
30
|
+
export { tabNavigationListVariants, tabNavigationTriggerVariants };
|
|
31
|
+
//# sourceMappingURL=TabNavigation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/TabNavigation/TabNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAQjE,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CACxE,OAAO,aAAa,CAAC,IAAI,CAC1B;CAAG;AAEJ,QAAA,MAAM,iBAAiB,2FAerB,CAAA;AAQF,QAAA,MAAM,yBAAyB;;;8EAiB7B,CAAA;AAEF,MAAM,WAAW,sBACf,SACE,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,EACzD,YAAY,CAAC,OAAO,yBAAyB,CAAC;CAAG;AAErD,QAAA,MAAM,iBAAiB,+FASrB,CAAA;AAQF,QAAA,MAAM,4BAA4B;;8EAgCjC,CAAA;AAED,MAAM,WAAW,yBACf,SACE,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,EAC5D,YAAY,CAAC,OAAO,4BAA4B,CAAC;CAAG;AAExD,QAAA,MAAM,oBAAoB,qGASxB,CAAA;AAQF,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,wBAAwB,CAC/E,OAAO,aAAa,CAAC,OAAO,CAC7B;CAAG;AAEJ,QAAA,MAAM,oBAAoB,kGASxB,CAAA;AAQF,KAAK,qBAAqB,GAAG,OAAO,iBAAiB,GAAG;IACtD,IAAI,EAAE,OAAO,iBAAiB,CAAA;IAC9B,OAAO,EAAE,OAAO,oBAAoB,CAAA;IACpC,OAAO,EAAE,OAAO,oBAAoB,CAAA;CACrC,CAAA;AAED,QAAA,MAAM,aAAa,EAAwB,qBAAqB,CAAA;AAKhE,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,CAAA;AACvF,OAAO,EAAE,yBAAyB,EAAE,4BAA4B,EAAE,CAAA"}
|