@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
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/ui/core/input-group/input-group.tsx"],"sourcesContent":["import {\n type ForwardRefExoticComponent,\n type RefAttributes,\n type ComponentProps,\n type ComponentRef,\n forwardRef,\n} from 'react';\n\nimport { IconChevronDown, IconChevronUp } from '@tabler/icons-react';\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport type { ClassProp } from 'class-variance-authority/types';\n\nimport { cn } from '../../../../lib/utils';\nimport { Button } from '../button/button';\nimport { Input } from '../input/input';\nimport { Textarea } from '../textarea/textarea';\n\nconst InputGroup: 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=\"input-group\"\n role=\"group\"\n className={cn(\n 'group/input-group bg-medium-background border border-transparent relative flex w-full items-stretch rounded-lg shadow-none transition-[color,box-shadow,border-color,background-color] outline-none',\n 'hover:border-emphasized',\n 'h-9 min-w-0 has-[>textarea]:h-auto',\n 'has-[>[data-align=inline-start]]:[&>input]:pl-2 has-[>[data-align=inline-start]]:[&>input]:rounded-l-none has-[>[data-align=inline-start]]:[&>textarea]:rounded-l-none',\n 'has-[>[data-align=inline-end]]:[&>input]:rounded-r-none has-[>[data-align=inline-end]]:[&>textarea]:rounded-r-none',\n '[&>input]:pr-2 [&>textarea]:pr-2',\n 'has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3',\n 'has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3',\n 'has-[[data-slot=input-group-control]:focus-visible:not(:read-only)]:bg-base-background has-[[data-slot=input-group-control]:focus-visible:not(:read-only)]:shadow-focus-ring has-[[data-slot=input-group-control]:focus-visible:not(:read-only)]:border-transparent',\n 'has-[[data-slot=input-group-control][aria-invalid=true]:not(:focus-visible)]:shadow-focus-ring-destructive has-[[data-slot=input-group-control][aria-invalid=true]:not(:focus-visible)]:border-transparent',\n 'has-[[data-slot=input-group-control]:read-only:not(:disabled)]:border-transparent has-[[data-slot=input-group-control]:read-only:not(:disabled)]:bg-card-background has-[[data-slot=input-group-control]:read-only:not(:disabled)]:text-muted-foreground has-[[data-slot=input-group-control]:read-only:not(:disabled)]:shadow-none',\n 'hover:has-[[data-slot=input-group-control]:read-only:not(:disabled)]:border-transparent hover:has-[[data-slot=input-group-control]:read-only:not(:disabled)]:bg-card-background hover:has-[[data-slot=input-group-control]:read-only:not(:disabled)]:text-muted-foreground',\n 'has-[[data-slot=input-group-control]:disabled]:bg-transparent has-[[data-slot=input-group-control]:disabled]:border-disabled has-[[data-slot=input-group-control]:disabled]:hover:border-disabled has-[[data-slot=input-group-control]:disabled]:text-base-foreground-disabled',\n className\n )}\n {...props}\n />\n );\n }\n);\nInputGroup.displayName = 'InputGroup';\n\nconst inputGroupLeadingIcon =\n \"[&>svg:not([class*='size-'])]:size-4 [&>svg]:shrink-0 [&>svg]:text-muted-foreground [&>svg]:transition-colors group-hover/input-group:group-has-[[data-slot=input-group-control]:enabled:not(:read-only)]/input-group:[&>svg]:text-base-foreground group-has-[[data-slot=input-group-control]:enabled:focus-visible:not(:read-only)]/input-group:[&>svg]:text-base-foreground group-has-[[data-slot=input-group-control]:enabled:not(:placeholder-shown):not(:read-only)]/input-group:[&>svg]:text-base-foreground group-has-[[data-slot=input-group-control][aria-invalid=true]:enabled:not(:read-only)]/input-group:[&>svg]:text-base-foreground group-has-[[data-slot=input-group-control]:read-only:enabled]/input-group:[&>svg]:text-muted-foreground group-has-[[data-slot=input-group-control]:disabled]/input-group:[&>svg]:text-base-foreground-disabled\";\n\nconst inputGroupSuffixAddon =\n \"[&>svg:not([class*='size-'])]:size-4 [&>svg]:shrink-0 [&>svg]:text-muted-foreground [&>svg]:transition-colors\";\n\ninterface InputGroupAddonVariantProps {\n align?: 'inline-start' | 'inline-end' | 'block-start' | 'block-end' | null;\n}\n\nconst inputGroupAddonVariants: (\n props?: (InputGroupAddonVariantProps & ClassProp) | undefined\n) => string = cva(\n 'text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-2 text-xs font-normal select-none [&>kbd]:rounded-sm group-has-[[data-slot=input-group-control]:read-only:not(:disabled)]/input-group:cursor-default',\n {\n variants: {\n align: {\n 'inline-start': cn(\n 'order-first min-h-0 rounded-l-lg pl-2',\n inputGroupLeadingIcon\n ),\n 'inline-end': cn(\n 'order-last min-h-0 rounded-r-lg pr-2 has-[>button]:pr-1 has-[kbd]:pr-1 has-[[class*=stepper]]:pr-1',\n inputGroupSuffixAddon\n ),\n 'block-start': cn(\n 'order-first w-full justify-start px-2 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5',\n inputGroupLeadingIcon\n ),\n 'block-end': cn(\n 'order-last w-full justify-start px-2 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5',\n inputGroupSuffixAddon\n ),\n },\n },\n defaultVariants: {\n align: 'inline-start',\n },\n }\n);\n\nconst InputGroupAddon: ForwardRefExoticComponent<\n ComponentProps<'div'> &\n VariantProps<typeof inputGroupAddonVariants> &\n RefAttributes<HTMLDivElement>\n> = forwardRef<\n HTMLDivElement,\n ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>\n>(({ className, align = 'inline-start', ...props }, ref) => {\n return (\n <div\n ref={ref}\n role=\"group\"\n data-slot=\"input-group-addon\"\n data-align={align}\n className={cn(inputGroupAddonVariants({ align }), className)}\n onClick={(e) => {\n if (e.target instanceof HTMLElement && e.target.closest('button')) {\n return;\n }\n // Clicks that bubbled from a React portal still hit this handler (React tree), but\n // `target` lives outside `currentTarget` in the DOM — do not forward focus to the\n // group's primary control (e.g. PAIA agent menu search vs. message textarea).\n if (e.target instanceof Node && !e.currentTarget.contains(e.target)) {\n return;\n }\n e.currentTarget.parentElement\n ?.querySelector<HTMLInputElement | HTMLTextAreaElement>(\n '[data-slot=\"input-group-control\"]'\n )\n ?.focus();\n }}\n {...props}\n />\n );\n});\nInputGroupAddon.displayName = 'InputGroupAddon';\n\ninterface InputGroupButtonVariantProps {\n size?: 'xs' | 'sm' | 'icon-xs' | 'icon-sm' | null;\n}\n\nconst inputGroupButtonVariants: (\n props?: (InputGroupButtonVariantProps & ClassProp) | undefined\n) => string = cva('text-sm shadow-none flex gap-2 items-center', {\n variants: {\n size: {\n xs: \"h-6 gap-1 px-2 rounded-sm [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2\",\n sm: 'h-7 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5',\n 'icon-xs': 'size-6 rounded-xs p-0 has-[>svg]:p-0',\n 'icon-sm': 'size-7 p-0 has-[>svg]:p-0',\n },\n },\n defaultVariants: {\n size: 'xs',\n },\n});\n\ntype InputGroupButtonProps = Omit<ComponentProps<typeof Button>, 'size'> &\n InputGroupButtonVariantProps;\n\nconst InputGroupButton: ForwardRefExoticComponent<\n Omit<InputGroupButtonProps, 'ref'> & RefAttributes<HTMLElement>\n> = forwardRef<ComponentRef<typeof Button>, InputGroupButtonProps>(\n (\n { className, type = 'button', variant = 'ghost', size = 'xs', ...props },\n ref\n ) => {\n return (\n <Button\n ref={ref}\n type={type}\n data-size={size}\n variant={variant}\n className={cn(inputGroupButtonVariants({ size }), className)}\n {...props}\n />\n );\n }\n);\nInputGroupButton.displayName = 'InputGroupButton';\n\nconst InputGroupText: ForwardRefExoticComponent<\n ComponentProps<'span'> & RefAttributes<HTMLSpanElement>\n> = forwardRef<HTMLSpanElement, ComponentProps<'span'>>(\n ({ className, ...props }, ref) => {\n return (\n <span\n ref={ref}\n data-slot=\"input-group-text\"\n className={cn(\n \"text-muted-foreground flex items-center gap-2 text-xs leading-[14px] tracking-[-0.00833em] [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:text-muted-foreground\",\n className\n )}\n {...props}\n />\n );\n }\n);\nInputGroupText.displayName = 'InputGroupText';\n\nconst inputGroupStepperButtonClasses =\n 'bg-secondary-background hover:bg-secondary-background-hover flex min-h-0 flex-1 items-center justify-center rounded-sm p-1 text-muted-foreground transition-colors disabled:pointer-events-none disabled:opacity-50';\n\ntype InputGroupStepperProps = ComponentProps<'div'> & {\n onIncrement?: () => void;\n onDecrement?: () => void;\n incrementLabel?: string;\n decrementLabel?: string;\n disabled?: boolean;\n incrementDisabled?: boolean;\n decrementDisabled?: boolean;\n};\n\nconst InputGroupStepper: ForwardRefExoticComponent<\n InputGroupStepperProps & RefAttributes<HTMLDivElement>\n> = forwardRef<HTMLDivElement, InputGroupStepperProps>(\n (\n {\n className,\n onIncrement,\n onDecrement,\n incrementLabel = 'Increase value',\n decrementLabel = 'Decrease value',\n disabled = false,\n incrementDisabled = false,\n decrementDisabled = false,\n ...props\n },\n ref\n ) => {\n return (\n <div\n ref={ref}\n data-slot=\"input-group-stepper\"\n className={cn('stepper flex w-7 shrink-0 flex-col gap-0.5', className)}\n {...props}\n >\n <button\n type=\"button\"\n className={inputGroupStepperButtonClasses}\n aria-label={incrementLabel}\n onClick={onIncrement}\n disabled={disabled || incrementDisabled}\n >\n <IconChevronUp className=\"size-1.5 shrink-0\" aria-hidden />\n </button>\n <button\n type=\"button\"\n className={inputGroupStepperButtonClasses}\n aria-label={decrementLabel}\n onClick={onDecrement}\n disabled={disabled || decrementDisabled}\n >\n <IconChevronDown className=\"size-1.5 shrink-0\" aria-hidden />\n </button>\n </div>\n );\n }\n);\nInputGroupStepper.displayName = 'InputGroupStepper';\n\nconst inputGroupInputControlClasses: string = cn(\n 'min-h-0 h-full min-w-0 flex-1 rounded-lg border-0 bg-transparent shadow-none hover:text-muted-foreground',\n 'tracking-[-0.04em]',\n 'focus-visible:not(:read-only):bg-base-background focus-visible:shadow-none focus-visible:border-transparent',\n 'read-only:not(:disabled):bg-transparent read-only:not(:disabled):cursor-default read-only:not(:disabled):hover:text-muted-foreground read-only:not(:disabled):focus-visible:bg-transparent',\n 'aria-invalid:shadow-none aria-invalid:border-transparent',\n 'aria-invalid:[&:not(:placeholder-shown)]:border-transparent',\n 'aria-invalid:focus-visible:not(:read-only):bg-base-background aria-invalid:focus-visible:shadow-none aria-invalid:focus-visible:border-transparent',\n 'read-only:not(:disabled):aria-invalid:focus-visible:bg-transparent',\n 'hover:border-0',\n 'disabled:bg-transparent disabled:text-base-foreground-disabled disabled:placeholder:text-base-foreground-disabled disabled:hover:text-base-foreground-disabled disabled:[&:not(:placeholder-shown)]:text-base-foreground-disabled'\n);\n\nconst InputGroupInput: ForwardRefExoticComponent<\n ComponentProps<'input'> & RefAttributes<HTMLInputElement>\n> = forwardRef<HTMLInputElement, ComponentProps<'input'>>(\n ({ className, ...props }, ref) => {\n return (\n <Input\n ref={ref}\n data-slot=\"input-group-control\"\n className={cn(inputGroupInputControlClasses, className)}\n {...props}\n />\n );\n }\n);\nInputGroupInput.displayName = 'InputGroupInput';\n\nconst InputGroupTextarea: ForwardRefExoticComponent<\n ComponentProps<'textarea'> & RefAttributes<HTMLTextAreaElement>\n> = forwardRef<HTMLTextAreaElement, ComponentProps<'textarea'>>(\n ({ className, ...props }, ref) => {\n return (\n <Textarea\n ref={ref}\n data-slot=\"input-group-control\"\n className={cn(\n 'min-h-0 flex-1 resize-none rounded-lg border-0 bg-transparent py-3 shadow-none',\n 'tracking-[-0.04em]',\n 'hover:border-0 hover:bg-transparent hover:text-muted-foreground',\n 'filled:border-transparent',\n 'focus-visible:shadow-none focus-visible:border-transparent',\n 'read-only:not(:disabled):bg-transparent read-only:not(:disabled):cursor-default read-only:not(:disabled):hover:text-muted-foreground read-only:not(:disabled):focus-visible:bg-transparent',\n 'aria-invalid:shadow-none aria-invalid:border-transparent',\n 'aria-invalid:[&:not(:placeholder-shown)]:border-transparent',\n 'aria-invalid:focus-visible:not(:read-only):bg-base-background aria-invalid:focus-visible:shadow-none aria-invalid:focus-visible:border-transparent',\n 'read-only:not(:disabled):aria-invalid:focus-visible:bg-transparent',\n 'read-only:not(:disabled):text-muted-foreground [&:read-only:not(:disabled):not(:placeholder-shown)]:text-muted-foreground',\n 'disabled:bg-transparent disabled:text-base-foreground-disabled disabled:placeholder:text-base-foreground-disabled disabled:hover:text-base-foreground-disabled disabled:[&:not(:placeholder-shown)]:text-base-foreground-disabled',\n className\n )}\n {...props}\n />\n );\n }\n);\nInputGroupTextarea.displayName = 'InputGroupTextarea';\n\nexport {\n InputGroup,\n InputGroupAddon,\n InputGroupButton,\n InputGroupStepper,\n InputGroupText,\n InputGroupInput,\n inputGroupInputControlClasses,\n InputGroupTextarea,\n};\n"],"names":["forwardRef","IconChevronDown","IconChevronUp","cva","cn","Button","Input","Textarea","InputGroup","className","props","ref","div","data-slot","role","displayName","inputGroupLeadingIcon","inputGroupSuffixAddon","inputGroupAddonVariants","variants","align","defaultVariants","InputGroupAddon","data-align","onClick","e","target","HTMLElement","closest","Node","currentTarget","contains","parentElement","querySelector","focus","inputGroupButtonVariants","size","xs","sm","InputGroupButton","type","variant","data-size","InputGroupText","span","inputGroupStepperButtonClasses","InputGroupStepper","onIncrement","onDecrement","incrementLabel","decrementLabel","disabled","incrementDisabled","decrementDisabled","button","aria-label","aria-hidden","inputGroupInputControlClasses","InputGroupInput","InputGroupTextarea"],"mappings":";AAAA,SAKEA,UAAU,QACL,QAAQ;AAEf,SAASC,eAAe,EAAEC,aAAa,QAAQ,sBAAsB;AACrE,SAA4BC,GAAG,QAAQ,2BAA2B;AAGlE,SAASC,EAAE,QAAQ,2BAAwB;AAC3C,SAASC,MAAM,QAAQ,sBAAmB;AAC1C,SAASC,KAAK,QAAQ,oBAAiB;AACvC,SAASC,QAAQ,QAAQ,0BAAuB;AAEhD,MAAMC,2BAEFR,WACF,CAAC,EAAES,SAAS,EAAE,GAAGC,OAAO,EAAEC;IACxB,qBACE,KAACC;QACCD,KAAKA;QACLE,aAAU;QACVC,MAAK;QACLL,WAAWL,GACT,uMACA,2BACA,sCACA,0KACA,sHACA,oCACA,kIACA,4HACA,uQACA,8MACA,uUACA,8QACA,kRACAK;QAED,GAAGC,KAAK;;AAGf;AAEFF,WAAWO,WAAW,GAAG;AAEzB,MAAMC,wBACJ;AAEF,MAAMC,wBACJ;AAMF,MAAMC,0BAEQf,IACZ,2OACA;IACEgB,UAAU;QACRC,OAAO;YACL,gBAAgBhB,GACd,yCACAY;YAEF,cAAcZ,GACZ,sGACAa;YAEF,eAAeb,GACb,qGACAY;YAEF,aAAaZ,GACX,oGACAa;QAEJ;IACF;IACAI,iBAAiB;QACfD,OAAO;IACT;AACF;AAGF,MAAME,gCAIFtB,WAGF,CAAC,EAAES,SAAS,EAAEW,QAAQ,cAAc,EAAE,GAAGV,OAAO,EAAEC;IAClD,qBACE,KAACC;QACCD,KAAKA;QACLG,MAAK;QACLD,aAAU;QACVU,cAAYH;QACZX,WAAWL,GAAGc,wBAAwB;YAAEE;QAAM,IAAIX;QAClDe,SAAS,CAACC;YACR,IAAIA,EAAEC,MAAM,YAAYC,eAAeF,EAAEC,MAAM,CAACE,OAAO,CAAC,WAAW;gBACjE;YACF;YACA,mFAAmF;YACnF,kFAAkF;YAClF,8EAA8E;YAC9E,IAAIH,EAAEC,MAAM,YAAYG,QAAQ,CAACJ,EAAEK,aAAa,CAACC,QAAQ,CAACN,EAAEC,MAAM,GAAG;gBACnE;YACF;YACAD,EAAEK,aAAa,CAACE,aAAa,EACzBC,cACA,sCAEAC;QACN;QACC,GAAGxB,KAAK;;AAGf;AACAY,gBAAgBP,WAAW,GAAG;AAM9B,MAAMoB,2BAEQhC,IAAI,+CAA+C;IAC/DgB,UAAU;QACRiB,MAAM;YACJC,IAAI;YACJC,IAAI;YACJ,WAAW;YACX,WAAW;QACb;IACF;IACAjB,iBAAiB;QACfe,MAAM;IACR;AACF;AAKA,MAAMG,iCAEFvC,WACF,CACE,EAAES,SAAS,EAAE+B,OAAO,QAAQ,EAAEC,UAAU,OAAO,EAAEL,OAAO,IAAI,EAAE,GAAG1B,OAAO,EACxEC;IAEA,qBACE,KAACN;QACCM,KAAKA;QACL6B,MAAMA;QACNE,aAAWN;QACXK,SAASA;QACThC,WAAWL,GAAG+B,yBAAyB;YAAEC;QAAK,IAAI3B;QACjD,GAAGC,KAAK;;AAGf;AAEF6B,iBAAiBxB,WAAW,GAAG;AAE/B,MAAM4B,+BAEF3C,WACF,CAAC,EAAES,SAAS,EAAE,GAAGC,OAAO,EAAEC;IACxB,qBACE,KAACiC;QACCjC,KAAKA;QACLE,aAAU;QACVJ,WAAWL,GACT,6LACAK;QAED,GAAGC,KAAK;;AAGf;AAEFiC,eAAe5B,WAAW,GAAG;AAE7B,MAAM8B,iCACJ;AAYF,MAAMC,kCAEF9C,WACF,CACE,EACES,SAAS,EACTsC,WAAW,EACXC,WAAW,EACXC,iBAAiB,gBAAgB,EACjCC,iBAAiB,gBAAgB,EACjCC,WAAW,KAAK,EAChBC,oBAAoB,KAAK,EACzBC,oBAAoB,KAAK,EACzB,GAAG3C,OACJ,EACDC;IAEA,qBACE,MAACC;QACCD,KAAKA;QACLE,aAAU;QACVJ,WAAWL,GAAG,8CAA8CK;QAC3D,GAAGC,KAAK;;0BAET,KAAC4C;gBACCd,MAAK;gBACL/B,WAAWoC;gBACXU,cAAYN;gBACZzB,SAASuB;gBACTI,UAAUA,YAAYC;0BAEtB,cAAA,KAAClD;oBAAcO,WAAU;oBAAoB+C,aAAW;;;0BAE1D,KAACF;gBACCd,MAAK;gBACL/B,WAAWoC;gBACXU,cAAYL;gBACZ1B,SAASwB;gBACTG,UAAUA,YAAYE;0BAEtB,cAAA,KAACpD;oBAAgBQ,WAAU;oBAAoB+C,aAAW;;;;;AAIlE;AAEFV,kBAAkB/B,WAAW,GAAG;AAEhC,MAAM0C,gCAAwCrD,GAC5C,4GACA,sBACA,+GACA,8LACA,4DACA,+DACA,sJACA,sEACA,kBACA;AAGF,MAAMsD,gCAEF1D,WACF,CAAC,EAAES,SAAS,EAAE,GAAGC,OAAO,EAAEC;IACxB,qBACE,KAACL;QACCK,KAAKA;QACLE,aAAU;QACVJ,WAAWL,GAAGqD,+BAA+BhD;QAC5C,GAAGC,KAAK;;AAGf;AAEFgD,gBAAgB3C,WAAW,GAAG;AAE9B,MAAM4C,mCAEF3D,WACF,CAAC,EAAES,SAAS,EAAE,GAAGC,OAAO,EAAEC;IACxB,qBACE,KAACJ;QACCI,KAAKA;QACLE,aAAU;QACVJ,WAAWL,GACT,kFACA,sBACA,mEACA,6BACA,8DACA,8LACA,4DACA,+DACA,sJACA,sEACA,6HACA,qOACAK;QAED,GAAGC,KAAK;;AAGf;AAEFiD,mBAAmB5C,WAAW,GAAG;AAEjC,SACEP,UAAU,EACVc,eAAe,EACfiB,gBAAgB,EAChBO,iBAAiB,EACjBH,cAAc,EACde,eAAe,EACfD,6BAA6B,EAC7BE,kBAAkB,GAClB"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type ComponentProps, type ForwardRefExoticComponent, type ReactNode, type RefAttributes } from "react";
|
|
2
|
+
import { CheckboxItemControl } from "../checkbox/checkbox";
|
|
3
|
+
type ItemProps = ComponentProps<"li"> & {
|
|
4
|
+
selected?: boolean;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
};
|
|
7
|
+
declare const Item: ForwardRefExoticComponent<ItemProps & RefAttributes<HTMLLIElement>>;
|
|
8
|
+
declare const ItemGroup: ForwardRefExoticComponent<ComponentProps<"ul"> & RefAttributes<HTMLUListElement>>;
|
|
9
|
+
declare function ItemCheckbox({ className, ...props }: ComponentProps<typeof CheckboxItemControl>): ReactNode;
|
|
10
|
+
declare function ItemMedia({ className, ...props }: ComponentProps<"div">): ReactNode;
|
|
11
|
+
declare function ItemContent({ className, ...props }: ComponentProps<"div">): ReactNode;
|
|
12
|
+
declare function ItemTitle({ className, ...props }: ComponentProps<"span">): ReactNode;
|
|
13
|
+
declare function ItemDescription({ className, ...props }: ComponentProps<"p">): ReactNode;
|
|
14
|
+
declare function ItemActions({ className, ...props }: ComponentProps<"div">): ReactNode;
|
|
15
|
+
declare function ItemSectionHeader({ className, ...props }: ComponentProps<"div">): ReactNode;
|
|
16
|
+
declare function ItemSectionHeaderChevron({ className, open, ...props }: Omit<ComponentProps<"svg">, "ref"> & {
|
|
17
|
+
open?: boolean;
|
|
18
|
+
}): ReactNode;
|
|
19
|
+
declare function ItemSectionHeaderTitle({ className, ...props }: ComponentProps<"span">): ReactNode;
|
|
20
|
+
export { Item, ItemActions, ItemCheckbox, ItemContent, ItemDescription, ItemGroup, ItemMedia, ItemSectionHeader, ItemSectionHeaderChevron, ItemSectionHeaderTitle, ItemTitle };
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { IconChevronRight } from "@tabler/icons-react";
|
|
4
|
+
import { cn } from "../../../../lib/utils.js";
|
|
5
|
+
import { CheckboxItemControl } from "../checkbox/checkbox.js";
|
|
6
|
+
const Item = /*#__PURE__*/ forwardRef(({ className, selected = false, disabled = false, ...props }, ref)=>{
|
|
7
|
+
return /*#__PURE__*/ _jsx("li", {
|
|
8
|
+
ref: ref,
|
|
9
|
+
"data-slot": "item",
|
|
10
|
+
"data-selected": selected ? '' : undefined,
|
|
11
|
+
"data-disabled": disabled ? '' : undefined,
|
|
12
|
+
className: cn('group/item flex min-h-7 items-center gap-2 rounded-lg px-2 py-1 transition-colors', 'not-data-disabled:hover:bg-accent-background not-data-disabled:focus-within:bg-accent-background', 'data-selected:bg-secondary-background', className),
|
|
13
|
+
...props
|
|
14
|
+
});
|
|
15
|
+
});
|
|
16
|
+
Item.displayName = 'Item';
|
|
17
|
+
const ItemGroup = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
|
|
18
|
+
return /*#__PURE__*/ _jsx("ul", {
|
|
19
|
+
ref: ref,
|
|
20
|
+
"data-slot": "item-group",
|
|
21
|
+
className: className,
|
|
22
|
+
...props
|
|
23
|
+
});
|
|
24
|
+
});
|
|
25
|
+
ItemGroup.displayName = 'ItemGroup';
|
|
26
|
+
function ItemCheckbox({ className, ...props }) {
|
|
27
|
+
return /*#__PURE__*/ _jsx(CheckboxItemControl, {
|
|
28
|
+
"data-slot": "item-checkbox",
|
|
29
|
+
className: cn('group-data-disabled/item:border-base-foreground-disabled group-data-disabled/item:bg-transparent', className),
|
|
30
|
+
...props
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
function ItemMedia({ className, ...props }) {
|
|
34
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
35
|
+
"data-slot": "item-media",
|
|
36
|
+
className: cn('flex shrink-0 items-center text-medium-foreground group-data-disabled/item:text-base-foreground-disabled [&>svg:not([class*="size-"])]:size-4', className),
|
|
37
|
+
...props
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
function ItemContent({ className, ...props }) {
|
|
41
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
42
|
+
"data-slot": "item-content",
|
|
43
|
+
className: cn('flex min-w-0 flex-1 flex-col gap-1', className),
|
|
44
|
+
...props
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
function ItemTitle({ className, ...props }) {
|
|
48
|
+
return /*#__PURE__*/ _jsx("span", {
|
|
49
|
+
"data-slot": "item-title",
|
|
50
|
+
className: cn('truncate text-sm leading-4.5 tracking-tight text-medium-foreground', 'group-data-selected/item:text-secondary-foreground', 'group-data-disabled/item:text-base-foreground-disabled', className),
|
|
51
|
+
...props
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
function ItemDescription({ className, ...props }) {
|
|
55
|
+
return /*#__PURE__*/ _jsx("p", {
|
|
56
|
+
"data-slot": "item-description",
|
|
57
|
+
className: cn('truncate text-xs leading-3.5 tracking-tightest text-muted-foreground', 'group-data-disabled/item:text-base-foreground-disabled', className),
|
|
58
|
+
...props
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
function ItemActions({ className, ...props }) {
|
|
62
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
63
|
+
"data-slot": "item-actions",
|
|
64
|
+
className: cn('flex shrink-0 gap-1 opacity-0 transition-opacity', 'group-hover/item:opacity-100 group-focus-within/item:opacity-100', className),
|
|
65
|
+
...props
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
function ItemSectionHeader({ className, ...props }) {
|
|
69
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
70
|
+
"data-slot": "item-section-header",
|
|
71
|
+
className: cn('group/item relative flex h-7 items-center gap-2 rounded-md px-2', 'hover:bg-accent-background focus-within:bg-accent-background', className),
|
|
72
|
+
...props
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
function ItemSectionHeaderChevron({ className, open = false, ...props }) {
|
|
76
|
+
return /*#__PURE__*/ _jsx(IconChevronRight, {
|
|
77
|
+
"aria-hidden": true,
|
|
78
|
+
"data-slot": "item-section-header-chevron",
|
|
79
|
+
"data-open": open ? '' : undefined,
|
|
80
|
+
className: cn('absolute left-2 size-2.5 -translate-x-full text-muted-foreground transition-transform duration-200 data-open:rotate-90', className),
|
|
81
|
+
...props
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
function ItemSectionHeaderTitle({ className, ...props }) {
|
|
85
|
+
return /*#__PURE__*/ _jsx("span", {
|
|
86
|
+
"data-slot": "item-section-header-title",
|
|
87
|
+
className: cn('min-w-0 flex-1 truncate text-sm font-medium leading-4.5 text-muted-foreground', className),
|
|
88
|
+
...props
|
|
89
|
+
});
|
|
90
|
+
}
|
|
91
|
+
export { Item, ItemActions, ItemCheckbox, ItemContent, ItemDescription, ItemGroup, ItemMedia, ItemSectionHeader, ItemSectionHeaderChevron, ItemSectionHeaderTitle, ItemTitle };
|
|
92
|
+
|
|
93
|
+
//# sourceMappingURL=item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/ui/core/item/item.tsx"],"sourcesContent":["import {\n type ComponentProps,\n type ForwardRefExoticComponent,\n type ReactNode,\n type RefAttributes,\n forwardRef,\n} from 'react';\n\nimport { IconChevronRight } from '@tabler/icons-react';\n\nimport { cn } from '../../../../lib/utils';\nimport { CheckboxItemControl } from '../checkbox/checkbox';\n\ntype ItemProps = ComponentProps<'li'> & {\n selected?: boolean;\n disabled?: boolean;\n};\n\nconst Item: ForwardRefExoticComponent<\n ItemProps & RefAttributes<HTMLLIElement>\n> = forwardRef<HTMLLIElement, ItemProps>(\n ({ className, selected = false, disabled = false, ...props }, ref) => {\n return (\n <li\n ref={ref}\n data-slot=\"item\"\n data-selected={selected ? '' : undefined}\n data-disabled={disabled ? '' : undefined}\n className={cn(\n 'group/item flex min-h-7 items-center gap-2 rounded-lg px-2 py-1 transition-colors',\n 'not-data-disabled:hover:bg-accent-background not-data-disabled:focus-within:bg-accent-background',\n 'data-selected:bg-secondary-background',\n className\n )}\n {...props}\n />\n );\n }\n);\nItem.displayName = 'Item';\n\nconst ItemGroup: ForwardRefExoticComponent<\n ComponentProps<'ul'> & RefAttributes<HTMLUListElement>\n> = forwardRef<HTMLUListElement, ComponentProps<'ul'>>(\n ({ className, ...props }, ref) => {\n return (\n <ul ref={ref} data-slot=\"item-group\" className={className} {...props} />\n );\n }\n);\nItemGroup.displayName = 'ItemGroup';\n\nfunction ItemCheckbox({\n className,\n ...props\n}: ComponentProps<typeof CheckboxItemControl>): ReactNode {\n return (\n <CheckboxItemControl\n data-slot=\"item-checkbox\"\n className={cn(\n 'group-data-disabled/item:border-base-foreground-disabled group-data-disabled/item:bg-transparent',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction ItemMedia({ className, ...props }: ComponentProps<'div'>): ReactNode {\n return (\n <div\n data-slot=\"item-media\"\n className={cn(\n 'flex shrink-0 items-center text-medium-foreground group-data-disabled/item:text-base-foreground-disabled [&>svg:not([class*=\"size-\"])]:size-4',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction ItemContent({\n className,\n ...props\n}: ComponentProps<'div'>): ReactNode {\n return (\n <div\n data-slot=\"item-content\"\n className={cn('flex min-w-0 flex-1 flex-col gap-1', className)}\n {...props}\n />\n );\n}\n\nfunction ItemTitle({ className, ...props }: ComponentProps<'span'>): ReactNode {\n return (\n <span\n data-slot=\"item-title\"\n className={cn(\n 'truncate text-sm leading-4.5 tracking-tight text-medium-foreground',\n 'group-data-selected/item:text-secondary-foreground',\n 'group-data-disabled/item:text-base-foreground-disabled',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction ItemDescription({\n className,\n ...props\n}: ComponentProps<'p'>): ReactNode {\n return (\n <p\n data-slot=\"item-description\"\n className={cn(\n 'truncate text-xs leading-3.5 tracking-tightest text-muted-foreground',\n 'group-data-disabled/item:text-base-foreground-disabled',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction ItemActions({\n className,\n ...props\n}: ComponentProps<'div'>): ReactNode {\n return (\n <div\n data-slot=\"item-actions\"\n className={cn(\n 'flex shrink-0 gap-1 opacity-0 transition-opacity',\n 'group-hover/item:opacity-100 group-focus-within/item:opacity-100',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction ItemSectionHeader({\n className,\n ...props\n}: ComponentProps<'div'>): ReactNode {\n return (\n <div\n data-slot=\"item-section-header\"\n className={cn(\n 'group/item relative flex h-7 items-center gap-2 rounded-md px-2',\n 'hover:bg-accent-background focus-within:bg-accent-background',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction ItemSectionHeaderChevron({\n className,\n open = false,\n ...props\n}: Omit<ComponentProps<'svg'>, 'ref'> & { open?: boolean }): ReactNode {\n return (\n <IconChevronRight\n aria-hidden\n data-slot=\"item-section-header-chevron\"\n data-open={open ? '' : undefined}\n className={cn(\n 'absolute left-2 size-2.5 -translate-x-full text-muted-foreground transition-transform duration-200 data-open:rotate-90',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction ItemSectionHeaderTitle({\n className,\n ...props\n}: ComponentProps<'span'>): ReactNode {\n return (\n <span\n data-slot=\"item-section-header-title\"\n className={cn(\n 'min-w-0 flex-1 truncate text-sm font-medium leading-4.5 text-muted-foreground',\n className\n )}\n {...props}\n />\n );\n}\n\nexport {\n Item,\n ItemActions,\n ItemCheckbox,\n ItemContent,\n ItemDescription,\n ItemGroup,\n ItemMedia,\n ItemSectionHeader,\n ItemSectionHeaderChevron,\n ItemSectionHeaderTitle,\n ItemTitle,\n};\n"],"names":["forwardRef","IconChevronRight","cn","CheckboxItemControl","Item","className","selected","disabled","props","ref","li","data-slot","data-selected","undefined","data-disabled","displayName","ItemGroup","ul","ItemCheckbox","ItemMedia","div","ItemContent","ItemTitle","span","ItemDescription","p","ItemActions","ItemSectionHeader","ItemSectionHeaderChevron","open","aria-hidden","data-open","ItemSectionHeaderTitle"],"mappings":";AAAA,SAKEA,UAAU,QACL,QAAQ;AAEf,SAASC,gBAAgB,QAAQ,sBAAsB;AAEvD,SAASC,EAAE,QAAQ,2BAAwB;AAC3C,SAASC,mBAAmB,QAAQ,0BAAuB;AAO3D,MAAMC,qBAEFJ,WACF,CAAC,EAAEK,SAAS,EAAEC,WAAW,KAAK,EAAEC,WAAW,KAAK,EAAE,GAAGC,OAAO,EAAEC;IAC5D,qBACE,KAACC;QACCD,KAAKA;QACLE,aAAU;QACVC,iBAAeN,WAAW,KAAKO;QAC/BC,iBAAeP,WAAW,KAAKM;QAC/BR,WAAWH,GACT,qFACA,oGACA,yCACAG;QAED,GAAGG,KAAK;;AAGf;AAEFJ,KAAKW,WAAW,GAAG;AAEnB,MAAMC,0BAEFhB,WACF,CAAC,EAAEK,SAAS,EAAE,GAAGG,OAAO,EAAEC;IACxB,qBACE,KAACQ;QAAGR,KAAKA;QAAKE,aAAU;QAAaN,WAAWA;QAAY,GAAGG,KAAK;;AAExE;AAEFQ,UAAUD,WAAW,GAAG;AAExB,SAASG,aAAa,EACpBb,SAAS,EACT,GAAGG,OACwC;IAC3C,qBACE,KAACL;QACCQ,aAAU;QACVN,WAAWH,GACT,oGACAG;QAED,GAAGG,KAAK;;AAGf;AAEA,SAASW,UAAU,EAAEd,SAAS,EAAE,GAAGG,OAA8B;IAC/D,qBACE,KAACY;QACCT,aAAU;QACVN,WAAWH,GACT,iJACAG;QAED,GAAGG,KAAK;;AAGf;AAEA,SAASa,YAAY,EACnBhB,SAAS,EACT,GAAGG,OACmB;IACtB,qBACE,KAACY;QACCT,aAAU;QACVN,WAAWH,GAAG,sCAAsCG;QACnD,GAAGG,KAAK;;AAGf;AAEA,SAASc,UAAU,EAAEjB,SAAS,EAAE,GAAGG,OAA+B;IAChE,qBACE,KAACe;QACCZ,aAAU;QACVN,WAAWH,GACT,sEACA,sDACA,0DACAG;QAED,GAAGG,KAAK;;AAGf;AAEA,SAASgB,gBAAgB,EACvBnB,SAAS,EACT,GAAGG,OACiB;IACpB,qBACE,KAACiB;QACCd,aAAU;QACVN,WAAWH,GACT,wEACA,0DACAG;QAED,GAAGG,KAAK;;AAGf;AAEA,SAASkB,YAAY,EACnBrB,SAAS,EACT,GAAGG,OACmB;IACtB,qBACE,KAACY;QACCT,aAAU;QACVN,WAAWH,GACT,oDACA,oEACAG;QAED,GAAGG,KAAK;;AAGf;AAEA,SAASmB,kBAAkB,EACzBtB,SAAS,EACT,GAAGG,OACmB;IACtB,qBACE,KAACY;QACCT,aAAU;QACVN,WAAWH,GACT,mEACA,gEACAG;QAED,GAAGG,KAAK;;AAGf;AAEA,SAASoB,yBAAyB,EAChCvB,SAAS,EACTwB,OAAO,KAAK,EACZ,GAAGrB,OACqD;IACxD,qBACE,KAACP;QACC6B,aAAW;QACXnB,aAAU;QACVoB,aAAWF,OAAO,KAAKhB;QACvBR,WAAWH,GACT,0HACAG;QAED,GAAGG,KAAK;;AAGf;AAEA,SAASwB,uBAAuB,EAC9B3B,SAAS,EACT,GAAGG,OACoB;IACvB,qBACE,KAACe;QACCZ,aAAU;QACVN,WAAWH,GACT,iFACAG;QAED,GAAGG,KAAK;;AAGf;AAEA,SACEJ,IAAI,EACJsB,WAAW,EACXR,YAAY,EACZG,WAAW,EACXG,eAAe,EACfR,SAAS,EACTG,SAAS,EACTQ,iBAAiB,EACjBC,wBAAwB,EACxBI,sBAAsB,EACtBV,SAAS,GACT"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from
|
|
2
|
-
declare const Kbd: ForwardRefExoticComponent<ComponentProps<
|
|
3
|
-
declare const KbdGroup: ForwardRefExoticComponent<ComponentProps<
|
|
1
|
+
import { type ForwardRefExoticComponent, type RefAttributes, type ComponentProps } from "react";
|
|
2
|
+
declare const Kbd: ForwardRefExoticComponent<ComponentProps<"kbd"> & RefAttributes<HTMLElement>>;
|
|
3
|
+
declare const KbdGroup: ForwardRefExoticComponent<ComponentProps<"span"> & RefAttributes<HTMLSpanElement>>;
|
|
4
4
|
export { Kbd, KbdGroup };
|
|
@@ -1,20 +1,24 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { forwardRef
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
})
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { cn } from "../../../../lib/utils.js";
|
|
4
|
+
const Kbd = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsx("kbd", {
|
|
6
|
+
ref: ref,
|
|
7
|
+
"data-slot": "kbd",
|
|
8
|
+
className: cn('bg-muted-background text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-md px-1 font-sans text-xs font-medium leading-4 select-none aria-disabled:bg-transparent aria-disabled:text-base-foreground-disabled aria-disabled:opacity-100', "[&_svg:not([class*='size-'])]:size-3", className),
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
11
|
+
});
|
|
12
|
+
Kbd.displayName = 'Kbd';
|
|
13
|
+
const KbdGroup = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
|
|
14
|
+
return /*#__PURE__*/ _jsx("span", {
|
|
15
|
+
ref: ref,
|
|
16
|
+
"data-slot": "kbd-group",
|
|
17
|
+
className: cn('inline-flex items-center gap-1', className),
|
|
18
|
+
...props
|
|
19
|
+
});
|
|
20
|
+
});
|
|
21
|
+
KbdGroup.displayName = 'KbdGroup';
|
|
22
|
+
export { Kbd, KbdGroup };
|
|
23
|
+
|
|
24
|
+
//# sourceMappingURL=kbd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/ui/core/kbd/kbd.tsx"],"sourcesContent":["import {\n type ForwardRefExoticComponent,\n type RefAttributes,\n type ComponentProps,\n type ComponentRef,\n forwardRef,\n} from 'react';\n\nimport { cn } from '../../../../lib/utils';\n\nconst Kbd: ForwardRefExoticComponent<\n ComponentProps<'kbd'> & RefAttributes<HTMLElement>\n> = forwardRef<ComponentRef<'kbd'>, ComponentProps<'kbd'>>(\n ({ className, ...props }, ref) => {\n return (\n <kbd\n ref={ref}\n data-slot=\"kbd\"\n className={cn(\n 'bg-muted-background text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-md px-1 font-sans text-xs font-medium leading-4 select-none aria-disabled:bg-transparent aria-disabled:text-base-foreground-disabled aria-disabled:opacity-100',\n \"[&_svg:not([class*='size-'])]:size-3\",\n className\n )}\n {...props}\n />\n );\n }\n);\nKbd.displayName = 'Kbd';\n\nconst KbdGroup: ForwardRefExoticComponent<\n ComponentProps<'span'> & RefAttributes<HTMLSpanElement>\n> = forwardRef<ComponentRef<'span'>, ComponentProps<'span'>>(\n ({ className, ...props }, ref) => {\n return (\n <span\n ref={ref}\n data-slot=\"kbd-group\"\n className={cn('inline-flex items-center gap-1', className)}\n {...props}\n />\n );\n }\n);\nKbdGroup.displayName = 'KbdGroup';\n\nexport { Kbd, KbdGroup };\n"],"names":["forwardRef","cn","Kbd","className","props","ref","kbd","data-slot","displayName","KbdGroup","span"],"mappings":";AAAA,SAKEA,UAAU,QACL,QAAQ;AAEf,SAASC,EAAE,QAAQ,2BAAwB;AAE3C,MAAMC,oBAEFF,WACF,CAAC,EAAEG,SAAS,EAAE,GAAGC,OAAO,EAAEC;IACxB,qBACE,KAACC;QACCD,KAAKA;QACLE,aAAU;QACVJ,WAAWF,GACT,wSACA,wCACAE;QAED,GAAGC,KAAK;;AAGf;AAEFF,IAAIM,WAAW,GAAG;AAElB,MAAMC,yBAEFT,WACF,CAAC,EAAEG,SAAS,EAAE,GAAGC,OAAO,EAAEC;IACxB,qBACE,KAACK;QACCL,KAAKA;QACLE,aAAU;QACVJ,WAAWF,GAAG,kCAAkCE;QAC/C,GAAGC,KAAK;;AAGf;AAEFK,SAASD,WAAW,GAAG;AAEvB,SAASN,GAAG,EAAEO,QAAQ,GAAG"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ComponentProps, ForwardRefExoticComponent, RefAttributes } from
|
|
2
|
-
declare const Label: ForwardRefExoticComponent<ComponentProps<
|
|
3
|
-
|
|
1
|
+
import { type ComponentProps, type ForwardRefExoticComponent, type RefAttributes } from "react";
|
|
2
|
+
declare const Label: ForwardRefExoticComponent<ComponentProps<"label"> & {
|
|
3
|
+
required?: boolean;
|
|
4
4
|
} & RefAttributes<HTMLLabelElement>>;
|
|
5
5
|
export { Label };
|
|
@@ -1,26 +1,33 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { forwardRef
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { cn } from "../../../../lib/utils.js";
|
|
4
|
+
const Label = /*#__PURE__*/ forwardRef(({ className, children, required = false, ...props }, ref)=>{
|
|
5
|
+
return /*#__PURE__*/ _jsxs("label", {
|
|
6
|
+
ref: ref,
|
|
7
|
+
"data-slot": "label",
|
|
8
|
+
className: cn('flex items-center pb-2 text-sm font-medium leading-4.5 tracking-normal text-muted-foreground select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:cursor-not-allowed group-data-[disabled=true]:text-base-foreground-disabled', className),
|
|
9
|
+
...props,
|
|
10
|
+
children: [
|
|
11
|
+
children,
|
|
12
|
+
required ? /*#__PURE__*/ _jsx("span", {
|
|
13
|
+
"data-slot": "label-required-indicator",
|
|
14
|
+
className: "inline-block shrink-0 self-start pt-0.5",
|
|
15
|
+
children: /*#__PURE__*/ _jsx("svg", {
|
|
16
|
+
"aria-hidden": "true",
|
|
17
|
+
width: "5",
|
|
18
|
+
height: "8",
|
|
19
|
+
viewBox: "0 0 5 8",
|
|
20
|
+
fill: "currentColor",
|
|
21
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
22
|
+
children: /*#__PURE__*/ _jsx("path", {
|
|
23
|
+
d: "M2.01082 7.19387L2.09648 5.29125L0.491434 6.32372L0 5.46709L1.70424 4.59693L0 3.72678L0.491434 2.87015L2.09648 3.90261L2.01082 2H2.98918L2.90352 3.90261L4.50857 2.87015L5 3.72678L3.29576 4.59693L5 5.46709L4.50857 6.32372L2.90352 5.29125L2.98918 7.19387H2.01082Z"
|
|
24
|
+
})
|
|
25
|
+
})
|
|
26
|
+
}) : null
|
|
27
|
+
]
|
|
28
|
+
});
|
|
29
|
+
});
|
|
30
|
+
Label.displayName = 'Label';
|
|
31
|
+
export { Label };
|
|
32
|
+
|
|
33
|
+
//# sourceMappingURL=label.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/ui/core/label/label.tsx"],"sourcesContent":["import {\n type ComponentProps,\n type ForwardRefExoticComponent,\n type RefAttributes,\n type ComponentPropsWithoutRef,\n type ComponentRef,\n forwardRef,\n} from 'react';\n\nimport { cn } from '../../../../lib/utils';\n\ntype LabelProps = ComponentPropsWithoutRef<'label'> & {\n required?: boolean;\n};\n\nconst Label: ForwardRefExoticComponent<\n ComponentProps<'label'> & {\n required?: boolean;\n } & RefAttributes<HTMLLabelElement>\n> = forwardRef<ComponentRef<'label'>, LabelProps>(\n ({ className, children, required = false, ...props }, ref) => {\n return (\n <label\n ref={ref}\n data-slot=\"label\"\n className={cn(\n 'flex items-center pb-2 text-sm font-medium leading-4.5 tracking-normal text-muted-foreground select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:cursor-not-allowed group-data-[disabled=true]:text-base-foreground-disabled',\n className\n )}\n {...props}\n >\n {children}\n {required ? (\n <span\n data-slot=\"label-required-indicator\"\n className=\"inline-block shrink-0 self-start pt-0.5\"\n >\n <svg\n aria-hidden=\"true\"\n width=\"5\"\n height=\"8\"\n viewBox=\"0 0 5 8\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M2.01082 7.19387L2.09648 5.29125L0.491434 6.32372L0 5.46709L1.70424 4.59693L0 3.72678L0.491434 2.87015L2.09648 3.90261L2.01082 2H2.98918L2.90352 3.90261L4.50857 2.87015L5 3.72678L3.29576 4.59693L5 5.46709L4.50857 6.32372L2.90352 5.29125L2.98918 7.19387H2.01082Z\" />\n </svg>\n </span>\n ) : null}\n </label>\n );\n }\n);\n\nLabel.displayName = 'Label';\n\nexport { Label };\n"],"names":["forwardRef","cn","Label","className","children","required","props","ref","label","data-slot","span","svg","aria-hidden","width","height","viewBox","fill","xmlns","path","d","displayName"],"mappings":";AAAA,SAMEA,UAAU,QACL,QAAQ;AAEf,SAASC,EAAE,QAAQ,2BAAwB;AAM3C,MAAMC,sBAIFF,WACF,CAAC,EAAEG,SAAS,EAAEC,QAAQ,EAAEC,WAAW,KAAK,EAAE,GAAGC,OAAO,EAAEC;IACpD,qBACE,MAACC;QACCD,KAAKA;QACLE,aAAU;QACVN,WAAWF,GACT,kQACAE;QAED,GAAGG,KAAK;;YAERF;YACAC,yBACC,KAACK;gBACCD,aAAU;gBACVN,WAAU;0BAEV,cAAA,KAACQ;oBACCC,eAAY;oBACZC,OAAM;oBACNC,QAAO;oBACPC,SAAQ;oBACRC,MAAK;oBACLC,OAAM;8BAEN,cAAA,KAACC;wBAAKC,GAAE;;;iBAGV;;;AAGV;AAGFjB,MAAMkB,WAAW,GAAG;AAEpB,SAASlB,KAAK,GAAG"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from
|
|
1
|
+
import { type ForwardRefExoticComponent, type RefAttributes, type HTMLAttributes } from "react";
|
|
2
2
|
type LoaderSharedProps = HTMLAttributes<HTMLDivElement>;
|
|
3
3
|
interface InlineLoaderProps extends LoaderSharedProps {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
variant?: "inline";
|
|
5
|
+
size?: number;
|
|
6
6
|
}
|
|
7
7
|
interface PageLoaderProps extends LoaderSharedProps {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
variant: "page";
|
|
9
|
+
header: string;
|
|
10
|
+
description?: string;
|
|
11
11
|
}
|
|
12
12
|
type LoaderProps = InlineLoaderProps | PageLoaderProps;
|
|
13
13
|
declare const Loader: ForwardRefExoticComponent<LoaderProps & RefAttributes<HTMLDivElement>>;
|
|
@@ -1,81 +1,98 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { forwardRef
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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
|
-
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { cn } from "../../../../lib/utils.js";
|
|
4
|
+
const LoaderGlyph = ({ size = 16, className, strokeClassName })=>{
|
|
5
|
+
return /*#__PURE__*/ _jsxs("svg", {
|
|
6
|
+
"aria-hidden": "true",
|
|
7
|
+
focusable: "false",
|
|
8
|
+
className: cn('overflow-visible', strokeClassName, className),
|
|
9
|
+
height: size,
|
|
10
|
+
viewBox: "0 0 167 216",
|
|
11
|
+
width: size,
|
|
12
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
+
children: [
|
|
14
|
+
/*#__PURE__*/ _jsx("rect", {
|
|
15
|
+
className: "aura-loader-rect aura-loader-rect-1",
|
|
16
|
+
"data-slot": "loader-rect",
|
|
17
|
+
x: "10",
|
|
18
|
+
y: "10",
|
|
19
|
+
width: "98",
|
|
20
|
+
height: "196",
|
|
21
|
+
rx: "49",
|
|
22
|
+
fill: "transparent",
|
|
23
|
+
stroke: "currentColor",
|
|
24
|
+
strokeWidth: "20",
|
|
25
|
+
strokeLinecap: "round"
|
|
26
|
+
}),
|
|
27
|
+
/*#__PURE__*/ _jsx("rect", {
|
|
28
|
+
className: "aura-loader-rect aura-loader-rect-2",
|
|
29
|
+
"data-slot": "loader-rect",
|
|
30
|
+
x: "59",
|
|
31
|
+
y: "10",
|
|
32
|
+
width: "98",
|
|
33
|
+
height: "196",
|
|
34
|
+
rx: "49",
|
|
35
|
+
fill: "transparent",
|
|
36
|
+
stroke: "currentColor",
|
|
37
|
+
strokeWidth: "20",
|
|
38
|
+
strokeLinecap: "round"
|
|
39
|
+
})
|
|
40
|
+
]
|
|
41
|
+
});
|
|
42
|
+
};
|
|
43
|
+
const isPageLoaderProps = (props)=>{
|
|
44
|
+
return props.variant === 'page';
|
|
45
|
+
};
|
|
46
|
+
const Loader = /*#__PURE__*/ forwardRef((props, ref)=>{
|
|
47
|
+
const className = props.className;
|
|
48
|
+
const role = props.role ?? 'status';
|
|
49
|
+
const ariaLabel = props['aria-label'] ?? 'Loading';
|
|
50
|
+
if (!isPageLoaderProps(props)) {
|
|
51
|
+
const { size = 16, variant: _variant, className: _className, role: _role, 'aria-label': _ariaLabel, ...divProps } = props;
|
|
52
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
53
|
+
ref: ref,
|
|
54
|
+
"data-slot": "loader",
|
|
55
|
+
role: role,
|
|
56
|
+
"aria-label": ariaLabel,
|
|
57
|
+
className: cn('inline-flex items-center justify-center', className),
|
|
58
|
+
...divProps,
|
|
59
|
+
children: /*#__PURE__*/ _jsx(LoaderGlyph, {
|
|
60
|
+
size: size,
|
|
61
|
+
strokeClassName: "text-current"
|
|
62
|
+
})
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
const { variant: _variant, className: _className, role: _role, 'aria-label': _ariaLabel, header, description, ...divProps } = props;
|
|
66
|
+
return /*#__PURE__*/ _jsxs("div", {
|
|
67
|
+
ref: ref,
|
|
68
|
+
"data-slot": "loader",
|
|
69
|
+
role: role,
|
|
70
|
+
"aria-label": ariaLabel,
|
|
71
|
+
className: cn('text-foreground flex h-[11.5rem] w-80 flex-col items-center justify-center gap-2', className),
|
|
72
|
+
...divProps,
|
|
73
|
+
children: [
|
|
74
|
+
/*#__PURE__*/ _jsx(LoaderGlyph, {
|
|
75
|
+
size: 112,
|
|
76
|
+
className: "size-28",
|
|
77
|
+
strokeClassName: "text-current"
|
|
78
|
+
}),
|
|
79
|
+
/*#__PURE__*/ _jsxs("div", {
|
|
80
|
+
className: "flex w-full flex-col items-center justify-center gap-1 text-center",
|
|
81
|
+
children: [
|
|
82
|
+
/*#__PURE__*/ _jsx("p", {
|
|
83
|
+
className: "text-lg font-medium leading-6 tracking-tightest text-foreground",
|
|
84
|
+
children: header
|
|
85
|
+
}),
|
|
86
|
+
description && /*#__PURE__*/ _jsx("p", {
|
|
87
|
+
className: "w-full text-sm leading-[18px] tracking-tight text-secondary-foreground",
|
|
88
|
+
children: description
|
|
89
|
+
})
|
|
90
|
+
]
|
|
91
|
+
})
|
|
92
|
+
]
|
|
93
|
+
});
|
|
78
94
|
});
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
95
|
+
Loader.displayName = 'Loader';
|
|
96
|
+
export { Loader };
|
|
97
|
+
|
|
98
|
+
//# sourceMappingURL=loader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/ui/core/loader/loader.tsx"],"sourcesContent":["import {\n type ForwardRefExoticComponent,\n type RefAttributes,\n type ComponentRef,\n type HTMLAttributes,\n forwardRef,\n} from 'react';\n\nimport { cn } from '../../../../lib/utils';\n\ninterface LoaderGlyphProps {\n size?: number;\n className?: string;\n strokeClassName?: string;\n}\n\nconst LoaderGlyph = ({\n size = 16,\n className,\n strokeClassName,\n}: LoaderGlyphProps) => {\n return (\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n className={cn('overflow-visible', strokeClassName, className)}\n height={size}\n viewBox=\"0 0 167 216\"\n width={size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect\n className=\"aura-loader-rect aura-loader-rect-1\"\n data-slot=\"loader-rect\"\n x=\"10\"\n y=\"10\"\n width=\"98\"\n height=\"196\"\n rx=\"49\"\n fill=\"transparent\"\n stroke=\"currentColor\"\n strokeWidth=\"20\"\n strokeLinecap=\"round\"\n />\n <rect\n className=\"aura-loader-rect aura-loader-rect-2\"\n data-slot=\"loader-rect\"\n x=\"59\"\n y=\"10\"\n width=\"98\"\n height=\"196\"\n rx=\"49\"\n fill=\"transparent\"\n stroke=\"currentColor\"\n strokeWidth=\"20\"\n strokeLinecap=\"round\"\n />\n </svg>\n );\n};\n\ntype LoaderSharedProps = HTMLAttributes<HTMLDivElement>;\n\ninterface InlineLoaderProps extends LoaderSharedProps {\n variant?: 'inline';\n size?: number;\n}\n\ninterface PageLoaderProps extends LoaderSharedProps {\n variant: 'page';\n header: string;\n description?: string;\n}\n\ntype LoaderProps = InlineLoaderProps | PageLoaderProps;\n\nconst isPageLoaderProps = (props: LoaderProps): props is PageLoaderProps => {\n return props.variant === 'page';\n};\n\nconst Loader: ForwardRefExoticComponent<\n LoaderProps & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, LoaderProps>((props, ref) => {\n const className = props.className;\n const role = props.role ?? 'status';\n const ariaLabel = props['aria-label'] ?? 'Loading';\n\n if (!isPageLoaderProps(props)) {\n const {\n size = 16,\n variant: _variant,\n className: _className,\n role: _role,\n 'aria-label': _ariaLabel,\n ...divProps\n } = props;\n\n return (\n <div\n ref={ref}\n data-slot=\"loader\"\n role={role}\n aria-label={ariaLabel}\n className={cn('inline-flex items-center justify-center', className)}\n {...divProps}\n >\n <LoaderGlyph size={size} strokeClassName=\"text-current\" />\n </div>\n );\n }\n\n const {\n variant: _variant,\n className: _className,\n role: _role,\n 'aria-label': _ariaLabel,\n header,\n description,\n ...divProps\n } = props;\n\n return (\n <div\n ref={ref}\n data-slot=\"loader\"\n role={role}\n aria-label={ariaLabel}\n className={cn(\n 'text-foreground flex h-[11.5rem] w-80 flex-col items-center justify-center gap-2',\n className\n )}\n {...divProps}\n >\n <LoaderGlyph\n size={112}\n className=\"size-28\"\n strokeClassName=\"text-current\"\n />\n\n <div className=\"flex w-full flex-col items-center justify-center gap-1 text-center\">\n <p className=\"text-lg font-medium leading-6 tracking-tightest text-foreground\">\n {header}\n </p>\n {description && (\n <p className=\"w-full text-sm leading-[18px] tracking-tight text-secondary-foreground\">\n {description}\n </p>\n )}\n </div>\n </div>\n );\n});\n\nLoader.displayName = 'Loader';\n\nexport { Loader };\nexport type { LoaderProps };\n"],"names":["forwardRef","cn","LoaderGlyph","size","className","strokeClassName","svg","aria-hidden","focusable","height","viewBox","width","xmlns","rect","data-slot","x","y","rx","fill","stroke","strokeWidth","strokeLinecap","isPageLoaderProps","props","variant","Loader","ref","role","ariaLabel","_variant","_className","_role","_ariaLabel","divProps","div","aria-label","header","description","p","displayName"],"mappings":";AAAA,SAKEA,UAAU,QACL,QAAQ;AAEf,SAASC,EAAE,QAAQ,2BAAwB;AAQ3C,MAAMC,cAAc,CAAC,EACnBC,OAAO,EAAE,EACTC,SAAS,EACTC,eAAe,EACE;IACjB,qBACE,MAACC;QACCC,eAAY;QACZC,WAAU;QACVJ,WAAWH,GAAG,oBAAoBI,iBAAiBD;QACnDK,QAAQN;QACRO,SAAQ;QACRC,OAAOR;QACPS,OAAM;;0BAEN,KAACC;gBACCT,WAAU;gBACVU,aAAU;gBACVC,GAAE;gBACFC,GAAE;gBACFL,OAAM;gBACNF,QAAO;gBACPQ,IAAG;gBACHC,MAAK;gBACLC,QAAO;gBACPC,aAAY;gBACZC,eAAc;;0BAEhB,KAACR;gBACCT,WAAU;gBACVU,aAAU;gBACVC,GAAE;gBACFC,GAAE;gBACFL,OAAM;gBACNF,QAAO;gBACPQ,IAAG;gBACHC,MAAK;gBACLC,QAAO;gBACPC,aAAY;gBACZC,eAAc;;;;AAItB;AAiBA,MAAMC,oBAAoB,CAACC;IACzB,OAAOA,MAAMC,OAAO,KAAK;AAC3B;AAEA,MAAMC,uBAEFzB,WAA6C,CAACuB,OAAOG;IACvD,MAAMtB,YAAYmB,MAAMnB,SAAS;IACjC,MAAMuB,OAAOJ,MAAMI,IAAI,IAAI;IAC3B,MAAMC,YAAYL,KAAK,CAAC,aAAa,IAAI;IAEzC,IAAI,CAACD,kBAAkBC,QAAQ;QAC7B,MAAM,EACJpB,OAAO,EAAE,EACTqB,SAASK,QAAQ,EACjBzB,WAAW0B,UAAU,EACrBH,MAAMI,KAAK,EACX,cAAcC,UAAU,EACxB,GAAGC,UACJ,GAAGV;QAEJ,qBACE,KAACW;YACCR,KAAKA;YACLZ,aAAU;YACVa,MAAMA;YACNQ,cAAYP;YACZxB,WAAWH,GAAG,2CAA2CG;YACxD,GAAG6B,QAAQ;sBAEZ,cAAA,KAAC/B;gBAAYC,MAAMA;gBAAME,iBAAgB;;;IAG/C;IAEA,MAAM,EACJmB,SAASK,QAAQ,EACjBzB,WAAW0B,UAAU,EACrBH,MAAMI,KAAK,EACX,cAAcC,UAAU,EACxBI,MAAM,EACNC,WAAW,EACX,GAAGJ,UACJ,GAAGV;IAEJ,qBACE,MAACW;QACCR,KAAKA;QACLZ,aAAU;QACVa,MAAMA;QACNQ,cAAYP;QACZxB,WAAWH,GACT,oFACAG;QAED,GAAG6B,QAAQ;;0BAEZ,KAAC/B;gBACCC,MAAM;gBACNC,WAAU;gBACVC,iBAAgB;;0BAGlB,MAAC6B;gBAAI9B,WAAU;;kCACb,KAACkC;wBAAElC,WAAU;kCACVgC;;oBAEFC,6BACC,KAACC;wBAAElC,WAAU;kCACViC;;;;;;AAMb;AAEAZ,OAAOc,WAAW,GAAG;AAErB,SAASd,MAAM,GAAG"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { ControlsConfig } from
|
|
1
|
+
import type { ControlsConfig } from "streamdown";
|
|
2
2
|
/**
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
3
|
+
* Default Streamdown `controls` for assistant markdown (`MessageResponse`).
|
|
4
|
+
*
|
|
5
|
+
* - **Mermaid:** Enables copy, download, and pan/zoom (AX-117, AX-118). Fullscreen is
|
|
6
|
+
* disabled: it uses a portal to `document.body`, which breaks scoped / prefixed CSS in
|
|
7
|
+
* micro-frontend hosts until upstream supports a configurable portal root.
|
|
8
|
+
* - **Code / table:** Off so chat keeps a simpler surface; callers may override via the
|
|
9
|
+
* `controls` prop on `MessageResponse`.
|
|
10
|
+
*/
|
|
11
11
|
export declare const MESSAGE_RESPONSE_DEFAULT_STREAMDOWN_CONTROLS: Exclude<ControlsConfig, boolean>;
|
|
@@ -1,13 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Default Streamdown `controls` for assistant markdown (`MessageResponse`).
|
|
3
|
+
*
|
|
4
|
+
* - **Mermaid:** Enables copy, download, and pan/zoom (AX-117, AX-118). Fullscreen is
|
|
5
|
+
* disabled: it uses a portal to `document.body`, which breaks scoped / prefixed CSS in
|
|
6
|
+
* micro-frontend hosts until upstream supports a configurable portal root.
|
|
7
|
+
* - **Code / table:** Off so chat keeps a simpler surface; callers may override via the
|
|
8
|
+
* `controls` prop on `MessageResponse`.
|
|
9
|
+
*/ export const MESSAGE_RESPONSE_DEFAULT_STREAMDOWN_CONTROLS = {
|
|
10
|
+
code: false,
|
|
11
|
+
table: false,
|
|
12
|
+
mermaid: {
|
|
13
|
+
copy: true,
|
|
14
|
+
download: true,
|
|
15
|
+
fullscreen: false,
|
|
16
|
+
panZoom: true
|
|
17
|
+
}
|
|
11
18
|
};
|
|
12
|
-
|
|
13
|
-
|
|
19
|
+
|
|
20
|
+
//# sourceMappingURL=message-response-default-streamdown-controls.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/ui/core/message/message-response-default-streamdown-controls.ts"],"sourcesContent":["import type { ControlsConfig } from 'streamdown';\n\n/**\n * Default Streamdown `controls` for assistant markdown (`MessageResponse`).\n *\n * - **Mermaid:** Enables copy, download, and pan/zoom (AX-117, AX-118). Fullscreen is\n * disabled: it uses a portal to `document.body`, which breaks scoped / prefixed CSS in\n * micro-frontend hosts until upstream supports a configurable portal root.\n * - **Code / table:** Off so chat keeps a simpler surface; callers may override via the\n * `controls` prop on `MessageResponse`.\n */\nexport const MESSAGE_RESPONSE_DEFAULT_STREAMDOWN_CONTROLS: Exclude<\n ControlsConfig,\n boolean\n> = {\n code: false,\n table: false,\n mermaid: {\n copy: true,\n download: true,\n fullscreen: false,\n panZoom: true,\n },\n};\n"],"names":["MESSAGE_RESPONSE_DEFAULT_STREAMDOWN_CONTROLS","code","table","mermaid","copy","download","fullscreen","panZoom"],"mappings":"AAEA;;;;;;;;CAQC,GACD,OAAO,MAAMA,+CAGT;IACFC,MAAM;IACNC,OAAO;IACPC,SAAS;QACPC,MAAM;QACNC,UAAU;QACVC,YAAY;QACZC,SAAS;IACX;AACF,EAAE"}
|