@askrjs/themes 0.0.3 → 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 +63 -24
- 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 +252 -99
- 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 -103
- 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,20 +0,0 @@
|
|
|
1
|
-
import { JSXElement, Ref } from "@askrjs/askr/foundations";
|
|
2
|
-
|
|
3
|
-
//#region src/components/badge/badge.types.d.ts
|
|
4
|
-
type BadgeVariant = "default" | "secondary" | "outline" | "success" | "warning" | "danger" | "info";
|
|
5
|
-
type BadgeOwnProps = {
|
|
6
|
-
children?: unknown;
|
|
7
|
-
variant?: BadgeVariant;
|
|
8
|
-
};
|
|
9
|
-
type BadgeProps = Omit<JSX.IntrinsicElements["span"], "children" | "ref"> & BadgeOwnProps & {
|
|
10
|
-
asChild?: false;
|
|
11
|
-
ref?: Ref<HTMLSpanElement>;
|
|
12
|
-
};
|
|
13
|
-
type BadgeAsChildProps = BadgeOwnProps & {
|
|
14
|
-
asChild: true;
|
|
15
|
-
children: JSXElement;
|
|
16
|
-
ref?: Ref<unknown>;
|
|
17
|
-
};
|
|
18
|
-
//#endregion
|
|
19
|
-
export { BadgeAsChildProps, BadgeOwnProps, BadgeProps };
|
|
20
|
-
//# sourceMappingURL=badge.types.d.ts.map
|
package/dist/badge/index.d.ts
DELETED
package/dist/box/box.d.ts
DELETED
|
@@ -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
|
package/dist/box/box.js.map
DELETED
|
@@ -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 withBoxLayoutStyle,\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\n const finalProps = mergeProps(passthroughProps, {\n ref,\n \"data-slot\": \"box\",\n \"data-ak-layout\": \"true\",\n style: withBoxLayoutStyle(layoutStyle, userStyle),\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,KAAK;CACtE,MAAM,cAA+C,EAAE;AACvD,sBAAqB,aAAa,SAAS;CAE3C,MAAM,aAAa,WAAW,kBAAkB;EAC9C;EACA,aAAa;EACb,kBAAkB;EAClB,OAAO,mBAAmB,aAAa,UAAU;EAClD,CAAC;AAEF,KAAI,QACF,QAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;AAG7D,KAAI,OAAO,OACT,QAAO,oBAAC,QAAD;EAAM,GAAI;EAAa;EAAgB,CAAA;AAGhD,QAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;EAAe,CAAA"}
|
package/dist/box/box.types.d.ts
DELETED
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import { ResponsiveValue } from "../_internal/layout.js";
|
|
2
|
-
import { JSXElement, Ref } from "@askrjs/askr/foundations";
|
|
3
|
-
|
|
4
|
-
//#region src/components/box/box.types.d.ts
|
|
5
|
-
type LayoutResponsive<T> = ResponsiveValue<T>;
|
|
6
|
-
type BoxLayoutOwnProps = {
|
|
7
|
-
display?: ResponsiveValue<string>;
|
|
8
|
-
m?: ResponsiveValue<string | number>;
|
|
9
|
-
mx?: ResponsiveValue<string | number>;
|
|
10
|
-
my?: ResponsiveValue<string | number>;
|
|
11
|
-
mt?: ResponsiveValue<string | number>;
|
|
12
|
-
mr?: ResponsiveValue<string | number>;
|
|
13
|
-
mb?: ResponsiveValue<string | number>;
|
|
14
|
-
ml?: ResponsiveValue<string | number>;
|
|
15
|
-
p?: ResponsiveValue<string | number>;
|
|
16
|
-
px?: ResponsiveValue<string | number>;
|
|
17
|
-
py?: ResponsiveValue<string | number>;
|
|
18
|
-
pt?: ResponsiveValue<string | number>;
|
|
19
|
-
pr?: ResponsiveValue<string | number>;
|
|
20
|
-
pb?: ResponsiveValue<string | number>;
|
|
21
|
-
pl?: ResponsiveValue<string | number>;
|
|
22
|
-
width?: ResponsiveValue<string>;
|
|
23
|
-
minWidth?: ResponsiveValue<string>;
|
|
24
|
-
maxWidth?: ResponsiveValue<string>;
|
|
25
|
-
height?: ResponsiveValue<string>;
|
|
26
|
-
minHeight?: ResponsiveValue<string>;
|
|
27
|
-
maxHeight?: ResponsiveValue<string>;
|
|
28
|
-
position?: ResponsiveValue<string>;
|
|
29
|
-
inset?: ResponsiveValue<string | number>;
|
|
30
|
-
top?: ResponsiveValue<string | number>;
|
|
31
|
-
right?: ResponsiveValue<string | number>;
|
|
32
|
-
bottom?: ResponsiveValue<string | number>;
|
|
33
|
-
left?: ResponsiveValue<string | number>;
|
|
34
|
-
overflow?: ResponsiveValue<string>;
|
|
35
|
-
overflowX?: ResponsiveValue<string>;
|
|
36
|
-
overflowY?: ResponsiveValue<string>;
|
|
37
|
-
flexBasis?: ResponsiveValue<string>;
|
|
38
|
-
flexGrow?: ResponsiveValue<string | number>;
|
|
39
|
-
flexShrink?: ResponsiveValue<string | number>;
|
|
40
|
-
gridArea?: ResponsiveValue<string>;
|
|
41
|
-
gridColumn?: ResponsiveValue<string>;
|
|
42
|
-
gridColumnStart?: ResponsiveValue<string>;
|
|
43
|
-
gridColumnEnd?: ResponsiveValue<string>;
|
|
44
|
-
gridRow?: ResponsiveValue<string>;
|
|
45
|
-
gridRowStart?: ResponsiveValue<string>;
|
|
46
|
-
gridRowEnd?: ResponsiveValue<string>;
|
|
47
|
-
children?: unknown;
|
|
48
|
-
};
|
|
49
|
-
type BoxOwnProps = BoxLayoutOwnProps & {
|
|
50
|
-
as?: "div" | "span";
|
|
51
|
-
};
|
|
52
|
-
type BoxDivProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref"> & BoxOwnProps & {
|
|
53
|
-
as?: "div";
|
|
54
|
-
asChild?: false;
|
|
55
|
-
ref?: Ref<HTMLDivElement>;
|
|
56
|
-
};
|
|
57
|
-
type BoxSpanProps = Omit<JSX.IntrinsicElements["span"], "children" | "ref"> & BoxOwnProps & {
|
|
58
|
-
as: "span";
|
|
59
|
-
asChild?: false;
|
|
60
|
-
ref?: Ref<HTMLSpanElement>;
|
|
61
|
-
};
|
|
62
|
-
type BoxAsChildProps = Omit<BoxOwnProps, "as"> & {
|
|
63
|
-
asChild: true;
|
|
64
|
-
children: JSXElement;
|
|
65
|
-
ref?: Ref<unknown>;
|
|
66
|
-
style?: JSX.IntrinsicElements["div"]["style"];
|
|
67
|
-
};
|
|
68
|
-
type BoxProps = BoxDivProps | BoxSpanProps | BoxAsChildProps;
|
|
69
|
-
//#endregion
|
|
70
|
-
export { BoxAsChildProps, BoxDivProps, BoxLayoutOwnProps, BoxOwnProps, BoxProps, BoxSpanProps, LayoutResponsive };
|
|
71
|
-
//# sourceMappingURL=box.types.d.ts.map
|
package/dist/box/index.d.ts
DELETED
|
@@ -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 +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;EACpB,CAAC;AAEF,KAAI,QACF,QAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;AAG7D,QAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;EAAe,CAAA;;AAK9C,SAAgB,eAAe,OAAyD;CACtF,MAAM,EAAE,SAAS,UAAU,KAAK,GAAG,SAAS;CAC5C,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,wBAAwB;EACzB,CAAC;AAEF,KAAI,QACF,QAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;AAG7D,QAAO,oBAAC,MAAD;EAAI,GAAI;EAAa;EAAc,CAAA;;AAK5C,SAAgB,eAAe,OAAyD;CACtF,MAAM,EAAE,SAAS,UAAU,KAAK,GAAG,SAAS;CAC5C,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,wBAAwB;EACzB,CAAC;AAEF,KAAI,QACF,QAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;AAG7D,QAAO,oBAAC,MAAD;EAAI,GAAI;EAAa;EAAc,CAAA;;AAK5C,SAAgB,eAAe,OAAyD;CACtF,MAAM,EAAE,SAAS,UAAU,KAAK,GAAG,SAAS;CAC5C,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,wBAAwB;EACzB,CAAC;AAEF,KAAI,QACF,QAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;AAG7D,QAAO,oBAAC,KAAD;EAAG,GAAI;EAAa;EAAa,CAAA;;AAK1C,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;EAC5B,CAAC;AAEF,KAAI,QACF,QAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;AAG7D,QAAO,oBAAC,QAAD;EAAM,GAAI;EAAa;EAAgB,CAAA;;AAKhD,SAAgB,oBACd,OACA;CACA,MAAM,EAAE,SAAS,UAAU,KAAK,GAAG,SAAS;CAC5C,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,eAAe;EACf,aAAa;EACb,6BAA6B;EAC9B,CAAC;AAEF,KAAI,QACF,QAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAY,UAAU,YAAY;EAAO,CAAA;AAGpE,QAAO,oBAAC,QAAD;EAAM,GAAI;YAAa,YAAY;EAAW,CAAA"}
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { JSXElement, Ref } from "@askrjs/askr/foundations";
|
|
2
|
-
|
|
3
|
-
//#region src/components/breadcrumb/breadcrumb.types.d.ts
|
|
4
|
-
type BreadcrumbOwnProps = {
|
|
5
|
-
children?: unknown;
|
|
6
|
-
"aria-label"?: string;
|
|
7
|
-
};
|
|
8
|
-
type BreadcrumbProps = Omit<JSX.IntrinsicElements["nav"], "children" | "ref"> & BreadcrumbOwnProps & {
|
|
9
|
-
asChild?: false;
|
|
10
|
-
ref?: Ref<HTMLElement>;
|
|
11
|
-
};
|
|
12
|
-
type BreadcrumbAsChildProps = BreadcrumbOwnProps & {
|
|
13
|
-
asChild: true;
|
|
14
|
-
children: JSXElement;
|
|
15
|
-
ref?: Ref<unknown>;
|
|
16
|
-
};
|
|
17
|
-
type BreadcrumbListProps = Omit<JSX.IntrinsicElements["ol"], "children" | "ref"> & {
|
|
18
|
-
asChild?: false;
|
|
19
|
-
ref?: Ref<HTMLOListElement>;
|
|
20
|
-
};
|
|
21
|
-
type BreadcrumbListAsChildProps = {
|
|
22
|
-
asChild: true;
|
|
23
|
-
children: JSXElement;
|
|
24
|
-
ref?: Ref<unknown>;
|
|
25
|
-
};
|
|
26
|
-
type BreadcrumbItemProps = Omit<JSX.IntrinsicElements["li"], "children" | "ref"> & {
|
|
27
|
-
asChild?: false;
|
|
28
|
-
ref?: Ref<HTMLLIElement>;
|
|
29
|
-
};
|
|
30
|
-
type BreadcrumbItemAsChildProps = {
|
|
31
|
-
asChild: true;
|
|
32
|
-
children: JSXElement;
|
|
33
|
-
ref?: Ref<unknown>;
|
|
34
|
-
};
|
|
35
|
-
type BreadcrumbLinkProps = Omit<JSX.IntrinsicElements["a"], "children" | "ref"> & {
|
|
36
|
-
asChild?: false;
|
|
37
|
-
ref?: Ref<HTMLAnchorElement>;
|
|
38
|
-
};
|
|
39
|
-
type BreadcrumbLinkAsChildProps = {
|
|
40
|
-
asChild: true;
|
|
41
|
-
children: JSXElement;
|
|
42
|
-
ref?: Ref<unknown>;
|
|
43
|
-
};
|
|
44
|
-
type BreadcrumbCurrentProps = Omit<JSX.IntrinsicElements["span"], "children" | "ref"> & {
|
|
45
|
-
asChild?: false;
|
|
46
|
-
ref?: Ref<HTMLSpanElement>;
|
|
47
|
-
};
|
|
48
|
-
type BreadcrumbCurrentAsChildProps = {
|
|
49
|
-
asChild: true;
|
|
50
|
-
children: JSXElement;
|
|
51
|
-
ref?: Ref<unknown>;
|
|
52
|
-
};
|
|
53
|
-
type BreadcrumbSeparatorProps = Omit<JSX.IntrinsicElements["span"], "children" | "ref"> & {
|
|
54
|
-
asChild?: false;
|
|
55
|
-
ref?: Ref<HTMLSpanElement>;
|
|
56
|
-
};
|
|
57
|
-
type BreadcrumbSeparatorAsChildProps = {
|
|
58
|
-
asChild: true;
|
|
59
|
-
children: JSXElement;
|
|
60
|
-
ref?: Ref<unknown>;
|
|
61
|
-
};
|
|
62
|
-
//#endregion
|
|
63
|
-
export { BreadcrumbAsChildProps, BreadcrumbCurrentAsChildProps, BreadcrumbCurrentProps, BreadcrumbItemAsChildProps, BreadcrumbItemProps, BreadcrumbLinkAsChildProps, BreadcrumbLinkProps, BreadcrumbListAsChildProps, BreadcrumbListProps, BreadcrumbOwnProps, BreadcrumbProps, BreadcrumbSeparatorAsChildProps, BreadcrumbSeparatorProps };
|
|
64
|
-
//# sourceMappingURL=breadcrumb.types.d.ts.map
|
|
@@ -1,2 +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";
|
package/dist/card/card.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardTitleProps } from "./card.types.js";
|
|
2
|
-
|
|
3
|
-
//#region src/components/card/card.d.ts
|
|
4
|
-
declare function Card(props: CardProps): JSX.Element;
|
|
5
|
-
declare function CardHeader(props: CardHeaderProps): JSX.Element;
|
|
6
|
-
declare function CardTitle(props: CardTitleProps): JSX.Element;
|
|
7
|
-
declare function CardDescription(props: CardDescriptionProps): JSX.Element;
|
|
8
|
-
declare function CardContent(props: CardContentProps): JSX.Element;
|
|
9
|
-
declare function CardFooter(props: CardFooterProps): JSX.Element;
|
|
10
|
-
//#endregion
|
|
11
|
-
export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
|
|
12
|
-
//# sourceMappingURL=card.d.ts.map
|
package/dist/card/card.js
DELETED
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { jsx } from "@askrjs/askr/jsx-runtime";
|
|
2
|
-
//#region src/components/card/card.tsx
|
|
3
|
-
function normalizePadding(padding) {
|
|
4
|
-
return padding && padding !== "md" ? padding : void 0;
|
|
5
|
-
}
|
|
6
|
-
function normalizeVariant(variant) {
|
|
7
|
-
return variant && variant !== "default" ? variant : void 0;
|
|
8
|
-
}
|
|
9
|
-
function Card(props) {
|
|
10
|
-
const { children, variant, padding = "md", ref, ...rest } = props;
|
|
11
|
-
return /* @__PURE__ */ jsx("div", {
|
|
12
|
-
...rest,
|
|
13
|
-
ref,
|
|
14
|
-
"data-slot": "card",
|
|
15
|
-
"data-variant": normalizeVariant(variant),
|
|
16
|
-
"data-padding": normalizePadding(padding),
|
|
17
|
-
children
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
function CardHeader(props) {
|
|
21
|
-
const { children, ref, ...rest } = props;
|
|
22
|
-
return /* @__PURE__ */ jsx("div", {
|
|
23
|
-
...rest,
|
|
24
|
-
ref,
|
|
25
|
-
"data-slot": "card-header",
|
|
26
|
-
children
|
|
27
|
-
});
|
|
28
|
-
}
|
|
29
|
-
function CardTitle(props) {
|
|
30
|
-
const { children, ref, ...rest } = props;
|
|
31
|
-
return /* @__PURE__ */ jsx("h3", {
|
|
32
|
-
...rest,
|
|
33
|
-
ref,
|
|
34
|
-
"data-slot": "card-title",
|
|
35
|
-
children
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
function CardDescription(props) {
|
|
39
|
-
const { children, ref, ...rest } = props;
|
|
40
|
-
return /* @__PURE__ */ jsx("p", {
|
|
41
|
-
...rest,
|
|
42
|
-
ref,
|
|
43
|
-
"data-slot": "card-description",
|
|
44
|
-
children
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
function CardContent(props) {
|
|
48
|
-
const { children, ref, ...rest } = props;
|
|
49
|
-
return /* @__PURE__ */ jsx("div", {
|
|
50
|
-
...rest,
|
|
51
|
-
ref,
|
|
52
|
-
"data-slot": "card-content",
|
|
53
|
-
children
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
|
-
function CardFooter(props) {
|
|
57
|
-
const { children, ref, ...rest } = props;
|
|
58
|
-
return /* @__PURE__ */ jsx("div", {
|
|
59
|
-
...rest,
|
|
60
|
-
ref,
|
|
61
|
-
"data-slot": "card-footer",
|
|
62
|
-
children
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
//#endregion
|
|
66
|
-
export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
|
|
67
|
-
|
|
68
|
-
//# sourceMappingURL=card.js.map
|
package/dist/card/card.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","names":[],"sources":["../../src/components/card/card.tsx"],"sourcesContent":["import type {\n CardContentProps,\n CardDescriptionProps,\n CardFooterProps,\n CardHeaderProps,\n CardPadding,\n CardProps,\n CardTitleProps,\n CardVariant,\n} from \"./card.types\";\n\nfunction normalizePadding(padding: CardPadding | undefined) {\n return padding && padding !== \"md\" ? padding : undefined;\n}\n\nfunction normalizeVariant(variant: CardVariant | undefined) {\n return variant && variant !== \"default\" ? variant : undefined;\n}\n\nexport function Card(props: CardProps): JSX.Element {\n const { children, variant, padding = \"md\", ref, ...rest } = props;\n\n return (\n <div\n {...rest}\n ref={ref}\n data-slot=\"card\"\n data-variant={normalizeVariant(variant)}\n data-padding={normalizePadding(padding)}\n >\n {children}\n </div>\n );\n}\n\nexport function CardHeader(props: CardHeaderProps): JSX.Element {\n const { children, ref, ...rest } = props;\n return (\n <div {...rest} ref={ref} data-slot=\"card-header\">\n {children}\n </div>\n );\n}\n\nexport function CardTitle(props: CardTitleProps): JSX.Element {\n const { children, ref, ...rest } = props;\n return (\n <h3 {...rest} ref={ref} data-slot=\"card-title\">\n {children}\n </h3>\n );\n}\n\nexport function CardDescription(props: CardDescriptionProps): JSX.Element {\n const { children, ref, ...rest } = props;\n return (\n <p {...rest} ref={ref} data-slot=\"card-description\">\n {children}\n </p>\n );\n}\n\nexport function CardContent(props: CardContentProps): JSX.Element {\n const { children, ref, ...rest } = props;\n return (\n <div {...rest} ref={ref} data-slot=\"card-content\">\n {children}\n </div>\n );\n}\n\nexport function CardFooter(props: CardFooterProps): JSX.Element {\n const { children, ref, ...rest } = props;\n return (\n <div {...rest} ref={ref} data-slot=\"card-footer\">\n {children}\n </div>\n );\n}\n"],"mappings":";;AAWA,SAAS,iBAAiB,SAAkC;AAC1D,QAAO,WAAW,YAAY,OAAO,UAAU,KAAA;;AAGjD,SAAS,iBAAiB,SAAkC;AAC1D,QAAO,WAAW,YAAY,YAAY,UAAU,KAAA;;AAGtD,SAAgB,KAAK,OAA+B;CAClD,MAAM,EAAE,UAAU,SAAS,UAAU,MAAM,KAAK,GAAG,SAAS;AAE5D,QACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,aAAU;EACV,gBAAc,iBAAiB,QAAQ;EACvC,gBAAc,iBAAiB,QAAQ;EAEtC;EACG,CAAA;;AAIV,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,KAAK,GAAG,SAAS;AACnC,QACE,oBAAC,OAAD;EAAK,GAAI;EAAW;EAAK,aAAU;EAChC;EACG,CAAA;;AAIV,SAAgB,UAAU,OAAoC;CAC5D,MAAM,EAAE,UAAU,KAAK,GAAG,SAAS;AACnC,QACE,oBAAC,MAAD;EAAI,GAAI;EAAW;EAAK,aAAU;EAC/B;EACE,CAAA;;AAIT,SAAgB,gBAAgB,OAA0C;CACxE,MAAM,EAAE,UAAU,KAAK,GAAG,SAAS;AACnC,QACE,oBAAC,KAAD;EAAG,GAAI;EAAW;EAAK,aAAU;EAC9B;EACC,CAAA;;AAIR,SAAgB,YAAY,OAAsC;CAChE,MAAM,EAAE,UAAU,KAAK,GAAG,SAAS;AACnC,QACE,oBAAC,OAAD;EAAK,GAAI;EAAW;EAAK,aAAU;EAChC;EACG,CAAA;;AAIV,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,KAAK,GAAG,SAAS;AACnC,QACE,oBAAC,OAAD;EAAK,GAAI;EAAW;EAAK,aAAU;EAChC;EACG,CAAA"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { Ref } from "@askrjs/askr/foundations";
|
|
2
|
-
|
|
3
|
-
//#region src/components/card/card.types.d.ts
|
|
4
|
-
type CardVariant = "default" | "raised";
|
|
5
|
-
type CardPadding = "sm" | "md" | "lg";
|
|
6
|
-
type DivProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref">;
|
|
7
|
-
type HeadingProps = Omit<JSX.IntrinsicElements["h3"], "children" | "ref">;
|
|
8
|
-
type ParagraphProps = Omit<JSX.IntrinsicElements["p"], "children" | "ref">;
|
|
9
|
-
type CardProps = DivProps & {
|
|
10
|
-
children?: unknown;
|
|
11
|
-
variant?: CardVariant;
|
|
12
|
-
padding?: CardPadding;
|
|
13
|
-
ref?: Ref<HTMLDivElement>;
|
|
14
|
-
};
|
|
15
|
-
type CardHeaderProps = DivProps & {
|
|
16
|
-
children?: unknown;
|
|
17
|
-
ref?: Ref<HTMLDivElement>;
|
|
18
|
-
};
|
|
19
|
-
type CardContentProps = DivProps & {
|
|
20
|
-
children?: unknown;
|
|
21
|
-
ref?: Ref<HTMLDivElement>;
|
|
22
|
-
};
|
|
23
|
-
type CardFooterProps = DivProps & {
|
|
24
|
-
children?: unknown;
|
|
25
|
-
ref?: Ref<HTMLDivElement>;
|
|
26
|
-
};
|
|
27
|
-
type CardTitleProps = HeadingProps & {
|
|
28
|
-
children?: unknown;
|
|
29
|
-
ref?: Ref<HTMLHeadingElement>;
|
|
30
|
-
};
|
|
31
|
-
type CardDescriptionProps = ParagraphProps & {
|
|
32
|
-
children?: unknown;
|
|
33
|
-
ref?: Ref<HTMLParagraphElement>;
|
|
34
|
-
};
|
|
35
|
-
//#endregion
|
|
36
|
-
export { CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardPadding, CardProps, CardTitleProps, CardVariant };
|
|
37
|
-
//# sourceMappingURL=card.types.d.ts.map
|
package/dist/card/index.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { BoxLayoutOwnProps } from "../box/box.types";
|
|
2
|
-
export declare function splitBoxLayoutProps<T extends Record<string, unknown>>(props: T): {
|
|
3
|
-
boxProps: Partial<BoxLayoutOwnProps>;
|
|
4
|
-
rest: Omit<T, keyof BoxLayoutOwnProps>;
|
|
5
|
-
};
|
|
6
|
-
export declare function applyBoxLayoutStyles(styles: Record<string, string | number>, boxProps: Partial<BoxLayoutOwnProps>): void;
|
|
7
|
-
export declare function withBoxLayoutStyle(styles: Record<string, string | number>, userStyle: unknown): string | undefined;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function classes(...values: Array<unknown>): string | undefined;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { JSXElement } from "@askrjs/askr/foundations";
|
|
2
|
-
export declare function isJsxElement(value: unknown): value is JSXElement;
|
|
3
|
-
export declare function hasJsxIntrinsicType(value: unknown, expectedType: string): value is JSXElement;
|
|
4
|
-
export declare function toChildArray(children: unknown): unknown[];
|
|
5
|
-
export declare function mapJsxTree(children: unknown, mapper: (element: JSXElement) => unknown): unknown;
|
|
6
|
-
export declare function collectJsxElements(children: unknown, predicate?: (element: JSXElement) => boolean): JSXElement[];
|
|
7
|
-
export declare function extractTextContent(value: unknown): string;
|
|
8
|
-
export declare function serializeForId(value: unknown): string;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function mergeProps<TBase extends object, TInjected extends object>(base: TBase, injected: TInjected): TInjected & TBase;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function mergeCssVar(style: unknown, name: string, value: string): string;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
export declare const GRID_A11Y_CONTRACT: {
|
|
2
|
-
readonly DATA_ATTRIBUTES: {
|
|
3
|
-
readonly slot: "data-slot";
|
|
4
|
-
readonly layout: "data-ak-layout";
|
|
5
|
-
readonly areas: "data-areas";
|
|
6
|
-
readonly columns: "data-columns";
|
|
7
|
-
readonly rows: "data-rows";
|
|
8
|
-
readonly flow: "data-flow";
|
|
9
|
-
readonly minItemWidth: "data-min-item-width";
|
|
10
|
-
readonly gap: "data-gap";
|
|
11
|
-
readonly gapX: "data-gap-x";
|
|
12
|
-
readonly gapY: "data-gap-y";
|
|
13
|
-
readonly autoFit: "data-auto-fit";
|
|
14
|
-
readonly align: "data-align";
|
|
15
|
-
readonly justify: "data-justify";
|
|
16
|
-
};
|
|
17
|
-
readonly SLOT_VALUES: {
|
|
18
|
-
readonly root: "grid";
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
export type GridA11yContract = typeof GRID_A11Y_CONTRACT;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import type { GridAsChildProps, GridDivProps, GridSpanProps } from "./grid.types";
|
|
2
|
-
export declare function Grid(props: GridDivProps): JSX.Element;
|
|
3
|
-
export declare function Grid(props: GridSpanProps): JSX.Element;
|
|
4
|
-
export declare function Grid(props: GridAsChildProps): JSX.Element;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import type { JSXElement, Ref } from "@askrjs/askr/foundations";
|
|
2
|
-
import type { BoxLayoutOwnProps, LayoutResponsive } from "../box/box.types";
|
|
3
|
-
export type GridOwnProps = BoxLayoutOwnProps & {
|
|
4
|
-
areas?: LayoutResponsive<string>;
|
|
5
|
-
columns?: LayoutResponsive<number | string>;
|
|
6
|
-
rows?: LayoutResponsive<number | string>;
|
|
7
|
-
flow?: LayoutResponsive<string>;
|
|
8
|
-
gap?: LayoutResponsive<string | number>;
|
|
9
|
-
gapX?: LayoutResponsive<string | number>;
|
|
10
|
-
gapY?: LayoutResponsive<string | number>;
|
|
11
|
-
align?: LayoutResponsive<string>;
|
|
12
|
-
justify?: LayoutResponsive<string>;
|
|
13
|
-
/** Compatibility helper for auto-fit grids. */
|
|
14
|
-
minItemWidth?: string;
|
|
15
|
-
/** Compatibility helper for auto-fit grids. */
|
|
16
|
-
autoFit?: boolean;
|
|
17
|
-
as?: "div" | "span";
|
|
18
|
-
children?: unknown;
|
|
19
|
-
};
|
|
20
|
-
export type GridNativeProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref"> & GridOwnProps & {
|
|
21
|
-
as?: "div";
|
|
22
|
-
asChild?: false;
|
|
23
|
-
ref?: Ref<HTMLDivElement>;
|
|
24
|
-
};
|
|
25
|
-
export type GridSpanProps = Omit<JSX.IntrinsicElements["span"], "children" | "ref"> & GridOwnProps & {
|
|
26
|
-
as: "span";
|
|
27
|
-
asChild?: false;
|
|
28
|
-
ref?: Ref<HTMLSpanElement>;
|
|
29
|
-
};
|
|
30
|
-
export type GridAsChildProps = Omit<GridOwnProps, "as"> & {
|
|
31
|
-
asChild: true;
|
|
32
|
-
children: JSXElement;
|
|
33
|
-
ref?: Ref<unknown>;
|
|
34
|
-
style?: JSX.IntrinsicElements["div"]["style"];
|
|
35
|
-
};
|
|
36
|
-
export type GridDivProps = GridNativeProps;
|
|
37
|
-
export type GridProps = GridDivProps | GridSpanProps | GridAsChildProps;
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import "../themes/default/index.css";
|
|
2
|
-
export { Button } from "@askrjs/ui";
|
|
3
|
-
export type { ButtonAsChildProps, ButtonNativeProps, ButtonOwnProps, ButtonProps, } from "@askrjs/ui";
|
|
4
|
-
export { DEFAULT_THEME_OPTIONS, ThemePicker, ThemeProvider, ThemeToggle, useTheme } from "./theme";
|
|
5
|
-
export type { ThemeContextValue, ThemeName, ThemeOption, ThemePickerProps, ThemeProviderProps, ThemeToggleProps, ThemeToggleRenderContext, } from "./theme";
|
|
6
|
-
export { Badge } from "./badge";
|
|
7
|
-
export type { BadgeProps } from "./badge";
|
|
8
|
-
export { AccessibleIcon } from "./accessible-icon";
|
|
9
|
-
export type { AccessibleIconProps } from "./accessible-icon";
|
|
10
|
-
export { AspectRatio } from "./aspect-ratio";
|
|
11
|
-
export type { AspectRatioAsChildProps, AspectRatioProps } from "./aspect-ratio";
|
|
12
|
-
export { Box } from "./box";
|
|
13
|
-
export type { BoxProps } from "./box";
|
|
14
|
-
export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card";
|
|
15
|
-
export type { CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardTitleProps, } from "./card";
|
|
16
|
-
export { Container } from "./container";
|
|
17
|
-
export type { ContainerProps, ContainerVariant } from "./container";
|
|
18
|
-
export { Flex } from "./flex";
|
|
19
|
-
export type { FlexProps } from "./flex";
|
|
20
|
-
export { Grid } from "./grid";
|
|
21
|
-
export type { GridProps } from "./grid";
|
|
22
|
-
export { Inline } from "./inline";
|
|
23
|
-
export type { InlineProps } from "./inline";
|
|
24
|
-
export { GitHubLogo, GoogleLogo, MicrosoftLogo } from "./logos";
|
|
25
|
-
export type { LogoProps } from "./logos";
|
|
26
|
-
export { Section } from "./section";
|
|
27
|
-
export type { SectionProps } from "./section";
|
|
28
|
-
export { Divider, Separator } from "./separator";
|
|
29
|
-
export type { DividerProps, SeparatorProps } from "./separator";
|
|
30
|
-
export { Skeleton } from "./skeleton";
|
|
31
|
-
export type { SkeletonProps } from "./skeleton";
|
|
32
|
-
export { Spacer } from "./spacer";
|
|
33
|
-
export type { SpacerProps } from "./spacer";
|
|
34
|
-
export { Stack } from "./stack";
|
|
35
|
-
export type { StackProps } from "./stack";
|
|
36
|
-
export { Breadcrumb, BreadcrumbCurrent, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator, } from "./breadcrumb";
|
|
37
|
-
export type { BreadcrumbAsChildProps, BreadcrumbCurrentAsChildProps, BreadcrumbCurrentProps, BreadcrumbItemAsChildProps, BreadcrumbItemProps, BreadcrumbLinkAsChildProps, BreadcrumbLinkProps, BreadcrumbListAsChildProps, BreadcrumbListProps, BreadcrumbOwnProps, BreadcrumbProps, BreadcrumbSeparatorAsChildProps, BreadcrumbSeparatorProps, } from "./breadcrumb";
|
|
38
|
-
export { Spinner } from "./spinner";
|
|
39
|
-
export type { SpinnerOwnProps, SpinnerProps } from "./spinner";
|
|
40
|
-
export { EmptyState } from "./empty-state";
|
|
41
|
-
export type { EmptyStateHeadingTag, EmptyStateProps } from "./empty-state";
|
|
42
|
-
export { Header } from "./header";
|
|
43
|
-
export type { HeaderPosition, HeaderProps } from "./header";
|
|
44
|
-
export { NavBrand, Navbar, NavGroup, NavItem, NavLink } from "./navbar";
|
|
45
|
-
export type { NavBrandProps, NavbarProps, NavGroupProps, NavItemAsChildProps, NavItemProps, NavItemVariant, NavLinkProps, } from "./navbar";
|
|
46
|
-
export { SidebarLayout } from "./sidebar-layout";
|
|
47
|
-
export type { SidebarLayoutProps, SidebarPosition } from "./sidebar-layout";
|
|
48
|
-
export { TopbarLayout } from "./topbar-layout";
|
|
49
|
-
export type { TopbarLayoutProps } from "./topbar-layout";
|
package/dist/components/index.js
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/* empty css */
|
|
2
|
-
import { DEFAULT_THEME_OPTIONS, ThemePicker, ThemeProvider, ThemeToggle, useTheme } from "../theme/theme.js";
|
|
3
|
-
import { Badge } from "../badge/badge.js";
|
|
4
|
-
import { AccessibleIcon } from "../accessible-icon/accessible-icon.js";
|
|
5
|
-
import { AspectRatio } from "../aspect-ratio/aspect-ratio.js";
|
|
6
|
-
import { Box } from "../box/box.js";
|
|
7
|
-
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../card/card.js";
|
|
8
|
-
import { Container } from "../container/container.js";
|
|
9
|
-
import { Flex } from "../flex/flex.js";
|
|
10
|
-
import { Grid } from "../grid/grid.js";
|
|
11
|
-
import { Inline } from "../inline/index.js";
|
|
12
|
-
import { GitHubLogo } from "../logos/github-logo.js";
|
|
13
|
-
import { GoogleLogo } from "../logos/google-logo.js";
|
|
14
|
-
import { MicrosoftLogo } from "../logos/microsoft-logo.js";
|
|
15
|
-
import { Section } from "../section/section.js";
|
|
16
|
-
import { Separator } from "../separator/separator.js";
|
|
17
|
-
import { Skeleton } from "../skeleton/skeleton.js";
|
|
18
|
-
import { Spacer } from "../spacer/spacer.js";
|
|
19
|
-
import { Stack } from "../stack/stack.js";
|
|
20
|
-
import { Breadcrumb, BreadcrumbCurrent, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator } from "../breadcrumb/breadcrumb.js";
|
|
21
|
-
import { Spinner } from "../spinner/spinner.js";
|
|
22
|
-
import { EmptyState } from "../empty-state/empty-state.js";
|
|
23
|
-
import { Header } from "../header/header.js";
|
|
24
|
-
import { NavBrand, NavGroup, NavItem, NavLink, Navbar } from "../navbar/navbar.js";
|
|
25
|
-
import { SidebarLayout } from "../sidebar-layout/sidebar-layout.js";
|
|
26
|
-
import { TopbarLayout } from "../topbar-layout/topbar-layout.js";
|
|
27
|
-
import { Button } from "@askrjs/ui";
|
|
28
|
-
export { AccessibleIcon, AspectRatio, Badge, Box, Breadcrumb, BreadcrumbCurrent, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Container, DEFAULT_THEME_OPTIONS, Separator as Divider, EmptyState, Flex, GitHubLogo, GoogleLogo, Grid, Header, Inline, MicrosoftLogo, NavBrand, NavGroup, NavItem, NavLink, Navbar, Section, Separator, SidebarLayout, Skeleton, Spacer, Spinner, Stack, ThemePicker, ThemeProvider, ThemeToggle, TopbarLayout, useTheme };
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { LogoNode, LogoProps } from "./types";
|
|
2
|
-
export declare function createLogo(displayName: string, viewBox: string, logoNode: LogoNode): {
|
|
3
|
-
({ size, title, class: className, style, ref, ...rest }: LogoProps): import("@askrjs/askr/foundations").JSXElement;
|
|
4
|
-
displayName: string;
|
|
5
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
export type IconSizeToken = "sm" | "md" | "lg" | "xl";
|
|
2
|
-
export type LogoStyleObject = Record<string, unknown>;
|
|
3
|
-
export type LogoOwnProps = {
|
|
4
|
-
size?: number | string;
|
|
5
|
-
title?: string;
|
|
6
|
-
class?: string;
|
|
7
|
-
style?: string | LogoStyleObject;
|
|
8
|
-
iconName?: string;
|
|
9
|
-
};
|
|
10
|
-
export type LogoProps = Omit<JSX.IntrinsicElements["svg"], "children" | "class" | "height" | "ref" | "role" | "stroke" | "style" | "title" | "width"> & LogoOwnProps & {
|
|
11
|
-
children?: unknown;
|
|
12
|
-
ref?: unknown;
|
|
13
|
-
};
|
|
14
|
-
export type LogoNode = ReadonlyArray<readonly [tag: string, attrs: Readonly<Record<string, string>>]>;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export declare const SIDEBAR_LAYOUT_A11Y_CONTRACT: {
|
|
2
|
-
readonly DATA_ATTRIBUTES: {
|
|
3
|
-
readonly slot: "data-slot";
|
|
4
|
-
readonly sidebarPosition: "data-sidebar-position";
|
|
5
|
-
readonly sidebarWidth: "data-sidebar-width";
|
|
6
|
-
readonly gap: "data-gap";
|
|
7
|
-
readonly collapseBelow: "data-collapse-below";
|
|
8
|
-
};
|
|
9
|
-
readonly SLOT_VALUES: {
|
|
10
|
-
readonly root: "sidebar-layout";
|
|
11
|
-
readonly sidebar: "sidebar";
|
|
12
|
-
readonly main: "main";
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
export type SidebarLayoutA11yContract = typeof SIDEBAR_LAYOUT_A11Y_CONTRACT;
|