@cascivo/react 0.18.0 → 1.1.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/README.md +9 -7
- package/dist/accordion/accordion.js +1 -114
- package/dist/accordion/accordion.module.js +1 -10
- package/dist/action-sheet/action-sheet.css +1 -1
- package/dist/action-sheet/action-sheet.js +1 -91
- package/dist/action-sheet/action-sheet.module.js +1 -12
- package/dist/alert/alert.js +1 -55
- package/dist/alert/alert.module.js +1 -11
- package/dist/alert-dialog/alert-dialog.css +1 -1
- package/dist/alert-dialog/alert-dialog.js +1 -66
- package/dist/alert-dialog/alert-dialog.module.js +1 -11
- package/dist/app-shell/app-shell.css +1 -1
- package/dist/app-shell/app-shell.js +1 -85
- package/dist/app-shell/app-shell.module.js +1 -12
- package/dist/aspect-ratio/aspect-ratio.js +1 -20
- package/dist/aspect-ratio/aspect-ratio.module.js +1 -6
- package/dist/avatar/avatar.js +1 -57
- package/dist/avatar/avatar.module.js +1 -8
- package/dist/avatar-group/avatar-group.js +1 -24
- package/dist/avatar-group/avatar-group.module.js +1 -6
- package/dist/badge/badge.js +1 -22
- package/dist/badge/badge.module.js +1 -3
- package/dist/blockquote/blockquote.js +1 -16
- package/dist/blockquote/blockquote.module.js +1 -6
- package/dist/bottom-sheet/bottom-sheet.js +1 -111
- package/dist/bottom-sheet/bottom-sheet.module.js +1 -14
- package/dist/brand/logo/logo.css +1 -0
- package/dist/brand/logo/logo.js +1 -0
- package/dist/brand/logo/logo.module.js +2 -0
- package/dist/breadcrumb/breadcrumb.js +1 -28
- package/dist/breadcrumb/breadcrumb.module.js +1 -3
- package/dist/button/button.css +1 -1
- package/dist/button/button.js +1 -35
- package/dist/button/button.module.js +1 -6
- package/dist/button-group/button-group.js +1 -39
- package/dist/button-group/button-group.module.js +1 -3
- package/dist/calendar/calendar-date.js +1 -0
- package/dist/calendar/calendar.css +1 -1
- package/dist/calendar/calendar.js +1 -199
- package/dist/calendar/calendar.module.js +1 -14
- package/dist/card/card.js +1 -53
- package/dist/card/card.module.js +1 -12
- package/dist/carousel/carousel.css +1 -1
- package/dist/carousel/carousel.js +1 -138
- package/dist/carousel/carousel.module.js +1 -13
- package/dist/chat-bubble/chat-bubble.js +1 -31
- package/dist/chat-bubble/chat-bubble.module.js +1 -11
- package/dist/checkbox/checkbox.js +1 -38
- package/dist/checkbox/checkbox.module.js +1 -8
- package/dist/checkbox-card/checkbox-card.css +1 -1
- package/dist/checkbox-card/checkbox-card.js +1 -50
- package/dist/checkbox-card/checkbox-card.module.js +1 -11
- package/dist/code/code.js +1 -14
- package/dist/code/code.module.js +1 -3
- package/dist/code-snippet/code-snippet.js +2 -121
- package/dist/code-snippet/code-snippet.module.js +1 -17
- package/dist/code-snippet/highlight.js +1 -67
- package/dist/collapsible/collapsible.js +1 -47
- package/dist/collapsible/collapsible.module.js +1 -7
- package/dist/color-picker/color-picker.css +1 -1
- package/dist/color-picker/color-picker.js +1 -268
- package/dist/color-picker/color-picker.module.js +1 -18
- package/dist/color-picker/color.js +1 -0
- package/dist/combobox/combobox.css +1 -1
- package/dist/combobox/combobox.js +1 -165
- package/dist/combobox/combobox.module.js +1 -19
- package/dist/combobox/list-nav.js +1 -0
- package/dist/combobox/option-list.js +1 -0
- package/dist/command-menu/command-menu.js +1 -421
- package/dist/command-menu/command-menu.module.js +1 -34
- package/dist/comparison/comparison.js +1 -69
- package/dist/comparison/comparison.module.js +1 -9
- package/dist/contained-list/contained-list.js +1 -41
- package/dist/contained-list/contained-list.module.js +1 -11
- package/dist/context-menu/context-menu.js +1 -93
- package/dist/context-menu/context-menu.module.js +1 -7
- package/dist/copy-button/copy-button.js +1 -60
- package/dist/copy-button/copy-button.module.js +1 -6
- package/dist/data-list/data-list.js +1 -25
- package/dist/data-list/data-list.module.js +1 -8
- package/dist/data-table/column-filter.js +1 -0
- package/dist/data-table/column-layout.js +1 -0
- package/dist/data-table/data-table.css +1 -1
- package/dist/data-table/data-table.js +1 -371
- package/dist/data-table/data-table.module.js +1 -33
- package/dist/data-table/grid-keys.js +1 -0
- package/dist/data-table/row-group.js +1 -0
- package/dist/data-table/row-search.js +1 -0
- package/dist/data-table/row-sort.js +1 -0
- package/dist/data-table/to-csv.js +3 -0
- package/dist/data-table/virtual-window.js +1 -0
- package/dist/date-picker/date-picker.css +1 -1
- package/dist/date-picker/date-picker.js +1 -219
- package/dist/date-picker/date-picker.module.js +1 -23
- package/dist/date-picker/parse-date.js +1 -0
- package/dist/date-range-picker/date-range-picker.js +1 -196
- package/dist/date-range-picker/date-range-picker.module.js +1 -18
- package/dist/dock/dock.css +1 -1
- package/dist/dock/dock.js +1 -34
- package/dist/dock/dock.module.js +1 -8
- package/dist/drawer/drawer.js +1 -96
- package/dist/drawer/drawer.module.js +1 -13
- package/dist/dropdown/dropdown.css +1 -1
- package/dist/dropdown/dropdown.js +1 -107
- package/dist/dropdown/dropdown.module.js +1 -9
- package/dist/editable/editable.js +1 -67
- package/dist/editable/editable.module.js +1 -11
- package/dist/empty-state/empty-state.js +1 -32
- package/dist/empty-state/empty-state.module.js +1 -9
- package/dist/fab/fab.css +1 -1
- package/dist/fab/fab.js +1 -93
- package/dist/fab/fab.module.js +1 -12
- package/dist/field/field.css +1 -1
- package/dist/field/field.js +1 -46
- package/dist/field/field.module.js +1 -7
- package/dist/file-uploader/file-uploader.css +1 -1
- package/dist/file-uploader/file-uploader.js +1 -122
- package/dist/file-uploader/file-uploader.module.js +1 -18
- package/dist/filter/filter.css +1 -1
- package/dist/filter/filter.js +1 -35
- package/dist/filter/filter.module.js +1 -6
- package/dist/form/form.js +1 -95
- package/dist/form/form.module.js +1 -3
- package/dist/header/header.js +1 -44
- package/dist/header/header.module.js +1 -11
- package/dist/header-panel/header-panel.js +1 -72
- package/dist/header-panel/header-panel.module.js +1 -9
- package/dist/heading/heading.css +1 -1
- package/dist/heading/heading.js +1 -22
- package/dist/heading/heading.module.js +1 -3
- package/dist/hover-card/hover-card.css +1 -1
- package/dist/hover-card/hover-card.js +1 -84
- package/dist/hover-card/hover-card.module.js +1 -6
- package/dist/icon-button/icon-button.js +1 -19
- package/dist/icon-button/icon-button.module.js +1 -3
- package/dist/image/image.css +1 -1
- package/dist/image/image.js +1 -64
- package/dist/image/image.module.js +1 -9
- package/dist/index.d.ts +2084 -120
- package/dist/indicator/indicator.js +1 -16
- package/dist/indicator/indicator.module.js +1 -6
- package/dist/infinite-scroll/infinite-scroll.js +1 -49
- package/dist/infinite-scroll/infinite-scroll.module.js +1 -7
- package/dist/inline-loading/inline-loading.js +1 -74
- package/dist/inline-loading/inline-loading.module.js +1 -9
- package/dist/input/input.css +1 -1
- package/dist/input/input.js +1 -55
- package/dist/input/input.module.js +1 -9
- package/dist/input-group/input-group.css +1 -1
- package/dist/input-group/input-group.js +1 -39
- package/dist/input-group/input-group.module.js +1 -9
- package/dist/item/item.js +1 -50
- package/dist/item/item.module.js +1 -10
- package/dist/join/join.js +1 -12
- package/dist/join/join.module.js +1 -3
- package/dist/kbd/kbd.js +1 -14
- package/dist/kbd/kbd.module.js +1 -3
- package/dist/label/label.js +1 -23
- package/dist/label/label.module.js +1 -7
- package/dist/large-title-header/large-title-header.js +1 -38
- package/dist/large-title-header/large-title-header.module.js +1 -12
- package/dist/layouts/src/auto-grid/auto-grid.js +1 -17
- package/dist/layouts/src/auto-grid/auto-grid.module.js +1 -4
- package/dist/layouts/src/center/center.js +1 -16
- package/dist/layouts/src/center/center.module.js +1 -3
- package/dist/layouts/src/columns/columns.js +1 -21
- package/dist/layouts/src/columns/columns.module.js +1 -6
- package/dist/layouts/src/flex/flex.js +1 -20
- package/dist/layouts/src/flex/flex.module.js +1 -3
- package/dist/layouts/src/grid/grid.css +1 -1
- package/dist/layouts/src/grid/grid.js +1 -55
- package/dist/layouts/src/grid/grid.module.js +1 -7
- package/dist/layouts/src/page-header/page-header.js +1 -31
- package/dist/layouts/src/page-header/page-header.module.js +1 -10
- package/dist/layouts/src/spacer/spacer.js +1 -17
- package/dist/layouts/src/spacer/spacer.module.js +1 -3
- package/dist/link/link.css +1 -1
- package/dist/link/link.js +1 -22
- package/dist/link/link.module.js +1 -3
- package/dist/list/list.js +1 -21
- package/dist/list/list.module.js +1 -6
- package/dist/log-viewer/log-viewer.css +1 -1
- package/dist/log-viewer/log-viewer.js +2 -184
- package/dist/log-viewer/log-viewer.module.js +1 -16
- package/dist/menu/menu.js +1 -126
- package/dist/menu/menu.module.js +1 -8
- package/dist/menu-button/menu-button.js +1 -92
- package/dist/menu-button/menu-button.module.js +1 -8
- package/dist/menubar/menubar.js +1 -103
- package/dist/menubar/menubar.module.js +1 -8
- package/dist/modal/modal.css +1 -1
- package/dist/modal/modal.js +1 -76
- package/dist/modal/modal.module.js +1 -12
- package/dist/multi-select/list-nav.js +1 -0
- package/dist/multi-select/multi-select.css +1 -1
- package/dist/multi-select/multi-select.js +1 -106
- package/dist/multi-select/multi-select.module.js +1 -15
- package/dist/multi-select/option-list.js +1 -0
- package/dist/native-select/native-select.css +1 -1
- package/dist/native-select/native-select.js +1 -37
- package/dist/native-select/native-select.module.js +1 -7
- package/dist/navigation-menu/navigation-menu.js +1 -99
- package/dist/navigation-menu/navigation-menu.module.js +1 -10
- package/dist/node/accordion/accordion.js +1 -114
- package/dist/node/accordion/accordion.module.js +1 -10
- package/dist/node/action-sheet/action-sheet.js +1 -91
- package/dist/node/action-sheet/action-sheet.module.js +1 -12
- package/dist/node/alert/alert.js +1 -55
- package/dist/node/alert/alert.module.js +1 -11
- package/dist/node/alert-dialog/alert-dialog.js +1 -66
- package/dist/node/alert-dialog/alert-dialog.module.js +1 -11
- package/dist/node/app-shell/app-shell.js +1 -85
- package/dist/node/app-shell/app-shell.module.js +1 -12
- package/dist/node/aspect-ratio/aspect-ratio.js +1 -20
- package/dist/node/aspect-ratio/aspect-ratio.module.js +1 -6
- package/dist/node/avatar/avatar.js +1 -57
- package/dist/node/avatar/avatar.module.js +1 -8
- package/dist/node/avatar-group/avatar-group.js +1 -24
- package/dist/node/avatar-group/avatar-group.module.js +1 -6
- package/dist/node/badge/badge.js +1 -22
- package/dist/node/badge/badge.module.js +1 -3
- package/dist/node/blockquote/blockquote.js +1 -16
- package/dist/node/blockquote/blockquote.module.js +1 -6
- package/dist/node/bottom-sheet/bottom-sheet.js +1 -111
- package/dist/node/bottom-sheet/bottom-sheet.module.js +1 -14
- package/dist/node/brand/logo/logo.js +1 -0
- package/dist/node/brand/logo/logo.module.js +1 -0
- package/dist/node/breadcrumb/breadcrumb.js +1 -28
- package/dist/node/breadcrumb/breadcrumb.module.js +1 -3
- package/dist/node/button/button.js +1 -35
- package/dist/node/button/button.module.js +1 -6
- package/dist/node/button-group/button-group.js +1 -39
- package/dist/node/button-group/button-group.module.js +1 -3
- package/dist/node/calendar/calendar-date.js +1 -0
- package/dist/node/calendar/calendar.js +1 -199
- package/dist/node/calendar/calendar.module.js +1 -14
- package/dist/node/card/card.js +1 -53
- package/dist/node/card/card.module.js +1 -12
- package/dist/node/carousel/carousel.js +1 -138
- package/dist/node/carousel/carousel.module.js +1 -13
- package/dist/node/chat-bubble/chat-bubble.js +1 -31
- package/dist/node/chat-bubble/chat-bubble.module.js +1 -11
- package/dist/node/checkbox/checkbox.js +1 -38
- package/dist/node/checkbox/checkbox.module.js +1 -8
- package/dist/node/checkbox-card/checkbox-card.js +1 -50
- package/dist/node/checkbox-card/checkbox-card.module.js +1 -11
- package/dist/node/code/code.js +1 -14
- package/dist/node/code/code.module.js +1 -3
- package/dist/node/code-snippet/code-snippet.js +2 -121
- package/dist/node/code-snippet/code-snippet.module.js +1 -17
- package/dist/node/code-snippet/highlight.js +1 -67
- package/dist/node/collapsible/collapsible.js +1 -47
- package/dist/node/collapsible/collapsible.module.js +1 -7
- package/dist/node/color-picker/color-picker.js +1 -268
- package/dist/node/color-picker/color-picker.module.js +1 -18
- package/dist/node/color-picker/color.js +1 -0
- package/dist/node/combobox/combobox.js +1 -165
- package/dist/node/combobox/combobox.module.js +1 -19
- package/dist/node/combobox/list-nav.js +1 -0
- package/dist/node/combobox/option-list.js +1 -0
- package/dist/node/command-menu/command-menu.js +1 -421
- package/dist/node/command-menu/command-menu.module.js +1 -34
- package/dist/node/comparison/comparison.js +1 -69
- package/dist/node/comparison/comparison.module.js +1 -9
- package/dist/node/contained-list/contained-list.js +1 -41
- package/dist/node/contained-list/contained-list.module.js +1 -11
- package/dist/node/context-menu/context-menu.js +1 -93
- package/dist/node/context-menu/context-menu.module.js +1 -7
- package/dist/node/copy-button/copy-button.js +1 -60
- package/dist/node/copy-button/copy-button.module.js +1 -6
- package/dist/node/data-list/data-list.js +1 -25
- package/dist/node/data-list/data-list.module.js +1 -8
- package/dist/node/data-table/column-filter.js +1 -0
- package/dist/node/data-table/column-layout.js +1 -0
- package/dist/node/data-table/data-table.js +1 -371
- package/dist/node/data-table/data-table.module.js +1 -33
- package/dist/node/data-table/grid-keys.js +1 -0
- package/dist/node/data-table/row-group.js +1 -0
- package/dist/node/data-table/row-search.js +1 -0
- package/dist/node/data-table/row-sort.js +1 -0
- package/dist/node/data-table/to-csv.js +3 -0
- package/dist/node/data-table/virtual-window.js +1 -0
- package/dist/node/date-picker/date-picker.js +1 -219
- package/dist/node/date-picker/date-picker.module.js +1 -23
- package/dist/node/date-picker/parse-date.js +1 -0
- package/dist/node/date-range-picker/date-range-picker.js +1 -196
- package/dist/node/date-range-picker/date-range-picker.module.js +1 -18
- package/dist/node/dock/dock.js +1 -34
- package/dist/node/dock/dock.module.js +1 -8
- package/dist/node/drawer/drawer.js +1 -96
- package/dist/node/drawer/drawer.module.js +1 -13
- package/dist/node/dropdown/dropdown.js +1 -107
- package/dist/node/dropdown/dropdown.module.js +1 -9
- package/dist/node/editable/editable.js +1 -67
- package/dist/node/editable/editable.module.js +1 -11
- package/dist/node/empty-state/empty-state.js +1 -32
- package/dist/node/empty-state/empty-state.module.js +1 -9
- package/dist/node/fab/fab.js +1 -93
- package/dist/node/fab/fab.module.js +1 -12
- package/dist/node/field/field.js +1 -46
- package/dist/node/field/field.module.js +1 -7
- package/dist/node/file-uploader/file-uploader.js +1 -122
- package/dist/node/file-uploader/file-uploader.module.js +1 -18
- package/dist/node/filter/filter.js +1 -35
- package/dist/node/filter/filter.module.js +1 -6
- package/dist/node/form/form.js +1 -95
- package/dist/node/form/form.module.js +1 -3
- package/dist/node/header/header.js +1 -44
- package/dist/node/header/header.module.js +1 -11
- package/dist/node/header-panel/header-panel.js +1 -72
- package/dist/node/header-panel/header-panel.module.js +1 -9
- package/dist/node/heading/heading.js +1 -22
- package/dist/node/heading/heading.module.js +1 -3
- package/dist/node/hover-card/hover-card.js +1 -84
- package/dist/node/hover-card/hover-card.module.js +1 -6
- package/dist/node/icon-button/icon-button.js +1 -19
- package/dist/node/icon-button/icon-button.module.js +1 -3
- package/dist/node/image/image.js +1 -64
- package/dist/node/image/image.module.js +1 -9
- package/dist/node/indicator/indicator.js +1 -16
- package/dist/node/indicator/indicator.module.js +1 -6
- package/dist/node/infinite-scroll/infinite-scroll.js +1 -49
- package/dist/node/infinite-scroll/infinite-scroll.module.js +1 -7
- package/dist/node/inline-loading/inline-loading.js +1 -74
- package/dist/node/inline-loading/inline-loading.module.js +1 -9
- package/dist/node/input/input.js +1 -55
- package/dist/node/input/input.module.js +1 -9
- package/dist/node/input-group/input-group.js +1 -39
- package/dist/node/input-group/input-group.module.js +1 -9
- package/dist/node/item/item.js +1 -50
- package/dist/node/item/item.module.js +1 -10
- package/dist/node/join/join.js +1 -12
- package/dist/node/join/join.module.js +1 -3
- package/dist/node/kbd/kbd.js +1 -14
- package/dist/node/kbd/kbd.module.js +1 -3
- package/dist/node/label/label.js +1 -23
- package/dist/node/label/label.module.js +1 -7
- package/dist/node/large-title-header/large-title-header.js +1 -38
- package/dist/node/large-title-header/large-title-header.module.js +1 -12
- package/dist/node/layouts/src/auto-grid/auto-grid.js +1 -17
- package/dist/node/layouts/src/auto-grid/auto-grid.module.js +1 -4
- package/dist/node/layouts/src/center/center.js +1 -16
- package/dist/node/layouts/src/center/center.module.js +1 -3
- package/dist/node/layouts/src/columns/columns.js +1 -21
- package/dist/node/layouts/src/columns/columns.module.js +1 -6
- package/dist/node/layouts/src/flex/flex.js +1 -20
- package/dist/node/layouts/src/flex/flex.module.js +1 -3
- package/dist/node/layouts/src/grid/grid.js +1 -55
- package/dist/node/layouts/src/grid/grid.module.js +1 -7
- package/dist/node/layouts/src/page-header/page-header.js +1 -31
- package/dist/node/layouts/src/page-header/page-header.module.js +1 -10
- package/dist/node/layouts/src/spacer/spacer.js +1 -17
- package/dist/node/layouts/src/spacer/spacer.module.js +1 -3
- package/dist/node/link/link.js +1 -22
- package/dist/node/link/link.module.js +1 -3
- package/dist/node/list/list.js +1 -21
- package/dist/node/list/list.module.js +1 -6
- package/dist/node/log-viewer/log-viewer.js +2 -184
- package/dist/node/log-viewer/log-viewer.module.js +1 -16
- package/dist/node/menu/menu.js +1 -126
- package/dist/node/menu/menu.module.js +1 -8
- package/dist/node/menu-button/menu-button.js +1 -92
- package/dist/node/menu-button/menu-button.module.js +1 -8
- package/dist/node/menubar/menubar.js +1 -103
- package/dist/node/menubar/menubar.module.js +1 -8
- package/dist/node/modal/modal.js +1 -76
- package/dist/node/modal/modal.module.js +1 -12
- package/dist/node/multi-select/list-nav.js +1 -0
- package/dist/node/multi-select/multi-select.js +1 -106
- package/dist/node/multi-select/multi-select.module.js +1 -15
- package/dist/node/multi-select/option-list.js +1 -0
- package/dist/node/native-select/native-select.js +1 -37
- package/dist/node/native-select/native-select.module.js +1 -7
- package/dist/node/navigation-menu/navigation-menu.js +1 -99
- package/dist/node/navigation-menu/navigation-menu.module.js +1 -10
- package/dist/node/notification/notification.js +1 -140
- package/dist/node/notification/notification.module.js +1 -11
- package/dist/node/number-input/number-input.js +1 -147
- package/dist/node/number-input/number-input.module.js +1 -12
- package/dist/node/otp-input/otp-input.js +1 -70
- package/dist/node/otp-input/otp-input.module.js +1 -6
- package/dist/node/overflow-menu/overflow-menu.js +1 -70
- package/dist/node/overflow-menu/overflow-menu.module.js +1 -7
- package/dist/node/pagination/pagination.js +1 -92
- package/dist/node/pagination/pagination.module.js +1 -11
- package/dist/node/password-input/password-input.js +1 -81
- package/dist/node/password-input/password-input.module.js +1 -11
- package/dist/node/popover/popover.js +1 -51
- package/dist/node/popover/popover.module.js +1 -6
- package/dist/node/popover/use-popover.js +1 -55
- package/dist/node/progress/progress.js +1 -16
- package/dist/node/progress/progress.module.js +1 -6
- package/dist/node/progress-bar/progress-bar.js +1 -42
- package/dist/node/progress-bar/progress-bar.module.js +1 -11
- package/dist/node/progress-circle/progress-circle.js +1 -46
- package/dist/node/progress-circle/progress-circle.module.js +1 -9
- package/dist/node/progress-indicator/progress-indicator.js +1 -34
- package/dist/node/progress-indicator/progress-indicator.module.js +1 -10
- package/dist/node/prose/prose.js +1 -13
- package/dist/node/prose/prose.module.js +1 -3
- package/dist/node/pull-to-refresh/pull-to-refresh.js +1 -82
- package/dist/node/pull-to-refresh/pull-to-refresh.module.js +1 -9
- package/dist/node/qr-code/encode.js +1 -583
- package/dist/node/qr-code/qr-code.js +1 -41
- package/dist/node/qr-code/qr-code.module.js +1 -6
- package/dist/node/radial-progress/radial-progress.js +1 -27
- package/dist/node/radial-progress/radial-progress.module.js +1 -6
- package/dist/node/radio/radio.js +1 -48
- package/dist/node/radio/radio.module.js +1 -9
- package/dist/node/radio-card/radio-card.js +1 -64
- package/dist/node/radio-card/radio-card.module.js +1 -11
- package/dist/node/rating-group/rating-group.js +1 -37
- package/dist/node/rating-group/rating-group.module.js +1 -6
- package/dist/node/react/src/index.js +1 -141
- package/dist/node/relative-time/relative-time.js +1 -66
- package/dist/node/relative-time/relative-time.module.js +1 -3
- package/dist/node/reorder-list/reorder-list.js +1 -143
- package/dist/node/reorder-list/reorder-list.module.js +1 -11
- package/dist/node/resizable/resizable.js +1 -80
- package/dist/node/resizable/resizable.module.js +1 -8
- package/dist/node/scroll-area/scroll-area.js +1 -38
- package/dist/node/scroll-area/scroll-area.module.js +1 -3
- package/dist/node/search/search.js +1 -92
- package/dist/node/search/search.module.js +1 -9
- package/dist/node/segmented-control/segmented-control.js +1 -43
- package/dist/node/segmented-control/segmented-control.module.js +1 -6
- package/dist/node/select/select.js +1 -72
- package/dist/node/select/select.module.js +1 -11
- package/dist/node/separator/separator.js +1 -19
- package/dist/node/separator/separator.module.js +1 -3
- package/dist/node/sheet/sheet.js +1 -49
- package/dist/node/sheet/sheet.module.js +1 -9
- package/dist/node/shell-header/shell-header.js +1 -169
- package/dist/node/shell-header/shell-header.module.js +1 -24
- package/dist/node/side-nav/side-nav.js +1 -334
- package/dist/node/side-nav/side-nav.module.js +1 -31
- package/dist/node/skeleton/skeleton.js +1 -23
- package/dist/node/skeleton/skeleton.module.js +1 -7
- package/dist/node/skip-nav/skip-nav.js +1 -28
- package/dist/node/skip-nav/skip-nav.module.js +1 -3
- package/dist/node/slider/slider.js +1 -29
- package/dist/node/slider/slider.module.js +1 -7
- package/dist/node/spinner/spinner.js +1 -18
- package/dist/node/spinner/spinner.module.js +1 -6
- package/dist/node/stack/stack.js +1 -17
- package/dist/node/stack/stack.module.js +1 -6
- package/dist/node/stat/stat.js +1 -41
- package/dist/node/stat/stat.module.js +1 -11
- package/dist/node/status/status.js +1 -25
- package/dist/node/status/status.module.js +1 -7
- package/dist/node/steps/steps.js +1 -35
- package/dist/node/steps/steps.module.js +1 -8
- package/dist/node/structured-list/structured-list.js +1 -102
- package/dist/node/structured-list/structured-list.module.js +1 -12
- package/dist/node/swap/swap.js +1 -36
- package/dist/node/swap/swap.module.js +1 -7
- package/dist/node/swipe-item/swipe-item.js +1 -62
- package/dist/node/swipe-item/swipe-item.module.js +1 -12
- package/dist/node/switcher/switcher.js +1 -32
- package/dist/node/switcher/switcher.module.js +1 -8
- package/dist/node/tabs/tabs.js +1 -98
- package/dist/node/tabs/tabs.module.js +1 -8
- package/dist/node/tag/tag.js +1 -33
- package/dist/node/tag/tag.module.js +1 -6
- package/dist/node/tags-input/tags-input.js +1 -64
- package/dist/node/tags-input/tags-input.module.js +1 -8
- package/dist/node/text/text.js +1 -16
- package/dist/node/text/text.module.js +1 -3
- package/dist/node/textarea/textarea.js +1 -57
- package/dist/node/textarea/textarea.module.js +1 -9
- package/dist/node/tile/tile.js +1 -39
- package/dist/node/tile/tile.module.js +1 -7
- package/dist/node/time-picker/time-picker.js +1 -63
- package/dist/node/time-picker/time-picker.module.js +1 -9
- package/dist/node/timeline/timeline.js +1 -55
- package/dist/node/timeline/timeline.module.js +1 -11
- package/dist/node/toast/toast.js +1 -85
- package/dist/node/toast/toast.module.js +1 -11
- package/dist/node/toc/toc.js +1 -43
- package/dist/node/toc/toc.module.js +1 -3
- package/dist/node/toc/use-toc-from-region.js +1 -18
- package/dist/node/toggle/toggle.js +1 -41
- package/dist/node/toggle/toggle.module.js +1 -8
- package/dist/node/toggle-group/toggle-group.js +1 -55
- package/dist/node/toggle-group/toggle-group.module.js +1 -6
- package/dist/node/toggletip/toggletip.js +1 -49
- package/dist/node/toggletip/toggletip.module.js +1 -7
- package/dist/node/tooltip/tooltip.js +1 -58
- package/dist/node/tooltip/tooltip.module.js +1 -6
- package/dist/node/tree-view/tree-view.js +1 -201
- package/dist/node/tree-view/tree-view.module.js +1 -13
- package/dist/node/user/user.js +1 -35
- package/dist/node/user/user.module.js +1 -9
- package/dist/node/virtual-list/virtual-list.js +1 -40
- package/dist/node/virtual-list/virtual-list.module.js +1 -7
- package/dist/node/visually-hidden/visually-hidden.js +1 -2
- package/dist/node/wheel-picker/wheel-picker.js +1 -84
- package/dist/node/wheel-picker/wheel-picker.module.js +1 -8
- package/dist/notification/notification.js +1 -140
- package/dist/notification/notification.module.js +1 -11
- package/dist/number-input/number-input.js +1 -147
- package/dist/number-input/number-input.module.js +1 -12
- package/dist/otp-input/otp-input.js +1 -70
- package/dist/otp-input/otp-input.module.js +1 -6
- package/dist/overflow-menu/overflow-menu.js +1 -70
- package/dist/overflow-menu/overflow-menu.module.js +1 -7
- package/dist/pagination/pagination.js +1 -92
- package/dist/pagination/pagination.module.js +1 -11
- package/dist/password-input/password-input.js +1 -81
- package/dist/password-input/password-input.module.js +1 -11
- package/dist/popover/popover.js +1 -51
- package/dist/popover/popover.module.js +1 -6
- package/dist/popover/use-popover.js +1 -55
- package/dist/progress/progress.css +1 -1
- package/dist/progress/progress.js +1 -16
- package/dist/progress/progress.module.js +1 -6
- package/dist/progress-bar/progress-bar.css +1 -1
- package/dist/progress-bar/progress-bar.js +1 -42
- package/dist/progress-bar/progress-bar.module.js +1 -11
- package/dist/progress-circle/progress-circle.js +1 -46
- package/dist/progress-circle/progress-circle.module.js +1 -9
- package/dist/progress-indicator/progress-indicator.css +1 -1
- package/dist/progress-indicator/progress-indicator.js +1 -34
- package/dist/progress-indicator/progress-indicator.module.js +1 -10
- package/dist/prose/prose.css +1 -1
- package/dist/prose/prose.js +1 -13
- package/dist/prose/prose.module.js +1 -3
- package/dist/pull-to-refresh/pull-to-refresh.js +1 -82
- package/dist/pull-to-refresh/pull-to-refresh.module.js +1 -9
- package/dist/qr-code/encode.js +1 -583
- package/dist/qr-code/qr-code.js +1 -41
- package/dist/qr-code/qr-code.module.js +1 -6
- package/dist/radial-progress/radial-progress.js +1 -27
- package/dist/radial-progress/radial-progress.module.js +1 -6
- package/dist/radio/radio.js +1 -48
- package/dist/radio/radio.module.js +1 -9
- package/dist/radio-card/radio-card.css +1 -1
- package/dist/radio-card/radio-card.js +1 -64
- package/dist/radio-card/radio-card.module.js +1 -11
- package/dist/rating-group/rating-group.js +1 -37
- package/dist/rating-group/rating-group.module.js +1 -6
- package/dist/react/src/index.js +1 -141
- package/dist/relative-time/relative-time.js +1 -66
- package/dist/relative-time/relative-time.module.js +1 -3
- package/dist/reorder-list/reorder-list.css +1 -1
- package/dist/reorder-list/reorder-list.js +1 -143
- package/dist/reorder-list/reorder-list.module.js +1 -11
- package/dist/resizable/resizable.js +1 -80
- package/dist/resizable/resizable.module.js +1 -8
- package/dist/scroll-area/scroll-area.css +1 -1
- package/dist/scroll-area/scroll-area.js +1 -38
- package/dist/scroll-area/scroll-area.module.js +1 -3
- package/dist/search/search.js +1 -92
- package/dist/search/search.module.js +1 -9
- package/dist/segmented-control/segmented-control.js +1 -43
- package/dist/segmented-control/segmented-control.module.js +1 -6
- package/dist/select/select.js +1 -72
- package/dist/select/select.module.js +1 -11
- package/dist/separator/separator.js +1 -19
- package/dist/separator/separator.module.js +1 -3
- package/dist/sheet/sheet.js +1 -49
- package/dist/sheet/sheet.module.js +1 -9
- package/dist/shell-header/shell-header.css +1 -1
- package/dist/shell-header/shell-header.js +1 -169
- package/dist/shell-header/shell-header.module.js +1 -24
- package/dist/side-nav/side-nav.css +1 -1
- package/dist/side-nav/side-nav.js +1 -334
- package/dist/side-nav/side-nav.module.js +1 -31
- package/dist/skeleton/skeleton.css +1 -1
- package/dist/skeleton/skeleton.js +1 -23
- package/dist/skeleton/skeleton.module.js +1 -7
- package/dist/skip-nav/skip-nav.js +1 -28
- package/dist/skip-nav/skip-nav.module.js +1 -3
- package/dist/slider/slider.js +1 -29
- package/dist/slider/slider.module.js +1 -7
- package/dist/spinner/spinner.css +1 -1
- package/dist/spinner/spinner.js +1 -18
- package/dist/spinner/spinner.module.js +1 -6
- package/dist/stack/stack.js +1 -17
- package/dist/stack/stack.module.js +1 -6
- package/dist/stat/stat.js +1 -41
- package/dist/stat/stat.module.js +1 -11
- package/dist/status/status.css +1 -1
- package/dist/status/status.js +1 -25
- package/dist/status/status.module.js +1 -7
- package/dist/steps/steps.css +1 -1
- package/dist/steps/steps.js +1 -35
- package/dist/steps/steps.module.js +1 -8
- package/dist/structured-list/structured-list.js +1 -102
- package/dist/structured-list/structured-list.module.js +1 -12
- package/dist/styles.css +395 -53
- package/dist/swap/swap.css +1 -1
- package/dist/swap/swap.js +1 -36
- package/dist/swap/swap.module.js +1 -7
- package/dist/swipe-item/swipe-item.js +1 -62
- package/dist/swipe-item/swipe-item.module.js +1 -12
- package/dist/switcher/switcher.js +1 -32
- package/dist/switcher/switcher.module.js +1 -8
- package/dist/tabs/tabs.js +1 -98
- package/dist/tabs/tabs.module.js +1 -8
- package/dist/tag/tag.js +1 -33
- package/dist/tag/tag.module.js +1 -6
- package/dist/tags-input/tags-input.js +1 -64
- package/dist/tags-input/tags-input.module.js +1 -8
- package/dist/text/text.css +1 -1
- package/dist/text/text.js +1 -16
- package/dist/text/text.module.js +1 -3
- package/dist/textarea/textarea.css +1 -1
- package/dist/textarea/textarea.js +1 -57
- package/dist/textarea/textarea.module.js +1 -9
- package/dist/tile/tile.css +1 -1
- package/dist/tile/tile.js +1 -39
- package/dist/tile/tile.module.js +1 -7
- package/dist/time-picker/time-picker.js +1 -63
- package/dist/time-picker/time-picker.module.js +1 -9
- package/dist/timeline/timeline.js +1 -55
- package/dist/timeline/timeline.module.js +1 -11
- package/dist/toast/toast.css +1 -1
- package/dist/toast/toast.js +1 -85
- package/dist/toast/toast.module.js +1 -11
- package/dist/toc/toc.css +1 -1
- package/dist/toc/toc.js +1 -43
- package/dist/toc/toc.module.js +1 -3
- package/dist/toc/use-toc-from-region.js +1 -18
- package/dist/toggle/toggle.js +1 -41
- package/dist/toggle/toggle.module.js +1 -8
- package/dist/toggle-group/toggle-group.js +1 -55
- package/dist/toggle-group/toggle-group.module.js +1 -6
- package/dist/toggletip/toggletip.js +1 -49
- package/dist/toggletip/toggletip.module.js +1 -7
- package/dist/tooltip/tooltip.css +1 -1
- package/dist/tooltip/tooltip.js +1 -58
- package/dist/tooltip/tooltip.module.js +1 -6
- package/dist/tree-view/tree-view.css +1 -1
- package/dist/tree-view/tree-view.js +1 -201
- package/dist/tree-view/tree-view.module.js +1 -13
- package/dist/user/user.js +1 -35
- package/dist/user/user.module.js +1 -9
- package/dist/virtual-list/virtual-list.js +1 -40
- package/dist/virtual-list/virtual-list.module.js +1 -7
- package/dist/visually-hidden/visually-hidden.js +1 -2
- package/dist/wheel-picker/wheel-picker.js +1 -84
- package/dist/wheel-picker/wheel-picker.module.js +1 -8
- package/package.json +4 -4
- package/readme.body.md +7 -5
|
@@ -1,24 +1 @@
|
|
|
1
|
-
var e
|
|
2
|
-
header: "_header_6njjo_2",
|
|
3
|
-
skipLink: "_skipLink_6njjo_14",
|
|
4
|
-
menuButton: "_menuButton_6njjo_36",
|
|
5
|
-
brand: "_brand_6njjo_59",
|
|
6
|
-
brandPrefix: "_brandPrefix_6njjo_69",
|
|
7
|
-
brandName: "_brandName_6njjo_73",
|
|
8
|
-
nav: "_nav_6njjo_77",
|
|
9
|
-
navList: "_navList_6njjo_81",
|
|
10
|
-
navLink: "_navLink_6njjo_90",
|
|
11
|
-
navMenuWrapper: "_navMenuWrapper_6njjo_119",
|
|
12
|
-
navMenuTrigger: "_navMenuTrigger_6njjo_124",
|
|
13
|
-
chevron: "_chevron_6njjo_156",
|
|
14
|
-
navMenuPanel: "_navMenuPanel_6njjo_164",
|
|
15
|
-
navMenuItem: "_navMenuItem_6njjo_197",
|
|
16
|
-
spacer: "_spacer_6njjo_219",
|
|
17
|
-
center: "_center_6njjo_226",
|
|
18
|
-
actions: "_actions_6njjo_235",
|
|
19
|
-
action: "_action_6njjo_235",
|
|
20
|
-
actionIcon: "_actionIcon_6njjo_269",
|
|
21
|
-
end: "_end_6njjo_277"
|
|
22
|
-
};
|
|
23
|
-
//#endregion
|
|
24
|
-
export { e as default };
|
|
1
|
+
var e={header:`_header_awr9h_2`,skipLink:`_skipLink_awr9h_14`,menuButton:`_menuButton_awr9h_36`,brand:`_brand_awr9h_59`,brandPrefix:`_brandPrefix_awr9h_69`,brandName:`_brandName_awr9h_73`,nav:`_nav_awr9h_77`,navList:`_navList_awr9h_81`,navLink:`_navLink_awr9h_90`,navMenuWrapper:`_navMenuWrapper_awr9h_119`,navMenuTrigger:`_navMenuTrigger_awr9h_124`,chevron:`_chevron_awr9h_156`,navMenuPanel:`_navMenuPanel_awr9h_164`,navMenuItem:`_navMenuItem_awr9h_197`,spacer:`_spacer_awr9h_219`,center:`_center_awr9h_226`,actions:`_actions_awr9h_235`,action:`_action_awr9h_235`,actionIcon:`_actionIcon_awr9h_269`,end:`_end_awr9h_277`};export{e as default};
|
|
@@ -1,334 +1 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
|
|
3
|
-
import { Tooltip as e } from "../tooltip/tooltip.js";
|
|
4
|
-
import { usePopover as t } from "../popover/use-popover.js";
|
|
5
|
-
import n from "./side-nav.module.js";
|
|
6
|
-
import { Fragment as r, useId as i } from "react";
|
|
7
|
-
import { cn as a, focusElement as o, getLinkComponent as s, useControllableSignal as c, useSignal as l, useSignals as u } from "@cascivo/core";
|
|
8
|
-
import { builtin as d, t as f } from "@cascivo/i18n";
|
|
9
|
-
import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
|
|
10
|
-
//#region ../components/src/side-nav/side-nav.tsx
|
|
11
|
-
function g(e) {
|
|
12
|
-
return !("type" in e);
|
|
13
|
-
}
|
|
14
|
-
function _() {
|
|
15
|
-
return /* @__PURE__ */ m("svg", {
|
|
16
|
-
viewBox: "0 0 16 16",
|
|
17
|
-
width: "14",
|
|
18
|
-
height: "14",
|
|
19
|
-
"aria-hidden": "true",
|
|
20
|
-
className: n.checkMark,
|
|
21
|
-
children: /* @__PURE__ */ m("path", {
|
|
22
|
-
d: "M3.5 8.5l3 3 6-7",
|
|
23
|
-
fill: "none",
|
|
24
|
-
stroke: "currentColor",
|
|
25
|
-
strokeWidth: "1.5",
|
|
26
|
-
strokeLinecap: "round",
|
|
27
|
-
strokeLinejoin: "round"
|
|
28
|
-
})
|
|
29
|
-
});
|
|
30
|
-
}
|
|
31
|
-
function v(e, { inMenu: t, onActivate: r, extraClass: i }) {
|
|
32
|
-
let o = t ? "menuitem" : void 0, c = a(n.link, n.sublink, i), l = /* @__PURE__ */ h(p, { children: [
|
|
33
|
-
e.icon ? /* @__PURE__ */ m("span", {
|
|
34
|
-
className: n.icon,
|
|
35
|
-
"aria-hidden": "true",
|
|
36
|
-
children: e.icon
|
|
37
|
-
}) : null,
|
|
38
|
-
/* @__PURE__ */ m("span", {
|
|
39
|
-
className: n.label,
|
|
40
|
-
children: e.label
|
|
41
|
-
}),
|
|
42
|
-
e.selected ? /* @__PURE__ */ m(_, {}) : null
|
|
43
|
-
] });
|
|
44
|
-
return e.onSelect && !e.href ? /* @__PURE__ */ m("button", {
|
|
45
|
-
type: "button",
|
|
46
|
-
role: o,
|
|
47
|
-
"aria-current": e.active ? "page" : void 0,
|
|
48
|
-
"data-state": e.active ? "active" : void 0,
|
|
49
|
-
"data-selected": e.selected || void 0,
|
|
50
|
-
disabled: e.disabled,
|
|
51
|
-
className: c,
|
|
52
|
-
onClick: () => {
|
|
53
|
-
e.onSelect?.(), r?.();
|
|
54
|
-
},
|
|
55
|
-
children: l
|
|
56
|
-
}) : /* @__PURE__ */ m(s(), {
|
|
57
|
-
href: e.disabled ? void 0 : e.href,
|
|
58
|
-
role: o,
|
|
59
|
-
"aria-current": e.active ? "page" : void 0,
|
|
60
|
-
"aria-disabled": e.disabled || void 0,
|
|
61
|
-
tabIndex: e.disabled ? -1 : void 0,
|
|
62
|
-
"data-state": e.active ? "active" : void 0,
|
|
63
|
-
"data-selected": e.selected || void 0,
|
|
64
|
-
className: c,
|
|
65
|
-
onClick: (t) => {
|
|
66
|
-
if (e.disabled) {
|
|
67
|
-
t.preventDefault();
|
|
68
|
-
return;
|
|
69
|
-
}
|
|
70
|
-
e.onSelect?.(), r?.();
|
|
71
|
-
},
|
|
72
|
-
children: l
|
|
73
|
-
});
|
|
74
|
-
}
|
|
75
|
-
function y(e) {
|
|
76
|
-
if (typeof Intl < "u" && "Segmenter" in Intl) {
|
|
77
|
-
let t = new Intl.Segmenter(void 0, { granularity: "grapheme" });
|
|
78
|
-
for (let n of t.segment(e)) return n.segment;
|
|
79
|
-
}
|
|
80
|
-
return [...e][0] ?? "";
|
|
81
|
-
}
|
|
82
|
-
function b({ item: e }) {
|
|
83
|
-
let { triggerRef: i, popoverRef: a, isOpen: s, anchorName: c, open: l, close: u, toggle: d } = t(), f = "[role=\"menuitem\"]:not([disabled]):not([aria-disabled=\"true\"])";
|
|
84
|
-
return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("button", {
|
|
85
|
-
ref: i,
|
|
86
|
-
type: "button",
|
|
87
|
-
"aria-haspopup": "menu",
|
|
88
|
-
"aria-expanded": s.value,
|
|
89
|
-
"aria-label": e.label,
|
|
90
|
-
"data-state": s.value ? "open" : "closed",
|
|
91
|
-
style: { anchorName: c },
|
|
92
|
-
className: n.groupTrigger,
|
|
93
|
-
onClick: () => d(),
|
|
94
|
-
onKeyDown: (e) => {
|
|
95
|
-
if (e.key === "ArrowDown") {
|
|
96
|
-
e.preventDefault(), s.value || l();
|
|
97
|
-
let t = a.current;
|
|
98
|
-
t && setTimeout(() => {
|
|
99
|
-
t.querySelector(f)?.focus();
|
|
100
|
-
}, 0);
|
|
101
|
-
} else e.key === "Escape" && u();
|
|
102
|
-
},
|
|
103
|
-
children: e.icon ? /* @__PURE__ */ m("span", {
|
|
104
|
-
className: n.icon,
|
|
105
|
-
"aria-hidden": "true",
|
|
106
|
-
children: e.icon
|
|
107
|
-
}) : /* @__PURE__ */ m("span", {
|
|
108
|
-
className: n.fallbackIcon,
|
|
109
|
-
"data-fallback-icon": !0,
|
|
110
|
-
"aria-hidden": "true",
|
|
111
|
-
children: y(e.label)
|
|
112
|
-
})
|
|
113
|
-
}), /* @__PURE__ */ h("div", {
|
|
114
|
-
ref: a,
|
|
115
|
-
popover: "auto",
|
|
116
|
-
role: "menu",
|
|
117
|
-
"aria-label": e.label,
|
|
118
|
-
style: { positionAnchor: c },
|
|
119
|
-
className: n.railFlyout,
|
|
120
|
-
onKeyDown: (e) => {
|
|
121
|
-
let t = a.current;
|
|
122
|
-
if (!t) return;
|
|
123
|
-
let n = Array.from(t.querySelectorAll(f)), r = n.indexOf(e.target);
|
|
124
|
-
e.key === "ArrowDown" ? (e.preventDefault(), n[(r + 1) % n.length]?.focus()) : e.key === "ArrowUp" ? (e.preventDefault(), n[(r - 1 + n.length) % n.length]?.focus()) : e.key === "Escape" && (e.preventDefault(), u(), o(i.current));
|
|
125
|
-
},
|
|
126
|
-
children: [/* @__PURE__ */ m("div", {
|
|
127
|
-
className: n.railFlyoutCaption,
|
|
128
|
-
"aria-hidden": "true",
|
|
129
|
-
children: e.label
|
|
130
|
-
}), e.items.map((e, t) => g(e) ? /* @__PURE__ */ m(r, { children: v(e, {
|
|
131
|
-
inMenu: !0,
|
|
132
|
-
onActivate: u,
|
|
133
|
-
extraClass: n.flyoutItem
|
|
134
|
-
}) }, t) : e.type === "separator" ? /* @__PURE__ */ m("div", {
|
|
135
|
-
role: "separator",
|
|
136
|
-
className: n.flyoutSeparator
|
|
137
|
-
}, t) : /* @__PURE__ */ m("div", {
|
|
138
|
-
className: n.railFlyoutCaption,
|
|
139
|
-
"aria-hidden": "true",
|
|
140
|
-
children: e.label
|
|
141
|
-
}, t))]
|
|
142
|
-
})] });
|
|
143
|
-
}
|
|
144
|
-
function x({ items: t, groups: r, collapsed: o, defaultCollapsed: _ = !1, onCollapsedChange: x, ariaLabel: S, collapseLabel: C, expandLabel: w, expandOnHover: T = !1, showCollapseToggle: E = !0, header: D, footer: O, className: k }) {
|
|
145
|
-
u();
|
|
146
|
-
let A = S ?? f(d.sideNav.nav), j = C ?? f(d.sideNav.collapse), M = w ?? f(d.sideNav.expand), N = i(), [P] = c({
|
|
147
|
-
value: o,
|
|
148
|
-
defaultValue: _
|
|
149
|
-
}), F = r ?? (t ? [{ items: t }] : [{ items: [] }]), I = l(F.flatMap((e) => e.items).filter((e) => e.items?.some((e) => g(e) && e.active)).map((e) => e.label)), L = (e) => {
|
|
150
|
-
let t = I.value;
|
|
151
|
-
I.value = t.includes(e) ? t.filter((t) => t !== e) : [...t, e];
|
|
152
|
-
}, R = () => {
|
|
153
|
-
let e = !P.value;
|
|
154
|
-
o === void 0 && (P.value = e), x?.(e);
|
|
155
|
-
}, z = P.value;
|
|
156
|
-
return /* @__PURE__ */ h("nav", {
|
|
157
|
-
"aria-label": A,
|
|
158
|
-
"data-state": z ? "collapsed" : "expanded",
|
|
159
|
-
"data-expand-on-hover": z && T ? "" : void 0,
|
|
160
|
-
className: a(n.sideNav, k),
|
|
161
|
-
children: [
|
|
162
|
-
D && /* @__PURE__ */ m("div", {
|
|
163
|
-
className: n.header,
|
|
164
|
-
children: D
|
|
165
|
-
}),
|
|
166
|
-
/* @__PURE__ */ m("ul", {
|
|
167
|
-
className: n.list,
|
|
168
|
-
children: F.map((t, r) => /* @__PURE__ */ h("li", {
|
|
169
|
-
className: n.group,
|
|
170
|
-
children: [t.label && /* @__PURE__ */ m("h3", {
|
|
171
|
-
className: n.groupLabel,
|
|
172
|
-
children: t.label
|
|
173
|
-
}), /* @__PURE__ */ m("ul", {
|
|
174
|
-
className: n.groupItems,
|
|
175
|
-
children: t.items.map((t, i) => {
|
|
176
|
-
let a = `${r}-${i}`;
|
|
177
|
-
if (t.items) {
|
|
178
|
-
if (z && !T) return /* @__PURE__ */ m("li", { children: /* @__PURE__ */ m(b, { item: t }) }, t.id ?? a);
|
|
179
|
-
let e = I.value.includes(t.label), r = `${N}-group-${a}`;
|
|
180
|
-
return /* @__PURE__ */ h("li", { children: [/* @__PURE__ */ h("button", {
|
|
181
|
-
type: "button",
|
|
182
|
-
"aria-expanded": e,
|
|
183
|
-
"aria-controls": r,
|
|
184
|
-
"aria-label": z ? t.label : void 0,
|
|
185
|
-
"data-state": e ? "open" : "closed",
|
|
186
|
-
className: n.groupTrigger,
|
|
187
|
-
onClick: () => L(t.label),
|
|
188
|
-
children: [
|
|
189
|
-
t.icon ? /* @__PURE__ */ m("span", {
|
|
190
|
-
className: n.icon,
|
|
191
|
-
"aria-hidden": "true",
|
|
192
|
-
children: t.icon
|
|
193
|
-
}) : z ? /* @__PURE__ */ m("span", {
|
|
194
|
-
className: n.fallbackIcon,
|
|
195
|
-
"data-fallback-icon": !0,
|
|
196
|
-
"aria-hidden": "true",
|
|
197
|
-
children: y(t.label)
|
|
198
|
-
}) : null,
|
|
199
|
-
/* @__PURE__ */ m("span", {
|
|
200
|
-
className: n.label,
|
|
201
|
-
"data-rail-hidden": z || void 0,
|
|
202
|
-
children: t.label
|
|
203
|
-
}),
|
|
204
|
-
/* @__PURE__ */ m("svg", {
|
|
205
|
-
viewBox: "0 0 16 16",
|
|
206
|
-
width: "12",
|
|
207
|
-
height: "12",
|
|
208
|
-
"aria-hidden": "true",
|
|
209
|
-
className: n.groupIndicator,
|
|
210
|
-
children: /* @__PURE__ */ m("path", {
|
|
211
|
-
d: "M4 6l4 4 4-4",
|
|
212
|
-
fill: "none",
|
|
213
|
-
stroke: "currentColor",
|
|
214
|
-
strokeWidth: "1.5",
|
|
215
|
-
strokeLinecap: "round",
|
|
216
|
-
strokeLinejoin: "round"
|
|
217
|
-
})
|
|
218
|
-
})
|
|
219
|
-
]
|
|
220
|
-
}), /* @__PURE__ */ m("div", {
|
|
221
|
-
id: r,
|
|
222
|
-
"data-state": e ? "open" : "closed",
|
|
223
|
-
className: n.sublist,
|
|
224
|
-
children: /* @__PURE__ */ m("ul", {
|
|
225
|
-
className: n.sublistInner,
|
|
226
|
-
children: t.items.map((e, t) => g(e) ? /* @__PURE__ */ m("li", { children: v(e, { inMenu: !1 }) }, t) : e.type === "separator" ? /* @__PURE__ */ m("li", {
|
|
227
|
-
role: "separator",
|
|
228
|
-
className: n.subSeparator
|
|
229
|
-
}, t) : /* @__PURE__ */ m("li", {
|
|
230
|
-
className: n.subGroupLabel,
|
|
231
|
-
children: e.label
|
|
232
|
-
}, t))
|
|
233
|
-
})
|
|
234
|
-
})] }, t.id ?? a);
|
|
235
|
-
}
|
|
236
|
-
let o = /* @__PURE__ */ h(p, { children: [
|
|
237
|
-
t.icon ? /* @__PURE__ */ m("span", {
|
|
238
|
-
className: n.icon,
|
|
239
|
-
"aria-hidden": "true",
|
|
240
|
-
children: t.icon
|
|
241
|
-
}) : z ? /* @__PURE__ */ m("span", {
|
|
242
|
-
className: n.fallbackIcon,
|
|
243
|
-
"data-fallback-icon": !0,
|
|
244
|
-
"aria-hidden": "true",
|
|
245
|
-
children: y(t.label)
|
|
246
|
-
}) : null,
|
|
247
|
-
/* @__PURE__ */ m("span", {
|
|
248
|
-
className: n.label,
|
|
249
|
-
"data-rail-hidden": z || void 0,
|
|
250
|
-
children: t.label
|
|
251
|
-
}),
|
|
252
|
-
t.trailing == null ? null : /* @__PURE__ */ m("span", {
|
|
253
|
-
className: n.trailing,
|
|
254
|
-
"data-rail-hidden": z || void 0,
|
|
255
|
-
children: t.trailing
|
|
256
|
-
})
|
|
257
|
-
] }), c = t.tone && t.tone !== "default" ? t.tone : void 0, l = {
|
|
258
|
-
href: t.disabled ? void 0 : t.href,
|
|
259
|
-
"aria-current": t.active ? "page" : void 0,
|
|
260
|
-
"aria-label": z ? t.label : void 0,
|
|
261
|
-
"aria-disabled": t.disabled || void 0,
|
|
262
|
-
tabIndex: t.disabled ? -1 : void 0,
|
|
263
|
-
"data-state": t.active ? "active" : void 0,
|
|
264
|
-
"data-tone": c,
|
|
265
|
-
className: n.link,
|
|
266
|
-
onClick: (e) => {
|
|
267
|
-
if (t.disabled) {
|
|
268
|
-
e.preventDefault();
|
|
269
|
-
return;
|
|
270
|
-
}
|
|
271
|
-
t.onClick?.(e);
|
|
272
|
-
}
|
|
273
|
-
};
|
|
274
|
-
if (t.render) return /* @__PURE__ */ m("li", {
|
|
275
|
-
className: n.customItem,
|
|
276
|
-
children: t.render({
|
|
277
|
-
collapsed: z,
|
|
278
|
-
children: o,
|
|
279
|
-
linkProps: l
|
|
280
|
-
})
|
|
281
|
-
}, t.id ?? a);
|
|
282
|
-
let u = s(), d = t.onClick && !t.href ? /* @__PURE__ */ m("button", {
|
|
283
|
-
type: "button",
|
|
284
|
-
"aria-current": t.active ? "page" : void 0,
|
|
285
|
-
"aria-label": z ? t.label : void 0,
|
|
286
|
-
"data-state": t.active ? "active" : void 0,
|
|
287
|
-
"data-tone": c,
|
|
288
|
-
className: n.link,
|
|
289
|
-
disabled: t.disabled,
|
|
290
|
-
onClick: (e) => t.onClick?.(e),
|
|
291
|
-
children: o
|
|
292
|
-
}) : /* @__PURE__ */ m(u, {
|
|
293
|
-
...l,
|
|
294
|
-
children: o
|
|
295
|
-
});
|
|
296
|
-
return /* @__PURE__ */ m("li", { children: z && !T ? /* @__PURE__ */ m(e, {
|
|
297
|
-
content: t.label,
|
|
298
|
-
placement: "right",
|
|
299
|
-
children: d
|
|
300
|
-
}) : d }, t.id ?? a);
|
|
301
|
-
})
|
|
302
|
-
})]
|
|
303
|
-
}, r))
|
|
304
|
-
}),
|
|
305
|
-
O && /* @__PURE__ */ m("div", {
|
|
306
|
-
className: n.footer,
|
|
307
|
-
children: O
|
|
308
|
-
}),
|
|
309
|
-
E && /* @__PURE__ */ m("button", {
|
|
310
|
-
type: "button",
|
|
311
|
-
"aria-label": z ? M : j,
|
|
312
|
-
className: n.collapseToggle,
|
|
313
|
-
onClick: R,
|
|
314
|
-
children: /* @__PURE__ */ m("svg", {
|
|
315
|
-
viewBox: "0 0 16 16",
|
|
316
|
-
width: "14",
|
|
317
|
-
height: "14",
|
|
318
|
-
"aria-hidden": "true",
|
|
319
|
-
className: n.collapseIcon,
|
|
320
|
-
children: /* @__PURE__ */ m("path", {
|
|
321
|
-
d: "M10 4l-4 4 4 4",
|
|
322
|
-
fill: "none",
|
|
323
|
-
stroke: "currentColor",
|
|
324
|
-
strokeWidth: "1.5",
|
|
325
|
-
strokeLinecap: "round",
|
|
326
|
-
strokeLinejoin: "round"
|
|
327
|
-
})
|
|
328
|
-
})
|
|
329
|
-
})
|
|
330
|
-
]
|
|
331
|
-
});
|
|
332
|
-
}
|
|
333
|
-
//#endregion
|
|
334
|
-
export { x as SideNav };
|
|
1
|
+
"use client";import{Tooltip as e}from"../tooltip/tooltip.js";import{usePopover as t}from"../popover/use-popover.js";import n from"./side-nav.module.js";import{Fragment as r,useId as i}from"react";import{cn as a,focusElement as o,getLinkComponent as s,useControllableSignal as c,useSignal as l,useSignals as u}from"@cascivo/core";import{builtin as d,t as f}from"@cascivo/i18n";import{Fragment as p,jsx as m,jsxs as h}from"react/jsx-runtime";function g(e){return!(`type`in e)}function _(){return m(`svg`,{viewBox:`0 0 16 16`,width:`14`,height:`14`,"aria-hidden":`true`,className:n.checkMark,children:m(`path`,{d:`M3.5 8.5l3 3 6-7`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})})}function v(e,{inMenu:t,onActivate:r,extraClass:i}){let o=t?`menuitem`:void 0,c=a(n.link,n.sublink,i),l=h(p,{children:[e.icon?m(`span`,{className:n.icon,"aria-hidden":`true`,children:e.icon}):null,m(`span`,{className:n.label,children:e.label}),e.selected?m(_,{}):null]});return e.onSelect&&!e.href?m(`button`,{type:`button`,role:o,"aria-current":e.active?`page`:void 0,"data-state":e.active?`active`:void 0,"data-selected":e.selected||void 0,disabled:e.disabled,className:c,onClick:()=>{e.onSelect?.(),r?.()},children:l}):m(s(),{href:e.disabled?void 0:e.href,role:o,"aria-current":e.active?`page`:void 0,"aria-disabled":e.disabled||void 0,tabIndex:e.disabled?-1:void 0,"data-state":e.active?`active`:void 0,"data-selected":e.selected||void 0,className:c,onClick:t=>{if(e.disabled){t.preventDefault();return}e.onSelect?.(),r?.()},children:l})}function y(e){if(typeof Intl<`u`&&`Segmenter`in Intl){let t=new Intl.Segmenter(void 0,{granularity:`grapheme`});for(let n of t.segment(e))return n.segment}return[...e][0]??``}function b({item:e}){let{triggerRef:i,popoverRef:a,isOpen:s,anchorName:c,open:l,close:u,toggle:d}=t(),f=`[role="menuitem"]:not([disabled]):not([aria-disabled="true"])`;return h(p,{children:[m(`button`,{ref:i,type:`button`,"aria-haspopup":`menu`,"aria-expanded":s.value,"aria-label":e.label,"data-state":s.value?`open`:`closed`,style:{anchorName:c},className:n.groupTrigger,onClick:()=>d(),onKeyDown:e=>{if(e.key===`ArrowDown`){e.preventDefault(),s.value||l();let t=a.current;t&&setTimeout(()=>{t.querySelector(f)?.focus()},0)}else e.key===`Escape`&&u()},children:e.icon?m(`span`,{className:n.icon,"aria-hidden":`true`,children:e.icon}):m(`span`,{className:n.fallbackIcon,"data-fallback-icon":!0,"aria-hidden":`true`,children:y(e.label)})}),h(`div`,{ref:a,popover:`auto`,role:`menu`,"aria-label":e.label,style:{positionAnchor:c},className:n.railFlyout,onKeyDown:e=>{let t=a.current;if(!t)return;let n=Array.from(t.querySelectorAll(f)),r=n.indexOf(e.target);e.key===`ArrowDown`?(e.preventDefault(),n[(r+1)%n.length]?.focus()):e.key===`ArrowUp`?(e.preventDefault(),n[(r-1+n.length)%n.length]?.focus()):e.key===`Escape`&&(e.preventDefault(),u(),o(i.current))},children:[m(`div`,{className:n.railFlyoutCaption,"aria-hidden":`true`,children:e.label}),e.items.map((e,t)=>g(e)?m(r,{children:v(e,{inMenu:!0,onActivate:u,extraClass:n.flyoutItem})},t):e.type===`separator`?m(`div`,{role:`separator`,className:n.flyoutSeparator},t):m(`div`,{className:n.railFlyoutCaption,"aria-hidden":`true`,children:e.label},t))]})]})}function x({items:t,groups:r,collapsed:o,defaultCollapsed:_=!1,onCollapsedChange:x,ariaLabel:S,label:C,collapseLabel:w,expandLabel:T,expandOnHover:E=!1,showCollapseToggle:D=!0,header:O,footer:k,className:A}){u();let j=S??C??f(d.sideNav.nav),M=w??f(d.sideNav.collapse),N=T??f(d.sideNav.expand),P=i(),[F]=c({value:o,defaultValue:_}),I=r??(t?[{items:t}]:[{items:[]}]),L=l(I.flatMap(e=>e.items).filter(e=>e.items?.some(e=>g(e)&&e.active)).map(e=>e.label)),R=e=>{let t=L.value;L.value=t.includes(e)?t.filter(t=>t!==e):[...t,e]},z=()=>{let e=!F.value;o===void 0&&(F.value=e),x?.(e)},B=F.value;return h(`nav`,{"aria-label":j,"data-state":B?`collapsed`:`expanded`,"data-expand-on-hover":B&&E?``:void 0,className:a(n.sideNav,A),children:[O&&m(`div`,{className:n.header,children:O}),m(`ul`,{className:n.list,children:I.map((t,r)=>h(`li`,{className:n.group,children:[t.label&&m(`h3`,{className:n.groupLabel,children:t.label}),m(`ul`,{className:n.groupItems,children:t.items.map((t,i)=>{let a=`${r}-${i}`;if(t.items){if(B&&!E)return m(`li`,{children:m(b,{item:t})},t.id??a);let e=L.value.includes(t.label),r=`${P}-group-${a}`;return h(`li`,{children:[h(`button`,{type:`button`,"aria-expanded":e,"aria-controls":r,"aria-label":B?t.label:void 0,"data-state":e?`open`:`closed`,className:n.groupTrigger,onClick:()=>R(t.label),children:[t.icon?m(`span`,{className:n.icon,"aria-hidden":`true`,children:t.icon}):B?m(`span`,{className:n.fallbackIcon,"data-fallback-icon":!0,"aria-hidden":`true`,children:y(t.label)}):null,m(`span`,{className:n.label,"data-rail-hidden":B||void 0,children:t.label}),m(`svg`,{viewBox:`0 0 16 16`,width:`12`,height:`12`,"aria-hidden":`true`,className:n.groupIndicator,children:m(`path`,{d:`M4 6l4 4 4-4`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})})]}),m(`div`,{id:r,"data-state":e?`open`:`closed`,className:n.sublist,children:m(`ul`,{className:n.sublistInner,children:t.items.map((e,t)=>g(e)?m(`li`,{children:v(e,{inMenu:!1})},t):e.type===`separator`?m(`li`,{role:`separator`,className:n.subSeparator},t):m(`li`,{className:n.subGroupLabel,children:e.label},t))})})]},t.id??a)}let o=h(p,{children:[t.icon?m(`span`,{className:n.icon,"aria-hidden":`true`,children:t.icon}):B?m(`span`,{className:n.fallbackIcon,"data-fallback-icon":!0,"aria-hidden":`true`,children:y(t.label)}):null,m(`span`,{className:n.label,"data-rail-hidden":B||void 0,children:t.label}),t.trailing==null?null:m(`span`,{className:n.trailing,"data-rail-hidden":B||void 0,children:t.trailing})]}),c=t.tone&&t.tone!=="default"?t.tone:void 0,l={href:t.disabled?void 0:t.href,"aria-current":t.active?`page`:void 0,"aria-label":B?t.label:void 0,"aria-disabled":t.disabled||void 0,tabIndex:t.disabled?-1:void 0,"data-state":t.active?`active`:void 0,"data-tone":c,className:n.link,onClick:e=>{if(t.disabled){e.preventDefault();return}t.onClick?.(e)}};if(t.render)return m(`li`,{className:n.customItem,children:t.render({collapsed:B,children:o,linkProps:l})},t.id??a);let u=s(),d=t.onClick&&!t.href?m(`button`,{type:`button`,"aria-current":t.active?`page`:void 0,"aria-label":B?t.label:void 0,"data-state":t.active?`active`:void 0,"data-tone":c,className:n.link,disabled:t.disabled,onClick:e=>t.onClick?.(e),children:o}):m(u,{...l,children:o});return m(`li`,{children:B&&!E?m(e,{content:t.label,placement:`right`,children:d}):d},t.id??a)})})]},t.id??r))}),k&&m(`div`,{className:n.footer,children:k}),D&&m(`button`,{type:`button`,"aria-label":B?N:M,className:n.collapseToggle,onClick:z,children:m(`svg`,{viewBox:`0 0 16 16`,width:`14`,height:`14`,"aria-hidden":`true`,className:n.collapseIcon,children:m(`path`,{d:`M10 4l-4 4 4 4`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})})})]})}export{x as SideNav};
|
|
@@ -1,31 +1 @@
|
|
|
1
|
-
var e
|
|
2
|
-
sideNav: "_sideNav_1v53b_2",
|
|
3
|
-
label: "_label_1v53b_24",
|
|
4
|
-
trailing: "_trailing_1v53b_25",
|
|
5
|
-
groupIndicator: "_groupIndicator_1v53b_29",
|
|
6
|
-
link: "_link_1v53b_50",
|
|
7
|
-
groupTrigger: "_groupTrigger_1v53b_51",
|
|
8
|
-
fallbackIcon: "_fallbackIcon_1v53b_60",
|
|
9
|
-
list: "_list_1v53b_67",
|
|
10
|
-
sublistInner: "_sublistInner_1v53b_68",
|
|
11
|
-
groupItems: "_groupItems_1v53b_69",
|
|
12
|
-
group: "_group_1v53b_29",
|
|
13
|
-
groupLabel: "_groupLabel_1v53b_84",
|
|
14
|
-
checkMark: "_checkMark_1v53b_185",
|
|
15
|
-
icon: "_icon_1v53b_191",
|
|
16
|
-
sublist: "_sublist_1v53b_68",
|
|
17
|
-
sublink: "_sublink_1v53b_251",
|
|
18
|
-
subSeparator: "_subSeparator_1v53b_263",
|
|
19
|
-
subGroupLabel: "_subGroupLabel_1v53b_270",
|
|
20
|
-
header: "_header_1v53b_282",
|
|
21
|
-
footer: "_footer_1v53b_289",
|
|
22
|
-
customItem: "_customItem_1v53b_296",
|
|
23
|
-
collapseToggle: "_collapseToggle_1v53b_301",
|
|
24
|
-
collapseIcon: "_collapseIcon_1v53b_327",
|
|
25
|
-
railFlyout: "_railFlyout_1v53b_336",
|
|
26
|
-
railFlyoutCaption: "_railFlyoutCaption_1v53b_368",
|
|
27
|
-
flyoutItem: "_flyoutItem_1v53b_378",
|
|
28
|
-
flyoutSeparator: "_flyoutSeparator_1v53b_383"
|
|
29
|
-
};
|
|
30
|
-
//#endregion
|
|
31
|
-
export { e as default };
|
|
1
|
+
var e={sideNav:`_sideNav_1qbq3_2`,label:`_label_1qbq3_24`,trailing:`_trailing_1qbq3_25`,groupIndicator:`_groupIndicator_1qbq3_29`,link:`_link_1qbq3_50`,groupTrigger:`_groupTrigger_1qbq3_51`,fallbackIcon:`_fallbackIcon_1qbq3_60`,list:`_list_1qbq3_67`,sublistInner:`_sublistInner_1qbq3_68`,groupItems:`_groupItems_1qbq3_69`,group:`_group_1qbq3_29`,groupLabel:`_groupLabel_1qbq3_84`,checkMark:`_checkMark_1qbq3_185`,icon:`_icon_1qbq3_191`,sublist:`_sublist_1qbq3_68`,sublink:`_sublink_1qbq3_251`,subSeparator:`_subSeparator_1qbq3_263`,subGroupLabel:`_subGroupLabel_1qbq3_270`,header:`_header_1qbq3_282`,footer:`_footer_1qbq3_289`,customItem:`_customItem_1qbq3_297`,collapseToggle:`_collapseToggle_1qbq3_302`,collapseIcon:`_collapseIcon_1qbq3_328`,railFlyout:`_railFlyout_1qbq3_337`,railFlyoutCaption:`_railFlyoutCaption_1qbq3_369`,flyoutItem:`_flyoutItem_1qbq3_379`,flyoutSeparator:`_flyoutSeparator_1qbq3_384`};export{e as default};
|
|
@@ -1,23 +1 @@
|
|
|
1
|
-
import e from
|
|
2
|
-
import { cn as t } from "@cascivo/core/pure";
|
|
3
|
-
import { jsx as n } from "react/jsx-runtime";
|
|
4
|
-
//#region ../components/src/skeleton/skeleton.tsx
|
|
5
|
-
function r({ variant: r = "text", width: i, height: a, lines: o = 1, className: s, style: c, ...l }) {
|
|
6
|
-
let u = {
|
|
7
|
-
...i !== void 0 && { "--cascivo-skeleton-width": i },
|
|
8
|
-
...a !== void 0 && { "--cascivo-skeleton-height": a }
|
|
9
|
-
};
|
|
10
|
-
return /* @__PURE__ */ n("div", {
|
|
11
|
-
"aria-hidden": "true",
|
|
12
|
-
"data-variant": r,
|
|
13
|
-
className: t(e.skeleton, s),
|
|
14
|
-
style: {
|
|
15
|
-
...u,
|
|
16
|
-
...c
|
|
17
|
-
},
|
|
18
|
-
...l,
|
|
19
|
-
children: r === "text" && Array.from({ length: o }, (t, r) => /* @__PURE__ */ n("span", { className: e.line }, r))
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
//#endregion
|
|
23
|
-
export { r as Skeleton };
|
|
1
|
+
import e from"./skeleton.module.js";import{cn as t}from"@cascivo/core/pure";import{jsx as n}from"react/jsx-runtime";function r({variant:r=`text`,width:i,height:a,lines:o=1,className:s,style:c,...l}){let u={...i!==void 0&&{"--cascivo-skeleton-width":i},...a!==void 0&&{"--cascivo-skeleton-height":a}};return n(`div`,{"aria-hidden":`true`,"data-variant":r,className:t(e.skeleton,s),style:{...u,...c},...l,children:r===`text`&&Array.from({length:o},(t,r)=>n(`span`,{className:e.line},r))})}export{r as Skeleton};
|
|
@@ -1,28 +1 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
|
|
3
|
-
import e from "./skip-nav.module.js";
|
|
4
|
-
import { forwardRef as t } from "react";
|
|
5
|
-
import { cn as n, useSignals as r } from "@cascivo/core";
|
|
6
|
-
import { builtin as i, t as a } from "@cascivo/i18n";
|
|
7
|
-
import { jsx as o } from "react/jsx-runtime";
|
|
8
|
-
//#region ../components/src/skip-nav/skip-nav.tsx
|
|
9
|
-
var s = "cascade-skip-target", c = t(function({ targetId: t = s, labels: c, className: l, ...u }, d) {
|
|
10
|
-
r();
|
|
11
|
-
let f = c?.label ?? a(i.skipNav.label);
|
|
12
|
-
return /* @__PURE__ */ o("a", {
|
|
13
|
-
ref: d,
|
|
14
|
-
href: `#${t}`,
|
|
15
|
-
className: n(e.link, l),
|
|
16
|
-
...u,
|
|
17
|
-
children: f
|
|
18
|
-
});
|
|
19
|
-
});
|
|
20
|
-
function l({ id: e = s, ...t }) {
|
|
21
|
-
return /* @__PURE__ */ o("div", {
|
|
22
|
-
id: e,
|
|
23
|
-
tabIndex: -1,
|
|
24
|
-
...t
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
//#endregion
|
|
28
|
-
export { c as SkipNavLink, l as SkipNavTarget };
|
|
1
|
+
"use client";import e from"./skip-nav.module.js";import{forwardRef as t}from"react";import{cn as n,useSignals as r}from"@cascivo/core";import{builtin as i,t as a}from"@cascivo/i18n";import{jsx as o}from"react/jsx-runtime";var s=`cascade-skip-target`,c=t(function({targetId:t=s,labels:c,className:l,...u},d){r();let f=c?.label??a(i.skipNav.label);return o(`a`,{ref:d,href:`#${t}`,className:n(e.link,l),...u,children:f})});function l({id:e=s,...t}){return o(`div`,{id:e,tabIndex:-1,...t})}export{c as SkipNavLink,l as SkipNavTarget};
|
|
@@ -1,29 +1 @@
|
|
|
1
|
-
import e from
|
|
2
|
-
import { cn as t } from "@cascivo/core/pure";
|
|
3
|
-
import { forwardRef as n } from "react";
|
|
4
|
-
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
5
|
-
//#region ../components/src/slider/slider.tsx
|
|
6
|
-
var a = n(function({ label: n, className: a, id: o, min: s = 0, max: c = 100, step: l = 1, disabled: u, ...d }, f) {
|
|
7
|
-
let p = o ?? (n ? `cascade-slider-${n.toLowerCase().replace(/\s+/g, "-")}` : void 0);
|
|
8
|
-
return /* @__PURE__ */ i("div", {
|
|
9
|
-
className: t(e.wrapper, a),
|
|
10
|
-
"data-disabled": u || void 0,
|
|
11
|
-
children: [n && /* @__PURE__ */ r("label", {
|
|
12
|
-
className: e.label,
|
|
13
|
-
htmlFor: p,
|
|
14
|
-
children: n
|
|
15
|
-
}), /* @__PURE__ */ r("input", {
|
|
16
|
-
id: p,
|
|
17
|
-
type: "range",
|
|
18
|
-
min: s,
|
|
19
|
-
max: c,
|
|
20
|
-
step: l,
|
|
21
|
-
disabled: u,
|
|
22
|
-
className: e.slider,
|
|
23
|
-
ref: f,
|
|
24
|
-
...d
|
|
25
|
-
})]
|
|
26
|
-
});
|
|
27
|
-
});
|
|
28
|
-
//#endregion
|
|
29
|
-
export { a as Slider };
|
|
1
|
+
import e from"./slider.module.js";import{cn as t}from"@cascivo/core/pure";import{forwardRef as n}from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";var a=n(function({label:n,ariaLabel:a,className:o,id:s,min:c=0,max:l=100,step:u=1,disabled:d,...f},p){let m=s??(n?`cascade-slider-${n.toLowerCase().replace(/\s+/g,`-`)}`:void 0);return i(`div`,{className:t(e.wrapper,o),"data-disabled":d||void 0,children:[n&&r(`label`,{className:e.label,htmlFor:m,children:n}),r(`input`,{id:m,type:`range`,min:c,max:l,step:u,disabled:d,className:e.slider,ref:p,...f,"aria-label":f[`aria-label`]??a})]})});export{a as Slider};
|
|
@@ -1,18 +1 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
|
|
3
|
-
import e from "./spinner.module.js";
|
|
4
|
-
import { cn as t, useSignals as n } from "@cascivo/core";
|
|
5
|
-
import { builtin as r, t as i } from "@cascivo/i18n";
|
|
6
|
-
import { jsx as a } from "react/jsx-runtime";
|
|
7
|
-
//#region ../components/src/spinner/spinner.tsx
|
|
8
|
-
function o({ size: o = "md", label: s, className: c, ...l }) {
|
|
9
|
-
return n(), /* @__PURE__ */ a("span", {
|
|
10
|
-
role: "status",
|
|
11
|
-
"aria-label": s ?? i(r.spinner.label),
|
|
12
|
-
"data-size": o,
|
|
13
|
-
className: t(e.spinner, c),
|
|
14
|
-
...l
|
|
15
|
-
});
|
|
16
|
-
}
|
|
17
|
-
//#endregion
|
|
18
|
-
export { o as Spinner };
|
|
1
|
+
"use client";import e from"./spinner.module.js";import{cn as t,useSignals as n}from"@cascivo/core";import{builtin as r,t as i}from"@cascivo/i18n";import{jsx as a}from"react/jsx-runtime";function o({size:o=`md`,label:s,ariaLabel:c,className:l,...u}){return n(),a(`span`,{role:`status`,"aria-label":c??s??i(r.spinner.label),"data-size":o,className:t(e.spinner,l),...u})}export{o as Spinner};
|
package/dist/node/stack/stack.js
CHANGED
|
@@ -1,17 +1 @@
|
|
|
1
|
-
import e from
|
|
2
|
-
import { jsx as t } from "react/jsx-runtime";
|
|
3
|
-
//#region ../components/src/stack/stack.tsx
|
|
4
|
-
function n({ children: n, offset: r = 4, className: i }) {
|
|
5
|
-
let a = Array.isArray(n) ? n : [n];
|
|
6
|
-
return /* @__PURE__ */ t("div", {
|
|
7
|
-
className: [e.stack, i].filter(Boolean).join(" "),
|
|
8
|
-
style: { "--cascivo-stack-offset": `${r}px` },
|
|
9
|
-
children: a.map((n, r) => /* @__PURE__ */ t("div", {
|
|
10
|
-
className: e.layer,
|
|
11
|
-
style: { "--cascivo-stack-index": r },
|
|
12
|
-
children: n
|
|
13
|
-
}, r))
|
|
14
|
-
});
|
|
15
|
-
}
|
|
16
|
-
//#endregion
|
|
17
|
-
export { n as Stack };
|
|
1
|
+
import e from"./stack.module.js";import{jsx as t}from"react/jsx-runtime";function n({children:n,offset:r=4,className:i}){let a=Array.isArray(n)?n:[n];return t(`div`,{className:[e.stack,i].filter(Boolean).join(` `),style:{"--cascivo-stack-offset":`${r}px`},children:a.map((n,r)=>t(`div`,{className:e.layer,style:{"--cascivo-stack-index":r},children:n},r))})}export{n as Stack};
|
package/dist/node/stat/stat.js
CHANGED
|
@@ -1,41 +1 @@
|
|
|
1
|
-
import e from
|
|
2
|
-
import { cn as t, sentimentOf as n } from "@cascivo/core/pure";
|
|
3
|
-
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
4
|
-
//#region ../components/src/stat/stat.tsx
|
|
5
|
-
function a({ label: a, value: o, delta: s, trend: c = "flat", goodDirection: l = "up", helpText: u, card: d = !1, visual: f, className: p, ...m }) {
|
|
6
|
-
return /* @__PURE__ */ i("div", {
|
|
7
|
-
"data-card": d || void 0,
|
|
8
|
-
className: t(e.stat, p),
|
|
9
|
-
...m,
|
|
10
|
-
children: [
|
|
11
|
-
/* @__PURE__ */ r("span", {
|
|
12
|
-
className: e.label,
|
|
13
|
-
children: a
|
|
14
|
-
}),
|
|
15
|
-
/* @__PURE__ */ r("span", {
|
|
16
|
-
className: e.value,
|
|
17
|
-
children: o
|
|
18
|
-
}),
|
|
19
|
-
s && /* @__PURE__ */ i("span", {
|
|
20
|
-
"data-trend": c,
|
|
21
|
-
"data-sentiment": n(c, l),
|
|
22
|
-
className: e.delta,
|
|
23
|
-
children: [/* @__PURE__ */ r("span", {
|
|
24
|
-
"aria-hidden": "true",
|
|
25
|
-
className: e.arrow,
|
|
26
|
-
children: c === "up" ? "▲" : c === "down" ? "▼" : "–"
|
|
27
|
-
}), s]
|
|
28
|
-
}),
|
|
29
|
-
u && /* @__PURE__ */ r("span", {
|
|
30
|
-
className: e.help,
|
|
31
|
-
children: u
|
|
32
|
-
}),
|
|
33
|
-
f && /* @__PURE__ */ r("span", {
|
|
34
|
-
className: e.visual,
|
|
35
|
-
children: f
|
|
36
|
-
})
|
|
37
|
-
]
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
//#endregion
|
|
41
|
-
export { a as Stat };
|
|
1
|
+
import e from"./stat.module.js";import{cn as t,sentimentOf as n}from"@cascivo/core/pure";import{jsx as r,jsxs as i}from"react/jsx-runtime";function a({label:a,value:o,delta:s,trend:c=`flat`,goodDirection:l=`up`,helpText:u,card:d=!1,visual:f,className:p,...m}){return i(`div`,{"data-card":d||void 0,className:t(e.stat,p),...m,children:[r(`span`,{className:e.label,children:a}),r(`span`,{className:e.value,children:o}),s&&i(`span`,{"data-trend":c,"data-sentiment":n(c,l),className:e.delta,children:[r(`span`,{"aria-hidden":`true`,className:e.arrow,children:c===`up`?`▲`:c===`down`?`▼`:`–`}),s]}),u&&r(`span`,{className:e.help,children:u}),f&&r(`span`,{className:e.visual,children:f})]})}export{a as Stat};
|
|
@@ -1,11 +1 @@
|
|
|
1
|
-
var e
|
|
2
|
-
stat: "_stat_mwa4g_2",
|
|
3
|
-
label: "_label_mwa4g_20",
|
|
4
|
-
value: "_value_mwa4g_26",
|
|
5
|
-
delta: "_delta_mwa4g_34",
|
|
6
|
-
arrow: "_arrow_mwa4g_57",
|
|
7
|
-
help: "_help_mwa4g_62",
|
|
8
|
-
visual: "_visual_mwa4g_68"
|
|
9
|
-
};
|
|
10
|
-
//#endregion
|
|
11
|
-
export { e as default };
|
|
1
|
+
var e={stat:`_stat_mwa4g_2`,label:`_label_mwa4g_20`,value:`_value_mwa4g_26`,delta:`_delta_mwa4g_34`,arrow:`_arrow_mwa4g_57`,help:`_help_mwa4g_62`,visual:`_visual_mwa4g_68`};export{e as default};
|
|
@@ -1,25 +1 @@
|
|
|
1
|
-
import e from
|
|
2
|
-
import { cn as t, normalizeTone as n } from "@cascivo/core/pure";
|
|
3
|
-
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
4
|
-
//#region ../components/src/status/status.tsx
|
|
5
|
-
var a = {
|
|
6
|
-
neutral: "neutral",
|
|
7
|
-
info: "info",
|
|
8
|
-
success: "success",
|
|
9
|
-
warning: "warning",
|
|
10
|
-
danger: "error"
|
|
11
|
-
};
|
|
12
|
-
function o({ status: o = "neutral", pulse: s = !1, className: c, children: l, ...u }) {
|
|
13
|
-
return /* @__PURE__ */ i("span", {
|
|
14
|
-
"data-status": a[n(o)] ?? o,
|
|
15
|
-
"data-pulse": s ? "" : void 0,
|
|
16
|
-
className: t(e.status, c),
|
|
17
|
-
...u,
|
|
18
|
-
children: [/* @__PURE__ */ r("span", {
|
|
19
|
-
"aria-hidden": "true",
|
|
20
|
-
className: e.dot
|
|
21
|
-
}), l]
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
//#endregion
|
|
25
|
-
export { o as Status };
|
|
1
|
+
import e from"./status.module.js";import{cn as t,normalizeTone as n}from"@cascivo/core/pure";import{jsx as r,jsxs as i}from"react/jsx-runtime";var a={neutral:`neutral`,info:`info`,success:`success`,warning:`warning`,danger:`error`};function o({status:o=`neutral`,pulse:s=!1,className:c,children:l,...u}){return i(`span`,{"data-status":a[n(o)]??o,"data-pulse":s?``:void 0,className:t(e.status,c),...u,children:[r(`span`,{"aria-hidden":`true`,className:e.dot}),l]})}export{o as Status};
|