@cognite/aura 0.3.5 → 1.46105.0
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 +264 -0
- package/DESIGN.md +638 -281
- package/LICENSE +21 -0
- package/README.md +21 -13
- package/dist/colors-deprecated.css +587 -0
- package/dist/colors.css +803 -830
- package/dist/components/index.d.ts +63 -57
- package/dist/components/index.js +62 -59
- package/dist/components/index.js.map +1 -0
- package/dist/components/ui/core/accordion/accordion.d.ts +19 -18
- package/dist/components/ui/core/accordion/accordion.js +99 -78
- package/dist/components/ui/core/accordion/accordion.js.map +1 -0
- package/dist/components/ui/core/action-toolbar/action-toolbar-motion.d.ts +8 -0
- package/dist/components/ui/core/action-toolbar/action-toolbar-motion.js +125 -0
- package/dist/components/ui/core/action-toolbar/action-toolbar-motion.js.map +1 -0
- package/dist/components/ui/core/action-toolbar/action-toolbar.d.ts +31 -31
- package/dist/components/ui/core/action-toolbar/action-toolbar.js +156 -106
- package/dist/components/ui/core/action-toolbar/action-toolbar.js.map +1 -0
- package/dist/components/ui/core/alert/alert.d.ts +25 -25
- package/dist/components/ui/core/alert/alert.js +181 -152
- package/dist/components/ui/core/alert/alert.js.map +1 -0
- package/dist/components/ui/core/avatar/avatar.d.ts +10 -9
- package/dist/components/ui/core/avatar/avatar.js +75 -65
- package/dist/components/ui/core/avatar/avatar.js.map +1 -0
- package/dist/components/ui/core/badge/badge.d.ts +13 -12
- package/dist/components/ui/core/badge/badge.js +88 -72
- package/dist/components/ui/core/badge/badge.js.map +1 -0
- package/dist/components/ui/core/banner/banner.d.ts +18 -18
- package/dist/components/ui/core/banner/banner.js +179 -142
- package/dist/components/ui/core/banner/banner.js.map +1 -0
- package/dist/components/ui/core/breadcrumb/breadcrumb.d.ts +12 -12
- package/dist/components/ui/core/breadcrumb/breadcrumb.js +139 -104
- package/dist/components/ui/core/breadcrumb/breadcrumb.js.map +1 -0
- package/dist/components/ui/core/button/button.d.ts +7 -7
- package/dist/components/ui/core/button/button.gallery.d.ts +2 -0
- package/dist/components/ui/core/button/button.gallery.js +76 -0
- package/dist/components/ui/core/button/button.gallery.js.map +1 -0
- package/dist/components/ui/core/button/button.js +57 -47
- package/dist/components/ui/core/button/button.js.map +1 -0
- package/dist/components/ui/core/button-group/button-group.d.ts +9 -9
- package/dist/components/ui/core/button-group/button-group.js +50 -40
- package/dist/components/ui/core/button-group/button-group.js.map +1 -0
- package/dist/components/ui/core/calendar/calendar-header.d.ts +7 -7
- package/dist/components/ui/core/calendar/calendar-header.js +102 -63
- package/dist/components/ui/core/calendar/calendar-header.js.map +1 -0
- package/dist/components/ui/core/calendar/calendar-utils.d.ts +30 -30
- package/dist/components/ui/core/calendar/calendar-utils.js +116 -39
- package/dist/components/ui/core/calendar/calendar-utils.js.map +1 -0
- package/dist/components/ui/core/calendar/calendar.d.ts +10 -10
- package/dist/components/ui/core/calendar/calendar.js +95 -66
- package/dist/components/ui/core/calendar/calendar.js.map +1 -0
- package/dist/components/ui/core/calendar/constants.js +3 -0
- package/dist/components/ui/core/calendar/constants.js.map +1 -0
- package/dist/components/ui/core/card/card.d.ts +20 -20
- package/dist/components/ui/core/card/card.js +133 -104
- package/dist/components/ui/core/card/card.js.map +1 -0
- package/dist/components/ui/core/chart/chart.d.ts +55 -53
- package/dist/components/ui/core/chart/chart.js +196 -116
- package/dist/components/ui/core/chart/chart.js.map +1 -0
- package/dist/components/ui/core/chart/index.d.ts +2 -2
- package/dist/components/ui/core/chart/index.js +3 -2
- package/dist/components/ui/core/chart/index.js.map +1 -0
- package/dist/components/ui/core/checkbox/checkbox.d.ts +9 -9
- package/dist/components/ui/core/checkbox/checkbox.js +88 -68
- package/dist/components/ui/core/checkbox/checkbox.js.map +1 -0
- package/dist/components/ui/core/checkbox/checkbox.metadata.d.ts +1 -1
- package/dist/components/ui/core/checkbox/checkbox.metadata.js +6 -7
- package/dist/components/ui/core/checkbox/checkbox.metadata.js.map +1 -0
- package/dist/components/ui/core/code-block/code-block.d.ts +19 -19
- package/dist/components/ui/core/code-block/code-block.js +259 -175
- package/dist/components/ui/core/code-block/code-block.js.map +1 -0
- package/dist/components/ui/core/collapsible/collapsible.d.ts +5 -5
- package/dist/components/ui/core/collapsible/collapsible.js +36 -30
- package/dist/components/ui/core/collapsible/collapsible.js.map +1 -0
- package/dist/components/ui/core/combobox/combobox.d.ts +13 -13
- package/dist/components/ui/core/combobox/combobox.js +89 -40
- package/dist/components/ui/core/combobox/combobox.js.map +1 -0
- package/dist/components/ui/core/command/command.d.ts +20 -18
- package/dist/components/ui/core/command/command.js +137 -85
- package/dist/components/ui/core/command/command.js.map +1 -0
- package/dist/components/ui/core/conversation/conversation.d.ts +14 -0
- package/dist/components/ui/core/conversation/conversation.js +51 -0
- package/dist/components/ui/core/conversation/conversation.js.map +1 -0
- package/dist/components/ui/core/count/count.d.ts +8 -6
- package/dist/components/ui/core/count/count.js +51 -21
- package/dist/components/ui/core/count/count.js.map +1 -0
- package/dist/components/ui/core/data-grid/data-grid-cell.d.ts +7 -7
- package/dist/components/ui/core/data-grid/data-grid-cell.js +22 -22
- package/dist/components/ui/core/data-grid/data-grid-cell.js.map +1 -0
- package/dist/components/ui/core/data-grid/data-grid-filter-clauses.d.ts +14 -0
- package/dist/components/ui/core/data-grid/data-grid-filter-clauses.js +36 -0
- package/dist/components/ui/core/data-grid/data-grid-filter-clauses.js.map +1 -0
- package/dist/components/ui/core/data-grid/data-grid-filter-panel.d.ts +41 -0
- package/dist/components/ui/core/data-grid/data-grid-filter-panel.js +273 -0
- package/dist/components/ui/core/data-grid/data-grid-filter-panel.js.map +1 -0
- package/dist/components/ui/core/data-grid/data-grid-footer.d.ts +6 -0
- package/dist/components/ui/core/data-grid/data-grid-footer.js +34 -0
- package/dist/components/ui/core/data-grid/data-grid-footer.js.map +1 -0
- package/dist/components/ui/core/data-grid/data-grid-header-row.d.ts +10 -10
- package/dist/components/ui/core/data-grid/data-grid-header-row.js +69 -55
- package/dist/components/ui/core/data-grid/data-grid-header-row.js.map +1 -0
- package/dist/components/ui/core/data-grid/data-grid-header.d.ts +11 -0
- package/dist/components/ui/core/data-grid/data-grid-header.js +67 -0
- package/dist/components/ui/core/data-grid/data-grid-header.js.map +1 -0
- package/dist/components/ui/core/data-grid/data-grid-row.d.ts +15 -15
- package/dist/components/ui/core/data-grid/data-grid-row.js +104 -76
- package/dist/components/ui/core/data-grid/data-grid-row.js.map +1 -0
- package/dist/components/ui/core/data-grid/data-grid.d.ts +85 -35
- package/dist/components/ui/core/data-grid/data-grid.fixtures.d.ts +7 -7
- package/dist/components/ui/core/data-grid/data-grid.fixtures.js +139 -0
- package/dist/components/ui/core/data-grid/data-grid.fixtures.js.map +1 -0
- package/dist/components/ui/core/data-grid/data-grid.js +402 -132
- package/dist/components/ui/core/data-grid/data-grid.js.map +1 -0
- package/dist/components/ui/core/data-grid/data-grid.utils.d.ts +3 -3
- package/dist/components/ui/core/data-grid/data-grid.utils.js +44 -33
- package/dist/components/ui/core/data-grid/data-grid.utils.js.map +1 -0
- package/dist/components/ui/core/data-grid/index.d.ts +4 -1
- package/dist/components/ui/core/data-grid/index.js +5 -2
- package/dist/components/ui/core/data-grid/index.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/date-picker/date-picker.d.ts +11 -13
- package/dist/components/ui/core/date-time-pickers/date-picker/date-picker.js +85 -61
- package/dist/components/ui/core/date-time-pickers/date-picker/date-picker.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/date-picker/index.d.ts +3 -3
- package/dist/components/ui/core/date-time-pickers/date-picker/index.js +3 -0
- package/dist/components/ui/core/date-time-pickers/date-picker/index.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/date-picker/types.d.ts +14 -14
- package/dist/components/ui/core/date-time-pickers/date-picker/types.js +3 -0
- package/dist/components/ui/core/date-time-pickers/date-picker/types.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/date-picker/use-date-picker.d.ts +2 -2
- package/dist/components/ui/core/date-time-pickers/date-picker/use-date-picker.js +51 -36
- package/dist/components/ui/core/date-time-pickers/date-picker/use-date-picker.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/date-range-picker/date-range-picker.d.ts +11 -13
- package/dist/components/ui/core/date-time-pickers/date-range-picker/date-range-picker.js +89 -64
- package/dist/components/ui/core/date-time-pickers/date-range-picker/date-range-picker.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/date-range-picker/index.d.ts +3 -3
- package/dist/components/ui/core/date-time-pickers/date-range-picker/index.js +3 -0
- package/dist/components/ui/core/date-time-pickers/date-range-picker/index.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/date-range-picker/types.d.ts +20 -20
- package/dist/components/ui/core/date-time-pickers/date-range-picker/types.js +3 -0
- package/dist/components/ui/core/date-time-pickers/date-range-picker/types.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/date-range-picker/use-date-range-picker.d.ts +4 -4
- package/dist/components/ui/core/date-time-pickers/date-range-picker/use-date-range-picker.js +95 -60
- package/dist/components/ui/core/date-time-pickers/date-range-picker/use-date-range-picker.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/date-time-picker/date-time-picker.d.ts +15 -0
- package/dist/components/ui/core/date-time-pickers/date-time-picker/date-time-picker.js +120 -0
- package/dist/components/ui/core/date-time-pickers/date-time-picker/date-time-picker.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/date-time-picker/index.d.ts +3 -1
- package/dist/components/ui/core/date-time-pickers/date-time-picker/index.js +3 -0
- package/dist/components/ui/core/date-time-pickers/date-time-picker/index.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/date-time-picker/types.d.ts +25 -32
- package/dist/components/ui/core/date-time-pickers/date-time-picker/types.js +3 -0
- package/dist/components/ui/core/date-time-pickers/date-time-picker/types.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/date-time-picker/use-date-time-picker.d.ts +2 -2
- package/dist/components/ui/core/date-time-pickers/date-time-picker/use-date-time-picker.js +78 -0
- package/dist/components/ui/core/date-time-pickers/date-time-picker/use-date-time-picker.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/date-time-range-picker/date-time-range-picker.d.ts +13 -15
- package/dist/components/ui/core/date-time-pickers/date-time-range-picker/date-time-range-picker.js +165 -119
- package/dist/components/ui/core/date-time-pickers/date-time-range-picker/date-time-range-picker.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/date-time-range-picker/index.d.ts +3 -3
- package/dist/components/ui/core/date-time-pickers/date-time-range-picker/index.js +3 -0
- package/dist/components/ui/core/date-time-pickers/date-time-range-picker/index.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/date-time-range-picker/types.d.ts +37 -37
- package/dist/components/ui/core/date-time-pickers/date-time-range-picker/types.js +3 -0
- package/dist/components/ui/core/date-time-pickers/date-time-range-picker/types.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/date-time-range-picker/use-date-time-range-picker.d.ts +3 -3
- package/dist/components/ui/core/date-time-pickers/date-time-range-picker/use-date-time-range-picker.js +163 -104
- package/dist/components/ui/core/date-time-pickers/date-time-range-picker/use-date-time-range-picker.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/index.d.ts +17 -12
- package/dist/components/ui/core/date-time-pickers/index.js +10 -6
- package/dist/components/ui/core/date-time-pickers/index.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/shared/am-pm-scroll/am-pm-scroll.d.ts +5 -5
- package/dist/components/ui/core/date-time-pickers/shared/am-pm-scroll/am-pm-scroll.js +52 -42
- package/dist/components/ui/core/date-time-pickers/shared/am-pm-scroll/am-pm-scroll.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/shared/constants.d.ts +6 -1
- package/dist/components/ui/core/date-time-pickers/shared/constants.js +23 -0
- package/dist/components/ui/core/date-time-pickers/shared/constants.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/shared/date-time-input/date-time-input.d.ts +16 -15
- package/dist/components/ui/core/date-time-pickers/shared/date-time-input/date-time-input.js +87 -64
- package/dist/components/ui/core/date-time-pickers/shared/date-time-input/date-time-input.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/shared/date-time-input/range-input-display.d.ts +10 -9
- package/dist/components/ui/core/date-time-pickers/shared/date-time-input/range-input-display.js +89 -38
- package/dist/components/ui/core/date-time-pickers/shared/date-time-input/range-input-display.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-popover-state.d.ts +5 -5
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-popover-state.js +34 -23
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-popover-state.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-date-state.d.ts +23 -23
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-date-state.js +95 -52
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-date-state.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-step-manager.d.ts +5 -5
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-step-manager.js +22 -18
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-step-manager.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-single-date-state.d.ts +19 -19
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-single-date-state.js +41 -24
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-single-date-state.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-time-state.d.ts +13 -13
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-time-state.js +33 -24
- package/dist/components/ui/core/date-time-pickers/shared/hooks/use-time-state.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/shared/scroll-cell-classes.d.ts +5 -5
- package/dist/components/ui/core/date-time-pickers/shared/scroll-cell-classes.js +9 -4
- package/dist/components/ui/core/date-time-pickers/shared/scroll-cell-classes.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/shared/shortcuts-panel/shortcuts-panel.d.ts +13 -9
- package/dist/components/ui/core/date-time-pickers/shared/shortcuts-panel/shortcuts-panel.js +22 -17
- package/dist/components/ui/core/date-time-pickers/shared/shortcuts-panel/shortcuts-panel.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/shared/time-picker-panel/index.d.ts +2 -2
- package/dist/components/ui/core/date-time-pickers/shared/time-picker-panel/index.js +3 -0
- package/dist/components/ui/core/date-time-pickers/shared/time-picker-panel/index.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/shared/time-picker-panel/time-picker-panel.d.ts +13 -13
- package/dist/components/ui/core/date-time-pickers/shared/time-picker-panel/time-picker-panel.js +49 -40
- package/dist/components/ui/core/date-time-pickers/shared/time-picker-panel/time-picker-panel.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/shared/time-picker-scroll/time-picker-scroll.d.ts +7 -7
- package/dist/components/ui/core/date-time-pickers/shared/time-picker-scroll/time-picker-scroll.js +41 -34
- package/dist/components/ui/core/date-time-pickers/shared/time-picker-scroll/time-picker-scroll.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/time-picker/index.d.ts +3 -3
- package/dist/components/ui/core/date-time-pickers/time-picker/index.js +3 -0
- package/dist/components/ui/core/date-time-pickers/time-picker/index.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/time-picker/time-picker.d.ts +12 -14
- package/dist/components/ui/core/date-time-pickers/time-picker/time-picker.js +99 -79
- package/dist/components/ui/core/date-time-pickers/time-picker/time-picker.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/time-picker/types.d.ts +20 -20
- package/dist/components/ui/core/date-time-pickers/time-picker/types.js +3 -0
- package/dist/components/ui/core/date-time-pickers/time-picker/types.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/time-picker/use-time-picker.d.ts +2 -2
- package/dist/components/ui/core/date-time-pickers/time-picker/use-time-picker.js +63 -41
- package/dist/components/ui/core/date-time-pickers/time-picker/use-time-picker.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/time-range-picker/index.d.ts +3 -1
- package/dist/components/ui/core/date-time-pickers/time-range-picker/index.js +3 -0
- package/dist/components/ui/core/date-time-pickers/time-range-picker/index.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/time-range-picker/time-range-picker.d.ts +14 -0
- package/dist/components/ui/core/date-time-pickers/time-range-picker/time-range-picker.js +115 -0
- package/dist/components/ui/core/date-time-pickers/time-range-picker/time-range-picker.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/time-range-picker/types.d.ts +30 -36
- package/dist/components/ui/core/date-time-pickers/time-range-picker/types.js +3 -0
- package/dist/components/ui/core/date-time-pickers/time-range-picker/types.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/time-range-picker/use-time-range-picker.d.ts +2 -2
- package/dist/components/ui/core/date-time-pickers/time-range-picker/use-time-range-picker.js +145 -0
- package/dist/components/ui/core/date-time-pickers/time-range-picker/use-time-range-picker.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/utils/date-input.d.ts +56 -0
- package/dist/components/ui/core/date-time-pickers/utils/date-input.js +67 -0
- package/dist/components/ui/core/date-time-pickers/utils/date-input.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/utils/date-range-utils.d.ts +18 -18
- package/dist/components/ui/core/date-time-pickers/utils/date-range-utils.js +42 -0
- package/dist/components/ui/core/date-time-pickers/utils/date-range-utils.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/utils/format-utils.d.ts +31 -29
- package/dist/components/ui/core/date-time-pickers/utils/format-utils.js +56 -0
- package/dist/components/ui/core/date-time-pickers/utils/format-utils.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/utils/segment-utils.d.ts +21 -21
- package/dist/components/ui/core/date-time-pickers/utils/segment-utils.js +170 -0
- package/dist/components/ui/core/date-time-pickers/utils/segment-utils.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/utils/time-utils.d.ts +28 -28
- package/dist/components/ui/core/date-time-pickers/utils/time-utils.js +88 -7
- package/dist/components/ui/core/date-time-pickers/utils/time-utils.js.map +1 -0
- package/dist/components/ui/core/date-time-pickers/utils/time-validation.d.ts +17 -17
- package/dist/components/ui/core/date-time-pickers/utils/time-validation.js +43 -0
- package/dist/components/ui/core/date-time-pickers/utils/time-validation.js.map +1 -0
- package/dist/components/ui/core/dialog/dialog.d.ts +12 -9
- package/dist/components/ui/core/dialog/dialog.js +90 -82
- package/dist/components/ui/core/dialog/dialog.js.map +1 -0
- package/dist/components/ui/core/dropdown-menu/dropdown-menu.d.ts +22 -19
- package/dist/components/ui/core/dropdown-menu/dropdown-menu.js +204 -149
- package/dist/components/ui/core/dropdown-menu/dropdown-menu.js.map +1 -0
- package/dist/components/ui/core/empty-state/empty-state.context.d.ts +4 -4
- package/dist/components/ui/core/empty-state/empty-state.context.js +8 -5
- package/dist/components/ui/core/empty-state/empty-state.context.js.map +1 -0
- package/dist/components/ui/core/empty-state/empty-state.d.ts +14 -14
- package/dist/components/ui/core/empty-state/empty-state.js +96 -82
- package/dist/components/ui/core/empty-state/empty-state.js.map +1 -0
- package/dist/components/ui/core/helper-text/helper-text.d.ts +7 -7
- package/dist/components/ui/core/helper-text/helper-text.js +55 -36
- package/dist/components/ui/core/helper-text/helper-text.js.map +1 -0
- package/dist/components/ui/core/hover-card/hover-card.d.ts +7 -6
- package/dist/components/ui/core/hover-card/hover-card.js +56 -52
- package/dist/components/ui/core/hover-card/hover-card.js.map +1 -0
- package/dist/components/ui/core/inline-citation/inline-citation.d.ts +26 -25
- package/dist/components/ui/core/inline-citation/inline-citation.js +121 -97
- package/dist/components/ui/core/inline-citation/inline-citation.js.map +1 -0
- package/dist/components/ui/core/input/input.d.ts +2 -2
- package/dist/components/ui/core/input/input.js +15 -13
- package/dist/components/ui/core/input/input.js.map +1 -0
- package/dist/components/ui/core/input-group/input-group.d.ts +25 -14
- package/dist/components/ui/core/input-group/input-group.js +149 -76
- package/dist/components/ui/core/input-group/input-group.js.map +1 -0
- package/dist/components/ui/core/item/item.d.ts +20 -0
- package/dist/components/ui/core/item/item.js +93 -0
- package/dist/components/ui/core/item/item.js.map +1 -0
- package/dist/components/ui/core/kbd/kbd.d.ts +3 -3
- package/dist/components/ui/core/kbd/kbd.js +24 -20
- package/dist/components/ui/core/kbd/kbd.js.map +1 -0
- package/dist/components/ui/core/label/label.d.ts +3 -3
- package/dist/components/ui/core/label/label.js +33 -26
- package/dist/components/ui/core/label/label.js.map +1 -0
- package/dist/components/ui/core/loader/loader.d.ts +6 -6
- package/dist/components/ui/core/loader/loader.js +97 -80
- package/dist/components/ui/core/loader/loader.js.map +1 -0
- package/dist/components/ui/core/message/message-response-default-streamdown-controls.d.ts +9 -9
- package/dist/components/ui/core/message/message-response-default-streamdown-controls.js +19 -12
- package/dist/components/ui/core/message/message-response-default-streamdown-controls.js.map +1 -0
- package/dist/components/ui/core/message/message-response-math-plugin.d.ts +3 -0
- package/dist/components/ui/core/message/message-response-math-plugin.js +6 -0
- package/dist/components/ui/core/message/message-response-math-plugin.js.map +1 -0
- package/dist/components/ui/core/message/message.d.ts +27 -23
- package/dist/components/ui/core/message/message.js +453 -316
- package/dist/components/ui/core/message/message.js.map +1 -0
- package/dist/components/ui/core/overflow-list/overflow-list.d.ts +21 -0
- package/dist/components/ui/core/overflow-list/overflow-list.js +197 -0
- package/dist/components/ui/core/overflow-list/overflow-list.js.map +1 -0
- package/dist/components/ui/core/overflow-list/overflow-list.utils.d.ts +37 -35
- package/dist/components/ui/core/overflow-list/overflow-list.utils.js +206 -0
- package/dist/components/ui/core/overflow-list/overflow-list.utils.js.map +1 -0
- package/dist/components/ui/core/pagination/pagination-size-context.d.ts +2 -2
- package/dist/components/ui/core/pagination/pagination-size-context.js +6 -5
- package/dist/components/ui/core/pagination/pagination-size-context.js.map +1 -0
- package/dist/components/ui/core/pagination/pagination-teleport.d.ts +9 -9
- package/dist/components/ui/core/pagination/pagination-teleport.js +127 -84
- package/dist/components/ui/core/pagination/pagination-teleport.js.map +1 -0
- package/dist/components/ui/core/pagination/pagination-teleport.utils.js +6 -6
- package/dist/components/ui/core/pagination/pagination-teleport.utils.js.map +1 -0
- package/dist/components/ui/core/pagination/pagination.d.ts +39 -39
- package/dist/components/ui/core/pagination/pagination.js +294 -234
- package/dist/components/ui/core/pagination/pagination.js.map +1 -0
- package/dist/components/ui/core/popover/popover.d.ts +12 -11
- package/dist/components/ui/core/popover/popover.js +104 -89
- package/dist/components/ui/core/popover/popover.js.map +1 -0
- package/dist/components/ui/core/progress/progress.d.ts +9 -8
- package/dist/components/ui/core/progress/progress.js +50 -35
- package/dist/components/ui/core/progress/progress.js.map +1 -0
- package/dist/components/ui/core/prompt-input/prompt-input.d.ts +27 -27
- package/dist/components/ui/core/prompt-input/prompt-input.js +342 -271
- package/dist/components/ui/core/prompt-input/prompt-input.js.map +1 -0
- package/dist/components/ui/core/radio-group/radio-group.d.ts +12 -12
- package/dist/components/ui/core/radio-group/radio-group.js +88 -58
- package/dist/components/ui/core/radio-group/radio-group.js.map +1 -0
- package/dist/components/ui/core/reasoning/reasoning.d.ts +7 -7
- package/dist/components/ui/core/reasoning/reasoning.js +68 -56
- package/dist/components/ui/core/reasoning/reasoning.js.map +1 -0
- package/dist/components/ui/core/scroll-area/scroll-area.d.ts +4 -4
- package/dist/components/ui/core/scroll-area/scroll-area.js +50 -40
- package/dist/components/ui/core/scroll-area/scroll-area.js.map +1 -0
- package/dist/components/ui/core/search/search.d.ts +8 -8
- package/dist/components/ui/core/search/search.js +122 -76
- package/dist/components/ui/core/search/search.js.map +1 -0
- package/dist/components/ui/core/segmented-control/segmented-control.d.ts +10 -10
- package/dist/components/ui/core/segmented-control/segmented-control.js +203 -149
- package/dist/components/ui/core/segmented-control/segmented-control.js.map +1 -0
- package/dist/components/ui/core/select/select.d.ts +27 -26
- package/dist/components/ui/core/select/select.js +213 -168
- package/dist/components/ui/core/select/select.js.map +1 -0
- package/dist/components/ui/core/separator/separator.d.ts +2 -2
- package/dist/components/ui/core/separator/separator.js +13 -13
- package/dist/components/ui/core/separator/separator.js.map +1 -0
- package/dist/components/ui/core/shimmer/shimmer.d.ts +8 -8
- package/dist/components/ui/core/shimmer/shimmer.js +64 -40
- package/dist/components/ui/core/shimmer/shimmer.js.map +1 -0
- package/dist/components/ui/core/skeleton/skeleton.d.ts +2 -2
- package/dist/components/ui/core/skeleton/skeleton.js +13 -13
- package/dist/components/ui/core/skeleton/skeleton.js.map +1 -0
- package/dist/components/ui/core/slider/slider.d.ts +7 -7
- package/dist/components/ui/core/slider/slider.js +51 -39
- package/dist/components/ui/core/slider/slider.js.map +1 -0
- package/dist/components/ui/core/sonner-toast/sonner-toast.d.ts +2 -2
- package/dist/components/ui/core/sonner-toast/sonner-toast.js +67 -54
- package/dist/components/ui/core/sonner-toast/sonner-toast.js.map +1 -0
- package/dist/components/ui/core/sources/sources.d.ts +12 -12
- package/dist/components/ui/core/sources/sources.js +87 -58
- package/dist/components/ui/core/sources/sources.js.map +1 -0
- package/dist/components/ui/core/switch/switch.d.ts +9 -9
- package/dist/components/ui/core/switch/switch.js +83 -61
- package/dist/components/ui/core/switch/switch.js.map +1 -0
- package/dist/components/ui/core/switch/switch.metadata.d.ts +1 -1
- package/dist/components/ui/core/switch/switch.metadata.js +8 -0
- package/dist/components/ui/core/switch/switch.metadata.js.map +1 -0
- package/dist/components/ui/core/tabs/tabs.d.ts +20 -18
- package/dist/components/ui/core/tabs/tabs.js +176 -147
- package/dist/components/ui/core/tabs/tabs.js.map +1 -0
- package/dist/components/ui/core/tabs/tabs.utils.d.ts +1 -1
- package/dist/components/ui/core/tabs/tabs.utils.js +10 -6
- package/dist/components/ui/core/tabs/tabs.utils.js.map +1 -0
- package/dist/components/ui/core/textarea/textarea.d.ts +2 -2
- package/dist/components/ui/core/textarea/textarea.js +13 -13
- package/dist/components/ui/core/textarea/textarea.js.map +1 -0
- package/dist/components/ui/core/toggle/toggle.d.ts +9 -9
- package/dist/components/ui/core/toggle/toggle.js +60 -54
- package/dist/components/ui/core/toggle/toggle.js.map +1 -0
- package/dist/components/ui/core/tool/tool.d.ts +18 -18
- package/dist/components/ui/core/tool/tool.js +167 -126
- package/dist/components/ui/core/tool/tool.js.map +1 -0
- package/dist/components/ui/core/toolbar/toolbar.d.ts +37 -0
- package/dist/components/ui/core/toolbar/toolbar.js +171 -0
- package/dist/components/ui/core/toolbar/toolbar.js.map +1 -0
- package/dist/components/ui/core/tooltip/tooltip.d.ts +8 -7
- package/dist/components/ui/core/tooltip/tooltip.js +53 -46
- package/dist/components/ui/core/tooltip/tooltip.js.map +1 -0
- package/dist/components/ui/core/topbar/topbar.d.ts +26 -26
- package/dist/components/ui/core/topbar/topbar.js +160 -105
- package/dist/components/ui/core/topbar/topbar.js.map +1 -0
- package/dist/components/ui/core/tree/tree.d.ts +20 -0
- package/dist/components/ui/core/tree/tree.js +100 -0
- package/dist/components/ui/core/tree/tree.js.map +1 -0
- package/dist/eslint/index.d.ts +5 -5
- package/dist/eslint/index.js +9 -5
- package/dist/eslint/index.js.map +1 -0
- package/dist/eslint/no-overriding-styles.d.ts +1 -1
- package/dist/eslint/no-overriding-styles.js +341 -201
- package/dist/eslint/no-overriding-styles.js.map +1 -0
- package/dist/icons/index.d.ts +1 -1
- package/dist/icons/index.js +2 -0
- package/dist/icons/index.js.map +1 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/ai/types.d.ts +43 -43
- package/dist/lib/ai/types.js +3 -0
- package/dist/lib/ai/types.js.map +1 -0
- package/dist/lib/decorative-variant-classes.d.ts +53 -0
- package/dist/lib/decorative-variant-classes.js +58 -0
- package/dist/lib/decorative-variant-classes.js.map +1 -0
- package/dist/lib/highlight-code.d.ts +11 -8
- package/dist/lib/highlight-code.js +58 -40
- package/dist/lib/highlight-code.js.map +1 -0
- package/dist/lib/portal-container-context.d.ts +1 -1
- package/dist/lib/portal-container-context.js +8 -8
- package/dist/lib/portal-container-context.js.map +1 -0
- package/dist/lib/shared-theme-from-url.d.ts +13 -0
- package/dist/lib/shared-theme-from-url.js +61 -0
- package/dist/lib/shared-theme-from-url.js.map +1 -0
- package/dist/lib/style-scope.d.ts +2 -2
- package/dist/lib/style-scope.js +6 -6
- package/dist/lib/style-scope.js.map +1 -0
- package/dist/lib/theme-share-url.d.ts +31 -0
- package/dist/lib/theme-share-url.js +116 -0
- package/dist/lib/theme-share-url.js.map +1 -0
- package/dist/lib/types.d.ts +39 -39
- package/dist/lib/types.js +3 -0
- package/dist/lib/types.js.map +1 -0
- package/dist/lib/use-controllable-state.d.ts +4 -7
- package/dist/lib/use-controllable-state.js +34 -21
- package/dist/lib/use-controllable-state.js.map +1 -0
- package/dist/lib/utils.d.ts +63 -34
- package/dist/lib/utils.js +134 -32
- package/dist/lib/utils.js.map +1 -0
- package/dist/styles.css +2 -1
- package/dist/styles.source.css +24 -12
- package/dist/utils/assign-ref.d.ts +3 -0
- package/dist/utils/assign-ref.js +13 -0
- package/dist/utils/assign-ref.js.map +1 -0
- package/package.json +46 -11
- package/src/components/ui/core/button/button.md +93 -0
|
@@ -1,68 +1,97 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
function
|
|
8
|
-
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { cn } from "../../../../lib/utils.js";
|
|
4
|
+
import { CalendarHeader } from "./calendar-header.js";
|
|
5
|
+
import { getCalendarDays, getWeekdayNames, getWeekNumbers, isDateInRange, isOutsideMonth, isSameDay, isToday } from "./calendar-utils.js";
|
|
6
|
+
import { DAYS_IN_WEEK } from "./constants.js";
|
|
7
|
+
function getDayCellClass({ isOutsideMonth: outside, isSelected, isToday: today, isRangeStart, isRangeEnd, isInRange, isInHoverRange }) {
|
|
8
|
+
return cn('w-9 h-9 flex items-center justify-center text-sm font-medium cursor-pointer select-none relative transition-colors', 'focus-visible:ring-2 focus-visible:ring-default focus-visible:outline-none', // border-radius for range endpoints
|
|
9
|
+
isRangeStart && isRangeEnd && 'rounded-lg', isRangeStart && !isRangeEnd && 'rounded-l-lg', isRangeEnd && !isRangeStart && 'rounded-r-lg', // selected endpoints
|
|
10
|
+
isSelected && 'bg-primary-background text-primary-foreground hover:bg-primary-background', // hover range preview
|
|
11
|
+
!isSelected && isInHoverRange && 'bg-medium-background-hover text-medium-foreground', // committed range middle
|
|
12
|
+
!isSelected && isInRange && !isInHoverRange && 'bg-medium-background-hover text-medium-foreground', // default unselected text
|
|
13
|
+
!isSelected && !isInRange && !isInHoverRange && outside && 'text-muted-foreground', !isSelected && !isInRange && !isInHoverRange && !outside && 'text-medium-foreground', // single-day hover (not already filled by range state)
|
|
14
|
+
!isSelected && !isInRange && !isInHoverRange && 'rounded-lg hover:bg-medium-background-hover hover:text-medium-foreground', // today outline
|
|
15
|
+
today && !isSelected && 'border border-default rounded-lg');
|
|
9
16
|
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
17
|
+
export const Calendar = ({ displayedMonth, selectedRange, hoverDate, displayWeekNumber = false, onDateClick, onMonthChange, onDateHover, className })=>{
|
|
18
|
+
const [startDate, endDate] = selectedRange;
|
|
19
|
+
const calendarDays = getCalendarDays(displayedMonth);
|
|
20
|
+
const weekdayNames = getWeekdayNames();
|
|
21
|
+
const weekNumbers = displayWeekNumber ? getWeekNumbers(calendarDays) : [];
|
|
22
|
+
const handlePrevMonth = ()=>{
|
|
23
|
+
onMonthChange(displayedMonth.subtract(1, 'month'));
|
|
24
|
+
};
|
|
25
|
+
const handleNextMonth = ()=>{
|
|
26
|
+
onMonthChange(displayedMonth.add(1, 'month'));
|
|
27
|
+
};
|
|
28
|
+
const getDayState = (day)=>{
|
|
29
|
+
const state = {
|
|
30
|
+
isOutsideMonth: isOutsideMonth(day, displayedMonth),
|
|
31
|
+
isToday: isToday(day),
|
|
32
|
+
isSelected: isSameDay(day, startDate) || isSameDay(day, endDate),
|
|
33
|
+
isRangeStart: isSameDay(day, startDate),
|
|
34
|
+
isRangeEnd: isSameDay(day, endDate),
|
|
35
|
+
isInRange: isDateInRange(day, startDate, endDate),
|
|
36
|
+
isInHoverRange: false
|
|
37
|
+
};
|
|
38
|
+
if (hoverDate && startDate && !endDate) {
|
|
39
|
+
const hoverStart = startDate.isBefore(hoverDate) ? startDate : hoverDate;
|
|
40
|
+
const hoverEnd = startDate.isBefore(hoverDate) ? hoverDate : startDate;
|
|
41
|
+
state.isInHoverRange = isDateInRange(day, hoverStart, hoverEnd);
|
|
42
|
+
}
|
|
43
|
+
return state;
|
|
44
|
+
};
|
|
45
|
+
return /*#__PURE__*/ _jsxs("div", {
|
|
46
|
+
"data-slot": "calendar",
|
|
47
|
+
className: cn('flex flex-col gap-4', className),
|
|
48
|
+
children: [
|
|
49
|
+
/*#__PURE__*/ _jsx(CalendarHeader, {
|
|
50
|
+
displayedMonth: displayedMonth,
|
|
51
|
+
onPrevMonth: handlePrevMonth,
|
|
52
|
+
onNextMonth: handleNextMonth,
|
|
53
|
+
onMonthChange: onMonthChange
|
|
54
|
+
}),
|
|
55
|
+
/*#__PURE__*/ _jsxs("div", {
|
|
56
|
+
className: cn('grid gap-0', displayWeekNumber ? 'grid-cols-calendar-weeks' : 'grid-cols-calendar'),
|
|
57
|
+
children: [
|
|
58
|
+
displayWeekNumber && /*#__PURE__*/ _jsx("div", {
|
|
59
|
+
className: "text-xs font-semibold text-muted-foreground text-center py-2 px-1",
|
|
60
|
+
children: "#"
|
|
61
|
+
}),
|
|
62
|
+
weekdayNames.map((weekday)=>/*#__PURE__*/ _jsx("div", {
|
|
63
|
+
className: "text-xs font-medium text-muted-foreground text-center py-2 px-1 tracking-tighter",
|
|
64
|
+
children: weekday
|
|
65
|
+
}, weekday)),
|
|
66
|
+
calendarDays.map((day, index)=>{
|
|
67
|
+
const state = getDayState(day);
|
|
68
|
+
const weekIndex = Math.floor(index / DAYS_IN_WEEK);
|
|
69
|
+
const showWeekNumber = displayWeekNumber && index % DAYS_IN_WEEK === 0;
|
|
70
|
+
const dayKey = `day-${day.format('YYYY-MM-DD')}`;
|
|
71
|
+
return /*#__PURE__*/ _jsxs(React.Fragment, {
|
|
72
|
+
children: [
|
|
73
|
+
showWeekNumber && /*#__PURE__*/ _jsx("div", {
|
|
74
|
+
className: "text-xs text-muted-foreground text-center flex items-center justify-center h-9",
|
|
75
|
+
children: weekNumbers[weekIndex]
|
|
76
|
+
}),
|
|
77
|
+
/*#__PURE__*/ _jsx("div", {
|
|
78
|
+
className: getDayCellClass(state),
|
|
79
|
+
onClick: ()=>onDateClick(day),
|
|
80
|
+
onMouseEnter: ()=>onDateHover?.(day),
|
|
81
|
+
onMouseLeave: ()=>onDateHover?.(null),
|
|
82
|
+
role: "gridcell",
|
|
83
|
+
tabIndex: 0,
|
|
84
|
+
"aria-label": day.format('DD MMMM YYYY'),
|
|
85
|
+
"aria-selected": state.isSelected,
|
|
86
|
+
children: day.date()
|
|
87
|
+
})
|
|
88
|
+
]
|
|
89
|
+
}, dayKey);
|
|
90
|
+
})
|
|
91
|
+
]
|
|
92
|
+
})
|
|
93
|
+
]
|
|
94
|
+
});
|
|
66
95
|
};
|
|
67
|
-
|
|
68
|
-
|
|
96
|
+
|
|
97
|
+
//# sourceMappingURL=calendar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/ui/core/calendar/calendar.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport type { Dayjs } from 'dayjs';\n\nimport { cn } from '../../../../lib/utils';\n\nimport { CalendarHeader } from './calendar-header';\nimport {\n getCalendarDays,\n getWeekdayNames,\n getWeekNumbers,\n isDateInRange,\n isOutsideMonth,\n isSameDay,\n isToday,\n} from './calendar-utils';\nimport { DAYS_IN_WEEK } from './constants';\n\nexport interface CalendarProps {\n displayedMonth: Dayjs;\n selectedRange: [Dayjs | null, Dayjs | null];\n hoverDate: Dayjs | null;\n displayWeekNumber?: boolean;\n onDateClick: (date: Dayjs) => void;\n onMonthChange: (month: Dayjs) => void;\n onDateHover?: (date: Dayjs | null) => void;\n className?: string;\n}\n\ninterface DayCellState {\n isOutsideMonth: boolean;\n isToday: boolean;\n isSelected: boolean;\n isRangeStart: boolean;\n isRangeEnd: boolean;\n isInRange: boolean;\n isInHoverRange: boolean;\n}\n\nfunction getDayCellClass({\n isOutsideMonth: outside,\n isSelected,\n isToday: today,\n isRangeStart,\n isRangeEnd,\n isInRange,\n isInHoverRange,\n}: DayCellState): string {\n return cn(\n 'w-9 h-9 flex items-center justify-center text-sm font-medium cursor-pointer select-none relative transition-colors',\n 'focus-visible:ring-2 focus-visible:ring-default focus-visible:outline-none',\n // border-radius for range endpoints\n isRangeStart && isRangeEnd && 'rounded-lg',\n isRangeStart && !isRangeEnd && 'rounded-l-lg',\n isRangeEnd && !isRangeStart && 'rounded-r-lg',\n // selected endpoints\n isSelected &&\n 'bg-primary-background text-primary-foreground hover:bg-primary-background',\n // hover range preview\n !isSelected &&\n isInHoverRange &&\n 'bg-medium-background-hover text-medium-foreground',\n // committed range middle\n !isSelected &&\n isInRange &&\n !isInHoverRange &&\n 'bg-medium-background-hover text-medium-foreground',\n // default unselected text\n !isSelected &&\n !isInRange &&\n !isInHoverRange &&\n outside &&\n 'text-muted-foreground',\n !isSelected &&\n !isInRange &&\n !isInHoverRange &&\n !outside &&\n 'text-medium-foreground',\n // single-day hover (not already filled by range state)\n !isSelected &&\n !isInRange &&\n !isInHoverRange &&\n 'rounded-lg hover:bg-medium-background-hover hover:text-medium-foreground',\n // today outline\n today && !isSelected && 'border border-default rounded-lg'\n );\n}\n\nexport const Calendar: FC<CalendarProps> = ({\n displayedMonth,\n selectedRange,\n hoverDate,\n displayWeekNumber = false,\n onDateClick,\n onMonthChange,\n onDateHover,\n className,\n}) => {\n const [startDate, endDate] = selectedRange;\n\n const calendarDays = getCalendarDays(displayedMonth);\n const weekdayNames = getWeekdayNames();\n const weekNumbers = displayWeekNumber ? getWeekNumbers(calendarDays) : [];\n\n const handlePrevMonth = () => {\n onMonthChange(displayedMonth.subtract(1, 'month'));\n };\n\n const handleNextMonth = () => {\n onMonthChange(displayedMonth.add(1, 'month'));\n };\n\n const getDayState = (day: Dayjs): DayCellState => {\n const state: DayCellState = {\n isOutsideMonth: isOutsideMonth(day, displayedMonth),\n isToday: isToday(day),\n isSelected: isSameDay(day, startDate) || isSameDay(day, endDate),\n isRangeStart: isSameDay(day, startDate),\n isRangeEnd: isSameDay(day, endDate),\n isInRange: isDateInRange(day, startDate, endDate),\n isInHoverRange: false,\n };\n\n if (hoverDate && startDate && !endDate) {\n const hoverStart = startDate.isBefore(hoverDate) ? startDate : hoverDate;\n const hoverEnd = startDate.isBefore(hoverDate) ? hoverDate : startDate;\n state.isInHoverRange = isDateInRange(day, hoverStart, hoverEnd);\n }\n\n return state;\n };\n\n return (\n <div data-slot=\"calendar\" className={cn('flex flex-col gap-4', className)}>\n <CalendarHeader\n displayedMonth={displayedMonth}\n onPrevMonth={handlePrevMonth}\n onNextMonth={handleNextMonth}\n onMonthChange={onMonthChange}\n />\n\n <div\n className={cn(\n 'grid gap-0',\n displayWeekNumber ? 'grid-cols-calendar-weeks' : 'grid-cols-calendar'\n )}\n >\n {displayWeekNumber && (\n <div className=\"text-xs font-semibold text-muted-foreground text-center py-2 px-1\">\n #\n </div>\n )}\n\n {weekdayNames.map((weekday) => (\n <div\n key={weekday}\n className=\"text-xs font-medium text-muted-foreground text-center py-2 px-1 tracking-tighter\"\n >\n {weekday}\n </div>\n ))}\n\n {calendarDays.map((day, index) => {\n const state = getDayState(day);\n const weekIndex = Math.floor(index / DAYS_IN_WEEK);\n const showWeekNumber =\n displayWeekNumber && index % DAYS_IN_WEEK === 0;\n const dayKey = `day-${day.format('YYYY-MM-DD')}`;\n\n return (\n <React.Fragment key={dayKey}>\n {showWeekNumber && (\n <div className=\"text-xs text-muted-foreground text-center flex items-center justify-center h-9\">\n {weekNumbers[weekIndex]}\n </div>\n )}\n <div\n className={getDayCellClass(state)}\n onClick={() => onDateClick(day)}\n onMouseEnter={() => onDateHover?.(day)}\n onMouseLeave={() => onDateHover?.(null)}\n role=\"gridcell\"\n tabIndex={0}\n aria-label={day.format('DD MMMM YYYY')}\n aria-selected={state.isSelected}\n >\n {day.date()}\n </div>\n </React.Fragment>\n );\n })}\n </div>\n </div>\n );\n};\n"],"names":["React","cn","CalendarHeader","getCalendarDays","getWeekdayNames","getWeekNumbers","isDateInRange","isOutsideMonth","isSameDay","isToday","DAYS_IN_WEEK","getDayCellClass","outside","isSelected","today","isRangeStart","isRangeEnd","isInRange","isInHoverRange","Calendar","displayedMonth","selectedRange","hoverDate","displayWeekNumber","onDateClick","onMonthChange","onDateHover","className","startDate","endDate","calendarDays","weekdayNames","weekNumbers","handlePrevMonth","subtract","handleNextMonth","add","getDayState","day","state","hoverStart","isBefore","hoverEnd","div","data-slot","onPrevMonth","onNextMonth","map","weekday","index","weekIndex","Math","floor","showWeekNumber","dayKey","format","Fragment","onClick","onMouseEnter","onMouseLeave","role","tabIndex","aria-label","aria-selected","date"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/ui/core/calendar/constants.ts"],"sourcesContent":["export const DAYS_IN_WEEK = 7;\n"],"names":["DAYS_IN_WEEK"],"mappings":"AAAA,OAAO,MAAMA,eAAe,EAAE"}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { ForwardRefExoticComponent, RefAttributes, ComponentProps, ReactNode } from
|
|
2
|
-
import { MenuRoot } from
|
|
3
|
-
type HeadingElement =
|
|
4
|
-
declare const Card: ForwardRefExoticComponent<ComponentProps<
|
|
5
|
-
declare const CardHeaderStart: ForwardRefExoticComponent<ComponentProps<
|
|
6
|
-
declare const CardTitle: ForwardRefExoticComponent<Omit<ComponentProps<
|
|
7
|
-
|
|
8
|
-
},
|
|
9
|
-
declare const CardDescription: ForwardRefExoticComponent<ComponentProps<
|
|
10
|
-
declare const CardHeaderEnd: ForwardRefExoticComponent<ComponentProps<
|
|
11
|
-
declare const CardHeader: ForwardRefExoticComponent<ComponentProps<
|
|
12
|
-
declare const CardHeaderCenter: ForwardRefExoticComponent<ComponentProps<
|
|
13
|
-
declare const CardActions: ForwardRefExoticComponent<Omit<MenuRoot.Props<unknown>,
|
|
14
|
-
|
|
15
|
-
|
|
1
|
+
import { type ForwardRefExoticComponent, type RefAttributes, type ComponentProps, type ReactNode } from "react";
|
|
2
|
+
import type { MenuRoot } from "@base-ui/react";
|
|
3
|
+
type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
4
|
+
declare const Card: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare const CardHeaderStart: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
|
|
6
|
+
declare const CardTitle: ForwardRefExoticComponent<Omit<ComponentProps<"h3"> & {
|
|
7
|
+
as?: HeadingElement;
|
|
8
|
+
}, "ref"> & RefAttributes<HTMLHeadingElement>>;
|
|
9
|
+
declare const CardDescription: ForwardRefExoticComponent<ComponentProps<"p"> & RefAttributes<HTMLParagraphElement>>;
|
|
10
|
+
declare const CardHeaderEnd: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
|
|
11
|
+
declare const CardHeader: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
|
|
12
|
+
declare const CardHeaderCenter: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
|
|
13
|
+
declare const CardActions: ForwardRefExoticComponent<Omit<MenuRoot.Props<unknown>, "children"> & {
|
|
14
|
+
children?: ReactNode;
|
|
15
|
+
align?: "start" | "center" | "end";
|
|
16
16
|
} & RefAttributes<HTMLElement>>;
|
|
17
|
-
declare const CardContent: ForwardRefExoticComponent<ComponentProps<
|
|
18
|
-
declare const CardFooter: ForwardRefExoticComponent<ComponentProps<
|
|
19
|
-
declare const CardFooterStart: ForwardRefExoticComponent<ComponentProps<
|
|
20
|
-
declare const CardFooterEnd: ForwardRefExoticComponent<ComponentProps<
|
|
21
|
-
export { Card, CardHeader, CardHeaderCenter, CardHeaderStart, CardHeaderEnd, CardFooter, CardFooterStart, CardFooterEnd, CardTitle, CardActions, CardDescription, CardContent
|
|
17
|
+
declare const CardContent: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
|
|
18
|
+
declare const CardFooter: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
|
|
19
|
+
declare const CardFooterStart: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
|
|
20
|
+
declare const CardFooterEnd: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
|
|
21
|
+
export { Card, CardHeader, CardHeaderCenter, CardHeaderStart, CardHeaderEnd, CardFooter, CardFooterStart, CardFooterEnd, CardTitle, CardActions, CardDescription, CardContent };
|
|
@@ -1,104 +1,133 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
})
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
})
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
})
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
})
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
})
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
})
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { IconDotsVertical } from "@tabler/icons-react";
|
|
4
|
+
import { cn } from "../../../../lib/utils.js";
|
|
5
|
+
import { Button } from "../button/button.js";
|
|
6
|
+
import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from "../dropdown-menu/dropdown-menu.js";
|
|
7
|
+
const Card = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
|
|
8
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
9
|
+
ref: ref,
|
|
10
|
+
"data-slot": "card",
|
|
11
|
+
className: cn('bg-card-background text-foreground flex flex-col rounded-xl p-4 gap-4', className),
|
|
12
|
+
...props
|
|
13
|
+
});
|
|
14
|
+
});
|
|
15
|
+
Card.displayName = 'Card';
|
|
16
|
+
const CardHeaderStart = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>{
|
|
17
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
18
|
+
ref: ref,
|
|
19
|
+
"data-slot": "card-header-start",
|
|
20
|
+
className: cn('col-start-1 row-start-1 h-12 self-stretch pt-1.5', className),
|
|
21
|
+
...props,
|
|
22
|
+
children: /*#__PURE__*/ _jsx("div", {
|
|
23
|
+
className: "flex items-start h-full",
|
|
24
|
+
children: children
|
|
25
|
+
})
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
CardHeaderStart.displayName = 'CardHeaderStart';
|
|
29
|
+
const CardTitle = /*#__PURE__*/ forwardRef(({ className, as: Tag = 'h3', ...props }, ref)=>{
|
|
30
|
+
return /*#__PURE__*/ _jsx(Tag, {
|
|
31
|
+
ref: ref,
|
|
32
|
+
"data-slot": "card-title",
|
|
33
|
+
className: cn('tracking-tightest text-foreground font-medium text-lg leading-6 line-clamp-2 overflow-hidden', className),
|
|
34
|
+
...props
|
|
35
|
+
});
|
|
36
|
+
});
|
|
37
|
+
CardTitle.displayName = 'CardTitle';
|
|
38
|
+
const CardDescription = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
|
|
39
|
+
return /*#__PURE__*/ _jsx("p", {
|
|
40
|
+
ref: ref,
|
|
41
|
+
"data-slot": "card-description",
|
|
42
|
+
className: cn('text-muted-foreground text-sm font-normal leading-5 tracking-tight line-clamp-2 overflow-hidden', className),
|
|
43
|
+
...props
|
|
44
|
+
});
|
|
45
|
+
});
|
|
46
|
+
CardDescription.displayName = 'CardDescription';
|
|
47
|
+
const CardHeaderEnd = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
|
|
48
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
49
|
+
ref: ref,
|
|
50
|
+
"data-slot": "card-header-end",
|
|
51
|
+
className: cn('col-start-3 row-start-1 self-start justify-self-end flex justify-end items-start gap-1', className),
|
|
52
|
+
...props
|
|
53
|
+
});
|
|
54
|
+
});
|
|
55
|
+
CardHeaderEnd.displayName = 'CardHeaderEnd';
|
|
56
|
+
const CardHeader = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>{
|
|
57
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
58
|
+
ref: ref,
|
|
59
|
+
"data-slot": "card-header",
|
|
60
|
+
className: cn('group/card-header @container/card-header grid items-center gap-x-3 grid-cols-[auto_minmax(0,1fr)_auto]', className),
|
|
61
|
+
...props,
|
|
62
|
+
children: children
|
|
63
|
+
});
|
|
64
|
+
});
|
|
65
|
+
CardHeader.displayName = 'CardHeader';
|
|
66
|
+
const CardHeaderCenter = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
|
|
67
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
68
|
+
ref: ref,
|
|
69
|
+
"data-slot": "card-header-center",
|
|
70
|
+
className: cn('col-start-1 row-start-1 min-w-0 flex flex-col justify-center', 'group-has-data-[slot=card-header-start]/card-header:col-start-2', className),
|
|
71
|
+
...props
|
|
72
|
+
});
|
|
73
|
+
});
|
|
74
|
+
CardHeaderCenter.displayName = 'CardHeaderCenter';
|
|
75
|
+
const CardActions = /*#__PURE__*/ forwardRef(({ children, align = 'end', ...props }, ref)=>{
|
|
76
|
+
return /*#__PURE__*/ _jsxs(DropdownMenu, {
|
|
77
|
+
...props,
|
|
78
|
+
children: [
|
|
79
|
+
/*#__PURE__*/ _jsx(DropdownMenuTrigger, {
|
|
80
|
+
render: /*#__PURE__*/ _jsx(Button, {
|
|
81
|
+
variant: "ghost",
|
|
82
|
+
size: "icon-sm",
|
|
83
|
+
ref: ref,
|
|
84
|
+
children: /*#__PURE__*/ _jsx(IconDotsVertical, {})
|
|
85
|
+
})
|
|
86
|
+
}),
|
|
87
|
+
/*#__PURE__*/ _jsx(DropdownMenuContent, {
|
|
88
|
+
align: align,
|
|
89
|
+
children: children
|
|
90
|
+
})
|
|
91
|
+
]
|
|
92
|
+
});
|
|
93
|
+
});
|
|
94
|
+
CardActions.displayName = 'CardActions';
|
|
95
|
+
const CardContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
|
|
96
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
97
|
+
ref: ref,
|
|
98
|
+
"data-slot": "card-content",
|
|
99
|
+
className: cn('text-secondary-foreground flex flex-col items-start gap-4 self-stretch', className),
|
|
100
|
+
...props
|
|
101
|
+
});
|
|
102
|
+
});
|
|
103
|
+
CardContent.displayName = 'CardContent';
|
|
104
|
+
const CardFooter = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
|
|
105
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
106
|
+
ref: ref,
|
|
107
|
+
"data-slot": "card-footer",
|
|
108
|
+
className: cn('flex items-center gap-4 self-stretch', className),
|
|
109
|
+
...props
|
|
110
|
+
});
|
|
111
|
+
});
|
|
112
|
+
CardFooter.displayName = 'CardFooter';
|
|
113
|
+
const CardFooterStart = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
|
|
114
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
115
|
+
ref: ref,
|
|
116
|
+
"data-slot": "card-footer-start",
|
|
117
|
+
className: cn('flex-1 flex items-start justify-start gap-2', className),
|
|
118
|
+
...props
|
|
119
|
+
});
|
|
120
|
+
});
|
|
121
|
+
CardFooterStart.displayName = 'CardFooterStart';
|
|
122
|
+
const CardFooterEnd = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
|
|
123
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
124
|
+
ref: ref,
|
|
125
|
+
"data-slot": "card-footer-end",
|
|
126
|
+
className: cn('flex items-center justify-end', className),
|
|
127
|
+
...props
|
|
128
|
+
});
|
|
129
|
+
});
|
|
130
|
+
CardFooterEnd.displayName = 'CardFooterEnd';
|
|
131
|
+
export { Card, CardHeader, CardHeaderCenter, CardHeaderStart, CardHeaderEnd, CardFooter, CardFooterStart, CardFooterEnd, CardTitle, CardActions, CardDescription, CardContent };
|
|
132
|
+
|
|
133
|
+
//# sourceMappingURL=card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/ui/core/card/card.tsx"],"sourcesContent":["import {\n type ForwardRefExoticComponent,\n type RefAttributes,\n type ComponentProps,\n type ComponentRef,\n forwardRef,\n type ReactNode,\n} from 'react';\n\nimport type { MenuRoot } from '@base-ui/react';\nimport { IconDotsVertical } from '@tabler/icons-react';\n\nimport { cn } from '../../../../lib/utils';\nimport { Button } from '../button/button';\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuTrigger,\n} from '../dropdown-menu/dropdown-menu';\n\ntype HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nconst Card: ForwardRefExoticComponent<\n ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n ({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-slot=\"card\"\n className={cn(\n 'bg-card-background text-foreground flex flex-col rounded-xl p-4 gap-4',\n className\n )}\n {...props}\n />\n );\n }\n);\nCard.displayName = 'Card';\n\nconst CardHeaderStart: ForwardRefExoticComponent<\n ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n ({ className, children, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-slot=\"card-header-start\"\n className={cn(\n 'col-start-1 row-start-1 h-12 self-stretch pt-1.5',\n className\n )}\n {...props}\n >\n <div className=\"flex items-start h-full\">{children}</div>\n </div>\n );\n }\n);\nCardHeaderStart.displayName = 'CardHeaderStart';\n\nconst CardTitle: ForwardRefExoticComponent<\n Omit<\n ComponentProps<'h3'> & {\n as?: HeadingElement;\n },\n 'ref'\n > &\n RefAttributes<HTMLHeadingElement>\n> = forwardRef<\n ComponentRef<'h3'>,\n ComponentProps<'h3'> & { as?: HeadingElement }\n>(({ className, as: Tag = 'h3', ...props }, ref) => {\n return (\n <Tag\n ref={ref}\n data-slot=\"card-title\"\n className={cn(\n 'tracking-tightest text-foreground font-medium text-lg leading-6 line-clamp-2 overflow-hidden',\n className\n )}\n {...props}\n />\n );\n});\nCardTitle.displayName = 'CardTitle';\n\nconst CardDescription: ForwardRefExoticComponent<\n ComponentProps<'p'> & RefAttributes<HTMLParagraphElement>\n> = forwardRef<ComponentRef<'p'>, ComponentProps<'p'>>(\n ({ className, ...props }, ref) => {\n return (\n <p\n ref={ref}\n data-slot=\"card-description\"\n className={cn(\n 'text-muted-foreground text-sm font-normal leading-5 tracking-tight line-clamp-2 overflow-hidden',\n className\n )}\n {...props}\n />\n );\n }\n);\nCardDescription.displayName = 'CardDescription';\n\nconst CardHeaderEnd: ForwardRefExoticComponent<\n ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n ({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-slot=\"card-header-end\"\n className={cn(\n 'col-start-3 row-start-1 self-start justify-self-end flex justify-end items-start gap-1',\n className\n )}\n {...props}\n />\n );\n }\n);\nCardHeaderEnd.displayName = 'CardHeaderEnd';\n\nconst CardHeader: ForwardRefExoticComponent<\n ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n ({ className, children, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-slot=\"card-header\"\n className={cn(\n 'group/card-header @container/card-header grid items-center gap-x-3 grid-cols-[auto_minmax(0,1fr)_auto]',\n className\n )}\n {...props}\n >\n {children}\n </div>\n );\n }\n);\nCardHeader.displayName = 'CardHeader';\n\nconst CardHeaderCenter: ForwardRefExoticComponent<\n ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n ({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-slot=\"card-header-center\"\n className={cn(\n 'col-start-1 row-start-1 min-w-0 flex flex-col justify-center',\n 'group-has-data-[slot=card-header-start]/card-header:col-start-2',\n className\n )}\n {...props}\n />\n );\n }\n);\nCardHeaderCenter.displayName = 'CardHeaderCenter';\n\nconst CardActions: ForwardRefExoticComponent<\n Omit<MenuRoot.Props<unknown>, 'children'> & {\n children?: ReactNode;\n align?: 'start' | 'center' | 'end';\n } & RefAttributes<HTMLElement>\n> = forwardRef<\n ComponentRef<typeof Button>,\n Omit<ComponentProps<typeof DropdownMenu>, 'children'> & {\n children?: ReactNode;\n align?: 'start' | 'center' | 'end';\n }\n>(({ children, align = 'end', ...props }, ref) => {\n return (\n <DropdownMenu {...props}>\n <DropdownMenuTrigger\n render={\n <Button variant=\"ghost\" size=\"icon-sm\" ref={ref}>\n <IconDotsVertical />\n </Button>\n }\n />\n\n <DropdownMenuContent align={align}>{children}</DropdownMenuContent>\n </DropdownMenu>\n );\n});\nCardActions.displayName = 'CardActions';\n\nconst CardContent: ForwardRefExoticComponent<\n ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n ({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-slot=\"card-content\"\n className={cn(\n 'text-secondary-foreground flex flex-col items-start gap-4 self-stretch',\n className\n )}\n {...props}\n />\n );\n }\n);\nCardContent.displayName = 'CardContent';\n\nconst CardFooter: ForwardRefExoticComponent<\n ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n ({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-slot=\"card-footer\"\n className={cn('flex items-center gap-4 self-stretch', className)}\n {...props}\n />\n );\n }\n);\nCardFooter.displayName = 'CardFooter';\n\nconst CardFooterStart: ForwardRefExoticComponent<\n ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n ({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-slot=\"card-footer-start\"\n className={cn('flex-1 flex items-start justify-start gap-2', className)}\n {...props}\n />\n );\n }\n);\nCardFooterStart.displayName = 'CardFooterStart';\n\nconst CardFooterEnd: ForwardRefExoticComponent<\n ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n ({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-slot=\"card-footer-end\"\n className={cn('flex items-center justify-end', className)}\n {...props}\n />\n );\n }\n);\nCardFooterEnd.displayName = 'CardFooterEnd';\n\nexport {\n Card,\n CardHeader,\n CardHeaderCenter,\n CardHeaderStart,\n CardHeaderEnd,\n CardFooter,\n CardFooterStart,\n CardFooterEnd,\n CardTitle,\n CardActions,\n CardDescription,\n CardContent,\n};\n"],"names":["forwardRef","IconDotsVertical","cn","Button","DropdownMenu","DropdownMenuContent","DropdownMenuTrigger","Card","className","props","ref","div","data-slot","displayName","CardHeaderStart","children","CardTitle","as","Tag","CardDescription","p","CardHeaderEnd","CardHeader","CardHeaderCenter","CardActions","align","render","variant","size","CardContent","CardFooter","CardFooterStart","CardFooterEnd"],"mappings":"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"}
|