@askrjs/themes 0.0.2 → 0.0.4
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 +78 -0
- package/THEMING.md +50 -8
- package/dist/{_internal → components/_internal}/box-layout.js +4 -3
- package/dist/components/_internal/box-layout.js.map +1 -0
- package/dist/components/_internal/classes.js.map +1 -0
- package/dist/components/_internal/jsx.js.map +1 -0
- package/dist/components/_internal/layout.d.ts +6 -28
- package/dist/{_internal → components/_internal}/layout.js +5 -15
- package/dist/components/_internal/layout.js.map +1 -0
- package/dist/{_internal → components/_internal}/merge-props.js +5 -0
- package/dist/components/_internal/merge-props.js.map +1 -0
- package/dist/components/_internal/pathname.js +39 -0
- package/dist/components/_internal/pathname.js.map +1 -0
- package/dist/components/_internal/style.js +41 -0
- package/dist/components/_internal/style.js.map +1 -0
- package/dist/components/alert/alert.d.ts +7 -0
- package/dist/components/alert/alert.js +65 -0
- package/dist/components/alert/alert.js.map +1 -0
- package/dist/components/alert/alert.types.d.ts +22 -0
- package/dist/components/alert/index.d.ts +2 -0
- package/dist/components/aspect-ratio/aspect-ratio.d.ts +8 -3
- package/dist/components/aspect-ratio/aspect-ratio.js +33 -0
- package/dist/components/aspect-ratio/aspect-ratio.js.map +1 -0
- package/dist/components/aspect-ratio/aspect-ratio.types.d.ts +18 -12
- package/dist/components/aspect-ratio/index.d.ts +2 -2
- package/dist/components/badge/badge.a11y.d.ts +13 -9
- package/dist/components/badge/badge.d.ts +8 -3
- package/dist/{badge → components/badge}/badge.js +5 -0
- package/dist/components/badge/badge.js.map +1 -0
- package/dist/components/badge/badge.types.d.ts +18 -12
- package/dist/components/badge/index.d.ts +3 -3
- package/dist/components/block/block.a11y.d.ts +20 -0
- package/dist/components/block/block.d.ts +9 -0
- package/dist/components/block/block.js +66 -0
- package/dist/components/block/block.js.map +1 -0
- package/dist/components/block/block.types.d.ts +38 -0
- package/dist/components/block/index.d.ts +3 -0
- package/dist/components/box/box.a11y.d.ts +13 -9
- package/dist/components/box/box.d.ts +9 -4
- package/dist/{box → components/box}/box.js +3 -2
- package/dist/components/box/box.js.map +1 -0
- package/dist/components/box/box.types.d.ts +67 -61
- package/dist/components/box/index.d.ts +3 -3
- package/dist/components/breadcrumb/breadcrumb.a11y.d.ts +13 -9
- package/dist/components/breadcrumb/breadcrumb.a11y.js +15 -0
- package/dist/components/breadcrumb/breadcrumb.a11y.js.map +1 -0
- package/dist/components/breadcrumb/breadcrumb.d.ts +18 -13
- package/dist/components/breadcrumb/breadcrumb.js.map +1 -0
- package/dist/components/breadcrumb/breadcrumb.types.d.ts +64 -58
- package/dist/components/breadcrumb/index.d.ts +3 -3
- package/dist/components/button-group/button-group.d.ts +7 -0
- package/dist/components/button-group/button-group.js +20 -0
- package/dist/components/button-group/button-group.js.map +1 -0
- package/dist/components/button-group/button-group.types.d.ts +14 -0
- package/dist/components/button-group/index.d.ts +2 -0
- package/dist/components/card/card.d.ts +13 -7
- package/dist/components/card/card.js +95 -0
- package/dist/components/card/card.js.map +1 -0
- package/dist/components/card/card.types.d.ts +32 -24
- package/dist/components/card/index.d.ts +2 -2
- package/dist/components/close/close.d.ts +7 -0
- package/dist/components/close/close.js +22 -0
- package/dist/components/close/close.js.map +1 -0
- package/dist/components/close/close.types.d.ts +10 -0
- package/dist/components/close/index.d.ts +2 -0
- package/dist/components/container/container.a11y.d.ts +19 -15
- package/dist/components/container/container.d.ts +8 -3
- package/dist/{container → components/container}/container.js +3 -3
- package/dist/components/container/container.js.map +1 -0
- package/dist/components/container/container.types.d.ts +26 -26
- package/dist/components/container/index.d.ts +3 -3
- package/dist/components/empty-state/empty-state.d.ts +7 -2
- package/dist/components/empty-state/empty-state.js.map +1 -0
- package/dist/components/empty-state/empty-state.types.d.ts +15 -8
- package/dist/components/empty-state/index.d.ts +2 -2
- package/dist/components/field/field.d.ts +9 -0
- package/dist/components/field/field.js +41 -0
- package/dist/components/field/field.js.map +1 -0
- package/dist/components/field/field.types.d.ts +20 -0
- package/dist/components/field/index.d.ts +2 -0
- package/dist/components/flex/flex.a11y.d.ts +21 -17
- package/dist/components/flex/flex.d.ts +9 -4
- package/dist/{flex → components/flex}/flex.js +3 -2
- package/dist/components/flex/flex.js.map +1 -0
- package/dist/components/flex/flex.types.d.ts +38 -37
- package/dist/components/flex/index.d.ts +3 -3
- package/dist/components/header/header.a11y.d.ts +13 -9
- package/dist/components/header/header.a11y.js +12 -0
- package/dist/components/header/header.a11y.js.map +1 -0
- package/dist/components/header/header.d.ts +7 -2
- package/dist/components/header/header.js.map +1 -0
- package/dist/components/header/header.types.d.ts +8 -4
- package/dist/components/inline/index.d.ts +8 -6
- package/dist/components/inline/index.js.map +1 -0
- package/dist/components/input-group/index.d.ts +2 -0
- package/dist/components/input-group/input-group.d.ts +9 -0
- package/dist/components/input-group/input-group.js +39 -0
- package/dist/components/input-group/input-group.js.map +1 -0
- package/dist/components/input-group/input-group.types.d.ts +26 -0
- package/dist/components/list-group/index.d.ts +2 -0
- package/dist/components/list-group/list-group.d.ts +9 -0
- package/dist/components/list-group/list-group.js +43 -0
- package/dist/components/list-group/list-group.js.map +1 -0
- package/dist/components/list-group/list-group.types.d.ts +32 -0
- package/dist/components/nav/index.d.ts +2 -0
- package/dist/components/nav/nav.d.ts +13 -0
- package/dist/components/nav/nav.js +113 -0
- package/dist/components/nav/nav.js.map +1 -0
- package/dist/components/nav/nav.types.d.ts +56 -0
- package/dist/components/navbar/index.d.ts +5 -2
- package/dist/components/navbar/navbar-panel.js +48 -0
- package/dist/components/navbar/navbar-panel.js.map +1 -0
- package/dist/components/navbar/navbar.context.js +13 -0
- package/dist/components/navbar/navbar.context.js.map +1 -0
- package/dist/components/navbar/navbar.d.ts +45 -7
- package/dist/components/navbar/navbar.js +221 -0
- package/dist/components/navbar/navbar.js.map +1 -0
- package/dist/components/navbar/navbar.render.js +26 -0
- package/dist/components/navbar/navbar.render.js.map +1 -0
- package/dist/components/navbar/navbar.shared.js +18 -0
- package/dist/components/navbar/navbar.shared.js.map +1 -0
- package/dist/components/navbar/navbar.types.d.ts +29 -22
- package/dist/components/overlays/dropdown-content.d.ts +8 -0
- package/dist/components/overlays/dropdown-content.js +18 -0
- package/dist/components/overlays/dropdown-content.js.map +1 -0
- package/dist/components/pagination/index.d.ts +2 -0
- package/dist/components/pagination/pagination.d.ts +11 -0
- package/dist/components/pagination/pagination.js +95 -0
- package/dist/components/pagination/pagination.js.map +1 -0
- package/dist/components/pagination/pagination.types.d.ts +40 -0
- package/dist/components/section/index.d.ts +3 -3
- package/dist/components/section/section.a11y.d.ts +14 -10
- package/dist/components/section/section.d.ts +8 -3
- package/dist/{section → components/section}/section.js +3 -2
- package/dist/components/section/section.js.map +1 -0
- package/dist/components/section/section.types.d.ts +20 -14
- package/dist/components/separator/index.d.ts +3 -3
- package/dist/components/separator/separator.a11y.d.ts +13 -9
- package/dist/components/separator/separator.a11y.js +15 -0
- package/dist/components/separator/separator.a11y.js.map +1 -0
- package/dist/components/separator/separator.d.ts +8 -3
- package/dist/components/separator/separator.js.map +1 -0
- package/dist/components/separator/separator.types.d.ts +19 -13
- package/dist/components/shell/index.d.ts +3 -0
- package/dist/components/shell/shell-nav.types.d.ts +7 -0
- package/dist/components/shell/shell-panel.js +54 -0
- package/dist/components/shell/shell-panel.js.map +1 -0
- package/dist/components/shell/shell-responsive.js +110 -0
- package/dist/components/shell/shell-responsive.js.map +1 -0
- package/dist/components/shell/shell.a11y.d.ts +23 -0
- package/dist/components/shell/shell.a11y.js +23 -0
- package/dist/components/shell/shell.a11y.js.map +1 -0
- package/dist/components/shell/shell.d.ts +13 -0
- package/dist/components/shell/shell.js +69 -0
- package/dist/components/shell/shell.js.map +1 -0
- package/dist/components/shell/shell.types.d.ts +58 -0
- package/dist/components/sidebar/sidebar-panel.d.ts +7 -0
- package/dist/components/sidebar/sidebar-panel.js +59 -0
- package/dist/components/sidebar/sidebar-panel.js.map +1 -0
- package/dist/components/sidebar/sidebar-toggle.d.ts +7 -0
- package/dist/components/sidebar/sidebar-toggle.js +8 -0
- package/dist/components/sidebar/sidebar-toggle.js.map +1 -0
- package/dist/components/sidebar/sidebar.context.js +21 -0
- package/dist/components/sidebar/sidebar.context.js.map +1 -0
- package/dist/components/sidebar/sidebar.d.ts +7 -0
- package/dist/components/sidebar/sidebar.js +228 -0
- package/dist/components/sidebar/sidebar.js.map +1 -0
- package/dist/components/sidebar/sidebar.shared.js +12 -0
- package/dist/components/sidebar/sidebar.shared.js.map +1 -0
- package/dist/components/sidebar/sidebar.types.d.ts +30 -0
- package/dist/components/skeleton/index.d.ts +3 -3
- package/dist/components/skeleton/skeleton.a11y.d.ts +12 -8
- package/dist/components/skeleton/skeleton.d.ts +8 -3
- package/dist/components/skeleton/skeleton.js.map +1 -0
- package/dist/components/skeleton/skeleton.types.d.ts +16 -10
- package/dist/components/spacer/index.d.ts +3 -3
- package/dist/components/spacer/spacer.a11y.d.ts +16 -12
- package/dist/components/spacer/spacer.d.ts +8 -3
- package/dist/{spacer → components/spacer}/spacer.js +3 -1
- package/dist/components/spacer/spacer.js.map +1 -0
- package/dist/components/spacer/spacer.types.d.ts +23 -21
- package/dist/components/spinner/index.d.ts +2 -2
- package/dist/components/spinner/spinner.d.ts +7 -2
- package/dist/components/spinner/spinner.js.map +1 -0
- package/dist/components/spinner/spinner.types.d.ts +9 -4
- package/dist/components/stack/index.d.ts +3 -3
- package/dist/components/stack/stack.a11y.d.ts +17 -13
- package/dist/components/stack/stack.d.ts +8 -3
- package/dist/components/stack/stack.js.map +1 -0
- package/dist/components/stack/stack.types.d.ts +19 -13
- package/dist/components/theme/index.d.ts +1 -2
- package/dist/components/theme/theme.d.ts +41 -34
- package/dist/{theme → components/theme}/theme.js +33 -4
- package/dist/components/theme/theme.js.map +1 -0
- package/dist/controls.d.ts +10 -0
- package/dist/controls.js +7 -0
- package/dist/feedback.d.ts +5 -0
- package/dist/feedback.js +4 -0
- package/dist/layouts.d.ts +25 -0
- package/dist/layouts.js +11 -0
- package/dist/navs.d.ts +15 -0
- package/dist/navs.js +9 -0
- package/dist/overlays.d.ts +3 -0
- package/dist/overlays.js +4 -0
- package/dist/shells.d.ts +16 -0
- package/dist/shells.js +11 -0
- package/dist/surfaces.d.ts +16 -0
- package/dist/surfaces.js +9 -0
- package/dist/theme.d.ts +2 -0
- package/dist/theme.js +3 -0
- package/dist/themes/default/index.css +3132 -832
- package/package.json +65 -25
- package/src/components/_internal/box-layout.ts +8 -0
- package/src/components/_internal/jsx.ts +91 -16
- package/src/components/_internal/layout.ts +4 -17
- package/src/components/_internal/merge-props.ts +9 -0
- package/src/components/_internal/pathname.ts +67 -0
- package/src/components/_internal/style.ts +51 -0
- package/src/components/alert/alert.tsx +84 -0
- package/src/components/alert/alert.types.ts +20 -0
- package/src/components/alert/index.ts +2 -0
- package/src/components/aspect-ratio/aspect-ratio.tsx +10 -24
- package/src/components/aspect-ratio/aspect-ratio.types.ts +2 -1
- package/src/components/badge/badge.tsx +6 -0
- package/src/components/badge/badge.types.ts +2 -1
- package/src/components/block/block.a11y.ts +17 -0
- package/src/components/block/block.tsx +71 -0
- package/src/components/block/block.types.ts +60 -0
- package/src/components/block/index.ts +11 -0
- package/src/components/box/box.tsx +3 -2
- package/src/components/box/box.types.ts +2 -1
- package/src/components/breadcrumb/breadcrumb.types.ts +2 -1
- package/src/components/button-group/button-group.tsx +32 -0
- package/src/components/button-group/button-group.types.ts +12 -0
- package/src/components/button-group/index.ts +2 -0
- package/src/components/card/card.tsx +72 -43
- package/src/components/card/card.types.ts +6 -1
- package/src/components/card/index.ts +10 -1
- package/src/components/close/close.tsx +19 -0
- package/src/components/close/close.types.ts +7 -0
- package/src/components/close/index.ts +2 -0
- package/src/components/container/container.tsx +4 -4
- package/src/components/container/container.types.ts +2 -1
- package/src/components/empty-state/empty-state.types.ts +3 -0
- package/src/components/field/field.tsx +36 -0
- package/src/components/field/field.types.ts +19 -0
- package/src/components/field/index.ts +2 -0
- package/src/components/flex/flex.tsx +4 -2
- package/src/components/flex/flex.types.ts +2 -1
- package/src/components/input-group/index.ts +7 -0
- package/src/components/input-group/input-group.tsx +57 -0
- package/src/components/input-group/input-group.types.ts +26 -0
- package/src/components/list-group/index.ts +7 -0
- package/src/components/list-group/list-group.tsx +74 -0
- package/src/components/list-group/list-group.types.ts +32 -0
- package/src/components/nav/index.ts +14 -0
- package/src/components/nav/nav.tsx +203 -0
- package/src/components/nav/nav.types.ts +68 -0
- package/src/components/navbar/index.ts +9 -2
- package/src/components/navbar/navbar-panel.tsx +67 -0
- package/src/components/navbar/navbar.context.ts +22 -0
- package/src/components/navbar/navbar.render.tsx +32 -0
- package/src/components/navbar/navbar.shared.ts +21 -0
- package/src/components/navbar/navbar.tsx +262 -53
- package/src/components/navbar/navbar.types.ts +36 -22
- package/src/components/overlays/dropdown-content.tsx +28 -0
- package/src/components/pagination/index.ts +8 -0
- package/src/components/pagination/pagination.tsx +158 -0
- package/src/components/pagination/pagination.types.ts +41 -0
- package/src/components/section/section.tsx +3 -2
- package/src/components/section/section.types.ts +2 -1
- package/src/components/separator/separator.types.ts +2 -1
- package/src/components/shell/index.ts +16 -0
- package/src/components/shell/shell-nav.types.ts +3 -0
- package/src/components/shell/shell-panel.tsx +85 -0
- package/src/components/shell/shell-responsive.tsx +212 -0
- package/src/components/shell/shell.a11y.ts +20 -0
- package/src/components/shell/shell.tsx +74 -0
- package/src/components/shell/shell.types.ts +71 -0
- package/src/components/sidebar/index.ts +5 -0
- package/src/components/sidebar/sidebar-panel.tsx +76 -0
- package/src/components/sidebar/sidebar-toggle.tsx +5 -0
- package/src/components/sidebar/sidebar.context.ts +40 -0
- package/src/components/sidebar/sidebar.shared.ts +12 -0
- package/src/components/sidebar/sidebar.tsx +355 -0
- package/src/components/sidebar/sidebar.types.ts +35 -0
- package/src/components/skeleton/skeleton.types.ts +2 -1
- package/src/components/spacer/spacer.tsx +4 -1
- package/src/components/spacer/spacer.types.ts +3 -2
- package/src/components/stack/stack.types.ts +2 -1
- package/src/components/theme/index.ts +10 -1
- package/src/components/theme/theme.tsx +15 -4
- package/src/controls.ts +18 -0
- package/src/feedback.ts +6 -0
- package/src/layouts.ts +19 -0
- package/src/navs.ts +26 -0
- package/src/overlays.ts +90 -0
- package/src/shells.ts +13 -0
- package/src/surfaces.ts +23 -0
- package/src/theme.ts +21 -0
- package/src/themes/default/index.css +13 -3
- package/src/themes/default/styles/actions/button-group.css +74 -0
- package/src/themes/default/styles/actions/button.css +48 -8
- package/src/themes/default/styles/actions/toggle-group.css +19 -12
- package/src/themes/default/styles/actions/toggle.css +16 -10
- package/src/themes/default/styles/base/icon.css +2 -0
- package/src/themes/default/styles/base/reset.css +28 -0
- package/src/themes/default/styles/base/typography.css +37 -17
- package/src/themes/default/styles/base/utilities.css +56 -39
- package/src/themes/default/styles/disclosure/accordion.css +22 -14
- package/src/themes/default/styles/disclosure/collapsible.css +22 -11
- package/src/themes/default/styles/display/alert.css +109 -0
- package/src/themes/default/styles/display/avatar.css +9 -4
- package/src/themes/default/styles/display/badge.css +12 -3
- package/src/themes/default/styles/display/card.css +16 -4
- package/src/themes/default/styles/display/coverage.css +2 -14
- package/src/themes/default/styles/display/list-group.css +84 -0
- package/src/themes/default/styles/display/progress-circle.css +3 -2
- package/src/themes/default/styles/display/progress.css +8 -5
- package/src/themes/default/styles/display/scroll-area.css +15 -0
- package/src/themes/default/styles/display/separator.css +4 -4
- package/src/themes/default/styles/display/skeleton.css +25 -2
- package/src/themes/default/styles/display/spinner.css +1 -1
- package/src/themes/default/styles/display/table.css +7 -4
- package/src/themes/default/styles/display/virtual-list.css +29 -0
- package/src/themes/default/styles/display/virtual-table.css +68 -0
- package/src/themes/default/styles/forms/checkbox.css +2 -1
- package/src/themes/default/styles/forms/field.css +22 -0
- package/src/themes/default/styles/forms/form.css +1 -1
- package/src/themes/default/styles/forms/input-group.css +202 -0
- package/src/themes/default/styles/forms/input.css +22 -6
- package/src/themes/default/styles/forms/label.css +2 -0
- package/src/themes/default/styles/forms/radio-group.css +22 -13
- package/src/themes/default/styles/forms/select.css +71 -26
- package/src/themes/default/styles/forms/slider.css +32 -16
- package/src/themes/default/styles/forms/switch.css +2 -1
- package/src/themes/default/styles/forms/textarea.css +35 -6
- package/src/themes/default/styles/layout/aspect-ratio.css +3 -1
- package/src/themes/default/styles/layout/block.css +23 -0
- package/src/themes/default/styles/layout/patterns.css +155 -3
- package/src/themes/default/styles/layout/responsive-layout.css +140 -121
- package/src/themes/default/styles/navigation/breadcrumb.css +7 -1
- package/src/themes/default/styles/navigation/menu.css +150 -7
- package/src/themes/default/styles/navigation/menubar.css +194 -28
- package/src/themes/default/styles/navigation/nav.css +231 -0
- package/src/themes/default/styles/navigation/pagination.css +91 -0
- package/src/themes/default/styles/overlays/alert-dialog.css +1 -1
- package/src/themes/default/styles/overlays/dialog.css +42 -10
- package/src/themes/default/styles/overlays/dropdown.css +160 -0
- package/src/themes/default/styles/overlays/hover-card.css +28 -3
- package/src/themes/default/styles/overlays/popover.css +50 -6
- package/src/themes/default/styles/overlays/toast.css +66 -17
- package/src/themes/default/styles/overlays/tooltip.css +45 -18
- package/src/themes/default/styles/shell/header.css +18 -3
- package/src/themes/default/styles/shell/navbar.css +434 -73
- package/src/themes/default/styles/shell/sidebar.css +809 -0
- package/src/themes/default/styles/shell/theme.css +7 -5
- package/src/themes/default/tokens.css +186 -123
- package/src/themes/presets/calico.css +46 -0
- package/src/themes/presets/ginger.css +46 -0
- package/src/themes/presets/index.css +5 -0
- package/src/themes/presets/tabby.css +46 -0
- package/src/themes/presets/torty.css +49 -0
- package/src/themes/presets/tuxedo.css +49 -0
- package/templates/theme/index.css +14 -4
- package/templates/theme/styles/actions/button-group.css +74 -0
- package/templates/theme/styles/actions/button.css +48 -8
- package/templates/theme/styles/actions/toggle-group.css +19 -12
- package/templates/theme/styles/actions/toggle.css +16 -10
- package/templates/theme/styles/base/icon.css +2 -0
- package/templates/theme/styles/base/reset.css +28 -0
- package/templates/theme/styles/base/typography.css +37 -17
- package/templates/theme/styles/disclosure/accordion.css +22 -14
- package/templates/theme/styles/disclosure/collapsible.css +22 -11
- package/templates/theme/styles/display/alert.css +109 -0
- package/templates/theme/styles/display/avatar.css +9 -4
- package/templates/theme/styles/display/badge.css +12 -3
- package/templates/theme/styles/display/card.css +16 -4
- package/templates/theme/styles/display/coverage.css +105 -15
- package/templates/theme/styles/display/list-group.css +84 -0
- package/templates/theme/styles/display/progress-circle.css +3 -2
- package/templates/theme/styles/display/progress.css +8 -5
- package/templates/theme/styles/display/scroll-area.css +15 -0
- package/templates/theme/styles/display/separator.css +4 -4
- package/templates/theme/styles/display/skeleton.css +25 -2
- package/templates/theme/styles/display/spinner.css +1 -1
- package/templates/theme/styles/display/table.css +7 -4
- package/templates/theme/styles/display/virtual-list.css +29 -0
- package/templates/theme/styles/display/virtual-table.css +68 -0
- package/templates/theme/styles/forms/checkbox.css +2 -1
- package/templates/theme/styles/forms/field.css +22 -0
- package/templates/theme/styles/forms/form.css +1 -1
- package/templates/theme/styles/forms/input-group.css +202 -0
- package/templates/theme/styles/forms/input.css +22 -6
- package/templates/theme/styles/forms/label.css +2 -0
- package/templates/theme/styles/forms/radio-group.css +22 -13
- package/templates/theme/styles/forms/select.css +71 -26
- package/templates/theme/styles/forms/slider.css +32 -16
- package/templates/theme/styles/forms/switch.css +2 -1
- package/templates/theme/styles/forms/textarea.css +35 -6
- package/templates/theme/styles/layout/aspect-ratio.css +3 -1
- package/templates/theme/styles/layout/block.css +23 -0
- package/templates/theme/styles/layout/patterns.css +155 -3
- package/templates/theme/styles/layout/responsive-layout.css +140 -121
- package/templates/theme/styles/navigation/breadcrumb.css +22 -8
- package/templates/theme/styles/navigation/menu.css +150 -7
- package/templates/theme/styles/navigation/menubar.css +194 -28
- package/templates/theme/styles/navigation/nav.css +231 -0
- package/templates/theme/styles/navigation/pagination.css +91 -0
- package/templates/theme/styles/overlays/alert-dialog.css +1 -1
- package/templates/theme/styles/overlays/dialog.css +42 -10
- package/templates/theme/styles/overlays/dropdown.css +160 -0
- package/templates/theme/styles/overlays/hover-card.css +28 -3
- package/templates/theme/styles/overlays/popover.css +50 -6
- package/templates/theme/styles/overlays/toast.css +66 -17
- package/templates/theme/styles/overlays/tooltip.css +45 -18
- package/templates/theme/styles/shell/header.css +18 -3
- package/templates/theme/styles/shell/navbar.css +434 -73
- package/templates/theme/styles/shell/sidebar.css +809 -0
- package/templates/theme/styles/shell/theme.css +7 -5
- package/templates/theme/tokens.css +186 -123
- package/dist/_internal/box-layout.js.map +0 -1
- package/dist/_internal/classes.js.map +0 -1
- package/dist/_internal/jsx.js.map +0 -1
- package/dist/_internal/layout.d.ts +0 -9
- package/dist/_internal/layout.js.map +0 -1
- package/dist/_internal/merge-props.js.map +0 -1
- package/dist/accessible-icon/accessible-icon.d.ts +0 -7
- package/dist/accessible-icon/accessible-icon.js +0 -20
- package/dist/accessible-icon/accessible-icon.js.map +0 -1
- package/dist/accessible-icon/accessible-icon.types.d.ts +0 -9
- package/dist/aspect-ratio/aspect-ratio.d.ts +0 -8
- package/dist/aspect-ratio/aspect-ratio.js +0 -36
- package/dist/aspect-ratio/aspect-ratio.js.map +0 -1
- package/dist/aspect-ratio/aspect-ratio.types.d.ts +0 -20
- package/dist/aspect-ratio/index.d.ts +0 -2
- package/dist/badge/badge.d.ts +0 -8
- package/dist/badge/badge.js.map +0 -1
- package/dist/badge/badge.types.d.ts +0 -20
- package/dist/badge/index.d.ts +0 -2
- package/dist/box/box.d.ts +0 -9
- package/dist/box/box.js.map +0 -1
- package/dist/box/box.types.d.ts +0 -71
- package/dist/box/index.d.ts +0 -2
- package/dist/breadcrumb/breadcrumb.d.ts +0 -18
- package/dist/breadcrumb/breadcrumb.js.map +0 -1
- package/dist/breadcrumb/breadcrumb.types.d.ts +0 -64
- package/dist/breadcrumb/index.d.ts +0 -2
- package/dist/card/card.d.ts +0 -12
- package/dist/card/card.js +0 -68
- package/dist/card/card.js.map +0 -1
- package/dist/card/card.types.d.ts +0 -37
- package/dist/card/index.d.ts +0 -2
- package/dist/components/_internal/box-layout.d.ts +0 -7
- package/dist/components/_internal/classes.d.ts +0 -1
- package/dist/components/_internal/jsx.d.ts +0 -8
- package/dist/components/_internal/merge-props.d.ts +0 -1
- package/dist/components/_internal/style.d.ts +0 -1
- package/dist/components/accessible-icon/accessible-icon.d.ts +0 -2
- package/dist/components/accessible-icon/accessible-icon.types.d.ts +0 -5
- package/dist/components/accessible-icon/index.d.ts +0 -2
- package/dist/components/grid/grid.a11y.d.ts +0 -21
- package/dist/components/grid/grid.d.ts +0 -4
- package/dist/components/grid/grid.types.d.ts +0 -37
- package/dist/components/grid/index.d.ts +0 -3
- package/dist/components/header/index.d.ts +0 -3
- package/dist/components/index.d.ts +0 -49
- package/dist/components/index.js +0 -28
- package/dist/components/logos/create-logo.d.ts +0 -5
- package/dist/components/logos/github-logo.d.ts +0 -4
- package/dist/components/logos/google-logo.d.ts +0 -4
- package/dist/components/logos/index.d.ts +0 -5
- package/dist/components/logos/microsoft-logo.d.ts +0 -4
- package/dist/components/logos/types.d.ts +0 -14
- package/dist/components/sidebar-layout/index.d.ts +0 -3
- package/dist/components/sidebar-layout/sidebar-layout.a11y.d.ts +0 -15
- package/dist/components/sidebar-layout/sidebar-layout.d.ts +0 -2
- package/dist/components/sidebar-layout/sidebar-layout.types.d.ts +0 -20
- package/dist/components/topbar-layout/index.d.ts +0 -3
- package/dist/components/topbar-layout/topbar-layout.a11y.d.ts +0 -13
- package/dist/components/topbar-layout/topbar-layout.d.ts +0 -2
- package/dist/components/topbar-layout/topbar-layout.types.d.ts +0 -12
- package/dist/container/container.d.ts +0 -8
- package/dist/container/container.js.map +0 -1
- package/dist/container/container.types.d.ts +0 -28
- package/dist/container/index.d.ts +0 -2
- package/dist/empty-state/empty-state.d.ts +0 -7
- package/dist/empty-state/empty-state.js.map +0 -1
- package/dist/empty-state/empty-state.types.d.ts +0 -13
- package/dist/flex/flex.d.ts +0 -9
- package/dist/flex/flex.js.map +0 -1
- package/dist/flex/flex.types.d.ts +0 -41
- package/dist/flex/index.d.ts +0 -2
- package/dist/grid/grid.d.ts +0 -9
- package/dist/grid/grid.js +0 -115
- package/dist/grid/grid.js.map +0 -1
- package/dist/grid/grid.types.d.ts +0 -40
- package/dist/grid/index.d.ts +0 -2
- package/dist/header/header.d.ts +0 -7
- package/dist/header/header.js.map +0 -1
- package/dist/header/header.types.d.ts +0 -9
- package/dist/inline/index.d.ts +0 -7
- package/dist/inline/index.js.map +0 -1
- package/dist/logos/create-logo.d.ts +0 -1
- package/dist/logos/create-logo.js +0 -75
- package/dist/logos/create-logo.js.map +0 -1
- package/dist/logos/github-logo.d.ts +0 -18
- package/dist/logos/github-logo.js +0 -9
- package/dist/logos/github-logo.js.map +0 -1
- package/dist/logos/google-logo.d.ts +0 -18
- package/dist/logos/google-logo.js +0 -23
- package/dist/logos/google-logo.js.map +0 -1
- package/dist/logos/index.d.ts +0 -4
- package/dist/logos/microsoft-logo.d.ts +0 -18
- package/dist/logos/microsoft-logo.js +0 -35
- package/dist/logos/microsoft-logo.js.map +0 -1
- package/dist/logos/types.d.ts +0 -16
- package/dist/navbar/index.d.ts +0 -2
- package/dist/navbar/navbar.d.ts +0 -12
- package/dist/navbar/navbar.js +0 -73
- package/dist/navbar/navbar.js.map +0 -1
- package/dist/navbar/navbar.types.d.ts +0 -31
- package/dist/section/index.d.ts +0 -2
- package/dist/section/section.d.ts +0 -8
- package/dist/section/section.js.map +0 -1
- package/dist/section/section.types.d.ts +0 -22
- package/dist/separator/index.d.ts +0 -2
- package/dist/separator/separator.d.ts +0 -8
- package/dist/separator/separator.js.map +0 -1
- package/dist/separator/separator.types.d.ts +0 -21
- package/dist/sidebar-layout/index.d.ts +0 -2
- package/dist/sidebar-layout/sidebar-layout.d.ts +0 -7
- package/dist/sidebar-layout/sidebar-layout.js +0 -51
- package/dist/sidebar-layout/sidebar-layout.js.map +0 -1
- package/dist/sidebar-layout/sidebar-layout.types.d.ts +0 -20
- package/dist/skeleton/index.d.ts +0 -2
- package/dist/skeleton/skeleton.d.ts +0 -8
- package/dist/skeleton/skeleton.js.map +0 -1
- package/dist/skeleton/skeleton.types.d.ts +0 -18
- package/dist/spacer/index.d.ts +0 -2
- package/dist/spacer/spacer.d.ts +0 -8
- package/dist/spacer/spacer.js.map +0 -1
- package/dist/spacer/spacer.types.d.ts +0 -25
- package/dist/spinner/index.d.ts +0 -2
- package/dist/spinner/spinner.d.ts +0 -7
- package/dist/spinner/spinner.js.map +0 -1
- package/dist/spinner/spinner.types.d.ts +0 -10
- package/dist/stack/index.d.ts +0 -2
- package/dist/stack/stack.d.ts +0 -8
- package/dist/stack/stack.js.map +0 -1
- package/dist/stack/stack.types.d.ts +0 -21
- package/dist/theme/index.d.ts +0 -1
- package/dist/theme/theme.d.ts +0 -44
- package/dist/theme/theme.js.map +0 -1
- package/dist/topbar-layout/index.d.ts +0 -2
- package/dist/topbar-layout/topbar-layout.d.ts +0 -7
- package/dist/topbar-layout/topbar-layout.js +0 -37
- package/dist/topbar-layout/topbar-layout.js.map +0 -1
- package/dist/topbar-layout/topbar-layout.types.d.ts +0 -13
- package/src/askr-compat.d.ts +0 -110
- package/src/askr-router.d.ts +0 -16
- package/src/components/accessible-icon/accessible-icon.tsx +0 -18
- package/src/components/accessible-icon/accessible-icon.types.ts +0 -5
- package/src/components/accessible-icon/index.ts +0 -2
- package/src/components/grid/grid.a11y.ts +0 -22
- package/src/components/grid/grid.tsx +0 -172
- package/src/components/grid/grid.types.ts +0 -45
- package/src/components/grid/index.ts +0 -10
- package/src/components/index.ts +0 -108
- package/src/components/logos/create-logo.tsx +0 -103
- package/src/components/logos/github-logo.tsx +0 -13
- package/src/components/logos/google-logo.tsx +0 -34
- package/src/components/logos/index.ts +0 -5
- package/src/components/logos/microsoft-logo.tsx +0 -10
- package/src/components/logos/types.ts +0 -24
- package/src/components/sidebar-layout/index.ts +0 -6
- package/src/components/sidebar-layout/sidebar-layout.a11y.ts +0 -16
- package/src/components/sidebar-layout/sidebar-layout.tsx +0 -59
- package/src/components/sidebar-layout/sidebar-layout.types.ts +0 -22
- package/src/components/topbar-layout/index.ts +0 -3
- package/src/components/topbar-layout/topbar-layout.a11y.ts +0 -14
- package/src/components/topbar-layout/topbar-layout.tsx +0 -39
- package/src/components/topbar-layout/topbar-layout.types.ts +0 -13
- package/src/themes/default/styles/layout/dashboard-layout.css +0 -15
- package/src/themes/default/styles/layout/docs-layout.css +0 -10
- package/src/themes/default/styles/layout/sidebar.css +0 -10
- package/src/themes/default/styles/navigation/navigation-menu.css +0 -90
- package/src/themes/default/styles/navigation/tabs.css +0 -61
- package/src/themes/default/styles/overlays/dropdown-menu.css +0 -109
- package/templates/theme/styles/layout/dashboard-layout.css +0 -16
- package/templates/theme/styles/layout/docs-layout.css +0 -11
- package/templates/theme/styles/layout/sidebar.css +0 -11
- package/templates/theme/styles/navigation/navigation-menu.css +0 -90
- package/templates/theme/styles/navigation/tabs.css +0 -61
- package/templates/theme/styles/overlays/dropdown-menu.css +0 -109
- /package/dist/{_internal → components/_internal}/classes.js +0 -0
- /package/dist/{_internal → components/_internal}/jsx.js +0 -0
- /package/dist/{breadcrumb → components/breadcrumb}/breadcrumb.js +0 -0
- /package/dist/{empty-state → components/empty-state}/empty-state.js +0 -0
- /package/dist/{header → components/header}/header.js +0 -0
- /package/dist/{inline → components/inline}/index.js +0 -0
- /package/dist/{separator → components/separator}/separator.js +0 -0
- /package/dist/{skeleton → components/skeleton}/skeleton.js +0 -0
- /package/dist/{spinner → components/spinner}/spinner.js +0 -0
- /package/dist/{stack → components/stack}/stack.js +0 -0
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { createLogo } from "./create-logo.js";
|
|
2
|
-
const GoogleLogo = createLogo("GoogleLogo", "0 0 24 24", [
|
|
3
|
-
["path", {
|
|
4
|
-
fill: "#4285F4",
|
|
5
|
-
d: "M23.49 12.276c0-.816-.073-1.6-.209-2.351H12v4.451h6.437a5.505 5.505 0 0 1-2.387 3.613v2.997h3.861c2.259-2.079 3.579-5.142 3.579-8.71Z"
|
|
6
|
-
}],
|
|
7
|
-
["path", {
|
|
8
|
-
fill: "#34A853",
|
|
9
|
-
d: "M12 24c3.24 0 5.957-1.074 7.943-2.914l-3.861-2.997c-1.074.72-2.448 1.146-4.082 1.146-3.136 0-5.793-2.118-6.741-4.965H1.267v3.092A11.997 11.997 0 0 0 12 24Z"
|
|
10
|
-
}],
|
|
11
|
-
["path", {
|
|
12
|
-
fill: "#FBBC05",
|
|
13
|
-
d: "M5.259 14.27A7.192 7.192 0 0 1 4.882 12c0-.788.135-1.553.377-2.27V6.638H1.267A11.997 11.997 0 0 0 0 12c0 1.937.464 3.771 1.267 5.362L5.259 14.27Z"
|
|
14
|
-
}],
|
|
15
|
-
["path", {
|
|
16
|
-
fill: "#EA4335",
|
|
17
|
-
d: "M12 4.765c1.762 0 3.344.606 4.589 1.795l3.44-3.44C17.952 1.181 15.236 0 12 0 7.307 0 3.267 2.691 1.267 6.638L5.259 9.73c.948-2.847 3.605-4.965 6.741-4.965Z"
|
|
18
|
-
}]
|
|
19
|
-
]);
|
|
20
|
-
//#endregion
|
|
21
|
-
export { GoogleLogo };
|
|
22
|
-
|
|
23
|
-
//# sourceMappingURL=google-logo.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"google-logo.js","names":[],"sources":["../../src/components/logos/google-logo.tsx"],"sourcesContent":["import { createLogo } from \"./create-logo\";\n\nconst GOOGLE_LOGO_NODE = [\n [\n \"path\",\n {\n fill: \"#4285F4\",\n d: \"M23.49 12.276c0-.816-.073-1.6-.209-2.351H12v4.451h6.437a5.505 5.505 0 0 1-2.387 3.613v2.997h3.861c2.259-2.079 3.579-5.142 3.579-8.71Z\",\n },\n ],\n [\n \"path\",\n {\n fill: \"#34A853\",\n d: \"M12 24c3.24 0 5.957-1.074 7.943-2.914l-3.861-2.997c-1.074.72-2.448 1.146-4.082 1.146-3.136 0-5.793-2.118-6.741-4.965H1.267v3.092A11.997 11.997 0 0 0 12 24Z\",\n },\n ],\n [\n \"path\",\n {\n fill: \"#FBBC05\",\n d: \"M5.259 14.27A7.192 7.192 0 0 1 4.882 12c0-.788.135-1.553.377-2.27V6.638H1.267A11.997 11.997 0 0 0 0 12c0 1.937.464 3.771 1.267 5.362L5.259 14.27Z\",\n },\n ],\n [\n \"path\",\n {\n fill: \"#EA4335\",\n d: \"M12 4.765c1.762 0 3.344.606 4.589 1.795l3.44-3.44C17.952 1.181 15.236 0 12 0 7.307 0 3.267 2.691 1.267 6.638L5.259 9.73c.948-2.847 3.605-4.965 6.741-4.965Z\",\n },\n ],\n] as const;\n\nexport const GoogleLogo = createLogo(\"GoogleLogo\", \"0 0 24 24\", GOOGLE_LOGO_NODE);\n"],"mappings":";AAiCA,MAAa,aAAa,WAAW,cAAc,aAAa;CA9B9D,CACE,QACA;EACE,MAAM;EACN,GAAG;EACJ,CACF;CACD,CACE,QACA;EACE,MAAM;EACN,GAAG;EACJ,CACF;CACD,CACE,QACA;EACE,MAAM;EACN,GAAG;EACJ,CACF;CACD,CACE,QACA;EACE,MAAM;EACN,GAAG;EACJ,CACF;CAG6D,CAAiB"}
|
package/dist/logos/index.d.ts
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { LogoProps } from "./types.js";
|
|
2
|
-
import * as _$_askrjs_askr_foundations0 from "@askrjs/askr/foundations";
|
|
3
|
-
|
|
4
|
-
//#region src/components/logos/microsoft-logo.d.ts
|
|
5
|
-
declare const MicrosoftLogo: {
|
|
6
|
-
({
|
|
7
|
-
size,
|
|
8
|
-
title,
|
|
9
|
-
class: className,
|
|
10
|
-
style,
|
|
11
|
-
ref,
|
|
12
|
-
...rest
|
|
13
|
-
}: LogoProps): _$_askrjs_askr_foundations0.JSXElement;
|
|
14
|
-
displayName: string;
|
|
15
|
-
};
|
|
16
|
-
//#endregion
|
|
17
|
-
export { MicrosoftLogo };
|
|
18
|
-
//# sourceMappingURL=microsoft-logo.d.ts.map
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { createLogo } from "./create-logo.js";
|
|
2
|
-
const MicrosoftLogo = createLogo("MicrosoftLogo", "0 0 24 24", [
|
|
3
|
-
["rect", {
|
|
4
|
-
x: "2",
|
|
5
|
-
y: "2",
|
|
6
|
-
width: "9",
|
|
7
|
-
height: "9",
|
|
8
|
-
fill: "#F25022"
|
|
9
|
-
}],
|
|
10
|
-
["rect", {
|
|
11
|
-
x: "13",
|
|
12
|
-
y: "2",
|
|
13
|
-
width: "9",
|
|
14
|
-
height: "9",
|
|
15
|
-
fill: "#7FBA00"
|
|
16
|
-
}],
|
|
17
|
-
["rect", {
|
|
18
|
-
x: "2",
|
|
19
|
-
y: "13",
|
|
20
|
-
width: "9",
|
|
21
|
-
height: "9",
|
|
22
|
-
fill: "#00A4EF"
|
|
23
|
-
}],
|
|
24
|
-
["rect", {
|
|
25
|
-
x: "13",
|
|
26
|
-
y: "13",
|
|
27
|
-
width: "9",
|
|
28
|
-
height: "9",
|
|
29
|
-
fill: "#FFB900"
|
|
30
|
-
}]
|
|
31
|
-
]);
|
|
32
|
-
//#endregion
|
|
33
|
-
export { MicrosoftLogo };
|
|
34
|
-
|
|
35
|
-
//# sourceMappingURL=microsoft-logo.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"microsoft-logo.js","names":[],"sources":["../../src/components/logos/microsoft-logo.tsx"],"sourcesContent":["import { createLogo } from \"./create-logo\";\n\nconst MICROSOFT_LOGO_NODE = [\n [\"rect\", { x: \"2\", y: \"2\", width: \"9\", height: \"9\", fill: \"#F25022\" }],\n [\"rect\", { x: \"13\", y: \"2\", width: \"9\", height: \"9\", fill: \"#7FBA00\" }],\n [\"rect\", { x: \"2\", y: \"13\", width: \"9\", height: \"9\", fill: \"#00A4EF\" }],\n [\"rect\", { x: \"13\", y: \"13\", width: \"9\", height: \"9\", fill: \"#FFB900\" }],\n] as const;\n\nexport const MicrosoftLogo = createLogo(\"MicrosoftLogo\", \"0 0 24 24\", MICROSOFT_LOGO_NODE);\n"],"mappings":";AASA,MAAa,gBAAgB,WAAW,iBAAiB,aAAa;CANpE,CAAC,QAAQ;EAAE,GAAG;EAAK,GAAG;EAAK,OAAO;EAAK,QAAQ;EAAK,MAAM;EAAW,CAAC;CACtE,CAAC,QAAQ;EAAE,GAAG;EAAM,GAAG;EAAK,OAAO;EAAK,QAAQ;EAAK,MAAM;EAAW,CAAC;CACvE,CAAC,QAAQ;EAAE,GAAG;EAAK,GAAG;EAAM,OAAO;EAAK,QAAQ;EAAK,MAAM;EAAW,CAAC;CACvE,CAAC,QAAQ;EAAE,GAAG;EAAM,GAAG;EAAM,OAAO;EAAK,QAAQ;EAAK,MAAM;EAAW,CAAC;CAGJ,CAAoB"}
|
package/dist/logos/types.d.ts
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
//#region src/components/logos/types.d.ts
|
|
2
|
-
type LogoStyleObject = Record<string, unknown>;
|
|
3
|
-
type LogoOwnProps = {
|
|
4
|
-
size?: number | string;
|
|
5
|
-
title?: string;
|
|
6
|
-
class?: string;
|
|
7
|
-
style?: string | LogoStyleObject;
|
|
8
|
-
iconName?: string;
|
|
9
|
-
};
|
|
10
|
-
type LogoProps = Omit<JSX.IntrinsicElements["svg"], "children" | "class" | "height" | "ref" | "role" | "stroke" | "style" | "title" | "width"> & LogoOwnProps & {
|
|
11
|
-
children?: unknown;
|
|
12
|
-
ref?: unknown;
|
|
13
|
-
};
|
|
14
|
-
//#endregion
|
|
15
|
-
export { LogoProps };
|
|
16
|
-
//# sourceMappingURL=types.d.ts.map
|
package/dist/navbar/index.d.ts
DELETED
package/dist/navbar/navbar.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { NavBrandProps, NavGroupProps, NavItemAsChildProps, NavItemProps, NavLinkProps, NavbarProps } from "./navbar.types.js";
|
|
2
|
-
|
|
3
|
-
//#region src/components/navbar/navbar.d.ts
|
|
4
|
-
declare function Navbar(props: NavbarProps): JSX.Element;
|
|
5
|
-
declare function NavBrand(props: NavBrandProps): JSX.Element;
|
|
6
|
-
declare function NavGroup(props: NavGroupProps): JSX.Element;
|
|
7
|
-
declare function NavItem(props: NavItemProps): JSX.Element;
|
|
8
|
-
declare function NavItem(props: NavItemAsChildProps): JSX.Element;
|
|
9
|
-
declare function NavLink(props: NavLinkProps): JSX.Element;
|
|
10
|
-
//#endregion
|
|
11
|
-
export { NavBrand, NavGroup, NavItem, NavLink, Navbar };
|
|
12
|
-
//# sourceMappingURL=navbar.d.ts.map
|
package/dist/navbar/navbar.js
DELETED
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { mergeProps } from "../_internal/merge-props.js";
|
|
2
|
-
import { classes } from "../_internal/classes.js";
|
|
3
|
-
import { jsx } from "@askrjs/askr/jsx-runtime";
|
|
4
|
-
import { Slot } from "@askrjs/askr/foundations";
|
|
5
|
-
import { Link } from "@askrjs/askr/router";
|
|
6
|
-
//#region src/components/navbar/navbar.tsx
|
|
7
|
-
function navItemClasses(variant, className) {
|
|
8
|
-
return classes("navbar-item", variant === "icon" && "navbar-item-icon", className);
|
|
9
|
-
}
|
|
10
|
-
function Navbar(props) {
|
|
11
|
-
const { children, ref, class: className, ...rest } = props;
|
|
12
|
-
return /* @__PURE__ */ jsx("nav", {
|
|
13
|
-
...rest,
|
|
14
|
-
ref,
|
|
15
|
-
class: classes("navbar", className),
|
|
16
|
-
"data-slot": "navbar",
|
|
17
|
-
children
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
function NavBrand(props) {
|
|
21
|
-
const { children, ref, class: className, ...rest } = props;
|
|
22
|
-
return /* @__PURE__ */ jsx("div", {
|
|
23
|
-
...rest,
|
|
24
|
-
ref,
|
|
25
|
-
class: classes("navbar-brand", className),
|
|
26
|
-
"data-slot": "navbar-brand",
|
|
27
|
-
children
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
function NavGroup(props) {
|
|
31
|
-
const { children, ref, class: className, ...rest } = props;
|
|
32
|
-
return /* @__PURE__ */ jsx("div", {
|
|
33
|
-
...rest,
|
|
34
|
-
ref,
|
|
35
|
-
class: classes("navbar-group", className),
|
|
36
|
-
"data-slot": "navbar-group",
|
|
37
|
-
children
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
function NavItem(props) {
|
|
41
|
-
const { asChild, children, ref, class: className, variant = "default", ...rest } = props;
|
|
42
|
-
const finalProps = mergeProps(rest, {
|
|
43
|
-
ref,
|
|
44
|
-
class: navItemClasses(variant, className),
|
|
45
|
-
"data-slot": "nav-item",
|
|
46
|
-
"data-variant": variant
|
|
47
|
-
});
|
|
48
|
-
if (asChild) return /* @__PURE__ */ jsx(Slot, {
|
|
49
|
-
asChild: true,
|
|
50
|
-
...finalProps,
|
|
51
|
-
children
|
|
52
|
-
});
|
|
53
|
-
return /* @__PURE__ */ jsx("a", {
|
|
54
|
-
...finalProps,
|
|
55
|
-
children
|
|
56
|
-
});
|
|
57
|
-
}
|
|
58
|
-
function NavLink(props) {
|
|
59
|
-
const { children, ref, class: className, variant = "default", ...rest } = props;
|
|
60
|
-
return /* @__PURE__ */ jsx(Link, {
|
|
61
|
-
...mergeProps(rest, {
|
|
62
|
-
ref,
|
|
63
|
-
class: navItemClasses(variant, className),
|
|
64
|
-
"data-slot": "nav-link",
|
|
65
|
-
"data-variant": variant
|
|
66
|
-
}),
|
|
67
|
-
children
|
|
68
|
-
});
|
|
69
|
-
}
|
|
70
|
-
//#endregion
|
|
71
|
-
export { NavBrand, NavGroup, NavItem, NavLink, Navbar };
|
|
72
|
-
|
|
73
|
-
//# sourceMappingURL=navbar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"navbar.js","names":[],"sources":["../../src/components/navbar/navbar.tsx"],"sourcesContent":["import { Link } from \"@askrjs/askr/router\";\nimport { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type {\n NavBrandProps,\n NavGroupProps,\n NavItemAsChildProps,\n NavItemProps,\n NavItemVariant,\n NavLinkProps,\n NavbarProps,\n} from \"./navbar.types\";\nimport { classes } from \"../_internal/classes\";\n\nfunction navItemClasses(variant: NavItemVariant, className: unknown): string | undefined {\n return classes(\"navbar-item\", variant === \"icon\" && \"navbar-item-icon\", className);\n}\n\nexport function Navbar(props: NavbarProps): JSX.Element {\n const { children, ref, class: className, ...rest } = props;\n\n return (\n <nav {...rest} ref={ref} class={classes(\"navbar\", className)} data-slot=\"navbar\">\n {children}\n </nav>\n );\n}\n\nexport function NavBrand(props: NavBrandProps): JSX.Element {\n const { children, ref, class: className, ...rest } = props;\n\n return (\n <div {...rest} ref={ref} class={classes(\"navbar-brand\", className)} data-slot=\"navbar-brand\">\n {children}\n </div>\n );\n}\n\nexport function NavGroup(props: NavGroupProps): JSX.Element {\n const { children, ref, class: className, ...rest } = props;\n\n return (\n <div {...rest} ref={ref} class={classes(\"navbar-group\", className)} data-slot=\"navbar-group\">\n {children}\n </div>\n );\n}\n\nexport function NavItem(props: NavItemProps): JSX.Element;\nexport function NavItem(props: NavItemAsChildProps): JSX.Element;\nexport function NavItem(props: NavItemProps | NavItemAsChildProps): JSX.Element {\n const { asChild, children, ref, class: className, variant = \"default\", ...rest } = props;\n\n const finalProps = mergeProps(rest, {\n ref,\n class: navItemClasses(variant, className),\n \"data-slot\": \"nav-item\",\n \"data-variant\": variant,\n });\n\n if (asChild) {\n return <Slot asChild {...finalProps} children={children} />;\n }\n\n return <a {...finalProps}>{children}</a>;\n}\n\nexport function NavLink(props: NavLinkProps): JSX.Element {\n const { children, ref, class: className, variant = \"default\", ...rest } = props;\n\n const finalProps = mergeProps(rest, {\n ref,\n class: navItemClasses(variant, className),\n \"data-slot\": \"nav-link\",\n \"data-variant\": variant,\n });\n\n return <Link {...finalProps}>{children}</Link>;\n}\n"],"mappings":";;;;;;AAcA,SAAS,eAAe,SAAyB,WAAwC;AACvF,QAAO,QAAQ,eAAe,YAAY,UAAU,oBAAoB,UAAU;;AAGpF,SAAgB,OAAO,OAAiC;CACtD,MAAM,EAAE,UAAU,KAAK,OAAO,WAAW,GAAG,SAAS;AAErD,QACE,oBAAC,OAAD;EAAK,GAAI;EAAW;EAAK,OAAO,QAAQ,UAAU,UAAU;EAAE,aAAU;EACrE;EACG,CAAA;;AAIV,SAAgB,SAAS,OAAmC;CAC1D,MAAM,EAAE,UAAU,KAAK,OAAO,WAAW,GAAG,SAAS;AAErD,QACE,oBAAC,OAAD;EAAK,GAAI;EAAW;EAAK,OAAO,QAAQ,gBAAgB,UAAU;EAAE,aAAU;EAC3E;EACG,CAAA;;AAIV,SAAgB,SAAS,OAAmC;CAC1D,MAAM,EAAE,UAAU,KAAK,OAAO,WAAW,GAAG,SAAS;AAErD,QACE,oBAAC,OAAD;EAAK,GAAI;EAAW;EAAK,OAAO,QAAQ,gBAAgB,UAAU;EAAE,aAAU;EAC3E;EACG,CAAA;;AAMV,SAAgB,QAAQ,OAAwD;CAC9E,MAAM,EAAE,SAAS,UAAU,KAAK,OAAO,WAAW,UAAU,WAAW,GAAG,SAAS;CAEnF,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,eAAe,SAAS,UAAU;EACzC,aAAa;EACb,gBAAgB;EACjB,CAAC;AAEF,KAAI,QACF,QAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;AAG7D,QAAO,oBAAC,KAAD;EAAG,GAAI;EAAa;EAAa,CAAA;;AAG1C,SAAgB,QAAQ,OAAkC;CACxD,MAAM,EAAE,UAAU,KAAK,OAAO,WAAW,UAAU,WAAW,GAAG,SAAS;AAS1E,QAAO,oBAAC,MAAD;EAAM,GAPM,WAAW,MAAM;GAClC;GACA,OAAO,eAAe,SAAS,UAAU;GACzC,aAAa;GACb,gBAAgB;GACjB,CAE0B;EAAG;EAAgB,CAAA"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { JSXElement, Ref } from "@askrjs/askr/foundations";
|
|
2
|
-
import { LinkProps } from "@askrjs/askr/router";
|
|
3
|
-
|
|
4
|
-
//#region src/components/navbar/navbar.types.d.ts
|
|
5
|
-
type NavbarProps = Omit<JSX.IntrinsicElements["nav"], "children"> & {
|
|
6
|
-
children?: unknown;
|
|
7
|
-
};
|
|
8
|
-
type NavBrandProps = Omit<JSX.IntrinsicElements["div"], "children"> & {
|
|
9
|
-
children?: unknown;
|
|
10
|
-
};
|
|
11
|
-
type NavGroupProps = Omit<JSX.IntrinsicElements["div"], "children"> & {
|
|
12
|
-
children?: unknown;
|
|
13
|
-
};
|
|
14
|
-
type NavItemVariant = "default" | "icon";
|
|
15
|
-
type NavItemOwnProps = {
|
|
16
|
-
children?: unknown;
|
|
17
|
-
variant?: NavItemVariant;
|
|
18
|
-
};
|
|
19
|
-
type NavItemProps = Omit<JSX.IntrinsicElements["a"], "children" | "ref"> & NavItemOwnProps & {
|
|
20
|
-
asChild?: false;
|
|
21
|
-
ref?: Ref<HTMLAnchorElement>;
|
|
22
|
-
};
|
|
23
|
-
type NavItemAsChildProps = Omit<JSX.IntrinsicElements["a"], "children" | "ref"> & NavItemOwnProps & {
|
|
24
|
-
asChild: true;
|
|
25
|
-
children: JSXElement;
|
|
26
|
-
ref?: Ref<unknown>;
|
|
27
|
-
};
|
|
28
|
-
type NavLinkProps = LinkProps & NavItemOwnProps;
|
|
29
|
-
//#endregion
|
|
30
|
-
export { NavBrandProps, NavGroupProps, NavItemAsChildProps, NavItemProps, NavItemVariant, NavLinkProps, NavbarProps };
|
|
31
|
-
//# sourceMappingURL=navbar.types.d.ts.map
|
package/dist/section/index.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { SectionAsChildProps, SectionElementProps } from "./section.types.js";
|
|
2
|
-
|
|
3
|
-
//#region src/components/section/section.d.ts
|
|
4
|
-
declare function Section(props: SectionElementProps): JSX.Element;
|
|
5
|
-
declare function Section(props: SectionAsChildProps): JSX.Element;
|
|
6
|
-
//#endregion
|
|
7
|
-
export { Section };
|
|
8
|
-
//# sourceMappingURL=section.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"section.js","names":[],"sources":["../../src/components/section/section.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport {\n applyBoxLayoutStyles,\n splitBoxLayoutProps,\n withBoxLayoutStyle,\n} from \"../_internal/box-layout\";\nimport { serializeResponsiveValueIf } from \"../_internal/layout\";\nimport type { SectionAsChildProps, SectionElementProps } from \"./section.types\";\n\nfunction isSectionSizeToken(value: unknown): value is string {\n return typeof value === \"string\" && [\"1\", \"2\", \"3\", \"4\"].includes(value.trim());\n}\n\nexport function Section(props: SectionElementProps): JSX.Element;\nexport function Section(props: SectionAsChildProps): JSX.Element;\nexport function Section(props: SectionElementProps | SectionAsChildProps) {\n const { asChild, children, size = \"3\", 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\n const finalProps = mergeProps(passthroughProps, {\n ref,\n \"data-slot\": \"section\",\n \"data-ak-layout\": \"true\",\n \"data-size\": serializeResponsiveValueIf(size, isSectionSizeToken),\n style: withBoxLayoutStyle(layoutStyle, userStyle),\n });\n\n if (asChild) {\n return <Slot asChild {...finalProps} children={children} />;\n }\n\n return <section {...finalProps}>{children}</section>;\n}\n"],"mappings":";;;;;;AAUA,SAAS,mBAAmB,OAAiC;AAC3D,QAAO,OAAO,UAAU,YAAY;EAAC;EAAK;EAAK;EAAK;EAAI,CAAC,SAAS,MAAM,MAAM,CAAC;;AAKjF,SAAgB,QAAQ,OAAkD;CACxE,MAAM,EAAE,SAAS,UAAU,OAAO,KAAK,KAAK,OAAO,WAAW,GAAG,SAAS;CAE1E,MAAM,EAAE,UAAU,MAAM,qBAAqB,oBAAoB,KAAK;CACtE,MAAM,cAA+C,EAAE;AACvD,sBAAqB,aAAa,SAAS;CAE3C,MAAM,aAAa,WAAW,kBAAkB;EAC9C;EACA,aAAa;EACb,kBAAkB;EAClB,aAAa,2BAA2B,MAAM,mBAAmB;EACjE,OAAO,mBAAmB,aAAa,UAAU;EAClD,CAAC;AAEF,KAAI,QACF,QAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;AAG7D,QAAO,oBAAC,WAAD;EAAS,GAAI;EAAa;EAAmB,CAAA"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { BoxLayoutOwnProps, LayoutResponsive } from "../box/box.types.js";
|
|
2
|
-
import { JSXElement, Ref } from "@askrjs/askr/foundations";
|
|
3
|
-
|
|
4
|
-
//#region src/components/section/section.types.d.ts
|
|
5
|
-
type SectionOwnProps = BoxLayoutOwnProps & {
|
|
6
|
-
size?: LayoutResponsive<"1" | "2" | "3" | "4">;
|
|
7
|
-
children?: unknown;
|
|
8
|
-
};
|
|
9
|
-
type SectionElementProps = Omit<JSX.IntrinsicElements["section"], "children" | "ref"> & SectionOwnProps & {
|
|
10
|
-
asChild?: false;
|
|
11
|
-
ref?: Ref<HTMLElement>;
|
|
12
|
-
};
|
|
13
|
-
type SectionAsChildProps = SectionOwnProps & {
|
|
14
|
-
asChild: true;
|
|
15
|
-
children: JSXElement;
|
|
16
|
-
ref?: Ref<unknown>;
|
|
17
|
-
style?: JSX.IntrinsicElements["section"]["style"];
|
|
18
|
-
};
|
|
19
|
-
type SectionProps = SectionElementProps | SectionAsChildProps;
|
|
20
|
-
//#endregion
|
|
21
|
-
export { SectionAsChildProps, SectionElementProps, SectionOwnProps, SectionProps };
|
|
22
|
-
//# sourceMappingURL=section.types.d.ts.map
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { SeparatorAsChildProps, SeparatorNativeProps } from "./separator.types.js";
|
|
2
|
-
|
|
3
|
-
//#region src/components/separator/separator.d.ts
|
|
4
|
-
declare function Separator(props: SeparatorNativeProps): JSX.Element;
|
|
5
|
-
declare function Separator(props: SeparatorAsChildProps): JSX.Element;
|
|
6
|
-
//#endregion
|
|
7
|
-
export { Separator };
|
|
8
|
-
//# sourceMappingURL=separator.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"separator.js","names":[],"sources":["../../src/components/separator/separator.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type { SeparatorAsChildProps, SeparatorNativeProps } from \"./separator.types\";\n\nexport function Separator(props: SeparatorNativeProps): JSX.Element;\nexport function Separator(props: SeparatorAsChildProps): JSX.Element;\nexport function Separator(props: SeparatorNativeProps | SeparatorAsChildProps) {\n const { asChild, children, decorative = false, orientation = \"horizontal\", ref, ...rest } = props;\n\n const finalProps = mergeProps(rest, {\n ref,\n \"data-slot\": \"separator\",\n \"data-orientation\": orientation,\n role: decorative ? \"presentation\" : \"separator\",\n \"aria-orientation\": decorative ? undefined : orientation,\n });\n\n if (asChild) {\n return <Slot asChild {...finalProps} children={children} />;\n }\n\n return <div {...finalProps}>{children}</div>;\n}\n"],"mappings":";;;;AAMA,SAAgB,UAAU,OAAqD;CAC7E,MAAM,EAAE,SAAS,UAAU,aAAa,OAAO,cAAc,cAAc,KAAK,GAAG,SAAS;CAE5F,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,oBAAoB;EACpB,MAAM,aAAa,iBAAiB;EACpC,oBAAoB,aAAa,KAAA,IAAY;EAC9C,CAAC;AAEF,KAAI,QACF,QAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;AAG7D,QAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;EAAe,CAAA"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { JSXElement, Ref } from "@askrjs/askr/foundations";
|
|
2
|
-
|
|
3
|
-
//#region src/components/separator/separator.types.d.ts
|
|
4
|
-
type SeparatorOwnProps = {
|
|
5
|
-
decorative?: boolean;
|
|
6
|
-
orientation?: "horizontal" | "vertical";
|
|
7
|
-
children?: unknown;
|
|
8
|
-
};
|
|
9
|
-
type SeparatorNativeProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref"> & SeparatorOwnProps & {
|
|
10
|
-
asChild?: false;
|
|
11
|
-
ref?: Ref<HTMLDivElement>;
|
|
12
|
-
};
|
|
13
|
-
type SeparatorAsChildProps = SeparatorOwnProps & {
|
|
14
|
-
asChild: true;
|
|
15
|
-
children: JSXElement;
|
|
16
|
-
ref?: Ref<unknown>;
|
|
17
|
-
};
|
|
18
|
-
type SeparatorProps = SeparatorNativeProps | SeparatorAsChildProps;
|
|
19
|
-
//#endregion
|
|
20
|
-
export { SeparatorAsChildProps, SeparatorNativeProps, SeparatorOwnProps, SeparatorProps };
|
|
21
|
-
//# sourceMappingURL=separator.types.d.ts.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { SidebarLayoutProps } from "./sidebar-layout.types.js";
|
|
2
|
-
|
|
3
|
-
//#region src/components/sidebar-layout/sidebar-layout.d.ts
|
|
4
|
-
declare function SidebarLayout(props: SidebarLayoutProps): JSX.Element;
|
|
5
|
-
//#endregion
|
|
6
|
-
export { SidebarLayout };
|
|
7
|
-
//# sourceMappingURL=sidebar-layout.d.ts.map
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { isCssLength, mergeLayoutStyles, serializeValueIf } from "../_internal/layout.js";
|
|
2
|
-
import { jsx } from "@askrjs/askr/jsx-runtime";
|
|
3
|
-
//#region src/components/sidebar-layout/sidebar-layout.tsx
|
|
4
|
-
function isThemeGapToken(value) {
|
|
5
|
-
return typeof value === "string" && [
|
|
6
|
-
"sm",
|
|
7
|
-
"md",
|
|
8
|
-
"lg",
|
|
9
|
-
"xl"
|
|
10
|
-
].includes(value.trim());
|
|
11
|
-
}
|
|
12
|
-
function isThemeSidebarWidthToken(value) {
|
|
13
|
-
return typeof value === "string" && [
|
|
14
|
-
"sm",
|
|
15
|
-
"md",
|
|
16
|
-
"lg",
|
|
17
|
-
"xl"
|
|
18
|
-
].includes(value.trim());
|
|
19
|
-
}
|
|
20
|
-
function SidebarLayout(props) {
|
|
21
|
-
const { sidebar, children, sidebarPosition = "start", sidebarWidth, gap, collapseBelow, ref, style: userStyle, ...rest } = props;
|
|
22
|
-
const wrapperStyle = {};
|
|
23
|
-
if (isCssLength(gap)) wrapperStyle.gap = gap;
|
|
24
|
-
const sidebarStyle = {};
|
|
25
|
-
if (isCssLength(sidebarWidth)) {
|
|
26
|
-
sidebarStyle.width = sidebarWidth;
|
|
27
|
-
sidebarStyle.flexBasis = sidebarWidth;
|
|
28
|
-
}
|
|
29
|
-
return /* @__PURE__ */ jsx("div", {
|
|
30
|
-
...rest,
|
|
31
|
-
ref,
|
|
32
|
-
"data-slot": "sidebar-layout",
|
|
33
|
-
"data-sidebar-position": sidebarPosition,
|
|
34
|
-
"data-sidebar-width": serializeValueIf(sidebarWidth, isThemeSidebarWidthToken),
|
|
35
|
-
"data-gap": serializeValueIf(gap, isThemeGapToken),
|
|
36
|
-
"data-collapse-below": collapseBelow,
|
|
37
|
-
style: mergeLayoutStyles(wrapperStyle, userStyle),
|
|
38
|
-
children: [/* @__PURE__ */ jsx("aside", {
|
|
39
|
-
"data-slot": "sidebar",
|
|
40
|
-
style: mergeLayoutStyles(sidebarStyle, void 0),
|
|
41
|
-
children: sidebar
|
|
42
|
-
}, "sidebar-layout-sidebar"), /* @__PURE__ */ jsx("main", {
|
|
43
|
-
"data-slot": "main",
|
|
44
|
-
children
|
|
45
|
-
}, "sidebar-layout-main")]
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
//#endregion
|
|
49
|
-
export { SidebarLayout };
|
|
50
|
-
|
|
51
|
-
//# sourceMappingURL=sidebar-layout.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-layout.js","names":[],"sources":["../../src/components/sidebar-layout/sidebar-layout.tsx"],"sourcesContent":["import { isCssLength, mergeLayoutStyles, serializeValueIf } from \"../_internal/layout\";\nimport type { SidebarLayoutProps } from \"./sidebar-layout.types\";\n\nfunction isThemeGapToken(value: unknown): value is string {\n return typeof value === \"string\" && [\"sm\", \"md\", \"lg\", \"xl\"].includes(value.trim());\n}\n\nfunction isThemeSidebarWidthToken(value: unknown): value is string {\n return typeof value === \"string\" && [\"sm\", \"md\", \"lg\", \"xl\"].includes(value.trim());\n}\n\nexport function SidebarLayout(props: SidebarLayoutProps): JSX.Element {\n const {\n sidebar,\n children,\n sidebarPosition = \"start\",\n sidebarWidth,\n gap,\n collapseBelow,\n ref,\n style: userStyle,\n ...rest\n } = props;\n\n const wrapperStyle: Record<string, string | number> = {};\n if (isCssLength(gap)) wrapperStyle.gap = gap!;\n\n const sidebarStyle: Record<string, string | number> = {};\n if (isCssLength(sidebarWidth)) {\n sidebarStyle.width = sidebarWidth!;\n sidebarStyle.flexBasis = sidebarWidth!;\n }\n\n return (\n <div\n {...rest}\n ref={ref}\n data-slot=\"sidebar-layout\"\n data-sidebar-position={sidebarPosition}\n data-sidebar-width={serializeValueIf(sidebarWidth, isThemeSidebarWidthToken)}\n data-gap={serializeValueIf(gap, isThemeGapToken)}\n data-collapse-below={collapseBelow}\n style={mergeLayoutStyles(wrapperStyle, userStyle)}\n >\n {[\n <aside\n key=\"sidebar-layout-sidebar\"\n data-slot=\"sidebar\"\n style={mergeLayoutStyles(sidebarStyle, undefined)}\n >\n {sidebar}\n </aside>,\n <main key=\"sidebar-layout-main\" data-slot=\"main\">\n {children}\n </main>,\n ]}\n </div>\n );\n}\n"],"mappings":";;;AAGA,SAAS,gBAAgB,OAAiC;AACxD,QAAO,OAAO,UAAU,YAAY;EAAC;EAAM;EAAM;EAAM;EAAK,CAAC,SAAS,MAAM,MAAM,CAAC;;AAGrF,SAAS,yBAAyB,OAAiC;AACjE,QAAO,OAAO,UAAU,YAAY;EAAC;EAAM;EAAM;EAAM;EAAK,CAAC,SAAS,MAAM,MAAM,CAAC;;AAGrF,SAAgB,cAAc,OAAwC;CACpE,MAAM,EACJ,SACA,UACA,kBAAkB,SAClB,cACA,KACA,eACA,KACA,OAAO,WACP,GAAG,SACD;CAEJ,MAAM,eAAgD,EAAE;AACxD,KAAI,YAAY,IAAI,CAAE,cAAa,MAAM;CAEzC,MAAM,eAAgD,EAAE;AACxD,KAAI,YAAY,aAAa,EAAE;AAC7B,eAAa,QAAQ;AACrB,eAAa,YAAY;;AAG3B,QACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,aAAU;EACV,yBAAuB;EACvB,sBAAoB,iBAAiB,cAAc,yBAAyB;EAC5E,YAAU,iBAAiB,KAAK,gBAAgB;EAChD,uBAAqB;EACrB,OAAO,kBAAkB,cAAc,UAAU;YAEhD,CACC,oBAAC,SAAD;GAEE,aAAU;GACV,OAAO,kBAAkB,cAAc,KAAA,EAAU;aAEhD;GACK,EALF,yBAKE,EACR,oBAAC,QAAD;GAAgC,aAAU;GACvC;GACI,EAFG,sBAEH,CACR;EACG,CAAA"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { Ref } from "@askrjs/askr/foundations";
|
|
2
|
-
|
|
3
|
-
//#region src/components/sidebar-layout/sidebar-layout.types.d.ts
|
|
4
|
-
type SidebarPosition = "start" | "end";
|
|
5
|
-
type SidebarLayoutProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref"> & {
|
|
6
|
-
/** Content rendered into the sidebar slot (aside). */sidebar?: unknown; /** Content rendered into the main slot. */
|
|
7
|
-
children?: unknown; /** Which side the sidebar appears on. Defaults to 'start'. */
|
|
8
|
-
sidebarPosition?: SidebarPosition; /** CSS width for the sidebar. Applied as inline style only when it is a real CSS length. */
|
|
9
|
-
sidebarWidth?: string; /** CSS gap between sidebar and main. Applied as inline style only when it is a real CSS length. */
|
|
10
|
-
gap?: string;
|
|
11
|
-
/**
|
|
12
|
-
* Named breakpoint below which the layout collapses to a single column.
|
|
13
|
-
* Official themes recognize `sm`, `md`, `lg`, and `xl`.
|
|
14
|
-
*/
|
|
15
|
-
collapseBelow?: string;
|
|
16
|
-
ref?: Ref<HTMLDivElement>;
|
|
17
|
-
};
|
|
18
|
-
//#endregion
|
|
19
|
-
export { SidebarLayoutProps, SidebarPosition };
|
|
20
|
-
//# sourceMappingURL=sidebar-layout.types.d.ts.map
|
package/dist/skeleton/index.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { SkeletonAsChildProps, SkeletonProps } from "./skeleton.types.js";
|
|
2
|
-
|
|
3
|
-
//#region src/components/skeleton/skeleton.d.ts
|
|
4
|
-
declare function Skeleton(props: SkeletonProps): JSX.Element;
|
|
5
|
-
declare function Skeleton(props: SkeletonAsChildProps): JSX.Element;
|
|
6
|
-
//#endregion
|
|
7
|
-
export { Skeleton };
|
|
8
|
-
//# sourceMappingURL=skeleton.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"skeleton.js","names":[],"sources":["../../src/components/skeleton/skeleton.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type { SkeletonAsChildProps, SkeletonProps } from \"./skeleton.types\";\n\nexport function Skeleton(props: SkeletonProps): JSX.Element;\nexport function Skeleton(props: SkeletonAsChildProps): JSX.Element;\nexport function Skeleton(props: SkeletonProps | SkeletonAsChildProps) {\n const { asChild, children, ref, ...rest } = props;\n const finalProps = mergeProps(rest, {\n ref,\n \"data-slot\": \"skeleton\",\n \"data-skeleton\": \"true\",\n \"aria-hidden\": \"true\",\n });\n\n if (asChild) {\n return <Slot asChild {...finalProps} children={children} />;\n }\n\n return <div {...finalProps}>{children}</div>;\n}\n"],"mappings":";;;;AAMA,SAAgB,SAAS,OAA6C;CACpE,MAAM,EAAE,SAAS,UAAU,KAAK,GAAG,SAAS;CAC5C,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,iBAAiB;EACjB,eAAe;EAChB,CAAC;AAEF,KAAI,QACF,QAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;AAG7D,QAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;EAAe,CAAA"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { JSXElement, Ref } from "@askrjs/askr/foundations";
|
|
2
|
-
|
|
3
|
-
//#region src/components/skeleton/skeleton.types.d.ts
|
|
4
|
-
type SkeletonOwnProps = {
|
|
5
|
-
children?: unknown;
|
|
6
|
-
};
|
|
7
|
-
type SkeletonProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref"> & SkeletonOwnProps & {
|
|
8
|
-
asChild?: false;
|
|
9
|
-
ref?: Ref<HTMLDivElement>;
|
|
10
|
-
};
|
|
11
|
-
type SkeletonAsChildProps = SkeletonOwnProps & {
|
|
12
|
-
asChild: true;
|
|
13
|
-
children: JSXElement;
|
|
14
|
-
ref?: Ref<unknown>;
|
|
15
|
-
};
|
|
16
|
-
//#endregion
|
|
17
|
-
export { SkeletonAsChildProps, SkeletonOwnProps, SkeletonProps };
|
|
18
|
-
//# sourceMappingURL=skeleton.types.d.ts.map
|
package/dist/spacer/index.d.ts
DELETED
package/dist/spacer/spacer.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { SpacerAsChildProps, SpacerNativeProps } from "./spacer.types.js";
|
|
2
|
-
|
|
3
|
-
//#region src/components/spacer/spacer.d.ts
|
|
4
|
-
declare function Spacer(props: SpacerNativeProps): JSX.Element;
|
|
5
|
-
declare function Spacer(props: SpacerAsChildProps): JSX.Element;
|
|
6
|
-
//#endregion
|
|
7
|
-
export { Spacer };
|
|
8
|
-
//# sourceMappingURL=spacer.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"spacer.js","names":[],"sources":["../../src/components/spacer/spacer.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport { isCssLength, mergeLayoutStyles } from \"../_internal/layout\";\nimport { isJsxElement, toChildArray } from \"../_internal/jsx\";\nimport type { SpacerAsChildProps, SpacerNativeProps } from \"./spacer.types\";\n\nexport function Spacer(props: SpacerNativeProps): JSX.Element;\nexport function Spacer(props: SpacerAsChildProps): JSX.Element;\nexport function Spacer(props: SpacerNativeProps | SpacerAsChildProps) {\n const { asChild, children, grow, shrink, basis, axis, ref, style: userStyle, ...rest } = props;\n\n const layoutStyle: Record<string, string | number> = {};\n\n if (axis === \"inline\") {\n if (shrink !== undefined && shrink !== 0) {\n layoutStyle.flexShrink = shrink;\n }\n if (isCssLength(basis)) layoutStyle.width = basis!;\n } else if (axis === \"block\") {\n if (shrink !== undefined && shrink !== 0) {\n layoutStyle.flexShrink = shrink;\n }\n if (isCssLength(basis)) layoutStyle.height = basis!;\n } else {\n if (grow !== undefined && grow !== 1) {\n layoutStyle.flexGrow = grow;\n }\n if (shrink !== undefined && shrink !== 1) {\n layoutStyle.flexShrink = shrink;\n }\n if (isCssLength(basis)) {\n layoutStyle.flexBasis = basis!;\n }\n }\n\n const finalProps = mergeProps(rest, {\n ref,\n \"data-slot\": \"spacer\",\n \"data-axis\": axis,\n style: mergeLayoutStyles(layoutStyle, userStyle),\n });\n const keyedChildren = toChildArray(children).map((child, index) => {\n if (!isJsxElement(child) || child.key != null) {\n return child;\n }\n\n return {\n ...child,\n key: `spacer-${index}`,\n };\n });\n\n if (asChild) {\n return <Slot asChild {...finalProps} children={children} />;\n }\n\n return <div {...finalProps}>{keyedChildren}</div>;\n}\n"],"mappings":";;;;;;AAQA,SAAgB,OAAO,OAA+C;CACpE,MAAM,EAAE,SAAS,UAAU,MAAM,QAAQ,OAAO,MAAM,KAAK,OAAO,WAAW,GAAG,SAAS;CAEzF,MAAM,cAA+C,EAAE;AAEvD,KAAI,SAAS,UAAU;AACrB,MAAI,WAAW,KAAA,KAAa,WAAW,EACrC,aAAY,aAAa;AAE3B,MAAI,YAAY,MAAM,CAAE,aAAY,QAAQ;YACnC,SAAS,SAAS;AAC3B,MAAI,WAAW,KAAA,KAAa,WAAW,EACrC,aAAY,aAAa;AAE3B,MAAI,YAAY,MAAM,CAAE,aAAY,SAAS;QACxC;AACL,MAAI,SAAS,KAAA,KAAa,SAAS,EACjC,aAAY,WAAW;AAEzB,MAAI,WAAW,KAAA,KAAa,WAAW,EACrC,aAAY,aAAa;AAE3B,MAAI,YAAY,MAAM,CACpB,aAAY,YAAY;;CAI5B,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,aAAa;EACb,OAAO,kBAAkB,aAAa,UAAU;EACjD,CAAC;CACF,MAAM,gBAAgB,aAAa,SAAS,CAAC,KAAK,OAAO,UAAU;AACjE,MAAI,CAAC,aAAa,MAAM,IAAI,MAAM,OAAO,KACvC,QAAO;AAGT,SAAO;GACL,GAAG;GACH,KAAK,UAAU;GAChB;GACD;AAEF,KAAI,QACF,QAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;AAG7D,QAAO,oBAAC,OAAD;EAAK,GAAI;YAAa;EAAoB,CAAA"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { JSXElement, Ref } from "@askrjs/askr/foundations";
|
|
2
|
-
|
|
3
|
-
//#region src/components/spacer/spacer.types.d.ts
|
|
4
|
-
type SpacerAxis = "inline" | "block";
|
|
5
|
-
type SpacerOwnProps = {
|
|
6
|
-
/** flex-grow factor (default 1 when no axis is set). */grow?: number; /** flex-shrink factor (default 1 when no axis is set, 0 when axis is set). */
|
|
7
|
-
shrink?: number; /** CSS flex-basis / width (axis=inline) / height (axis=block) value. Applied as inline style only when it is a real CSS length. */
|
|
8
|
-
basis?: string; /** When set, renders a fixed space along the given axis instead of a flex-grow spacer. */
|
|
9
|
-
axis?: SpacerAxis;
|
|
10
|
-
children?: unknown;
|
|
11
|
-
};
|
|
12
|
-
type SpacerNativeProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref"> & SpacerOwnProps & {
|
|
13
|
-
asChild?: false;
|
|
14
|
-
ref?: Ref<HTMLDivElement>;
|
|
15
|
-
};
|
|
16
|
-
type SpacerAsChildProps = SpacerOwnProps & {
|
|
17
|
-
asChild: true;
|
|
18
|
-
children: JSXElement;
|
|
19
|
-
ref?: Ref<unknown>;
|
|
20
|
-
style?: JSX.IntrinsicElements["div"]["style"];
|
|
21
|
-
};
|
|
22
|
-
type SpacerProps = SpacerNativeProps | SpacerAsChildProps;
|
|
23
|
-
//#endregion
|
|
24
|
-
export { SpacerAsChildProps, SpacerAxis, SpacerNativeProps, SpacerOwnProps, SpacerProps };
|
|
25
|
-
//# sourceMappingURL=spacer.types.d.ts.map
|
package/dist/spinner/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.js","names":[],"sources":["../../src/components/spinner/spinner.tsx"],"sourcesContent":["import { ProgressCircle } from \"@askrjs/ui\";\nimport type { SpinnerProps } from \"./spinner.types\";\n\nexport function Spinner(props: SpinnerProps): JSX.Element {\n const {\n label,\n \"aria-label\": ariaLabel,\n ...rest\n } = props as SpinnerProps & {\n \"aria-label\"?: string;\n };\n\n return (\n <ProgressCircle\n {...rest}\n aria-label={ariaLabel ?? label ?? \"Loading\"}\n value={null}\n getValueLabel={() => label ?? \"Loading\"}\n />\n );\n}\n"],"mappings":";;;AAGA,SAAgB,QAAQ,OAAkC;CACxD,MAAM,EACJ,OACA,cAAc,WACd,GAAG,SACD;AAIJ,QACE,oBAAC,gBAAD;EACE,GAAI;EACJ,cAAY,aAAa,SAAS;EAClC,OAAO;EACP,qBAAqB,SAAS;EAC9B,CAAA"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ProgressCircleProps } from "@askrjs/ui";
|
|
2
|
-
|
|
3
|
-
//#region src/components/spinner/spinner.types.d.ts
|
|
4
|
-
type SpinnerOwnProps = Omit<ProgressCircleProps, "value" | "getValueLabel"> & {
|
|
5
|
-
label?: string;
|
|
6
|
-
};
|
|
7
|
-
type SpinnerProps = SpinnerOwnProps;
|
|
8
|
-
//#endregion
|
|
9
|
-
export { SpinnerOwnProps, SpinnerProps };
|
|
10
|
-
//# sourceMappingURL=spinner.types.d.ts.map
|
package/dist/stack/index.d.ts
DELETED
package/dist/stack/stack.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { StackAsChildProps, StackDivProps } from "./stack.types.js";
|
|
2
|
-
|
|
3
|
-
//#region src/components/stack/stack.d.ts
|
|
4
|
-
declare function Stack(props: StackDivProps): JSX.Element;
|
|
5
|
-
declare function Stack(props: StackAsChildProps): JSX.Element;
|
|
6
|
-
//#endregion
|
|
7
|
-
export { Stack };
|
|
8
|
-
//# sourceMappingURL=stack.d.ts.map
|
package/dist/stack/stack.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"stack.js","names":[],"sources":["../../src/components/stack/stack.tsx"],"sourcesContent":["import { Flex } from \"../flex\";\nimport type { StackAsChildProps, StackDivProps } from \"./stack.types\";\n\nexport function Stack(props: StackDivProps): JSX.Element;\nexport function Stack(props: StackAsChildProps): JSX.Element;\nexport function Stack(props: StackDivProps | StackAsChildProps) {\n const { children, ...rest } = props;\n return (\n <Flex {...(rest as Record<string, unknown>)} data-slot=\"stack\" direction=\"column\">\n {children}\n </Flex>\n );\n}\n"],"mappings":";;;AAKA,SAAgB,MAAM,OAA0C;CAC9D,MAAM,EAAE,UAAU,GAAG,SAAS;AAC9B,QACE,oBAAC,MAAD;EAAM,GAAK;EAAkC,aAAU;EAAQ,WAAU;EACtE;EACI,CAAA"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { FlexOwnProps } from "../flex/flex.types.js";
|
|
2
|
-
import { JSXElement, Ref } from "@askrjs/askr/foundations";
|
|
3
|
-
|
|
4
|
-
//#region src/components/stack/stack.types.d.ts
|
|
5
|
-
type StackOwnProps = Omit<FlexOwnProps, "direction" | "as"> & {
|
|
6
|
-
children?: unknown;
|
|
7
|
-
};
|
|
8
|
-
type StackDivProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref"> & StackOwnProps & {
|
|
9
|
-
asChild?: false;
|
|
10
|
-
ref?: Ref<HTMLDivElement>;
|
|
11
|
-
};
|
|
12
|
-
type StackAsChildProps = StackOwnProps & {
|
|
13
|
-
asChild: true;
|
|
14
|
-
children: JSXElement;
|
|
15
|
-
ref?: Ref<unknown>;
|
|
16
|
-
style?: JSX.IntrinsicElements["div"]["style"];
|
|
17
|
-
};
|
|
18
|
-
type StackProps = StackDivProps | StackAsChildProps;
|
|
19
|
-
//#endregion
|
|
20
|
-
export { StackAsChildProps, StackDivProps, StackOwnProps, StackProps };
|
|
21
|
-
//# sourceMappingURL=stack.types.d.ts.map
|
package/dist/theme/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import { DEFAULT_THEME_OPTIONS, ThemeContextValue, ThemeName, ThemeOption, ThemePicker, ThemePickerProps, ThemeProvider, ThemeProviderProps, ThemeToggle, ThemeToggleProps, ThemeToggleRenderContext, useTheme } from "./theme.js";
|