@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,7 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
export declare const buttonVariants: (props?: ({
|
|
3
|
+
variant?: "brand" | "brand-alt" | "primary" | "secondary" | "tertiary" | null | undefined;
|
|
4
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
5
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
+
export type ButtonVariantsProps = VariantProps<typeof buttonVariants>;
|
|
7
|
+
//# sourceMappingURL=Button.variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,eAAO,MAAM,cAAc;;;8EAmC1B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAA"}
|
|
@@ -0,0 +1,40 @@
|
|
|
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
|
+
"cai-inline-flex cai-items-center cai-justify-center cai-whitespace-nowrap",
|
|
6
|
+
"cai-font-semibold cai-transition-colors",
|
|
7
|
+
"disabled:cai-opacity-40 disabled:cai-pointer-events-none",
|
|
8
|
+
"aria-disabled:cai-opacity-40 aria-disabled:cai-pointer-events-none",
|
|
9
|
+
i
|
|
10
|
+
].join(" "),
|
|
11
|
+
{
|
|
12
|
+
variants: {
|
|
13
|
+
variant: {
|
|
14
|
+
primary: "cai-bg-comp-primary cai-text-comp-primary-text hover:cai-opacity-90",
|
|
15
|
+
secondary: "cai-bg-transparent cai-text-primary cai-border cai-border-senary hover:cai-bg-secondary",
|
|
16
|
+
tertiary: "cai-bg-transparent cai-text-primary hover:cai-bg-secondary",
|
|
17
|
+
brand: "cai-bg-comp-brand cai-text-comp-brand-text hover:cai-opacity-90",
|
|
18
|
+
"brand-alt": "cai-bg-comp-brand-alt cai-text-comp-brand-alt-text hover:cai-opacity-90"
|
|
19
|
+
},
|
|
20
|
+
size: {
|
|
21
|
+
sm: "cai-px-3 cai-py-1 cai-gap-x-1.5 cai-text-micro1 cai-rounded-full",
|
|
22
|
+
md: "cai-px-4 cai-py-1.5 cai-gap-x-1.5 cai-text-subbody cai-rounded-full",
|
|
23
|
+
lg: "cai-px-6 cai-py-2 cai-gap-x-2 cai-text-body2 cai-rounded-full"
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
compoundVariants: [
|
|
27
|
+
// Tertiary keeps a 14px (subbody) label across every size, mirroring
|
|
28
|
+
// the demo's tertiary carve-out where the variant doesn't follow the
|
|
29
|
+
// size font scale. Appended last so it wins the Tailwind cascade.
|
|
30
|
+
{ variant: "tertiary", class: "cai-text-subbody" }
|
|
31
|
+
],
|
|
32
|
+
defaultVariants: {
|
|
33
|
+
variant: "primary",
|
|
34
|
+
size: "lg"
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
);
|
|
38
|
+
export {
|
|
39
|
+
r as buttonVariants
|
|
40
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/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,MAAM,mBAAmB,CAAA;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),p=require("react"),y=require("@radix-ui/react-slot"),g=require("../../utils/cn.cjs"),S=require("./ButtonIcon.variants.cjs");function j(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const i=j(p),B={xxs:12,xs:14,sm:18,md:20,lg:26},a=i.forwardRef(({variant:t,size:e="sm",icon:n,asChild:o=!1,type:s,className:u,...r},l)=>{typeof globalThis<"u"&&!r["aria-label"]&&console.error("ButtonIcon: aria-label is required for accessibility. Please provide a descriptive label for the button action.");const c=B[e??"sm"]??18,b=i.cloneElement(n,{width:c,height:c,"aria-hidden":!0}),d=o?y.Slot:"button",f=o?{}:{type:s??"button"};return m.jsx(d,{ref:l,className:g.cn(S.buttonIconVariants({variant:t,size:e}),u),...f,...r,children:b})});a.displayName="ButtonIcon";exports.ButtonIcon=a;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ButtonIconVariantsProps } from './ButtonIcon.variants';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export interface ButtonIconProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'aria-label'>, ButtonIconVariantsProps {
|
|
4
|
+
/** The icon element to render inside the button. */
|
|
5
|
+
icon: React.ReactElement;
|
|
6
|
+
/** Accessible label describing the button action. Required at the type level. */
|
|
7
|
+
'aria-label': string;
|
|
8
|
+
/** Render as child element via Radix Slot (for links and other interactive elements). */
|
|
9
|
+
asChild?: boolean;
|
|
10
|
+
}
|
|
11
|
+
declare const ButtonIcon: React.ForwardRefExoticComponent<ButtonIconProps & React.RefAttributes<HTMLButtonElement>>;
|
|
12
|
+
export { ButtonIcon };
|
|
13
|
+
//# sourceMappingURL=ButtonIcon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAkBxF,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,YAAY,CAAC,EACvE,uBAAuB;IACzB,oDAAoD;IACpD,IAAI,EAAE,KAAK,CAAC,YAAY,CAAA;IACxB,iFAAiF;IACjF,YAAY,EAAE,MAAM,CAAA;IACpB,yFAAyF;IACzF,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAMD,QAAA,MAAM,UAAU,2FA8Bf,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,CAAA"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { jsx as d } from "react/jsx-runtime";
|
|
2
|
+
import * as r from "react";
|
|
3
|
+
import { Slot as p } from "@radix-ui/react-slot";
|
|
4
|
+
import { cn as b } from "../../utils/cn.js";
|
|
5
|
+
import { buttonIconVariants as h } from "./ButtonIcon.variants.js";
|
|
6
|
+
const y = {
|
|
7
|
+
xxs: 12,
|
|
8
|
+
xs: 14,
|
|
9
|
+
sm: 18,
|
|
10
|
+
md: 20,
|
|
11
|
+
lg: 26
|
|
12
|
+
}, x = r.forwardRef(
|
|
13
|
+
({ variant: i, size: o = "sm", icon: a, asChild: t = !1, type: c, className: s, ...n }, l) => {
|
|
14
|
+
typeof globalThis < "u" && !n["aria-label"] && console.error(
|
|
15
|
+
"ButtonIcon: aria-label is required for accessibility. Please provide a descriptive label for the button action."
|
|
16
|
+
);
|
|
17
|
+
const e = y[o ?? "sm"] ?? 18, m = r.cloneElement(a, {
|
|
18
|
+
width: e,
|
|
19
|
+
height: e,
|
|
20
|
+
"aria-hidden": !0
|
|
21
|
+
}), f = t ? p : "button", u = t ? {} : { type: c ?? "button" };
|
|
22
|
+
return /* @__PURE__ */ d(
|
|
23
|
+
f,
|
|
24
|
+
{
|
|
25
|
+
ref: l,
|
|
26
|
+
className: b(h({ variant: i, size: o }), s),
|
|
27
|
+
...u,
|
|
28
|
+
...n,
|
|
29
|
+
children: m
|
|
30
|
+
}
|
|
31
|
+
);
|
|
32
|
+
}
|
|
33
|
+
);
|
|
34
|
+
x.displayName = "ButtonIcon";
|
|
35
|
+
export {
|
|
36
|
+
x as ButtonIcon
|
|
37
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("class-variance-authority"),i=require("../../utils/focusRing.cjs"),c=a.cva(["cai-inline-flex cai-items-center cai-justify-center","cai-rounded-full cai-shrink-0 cai-cursor-pointer","cai-transition-colors","disabled:cai-opacity-40 disabled:cai-pointer-events-none","aria-disabled:cai-opacity-40 aria-disabled:cai-pointer-events-none",i.FOCUS_RING],{variants:{variant:{primary:"cai-bg-comp-primary cai-text-comp-primary-text cai-border-none hover:cai-opacity-90",secondary:"cai-bg-transparent cai-text-primary cai-border-none hover:cai-bg-secondary",tertiary:"cai-bg-transparent cai-text-primary cai-border-2 cai-border-secondary hover:cai-bg-secondary",brand:"cai-bg-comp-brand cai-text-comp-brand-text cai-border-none hover:cai-opacity-90","brand-alt":"cai-bg-comp-brand-alt cai-text-comp-brand-alt-text cai-border-none hover:cai-opacity-90"},size:{xxs:"cai-h-6 cai-w-6 cai-p-sm",xs:"cai-h-8 cai-w-8 cai-p-md",sm:"cai-h-11 cai-w-11 cai-p-lg",md:"cai-h-12 cai-w-12 cai-p-lg",lg:"cai-h-16 cai-w-16 cai-p-xl"}},defaultVariants:{variant:"primary",size:"sm"}});exports.buttonIconVariants=c;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
export declare const buttonIconVariants: (props?: ({
|
|
3
|
+
variant?: "brand" | "brand-alt" | "primary" | "secondary" | "tertiary" | null | undefined;
|
|
4
|
+
size?: "xxs" | "xs" | "sm" | "md" | "lg" | null | undefined;
|
|
5
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
+
export type ButtonIconVariantsProps = VariantProps<typeof buttonIconVariants>;
|
|
7
|
+
//# sourceMappingURL=ButtonIcon.variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonIcon.variants.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,eAAO,MAAM,kBAAkB;;;8EAiC9B,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAA"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { cva as a } from "class-variance-authority";
|
|
2
|
+
import { FOCUS_RING as i } from "../../utils/focusRing.js";
|
|
3
|
+
const e = a(
|
|
4
|
+
[
|
|
5
|
+
"cai-inline-flex cai-items-center cai-justify-center",
|
|
6
|
+
"cai-rounded-full cai-shrink-0 cai-cursor-pointer",
|
|
7
|
+
"cai-transition-colors",
|
|
8
|
+
"disabled:cai-opacity-40 disabled:cai-pointer-events-none",
|
|
9
|
+
"aria-disabled:cai-opacity-40 aria-disabled:cai-pointer-events-none",
|
|
10
|
+
i
|
|
11
|
+
],
|
|
12
|
+
{
|
|
13
|
+
variants: {
|
|
14
|
+
variant: {
|
|
15
|
+
primary: "cai-bg-comp-primary cai-text-comp-primary-text cai-border-none hover:cai-opacity-90",
|
|
16
|
+
secondary: "cai-bg-transparent cai-text-primary cai-border-none hover:cai-bg-secondary",
|
|
17
|
+
tertiary: "cai-bg-transparent cai-text-primary cai-border-2 cai-border-secondary hover:cai-bg-secondary",
|
|
18
|
+
brand: "cai-bg-comp-brand cai-text-comp-brand-text cai-border-none hover:cai-opacity-90",
|
|
19
|
+
"brand-alt": "cai-bg-comp-brand-alt cai-text-comp-brand-alt-text cai-border-none hover:cai-opacity-90"
|
|
20
|
+
},
|
|
21
|
+
size: {
|
|
22
|
+
xxs: "cai-h-6 cai-w-6 cai-p-sm",
|
|
23
|
+
xs: "cai-h-8 cai-w-8 cai-p-md",
|
|
24
|
+
sm: "cai-h-11 cai-w-11 cai-p-lg",
|
|
25
|
+
md: "cai-h-12 cai-w-12 cai-p-lg",
|
|
26
|
+
lg: "cai-h-16 cai-w-16 cai-p-xl"
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
defaultVariants: {
|
|
30
|
+
variant: "primary",
|
|
31
|
+
size: "sm"
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
);
|
|
35
|
+
export {
|
|
36
|
+
e as buttonIconVariants
|
|
37
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),de=require("react"),g=require("../../utils/cn.cjs");function ue(i){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const c in i)if(c!=="default"){const o=Object.getOwnPropertyDescriptor(i,c);Object.defineProperty(r,c,o.get?o:{enumerable:!0,get:()=>i[c]})}}return r.default=i,Object.freeze(r)}const m=ue(de),V=["January","February","March","April","May","June","July","August","September","October","November","December"],me=["Su","Mo","Tu","We","Th","Fr","Sa"];function j(i,r){return!i||!r?!1:i.getFullYear()===r.getFullYear()&&i.getMonth()===r.getMonth()&&i.getDate()===r.getDate()}function xe(i,r,c){if(!r||!c)return!1;const o=i.getTime();return o>=r.getTime()&&o<=c.getTime()}function E(i){if(!i)return"";const r=String(i.getDate()).padStart(2,"0"),c=String(i.getMonth()+1).padStart(2,"0");return`${r}/${c}/${i.getFullYear()}`}function fe(i){const r=i.split("/");if(r.length!==3)return null;const c=parseInt(r[0],10),o=parseInt(r[1],10)-1,x=parseInt(r[2],10);if(Number.isNaN(c)||Number.isNaN(o)||Number.isNaN(x))return null;const l=new Date(x,o,c);return l.getDate()!==c||l.getMonth()!==o||l.getFullYear()!==x?null:l}function M(i){return typeof i=="object"&&i!==null&&!(i instanceof Date)}const he=()=>e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[e.jsx("rect",{x:"3",y:"4",width:"18",height:"18",rx:"2",ry:"2"}),e.jsx("line",{x1:"16",y1:"2",x2:"16",y2:"6"}),e.jsx("line",{x1:"8",y1:"2",x2:"8",y2:"6"}),e.jsx("line",{x1:"3",y1:"10",x2:"21",y2:"10"})]}),pe=()=>e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:e.jsx("path",{d:"M15 18l-6-6 6-6"})}),ge=()=>e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:e.jsx("path",{d:"M9 18l6-6-6-6"})}),ye=()=>e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",className:"cai-pointer-events-none cai-ml-xs cai-flex-shrink-0","aria-hidden":"true",children:e.jsx("path",{d:"M6 9l6 6 6-6"})}),be=()=>e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"12",y1:"8",x2:"12",y2:"12"}),e.jsx("line",{x1:"12",y1:"16",x2:"12.01",y2:"16"})]});function _({value:i,onChange:r,options:c,display:o,ariaLabel:x}){return e.jsxs("div",{className:"cai-relative cai-inline-flex cai-items-center cai-cursor-pointer",children:[e.jsx("span",{className:"cai-pointer-events-none cai-text-body2 cai-font-semibold cai-text-primary cai-whitespace-nowrap",children:o}),e.jsx(ye,{}),e.jsx("select",{"aria-label":x,value:i,onChange:l=>r(parseInt(l.target.value,10)),className:"cai-absolute cai-inset-0 cai-h-full cai-w-full cai-cursor-pointer cai-appearance-none cai-border-none cai-bg-transparent cai-opacity-0",children:c.map(l=>e.jsx("option",{value:l.value,children:l.label},l.value))})]})}const q=m.forwardRef(({mode:i="single",selected:r,onSelect:c,fromYear:o,toYear:x,showOutsideDays:l=!0,withInput:S=!1,error:y=!1,errorMessage:k,className:J,...$},H)=>{const C=r!==void 0,[z,K]=m.useState(void 0),s=C?r:z,Y=m.useMemo(()=>new Date,[]),L=m.useMemo(()=>i==="single"&&s instanceof Date?s:i==="range"&&M(s)&&s.from?s.from:Y,[]),[d,b]=m.useState(L.getFullYear()),[u,f]=m.useState(L.getMonth()),[w,G]=m.useState(!0),[Q,O]=m.useState(()=>i==="single"&&s instanceof Date?E(s):"");m.useEffect(()=>{i==="single"&&s instanceof Date&&O(E(s))},[i,s]);const R=o??d-10,T=x??d+10,N=t=>{C||K(t),c?.(t)},U=t=>{if(i==="single"){const a=j(s,t)?void 0:t;N(a),a&&(f(a.getMonth()),b(a.getFullYear()))}else{const n=M(s)?s:{};let a;!n.from||n.from&&n.to?a={from:t,to:void 0}:t.getTime()<n.from.getTime()?a={from:t,to:n.from}:a={from:n.from,to:t},N(a)}},X=t=>{const n=t.target.value;O(n);const a=fe(n);a&&i==="single"&&(f(a.getMonth()),b(a.getFullYear()),N(a))},Z=()=>{u===0?(f(11),b(t=>t-1)):f(t=>t-1)},ee=()=>{u===11?(f(0),b(t=>t+1)):f(t=>t+1)},ie=new Date(d,u,1),v=new Date(d,u+1,0).getDate(),F=new Date(d,u,0).getDate(),te=ie.getDay(),ae=42,re=i==="single"&&s instanceof Date?s:void 0,h=i==="range"&&M(s)?s:void 0,ne=m.useMemo(()=>{const t=[];for(let n=R;n<=T;n++)t.push({value:n,label:String(n)});return t},[R,T]),ce=V.map((t,n)=>({value:n,label:t}));return e.jsxs("div",{ref:H,className:g.cn("cai-flex cai-w-fit cai-flex-col cai-gap-y-md",J),...$,children:[S&&e.jsxs("div",{className:"cai-flex cai-flex-col cai-gap-y-xs",children:[e.jsx("label",{htmlFor:"lc-calendar-input",className:"cai-text-right cai-text-micro1 cai-font-medium cai-text-primary",children:"Date (DD/MM/YYYY)"}),e.jsxs("div",{className:g.cn("cai-flex cai-items-center cai-gap-x-md cai-rounded-md cai-border cai-p-sm",y?"cai-border-error-alt cai-bg-error focus-within:cai-outline-2 focus-within:cai-outline-offset-2 focus-within:cai-outline-[var(--bg-brand-primary)]":"cai-border-primary cai-bg-primary-invert focus-within:cai-border-brand-primary"),children:[e.jsx("button",{type:"button","aria-label":w?"Hide calendar":"Show calendar","aria-expanded":w,onClick:()=>G(t=>!t),className:g.cn("cai-flex cai-h-9 cai-w-9 cai-flex-shrink-0 cai-items-center cai-justify-center cai-rounded-full cai-border cai-border-transparent cai-transition-colors focus-visible:cai-outline-2 focus-visible:cai-outline-brand-primary",y?"cai-bg-transparent cai-text-primary-alt":"cai-bg-transparent cai-text-primary hover:cai-bg-secondary hover:cai-border-primary"),children:e.jsx(he,{})}),e.jsx("input",{id:"lc-calendar-input",type:"text",value:Q,onChange:X,placeholder:"DD/MM/YYYY",inputMode:"numeric","aria-invalid":y||void 0,className:g.cn("cai-flex-1 cai-border-none cai-bg-transparent cai-text-body2 cai-font-medium cai-outline-none",y?"cai-text-primary-alt placeholder:cai-text-primary-alt":"cai-text-primary placeholder:cai-text-tertiary")})]}),y&&k&&e.jsxs("div",{className:"cai-mt-xs cai-flex cai-items-center cai-gap-x-xs",children:[e.jsx("span",{className:"cai-inline-flex cai-items-center",style:{color:"var(--icon-error)"},children:e.jsx(be,{})}),e.jsx("span",{className:"cai-text-micro1 cai-font-medium",style:{color:"var(--text-error)"},children:k})]})]}),(!S||w)&&e.jsxs("div",{className:"cai-w-80 cai-select-none cai-rounded-xl cai-border cai-border-septenary cai-bg-primary-invert cai-p-md focus-within:cai-border-2 focus-within:cai-border-brand-primary",children:[e.jsxs("div",{className:"cai-mb-md cai-flex cai-items-center cai-justify-between",children:[e.jsxs("div",{className:"cai-flex cai-items-center cai-gap-x-md",children:[e.jsx(_,{ariaLabel:"Month",value:u,onChange:f,options:ce,display:V[u]}),e.jsx(_,{ariaLabel:"Year",value:d,onChange:b,options:ne,display:String(d)})]}),e.jsxs("div",{className:"cai-flex cai-gap-x-[12px]",children:[e.jsx("button",{type:"button",onClick:Z,"aria-label":"Previous month",className:"cai-flex cai-h-8 cai-w-8 cai-items-center cai-justify-center cai-rounded-md cai-border cai-border-septenary cai-bg-primary-invert cai-text-secondary hover:cai-bg-tertiary focus-visible:cai-outline-2 focus-visible:cai-outline-brand-primary",children:e.jsx(pe,{})}),e.jsx("button",{type:"button",onClick:ee,"aria-label":"Next month",className:"cai-flex cai-h-8 cai-w-8 cai-items-center cai-justify-center cai-rounded-md cai-border cai-border-septenary cai-bg-primary-invert cai-text-secondary hover:cai-bg-tertiary focus-visible:cai-outline-2 focus-visible:cai-outline-brand-primary",children:e.jsx(ge,{})})]})]}),e.jsx("div",{className:"cai-mb-xs cai-grid cai-grid-cols-7",children:me.map(t=>e.jsx("div",{className:"cai-py-xs cai-text-center cai-text-micro1 cai-font-semibold cai-text-tertiary",children:t},t))}),e.jsx("div",{role:"grid",className:"cai-grid cai-grid-cols-7",children:Array.from({length:ae}).map((t,n)=>{const a=n-te+1,I=a<1||a>v;if(I&&!l)return e.jsx("div",{role:"gridcell"},n);const p=a<1?new Date(d,u-1,F+a):a>v?new Date(d,u+1,a-v):new Date(d,u,a),se=a<1?F+a:a>v?a-v:a,W=j(p,Y),oe=j(p,re),P=!!h&&j(p,h.from),A=!!h&&j(p,h.to),B=!!h&&xe(p,h.from,h.to)&&!P&&!A,D=oe||P||A,le=p.toLocaleDateString(void 0,{day:"numeric",month:"long",year:"numeric"});return e.jsx("div",{role:"gridcell",className:g.cn("cai-flex cai-items-center cai-justify-center cai-py-xs",B&&"cai-bg-brand-secondary"),children:e.jsx("button",{type:"button","aria-label":le,"aria-selected":D||B||void 0,"aria-current":W?"date":void 0,onClick:()=>U(p),className:g.cn("cai-h-8 cai-w-8 cai-rounded-full cai-text-subbody cai-font-semibold cai-text-primary cai-transition-colors hover:cai-bg-tertiary focus-visible:cai-outline-2 focus-visible:cai-outline-brand-primary",I&&"cai-opacity-50",D&&"cai-bg-brand-primary cai-text-primary-invert hover:cai-bg-brand-primary",W&&!D&&"cai-border cai-border-primary"),children:se})},n)})})]})]})});q.displayName="Calendar";exports.Calendar=q;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export type DateRange = {
|
|
3
|
+
from?: Date;
|
|
4
|
+
to?: Date;
|
|
5
|
+
};
|
|
6
|
+
export interface CalendarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
|
|
7
|
+
/** Selection mode */
|
|
8
|
+
mode?: 'single' | 'range';
|
|
9
|
+
/** Currently selected date or range (controlled) */
|
|
10
|
+
selected?: Date | DateRange;
|
|
11
|
+
/** Selection change callback */
|
|
12
|
+
onSelect?: (value: Date | DateRange | undefined) => void;
|
|
13
|
+
/** Minimum year for dropdown selector */
|
|
14
|
+
fromYear?: number;
|
|
15
|
+
/** Maximum year for dropdown selector */
|
|
16
|
+
toYear?: number;
|
|
17
|
+
/** Show days from adjacent months */
|
|
18
|
+
showOutsideDays?: boolean;
|
|
19
|
+
/** Render an input field above the calendar with a toggle icon (single mode) */
|
|
20
|
+
withInput?: boolean;
|
|
21
|
+
/** Error state — applies error styling to the input wrapper (withInput mode) */
|
|
22
|
+
error?: boolean;
|
|
23
|
+
/** Error message rendered below the input wrapper when error is true */
|
|
24
|
+
errorMessage?: string;
|
|
25
|
+
}
|
|
26
|
+
declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
|
|
27
|
+
export { Calendar };
|
|
28
|
+
//# sourceMappingURL=Calendar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,MAAM,SAAS,GAAG;IAAE,IAAI,CAAC,EAAE,IAAI,CAAC;IAAC,EAAE,CAAC,EAAE,IAAI,CAAA;CAAE,CAAA;AAElD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC3F,qBAAqB;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IACzB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IAC3B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,GAAG,SAAS,KAAK,IAAI,CAAA;IACxD,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qCAAqC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gFAAgF;IAChF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gFAAgF;IAChF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,wEAAwE;IACxE,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AA+LD,QAAA,MAAM,QAAQ,sFAqUb,CAAA;AAID,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
|
@@ -0,0 +1,365 @@
|
|
|
1
|
+
import { jsxs as l, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import * as h from "react";
|
|
3
|
+
import { cn as b } from "../../utils/cn.js";
|
|
4
|
+
const J = [
|
|
5
|
+
"January",
|
|
6
|
+
"February",
|
|
7
|
+
"March",
|
|
8
|
+
"April",
|
|
9
|
+
"May",
|
|
10
|
+
"June",
|
|
11
|
+
"July",
|
|
12
|
+
"August",
|
|
13
|
+
"September",
|
|
14
|
+
"October",
|
|
15
|
+
"November",
|
|
16
|
+
"December"
|
|
17
|
+
], de = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
|
|
18
|
+
function N(a, n) {
|
|
19
|
+
return !a || !n ? !1 : a.getFullYear() === n.getFullYear() && a.getMonth() === n.getMonth() && a.getDate() === n.getDate();
|
|
20
|
+
}
|
|
21
|
+
function ue(a, n, o) {
|
|
22
|
+
if (!n || !o) return !1;
|
|
23
|
+
const d = a.getTime();
|
|
24
|
+
return d >= n.getTime() && d <= o.getTime();
|
|
25
|
+
}
|
|
26
|
+
function P(a) {
|
|
27
|
+
if (!a) return "";
|
|
28
|
+
const n = String(a.getDate()).padStart(2, "0"), o = String(a.getMonth() + 1).padStart(2, "0");
|
|
29
|
+
return `${n}/${o}/${a.getFullYear()}`;
|
|
30
|
+
}
|
|
31
|
+
function me(a) {
|
|
32
|
+
const n = a.split("/");
|
|
33
|
+
if (n.length !== 3) return null;
|
|
34
|
+
const o = parseInt(n[0], 10), d = parseInt(n[1], 10) - 1, f = parseInt(n[2], 10);
|
|
35
|
+
if (Number.isNaN(o) || Number.isNaN(d) || Number.isNaN(f)) return null;
|
|
36
|
+
const s = new Date(f, d, o);
|
|
37
|
+
return s.getDate() !== o || s.getMonth() !== d || s.getFullYear() !== f ? null : s;
|
|
38
|
+
}
|
|
39
|
+
function k(a) {
|
|
40
|
+
return typeof a == "object" && a !== null && !(a instanceof Date);
|
|
41
|
+
}
|
|
42
|
+
const he = () => /* @__PURE__ */ l(
|
|
43
|
+
"svg",
|
|
44
|
+
{
|
|
45
|
+
width: "20",
|
|
46
|
+
height: "20",
|
|
47
|
+
viewBox: "0 0 24 24",
|
|
48
|
+
fill: "none",
|
|
49
|
+
stroke: "currentColor",
|
|
50
|
+
strokeWidth: "2",
|
|
51
|
+
strokeLinecap: "round",
|
|
52
|
+
strokeLinejoin: "round",
|
|
53
|
+
"aria-hidden": "true",
|
|
54
|
+
children: [
|
|
55
|
+
/* @__PURE__ */ e("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
|
|
56
|
+
/* @__PURE__ */ e("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
|
|
57
|
+
/* @__PURE__ */ e("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
|
|
58
|
+
/* @__PURE__ */ e("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
|
|
59
|
+
]
|
|
60
|
+
}
|
|
61
|
+
), fe = () => /* @__PURE__ */ e(
|
|
62
|
+
"svg",
|
|
63
|
+
{
|
|
64
|
+
width: "14",
|
|
65
|
+
height: "14",
|
|
66
|
+
viewBox: "0 0 24 24",
|
|
67
|
+
fill: "none",
|
|
68
|
+
stroke: "currentColor",
|
|
69
|
+
strokeWidth: "2",
|
|
70
|
+
strokeLinecap: "round",
|
|
71
|
+
strokeLinejoin: "round",
|
|
72
|
+
"aria-hidden": "true",
|
|
73
|
+
children: /* @__PURE__ */ e("path", { d: "M15 18l-6-6 6-6" })
|
|
74
|
+
}
|
|
75
|
+
), pe = () => /* @__PURE__ */ e(
|
|
76
|
+
"svg",
|
|
77
|
+
{
|
|
78
|
+
width: "14",
|
|
79
|
+
height: "14",
|
|
80
|
+
viewBox: "0 0 24 24",
|
|
81
|
+
fill: "none",
|
|
82
|
+
stroke: "currentColor",
|
|
83
|
+
strokeWidth: "2",
|
|
84
|
+
strokeLinecap: "round",
|
|
85
|
+
strokeLinejoin: "round",
|
|
86
|
+
"aria-hidden": "true",
|
|
87
|
+
children: /* @__PURE__ */ e("path", { d: "M9 18l6-6-6-6" })
|
|
88
|
+
}
|
|
89
|
+
), ge = () => /* @__PURE__ */ e(
|
|
90
|
+
"svg",
|
|
91
|
+
{
|
|
92
|
+
width: "14",
|
|
93
|
+
height: "14",
|
|
94
|
+
viewBox: "0 0 24 24",
|
|
95
|
+
fill: "none",
|
|
96
|
+
stroke: "currentColor",
|
|
97
|
+
strokeWidth: "2.5",
|
|
98
|
+
strokeLinecap: "round",
|
|
99
|
+
strokeLinejoin: "round",
|
|
100
|
+
className: "cai-pointer-events-none cai-ml-xs cai-flex-shrink-0",
|
|
101
|
+
"aria-hidden": "true",
|
|
102
|
+
children: /* @__PURE__ */ e("path", { d: "M6 9l6 6 6-6" })
|
|
103
|
+
}
|
|
104
|
+
), ye = () => /* @__PURE__ */ l(
|
|
105
|
+
"svg",
|
|
106
|
+
{
|
|
107
|
+
width: "14",
|
|
108
|
+
height: "14",
|
|
109
|
+
viewBox: "0 0 24 24",
|
|
110
|
+
fill: "none",
|
|
111
|
+
stroke: "currentColor",
|
|
112
|
+
strokeWidth: "2",
|
|
113
|
+
strokeLinecap: "round",
|
|
114
|
+
strokeLinejoin: "round",
|
|
115
|
+
"aria-hidden": "true",
|
|
116
|
+
children: [
|
|
117
|
+
/* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
|
|
118
|
+
/* @__PURE__ */ e("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
|
|
119
|
+
/* @__PURE__ */ e("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
|
|
120
|
+
]
|
|
121
|
+
}
|
|
122
|
+
);
|
|
123
|
+
function $({ value: a, onChange: n, options: o, display: d, ariaLabel: f }) {
|
|
124
|
+
return /* @__PURE__ */ l("div", { className: "cai-relative cai-inline-flex cai-items-center cai-cursor-pointer", children: [
|
|
125
|
+
/* @__PURE__ */ e("span", { className: "cai-pointer-events-none cai-text-body2 cai-font-semibold cai-text-primary cai-whitespace-nowrap", children: d }),
|
|
126
|
+
/* @__PURE__ */ e(ge, {}),
|
|
127
|
+
/* @__PURE__ */ e(
|
|
128
|
+
"select",
|
|
129
|
+
{
|
|
130
|
+
"aria-label": f,
|
|
131
|
+
value: a,
|
|
132
|
+
onChange: (s) => n(parseInt(s.target.value, 10)),
|
|
133
|
+
className: "cai-absolute cai-inset-0 cai-h-full cai-w-full cai-cursor-pointer cai-appearance-none cai-border-none cai-bg-transparent cai-opacity-0",
|
|
134
|
+
children: o.map((s) => /* @__PURE__ */ e("option", { value: s.value, children: s.label }, s.value))
|
|
135
|
+
}
|
|
136
|
+
)
|
|
137
|
+
] });
|
|
138
|
+
}
|
|
139
|
+
const be = h.forwardRef(
|
|
140
|
+
({
|
|
141
|
+
mode: a = "single",
|
|
142
|
+
selected: n,
|
|
143
|
+
onSelect: o,
|
|
144
|
+
fromYear: d,
|
|
145
|
+
toYear: f,
|
|
146
|
+
showOutsideDays: s = !0,
|
|
147
|
+
withInput: C = !1,
|
|
148
|
+
error: v = !1,
|
|
149
|
+
errorMessage: Y,
|
|
150
|
+
className: H,
|
|
151
|
+
...K
|
|
152
|
+
}, _) => {
|
|
153
|
+
const L = n !== void 0, [q, z] = h.useState(
|
|
154
|
+
void 0
|
|
155
|
+
), c = L ? n : q, j = h.useMemo(() => /* @__PURE__ */ new Date(), []), F = h.useMemo(() => a === "single" && c instanceof Date ? c : a === "range" && k(c) && c.from ? c.from : j, []), [u, x] = h.useState(F.getFullYear()), [m, p] = h.useState(F.getMonth()), [D, G] = h.useState(!0), [Q, I] = h.useState(
|
|
156
|
+
() => a === "single" && c instanceof Date ? P(c) : ""
|
|
157
|
+
);
|
|
158
|
+
h.useEffect(() => {
|
|
159
|
+
a === "single" && c instanceof Date && I(P(c));
|
|
160
|
+
}, [a, c]);
|
|
161
|
+
const R = d ?? u - 10, T = f ?? u + 10, M = (i) => {
|
|
162
|
+
L || z(i), o?.(i);
|
|
163
|
+
}, U = (i) => {
|
|
164
|
+
if (a === "single") {
|
|
165
|
+
const t = N(c, i) ? void 0 : i;
|
|
166
|
+
M(t), t && (p(t.getMonth()), x(t.getFullYear()));
|
|
167
|
+
} else {
|
|
168
|
+
const r = k(c) ? c : {};
|
|
169
|
+
let t;
|
|
170
|
+
!r.from || r.from && r.to ? t = { from: i, to: void 0 } : i.getTime() < r.from.getTime() ? t = { from: i, to: r.from } : t = { from: r.from, to: i }, M(t);
|
|
171
|
+
}
|
|
172
|
+
}, X = (i) => {
|
|
173
|
+
const r = i.target.value;
|
|
174
|
+
I(r);
|
|
175
|
+
const t = me(r);
|
|
176
|
+
t && a === "single" && (p(t.getMonth()), x(t.getFullYear()), M(t));
|
|
177
|
+
}, Z = () => {
|
|
178
|
+
m === 0 ? (p(11), x((i) => i - 1)) : p((i) => i - 1);
|
|
179
|
+
}, ee = () => {
|
|
180
|
+
m === 11 ? (p(0), x((i) => i + 1)) : p((i) => i + 1);
|
|
181
|
+
}, ie = new Date(u, m, 1), w = new Date(u, m + 1, 0).getDate(), O = new Date(u, m, 0).getDate(), ae = ie.getDay(), te = 42, re = a === "single" && c instanceof Date ? c : void 0, g = a === "range" && k(c) ? c : void 0, ne = h.useMemo(() => {
|
|
182
|
+
const i = [];
|
|
183
|
+
for (let r = R; r <= T; r++)
|
|
184
|
+
i.push({ value: r, label: String(r) });
|
|
185
|
+
return i;
|
|
186
|
+
}, [R, T]), ce = J.map((i, r) => ({ value: r, label: i }));
|
|
187
|
+
return /* @__PURE__ */ l(
|
|
188
|
+
"div",
|
|
189
|
+
{
|
|
190
|
+
ref: _,
|
|
191
|
+
className: b("cai-flex cai-w-fit cai-flex-col cai-gap-y-md", H),
|
|
192
|
+
...K,
|
|
193
|
+
children: [
|
|
194
|
+
C && /* @__PURE__ */ l("div", { className: "cai-flex cai-flex-col cai-gap-y-xs", children: [
|
|
195
|
+
/* @__PURE__ */ e(
|
|
196
|
+
"label",
|
|
197
|
+
{
|
|
198
|
+
htmlFor: "lc-calendar-input",
|
|
199
|
+
className: "cai-text-right cai-text-micro1 cai-font-medium cai-text-primary",
|
|
200
|
+
children: "Date (DD/MM/YYYY)"
|
|
201
|
+
}
|
|
202
|
+
),
|
|
203
|
+
/* @__PURE__ */ l(
|
|
204
|
+
"div",
|
|
205
|
+
{
|
|
206
|
+
className: b(
|
|
207
|
+
"cai-flex cai-items-center cai-gap-x-md cai-rounded-md cai-border cai-p-sm",
|
|
208
|
+
v ? "cai-border-error-alt cai-bg-error focus-within:cai-outline-2 focus-within:cai-outline-offset-2 focus-within:cai-outline-[var(--bg-brand-primary)]" : "cai-border-primary cai-bg-primary-invert focus-within:cai-border-brand-primary"
|
|
209
|
+
),
|
|
210
|
+
children: [
|
|
211
|
+
/* @__PURE__ */ e(
|
|
212
|
+
"button",
|
|
213
|
+
{
|
|
214
|
+
type: "button",
|
|
215
|
+
"aria-label": D ? "Hide calendar" : "Show calendar",
|
|
216
|
+
"aria-expanded": D,
|
|
217
|
+
onClick: () => G((i) => !i),
|
|
218
|
+
className: b(
|
|
219
|
+
"cai-flex cai-h-9 cai-w-9 cai-flex-shrink-0 cai-items-center cai-justify-center cai-rounded-full cai-border cai-border-transparent cai-transition-colors focus-visible:cai-outline-2 focus-visible:cai-outline-brand-primary",
|
|
220
|
+
v ? "cai-bg-transparent cai-text-primary-alt" : "cai-bg-transparent cai-text-primary hover:cai-bg-secondary hover:cai-border-primary"
|
|
221
|
+
),
|
|
222
|
+
children: /* @__PURE__ */ e(he, {})
|
|
223
|
+
}
|
|
224
|
+
),
|
|
225
|
+
/* @__PURE__ */ e(
|
|
226
|
+
"input",
|
|
227
|
+
{
|
|
228
|
+
id: "lc-calendar-input",
|
|
229
|
+
type: "text",
|
|
230
|
+
value: Q,
|
|
231
|
+
onChange: X,
|
|
232
|
+
placeholder: "DD/MM/YYYY",
|
|
233
|
+
inputMode: "numeric",
|
|
234
|
+
"aria-invalid": v || void 0,
|
|
235
|
+
className: b(
|
|
236
|
+
"cai-flex-1 cai-border-none cai-bg-transparent cai-text-body2 cai-font-medium cai-outline-none",
|
|
237
|
+
v ? "cai-text-primary-alt placeholder:cai-text-primary-alt" : "cai-text-primary placeholder:cai-text-tertiary"
|
|
238
|
+
)
|
|
239
|
+
}
|
|
240
|
+
)
|
|
241
|
+
]
|
|
242
|
+
}
|
|
243
|
+
),
|
|
244
|
+
v && Y && /* @__PURE__ */ l("div", { className: "cai-mt-xs cai-flex cai-items-center cai-gap-x-xs", children: [
|
|
245
|
+
/* @__PURE__ */ e(
|
|
246
|
+
"span",
|
|
247
|
+
{
|
|
248
|
+
className: "cai-inline-flex cai-items-center",
|
|
249
|
+
style: { color: "var(--icon-error)" },
|
|
250
|
+
children: /* @__PURE__ */ e(ye, {})
|
|
251
|
+
}
|
|
252
|
+
),
|
|
253
|
+
/* @__PURE__ */ e(
|
|
254
|
+
"span",
|
|
255
|
+
{
|
|
256
|
+
className: "cai-text-micro1 cai-font-medium",
|
|
257
|
+
style: { color: "var(--text-error)" },
|
|
258
|
+
children: Y
|
|
259
|
+
}
|
|
260
|
+
)
|
|
261
|
+
] })
|
|
262
|
+
] }),
|
|
263
|
+
(!C || D) && /* @__PURE__ */ l("div", { className: "cai-w-80 cai-select-none cai-rounded-xl cai-border cai-border-septenary cai-bg-primary-invert cai-p-md focus-within:cai-border-2 focus-within:cai-border-brand-primary", children: [
|
|
264
|
+
/* @__PURE__ */ l("div", { className: "cai-mb-md cai-flex cai-items-center cai-justify-between", children: [
|
|
265
|
+
/* @__PURE__ */ l("div", { className: "cai-flex cai-items-center cai-gap-x-md", children: [
|
|
266
|
+
/* @__PURE__ */ e(
|
|
267
|
+
$,
|
|
268
|
+
{
|
|
269
|
+
ariaLabel: "Month",
|
|
270
|
+
value: m,
|
|
271
|
+
onChange: p,
|
|
272
|
+
options: ce,
|
|
273
|
+
display: J[m]
|
|
274
|
+
}
|
|
275
|
+
),
|
|
276
|
+
/* @__PURE__ */ e(
|
|
277
|
+
$,
|
|
278
|
+
{
|
|
279
|
+
ariaLabel: "Year",
|
|
280
|
+
value: u,
|
|
281
|
+
onChange: x,
|
|
282
|
+
options: ne,
|
|
283
|
+
display: String(u)
|
|
284
|
+
}
|
|
285
|
+
)
|
|
286
|
+
] }),
|
|
287
|
+
/* @__PURE__ */ l("div", { className: "cai-flex cai-gap-x-[12px]", children: [
|
|
288
|
+
/* @__PURE__ */ e(
|
|
289
|
+
"button",
|
|
290
|
+
{
|
|
291
|
+
type: "button",
|
|
292
|
+
onClick: Z,
|
|
293
|
+
"aria-label": "Previous month",
|
|
294
|
+
className: "cai-flex cai-h-8 cai-w-8 cai-items-center cai-justify-center cai-rounded-md cai-border cai-border-septenary cai-bg-primary-invert cai-text-secondary hover:cai-bg-tertiary focus-visible:cai-outline-2 focus-visible:cai-outline-brand-primary",
|
|
295
|
+
children: /* @__PURE__ */ e(fe, {})
|
|
296
|
+
}
|
|
297
|
+
),
|
|
298
|
+
/* @__PURE__ */ e(
|
|
299
|
+
"button",
|
|
300
|
+
{
|
|
301
|
+
type: "button",
|
|
302
|
+
onClick: ee,
|
|
303
|
+
"aria-label": "Next month",
|
|
304
|
+
className: "cai-flex cai-h-8 cai-w-8 cai-items-center cai-justify-center cai-rounded-md cai-border cai-border-septenary cai-bg-primary-invert cai-text-secondary hover:cai-bg-tertiary focus-visible:cai-outline-2 focus-visible:cai-outline-brand-primary",
|
|
305
|
+
children: /* @__PURE__ */ e(pe, {})
|
|
306
|
+
}
|
|
307
|
+
)
|
|
308
|
+
] })
|
|
309
|
+
] }),
|
|
310
|
+
/* @__PURE__ */ e("div", { className: "cai-mb-xs cai-grid cai-grid-cols-7", children: de.map((i) => /* @__PURE__ */ e(
|
|
311
|
+
"div",
|
|
312
|
+
{
|
|
313
|
+
className: "cai-py-xs cai-text-center cai-text-micro1 cai-font-semibold cai-text-tertiary",
|
|
314
|
+
children: i
|
|
315
|
+
},
|
|
316
|
+
i
|
|
317
|
+
)) }),
|
|
318
|
+
/* @__PURE__ */ e("div", { role: "grid", className: "cai-grid cai-grid-cols-7", children: Array.from({ length: te }).map((i, r) => {
|
|
319
|
+
const t = r - ae + 1, W = t < 1 || t > w;
|
|
320
|
+
if (W && !s)
|
|
321
|
+
return /* @__PURE__ */ e("div", { role: "gridcell" }, r);
|
|
322
|
+
const y = t < 1 ? new Date(u, m - 1, O + t) : t > w ? new Date(u, m + 1, t - w) : new Date(u, m, t), oe = t < 1 ? O + t : t > w ? t - w : t, A = N(y, j), se = N(y, re), B = !!g && N(y, g.from), V = !!g && N(y, g.to), E = !!g && ue(y, g.from, g.to) && !B && !V, S = se || B || V, le = y.toLocaleDateString(void 0, {
|
|
323
|
+
day: "numeric",
|
|
324
|
+
month: "long",
|
|
325
|
+
year: "numeric"
|
|
326
|
+
});
|
|
327
|
+
return /* @__PURE__ */ e(
|
|
328
|
+
"div",
|
|
329
|
+
{
|
|
330
|
+
role: "gridcell",
|
|
331
|
+
className: b(
|
|
332
|
+
"cai-flex cai-items-center cai-justify-center cai-py-xs",
|
|
333
|
+
E && "cai-bg-brand-secondary"
|
|
334
|
+
),
|
|
335
|
+
children: /* @__PURE__ */ e(
|
|
336
|
+
"button",
|
|
337
|
+
{
|
|
338
|
+
type: "button",
|
|
339
|
+
"aria-label": le,
|
|
340
|
+
"aria-selected": S || E || void 0,
|
|
341
|
+
"aria-current": A ? "date" : void 0,
|
|
342
|
+
onClick: () => U(y),
|
|
343
|
+
className: b(
|
|
344
|
+
"cai-h-8 cai-w-8 cai-rounded-full cai-text-subbody cai-font-semibold cai-text-primary cai-transition-colors hover:cai-bg-tertiary focus-visible:cai-outline-2 focus-visible:cai-outline-brand-primary",
|
|
345
|
+
W && "cai-opacity-50",
|
|
346
|
+
S && "cai-bg-brand-primary cai-text-primary-invert hover:cai-bg-brand-primary",
|
|
347
|
+
A && !S && "cai-border cai-border-primary"
|
|
348
|
+
),
|
|
349
|
+
children: oe
|
|
350
|
+
}
|
|
351
|
+
)
|
|
352
|
+
},
|
|
353
|
+
r
|
|
354
|
+
);
|
|
355
|
+
}) })
|
|
356
|
+
] })
|
|
357
|
+
]
|
|
358
|
+
}
|
|
359
|
+
);
|
|
360
|
+
}
|
|
361
|
+
);
|
|
362
|
+
be.displayName = "Calendar";
|
|
363
|
+
export {
|
|
364
|
+
be as Calendar
|
|
365
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),h=require("react"),i=require("../../utils/cn.cjs");function R(a){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(c,e,s.get?s:{enumerable:!0,get:()=>a[e]})}}return c.default=a,Object.freeze(c)}const r=R(h),d={xs:"cai-p-3",sm:"cai-p-4",md:"cai-p-6",lg:"cai-p-8"},D={custom:"","1/1":"cai-aspect-square","3/4":"cai-aspect-[3/4]","4/3":"cai-aspect-[4/3]","16/9":"cai-aspect-video"},l=r.forwardRef(({className:a,padding:c="sm",aspectRatio:e="custom",dropShadow:s=!1,disabled:o=!1,cardHeading:n,cardHeadingAs:C="h2",cardHeadingClassName:y,surface:N="default",children:j,...b},v)=>{const w=d[c]??d.sm,g=D[e]??`cai-aspect-[${e}]`;return t.jsxs("div",{className:"cai-flex cai-flex-col",children:[n&&t.jsx("div",{className:i.cn("cai-mb-1.5",o&&"cai-opacity-40"),children:t.jsx(C,{className:i.cn("cai-text-micro1 cai-font-semibold cai-text-secondary",y),children:n})}),t.jsx("div",{ref:v,tabIndex:o?-1:0,"aria-disabled":o||void 0,className:i.cn("cai-rounded-xl cai-transition-all",N==="default"&&"cai-card-surface",w,g,s&&"cai-shadow-shallow",o&&"cai-pointer-events-none cai-opacity-40","focus-within:cai-outline-2 focus-within:cai-outline-offset-2 focus-within:cai-outline-[var(--focus)]",a),...b,children:j})]})});l.displayName="Card";const f=r.forwardRef(({className:a,...c},e)=>t.jsx("div",{ref:e,className:i.cn("cai-flex cai-flex-col cai-gap-y-1.5",a),...c}));f.displayName="CardHeader";const p=r.forwardRef(({className:a,children:c,...e},s)=>t.jsx("h3",{ref:s,className:i.cn("cai-text-subbody cai-font-semibold cai-tracking-tight cai-text-primary",a),...e,children:c}));p.displayName="CardTitle";const u=r.forwardRef(({className:a,...c},e)=>t.jsx("p",{ref:e,className:i.cn("cai-text-subbody cai-text-secondary",a),...c}));u.displayName="CardDescription";const m=r.forwardRef(({className:a,...c},e)=>t.jsx("div",{ref:e,className:i.cn("cai-pt-4",a),...c}));m.displayName="CardContent";const x=r.forwardRef(({className:a,...c},e)=>t.jsx("div",{ref:e,className:i.cn("cai-flex cai-items-center cai-pt-4",a),...c}));x.displayName="CardFooter";exports.Card=l;exports.CardContent=m;exports.CardDescription=u;exports.CardFooter=x;exports.CardHeader=f;exports.CardTitle=p;
|