@askrjs/themes 0.0.9 → 0.0.11
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 +19 -13
- package/THEMING.md +24 -18
- package/dist/components/_internal/block-layout.d.ts +49 -0
- package/dist/components/_internal/block-layout.js +210 -0
- package/dist/components/_internal/block-layout.js.map +1 -0
- package/dist/components/alert/alert.js +2 -2
- package/dist/components/alert/alert.js.map +1 -1
- package/dist/components/alert/alert.types.d.ts +0 -1
- package/dist/components/aside/aside.d.ts +7 -0
- package/dist/components/aside/aside.js +16 -0
- package/dist/components/aside/aside.js.map +1 -0
- package/dist/components/aside/aside.types.d.ts +6 -0
- package/dist/components/aside/index.d.ts +2 -0
- package/dist/components/aspect-ratio/aspect-ratio.js +1 -1
- package/dist/components/aspect-ratio/aspect-ratio.js.map +1 -1
- package/dist/components/badge/index.d.ts +1 -2
- package/dist/components/block/block.d.ts +2 -3
- package/dist/components/block/block.js +16 -46
- package/dist/components/block/block.js.map +1 -1
- package/dist/components/block/block.types.d.ts +13 -23
- package/dist/components/block/index.d.ts +3 -3
- package/dist/components/brand/brand.d.ts +9 -0
- package/dist/components/brand/brand.js +49 -0
- package/dist/components/brand/brand.js.map +1 -0
- package/dist/components/brand/brand.types.d.ts +31 -0
- package/dist/components/brand/index.d.ts +2 -0
- package/dist/components/card/card.d.ts +3 -3
- package/dist/components/card/card.js +6 -11
- package/dist/components/card/card.js.map +1 -1
- package/dist/components/card/card.types.d.ts +10 -12
- package/dist/components/card/index.d.ts +2 -2
- package/dist/components/catalog.d.ts +156 -0
- package/dist/components/catalog.js +723 -0
- package/dist/components/catalog.js.map +1 -0
- package/dist/components/container/container.d.ts +2 -3
- package/dist/components/container/container.js +8 -71
- package/dist/components/container/container.js.map +1 -1
- package/dist/components/container/container.types.d.ts +5 -24
- package/dist/components/container/index.d.ts +2 -3
- package/dist/components/empty-state/empty-state.js +34 -28
- package/dist/components/empty-state/empty-state.js.map +1 -1
- package/dist/components/empty-state/empty-state.types.d.ts +3 -6
- package/dist/components/field/field.js +4 -2
- package/dist/components/field/field.js.map +1 -1
- package/dist/components/field/field.types.d.ts +1 -0
- package/dist/components/footer/footer.d.ts +13 -0
- package/dist/components/footer/footer.js +86 -0
- package/dist/components/footer/footer.js.map +1 -0
- package/dist/components/footer/footer.types.d.ts +37 -0
- package/dist/components/footer/index.d.ts +2 -0
- package/dist/components/grid/grid.d.ts +7 -0
- package/dist/components/grid/grid.js +76 -0
- package/dist/components/grid/grid.js.map +1 -0
- package/dist/components/grid/grid.types.d.ts +19 -0
- package/dist/components/grid/index.d.ts +2 -0
- package/dist/components/header/header.js +9 -6
- package/dist/components/header/header.js.map +1 -1
- package/dist/components/header/header.types.d.ts +5 -5
- package/dist/components/header/index.d.ts +2 -0
- package/dist/components/main/index.d.ts +2 -0
- package/dist/components/main/main.d.ts +7 -0
- package/dist/components/main/main.js +17 -0
- package/dist/components/main/main.js.map +1 -0
- package/dist/components/main/main.types.d.ts +6 -0
- package/dist/components/nav/index.d.ts +2 -2
- package/dist/components/nav/nav.d.ts +8 -6
- package/dist/components/nav/nav.js +93 -58
- package/dist/components/nav/nav.js.map +1 -1
- package/dist/components/nav/nav.types.d.ts +16 -20
- package/dist/components/navbar/index.d.ts +4 -5
- package/dist/components/navbar/navbar.d.ts +3 -38
- package/dist/components/navbar/navbar.js +103 -210
- package/dist/components/navbar/navbar.js.map +1 -1
- package/dist/components/navbar/navbar.types.d.ts +14 -24
- package/dist/components/page/index.d.ts +2 -0
- package/dist/components/page/page.d.ts +7 -0
- package/dist/components/page/page.js +22 -0
- package/dist/components/page/page.js.map +1 -0
- package/dist/components/page/page.types.d.ts +6 -0
- package/dist/components/page-header/index.d.ts +2 -0
- package/dist/components/page-header/page-header.d.ts +7 -0
- package/dist/components/page-header/page-header.js +37 -0
- package/dist/components/page-header/page-header.js.map +1 -0
- package/dist/components/page-header/page-header.types.d.ts +10 -0
- package/dist/components/section/index.d.ts +2 -3
- package/dist/components/section/section.d.ts +2 -3
- package/dist/components/section/section.js +7 -30
- package/dist/components/section/section.js.map +1 -1
- package/dist/components/section/section.types.d.ts +3 -20
- package/dist/components/separator/index.d.ts +1 -2
- package/dist/components/sidebar/index.d.ts +2 -0
- package/dist/components/sidebar/sidebar.d.ts +17 -2
- package/dist/components/sidebar/sidebar.js +115 -225
- package/dist/components/sidebar/sidebar.js.map +1 -1
- package/dist/components/sidebar/sidebar.types.d.ts +21 -23
- package/dist/components/skeleton/index.d.ts +1 -2
- package/dist/components/skeleton/skeleton.js +12 -1
- package/dist/components/skeleton/skeleton.js.map +1 -1
- package/dist/components/skeleton/skeleton.types.d.ts +2 -0
- package/dist/components/spinner/index.d.ts +1 -1
- package/dist/components/spinner/spinner.js +6 -3
- package/dist/components/spinner/spinner.js.map +1 -1
- package/dist/components/spinner/spinner.types.d.ts +3 -1
- package/dist/components/stat/index.d.ts +2 -0
- package/dist/components/stat/stat.d.ts +10 -0
- package/dist/components/stat/stat.js +52 -0
- package/dist/components/stat/stat.js.map +1 -0
- package/dist/components/stat/stat.types.d.ts +24 -0
- package/dist/components/text/index.d.ts +2 -0
- package/dist/components/text/text.d.ts +7 -0
- package/dist/components/text/text.js +28 -0
- package/dist/components/text/text.js.map +1 -0
- package/dist/components/text/text.types.d.ts +26 -0
- package/dist/components/theme/theme.js +50 -8
- package/dist/components/theme/theme.js.map +1 -1
- package/dist/components/toolbar/index.d.ts +2 -0
- package/dist/components/toolbar/toolbar.d.ts +7 -0
- package/dist/components/toolbar/toolbar.js +30 -0
- package/dist/components/toolbar/toolbar.js.map +1 -0
- package/dist/components/toolbar/toolbar.types.d.ts +9 -0
- package/dist/components.d.ts +60 -0
- package/dist/components.js +35 -0
- package/dist/controls.d.ts +2 -2
- package/dist/controls.js +3 -3
- package/dist/core.d.ts +36 -0
- package/dist/core.js +19 -0
- package/dist/navs.d.ts +3 -15
- package/dist/navs.js +2 -8
- package/dist/overlays.d.ts +2 -2
- package/dist/overlays.js +2 -2
- package/dist/surfaces.d.ts +10 -8
- package/dist/surfaces.js +6 -4
- package/dist/themes/default/index.css +3661 -3945
- package/package.json +235 -69
- package/src/components/_internal/block-layout.ts +354 -0
- package/src/components/alert/alert.tsx +1 -2
- package/src/components/alert/alert.types.ts +0 -1
- package/src/components/aside/aside.tsx +12 -0
- package/src/components/aside/aside.types.ts +3 -0
- package/src/components/aside/index.ts +2 -0
- package/src/components/aspect-ratio/aspect-ratio.tsx +1 -1
- package/src/components/badge/index.ts +0 -1
- package/src/components/block/block.a11y.ts +0 -6
- package/src/components/block/block.tsx +40 -56
- package/src/components/block/block.types.ts +59 -41
- package/src/components/block/index.ts +1 -10
- package/src/components/brand/brand.tsx +61 -0
- package/src/components/brand/brand.types.ts +39 -0
- package/src/components/brand/index.ts +2 -0
- package/src/components/card/card.tsx +6 -18
- package/src/components/card/card.types.ts +9 -11
- package/src/components/card/index.ts +2 -3
- package/src/components/catalog.tsx +713 -0
- package/src/components/container/container.a11y.ts +0 -5
- package/src/components/container/container.tsx +18 -128
- package/src/components/container/container.types.ts +3 -32
- package/src/components/container/index.ts +1 -8
- package/src/components/empty-state/empty-state.tsx +17 -35
- package/src/components/empty-state/empty-state.types.ts +3 -5
- package/src/components/field/field.tsx +3 -1
- package/src/components/field/field.types.ts +1 -0
- package/src/components/footer/footer.tsx +88 -0
- package/src/components/footer/footer.types.ts +40 -0
- package/src/components/footer/index.ts +10 -0
- package/src/components/grid/grid.tsx +113 -0
- package/src/components/grid/grid.types.ts +20 -0
- package/src/components/grid/index.ts +2 -0
- package/src/components/header/header.tsx +10 -7
- package/src/components/header/header.types.ts +4 -4
- package/src/components/header/index.ts +1 -2
- package/src/components/main/index.ts +2 -0
- package/src/components/main/main.tsx +12 -0
- package/src/components/main/main.types.ts +3 -0
- package/src/components/nav/index.ts +7 -9
- package/src/components/nav/nav.tsx +153 -110
- package/src/components/nav/nav.types.ts +26 -27
- package/src/components/navbar/index.ts +4 -11
- package/src/components/navbar/navbar.tsx +103 -265
- package/src/components/navbar/navbar.types.ts +16 -42
- package/src/components/page/index.ts +2 -0
- package/src/components/page/page.tsx +17 -0
- package/src/components/page/page.types.ts +3 -0
- package/src/components/page-header/index.ts +2 -0
- package/src/components/page-header/page-header.tsx +29 -0
- package/src/components/page-header/page-header.types.ts +7 -0
- package/src/components/section/index.ts +1 -7
- package/src/components/section/section.a11y.ts +0 -1
- package/src/components/section/section.tsx +9 -35
- package/src/components/section/section.types.ts +2 -22
- package/src/components/separator/index.ts +4 -9
- package/src/components/sidebar/index.ts +27 -5
- package/src/components/sidebar/sidebar.tsx +146 -336
- package/src/components/sidebar/sidebar.types.ts +21 -28
- package/src/components/skeleton/index.ts +1 -2
- package/src/components/skeleton/skeleton.tsx +33 -1
- package/src/components/skeleton/skeleton.types.ts +2 -0
- package/src/components/spinner/index.ts +1 -1
- package/src/components/spinner/spinner.tsx +7 -2
- package/src/components/spinner/spinner.types.ts +3 -0
- package/src/components/stat/index.ts +2 -0
- package/src/components/stat/stat.tsx +47 -0
- package/src/components/stat/stat.types.ts +24 -0
- package/src/components/text/index.ts +2 -0
- package/src/components/text/text.tsx +39 -0
- package/src/components/text/text.types.ts +35 -0
- package/src/components/theme/theme.tsx +83 -9
- package/src/components/toolbar/index.ts +2 -0
- package/src/components/toolbar/toolbar.tsx +24 -0
- package/src/components/toolbar/toolbar.types.ts +6 -0
- package/src/components.ts +289 -0
- package/src/controls.ts +69 -2
- package/src/core.ts +42 -0
- package/src/navs.ts +9 -24
- package/src/overlays.ts +101 -59
- package/src/parity.ts +125 -0
- package/src/surfaces.ts +60 -13
- package/src/themes/default/index.css +11 -14
- package/src/themes/default/styles/actions/button-group.css +6 -6
- package/src/themes/default/styles/actions/button.css +98 -60
- package/src/themes/default/styles/actions/toggle-group.css +61 -25
- package/src/themes/default/styles/base/text.css +87 -0
- package/src/themes/default/styles/base/typography.css +24 -117
- package/src/themes/default/styles/base/utilities.css +0 -250
- package/src/themes/default/styles/disclosure/accordion.css +35 -28
- package/src/themes/default/styles/display/alert.css +7 -7
- package/src/themes/default/styles/display/badge.css +8 -9
- package/src/themes/default/styles/display/card.css +10 -47
- package/src/themes/default/styles/display/catalog.css +753 -0
- package/src/themes/default/styles/display/coverage.css +30 -305
- package/src/themes/default/styles/display/progress-circle.css +2 -0
- package/src/themes/default/styles/display/scroll-area.css +29 -24
- package/src/themes/default/styles/display/spinner.css +38 -1
- package/src/themes/default/styles/display/stat.css +21 -0
- package/src/themes/default/styles/display/table.css +37 -12
- package/src/themes/default/styles/display/virtual-list.css +24 -13
- package/src/themes/default/styles/display/virtual-table.css +58 -36
- package/src/themes/default/styles/forms/checkbox.css +12 -21
- package/src/themes/default/styles/forms/input-group.css +2 -1
- package/src/themes/default/styles/forms/input.css +11 -12
- package/src/themes/default/styles/forms/radio-group.css +44 -27
- package/src/themes/default/styles/forms/select.css +27 -35
- package/src/themes/default/styles/forms/slider.css +61 -47
- package/src/themes/default/styles/forms/switch.css +18 -23
- package/src/themes/default/styles/forms/textarea.css +12 -12
- package/src/themes/default/styles/layout/block.css +96 -12
- package/src/themes/default/styles/layout/grid.css +78 -0
- package/src/themes/default/styles/layout/layout.css +502 -772
- package/src/themes/default/styles/layout/patterns.css +0 -155
- package/src/themes/default/styles/navigation/nav.css +104 -154
- package/src/themes/default/styles/overlays/alert-dialog.css +2 -2
- package/src/themes/default/styles/overlays/dialog.css +76 -22
- package/src/themes/default/styles/overlays/dropdown.css +108 -31
- package/src/themes/default/styles/overlays/hover-card.css +39 -17
- package/src/themes/default/styles/overlays/menubar.css +223 -0
- package/src/themes/default/styles/overlays/popover.css +69 -23
- package/src/themes/default/styles/overlays/toast.css +91 -33
- package/src/themes/default/styles/overlays/tooltip.css +88 -14
- package/src/themes/default/styles/shell/brand.css +48 -0
- package/src/themes/default/styles/shell/footer.css +72 -0
- package/src/themes/default/styles/shell/header.css +7 -50
- package/src/themes/default/styles/shell/navbar.css +226 -454
- package/src/themes/default/styles/shell/sidebar.css +243 -829
- package/src/themes/default/tokens.css +145 -98
- package/templates/theme/index.css +11 -14
- package/templates/theme/styles/actions/button-group.css +6 -6
- package/templates/theme/styles/actions/button.css +98 -60
- package/templates/theme/styles/actions/toggle-group.css +61 -25
- package/templates/theme/styles/base/text.css +87 -0
- package/templates/theme/styles/base/typography.css +24 -117
- package/templates/theme/styles/disclosure/accordion.css +35 -28
- package/templates/theme/styles/display/alert.css +7 -7
- package/templates/theme/styles/display/badge.css +8 -9
- package/templates/theme/styles/display/card.css +10 -47
- package/templates/theme/styles/display/catalog.css +753 -0
- package/templates/theme/styles/display/coverage.css +30 -305
- package/templates/theme/styles/display/scroll-area.css +29 -24
- package/templates/theme/styles/display/spinner.css +38 -1
- package/templates/theme/styles/display/stat.css +21 -0
- package/templates/theme/styles/display/table.css +37 -12
- package/templates/theme/styles/display/virtual-list.css +24 -13
- package/templates/theme/styles/display/virtual-table.css +58 -36
- package/templates/theme/styles/forms/checkbox.css +12 -21
- package/templates/theme/styles/forms/input.css +11 -12
- package/templates/theme/styles/forms/radio-group.css +44 -27
- package/templates/theme/styles/forms/select.css +27 -35
- package/templates/theme/styles/forms/slider.css +61 -47
- package/templates/theme/styles/forms/switch.css +18 -23
- package/templates/theme/styles/forms/textarea.css +12 -12
- package/templates/theme/styles/layout/block.css +96 -12
- package/templates/theme/styles/layout/grid.css +78 -0
- package/templates/theme/styles/layout/layout.css +676 -1
- package/templates/theme/styles/layout/patterns.css +0 -155
- package/templates/theme/styles/navigation/nav.css +104 -154
- package/templates/theme/styles/overlays/alert-dialog.css +2 -2
- package/templates/theme/styles/overlays/dialog.css +76 -22
- package/templates/theme/styles/overlays/dropdown.css +108 -31
- package/templates/theme/styles/overlays/hover-card.css +39 -17
- package/templates/theme/styles/overlays/menubar.css +223 -0
- package/templates/theme/styles/overlays/popover.css +69 -23
- package/templates/theme/styles/overlays/toast.css +80 -33
- package/templates/theme/styles/overlays/tooltip.css +88 -14
- package/templates/theme/styles/shell/brand.css +48 -0
- package/templates/theme/styles/shell/footer.css +72 -0
- package/templates/theme/styles/shell/header.css +7 -50
- package/templates/theme/styles/shell/navbar.css +226 -454
- package/templates/theme/styles/shell/sidebar.css +197 -779
- package/templates/theme/tokens.css +145 -98
- package/dist/components/_internal/box-layout.js +0 -116
- package/dist/components/_internal/box-layout.js.map +0 -1
- package/dist/components/_internal/layout.d.ts +0 -9
- package/dist/components/_internal/layout.js +0 -142
- package/dist/components/_internal/layout.js.map +0 -1
- package/dist/components/badge/badge.a11y.d.ts +0 -17
- package/dist/components/block/block.a11y.d.ts +0 -20
- package/dist/components/box/box.a11y.d.ts +0 -14
- package/dist/components/box/box.d.ts +0 -9
- package/dist/components/box/box.js +0 -36
- package/dist/components/box/box.js.map +0 -1
- package/dist/components/box/box.types.d.ts +0 -72
- package/dist/components/box/index.d.ts +0 -3
- package/dist/components/breadcrumb/breadcrumb.a11y.d.ts +0 -17
- package/dist/components/breadcrumb/breadcrumb.a11y.js +0 -15
- package/dist/components/breadcrumb/breadcrumb.a11y.js.map +0 -1
- package/dist/components/breadcrumb/breadcrumb.d.ts +0 -18
- package/dist/components/breadcrumb/breadcrumb.js +0 -113
- package/dist/components/breadcrumb/breadcrumb.js.map +0 -1
- package/dist/components/breadcrumb/breadcrumb.types.d.ts +0 -65
- package/dist/components/breadcrumb/index.d.ts +0 -3
- package/dist/components/container/container.a11y.d.ts +0 -19
- package/dist/components/flex/flex.a11y.d.ts +0 -22
- package/dist/components/flex/flex.d.ts +0 -9
- package/dist/components/flex/flex.js +0 -115
- package/dist/components/flex/flex.js.map +0 -1
- package/dist/components/flex/flex.types.d.ts +0 -42
- package/dist/components/flex/index.d.ts +0 -3
- package/dist/components/header/header.a11y.d.ts +0 -14
- package/dist/components/header/header.a11y.js +0 -12
- package/dist/components/header/header.a11y.js.map +0 -1
- package/dist/components/inline/index.d.ts +0 -8
- package/dist/components/inline/index.js +0 -13
- package/dist/components/inline/index.js.map +0 -1
- package/dist/components/list-group/index.d.ts +0 -2
- package/dist/components/list-group/list-group.d.ts +0 -9
- package/dist/components/list-group/list-group.js +0 -43
- package/dist/components/list-group/list-group.js.map +0 -1
- package/dist/components/list-group/list-group.types.d.ts +0 -32
- package/dist/components/navbar/navbar-panel.js +0 -42
- package/dist/components/navbar/navbar-panel.js.map +0 -1
- package/dist/components/navbar/navbar.context.js +0 -13
- package/dist/components/navbar/navbar.context.js.map +0 -1
- package/dist/components/navbar/navbar.render.js +0 -26
- package/dist/components/navbar/navbar.render.js.map +0 -1
- package/dist/components/navbar/navbar.shared.js +0 -18
- package/dist/components/navbar/navbar.shared.js.map +0 -1
- package/dist/components/pagination/index.d.ts +0 -2
- package/dist/components/pagination/pagination.d.ts +0 -11
- package/dist/components/pagination/pagination.js +0 -95
- package/dist/components/pagination/pagination.js.map +0 -1
- package/dist/components/pagination/pagination.types.d.ts +0 -40
- package/dist/components/section/section.a11y.d.ts +0 -15
- package/dist/components/separator/separator.a11y.d.ts +0 -17
- package/dist/components/separator/separator.a11y.js +0 -15
- package/dist/components/separator/separator.a11y.js.map +0 -1
- package/dist/components/shell/index.d.ts +0 -3
- package/dist/components/shell/shell-nav.types.d.ts +0 -7
- package/dist/components/shell/shell-panel.js +0 -54
- package/dist/components/shell/shell-panel.js.map +0 -1
- package/dist/components/shell/shell-responsive.js +0 -141
- package/dist/components/shell/shell-responsive.js.map +0 -1
- package/dist/components/shell/shell.a11y.d.ts +0 -23
- package/dist/components/shell/shell.a11y.js +0 -23
- package/dist/components/shell/shell.a11y.js.map +0 -1
- package/dist/components/shell/shell.d.ts +0 -13
- package/dist/components/shell/shell.js +0 -69
- package/dist/components/shell/shell.js.map +0 -1
- package/dist/components/shell/shell.types.d.ts +0 -58
- package/dist/components/sidebar/sidebar-panel.d.ts +0 -7
- package/dist/components/sidebar/sidebar-panel.js +0 -49
- package/dist/components/sidebar/sidebar-panel.js.map +0 -1
- package/dist/components/sidebar/sidebar-toggle.d.ts +0 -7
- package/dist/components/sidebar/sidebar-toggle.js +0 -8
- package/dist/components/sidebar/sidebar-toggle.js.map +0 -1
- package/dist/components/sidebar/sidebar.context.js +0 -21
- package/dist/components/sidebar/sidebar.context.js.map +0 -1
- package/dist/components/sidebar/sidebar.shared.js +0 -12
- package/dist/components/sidebar/sidebar.shared.js.map +0 -1
- package/dist/components/skeleton/skeleton.a11y.d.ts +0 -16
- package/dist/components/spacer/index.d.ts +0 -3
- package/dist/components/spacer/spacer.a11y.d.ts +0 -17
- package/dist/components/spacer/spacer.d.ts +0 -8
- package/dist/components/spacer/spacer.js +0 -49
- package/dist/components/spacer/spacer.js.map +0 -1
- package/dist/components/spacer/spacer.types.d.ts +0 -26
- package/dist/components/stack/index.d.ts +0 -3
- package/dist/components/stack/stack.a11y.d.ts +0 -18
- package/dist/components/stack/stack.d.ts +0 -8
- package/dist/components/stack/stack.js +0 -16
- package/dist/components/stack/stack.js.map +0 -1
- package/dist/components/stack/stack.types.d.ts +0 -22
- package/dist/feedback.d.ts +0 -5
- package/dist/feedback.js +0 -4
- package/dist/layouts.d.ts +0 -25
- package/dist/layouts.js +0 -11
- package/dist/shells.d.ts +0 -16
- package/dist/shells.js +0 -11
- package/src/components/_internal/box-layout.ts +0 -164
- package/src/components/_internal/layout.ts +0 -202
- package/src/components/box/box.a11y.ts +0 -11
- package/src/components/box/box.tsx +0 -38
- package/src/components/box/box.types.ts +0 -76
- package/src/components/box/index.ts +0 -11
- package/src/components/breadcrumb/breadcrumb.a11y.ts +0 -15
- package/src/components/breadcrumb/breadcrumb.tsx +0 -123
- package/src/components/breadcrumb/breadcrumb.types.ts +0 -74
- package/src/components/breadcrumb/index.ts +0 -24
- package/src/components/flex/flex.a11y.ts +0 -19
- package/src/components/flex/flex.tsx +0 -162
- package/src/components/flex/flex.types.ts +0 -51
- package/src/components/flex/index.ts +0 -16
- package/src/components/inline/index.tsx +0 -28
- package/src/components/list-group/index.ts +0 -7
- package/src/components/list-group/list-group.tsx +0 -74
- package/src/components/list-group/list-group.types.ts +0 -32
- package/src/components/navbar/navbar-panel.tsx +0 -62
- package/src/components/navbar/navbar.context.ts +0 -22
- package/src/components/navbar/navbar.render.tsx +0 -32
- package/src/components/navbar/navbar.shared.ts +0 -21
- package/src/components/pagination/index.ts +0 -8
- package/src/components/pagination/pagination.tsx +0 -158
- package/src/components/pagination/pagination.types.ts +0 -41
- package/src/components/shell/index.ts +0 -16
- package/src/components/shell/shell-nav.types.ts +0 -3
- package/src/components/shell/shell-panel.tsx +0 -85
- package/src/components/shell/shell-responsive.tsx +0 -262
- package/src/components/shell/shell.a11y.ts +0 -20
- package/src/components/shell/shell.tsx +0 -74
- package/src/components/shell/shell.types.ts +0 -71
- package/src/components/sidebar/sidebar-panel.tsx +0 -67
- package/src/components/sidebar/sidebar-toggle.tsx +0 -5
- package/src/components/sidebar/sidebar.context.ts +0 -40
- package/src/components/sidebar/sidebar.shared.ts +0 -12
- package/src/components/spacer/index.ts +0 -9
- package/src/components/spacer/spacer.a11y.ts +0 -14
- package/src/components/spacer/spacer.tsx +0 -61
- package/src/components/spacer/spacer.types.ts +0 -31
- package/src/components/stack/index.ts +0 -3
- package/src/components/stack/stack.a11y.ts +0 -15
- package/src/components/stack/stack.tsx +0 -13
- package/src/components/stack/stack.types.ts +0 -22
- package/src/feedback.ts +0 -6
- package/src/layouts.ts +0 -19
- package/src/shells.ts +0 -13
- package/src/themes/default/styles/actions/toggle.css +0 -50
- package/src/themes/default/styles/disclosure/collapsible.css +0 -58
- package/src/themes/default/styles/display/list-group.css +0 -84
- package/src/themes/default/styles/forms/form.css +0 -5
- package/src/themes/default/styles/layout/responsive-layout.css +0 -230
- package/src/themes/default/styles/navigation/breadcrumb.css +0 -45
- package/src/themes/default/styles/navigation/menu.css +0 -203
- package/src/themes/default/styles/navigation/menubar.css +0 -255
- package/src/themes/default/styles/navigation/pagination.css +0 -91
- package/src/themes/default/styles/shell/theme.css +0 -37
- package/templates/theme/styles/actions/toggle.css +0 -50
- package/templates/theme/styles/disclosure/collapsible.css +0 -58
- package/templates/theme/styles/display/list-group.css +0 -84
- package/templates/theme/styles/forms/form.css +0 -5
- package/templates/theme/styles/layout/responsive-layout.css +0 -230
- package/templates/theme/styles/navigation/breadcrumb.css +0 -45
- package/templates/theme/styles/navigation/menu.css +0 -203
- package/templates/theme/styles/navigation/menubar.css +0 -255
- package/templates/theme/styles/navigation/pagination.css +0 -91
- package/templates/theme/styles/shell/theme.css +0 -37
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
//#region src/components/badge/badge.a11y.d.ts
|
|
2
|
-
/**
|
|
3
|
-
* Accessibility contract for Badge.
|
|
4
|
-
*/
|
|
5
|
-
declare const BADGE_A11Y_CONTRACT: {
|
|
6
|
-
readonly DATA_ATTRIBUTES: {
|
|
7
|
-
readonly slot: "data-slot";
|
|
8
|
-
};
|
|
9
|
-
readonly MARKER: "data-badge";
|
|
10
|
-
readonly CONTENT: {
|
|
11
|
-
readonly textAllowed: true;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
type BadgeA11yContract = typeof BADGE_A11Y_CONTRACT;
|
|
15
|
-
//#endregion
|
|
16
|
-
export { BADGE_A11Y_CONTRACT, BadgeA11yContract };
|
|
17
|
-
//# sourceMappingURL=badge.a11y.d.ts.map
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
//#region src/components/block/block.a11y.d.ts
|
|
2
|
-
declare const BLOCK_A11Y_CONTRACT: {
|
|
3
|
-
readonly DATA_ATTRIBUTES: {
|
|
4
|
-
readonly slot: "data-slot";
|
|
5
|
-
readonly layout: "data-ak-layout";
|
|
6
|
-
readonly gap: "data-gap";
|
|
7
|
-
readonly gapX: "data-gap-x";
|
|
8
|
-
readonly gapY: "data-gap-y";
|
|
9
|
-
readonly align: "data-align";
|
|
10
|
-
readonly justify: "data-justify";
|
|
11
|
-
readonly size: "data-size";
|
|
12
|
-
};
|
|
13
|
-
readonly SLOT_VALUES: {
|
|
14
|
-
readonly root: "block";
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
type BlockA11yContract = typeof BLOCK_A11Y_CONTRACT;
|
|
18
|
-
//#endregion
|
|
19
|
-
export { BLOCK_A11Y_CONTRACT, BlockA11yContract };
|
|
20
|
-
//# sourceMappingURL=block.a11y.d.ts.map
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
//#region src/components/box/box.a11y.d.ts
|
|
2
|
-
declare const BOX_A11Y_CONTRACT: {
|
|
3
|
-
readonly DATA_ATTRIBUTES: {
|
|
4
|
-
readonly slot: "data-slot";
|
|
5
|
-
readonly layout: "data-ak-layout";
|
|
6
|
-
};
|
|
7
|
-
readonly SLOT_VALUES: {
|
|
8
|
-
readonly root: "box";
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
type BoxA11yContract = typeof BOX_A11Y_CONTRACT;
|
|
12
|
-
//#endregion
|
|
13
|
-
export { BOX_A11Y_CONTRACT, BoxA11yContract };
|
|
14
|
-
//# sourceMappingURL=box.a11y.d.ts.map
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { BoxAsChildProps, BoxDivProps, BoxSpanProps } from "./box.types.js";
|
|
2
|
-
|
|
3
|
-
//#region src/components/box/box.d.ts
|
|
4
|
-
declare function Box(props: BoxDivProps): JSX.Element;
|
|
5
|
-
declare function Box(props: BoxSpanProps): JSX.Element;
|
|
6
|
-
declare function Box(props: BoxAsChildProps): JSX.Element;
|
|
7
|
-
//#endregion
|
|
8
|
-
export { Box };
|
|
9
|
-
//# sourceMappingURL=box.d.ts.map
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { mergeProps } from "../_internal/merge-props.js";
|
|
2
|
-
import { applyBoxLayoutStyles, splitBoxLayoutProps, withBoxLayoutClass } from "../_internal/box-layout.js";
|
|
3
|
-
import { jsx } from "@askrjs/askr/jsx-runtime";
|
|
4
|
-
import { Slot } from "@askrjs/askr/foundations";
|
|
5
|
-
//#region src/components/box/box.tsx
|
|
6
|
-
function Box(props) {
|
|
7
|
-
const as = "as" in props ? props.as : "div";
|
|
8
|
-
const { asChild, children, ref, style: userStyle, ...rest } = props;
|
|
9
|
-
const { boxProps, rest: passthroughProps } = splitBoxLayoutProps(rest);
|
|
10
|
-
const layoutStyle = {};
|
|
11
|
-
applyBoxLayoutStyles(layoutStyle, boxProps);
|
|
12
|
-
const layoutClass = withBoxLayoutClass(layoutStyle, userStyle);
|
|
13
|
-
const finalProps = mergeProps(passthroughProps, {
|
|
14
|
-
ref,
|
|
15
|
-
"data-slot": "box",
|
|
16
|
-
"data-ak-layout": "true",
|
|
17
|
-
...layoutClass ? { class: layoutClass } : {}
|
|
18
|
-
});
|
|
19
|
-
if (asChild) return /* @__PURE__ */ jsx(Slot, {
|
|
20
|
-
asChild: true,
|
|
21
|
-
...finalProps,
|
|
22
|
-
children
|
|
23
|
-
});
|
|
24
|
-
if (as === "span") return /* @__PURE__ */ jsx("span", {
|
|
25
|
-
...finalProps,
|
|
26
|
-
children
|
|
27
|
-
});
|
|
28
|
-
return /* @__PURE__ */ jsx("div", {
|
|
29
|
-
...finalProps,
|
|
30
|
-
children
|
|
31
|
-
});
|
|
32
|
-
}
|
|
33
|
-
//#endregion
|
|
34
|
-
export { Box };
|
|
35
|
-
|
|
36
|
-
//# sourceMappingURL=box.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"box.js","names":[],"sources":["../../../src/components/box/box.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport {\n applyBoxLayoutStyles,\n splitBoxLayoutProps,\n withBoxLayoutClass,\n} from \"../_internal/box-layout\";\nimport type { BoxAsChildProps, BoxDivProps, BoxSpanProps } from \"./box.types\";\n\nexport function Box(props: BoxDivProps): JSX.Element;\nexport function Box(props: BoxSpanProps): JSX.Element;\nexport function Box(props: BoxAsChildProps): JSX.Element;\nexport function Box(props: BoxDivProps | BoxSpanProps | BoxAsChildProps) {\n const as = \"as\" in props ? props.as : \"div\";\n const { asChild, children, ref, style: userStyle, ...rest } = props;\n\n const { boxProps, rest: passthroughProps } = splitBoxLayoutProps(rest);\n const layoutStyle: Record<string, string | number> = {};\n applyBoxLayoutStyles(layoutStyle, boxProps);\n const layoutClass = withBoxLayoutClass(layoutStyle, userStyle);\n\n const finalProps = mergeProps(passthroughProps, {\n ref,\n \"data-slot\": \"box\",\n \"data-ak-layout\": \"true\",\n ...(layoutClass ? { class: layoutClass } : {}),\n });\n\n if (asChild) {\n return <Slot asChild {...finalProps} children={children} />;\n }\n\n if (as === \"span\") {\n return <span {...finalProps}>{children}</span>;\n }\n\n return <div {...finalProps}>{children}</div>;\n}\n"],"mappings":";;;;;AAYA,SAAgB,IAAI,OAAqD;CACvE,MAAM,KAAK,QAAQ,QAAQ,MAAM,KAAK;CACtC,MAAM,EAAE,SAAS,UAAU,KAAK,OAAO,WAAW,GAAG,SAAS;CAE9D,MAAM,EAAE,UAAU,MAAM,qBAAqB,oBAAoB,IAAI;CACrE,MAAM,cAA+C,CAAC;CACtD,qBAAqB,aAAa,QAAQ;CAC1C,MAAM,cAAc,mBAAmB,aAAa,SAAS;CAE7D,MAAM,aAAa,WAAW,kBAAkB;EAC9C;EACA,aAAa;EACb,kBAAkB;EAClB,GAAI,cAAc,EAAE,OAAO,YAAY,IAAI,CAAC;CAC9C,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAAW,CAAA;CAG5D,IAAI,OAAO,QACT,OAAO,oBAAC,QAAD;EAAM,GAAI;EAAa;CAAe,CAAA;CAG/C,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;CAAc,CAAA;AAC7C"}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import { ResponsiveValue } from "../_internal/layout.js";
|
|
2
|
-
import { JSXElement } from "@askrjs/askr/foundations";
|
|
3
|
-
import { Ref } from "@askrjs/askr/foundations/utilities";
|
|
4
|
-
|
|
5
|
-
//#region src/components/box/box.types.d.ts
|
|
6
|
-
type LayoutResponsive<T> = ResponsiveValue<T>;
|
|
7
|
-
type BoxLayoutOwnProps = {
|
|
8
|
-
display?: ResponsiveValue<string>;
|
|
9
|
-
m?: ResponsiveValue<string | number>;
|
|
10
|
-
mx?: ResponsiveValue<string | number>;
|
|
11
|
-
my?: ResponsiveValue<string | number>;
|
|
12
|
-
mt?: ResponsiveValue<string | number>;
|
|
13
|
-
mr?: ResponsiveValue<string | number>;
|
|
14
|
-
mb?: ResponsiveValue<string | number>;
|
|
15
|
-
ml?: ResponsiveValue<string | number>;
|
|
16
|
-
p?: ResponsiveValue<string | number>;
|
|
17
|
-
px?: ResponsiveValue<string | number>;
|
|
18
|
-
py?: ResponsiveValue<string | number>;
|
|
19
|
-
pt?: ResponsiveValue<string | number>;
|
|
20
|
-
pr?: ResponsiveValue<string | number>;
|
|
21
|
-
pb?: ResponsiveValue<string | number>;
|
|
22
|
-
pl?: ResponsiveValue<string | number>;
|
|
23
|
-
width?: ResponsiveValue<string>;
|
|
24
|
-
minWidth?: ResponsiveValue<string>;
|
|
25
|
-
maxWidth?: ResponsiveValue<string>;
|
|
26
|
-
height?: ResponsiveValue<string>;
|
|
27
|
-
minHeight?: ResponsiveValue<string>;
|
|
28
|
-
maxHeight?: ResponsiveValue<string>;
|
|
29
|
-
position?: ResponsiveValue<string>;
|
|
30
|
-
inset?: ResponsiveValue<string | number>;
|
|
31
|
-
top?: ResponsiveValue<string | number>;
|
|
32
|
-
right?: ResponsiveValue<string | number>;
|
|
33
|
-
bottom?: ResponsiveValue<string | number>;
|
|
34
|
-
left?: ResponsiveValue<string | number>;
|
|
35
|
-
overflow?: ResponsiveValue<string>;
|
|
36
|
-
overflowX?: ResponsiveValue<string>;
|
|
37
|
-
overflowY?: ResponsiveValue<string>;
|
|
38
|
-
flexBasis?: ResponsiveValue<string>;
|
|
39
|
-
flexGrow?: ResponsiveValue<string | number>;
|
|
40
|
-
flexShrink?: ResponsiveValue<string | number>;
|
|
41
|
-
gridArea?: ResponsiveValue<string>;
|
|
42
|
-
gridColumn?: ResponsiveValue<string>;
|
|
43
|
-
gridColumnStart?: ResponsiveValue<string>;
|
|
44
|
-
gridColumnEnd?: ResponsiveValue<string>;
|
|
45
|
-
gridRow?: ResponsiveValue<string>;
|
|
46
|
-
gridRowStart?: ResponsiveValue<string>;
|
|
47
|
-
gridRowEnd?: ResponsiveValue<string>;
|
|
48
|
-
children?: unknown;
|
|
49
|
-
};
|
|
50
|
-
type BoxOwnProps = BoxLayoutOwnProps & {
|
|
51
|
-
as?: "div" | "span";
|
|
52
|
-
};
|
|
53
|
-
type BoxDivProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref"> & BoxOwnProps & {
|
|
54
|
-
as?: "div";
|
|
55
|
-
asChild?: false;
|
|
56
|
-
ref?: Ref<HTMLDivElement>;
|
|
57
|
-
};
|
|
58
|
-
type BoxSpanProps = Omit<JSX.IntrinsicElements["span"], "children" | "ref"> & BoxOwnProps & {
|
|
59
|
-
as: "span";
|
|
60
|
-
asChild?: false;
|
|
61
|
-
ref?: Ref<HTMLSpanElement>;
|
|
62
|
-
};
|
|
63
|
-
type BoxAsChildProps = Omit<BoxOwnProps, "as"> & {
|
|
64
|
-
asChild: true;
|
|
65
|
-
children: JSXElement;
|
|
66
|
-
ref?: Ref<unknown>;
|
|
67
|
-
style?: JSX.IntrinsicElements["div"]["style"];
|
|
68
|
-
};
|
|
69
|
-
type BoxProps = BoxDivProps | BoxSpanProps | BoxAsChildProps;
|
|
70
|
-
//#endregion
|
|
71
|
-
export { BoxAsChildProps, BoxDivProps, BoxLayoutOwnProps, BoxOwnProps, BoxProps, BoxSpanProps, LayoutResponsive };
|
|
72
|
-
//# sourceMappingURL=box.types.d.ts.map
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
//#region src/components/breadcrumb/breadcrumb.a11y.d.ts
|
|
2
|
-
/**
|
|
3
|
-
* Breadcrumb accessibility contract.
|
|
4
|
-
*/
|
|
5
|
-
declare const BREADCRUMB_A11Y_CONTRACT: {
|
|
6
|
-
readonly DATA_ATTRIBUTES: {
|
|
7
|
-
readonly slot: "data-slot";
|
|
8
|
-
};
|
|
9
|
-
readonly NAV_ROLE: "navigation";
|
|
10
|
-
readonly CURRENT_PAGE_ATTRIBUTE: "aria-current";
|
|
11
|
-
readonly CURRENT_PAGE_VALUE: "page";
|
|
12
|
-
readonly SEPARATOR_MARKER: "data-breadcrumb-separator";
|
|
13
|
-
};
|
|
14
|
-
type BreadcrumbA11yContract = typeof BREADCRUMB_A11Y_CONTRACT;
|
|
15
|
-
//#endregion
|
|
16
|
-
export { BREADCRUMB_A11Y_CONTRACT, BreadcrumbA11yContract };
|
|
17
|
-
//# sourceMappingURL=breadcrumb.a11y.d.ts.map
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
//#region src/components/breadcrumb/breadcrumb.a11y.ts
|
|
2
|
-
/**
|
|
3
|
-
* Breadcrumb accessibility contract.
|
|
4
|
-
*/
|
|
5
|
-
const BREADCRUMB_A11Y_CONTRACT = {
|
|
6
|
-
DATA_ATTRIBUTES: { slot: "data-slot" },
|
|
7
|
-
NAV_ROLE: "navigation",
|
|
8
|
-
CURRENT_PAGE_ATTRIBUTE: "aria-current",
|
|
9
|
-
CURRENT_PAGE_VALUE: "page",
|
|
10
|
-
SEPARATOR_MARKER: "data-breadcrumb-separator"
|
|
11
|
-
};
|
|
12
|
-
//#endregion
|
|
13
|
-
export { BREADCRUMB_A11Y_CONTRACT };
|
|
14
|
-
|
|
15
|
-
//# sourceMappingURL=breadcrumb.a11y.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb.a11y.js","names":[],"sources":["../../../src/components/breadcrumb/breadcrumb.a11y.ts"],"sourcesContent":["/**\n * Breadcrumb accessibility contract.\n */\n\nexport const BREADCRUMB_A11Y_CONTRACT = {\n DATA_ATTRIBUTES: {\n slot: \"data-slot\" as const,\n },\n NAV_ROLE: \"navigation\" as const,\n CURRENT_PAGE_ATTRIBUTE: \"aria-current\" as const,\n CURRENT_PAGE_VALUE: \"page\" as const,\n SEPARATOR_MARKER: \"data-breadcrumb-separator\" as const,\n} as const;\n\nexport type BreadcrumbA11yContract = typeof BREADCRUMB_A11Y_CONTRACT;\n"],"mappings":";;;;AAIA,MAAa,2BAA2B;CACtC,iBAAiB,EACf,MAAM,YACR;CACA,UAAU;CACV,wBAAwB;CACxB,oBAAoB;CACpB,kBAAkB;AACpB"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { BreadcrumbAsChildProps, BreadcrumbCurrentAsChildProps, BreadcrumbCurrentProps, BreadcrumbItemAsChildProps, BreadcrumbItemProps, BreadcrumbLinkAsChildProps, BreadcrumbLinkProps, BreadcrumbListAsChildProps, BreadcrumbListProps, BreadcrumbProps, BreadcrumbSeparatorAsChildProps, BreadcrumbSeparatorProps } from "./breadcrumb.types.js";
|
|
2
|
-
|
|
3
|
-
//#region src/components/breadcrumb/breadcrumb.d.ts
|
|
4
|
-
declare function Breadcrumb(props: BreadcrumbProps): JSX.Element;
|
|
5
|
-
declare function Breadcrumb(props: BreadcrumbAsChildProps): JSX.Element;
|
|
6
|
-
declare function BreadcrumbList(props: BreadcrumbListProps): JSX.Element;
|
|
7
|
-
declare function BreadcrumbList(props: BreadcrumbListAsChildProps): JSX.Element;
|
|
8
|
-
declare function BreadcrumbItem(props: BreadcrumbItemProps): JSX.Element;
|
|
9
|
-
declare function BreadcrumbItem(props: BreadcrumbItemAsChildProps): JSX.Element;
|
|
10
|
-
declare function BreadcrumbLink(props: BreadcrumbLinkProps): JSX.Element;
|
|
11
|
-
declare function BreadcrumbLink(props: BreadcrumbLinkAsChildProps): JSX.Element;
|
|
12
|
-
declare function BreadcrumbCurrent(props: BreadcrumbCurrentProps): JSX.Element;
|
|
13
|
-
declare function BreadcrumbCurrent(props: BreadcrumbCurrentAsChildProps): JSX.Element;
|
|
14
|
-
declare function BreadcrumbSeparator(props: BreadcrumbSeparatorProps): JSX.Element;
|
|
15
|
-
declare function BreadcrumbSeparator(props: BreadcrumbSeparatorAsChildProps): JSX.Element;
|
|
16
|
-
//#endregion
|
|
17
|
-
export { Breadcrumb, BreadcrumbCurrent, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator };
|
|
18
|
-
//# sourceMappingURL=breadcrumb.d.ts.map
|
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
import { mergeProps } from "../_internal/merge-props.js";
|
|
2
|
-
import { jsx } from "@askrjs/askr/jsx-runtime";
|
|
3
|
-
import { Slot } from "@askrjs/askr/foundations";
|
|
4
|
-
//#region src/components/breadcrumb/breadcrumb.tsx
|
|
5
|
-
function Breadcrumb(props) {
|
|
6
|
-
const { asChild, children, ref, "aria-label": ariaLabel, ...rest } = props;
|
|
7
|
-
const finalProps = mergeProps(rest, {
|
|
8
|
-
ref,
|
|
9
|
-
"aria-label": ariaLabel ?? "Breadcrumb",
|
|
10
|
-
"data-slot": "breadcrumb",
|
|
11
|
-
"data-breadcrumb": "true"
|
|
12
|
-
});
|
|
13
|
-
if (asChild) return /* @__PURE__ */ jsx(Slot, {
|
|
14
|
-
asChild: true,
|
|
15
|
-
...finalProps,
|
|
16
|
-
children
|
|
17
|
-
});
|
|
18
|
-
return /* @__PURE__ */ jsx("nav", {
|
|
19
|
-
...finalProps,
|
|
20
|
-
children
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
function BreadcrumbList(props) {
|
|
24
|
-
const { asChild, children, ref, ...rest } = props;
|
|
25
|
-
const finalProps = mergeProps(rest, {
|
|
26
|
-
ref,
|
|
27
|
-
"data-slot": "breadcrumb-list",
|
|
28
|
-
"data-breadcrumb-list": "true"
|
|
29
|
-
});
|
|
30
|
-
if (asChild) return /* @__PURE__ */ jsx(Slot, {
|
|
31
|
-
asChild: true,
|
|
32
|
-
...finalProps,
|
|
33
|
-
children
|
|
34
|
-
});
|
|
35
|
-
return /* @__PURE__ */ jsx("ol", {
|
|
36
|
-
...finalProps,
|
|
37
|
-
children
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
function BreadcrumbItem(props) {
|
|
41
|
-
const { asChild, children, ref, ...rest } = props;
|
|
42
|
-
const finalProps = mergeProps(rest, {
|
|
43
|
-
ref,
|
|
44
|
-
"data-slot": "breadcrumb-item",
|
|
45
|
-
"data-breadcrumb-item": "true"
|
|
46
|
-
});
|
|
47
|
-
if (asChild) return /* @__PURE__ */ jsx(Slot, {
|
|
48
|
-
asChild: true,
|
|
49
|
-
...finalProps,
|
|
50
|
-
children
|
|
51
|
-
});
|
|
52
|
-
return /* @__PURE__ */ jsx("li", {
|
|
53
|
-
...finalProps,
|
|
54
|
-
children
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
function BreadcrumbLink(props) {
|
|
58
|
-
const { asChild, children, ref, ...rest } = props;
|
|
59
|
-
const finalProps = mergeProps(rest, {
|
|
60
|
-
ref,
|
|
61
|
-
"data-slot": "breadcrumb-link",
|
|
62
|
-
"data-breadcrumb-link": "true"
|
|
63
|
-
});
|
|
64
|
-
if (asChild) return /* @__PURE__ */ jsx(Slot, {
|
|
65
|
-
asChild: true,
|
|
66
|
-
...finalProps,
|
|
67
|
-
children
|
|
68
|
-
});
|
|
69
|
-
return /* @__PURE__ */ jsx("a", {
|
|
70
|
-
...finalProps,
|
|
71
|
-
children
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
function BreadcrumbCurrent(props) {
|
|
75
|
-
const { asChild, children, ref, ...rest } = props;
|
|
76
|
-
const finalProps = mergeProps(rest, {
|
|
77
|
-
ref,
|
|
78
|
-
"aria-current": "page",
|
|
79
|
-
"data-slot": "breadcrumb-current",
|
|
80
|
-
"data-breadcrumb-current": "true"
|
|
81
|
-
});
|
|
82
|
-
if (asChild) return /* @__PURE__ */ jsx(Slot, {
|
|
83
|
-
asChild: true,
|
|
84
|
-
...finalProps,
|
|
85
|
-
children
|
|
86
|
-
});
|
|
87
|
-
return /* @__PURE__ */ jsx("span", {
|
|
88
|
-
...finalProps,
|
|
89
|
-
children
|
|
90
|
-
});
|
|
91
|
-
}
|
|
92
|
-
function BreadcrumbSeparator(props) {
|
|
93
|
-
const { asChild, children, ref, ...rest } = props;
|
|
94
|
-
const finalProps = mergeProps(rest, {
|
|
95
|
-
ref,
|
|
96
|
-
"aria-hidden": "true",
|
|
97
|
-
"data-slot": "breadcrumb-separator",
|
|
98
|
-
"data-breadcrumb-separator": "true"
|
|
99
|
-
});
|
|
100
|
-
if (asChild) return /* @__PURE__ */ jsx(Slot, {
|
|
101
|
-
asChild: true,
|
|
102
|
-
...finalProps,
|
|
103
|
-
children: children ?? "/"
|
|
104
|
-
});
|
|
105
|
-
return /* @__PURE__ */ jsx("span", {
|
|
106
|
-
...finalProps,
|
|
107
|
-
children: children ?? "/"
|
|
108
|
-
});
|
|
109
|
-
}
|
|
110
|
-
//#endregion
|
|
111
|
-
export { Breadcrumb, BreadcrumbCurrent, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator };
|
|
112
|
-
|
|
113
|
-
//# sourceMappingURL=breadcrumb.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../../src/components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type {\n BreadcrumbAsChildProps,\n BreadcrumbCurrentAsChildProps,\n BreadcrumbCurrentProps,\n BreadcrumbItemAsChildProps,\n BreadcrumbItemProps,\n BreadcrumbLinkAsChildProps,\n BreadcrumbLinkProps,\n BreadcrumbListAsChildProps,\n BreadcrumbListProps,\n BreadcrumbProps,\n BreadcrumbSeparatorAsChildProps,\n BreadcrumbSeparatorProps,\n} from \"./breadcrumb.types\";\n\nexport function Breadcrumb(props: BreadcrumbProps): JSX.Element;\nexport function Breadcrumb(props: BreadcrumbAsChildProps): JSX.Element;\nexport function Breadcrumb(props: BreadcrumbProps | BreadcrumbAsChildProps) {\n const { asChild, children, ref, \"aria-label\": ariaLabel, ...rest } = props;\n const finalProps = mergeProps(rest, {\n ref,\n \"aria-label\": ariaLabel ?? \"Breadcrumb\",\n \"data-slot\": \"breadcrumb\",\n \"data-breadcrumb\": \"true\",\n });\n\n if (asChild) {\n return <Slot asChild {...finalProps} children={children} />;\n }\n\n return <nav {...finalProps}>{children}</nav>;\n}\n\nexport function BreadcrumbList(props: BreadcrumbListProps): JSX.Element;\nexport function BreadcrumbList(props: BreadcrumbListAsChildProps): JSX.Element;\nexport function BreadcrumbList(props: BreadcrumbListProps | BreadcrumbListAsChildProps) {\n const { asChild, children, ref, ...rest } = props;\n const finalProps = mergeProps(rest, {\n ref,\n \"data-slot\": \"breadcrumb-list\",\n \"data-breadcrumb-list\": \"true\",\n });\n\n if (asChild) {\n return <Slot asChild {...finalProps} children={children} />;\n }\n\n return <ol {...finalProps}>{children}</ol>;\n}\n\nexport function BreadcrumbItem(props: BreadcrumbItemProps): JSX.Element;\nexport function BreadcrumbItem(props: BreadcrumbItemAsChildProps): JSX.Element;\nexport function BreadcrumbItem(props: BreadcrumbItemProps | BreadcrumbItemAsChildProps) {\n const { asChild, children, ref, ...rest } = props;\n const finalProps = mergeProps(rest, {\n ref,\n \"data-slot\": \"breadcrumb-item\",\n \"data-breadcrumb-item\": \"true\",\n });\n\n if (asChild) {\n return <Slot asChild {...finalProps} children={children} />;\n }\n\n return <li {...finalProps}>{children}</li>;\n}\n\nexport function BreadcrumbLink(props: BreadcrumbLinkProps): JSX.Element;\nexport function BreadcrumbLink(props: BreadcrumbLinkAsChildProps): JSX.Element;\nexport function BreadcrumbLink(props: BreadcrumbLinkProps | BreadcrumbLinkAsChildProps) {\n const { asChild, children, ref, ...rest } = props;\n const finalProps = mergeProps(rest, {\n ref,\n \"data-slot\": \"breadcrumb-link\",\n \"data-breadcrumb-link\": \"true\",\n });\n\n if (asChild) {\n return <Slot asChild {...finalProps} children={children} />;\n }\n\n return <a {...finalProps}>{children}</a>;\n}\n\nexport function BreadcrumbCurrent(props: BreadcrumbCurrentProps): JSX.Element;\nexport function BreadcrumbCurrent(props: BreadcrumbCurrentAsChildProps): JSX.Element;\nexport function BreadcrumbCurrent(props: BreadcrumbCurrentProps | BreadcrumbCurrentAsChildProps) {\n const { asChild, children, ref, ...rest } = props;\n const finalProps = mergeProps(rest, {\n ref,\n \"aria-current\": \"page\",\n \"data-slot\": \"breadcrumb-current\",\n \"data-breadcrumb-current\": \"true\",\n });\n\n if (asChild) {\n return <Slot asChild {...finalProps} children={children} />;\n }\n\n return <span {...finalProps}>{children}</span>;\n}\n\nexport function BreadcrumbSeparator(props: BreadcrumbSeparatorProps): JSX.Element;\nexport function BreadcrumbSeparator(props: BreadcrumbSeparatorAsChildProps): JSX.Element;\nexport function BreadcrumbSeparator(\n props: BreadcrumbSeparatorProps | BreadcrumbSeparatorAsChildProps,\n) {\n const { asChild, children, ref, ...rest } = props;\n const finalProps = mergeProps(rest, {\n ref,\n \"aria-hidden\": \"true\",\n \"data-slot\": \"breadcrumb-separator\",\n \"data-breadcrumb-separator\": \"true\",\n });\n\n if (asChild) {\n return <Slot asChild {...finalProps} children={children ?? \"/\"} />;\n }\n\n return <span {...finalProps}>{children ?? \"/\"}</span>;\n}\n"],"mappings":";;;;AAmBA,SAAgB,WAAW,OAAiD;CAC1E,MAAM,EAAE,SAAS,UAAU,KAAK,cAAc,WAAW,GAAG,SAAS;CACrE,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,cAAc,aAAa;EAC3B,aAAa;EACb,mBAAmB;CACrB,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAAW,CAAA;CAG5D,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;CAAc,CAAA;AAC7C;AAIA,SAAgB,eAAe,OAAyD;CACtF,MAAM,EAAE,SAAS,UAAU,KAAK,GAAG,SAAS;CAC5C,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,wBAAwB;CAC1B,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAAW,CAAA;CAG5D,OAAO,oBAAC,MAAD;EAAI,GAAI;EAAa;CAAa,CAAA;AAC3C;AAIA,SAAgB,eAAe,OAAyD;CACtF,MAAM,EAAE,SAAS,UAAU,KAAK,GAAG,SAAS;CAC5C,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,wBAAwB;CAC1B,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAAW,CAAA;CAG5D,OAAO,oBAAC,MAAD;EAAI,GAAI;EAAa;CAAa,CAAA;AAC3C;AAIA,SAAgB,eAAe,OAAyD;CACtF,MAAM,EAAE,SAAS,UAAU,KAAK,GAAG,SAAS;CAC5C,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,wBAAwB;CAC1B,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAAW,CAAA;CAG5D,OAAO,oBAAC,KAAD;EAAG,GAAI;EAAa;CAAY,CAAA;AACzC;AAIA,SAAgB,kBAAkB,OAA+D;CAC/F,MAAM,EAAE,SAAS,UAAU,KAAK,GAAG,SAAS;CAC5C,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,gBAAgB;EAChB,aAAa;EACb,2BAA2B;CAC7B,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAAW,CAAA;CAG5D,OAAO,oBAAC,QAAD;EAAM,GAAI;EAAa;CAAe,CAAA;AAC/C;AAIA,SAAgB,oBACd,OACA;CACA,MAAM,EAAE,SAAS,UAAU,KAAK,GAAG,SAAS;CAC5C,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,eAAe;EACf,aAAa;EACb,6BAA6B;CAC/B,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAY,UAAU,YAAY;CAAM,CAAA;CAGnE,OAAO,oBAAC,QAAD;EAAM,GAAI;YAAa,YAAY;CAAU,CAAA;AACtD"}
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import { JSXElement } from "@askrjs/askr/foundations";
|
|
2
|
-
import { Ref } from "@askrjs/askr/foundations/utilities";
|
|
3
|
-
|
|
4
|
-
//#region src/components/breadcrumb/breadcrumb.types.d.ts
|
|
5
|
-
type BreadcrumbOwnProps = {
|
|
6
|
-
children?: unknown;
|
|
7
|
-
"aria-label"?: string;
|
|
8
|
-
};
|
|
9
|
-
type BreadcrumbProps = Omit<JSX.IntrinsicElements["nav"], "children" | "ref"> & BreadcrumbOwnProps & {
|
|
10
|
-
asChild?: false;
|
|
11
|
-
ref?: Ref<HTMLElement>;
|
|
12
|
-
};
|
|
13
|
-
type BreadcrumbAsChildProps = BreadcrumbOwnProps & {
|
|
14
|
-
asChild: true;
|
|
15
|
-
children: JSXElement;
|
|
16
|
-
ref?: Ref<unknown>;
|
|
17
|
-
};
|
|
18
|
-
type BreadcrumbListProps = Omit<JSX.IntrinsicElements["ol"], "children" | "ref"> & {
|
|
19
|
-
asChild?: false;
|
|
20
|
-
ref?: Ref<HTMLOListElement>;
|
|
21
|
-
};
|
|
22
|
-
type BreadcrumbListAsChildProps = {
|
|
23
|
-
asChild: true;
|
|
24
|
-
children: JSXElement;
|
|
25
|
-
ref?: Ref<unknown>;
|
|
26
|
-
};
|
|
27
|
-
type BreadcrumbItemProps = Omit<JSX.IntrinsicElements["li"], "children" | "ref"> & {
|
|
28
|
-
asChild?: false;
|
|
29
|
-
ref?: Ref<HTMLLIElement>;
|
|
30
|
-
};
|
|
31
|
-
type BreadcrumbItemAsChildProps = {
|
|
32
|
-
asChild: true;
|
|
33
|
-
children: JSXElement;
|
|
34
|
-
ref?: Ref<unknown>;
|
|
35
|
-
};
|
|
36
|
-
type BreadcrumbLinkProps = Omit<JSX.IntrinsicElements["a"], "children" | "ref"> & {
|
|
37
|
-
asChild?: false;
|
|
38
|
-
ref?: Ref<HTMLAnchorElement>;
|
|
39
|
-
};
|
|
40
|
-
type BreadcrumbLinkAsChildProps = {
|
|
41
|
-
asChild: true;
|
|
42
|
-
children: JSXElement;
|
|
43
|
-
ref?: Ref<unknown>;
|
|
44
|
-
};
|
|
45
|
-
type BreadcrumbCurrentProps = Omit<JSX.IntrinsicElements["span"], "children" | "ref"> & {
|
|
46
|
-
asChild?: false;
|
|
47
|
-
ref?: Ref<HTMLSpanElement>;
|
|
48
|
-
};
|
|
49
|
-
type BreadcrumbCurrentAsChildProps = {
|
|
50
|
-
asChild: true;
|
|
51
|
-
children: JSXElement;
|
|
52
|
-
ref?: Ref<unknown>;
|
|
53
|
-
};
|
|
54
|
-
type BreadcrumbSeparatorProps = Omit<JSX.IntrinsicElements["span"], "children" | "ref"> & {
|
|
55
|
-
asChild?: false;
|
|
56
|
-
ref?: Ref<HTMLSpanElement>;
|
|
57
|
-
};
|
|
58
|
-
type BreadcrumbSeparatorAsChildProps = {
|
|
59
|
-
asChild: true;
|
|
60
|
-
children: JSXElement;
|
|
61
|
-
ref?: Ref<unknown>;
|
|
62
|
-
};
|
|
63
|
-
//#endregion
|
|
64
|
-
export { BreadcrumbAsChildProps, BreadcrumbCurrentAsChildProps, BreadcrumbCurrentProps, BreadcrumbItemAsChildProps, BreadcrumbItemProps, BreadcrumbLinkAsChildProps, BreadcrumbLinkProps, BreadcrumbListAsChildProps, BreadcrumbListProps, BreadcrumbOwnProps, BreadcrumbProps, BreadcrumbSeparatorAsChildProps, BreadcrumbSeparatorProps };
|
|
65
|
-
//# sourceMappingURL=breadcrumb.types.d.ts.map
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { BreadcrumbAsChildProps, BreadcrumbCurrentAsChildProps, BreadcrumbCurrentProps, BreadcrumbItemAsChildProps, BreadcrumbItemProps, BreadcrumbLinkAsChildProps, BreadcrumbLinkProps, BreadcrumbListAsChildProps, BreadcrumbListProps, BreadcrumbOwnProps, BreadcrumbProps, BreadcrumbSeparatorAsChildProps, BreadcrumbSeparatorProps } from "./breadcrumb.types.js";
|
|
2
|
-
import { Breadcrumb, BreadcrumbCurrent, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator } from "./breadcrumb.js";
|
|
3
|
-
import { BREADCRUMB_A11Y_CONTRACT, BreadcrumbA11yContract } from "./breadcrumb.a11y.js";
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
//#region src/components/container/container.a11y.d.ts
|
|
2
|
-
declare const CONTAINER_A11Y_CONTRACT: {
|
|
3
|
-
readonly DATA_ATTRIBUTES: {
|
|
4
|
-
readonly slot: "data-slot";
|
|
5
|
-
readonly layout: "data-ak-layout";
|
|
6
|
-
readonly variant: "data-variant";
|
|
7
|
-
readonly maxWidth: "data-max-width";
|
|
8
|
-
readonly padding: "data-padding";
|
|
9
|
-
readonly size: "data-size";
|
|
10
|
-
readonly align: "data-align";
|
|
11
|
-
};
|
|
12
|
-
readonly SLOT_VALUES: {
|
|
13
|
-
readonly root: "container";
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
type ContainerA11yContract = typeof CONTAINER_A11Y_CONTRACT;
|
|
17
|
-
//#endregion
|
|
18
|
-
export { CONTAINER_A11Y_CONTRACT, ContainerA11yContract };
|
|
19
|
-
//# sourceMappingURL=container.a11y.d.ts.map
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
//#region src/components/flex/flex.a11y.d.ts
|
|
2
|
-
declare const FLEX_A11Y_CONTRACT: {
|
|
3
|
-
readonly DATA_ATTRIBUTES: {
|
|
4
|
-
readonly slot: "data-slot";
|
|
5
|
-
readonly layout: "data-ak-layout";
|
|
6
|
-
readonly direction: "data-direction";
|
|
7
|
-
readonly gap: "data-gap";
|
|
8
|
-
readonly gapX: "data-gap-x";
|
|
9
|
-
readonly gapY: "data-gap-y";
|
|
10
|
-
readonly align: "data-align";
|
|
11
|
-
readonly justify: "data-justify";
|
|
12
|
-
readonly wrap: "data-wrap";
|
|
13
|
-
readonly collapseBelow: "data-collapse-below";
|
|
14
|
-
};
|
|
15
|
-
readonly SLOT_VALUES: {
|
|
16
|
-
readonly root: "flex";
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
type FlexA11yContract = typeof FLEX_A11Y_CONTRACT;
|
|
20
|
-
//#endregion
|
|
21
|
-
export { FLEX_A11Y_CONTRACT, FlexA11yContract };
|
|
22
|
-
//# sourceMappingURL=flex.a11y.d.ts.map
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { FlexAsChildProps, FlexDivProps, FlexSpanProps } from "./flex.types.js";
|
|
2
|
-
|
|
3
|
-
//#region src/components/flex/flex.d.ts
|
|
4
|
-
declare function Flex(props: FlexDivProps): JSX.Element;
|
|
5
|
-
declare function Flex(props: FlexSpanProps): JSX.Element;
|
|
6
|
-
declare function Flex(props: FlexAsChildProps): JSX.Element;
|
|
7
|
-
//#endregion
|
|
8
|
-
export { Flex };
|
|
9
|
-
//# sourceMappingURL=flex.d.ts.map
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
import { mergeProps } from "../_internal/merge-props.js";
|
|
2
|
-
import { isResponsiveValue, resolveAlignValue, resolveJustifyValue, resolveSpaceValue, serializeResponsiveValueIf, setResponsiveStyleVar } from "../_internal/layout.js";
|
|
3
|
-
import { applyBoxLayoutStyles, splitBoxLayoutProps, withBoxLayoutClass } from "../_internal/box-layout.js";
|
|
4
|
-
import { jsx } from "@askrjs/askr/jsx-runtime";
|
|
5
|
-
import { Slot } from "@askrjs/askr/foundations";
|
|
6
|
-
//#region src/components/flex/flex.tsx
|
|
7
|
-
const SPACE_TOKENS = new Set([
|
|
8
|
-
"1",
|
|
9
|
-
"2",
|
|
10
|
-
"3",
|
|
11
|
-
"4",
|
|
12
|
-
"5",
|
|
13
|
-
"6",
|
|
14
|
-
"7",
|
|
15
|
-
"8",
|
|
16
|
-
"9",
|
|
17
|
-
"xs",
|
|
18
|
-
"sm",
|
|
19
|
-
"md",
|
|
20
|
-
"lg",
|
|
21
|
-
"xl",
|
|
22
|
-
"2xl",
|
|
23
|
-
"3xl"
|
|
24
|
-
]);
|
|
25
|
-
function isResponsiveObject(value) {
|
|
26
|
-
return value !== null && typeof value === "object" && !Array.isArray(value);
|
|
27
|
-
}
|
|
28
|
-
function isCssCoveredSpaceValue(value) {
|
|
29
|
-
return typeof value === "string" && SPACE_TOKENS.has(value.trim());
|
|
30
|
-
}
|
|
31
|
-
function isCssCoveredDirectionValue(value) {
|
|
32
|
-
return typeof value === "string" && [
|
|
33
|
-
"row",
|
|
34
|
-
"column",
|
|
35
|
-
"row-reverse",
|
|
36
|
-
"column-reverse"
|
|
37
|
-
].includes(value.trim());
|
|
38
|
-
}
|
|
39
|
-
function isCssCoveredAlignValue(value) {
|
|
40
|
-
return typeof value === "string" && [
|
|
41
|
-
"start",
|
|
42
|
-
"end",
|
|
43
|
-
"center",
|
|
44
|
-
"stretch",
|
|
45
|
-
"baseline"
|
|
46
|
-
].includes(value.trim());
|
|
47
|
-
}
|
|
48
|
-
function isCssCoveredJustifyValue(value) {
|
|
49
|
-
return typeof value === "string" && [
|
|
50
|
-
"start",
|
|
51
|
-
"end",
|
|
52
|
-
"center",
|
|
53
|
-
"between"
|
|
54
|
-
].includes(value.trim());
|
|
55
|
-
}
|
|
56
|
-
function isCssCoveredWrapValue(value) {
|
|
57
|
-
return typeof value === "string" && [
|
|
58
|
-
"wrap",
|
|
59
|
-
"nowrap",
|
|
60
|
-
"wrap-reverse"
|
|
61
|
-
].includes(value.trim());
|
|
62
|
-
}
|
|
63
|
-
function serializeStaticThemeValue(value, predicate) {
|
|
64
|
-
if (isResponsiveValue(value)) return void 0;
|
|
65
|
-
return serializeResponsiveValueIf(value, predicate);
|
|
66
|
-
}
|
|
67
|
-
const SLOTS = { root: "flex" };
|
|
68
|
-
function Flex(props) {
|
|
69
|
-
const as = "as" in props ? props.as : "div";
|
|
70
|
-
const { asChild, children, direction = "row", gap, gapX, gapY, align, justify, wrap, collapseBelow, ref, style: userStyle, ...rest } = props;
|
|
71
|
-
const { boxProps, rest: passthroughProps } = splitBoxLayoutProps(rest);
|
|
72
|
-
const rootSlot = typeof passthroughProps["data-slot"] === "string" ? String(passthroughProps["data-slot"]) : SLOTS.root;
|
|
73
|
-
const layoutStyle = {};
|
|
74
|
-
applyBoxLayoutStyles(layoutStyle, boxProps);
|
|
75
|
-
if (boxProps.display !== void 0) setResponsiveStyleVar(layoutStyle, "display", boxProps.display, (value) => value);
|
|
76
|
-
if (direction !== "row" && (!isCssCoveredDirectionValue(direction) || isResponsiveObject(direction))) setResponsiveStyleVar(layoutStyle, "flex-direction", direction, (value) => value);
|
|
77
|
-
if (!isCssCoveredSpaceValue(gap) || isResponsiveObject(gap)) setResponsiveStyleVar(layoutStyle, "gap", gap, resolveSpaceValue);
|
|
78
|
-
if (!isCssCoveredSpaceValue(gapX) || isResponsiveObject(gapX)) setResponsiveStyleVar(layoutStyle, "column-gap", gapX, resolveSpaceValue);
|
|
79
|
-
if (!isCssCoveredSpaceValue(gapY) || isResponsiveObject(gapY)) setResponsiveStyleVar(layoutStyle, "row-gap", gapY, resolveSpaceValue);
|
|
80
|
-
if (!isCssCoveredAlignValue(align) || isResponsiveObject(align)) setResponsiveStyleVar(layoutStyle, "align-items", align, resolveAlignValue);
|
|
81
|
-
if (!isCssCoveredJustifyValue(justify) || isResponsiveObject(justify)) setResponsiveStyleVar(layoutStyle, "justify-content", justify, resolveJustifyValue);
|
|
82
|
-
if (!isCssCoveredWrapValue(wrap) || isResponsiveObject(wrap)) setResponsiveStyleVar(layoutStyle, "flex-wrap", wrap, (value) => value);
|
|
83
|
-
const layoutClass = withBoxLayoutClass(layoutStyle, userStyle);
|
|
84
|
-
const finalProps = mergeProps(passthroughProps, {
|
|
85
|
-
ref,
|
|
86
|
-
"data-slot": rootSlot,
|
|
87
|
-
"data-ak-layout": "true",
|
|
88
|
-
"data-direction": serializeStaticThemeValue(direction, isCssCoveredDirectionValue),
|
|
89
|
-
"data-gap": serializeStaticThemeValue(gap, isCssCoveredSpaceValue),
|
|
90
|
-
"data-gap-x": serializeStaticThemeValue(gapX, isCssCoveredSpaceValue),
|
|
91
|
-
"data-gap-y": serializeStaticThemeValue(gapY, isCssCoveredSpaceValue),
|
|
92
|
-
"data-align": serializeStaticThemeValue(align, isCssCoveredAlignValue),
|
|
93
|
-
"data-justify": serializeStaticThemeValue(justify, isCssCoveredJustifyValue),
|
|
94
|
-
"data-wrap": serializeStaticThemeValue(wrap, isCssCoveredWrapValue),
|
|
95
|
-
"data-collapse-below": collapseBelow,
|
|
96
|
-
...layoutClass ? { class: layoutClass } : {}
|
|
97
|
-
});
|
|
98
|
-
if (asChild) return /* @__PURE__ */ jsx(Slot, {
|
|
99
|
-
asChild: true,
|
|
100
|
-
...finalProps,
|
|
101
|
-
children
|
|
102
|
-
});
|
|
103
|
-
if (as === "span") return /* @__PURE__ */ jsx("span", {
|
|
104
|
-
...finalProps,
|
|
105
|
-
children
|
|
106
|
-
});
|
|
107
|
-
return /* @__PURE__ */ jsx("div", {
|
|
108
|
-
...finalProps,
|
|
109
|
-
children
|
|
110
|
-
});
|
|
111
|
-
}
|
|
112
|
-
//#endregion
|
|
113
|
-
export { Flex };
|
|
114
|
-
|
|
115
|
-
//# sourceMappingURL=flex.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"flex.js","names":[],"sources":["../../../src/components/flex/flex.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport {\n applyBoxLayoutStyles,\n splitBoxLayoutProps,\n withBoxLayoutClass,\n} from \"../_internal/box-layout\";\nimport {\n isResponsiveValue,\n resolveAlignValue,\n resolveJustifyValue,\n resolveSpaceValue,\n serializeResponsiveValueIf,\n setResponsiveStyleVar,\n} from \"../_internal/layout\";\nimport type { FlexAsChildProps, FlexDivProps, FlexSpanProps } from \"./flex.types\";\n\nconst SPACE_TOKENS = new Set([\n \"1\",\n \"2\",\n \"3\",\n \"4\",\n \"5\",\n \"6\",\n \"7\",\n \"8\",\n \"9\",\n \"xs\",\n \"sm\",\n \"md\",\n \"lg\",\n \"xl\",\n \"2xl\",\n \"3xl\",\n]);\n\nfunction isResponsiveObject(value: unknown): boolean {\n return value !== null && typeof value === \"object\" && !Array.isArray(value);\n}\n\nfunction isCssCoveredSpaceValue(value: unknown): value is string {\n return typeof value === \"string\" && SPACE_TOKENS.has(value.trim());\n}\n\nfunction isCssCoveredDirectionValue(value: unknown): value is string {\n return (\n typeof value === \"string\" &&\n [\"row\", \"column\", \"row-reverse\", \"column-reverse\"].includes(value.trim())\n );\n}\n\nfunction isCssCoveredAlignValue(value: unknown): value is string {\n return (\n typeof value === \"string\" &&\n [\"start\", \"end\", \"center\", \"stretch\", \"baseline\"].includes(value.trim())\n );\n}\n\nfunction isCssCoveredJustifyValue(value: unknown): value is string {\n return typeof value === \"string\" && [\"start\", \"end\", \"center\", \"between\"].includes(value.trim());\n}\n\nfunction isCssCoveredWrapValue(value: unknown): value is string {\n return typeof value === \"string\" && [\"wrap\", \"nowrap\", \"wrap-reverse\"].includes(value.trim());\n}\n\nfunction serializeStaticThemeValue<T>(\n value: T | Partial<Record<\"initial\" | \"sm\" | \"md\" | \"lg\" | \"xl\", T>> | undefined,\n predicate: (value: T) => boolean,\n): string | undefined {\n if (isResponsiveValue(value)) return undefined;\n return serializeResponsiveValueIf(value, predicate);\n}\n\nconst SLOTS = {\n root: \"flex\",\n} as const;\n\nexport function Flex(props: FlexDivProps): JSX.Element;\nexport function Flex(props: FlexSpanProps): JSX.Element;\nexport function Flex(props: FlexAsChildProps): JSX.Element;\nexport function Flex(props: FlexDivProps | FlexSpanProps | FlexAsChildProps) {\n const as = \"as\" in props ? props.as : \"div\";\n const {\n asChild,\n children,\n direction = \"row\",\n gap,\n gapX,\n gapY,\n align,\n justify,\n wrap,\n collapseBelow,\n ref,\n style: userStyle,\n ...rest\n } = props;\n\n const { boxProps, rest: passthroughProps } = splitBoxLayoutProps(rest);\n const rootSlot =\n typeof (passthroughProps as Record<string, unknown>)[\"data-slot\"] === \"string\"\n ? String((passthroughProps as Record<string, unknown>)[\"data-slot\"])\n : SLOTS.root;\n const layoutStyle: Record<string, string | number> = {};\n applyBoxLayoutStyles(layoutStyle, boxProps);\n\n if (boxProps.display !== undefined) {\n setResponsiveStyleVar(layoutStyle, \"display\", boxProps.display, (value) => value);\n }\n if (\n direction !== \"row\" &&\n (!isCssCoveredDirectionValue(direction) || isResponsiveObject(direction))\n ) {\n setResponsiveStyleVar(layoutStyle, \"flex-direction\", direction, (value) => value);\n }\n if (!isCssCoveredSpaceValue(gap) || isResponsiveObject(gap)) {\n setResponsiveStyleVar(layoutStyle, \"gap\", gap, resolveSpaceValue);\n }\n if (!isCssCoveredSpaceValue(gapX) || isResponsiveObject(gapX)) {\n setResponsiveStyleVar(layoutStyle, \"column-gap\", gapX, resolveSpaceValue);\n }\n if (!isCssCoveredSpaceValue(gapY) || isResponsiveObject(gapY)) {\n setResponsiveStyleVar(layoutStyle, \"row-gap\", gapY, resolveSpaceValue);\n }\n if (!isCssCoveredAlignValue(align) || isResponsiveObject(align)) {\n setResponsiveStyleVar(layoutStyle, \"align-items\", align, resolveAlignValue);\n }\n if (!isCssCoveredJustifyValue(justify) || isResponsiveObject(justify)) {\n setResponsiveStyleVar(layoutStyle, \"justify-content\", justify, resolveJustifyValue);\n }\n if (!isCssCoveredWrapValue(wrap) || isResponsiveObject(wrap)) {\n setResponsiveStyleVar(layoutStyle, \"flex-wrap\", wrap, (value) => value);\n }\n\n const layoutClass = withBoxLayoutClass(layoutStyle, userStyle);\n\n const finalProps = mergeProps(passthroughProps, {\n ref,\n \"data-slot\": rootSlot,\n \"data-ak-layout\": \"true\",\n \"data-direction\": serializeStaticThemeValue(direction, isCssCoveredDirectionValue),\n \"data-gap\": serializeStaticThemeValue(gap, isCssCoveredSpaceValue),\n \"data-gap-x\": serializeStaticThemeValue(gapX, isCssCoveredSpaceValue),\n \"data-gap-y\": serializeStaticThemeValue(gapY, isCssCoveredSpaceValue),\n \"data-align\": serializeStaticThemeValue(align, isCssCoveredAlignValue),\n \"data-justify\": serializeStaticThemeValue(justify, isCssCoveredJustifyValue),\n \"data-wrap\": serializeStaticThemeValue(wrap, isCssCoveredWrapValue),\n \"data-collapse-below\": collapseBelow,\n ...(layoutClass ? { class: layoutClass } : {}),\n });\n\n if (asChild) {\n return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n }\n\n if (as === \"span\") {\n return <span {...finalProps}>{children}</span>;\n }\n\n return <div {...finalProps}>{children}</div>;\n}\n"],"mappings":";;;;;;AAiBA,MAAM,eAAe,IAAI,IAAI;CAC3B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;AAED,SAAS,mBAAmB,OAAyB;CACnD,OAAO,UAAU,QAAQ,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK;AAC5E;AAEA,SAAS,uBAAuB,OAAiC;CAC/D,OAAO,OAAO,UAAU,YAAY,aAAa,IAAI,MAAM,KAAK,CAAC;AACnE;AAEA,SAAS,2BAA2B,OAAiC;CACnE,OACE,OAAO,UAAU,YACjB;EAAC;EAAO;EAAU;EAAe;CAAgB,CAAC,CAAC,SAAS,MAAM,KAAK,CAAC;AAE5E;AAEA,SAAS,uBAAuB,OAAiC;CAC/D,OACE,OAAO,UAAU,YACjB;EAAC;EAAS;EAAO;EAAU;EAAW;CAAU,CAAC,CAAC,SAAS,MAAM,KAAK,CAAC;AAE3E;AAEA,SAAS,yBAAyB,OAAiC;CACjE,OAAO,OAAO,UAAU,YAAY;EAAC;EAAS;EAAO;EAAU;CAAS,CAAC,CAAC,SAAS,MAAM,KAAK,CAAC;AACjG;AAEA,SAAS,sBAAsB,OAAiC;CAC9D,OAAO,OAAO,UAAU,YAAY;EAAC;EAAQ;EAAU;CAAc,CAAC,CAAC,SAAS,MAAM,KAAK,CAAC;AAC9F;AAEA,SAAS,0BACP,OACA,WACoB;CACpB,IAAI,kBAAkB,KAAK,GAAG,OAAO,KAAA;CACrC,OAAO,2BAA2B,OAAO,SAAS;AACpD;AAEA,MAAM,QAAQ,EACZ,MAAM,OACR;AAKA,SAAgB,KAAK,OAAwD;CAC3E,MAAM,KAAK,QAAQ,QAAQ,MAAM,KAAK;CACtC,MAAM,EACJ,SACA,UACA,YAAY,OACZ,KACA,MACA,MACA,OACA,SACA,MACA,eACA,KACA,OAAO,WACP,GAAG,SACD;CAEJ,MAAM,EAAE,UAAU,MAAM,qBAAqB,oBAAoB,IAAI;CACrE,MAAM,WACJ,OAAQ,iBAA6C,iBAAiB,WAClE,OAAQ,iBAA6C,YAAY,IACjE,MAAM;CACZ,MAAM,cAA+C,CAAC;CACtD,qBAAqB,aAAa,QAAQ;CAE1C,IAAI,SAAS,YAAY,KAAA,GACvB,sBAAsB,aAAa,WAAW,SAAS,UAAU,UAAU,KAAK;CAElF,IACE,cAAc,UACb,CAAC,2BAA2B,SAAS,KAAK,mBAAmB,SAAS,IAEvE,sBAAsB,aAAa,kBAAkB,YAAY,UAAU,KAAK;CAElF,IAAI,CAAC,uBAAuB,GAAG,KAAK,mBAAmB,GAAG,GACxD,sBAAsB,aAAa,OAAO,KAAK,iBAAiB;CAElE,IAAI,CAAC,uBAAuB,IAAI,KAAK,mBAAmB,IAAI,GAC1D,sBAAsB,aAAa,cAAc,MAAM,iBAAiB;CAE1E,IAAI,CAAC,uBAAuB,IAAI,KAAK,mBAAmB,IAAI,GAC1D,sBAAsB,aAAa,WAAW,MAAM,iBAAiB;CAEvE,IAAI,CAAC,uBAAuB,KAAK,KAAK,mBAAmB,KAAK,GAC5D,sBAAsB,aAAa,eAAe,OAAO,iBAAiB;CAE5E,IAAI,CAAC,yBAAyB,OAAO,KAAK,mBAAmB,OAAO,GAClE,sBAAsB,aAAa,mBAAmB,SAAS,mBAAmB;CAEpF,IAAI,CAAC,sBAAsB,IAAI,KAAK,mBAAmB,IAAI,GACzD,sBAAsB,aAAa,aAAa,OAAO,UAAU,KAAK;CAGxE,MAAM,cAAc,mBAAmB,aAAa,SAAS;CAE7D,MAAM,aAAa,WAAW,kBAAkB;EAC9C;EACA,aAAa;EACb,kBAAkB;EAClB,kBAAkB,0BAA0B,WAAW,0BAA0B;EACjF,YAAY,0BAA0B,KAAK,sBAAsB;EACjE,cAAc,0BAA0B,MAAM,sBAAsB;EACpE,cAAc,0BAA0B,MAAM,sBAAsB;EACpE,cAAc,0BAA0B,OAAO,sBAAsB;EACrE,gBAAgB,0BAA0B,SAAS,wBAAwB;EAC3E,aAAa,0BAA0B,MAAM,qBAAqB;EAClE,uBAAuB;EACvB,GAAI,cAAc,EAAE,OAAO,YAAY,IAAI,CAAC;CAC9C,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAA0B,CAAA;CAG3E,IAAI,OAAO,QACT,OAAO,oBAAC,QAAD;EAAM,GAAI;EAAa;CAAe,CAAA;CAG/C,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;CAAc,CAAA;AAC7C"}
|