@mage-ui/preset 1.0.50 → 1.0.52
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/dist/breakpoints.mjs +1 -1
- package/dist/breakpoints.mjs.map +1 -1
- package/dist/conditions/media-queries.mjs +1 -1
- package/dist/conditions/media-queries.mjs.map +1 -1
- package/dist/recipes/layouts/card/card-root.mjs +1 -1
- package/dist/recipes/layouts/card/card-root.mjs.map +1 -1
- package/dist/recipes/layouts/card/card.mjs +1 -1
- package/dist/recipes/layouts/card/card.mjs.map +1 -1
- package/dist/recipes/layouts/grid/grid-column.mjs +1 -1
- package/dist/recipes/layouts/grid/grid-column.mjs.map +1 -1
- package/dist/recipes/layouts/grid/grid-row.mjs +1 -1
- package/dist/recipes/layouts/grid/grid-row.mjs.map +1 -1
- package/dist/recipes/navigations/breadcrumbs/breadcrumbs-bar-button-back.mjs +2 -0
- package/dist/recipes/navigations/breadcrumbs/breadcrumbs-bar-button-back.mjs.map +1 -0
- package/dist/recipes/navigations/breadcrumbs/breadcrumbs-bar-divider.mjs +2 -0
- package/dist/recipes/navigations/breadcrumbs/breadcrumbs-bar-divider.mjs.map +1 -0
- package/dist/recipes/navigations/breadcrumbs/breadcrumbs-bar-root.mjs +2 -0
- package/dist/recipes/navigations/breadcrumbs/breadcrumbs-bar-root.mjs.map +1 -0
- package/dist/recipes/navigations/breadcrumbs/breadcrumbs-bar-wrapper.mjs +2 -0
- package/dist/recipes/navigations/breadcrumbs/breadcrumbs-bar-wrapper.mjs.map +1 -0
- package/dist/recipes/navigations/breadcrumbs/breadcrumbs-bar.mjs +2 -0
- package/dist/recipes/navigations/breadcrumbs/breadcrumbs-bar.mjs.map +1 -0
- package/dist/recipes/navigations/breadcrumbs/index.mjs +1 -1
- package/dist/recipes/navigations/breadcrumbs/index.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-bottom-slot.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-bottom-slot.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group-title.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group-title.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item/sidebar-nav-item.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item/sidebar-nav-item.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-anchor.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-anchor.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-label.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-label.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-root.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-root.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-root.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-root.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item-link-anchor.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item-link-anchor.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-root.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-root.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-top-slot.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-top-slot.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`grid__row`,jsx:[`Grid.Row`],base:{display:`grid`,gridTemplateColumns:`repeat(12, minmax(0, 1fr))`,gridAutoRows:`auto`,gap:`300
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`grid__row`,jsx:[`Grid.Row`],base:{display:`grid`,gridTemplateColumns:`repeat(12, minmax(0, 1fr))`,gridAutoRows:`auto`,gap:`400`},variants:{gap:{50:{gap:`50`},100:{gap:`100`},200:{gap:`200`},300:{gap:`300`},400:{gap:`400`},500:{gap:`500`},600:{gap:`600`},700:{gap:`700`},800:{gap:`800`},900:{gap:`900`}},rowGap:{50:{rowGap:`50`},100:{rowGap:`100`},200:{rowGap:`200`},300:{rowGap:`300`},400:{rowGap:`400`},500:{rowGap:`500`},600:{rowGap:`600`},700:{rowGap:`700`},800:{rowGap:`800`},900:{rowGap:`900`}},colGap:{50:{columnGap:`50`},100:{columnGap:`100`},200:{columnGap:`200`},300:{columnGap:`300`},400:{columnGap:`400`},500:{columnGap:`500`},600:{columnGap:`600`},700:{columnGap:`700`},800:{columnGap:`800`},900:{columnGap:`900`}},gapSm:{50:{_smDown:{gap:`50`}},100:{_smDown:{gap:`100`}},200:{_smDown:{gap:`200`}},300:{_smDown:{gap:`300`}},400:{_smDown:{gap:`400`}},500:{_smDown:{gap:`500`}},600:{_smDown:{gap:`600`}},700:{_smDown:{gap:`700`}},800:{_smDown:{gap:`800`}},900:{_smDown:{gap:`900`}}},rowGapSm:{50:{_smDown:{rowGap:`50`}},100:{_smDown:{rowGap:`100`}},200:{_smDown:{rowGap:`200`}},300:{_smDown:{rowGap:`300`}},400:{_smDown:{rowGap:`400`}},500:{_smDown:{rowGap:`500`}},600:{_smDown:{rowGap:`600`}},700:{_smDown:{rowGap:`700`}},800:{_smDown:{rowGap:`800`}},900:{_smDown:{rowGap:`900`}}},colGapSm:{50:{_smDown:{columnGap:`50`}},100:{_smDown:{columnGap:`100`}},200:{_smDown:{columnGap:`200`}},300:{_smDown:{columnGap:`300`}},400:{_smDown:{columnGap:`400`}},500:{_smDown:{columnGap:`500`}},600:{_smDown:{columnGap:`600`}},700:{_smDown:{columnGap:`700`}},800:{_smDown:{columnGap:`800`}},900:{_smDown:{columnGap:`900`}}},gapMd:{50:{smToMd:{gap:`50`}},100:{smToMd:{gap:`100`}},200:{smToMd:{gap:`200`}},300:{smToMd:{gap:`300`}},400:{smToMd:{gap:`400`}},500:{smToMd:{gap:`500`}},600:{smToMd:{gap:`600`}},700:{smToMd:{gap:`700`}},800:{smToMd:{gap:`800`}},900:{smToMd:{gap:`900`}}},rowGapMd:{50:{smToMd:{rowGap:`50`}},100:{smToMd:{rowGap:`100`}},200:{smToMd:{rowGap:`200`}},300:{smToMd:{rowGap:`300`}},400:{smToMd:{rowGap:`400`}},500:{smToMd:{rowGap:`500`}},600:{smToMd:{rowGap:`600`}},700:{smToMd:{rowGap:`700`}},800:{smToMd:{rowGap:`800`}},900:{smToMd:{rowGap:`900`}}},colGapMd:{50:{smToMd:{columnGap:`50`}},100:{smToMd:{columnGap:`100`}},200:{smToMd:{columnGap:`200`}},300:{smToMd:{columnGap:`300`}},400:{smToMd:{columnGap:`400`}},500:{smToMd:{columnGap:`500`}},600:{smToMd:{columnGap:`600`}},700:{smToMd:{columnGap:`700`}},800:{smToMd:{columnGap:`800`}},900:{smToMd:{columnGap:`900`}}},gapLg:{50:{mdToLg:{gap:`50`}},100:{mdToLg:{gap:`100`}},200:{mdToLg:{gap:`200`}},300:{mdToLg:{gap:`300`}},400:{mdToLg:{gap:`400`}},500:{mdToLg:{gap:`500`}},600:{mdToLg:{gap:`600`}},700:{mdToLg:{gap:`700`}},800:{mdToLg:{gap:`800`}},900:{mdToLg:{gap:`900`}}},rowGapLg:{50:{mdToLg:{rowGap:`50`}},100:{mdToLg:{rowGap:`100`}},200:{mdToLg:{rowGap:`200`}},300:{mdToLg:{rowGap:`300`}},400:{mdToLg:{rowGap:`400`}},500:{mdToLg:{rowGap:`500`}},600:{mdToLg:{rowGap:`600`}},700:{mdToLg:{rowGap:`700`}},800:{mdToLg:{rowGap:`800`}},900:{mdToLg:{rowGap:`900`}}},colGapLg:{50:{mdToLg:{columnGap:`50`}},100:{mdToLg:{columnGap:`100`}},200:{mdToLg:{columnGap:`200`}},300:{mdToLg:{columnGap:`300`}},400:{mdToLg:{columnGap:`400`}},500:{mdToLg:{columnGap:`500`}},600:{mdToLg:{columnGap:`600`}},700:{mdToLg:{columnGap:`700`}},800:{mdToLg:{columnGap:`800`}},900:{mdToLg:{columnGap:`900`}}},gapXl:{50:{xl:{gap:`50`}},100:{xl:{gap:`100`}},200:{xl:{gap:`200`}},300:{xl:{gap:`300`}},400:{xl:{gap:`400`}},500:{xl:{gap:`500`}},600:{xl:{gap:`600`}},700:{xl:{gap:`700`}},800:{xl:{gap:`800`}},900:{xl:{gap:`900`}}},rowGapXl:{50:{xl:{rowGap:`50`}},100:{xl:{rowGap:`100`}},200:{xl:{rowGap:`200`}},300:{xl:{rowGap:`300`}},400:{xl:{rowGap:`400`}},500:{xl:{rowGap:`500`}},600:{xl:{rowGap:`600`}},700:{xl:{rowGap:`700`}},800:{xl:{rowGap:`800`}},900:{xl:{rowGap:`900`}}},colGapXl:{50:{xl:{columnGap:`50`}},100:{xl:{columnGap:`100`}},200:{xl:{columnGap:`200`}},300:{xl:{columnGap:`300`}},400:{xl:{columnGap:`400`}},500:{xl:{columnGap:`500`}},600:{xl:{columnGap:`600`}},700:{xl:{columnGap:`700`}},800:{xl:{columnGap:`800`}},900:{xl:{columnGap:`900`}}}}});export{t as gridRow};
|
|
2
2
|
//# sourceMappingURL=grid-row.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid-row.mjs","names":[],"sources":["../../../../src/recipes/layouts/grid/grid-row.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const gridRow = defineRecipe({\n className: 'grid__row',\n jsx: ['Grid.Row'],\n base: {\n display: 'grid',\n gridTemplateColumns: 'repeat(12, minmax(0, 1fr))',\n gridAutoRows: 'auto',\n gap: '300',\n tablet: {\n gap: '400',\n },\n },\n variants: {\n gap: {\n 50: {\n gap: '50',\n },\n 100: {\n gap: '100',\n },\n 200: {\n gap: '200',\n },\n 300: {\n gap: '300',\n },\n 400: {\n gap: '400',\n },\n 500: {\n gap: '500',\n },\n 600: {\n gap: '600',\n },\n 700: {\n gap: '700',\n },\n 800: {\n gap: '800',\n },\n 900: {\n gap: '900',\n },\n },\n rowGap: {\n 50: {\n rowGap: '50',\n },\n 100: {\n rowGap: '100',\n },\n 200: {\n rowGap: '200',\n },\n 300: {\n rowGap: '300',\n },\n 400: {\n rowGap: '400',\n },\n 500: {\n rowGap: '500',\n },\n 600: {\n rowGap: '600',\n },\n 700: {\n rowGap: '700',\n },\n 800: {\n rowGap: '800',\n },\n 900: {\n rowGap: '900',\n },\n },\n colGap: {\n 50: {\n columnGap: '50',\n },\n 100: {\n columnGap: '100',\n },\n 200: {\n columnGap: '200',\n },\n 300: {\n columnGap: '300',\n },\n 400: {\n columnGap: '400',\n },\n 500: {\n columnGap: '500',\n },\n 600: {\n columnGap: '600',\n },\n 700: {\n columnGap: '700',\n },\n 800: {\n columnGap: '800',\n },\n 900: {\n columnGap: '900',\n },\n },\n\n gapS: {\n 50: {\n _toTablet: { gap: '50' },\n },\n 100: {\n _toTablet: { gap: '100' },\n },\n 200: {\n _toTablet: { gap: '200' },\n },\n 300: {\n _toTablet: { gap: '300' },\n },\n 400: {\n _toTablet: { gap: '400' },\n },\n 500: {\n _toTablet: { gap: '500' },\n },\n 600: {\n _toTablet: { gap: '600' },\n },\n 700: {\n _toTablet: { gap: '700' },\n },\n 800: {\n _toTablet: { gap: '800' },\n },\n 900: {\n _toTablet: { gap: '900' },\n },\n },\n rowGapS: {\n 50: {\n _toTablet: { rowGap: '50' },\n },\n 100: {\n _toTablet: { rowGap: '100' },\n },\n 200: {\n _toTablet: { rowGap: '200' },\n },\n 300: {\n _toTablet: { rowGap: '300' },\n },\n 400: {\n _toTablet: { rowGap: '400' },\n },\n 500: {\n _toTablet: { rowGap: '500' },\n },\n 600: {\n _toTablet: { rowGap: '600' },\n },\n 700: {\n _toTablet: { rowGap: '700' },\n },\n 800: {\n _toTablet: { rowGap: '800' },\n },\n 900: {\n _toTablet: { rowGap: '900' },\n },\n },\n colGapS: {\n 50: {\n _toTablet: { columnGap: '50' },\n },\n 100: {\n _toTablet: { columnGap: '100' },\n },\n 200: {\n _toTablet: { columnGap: '200' },\n },\n 300: {\n _toTablet: { columnGap: '300' },\n },\n 400: {\n _toTablet: { columnGap: '400' },\n },\n 500: {\n _toTablet: { columnGap: '500' },\n },\n 600: {\n _toTablet: { columnGap: '600' },\n },\n 700: {\n _toTablet: { columnGap: '700' },\n },\n 800: {\n _toTablet: { columnGap: '800' },\n },\n 900: {\n _toTablet: { columnGap: '900' },\n },\n },\n\n gapM: {\n 50: {\n tabletToLaptop: { gap: '50' },\n },\n 100: {\n tabletToLaptop: { gap: '100' },\n },\n 200: {\n tabletToLaptop: { gap: '200' },\n },\n 300: {\n tabletToLaptop: { gap: '300' },\n },\n 400: {\n tabletToLaptop: { gap: '400' },\n },\n 500: {\n tabletToLaptop: { gap: '500' },\n },\n 600: {\n tabletToLaptop: { gap: '600' },\n },\n 700: {\n tabletToLaptop: { gap: '700' },\n },\n 800: {\n tabletToLaptop: { gap: '800' },\n },\n 900: {\n tabletToLaptop: { gap: '900' },\n },\n },\n rowGapM: {\n 50: {\n tabletToLaptop: { rowGap: '50' },\n },\n 100: {\n tabletToLaptop: { rowGap: '100' },\n },\n 200: {\n tabletToLaptop: { rowGap: '200' },\n },\n 300: {\n tabletToLaptop: { rowGap: '300' },\n },\n 400: {\n tabletToLaptop: { rowGap: '400' },\n },\n 500: {\n tabletToLaptop: { rowGap: '500' },\n },\n 600: {\n tabletToLaptop: { rowGap: '600' },\n },\n 700: {\n tabletToLaptop: { rowGap: '700' },\n },\n 800: {\n tabletToLaptop: { rowGap: '800' },\n },\n 900: {\n tabletToLaptop: { rowGap: '900' },\n },\n },\n colGapM: {\n 50: {\n tabletToLaptop: { columnGap: '50' },\n },\n 100: {\n tabletToLaptop: { columnGap: '100' },\n },\n 200: {\n tabletToLaptop: { columnGap: '200' },\n },\n 300: {\n tabletToLaptop: { columnGap: '300' },\n },\n 400: {\n tabletToLaptop: { columnGap: '400' },\n },\n 500: {\n tabletToLaptop: { columnGap: '500' },\n },\n 600: {\n tabletToLaptop: { columnGap: '600' },\n },\n 700: {\n tabletToLaptop: { columnGap: '700' },\n },\n 800: {\n tabletToLaptop: { columnGap: '800' },\n },\n 900: {\n tabletToLaptop: { columnGap: '900' },\n },\n },\n\n gapL: {\n 50: {\n laptop: { gap: '50' },\n },\n 100: {\n laptop: { gap: '100' },\n },\n 200: {\n laptop: { gap: '200' },\n },\n 300: {\n laptop: { gap: '300' },\n },\n 400: {\n laptop: { gap: '400' },\n },\n 500: {\n laptop: { gap: '500' },\n },\n 600: {\n laptop: { gap: '600' },\n },\n 700: {\n laptop: { gap: '700' },\n },\n 800: {\n laptop: { gap: '800' },\n },\n 900: {\n laptop: { gap: '900' },\n },\n },\n rowGapL: {\n 50: {\n laptop: { rowGap: '50' },\n },\n 100: {\n laptop: { rowGap: '100' },\n },\n 200: {\n laptop: { rowGap: '200' },\n },\n 300: {\n laptop: { rowGap: '300' },\n },\n 400: {\n laptop: { rowGap: '400' },\n },\n 500: {\n laptop: { rowGap: '500' },\n },\n 600: {\n laptop: { rowGap: '600' },\n },\n 700: {\n laptop: { rowGap: '700' },\n },\n 800: {\n laptop: { rowGap: '800' },\n },\n 900: {\n laptop: { rowGap: '900' },\n },\n },\n colGapL: {\n 50: {\n laptop: { columnGap: '50' },\n },\n 100: {\n laptop: { columnGap: '100' },\n },\n 200: {\n laptop: { columnGap: '200' },\n },\n 300: {\n laptop: { columnGap: '300' },\n },\n 400: {\n laptop: { columnGap: '400' },\n },\n 500: {\n laptop: { columnGap: '500' },\n },\n 600: {\n laptop: { columnGap: '600' },\n },\n 700: {\n laptop: { columnGap: '700' },\n },\n 800: {\n laptop: { columnGap: '800' },\n },\n 900: {\n laptop: { columnGap: '900' },\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"grid-row.mjs","names":[],"sources":["../../../../src/recipes/layouts/grid/grid-row.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const gridRow = defineRecipe({\n className: 'grid__row',\n jsx: ['Grid.Row'],\n base: {\n display: 'grid',\n gridTemplateColumns: 'repeat(12, minmax(0, 1fr))',\n gridAutoRows: 'auto',\n gap: '400',\n },\n variants: {\n gap: {\n 50: {\n gap: '50',\n },\n 100: {\n gap: '100',\n },\n 200: {\n gap: '200',\n },\n 300: {\n gap: '300',\n },\n 400: {\n gap: '400',\n },\n 500: {\n gap: '500',\n },\n 600: {\n gap: '600',\n },\n 700: {\n gap: '700',\n },\n 800: {\n gap: '800',\n },\n 900: {\n gap: '900',\n },\n },\n rowGap: {\n 50: {\n rowGap: '50',\n },\n 100: {\n rowGap: '100',\n },\n 200: {\n rowGap: '200',\n },\n 300: {\n rowGap: '300',\n },\n 400: {\n rowGap: '400',\n },\n 500: {\n rowGap: '500',\n },\n 600: {\n rowGap: '600',\n },\n 700: {\n rowGap: '700',\n },\n 800: {\n rowGap: '800',\n },\n 900: {\n rowGap: '900',\n },\n },\n colGap: {\n 50: {\n columnGap: '50',\n },\n 100: {\n columnGap: '100',\n },\n 200: {\n columnGap: '200',\n },\n 300: {\n columnGap: '300',\n },\n 400: {\n columnGap: '400',\n },\n 500: {\n columnGap: '500',\n },\n 600: {\n columnGap: '600',\n },\n 700: {\n columnGap: '700',\n },\n 800: {\n columnGap: '800',\n },\n 900: {\n columnGap: '900',\n },\n },\n\n gapSm: {\n 50: {\n _smDown: { gap: '50' },\n },\n 100: {\n _smDown: { gap: '100' },\n },\n 200: {\n _smDown: { gap: '200' },\n },\n 300: {\n _smDown: { gap: '300' },\n },\n 400: {\n _smDown: { gap: '400' },\n },\n 500: {\n _smDown: { gap: '500' },\n },\n 600: {\n _smDown: { gap: '600' },\n },\n 700: {\n _smDown: { gap: '700' },\n },\n 800: {\n _smDown: { gap: '800' },\n },\n 900: {\n _smDown: { gap: '900' },\n },\n },\n rowGapSm: {\n 50: {\n _smDown: { rowGap: '50' },\n },\n 100: {\n _smDown: { rowGap: '100' },\n },\n 200: {\n _smDown: { rowGap: '200' },\n },\n 300: {\n _smDown: { rowGap: '300' },\n },\n 400: {\n _smDown: { rowGap: '400' },\n },\n 500: {\n _smDown: { rowGap: '500' },\n },\n 600: {\n _smDown: { rowGap: '600' },\n },\n 700: {\n _smDown: { rowGap: '700' },\n },\n 800: {\n _smDown: { rowGap: '800' },\n },\n 900: {\n _smDown: { rowGap: '900' },\n },\n },\n colGapSm: {\n 50: {\n _smDown: { columnGap: '50' },\n },\n 100: {\n _smDown: { columnGap: '100' },\n },\n 200: {\n _smDown: { columnGap: '200' },\n },\n 300: {\n _smDown: { columnGap: '300' },\n },\n 400: {\n _smDown: { columnGap: '400' },\n },\n 500: {\n _smDown: { columnGap: '500' },\n },\n 600: {\n _smDown: { columnGap: '600' },\n },\n 700: {\n _smDown: { columnGap: '700' },\n },\n 800: {\n _smDown: { columnGap: '800' },\n },\n 900: {\n _smDown: { columnGap: '900' },\n },\n },\n\n gapMd: {\n 50: {\n smToMd: { gap: '50' },\n },\n 100: {\n smToMd: { gap: '100' },\n },\n 200: {\n smToMd: { gap: '200' },\n },\n 300: {\n smToMd: { gap: '300' },\n },\n 400: {\n smToMd: { gap: '400' },\n },\n 500: {\n smToMd: { gap: '500' },\n },\n 600: {\n smToMd: { gap: '600' },\n },\n 700: {\n smToMd: { gap: '700' },\n },\n 800: {\n smToMd: { gap: '800' },\n },\n 900: {\n smToMd: { gap: '900' },\n },\n },\n rowGapMd: {\n 50: {\n smToMd: { rowGap: '50' },\n },\n 100: {\n smToMd: { rowGap: '100' },\n },\n 200: {\n smToMd: { rowGap: '200' },\n },\n 300: {\n smToMd: { rowGap: '300' },\n },\n 400: {\n smToMd: { rowGap: '400' },\n },\n 500: {\n smToMd: { rowGap: '500' },\n },\n 600: {\n smToMd: { rowGap: '600' },\n },\n 700: {\n smToMd: { rowGap: '700' },\n },\n 800: {\n smToMd: { rowGap: '800' },\n },\n 900: {\n smToMd: { rowGap: '900' },\n },\n },\n colGapMd: {\n 50: {\n smToMd: { columnGap: '50' },\n },\n 100: {\n smToMd: { columnGap: '100' },\n },\n 200: {\n smToMd: { columnGap: '200' },\n },\n 300: {\n smToMd: { columnGap: '300' },\n },\n 400: {\n smToMd: { columnGap: '400' },\n },\n 500: {\n smToMd: { columnGap: '500' },\n },\n 600: {\n smToMd: { columnGap: '600' },\n },\n 700: {\n smToMd: { columnGap: '700' },\n },\n 800: {\n smToMd: { columnGap: '800' },\n },\n 900: {\n smToMd: { columnGap: '900' },\n },\n },\n\n gapLg: {\n 50: {\n mdToLg: { gap: '50' },\n },\n 100: {\n mdToLg: { gap: '100' },\n },\n 200: {\n mdToLg: { gap: '200' },\n },\n 300: {\n mdToLg: { gap: '300' },\n },\n 400: {\n mdToLg: { gap: '400' },\n },\n 500: {\n mdToLg: { gap: '500' },\n },\n 600: {\n mdToLg: { gap: '600' },\n },\n 700: {\n mdToLg: { gap: '700' },\n },\n 800: {\n mdToLg: { gap: '800' },\n },\n 900: {\n mdToLg: { gap: '900' },\n },\n },\n rowGapLg: {\n 50: {\n mdToLg: { rowGap: '50' },\n },\n 100: {\n mdToLg: { rowGap: '100' },\n },\n 200: {\n mdToLg: { rowGap: '200' },\n },\n 300: {\n mdToLg: { rowGap: '300' },\n },\n 400: {\n mdToLg: { rowGap: '400' },\n },\n 500: {\n mdToLg: { rowGap: '500' },\n },\n 600: {\n mdToLg: { rowGap: '600' },\n },\n 700: {\n mdToLg: { rowGap: '700' },\n },\n 800: {\n mdToLg: { rowGap: '800' },\n },\n 900: {\n mdToLg: { rowGap: '900' },\n },\n },\n colGapLg: {\n 50: {\n mdToLg: { columnGap: '50' },\n },\n 100: {\n mdToLg: { columnGap: '100' },\n },\n 200: {\n mdToLg: { columnGap: '200' },\n },\n 300: {\n mdToLg: { columnGap: '300' },\n },\n 400: {\n mdToLg: { columnGap: '400' },\n },\n 500: {\n mdToLg: { columnGap: '500' },\n },\n 600: {\n mdToLg: { columnGap: '600' },\n },\n 700: {\n mdToLg: { columnGap: '700' },\n },\n 800: {\n mdToLg: { columnGap: '800' },\n },\n 900: {\n mdToLg: { columnGap: '900' },\n },\n },\n\n gapXl: {\n 50: {\n xl: { gap: '50' },\n },\n 100: {\n xl: { gap: '100' },\n },\n 200: {\n xl: { gap: '200' },\n },\n 300: {\n xl: { gap: '300' },\n },\n 400: {\n xl: { gap: '400' },\n },\n 500: {\n xl: { gap: '500' },\n },\n 600: {\n xl: { gap: '600' },\n },\n 700: {\n xl: { gap: '700' },\n },\n 800: {\n xl: { gap: '800' },\n },\n 900: {\n xl: { gap: '900' },\n },\n },\n rowGapXl: {\n 50: {\n xl: { rowGap: '50' },\n },\n 100: {\n xl: { rowGap: '100' },\n },\n 200: {\n xl: { rowGap: '200' },\n },\n 300: {\n xl: { rowGap: '300' },\n },\n 400: {\n xl: { rowGap: '400' },\n },\n 500: {\n xl: { rowGap: '500' },\n },\n 600: {\n xl: { rowGap: '600' },\n },\n 700: {\n xl: { rowGap: '700' },\n },\n 800: {\n xl: { rowGap: '800' },\n },\n 900: {\n xl: { rowGap: '900' },\n },\n },\n colGapXl: {\n 50: {\n xl: { columnGap: '50' },\n },\n 100: {\n xl: { columnGap: '100' },\n },\n 200: {\n xl: { columnGap: '200' },\n },\n 300: {\n xl: { columnGap: '300' },\n },\n 400: {\n xl: { columnGap: '400' },\n },\n 500: {\n xl: { columnGap: '500' },\n },\n 600: {\n xl: { columnGap: '600' },\n },\n 700: {\n xl: { columnGap: '700' },\n },\n 800: {\n xl: { columnGap: '800' },\n },\n 900: {\n xl: { columnGap: '900' },\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`breadcrumbs-bar__button-back`,jsx:[`BreadcrumbsBar`],base:{"--button-font-family":`{fonts.base}`,"--button-font-size":`{fontSizes.300}`,"--button-font-weight":`{fontWeights.medium}`,"--button-height":`auto`,"--button-padding-inline":`{spacing.0}`,"--button-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--button-background":`transparent`,"--button-foreground":`{colors.primary.foreground.2.enabled}`,"--button-radii":`{radii.0}`,"--button-border-color":`{colors.neutral.stroke.1.enabled}`,"--button-border-width":`{borders.0}`,"--button-background-hover":`transparent`,"--button-foreground-hover":`{colors.primary.foreground.2.hovered}`,"--button-border-color-hover":`transparent`,"--button-transition":`{animations.200}`}});export{t as breadcrumbsBarButtonBack};
|
|
2
|
+
//# sourceMappingURL=breadcrumbs-bar-button-back.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumbs-bar-button-back.mjs","names":[],"sources":["../../../../src/recipes/navigations/breadcrumbs/breadcrumbs-bar-button-back.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const breadcrumbsBarButtonBack = defineRecipe({\n className: 'breadcrumbs-bar__button-back',\n jsx: ['BreadcrumbsBar'],\n base: {\n '--button-font-family': '{fonts.base}',\n '--button-font-size': '{fontSizes.300}',\n '--button-font-weight': '{fontWeights.medium}',\n // '--button-line-height': '1',\n // '--button-text-transform': 'none',\n // '--button-align': 'center',\n '--button-height': 'auto',\n '--button-padding-inline': '{spacing.0}',\n // '--button-gap': '{spacing.200}',\n // '--button-focus-outline-width': '{borders.150}',\n // '--button-focus-outline-style': 'solid',\n // '--button-focus-outline-offset': '{spacing.50}',\n '--button-focus-outline-color': '{colors.primary.stroke.1.focused}',\n // '--button-focus-shadow': 'none',\n '--button-background': 'transparent',\n '--button-foreground': '{colors.primary.foreground.2.enabled}',\n '--button-radii': '{radii.0}',\n '--button-border-color': '{colors.neutral.stroke.1.enabled}',\n '--button-border-width': '{borders.0}',\n // '--button-border-style': 'solid',\n '--button-background-hover': 'transparent',\n '--button-foreground-hover': '{colors.primary.foreground.2.hovered}',\n '--button-border-color-hover': 'transparent',\n // '--button-disabled-opacity': '0.5',\n '--button-transition': '{animations.200}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA2B,EAAa,CACnD,UAAW,+BACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,CACJ,uBAAwB,eACxB,qBAAsB,kBACtB,uBAAwB,uBAIxB,kBAAmB,OACnB,0BAA2B,cAK3B,+BAAgC,oCAEhC,sBAAuB,cACvB,sBAAuB,wCACvB,iBAAkB,YAClB,wBAAyB,oCACzB,wBAAyB,cAEzB,4BAA6B,cAC7B,4BAA6B,wCAC7B,8BAA+B,cAE/B,sBAAuB,mBACxB,CACF,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`breadcrumbs-bar__divider`,jsx:[`BreadcrumbsBar`],base:{display:`block`,backgroundColor:`var(--breadcrumbs-bar-divider-background, {colors.neutral.stroke.7.enabled})`,width:`var(--breadcrumbs-bar-divider-width, 1px)`}});export{t as breadcrumbsBarDivider};
|
|
2
|
+
//# sourceMappingURL=breadcrumbs-bar-divider.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumbs-bar-divider.mjs","names":[],"sources":["../../../../src/recipes/navigations/breadcrumbs/breadcrumbs-bar-divider.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const breadcrumbsBarDivider = defineRecipe({\n className: 'breadcrumbs-bar__divider',\n jsx: ['BreadcrumbsBar'],\n base: {\n display: 'block',\n backgroundColor:\n 'var(--breadcrumbs-bar-divider-background, {colors.neutral.stroke.7.enabled})',\n width: 'var(--breadcrumbs-bar-divider-width, 1px)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAwB,EAAa,CAChD,UAAW,2BACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,CACJ,QAAS,QACT,gBACE,+EACF,MAAO,4CACR,CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumbs-bar-root.mjs","names":[],"sources":["../../../../src/recipes/navigations/breadcrumbs/breadcrumbs-bar-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const breadcrumbsBarRoot = defineRecipe({\n className: 'breadcrumbs-bar__root',\n jsx: ['BreadcrumbsBar'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAqB,EAAa,CAC7C,UAAW,wBACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,EAAE,CACT,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`breadcrumbs-bar__wrapper`,jsx:[`BreadcrumbsBar`],base:{display:`flex`,flexDirection:`row`,alignItems:`stretch`,justifyContent:`flex-start`,gap:`var(--breadcrumbs-bar-wrapepr-gap, {spacing.500})`}});export{t as breadcrumbsBarWrapper};
|
|
2
|
+
//# sourceMappingURL=breadcrumbs-bar-wrapper.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumbs-bar-wrapper.mjs","names":[],"sources":["../../../../src/recipes/navigations/breadcrumbs/breadcrumbs-bar-wrapper.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const breadcrumbsBarWrapper = defineRecipe({\n className: 'breadcrumbs-bar__wrapper',\n jsx: ['BreadcrumbsBar'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'stretch',\n justifyContent: 'flex-start',\n gap: 'var(--breadcrumbs-bar-wrapepr-gap, {spacing.500})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAwB,EAAa,CAChD,UAAW,2BACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,CACJ,QAAS,OACT,cAAe,MACf,WAAY,UACZ,eAAgB,aAChB,IAAK,oDACN,CACF,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`breadcrumbs-bar`,jsx:[`BreadcrumbsBar`],base:{"--breadcrumbs-bar-wrapepr-gap":`{spacing.500}`,"--breadcrumbs-bar-divider-background":`{colors.neutral.stroke.7.enabled}`,"--breadcrumbs-bar-divider-width":`1px`}});export{t as breadcrumbsBar};
|
|
2
|
+
//# sourceMappingURL=breadcrumbs-bar.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumbs-bar.mjs","names":[],"sources":["../../../../src/recipes/navigations/breadcrumbs/breadcrumbs-bar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const breadcrumbsBar = defineRecipe({\n className: 'breadcrumbs-bar',\n jsx: ['BreadcrumbsBar'],\n base: {\n /* root */\n\n /* wrapper */\n '--breadcrumbs-bar-wrapepr-gap': '{spacing.500}',\n\n /* divider */\n '--breadcrumbs-bar-divider-background': '{colors.neutral.stroke.7.enabled}',\n '--breadcrumbs-bar-divider-width': '1px',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,kBACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,CAIJ,gCAAiC,gBAGjC,uCAAwC,oCACxC,kCAAmC,MACpC,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{breadcrumbs as e}from"./breadcrumbs.mjs";import{
|
|
1
|
+
import{breadcrumbs as e}from"./breadcrumbs.mjs";import{breadcrumbsBar as t}from"./breadcrumbs-bar.mjs";import{breadcrumbsBarButtonBack as n}from"./breadcrumbs-bar-button-back.mjs";import{breadcrumbsBarDivider as r}from"./breadcrumbs-bar-divider.mjs";import{breadcrumbsBarRoot as i}from"./breadcrumbs-bar-root.mjs";import{breadcrumbsBarWrapper as a}from"./breadcrumbs-bar-wrapper.mjs";import{breadcrumbsCurrent as o}from"./breadcrumbs-current.mjs";import{breadcrumbsItem as s}from"./breadcrumbs-item.mjs";import{breadcrumbsLink as c}from"./breadcrumbs-link.mjs";import{breadcrumbsList as l}from"./breadcrumbs-list.mjs";import{breadcrumbsRoot as u}from"./breadcrumbs-root.mjs";import{breadcrumbsSeparator as d}from"./breadcrumbs-separator.mjs";import{breadcrumbsWrapper as f}from"./breadcrumbs-wrapper.mjs";var p={breadcrumbs:e,breadcrumbsCurrent:o,breadcrumbsLink:c,breadcrumbsRoot:u,breadcrumbsList:l,breadcrumbsItem:s,breadcrumbsSeparator:d,breadcrumbsWrapper:f,breadcrumbsBar:t,breadcrumbsBarRoot:i,breadcrumbsBarWrapper:a,breadcrumbsBarDivider:r,breadcrumbsBarButtonBack:n};export{p as default};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/recipes/navigations/breadcrumbs/index.ts"],"sourcesContent":["import { breadcrumbs } from './breadcrumbs';\nimport { breadcrumbsCurrent } from './breadcrumbs-current';\nimport { breadcrumbsItem } from './breadcrumbs-item';\nimport { breadcrumbsLink } from './breadcrumbs-link';\nimport { breadcrumbsList } from './breadcrumbs-list';\nimport { breadcrumbsRoot } from './breadcrumbs-root';\nimport { breadcrumbsSeparator } from './breadcrumbs-separator';\nimport { breadcrumbsWrapper } from './breadcrumbs-wrapper';\n\nexport default {\n breadcrumbs,\n breadcrumbsCurrent,\n breadcrumbsLink,\n breadcrumbsRoot,\n breadcrumbsList,\n breadcrumbsItem,\n breadcrumbsSeparator,\n breadcrumbsWrapper,\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/recipes/navigations/breadcrumbs/index.ts"],"sourcesContent":["import { breadcrumbs } from './breadcrumbs';\nimport { breadcrumbsBar } from './breadcrumbs-bar';\nimport { breadcrumbsBarButtonBack } from './breadcrumbs-bar-button-back';\nimport { breadcrumbsBarDivider } from './breadcrumbs-bar-divider';\nimport { breadcrumbsBarRoot } from './breadcrumbs-bar-root';\nimport { breadcrumbsBarWrapper } from './breadcrumbs-bar-wrapper';\nimport { breadcrumbsCurrent } from './breadcrumbs-current';\nimport { breadcrumbsItem } from './breadcrumbs-item';\nimport { breadcrumbsLink } from './breadcrumbs-link';\nimport { breadcrumbsList } from './breadcrumbs-list';\nimport { breadcrumbsRoot } from './breadcrumbs-root';\nimport { breadcrumbsSeparator } from './breadcrumbs-separator';\nimport { breadcrumbsWrapper } from './breadcrumbs-wrapper';\n\nexport default {\n breadcrumbs,\n breadcrumbsCurrent,\n breadcrumbsLink,\n breadcrumbsRoot,\n breadcrumbsList,\n breadcrumbsItem,\n breadcrumbsSeparator,\n breadcrumbsWrapper,\n breadcrumbsBar,\n breadcrumbsBarRoot,\n breadcrumbsBarWrapper,\n breadcrumbsBarDivider,\n breadcrumbsBarButtonBack,\n};\n"],"mappings":"qyBAcA,IAAA,EAAe,CACb,cACA,qBACA,kBACA,kBACA,kBACA,kBACA,uBACA,qBACA,iBACA,qBACA,wBACA,wBACA,2BACD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__bottom-slot`,jsx:[`Sidebar`],base:{display:`flex`,flexDirection:`row-reverse`,justifyContent:`space-between`,alignItems:`center`,gap:`var(--sidebar-slot-gap, {spacing.200})`,paddingInlineStart:`var(--sidebar-slot-padding-inline-start, var(--sidebar-slot-padding-inline, {spacing.300}))`,paddingInlineEnd:`var(--sidebar-slot-padding-inline-end, var(--sidebar-slot-padding-inline, {spacing.300}))`,paddingBlock:`var(--sidebar-slot-padding-block, {spacing.0})`,width:`100%`,"[data-collapsed=true] &":{
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__bottom-slot`,jsx:[`Sidebar`],base:{display:`flex`,flexDirection:`row-reverse`,justifyContent:`space-between`,alignItems:`center`,gap:`var(--sidebar-slot-gap, {spacing.200})`,paddingInlineStart:`var(--sidebar-slot-padding-inline-start, var(--sidebar-slot-padding-inline, {spacing.300}))`,paddingInlineEnd:`var(--sidebar-slot-padding-inline-end, var(--sidebar-slot-padding-inline, {spacing.300}))`,paddingBlock:`var(--sidebar-slot-padding-block, {spacing.0})`,width:`100%`,"[data-collapsed=true] &":{md:{flexDirection:`column-reverse`}}}});export{t as sidebarBottomSlot};
|
|
2
2
|
//# sourceMappingURL=sidebar-bottom-slot.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-bottom-slot.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-bottom-slot.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarBottomSlot = defineRecipe({\n className: 'sidebar__bottom-slot',\n jsx: ['Sidebar'],\n base: {\n display: 'flex',\n flexDirection: 'row-reverse',\n justifyContent: 'space-between',\n alignItems: 'center',\n gap: 'var(--sidebar-slot-gap, {spacing.200})',\n paddingInlineStart:\n 'var(--sidebar-slot-padding-inline-start, var(--sidebar-slot-padding-inline, {spacing.300}))',\n paddingInlineEnd:\n 'var(--sidebar-slot-padding-inline-end, var(--sidebar-slot-padding-inline, {spacing.300}))',\n paddingBlock: 'var(--sidebar-slot-padding-block, {spacing.0})',\n width: '100%',\n\n '[data-collapsed=true] &': {\n
|
|
1
|
+
{"version":3,"file":"sidebar-bottom-slot.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-bottom-slot.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarBottomSlot = defineRecipe({\n className: 'sidebar__bottom-slot',\n jsx: ['Sidebar'],\n base: {\n display: 'flex',\n flexDirection: 'row-reverse',\n justifyContent: 'space-between',\n alignItems: 'center',\n gap: 'var(--sidebar-slot-gap, {spacing.200})',\n paddingInlineStart:\n 'var(--sidebar-slot-padding-inline-start, var(--sidebar-slot-padding-inline, {spacing.300}))',\n paddingInlineEnd:\n 'var(--sidebar-slot-padding-inline-end, var(--sidebar-slot-padding-inline, {spacing.300}))',\n paddingBlock: 'var(--sidebar-slot-padding-block, {spacing.0})',\n width: '100%',\n\n '[data-collapsed=true] &': {\n md: {\n flexDirection: 'column-reverse',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAoB,EAAa,CAC5C,UAAW,uBACX,IAAK,CAAC,UAAU,CAChB,KAAM,CACJ,QAAS,OACT,cAAe,cACf,eAAgB,gBAChB,WAAY,SACZ,IAAK,yCACL,mBACE,8FACF,iBACE,4FACF,aAAc,iDACd,MAAO,OAEP,0BAA2B,CACzB,GAAI,CACF,cAAe,iBAChB,CACF,CACF,CACF,CAAC"}
|
package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group-title.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-group__title`,jsx:[`Sidebar.NavGroup`],base:{display:`block`,fontSize:`var(--sidebar-nav-group-title-font-size, {fontSizes.200})`,fontWeight:`var(--sidebar-nav-group-title-font-weight, {fontWeights.medium})`,color:`var(--sidebar-nav-group-title-color, {colors.neutral.foreground.3.enabled})`,textTransform:`var(--sidebar-nav-group-title-text-transform, uppercase)`,paddingBlock:`var(--sidebar-nav-group-title-padding-block, {spacing.0})`,paddingInline:`var(--sidebar-nav-group-title-padding-inline, {spacing.300})`,
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-group__title`,jsx:[`Sidebar.NavGroup`],base:{display:`block`,fontSize:`var(--sidebar-nav-group-title-font-size, {fontSizes.200})`,fontWeight:`var(--sidebar-nav-group-title-font-weight, {fontWeights.medium})`,color:`var(--sidebar-nav-group-title-color, {colors.neutral.foreground.3.enabled})`,textTransform:`var(--sidebar-nav-group-title-text-transform, uppercase)`,paddingBlock:`var(--sidebar-nav-group-title-padding-block, {spacing.0})`,paddingInline:`var(--sidebar-nav-group-title-padding-inline, {spacing.300})`,md:{"[data-collapsed=true] &":{srOnly:!0}}}});export{t as sidebarNavGroupTitle};
|
|
2
2
|
//# sourceMappingURL=sidebar-nav-group-title.mjs.map
|
package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group-title.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-nav-group-title.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group-title.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavGroupTitle = defineRecipe({\n className: 'sidebar__nav-group__title',\n jsx: ['Sidebar.NavGroup'],\n base: {\n display: 'block',\n fontSize: 'var(--sidebar-nav-group-title-font-size, {fontSizes.200})',\n fontWeight:\n 'var(--sidebar-nav-group-title-font-weight, {fontWeights.medium})',\n color:\n 'var(--sidebar-nav-group-title-color, {colors.neutral.foreground.3.enabled})',\n textTransform: 'var(--sidebar-nav-group-title-text-transform, uppercase)',\n paddingBlock: 'var(--sidebar-nav-group-title-padding-block, {spacing.0})',\n paddingInline:\n 'var(--sidebar-nav-group-title-padding-inline, {spacing.300})',\n
|
|
1
|
+
{"version":3,"file":"sidebar-nav-group-title.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group-title.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavGroupTitle = defineRecipe({\n className: 'sidebar__nav-group__title',\n jsx: ['Sidebar.NavGroup'],\n base: {\n display: 'block',\n fontSize: 'var(--sidebar-nav-group-title-font-size, {fontSizes.200})',\n fontWeight:\n 'var(--sidebar-nav-group-title-font-weight, {fontWeights.medium})',\n color:\n 'var(--sidebar-nav-group-title-color, {colors.neutral.foreground.3.enabled})',\n textTransform: 'var(--sidebar-nav-group-title-text-transform, uppercase)',\n paddingBlock: 'var(--sidebar-nav-group-title-padding-block, {spacing.0})',\n paddingInline:\n 'var(--sidebar-nav-group-title-padding-inline, {spacing.300})',\n md: {\n '[data-collapsed=true] &': {\n srOnly: true,\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAuB,EAAa,CAC/C,UAAW,4BACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CACJ,QAAS,QACT,SAAU,4DACV,WACE,mEACF,MACE,8EACF,cAAe,2DACf,aAAc,4DACd,cACE,+DACF,GAAI,CACF,0BAA2B,CACzB,OAAQ,GACT,CACF,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-item`,jsx:[`Sidebar.NavItem`],base:{position:`relative`,
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-item`,jsx:[`Sidebar.NavItem`],base:{position:`relative`,md:{"[data-collapsed=true] &":{display:`flex`,width:`100%`,justifyContent:`center`}}}});export{t as sidebarNavItem};
|
|
2
2
|
//# sourceMappingURL=sidebar-nav-item.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-nav-item.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item/sidebar-nav-item.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavItem = defineRecipe({\n className: 'sidebar__nav-item',\n jsx: ['Sidebar.NavItem'],\n base: {\n position: 'relative',\n
|
|
1
|
+
{"version":3,"file":"sidebar-nav-item.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item/sidebar-nav-item.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavItem = defineRecipe({\n className: 'sidebar__nav-item',\n jsx: ['Sidebar.NavItem'],\n base: {\n position: 'relative',\n md: {\n '[data-collapsed=true] &': {\n display: 'flex',\n width: '100%',\n justifyContent: 'center',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,oBACX,IAAK,CAAC,kBAAkB,CACxB,KAAM,CACJ,SAAU,WACV,GAAI,CACF,0BAA2B,CACzB,QAAS,OACT,MAAO,OACP,eAAgB,SACjB,CACF,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-item-link__anchor`,jsx:[`Sidebar.NavItemLink`],base:{display:`flex`,flexDirection:`row`,flexWrap:`nowrap`,justifyContent:`space-between`,alignItems:`center`,gap:`var(--sidebar-nav-list-item-gap, {spacing.300})`,textDecoration:`none`,backgroundColor:`var(--sidebar-nav-list-item-background, transparent)`,color:`var(--sidebar-nav-list-item-foreground, {colors.neutral.foreground.2.enabled})`,height:`var(--sidebar-nav-list-item-height, {sizes.600})`,width:`100%`,paddingInline:`var(--sidebar-nav-list-item-padding-inline, {spacing.300})`,cursor:`pointer`,position:`relative`,transition:`var(--sidebar-nav-list-item-transition, {animations.base.100})`,
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-item-link__anchor`,jsx:[`Sidebar.NavItemLink`],base:{display:`flex`,flexDirection:`row`,flexWrap:`nowrap`,justifyContent:`space-between`,alignItems:`center`,gap:`var(--sidebar-nav-list-item-gap, {spacing.300})`,textDecoration:`none`,backgroundColor:`var(--sidebar-nav-list-item-background, transparent)`,color:`var(--sidebar-nav-list-item-foreground, {colors.neutral.foreground.2.enabled})`,height:`var(--sidebar-nav-list-item-height, {sizes.600})`,width:`100%`,paddingInline:`var(--sidebar-nav-list-item-padding-inline, {spacing.300})`,cursor:`pointer`,position:`relative`,transition:`var(--sidebar-nav-list-item-transition, {animations.base.100})`,md:{borderRadius:`var(--sidebar-nav-list-item-radii, {radii.100})`,"[data-collapsed=true] &":{justifyContent:`center`,width:`var(--sidebar-nav-list-item-height, {sizes.600})`,paddingInline:`0`,marginInline:`auto`},"[data-collapsed=false] &":{overflow:`hidden`}},_hover:{backgroundColor:`var(--sidebar-nav-list-item-background-hovered, {colors.neutral.background.2.hovered})`,color:`var(--sidebar-nav-list-item-foreground-hovered, {colors.neutral.foreground.2.hovered})`},_active:{backgroundColor:`var(--sidebar-nav-list-item-background-active, {colors.neutral.background.2.selected})`,color:`var(--sidebar-nav-list-item-foreground-active, {colors.neutral.foreground.2.selected})`},"&[data-selected=true]":{backgroundColor:`var(--sidebar-nav-list-item-background-selected, {colors.neutral.background.2.primary.selected})`,color:`var(--sidebar-nav-list-item-foreground-selected, {colors.neutral.foreground.2.primary.selected})`},"&[data-selected=true]:hover":{backgroundColor:`var(--sidebar-nav-list-item-background-selected-hovered, {colors.neutral.background.2.primary.selectedHovered})`,color:`var(--sidebar-nav-list-item-foreground-selected-hovered, {colors.neutral.foreground.2.primary.selectedHovered})`},"&[data-expanded=true]":{backgroundColor:`var(--sidebar-nav-list-item-background-expanded, {colors.neutral.background.2.selected})`,color:`var(--sidebar-nav-list-item-foreground-expanded, {colors.neutral.foreground.2.selected})`},"&[data-expanded=true]:hover":{backgroundColor:`var(--sidebar-nav-list-item-background-expanded-hovered, {colors.neutral.background.2.selectedHovered})`,color:`var(--sidebar-nav-list-item-foreground-expanded-hovered, {colors.neutral.foreground.2.selectedHovered})`},"&:has(:focus-visible)":{outlineWidth:`var(--sidebar-nav-list-item-focus-outline-width, {borders.200})`,outlineStyle:`var(--sidebar-nav-list-item-focus-outline-style, solid)`,outlineColor:`var(--sidebar-nav-list-item-focus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--sidebar-nav-list-item-focus-outline-offset, {spacing.50})`}}});export{t as sidebarNavItemLinkAnchor};
|
|
2
2
|
//# sourceMappingURL=sidebar-nav-item-link-anchor.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-nav-item-link-anchor.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-anchor.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavItemLinkAnchor = defineRecipe({\n className: 'sidebar__nav-item-link__anchor',\n jsx: ['Sidebar.NavItemLink'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'nowrap',\n justifyContent: 'space-between',\n alignItems: 'center',\n gap: 'var(--sidebar-nav-list-item-gap, {spacing.300})',\n textDecoration: 'none',\n backgroundColor: 'var(--sidebar-nav-list-item-background, transparent)',\n color:\n 'var(--sidebar-nav-list-item-foreground, {colors.neutral.foreground.2.enabled})',\n height: 'var(--sidebar-nav-list-item-height, {sizes.600})',\n width: '100%',\n paddingInline: 'var(--sidebar-nav-list-item-padding-inline, {spacing.300})',\n cursor: 'pointer',\n position: 'relative',\n transition:\n 'var(--sidebar-nav-list-item-transition, {animations.base.100})',\n
|
|
1
|
+
{"version":3,"file":"sidebar-nav-item-link-anchor.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-anchor.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavItemLinkAnchor = defineRecipe({\n className: 'sidebar__nav-item-link__anchor',\n jsx: ['Sidebar.NavItemLink'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'nowrap',\n justifyContent: 'space-between',\n alignItems: 'center',\n gap: 'var(--sidebar-nav-list-item-gap, {spacing.300})',\n textDecoration: 'none',\n backgroundColor: 'var(--sidebar-nav-list-item-background, transparent)',\n color:\n 'var(--sidebar-nav-list-item-foreground, {colors.neutral.foreground.2.enabled})',\n height: 'var(--sidebar-nav-list-item-height, {sizes.600})',\n width: '100%',\n paddingInline: 'var(--sidebar-nav-list-item-padding-inline, {spacing.300})',\n cursor: 'pointer',\n position: 'relative',\n transition:\n 'var(--sidebar-nav-list-item-transition, {animations.base.100})',\n md: {\n borderRadius: 'var(--sidebar-nav-list-item-radii, {radii.100})',\n '[data-collapsed=true] &': {\n justifyContent: 'center',\n width: 'var(--sidebar-nav-list-item-height, {sizes.600})',\n paddingInline: '0',\n marginInline: 'auto',\n },\n '[data-collapsed=false] &': {\n overflow: 'hidden',\n },\n },\n _hover: {\n backgroundColor:\n 'var(--sidebar-nav-list-item-background-hovered, {colors.neutral.background.2.hovered})',\n color:\n 'var(--sidebar-nav-list-item-foreground-hovered, {colors.neutral.foreground.2.hovered})',\n },\n _active: {\n backgroundColor:\n 'var(--sidebar-nav-list-item-background-active, {colors.neutral.background.2.selected})',\n color:\n 'var(--sidebar-nav-list-item-foreground-active, {colors.neutral.foreground.2.selected})',\n },\n '&[data-selected=true]': {\n backgroundColor:\n 'var(--sidebar-nav-list-item-background-selected, {colors.neutral.background.2.primary.selected})',\n color:\n 'var(--sidebar-nav-list-item-foreground-selected, {colors.neutral.foreground.2.primary.selected})',\n },\n '&[data-selected=true]:hover': {\n backgroundColor:\n 'var(--sidebar-nav-list-item-background-selected-hovered, {colors.neutral.background.2.primary.selectedHovered})',\n color:\n 'var(--sidebar-nav-list-item-foreground-selected-hovered, {colors.neutral.foreground.2.primary.selectedHovered})',\n },\n '&[data-expanded=true]': {\n backgroundColor:\n 'var(--sidebar-nav-list-item-background-expanded, {colors.neutral.background.2.selected})',\n color:\n 'var(--sidebar-nav-list-item-foreground-expanded, {colors.neutral.foreground.2.selected})',\n },\n '&[data-expanded=true]:hover': {\n backgroundColor:\n 'var(--sidebar-nav-list-item-background-expanded-hovered, {colors.neutral.background.2.selectedHovered})',\n color:\n 'var(--sidebar-nav-list-item-foreground-expanded-hovered, {colors.neutral.foreground.2.selectedHovered})',\n },\n '&:has(:focus-visible)': {\n outlineWidth:\n 'var(--sidebar-nav-list-item-focus-outline-width, {borders.200})',\n outlineStyle: 'var(--sidebar-nav-list-item-focus-outline-style, solid)',\n outlineColor:\n 'var(--sidebar-nav-list-item-focus-outline-color, {colors.primary.stroke.1.focused})',\n outlineOffset:\n 'var(--sidebar-nav-list-item-focus-outline-offset, {spacing.50})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA2B,EAAa,CACnD,UAAW,iCACX,IAAK,CAAC,sBAAsB,CAC5B,KAAM,CACJ,QAAS,OACT,cAAe,MACf,SAAU,SACV,eAAgB,gBAChB,WAAY,SACZ,IAAK,kDACL,eAAgB,OAChB,gBAAiB,uDACjB,MACE,iFACF,OAAQ,mDACR,MAAO,OACP,cAAe,6DACf,OAAQ,UACR,SAAU,WACV,WACE,iEACF,GAAI,CACF,aAAc,kDACd,0BAA2B,CACzB,eAAgB,SAChB,MAAO,mDACP,cAAe,IACf,aAAc,OACf,CACD,2BAA4B,CAC1B,SAAU,SACX,CACF,CACD,OAAQ,CACN,gBACE,yFACF,MACE,yFACH,CACD,QAAS,CACP,gBACE,yFACF,MACE,yFACH,CACD,wBAAyB,CACvB,gBACE,mGACF,MACE,mGACH,CACD,8BAA+B,CAC7B,gBACE,kHACF,MACE,kHACH,CACD,wBAAyB,CACvB,gBACE,2FACF,MACE,2FACH,CACD,8BAA+B,CAC7B,gBACE,0GACF,MACE,0GACH,CACD,wBAAyB,CACvB,aACE,kEACF,aAAc,0DACd,aACE,sFACF,cACE,kEACH,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-item-link__label`,jsx:[`Sidebar.NavItemLink`],base:{fontSize:`var(--sidebar-nav-item-label-font-size, {fontSizes.300})`,fontWeight:`var(--sidebar-nav-item-label-font-weight, {fontWeights.medium})`,textTransform:`var(--sidebar-nav-item-label-text-transform, none)`,flexGrow:`1`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,textAlign:`left`,
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-item-link__label`,jsx:[`Sidebar.NavItemLink`],base:{fontSize:`var(--sidebar-nav-item-label-font-size, {fontSizes.300})`,fontWeight:`var(--sidebar-nav-item-label-font-weight, {fontWeights.medium})`,textTransform:`var(--sidebar-nav-item-label-text-transform, none)`,flexGrow:`1`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,textAlign:`left`,md:{"[data-collapsed=true] &":{position:`absolute`,inset:`0`,flexGrow:`0`,opacity:`0`,overflow:`visible`}},"& > a":{_focus:{outline:`none`},_after:{position:`absolute`,inset:0,content:`""`}}}});export{t as sidebarNavItemLinkLabel};
|
|
2
2
|
//# sourceMappingURL=sidebar-nav-item-link-label.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-nav-item-link-label.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-label.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavItemLinkLabel = defineRecipe({\n className: 'sidebar__nav-item-link__label',\n jsx: ['Sidebar.NavItemLink'],\n base: {\n fontSize: 'var(--sidebar-nav-item-label-font-size, {fontSizes.300})',\n fontWeight:\n 'var(--sidebar-nav-item-label-font-weight, {fontWeights.medium})',\n textTransform: 'var(--sidebar-nav-item-label-text-transform, none)',\n flexGrow: '1',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n textAlign: 'left',\n
|
|
1
|
+
{"version":3,"file":"sidebar-nav-item-link-label.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-label.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavItemLinkLabel = defineRecipe({\n className: 'sidebar__nav-item-link__label',\n jsx: ['Sidebar.NavItemLink'],\n base: {\n fontSize: 'var(--sidebar-nav-item-label-font-size, {fontSizes.300})',\n fontWeight:\n 'var(--sidebar-nav-item-label-font-weight, {fontWeights.medium})',\n textTransform: 'var(--sidebar-nav-item-label-text-transform, none)',\n flexGrow: '1',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n textAlign: 'left',\n md: {\n '[data-collapsed=true] &': {\n position: 'absolute',\n inset: '0',\n flexGrow: '0',\n opacity: '0',\n overflow: 'visible',\n },\n },\n '& > a': {\n _focus: {\n outline: 'none',\n },\n _after: {\n position: 'absolute',\n inset: 0,\n content: '\"\"',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA0B,EAAa,CAClD,UAAW,gCACX,IAAK,CAAC,sBAAsB,CAC5B,KAAM,CACJ,SAAU,2DACV,WACE,kEACF,cAAe,qDACf,SAAU,IACV,SAAU,SACV,aAAc,WACd,WAAY,SACZ,UAAW,OACX,GAAI,CACF,0BAA2B,CACzB,SAAU,WACV,MAAO,IACP,SAAU,IACV,QAAS,IACT,SAAU,UACX,CACF,CACD,QAAS,CACP,OAAQ,CACN,QAAS,OACV,CACD,OAAQ,CACN,SAAU,WACV,MAAO,EACP,QAAS,KACV,CACF,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav__root`,jsx:[`Sidebar`],base:{backgroundColor:`var(--sidebar-nav-background, transparent)`,borderTopWidth:`var(--sidebar-nav-border-top-width, {borders.0})`,borderBottomWidth:`var(--sidebar-nav-border-bottom-width, {borders.0})`,borderLeftWidth:`var(--sidebar-nav-border-left-width, {borders.0})`,borderRightWidth:`var(--sidebar-nav-border-right-width, {borders.0})`,borderStyle:`solid`,borderColor:`var(--sidebar-nav-border-color, transparent)`,borderRadius:`var(--sidebar-nav-border-radius, {radii.0})`,display:`flex`,flexDirection:`column`,minHeight:`0`,overflow:`hidden`,gap:`var(--sidebar-nav-gap, {spacing.300})`,flexGrow:`1`,"& > *":{flex:`1 1 auto`,minHeight:`0`,maxHeight:`100%`},
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav__root`,jsx:[`Sidebar`],base:{backgroundColor:`var(--sidebar-nav-background, transparent)`,borderTopWidth:`var(--sidebar-nav-border-top-width, {borders.0})`,borderBottomWidth:`var(--sidebar-nav-border-bottom-width, {borders.0})`,borderLeftWidth:`var(--sidebar-nav-border-left-width, {borders.0})`,borderRightWidth:`var(--sidebar-nav-border-right-width, {borders.0})`,borderStyle:`solid`,borderColor:`var(--sidebar-nav-border-color, transparent)`,borderRadius:`var(--sidebar-nav-border-radius, {radii.0})`,display:`flex`,flexDirection:`column`,minHeight:`0`,overflow:`hidden`,gap:`var(--sidebar-nav-gap, {spacing.300})`,flexGrow:`1`,"& > *":{flex:`1 1 auto`,minHeight:`0`,maxHeight:`100%`},_mdDown:{paddingTop:`var(--sidebar-nav-padding-top, {spacing.400})`}}});export{t as sidebarNavRoot};
|
|
2
2
|
//# sourceMappingURL=sidebar-nav-root.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-nav-root.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavRoot = defineRecipe({\n className: 'sidebar__nav__root',\n jsx: ['Sidebar'],\n base: {\n backgroundColor: 'var(--sidebar-nav-background, transparent)',\n borderTopWidth: 'var(--sidebar-nav-border-top-width, {borders.0})',\n borderBottomWidth: 'var(--sidebar-nav-border-bottom-width, {borders.0})',\n borderLeftWidth: 'var(--sidebar-nav-border-left-width, {borders.0})',\n borderRightWidth: 'var(--sidebar-nav-border-right-width, {borders.0})',\n borderStyle: 'solid',\n borderColor: 'var(--sidebar-nav-border-color, transparent)',\n borderRadius: 'var(--sidebar-nav-border-radius, {radii.0})',\n display: 'flex',\n flexDirection: 'column',\n minHeight: '0',\n overflow: 'hidden',\n gap: 'var(--sidebar-nav-gap, {spacing.300})',\n flexGrow: '1',\n '& > *': {\n flex: '1 1 auto',\n minHeight: '0',\n maxHeight: '100%',\n },\n\n
|
|
1
|
+
{"version":3,"file":"sidebar-nav-root.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavRoot = defineRecipe({\n className: 'sidebar__nav__root',\n jsx: ['Sidebar'],\n base: {\n backgroundColor: 'var(--sidebar-nav-background, transparent)',\n borderTopWidth: 'var(--sidebar-nav-border-top-width, {borders.0})',\n borderBottomWidth: 'var(--sidebar-nav-border-bottom-width, {borders.0})',\n borderLeftWidth: 'var(--sidebar-nav-border-left-width, {borders.0})',\n borderRightWidth: 'var(--sidebar-nav-border-right-width, {borders.0})',\n borderStyle: 'solid',\n borderColor: 'var(--sidebar-nav-border-color, transparent)',\n borderRadius: 'var(--sidebar-nav-border-radius, {radii.0})',\n display: 'flex',\n flexDirection: 'column',\n minHeight: '0',\n overflow: 'hidden',\n gap: 'var(--sidebar-nav-gap, {spacing.300})',\n flexGrow: '1',\n '& > *': {\n flex: '1 1 auto',\n minHeight: '0',\n maxHeight: '100%',\n },\n\n _mdDown: {\n paddingTop: 'var(--sidebar-nav-padding-top, {spacing.400})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,qBACX,IAAK,CAAC,UAAU,CAChB,KAAM,CACJ,gBAAiB,6CACjB,eAAgB,mDAChB,kBAAmB,sDACnB,gBAAiB,oDACjB,iBAAkB,qDAClB,YAAa,QACb,YAAa,+CACb,aAAc,8CACd,QAAS,OACT,cAAe,SACf,UAAW,IACX,SAAU,SACV,IAAK,wCACL,SAAU,IACV,QAAS,CACP,KAAM,WACN,UAAW,IACX,UAAW,OACZ,CAED,QAAS,CACP,WAAY,gDACb,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__root`,jsx:[`Sidebar`],base:{backgroundColor:`var(--sidebar-background, {colors.neutral.background.2.enabled})`,display:`flex`,flexDirection:`column`,justifyContent:`flex-start`,alignItems:`stretch`,gap:`var(--sidebar-gap, {spacing.200})`,height:`var(--sidebar-height)`,width:`var(--sidebar-width)`,paddingInlineStart:`var(--sidebar-padding-inline-start, var(--sidebar-padding-inline))`,paddingInlineEnd:`var(--sidebar-padding-inline-end, var(--sidebar-padding-inline))`,paddingBlock:`var(--sidebar-padding-block, {spacing.400})`,transition:`var(--sidebar-transition, {animations.base.100})`,boxSizing:`border-box`,zIndex:`var(--sidebar-zindex, {zIndex.nav})`,
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__root`,jsx:[`Sidebar`],base:{backgroundColor:`var(--sidebar-background, {colors.neutral.background.2.enabled})`,display:`flex`,flexDirection:`column`,justifyContent:`flex-start`,alignItems:`stretch`,gap:`var(--sidebar-gap, {spacing.200})`,height:`var(--sidebar-height)`,width:`var(--sidebar-width)`,paddingInlineStart:`var(--sidebar-padding-inline-start, var(--sidebar-padding-inline))`,paddingInlineEnd:`var(--sidebar-padding-inline-end, var(--sidebar-padding-inline))`,paddingBlock:`var(--sidebar-padding-block, {spacing.400})`,transition:`var(--sidebar-transition, {animations.base.100})`,boxSizing:`border-box`,zIndex:`var(--sidebar-zindex, {zIndex.nav})`,_mdDown:{left:`-100%`,paddingTop:`0`,"&.show-nav":{zIndex:`nav`,left:`0`},"&.hide-nav":{zIndex:`deep`,opacity:`0`}},md:{gridArea:`var(--sidebar-grid-area, "sidebar")`,position:`var(--sidebar-position, sticky)`,top:`var(--sidebar-top, {spacing.100})`,alignItems:`stretch`,borderRadius:`var(--sidebar-radii, {radii.200})`,"&[data-collapsed=true]":{alignItems:`center`}}}});export{t as sidebarRoot};
|
|
2
2
|
//# sourceMappingURL=sidebar-root.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-root.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarRoot = defineRecipe({\n className: 'sidebar__root',\n jsx: ['Sidebar'],\n base: {\n backgroundColor:\n 'var(--sidebar-background, {colors.neutral.background.2.enabled})',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'flex-start',\n alignItems: 'stretch',\n gap: 'var(--sidebar-gap, {spacing.200})',\n height: 'var(--sidebar-height)',\n width: 'var(--sidebar-width)',\n paddingInlineStart:\n 'var(--sidebar-padding-inline-start, var(--sidebar-padding-inline))',\n paddingInlineEnd:\n 'var(--sidebar-padding-inline-end, var(--sidebar-padding-inline))',\n paddingBlock: 'var(--sidebar-padding-block, {spacing.400})',\n transition: 'var(--sidebar-transition, {animations.base.100})',\n boxSizing: 'border-box',\n zIndex: 'var(--sidebar-zindex, {zIndex.nav})',\n\n
|
|
1
|
+
{"version":3,"file":"sidebar-root.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarRoot = defineRecipe({\n className: 'sidebar__root',\n jsx: ['Sidebar'],\n base: {\n backgroundColor:\n 'var(--sidebar-background, {colors.neutral.background.2.enabled})',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'flex-start',\n alignItems: 'stretch',\n gap: 'var(--sidebar-gap, {spacing.200})',\n height: 'var(--sidebar-height)',\n width: 'var(--sidebar-width)',\n paddingInlineStart:\n 'var(--sidebar-padding-inline-start, var(--sidebar-padding-inline))',\n paddingInlineEnd:\n 'var(--sidebar-padding-inline-end, var(--sidebar-padding-inline))',\n paddingBlock: 'var(--sidebar-padding-block, {spacing.400})',\n transition: 'var(--sidebar-transition, {animations.base.100})',\n boxSizing: 'border-box',\n zIndex: 'var(--sidebar-zindex, {zIndex.nav})',\n\n _mdDown: {\n left: '-100%',\n paddingTop: '0',\n '&.show-nav': {\n zIndex: 'nav',\n left: '0',\n },\n '&.hide-nav': {\n zIndex: 'deep',\n opacity: '0',\n },\n },\n\n md: {\n gridArea: 'var(--sidebar-grid-area, \"sidebar\")',\n position: 'var(--sidebar-position, sticky)',\n top: 'var(--sidebar-top, {spacing.100})',\n alignItems: 'stretch',\n borderRadius: 'var(--sidebar-radii, {radii.200})',\n '&[data-collapsed=true]': {\n alignItems: 'center',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,gBACX,IAAK,CAAC,UAAU,CAChB,KAAM,CACJ,gBACE,mEACF,QAAS,OACT,cAAe,SACf,eAAgB,aAChB,WAAY,UACZ,IAAK,oCACL,OAAQ,wBACR,MAAO,uBACP,mBACE,qEACF,iBACE,mEACF,aAAc,8CACd,WAAY,mDACZ,UAAW,aACX,OAAQ,sCAER,QAAS,CACP,KAAM,QACN,WAAY,IACZ,aAAc,CACZ,OAAQ,MACR,KAAM,IACP,CACD,aAAc,CACZ,OAAQ,OACR,QAAS,IACV,CACF,CAED,GAAI,CACF,SAAU,sCACV,SAAU,kCACV,IAAK,oCACL,WAAY,UACZ,aAAc,oCACd,yBAA0B,CACxB,WAAY,SACb,CACF,CACF,CACF,CAAC"}
|
package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item-link-anchor.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__subnav__item-link__anchor`,jsx:[`Sidebar.Subnav`],base:{backgroundColor:`var(--sidebar-subnav-list-item-background, {colors.neutral.background.2.enabled})`,color:`var(--sidebar-subnav-list-item-foreground, {colors.neutral.foreground.2.enabled})`,display:`flex`,alignItems:`center`,justifyContent:`flex-start`,gap:`var(--sidebar-subnav-list-item-gap, {spacing.0})`,width:`100%`,height:`var(--sidebar-subnav-list-item-height, {sizes.500})`,paddingLeft:`var(--sidebar-subnav-list-item-padding-left, {spacing.300})`,paddingRight:`var(--sidebar-subnav-list-item-padding-right, {spacing.300})`,borderRadius:`var(--sidebar-subnav-list-item-border-radius, {radii.100})`,textDecoration:`none`,cursor:`pointer`,boxSizing:`border-box`,position:`relative`,zIndex:`foreground`,transition:`var(--sidebar-subnav-list-item-transition, {animations.base.100})`,
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__subnav__item-link__anchor`,jsx:[`Sidebar.Subnav`],base:{backgroundColor:`var(--sidebar-subnav-list-item-background, {colors.neutral.background.2.enabled})`,color:`var(--sidebar-subnav-list-item-foreground, {colors.neutral.foreground.2.enabled})`,display:`flex`,alignItems:`center`,justifyContent:`flex-start`,gap:`var(--sidebar-subnav-list-item-gap, {spacing.0})`,width:`100%`,height:`var(--sidebar-subnav-list-item-height, {sizes.500})`,paddingLeft:`var(--sidebar-subnav-list-item-padding-left, {spacing.300})`,paddingRight:`var(--sidebar-subnav-list-item-padding-right, {spacing.300})`,borderRadius:`var(--sidebar-subnav-list-item-border-radius, {radii.100})`,textDecoration:`none`,cursor:`pointer`,boxSizing:`border-box`,position:`relative`,zIndex:`foreground`,transition:`var(--sidebar-subnav-list-item-transition, {animations.base.100})`,md:{"[data-collapsed=true] &":{width:`auto!`}},_hover:{backgroundColor:`var(--sidebar-subnav-list-item-background-hovered, {colors.neutral.background.2.hovered})`,color:`var(--sidebar-subnav-list-item-foreground-hovered, {colors.neutral.foreground.2.hovered})`},_active:{backgroundColor:`var(--sidebar-subnav-list-item-background-active, {colors.neutral.background.2.selected})`,color:`var(--sidebar-subnav-list-item-foreground-active, {colors.neutral.foreground.2.selected})`},"&[data-selected=true]":{backgroundColor:`var(--sidebar-subnav-list-item-background-selected, {colors.neutral.background.2.primary.selectedHovered})`,color:`var(--sidebar-subnav-list-item-foreground-selected, {colors.neutral.foreground.2.primary.selectedHovered})`},"&[data-selected=true]:hover":{backgroundColor:`var(--sidebar-subnav-list-item-background-selected-hovered, {colors.neutral.background.2.primary.selectedHovered})`,color:`var(--sidebar-subnav-list-item-foreground-selected-hovered, {colors.neutral.foreground.2.primary.selectedHovered})`},"&:has(:focus-visible)":{outlineWidth:`var(--sidebar-subnav-list-item-focus-outline-width, {borders.200})`,outlineStyle:`var(--sidebar-subnav-list-item-focus-outline-style, solid)`,outlineColor:`var(--sidebar-subnav-list-item-focus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--sidebar-subnav-list-item-focus-outline-offset, {spacing.50})`}}});export{t as sidebarSubnavItemLinkAnchor};
|
|
2
2
|
//# sourceMappingURL=sidebar-subnav-item-link-anchor.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-subnav-item-link-anchor.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item-link-anchor.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarSubnavItemLinkAnchor = defineRecipe({\n className: 'sidebar__subnav__item-link__anchor',\n jsx: ['Sidebar.Subnav'],\n base: {\n backgroundColor:\n 'var(--sidebar-subnav-list-item-background, {colors.neutral.background.2.enabled})',\n color:\n 'var(--sidebar-subnav-list-item-foreground, {colors.neutral.foreground.2.enabled})',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n gap: 'var(--sidebar-subnav-list-item-gap, {spacing.0})',\n\n width: '100%',\n height: 'var(--sidebar-subnav-list-item-height, {sizes.500})',\n paddingLeft: 'var(--sidebar-subnav-list-item-padding-left, {spacing.300})',\n paddingRight:\n 'var(--sidebar-subnav-list-item-padding-right, {spacing.300})',\n\n borderRadius: 'var(--sidebar-subnav-list-item-border-radius, {radii.100})',\n textDecoration: 'none',\n cursor: 'pointer',\n boxSizing: 'border-box',\n position: 'relative',\n zIndex: 'foreground',\n\n transition:\n 'var(--sidebar-subnav-list-item-transition, {animations.base.100})',\n\n
|
|
1
|
+
{"version":3,"file":"sidebar-subnav-item-link-anchor.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item-link-anchor.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarSubnavItemLinkAnchor = defineRecipe({\n className: 'sidebar__subnav__item-link__anchor',\n jsx: ['Sidebar.Subnav'],\n base: {\n backgroundColor:\n 'var(--sidebar-subnav-list-item-background, {colors.neutral.background.2.enabled})',\n color:\n 'var(--sidebar-subnav-list-item-foreground, {colors.neutral.foreground.2.enabled})',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n gap: 'var(--sidebar-subnav-list-item-gap, {spacing.0})',\n\n width: '100%',\n height: 'var(--sidebar-subnav-list-item-height, {sizes.500})',\n paddingLeft: 'var(--sidebar-subnav-list-item-padding-left, {spacing.300})',\n paddingRight:\n 'var(--sidebar-subnav-list-item-padding-right, {spacing.300})',\n\n borderRadius: 'var(--sidebar-subnav-list-item-border-radius, {radii.100})',\n textDecoration: 'none',\n cursor: 'pointer',\n boxSizing: 'border-box',\n position: 'relative',\n zIndex: 'foreground',\n\n transition:\n 'var(--sidebar-subnav-list-item-transition, {animations.base.100})',\n\n md: {\n '[data-collapsed=true] &': {\n width: 'auto!',\n },\n },\n\n _hover: {\n backgroundColor:\n 'var(--sidebar-subnav-list-item-background-hovered, {colors.neutral.background.2.hovered})',\n color:\n 'var(--sidebar-subnav-list-item-foreground-hovered, {colors.neutral.foreground.2.hovered})',\n },\n _active: {\n backgroundColor:\n 'var(--sidebar-subnav-list-item-background-active, {colors.neutral.background.2.selected})',\n color:\n 'var(--sidebar-subnav-list-item-foreground-active, {colors.neutral.foreground.2.selected})',\n },\n '&[data-selected=true]': {\n backgroundColor:\n 'var(--sidebar-subnav-list-item-background-selected, {colors.neutral.background.2.primary.selectedHovered})',\n color:\n 'var(--sidebar-subnav-list-item-foreground-selected, {colors.neutral.foreground.2.primary.selectedHovered})',\n },\n '&[data-selected=true]:hover': {\n backgroundColor:\n 'var(--sidebar-subnav-list-item-background-selected-hovered, {colors.neutral.background.2.primary.selectedHovered})',\n color:\n 'var(--sidebar-subnav-list-item-foreground-selected-hovered, {colors.neutral.foreground.2.primary.selectedHovered})',\n },\n '&:has(:focus-visible)': {\n outlineWidth:\n 'var(--sidebar-subnav-list-item-focus-outline-width, {borders.200})',\n outlineStyle:\n 'var(--sidebar-subnav-list-item-focus-outline-style, solid)',\n outlineColor:\n 'var(--sidebar-subnav-list-item-focus-outline-color, {colors.primary.stroke.1.focused})',\n outlineOffset:\n 'var(--sidebar-subnav-list-item-focus-outline-offset, {spacing.50})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA8B,EAAa,CACtD,UAAW,qCACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,CACJ,gBACE,oFACF,MACE,oFACF,QAAS,OACT,WAAY,SACZ,eAAgB,aAChB,IAAK,mDAEL,MAAO,OACP,OAAQ,sDACR,YAAa,8DACb,aACE,+DAEF,aAAc,6DACd,eAAgB,OAChB,OAAQ,UACR,UAAW,aACX,SAAU,WACV,OAAQ,aAER,WACE,oEAEF,GAAI,CACF,0BAA2B,CACzB,MAAO,QACR,CACF,CAED,OAAQ,CACN,gBACE,4FACF,MACE,4FACH,CACD,QAAS,CACP,gBACE,4FACF,MACE,4FACH,CACD,wBAAyB,CACvB,gBACE,6GACF,MACE,6GACH,CACD,8BAA+B,CAC7B,gBACE,qHACF,MACE,qHACH,CACD,wBAAyB,CACvB,aACE,qEACF,aACE,6DACF,aACE,yFACF,cACE,qEACH,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__subnav__root`,jsx:[`Sidebar.Subnav`],base:{paddingLeft:`var(--sidebar-subnav-padding-left, {spacing.450})`,transformOrigin:`top`,"[data-collapsed=false] &":{animationName:`var(--sidebar-subnav-animation-name, expandY)`,animationDuration:`var(--sidebar-subnav-animation-duration, 150ms)`,animationTimingFunction:`var(--sidebar-subnav-animation-timing-function, ease-out)`,animationFillMode:`var(--sidebar-subnav-animation-fill-mode, both)`},
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__subnav__root`,jsx:[`Sidebar.Subnav`],base:{paddingLeft:`var(--sidebar-subnav-padding-left, {spacing.450})`,transformOrigin:`top`,"[data-collapsed=false] &":{animationName:`var(--sidebar-subnav-animation-name, expandY)`,animationDuration:`var(--sidebar-subnav-animation-duration, 150ms)`,animationTimingFunction:`var(--sidebar-subnav-animation-timing-function, ease-out)`,animationFillMode:`var(--sidebar-subnav-animation-fill-mode, both)`},md:{"[data-collapsed=true] &":{srOnly:!0}}}});export{t as sidebarSubnavRoot};
|
|
2
2
|
//# sourceMappingURL=sidebar-subnav-root.mjs.map
|
package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-root.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-subnav-root.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarSubnavRoot = defineRecipe({\n className: 'sidebar__subnav__root',\n jsx: ['Sidebar.Subnav'],\n base: {\n paddingLeft: 'var(--sidebar-subnav-padding-left, {spacing.450})',\n transformOrigin: 'top',\n\n '[data-collapsed=false] &': {\n animationName: 'var(--sidebar-subnav-animation-name, expandY)',\n animationDuration: 'var(--sidebar-subnav-animation-duration, 150ms)',\n animationTimingFunction:\n 'var(--sidebar-subnav-animation-timing-function, ease-out)',\n animationFillMode: 'var(--sidebar-subnav-animation-fill-mode, both)',\n },\n\n
|
|
1
|
+
{"version":3,"file":"sidebar-subnav-root.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarSubnavRoot = defineRecipe({\n className: 'sidebar__subnav__root',\n jsx: ['Sidebar.Subnav'],\n base: {\n paddingLeft: 'var(--sidebar-subnav-padding-left, {spacing.450})',\n transformOrigin: 'top',\n\n '[data-collapsed=false] &': {\n animationName: 'var(--sidebar-subnav-animation-name, expandY)',\n animationDuration: 'var(--sidebar-subnav-animation-duration, 150ms)',\n animationTimingFunction:\n 'var(--sidebar-subnav-animation-timing-function, ease-out)',\n animationFillMode: 'var(--sidebar-subnav-animation-fill-mode, both)',\n },\n\n md: {\n '[data-collapsed=true] &': {\n srOnly: true,\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAoB,EAAa,CAC5C,UAAW,wBACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,CACJ,YAAa,oDACb,gBAAiB,MAEjB,2BAA4B,CAC1B,cAAe,gDACf,kBAAmB,kDACnB,wBACE,4DACF,kBAAmB,kDACpB,CAED,GAAI,CACF,0BAA2B,CACzB,OAAQ,GACT,CACF,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__top-slot`,jsx:[`Sidebar`],base:{display:`flex`,flexDirection:`row`,justifyContent:`space-between`,alignItems:`center`,gap:`var(--sidebar-slot-gap, {spacing.200})`,paddingInlineStart:`var(--sidebar-slot-padding-inline-start, var(--sidebar-slot-padding-inline, {spacing.300}))`,paddingInlineEnd:`var(--sidebar-slot-padding-inline-end, var(--sidebar-slot-padding-inline, {spacing.300}))`,paddingBlock:`var(--sidebar-slot-padding-block, {spacing.0})`,width:`100%`,"[data-collapsed=true] &":{
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__top-slot`,jsx:[`Sidebar`],base:{display:`flex`,flexDirection:`row`,justifyContent:`space-between`,alignItems:`center`,gap:`var(--sidebar-slot-gap, {spacing.200})`,paddingInlineStart:`var(--sidebar-slot-padding-inline-start, var(--sidebar-slot-padding-inline, {spacing.300}))`,paddingInlineEnd:`var(--sidebar-slot-padding-inline-end, var(--sidebar-slot-padding-inline, {spacing.300}))`,paddingBlock:`var(--sidebar-slot-padding-block, {spacing.0})`,width:`100%`,"[data-collapsed=true] &":{md:{flexDirection:`column`}}}});export{t as sidebarTopSlot};
|
|
2
2
|
//# sourceMappingURL=sidebar-top-slot.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-top-slot.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-top-slot.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarTopSlot = defineRecipe({\n className: 'sidebar__top-slot',\n jsx: ['Sidebar'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignItems: 'center',\n gap: 'var(--sidebar-slot-gap, {spacing.200})',\n paddingInlineStart:\n 'var(--sidebar-slot-padding-inline-start, var(--sidebar-slot-padding-inline, {spacing.300}))',\n paddingInlineEnd:\n 'var(--sidebar-slot-padding-inline-end, var(--sidebar-slot-padding-inline, {spacing.300}))',\n paddingBlock: 'var(--sidebar-slot-padding-block, {spacing.0})',\n width: '100%',\n\n '[data-collapsed=true] &': {\n
|
|
1
|
+
{"version":3,"file":"sidebar-top-slot.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-top-slot.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarTopSlot = defineRecipe({\n className: 'sidebar__top-slot',\n jsx: ['Sidebar'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignItems: 'center',\n gap: 'var(--sidebar-slot-gap, {spacing.200})',\n paddingInlineStart:\n 'var(--sidebar-slot-padding-inline-start, var(--sidebar-slot-padding-inline, {spacing.300}))',\n paddingInlineEnd:\n 'var(--sidebar-slot-padding-inline-end, var(--sidebar-slot-padding-inline, {spacing.300}))',\n paddingBlock: 'var(--sidebar-slot-padding-block, {spacing.0})',\n width: '100%',\n\n '[data-collapsed=true] &': {\n md: {\n flexDirection: 'column',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,oBACX,IAAK,CAAC,UAAU,CAChB,KAAM,CACJ,QAAS,OACT,cAAe,MACf,eAAgB,gBAChB,WAAY,SACZ,IAAK,yCACL,mBACE,8FACF,iBACE,4FACF,aAAc,iDACd,MAAO,OAEP,0BAA2B,CACzB,GAAI,CACF,cAAe,SAChB,CACF,CACF,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar`,jsx:[`Sidebar`],base:{"--sidebar-grid-area":`sidebar`,"--sidebar-position":`fixed`,"--sidebar-background":`{colors.neutral.background.2.enabled}`,"--sidebar-gap":`{spacing.200}`,"--sidebar-width":`16.5rem`,"--sidebar-height":`100dvh`,"--sidebar-top":`{spacing.100}`,"--sidebar-padding-block":`{spacing.400}`,"--sidebar-padding-inline-base":`{spacing.350}`,"--sidebar-padding-inline":`var(--sidebar-padding-inline-start, var(--sidebar-padding-inline-base))`,"--sidebar-padding-inline-start":`max(0px, calc(var(--sidebar-padding-inline-base) - var(--sidebar-nav-focus-safe-padding-inline-start, 0px)))`,"--sidebar-padding-inline-end":`max(0px, calc(var(--sidebar-padding-inline-base) - var(--sidebar-nav-focus-safe-padding-inline-end, 0px)))`,"--sidebar-radii":`{radii.200}`,"--sidebar-transition":`{animations.base.100}`,"--sidebar-zindex":`{zIndex.nav}`,"--sidebar-slot-gap":`{spacing.200}`,"--sidebar-slot-padding-block":`{spacing.0}`,"--sidebar-slot-padding-inline":`var(--sidebar-padding-inline-base)`,"--sidebar-slot-padding-inline-start":`var(--sidebar-slot-padding-inline)`,"--sidebar-slot-padding-inline-end":`var(--sidebar-slot-padding-inline)`,"--sidebar-nav-gap":`{spacing.300}`,"--sidebar-nav-padding-top":`{spacing.400}`,"--sidebar-nav-height":`calc(100dvh - token(spacing.1000))`,"--sidebar-nav-background":`transparent`,"--sidebar-nav-border-color":`transparent`,"--sidebar-nav-border-top-width":`{borders.0}`,"--sidebar-nav-border-bottom-width":`{borders.0}`,"--sidebar-nav-border-left-width":`{borders.0}`,"--sidebar-nav-border-right-width":`{borders.0}`,"--sidebar-nav-border-radius":`{radii.0}`,"--sidebar-nav-focus-safe-padding-inline":`calc(var(--sidebar-nav-list-item-focus-outline-width) + var(--sidebar-nav-list-item-focus-outline-offset))`,"--sidebar-nav-focus-safe-padding-block":`calc(var(--sidebar-nav-list-item-focus-outline-width) + var(--sidebar-nav-list-item-focus-outline-offset))`,"--sidebar-nav-focus-safe-padding-inline-start":`var(--sidebar-nav-focus-safe-padding-inline)`,"--sidebar-nav-focus-safe-padding-inline-end":`calc(var(--sidebar-nav-focus-safe-padding-inline) + var(--sidebar-scrollarea-autosize-scrollbar-size))`,"--sidebar-scrollarea-autosize-height":`100%`,"--sidebar-scrollarea-autosize-max-height":`100%`,"--sidebar-scrollarea-autosize-scrollbar-size":`{sizes.50}`,"--sidebar-scrollarea-autosize-scrollbar-inline-offset":`0`,"--sidebar-scrollarea-autosize-scrollbar-background":`{colors.neutral.background.alpha.1.enabled}`,"--sidebar-scrollarea-autosize-scrollbar-background-hover":`{colors.neutral.background.alpha.2.enabled}`,"--sidebar-scrollarea-autosize-thumb-background":`{colors.neutral.background.4.enabled}`,"--sidebar-scrollarea-autosize-thumb-background-hover":`{colors.neutral.background.5.enabled}`,"--sidebar-scrollarea-autosize-overflow-y-behavior":`auto`,"--sidebar-scrollarea-autosize-overflow-x-behavior":`hidden`,"--sidebar-scrollarea-autosize-viewport-padding-block-start":`var(--sidebar-nav-focus-safe-padding-block)`,"--sidebar-scrollarea-autosize-viewport-padding-block-end":`var(--sidebar-nav-focus-safe-padding-block)`,"--sidebar-scrollarea-autosize-viewport-padding-inline-start":`var(--sidebar-nav-focus-safe-padding-inline-start)`,"--sidebar-scrollarea-autosize-viewport-padding-inline-end":`var(--sidebar-nav-focus-safe-padding-inline-end)`,"--sidebar-nav-group-gap":`{spacing.300}`,"--sidebar-nav-group-padding-top":`{spacing.200}`,"--sidebar-nav-group-padding-bottom":`{spacing.400}`,"--sidebar-nav-group-padding-inline":`{spacing.0}`,"--sidebar-nav-group-background":`transparent`,"--sidebar-nav-group-border-color":`{colors.neutral.stroke.7.enabled}`,"--sidebar-nav-group-border-top-width":`{borders.0}`,"--sidebar-nav-group-border-bottom-width":`{borders.100}`,"--sidebar-nav-group-border-left-width":`{borders.0}`,"--sidebar-nav-group-border-right-width":`{borders.0}`,"--sidebar-nav-group-radii":`{radii.0}`,"--sidebar-nav-group-title-font-size":`{fontSizes.200}`,"--sidebar-nav-group-title-font-weight":`{fontWeights.medium}`,"--sidebar-nav-group-title-color":`{colors.neutral.foreground.3.enabled}`,"--sidebar-nav-group-title-text-transform":`uppercase`,"--sidebar-nav-group-title-padding-block":`{spacing.0}`,"--sidebar-nav-group-title-padding-inline":`var(--sidebar-nav-list-item-padding-inline, {spacing.300})`,"--sidebar-nav-list-gap":`{spacing.200}`,"--sidebar-nav-list-padding":`{spacing.0}`,"--sidebar-nav-list-margin":`{spacing.0}`,"--sidebar-nav-list-item-height":`{sizes.600}`,"--sidebar-nav-list-item-gap":`{spacing.300}`,"--sidebar-nav-list-item-transition":`{animations.base.100}`,"--sidebar-nav-list-item-padding-inline":`{spacing.300}`,"--sidebar-nav-list-item-radii":`{radii.100}`,"--sidebar-nav-list-item-background":`transparent`,"--sidebar-nav-list-item-background-hovered":`{colors.neutral.background.2.hovered}`,"--sidebar-nav-list-item-background-active":`{colors.neutral.background.2.selected}`,"--sidebar-nav-list-item-background-selected":`{colors.neutral.background.2.primary.selected}`,"--sidebar-nav-list-item-background-selected-hovered":`{colors.neutral.background.2.primary.selectedHovered}`,"--sidebar-nav-list-item-background-expanded":`{colors.neutral.background.2.primary.selected}`,"--sidebar-nav-list-item-background-expanded-hovered":`{colors.neutral.background.2.primary.selectedHovered}`,"--sidebar-nav-list-item-foreground":`{colors.neutral.foreground.2.enabled}`,"--sidebar-nav-list-item-foreground-hovered":`{colors.neutral.foreground.2.primary.hovered}`,"--sidebar-nav-list-item-foreground-active":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-nav-list-item-foreground-selected":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-nav-list-item-foreground-selected-hovered":`{colors.neutral.foreground.2.primary.selectedHovered}`,"--sidebar-nav-list-item-foreground-expanded":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-nav-list-item-foreground-expanded-hovered":`{colors.neutral.foreground.2.primary.selectedHovered}`,"--sidebar-nav-item-button-icon-toggle-size":`{sizes.300}`,"--sidebar-nav-item-label-font-size":`{fontSizes.400}`,"--sidebar-nav-item-label-font-weight":`{fontWeights.medium}`,"--sidebar-nav-item-label-text-transform":`none`,"--sidebar-nav-list-item-focus-outline-width":`{borders.200}`,"--sidebar-nav-list-item-focus-outline-style":`solid`,"--sidebar-nav-list-item-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--sidebar-nav-list-item-focus-outline-offset":`{spacing.50}`,"--sidebar-subnav-list-stroke-color":`{colors.neutral.stroke.6.enabled}`,"--sidebar-subnav-zindex":`{zIndex.dropdown}`,"--sidebar-subnav-animation-name":`expandY`,"--sidebar-subnav-animation-duration":`150ms`,"--sidebar-subnav-animation-timing-function":`ease-out`,"--sidebar-subnav-animation-fill-mode":`both`,"--sidebar-subnav-padding-left":`{spacing.450}`,"--sidebar-subnav-list-gap":`{spacing.0}`,"--sidebar-subnav-list-padding-top":`{spacing.100}`,"--sidebar-subnav-collapsed-background":`{colors.neutral.background.2.enabled}`,"--sidebar-subnav-collapsed-padding-block":`{spacing.400}`,"--sidebar-subnav-collapsed-padding-inline":`{spacing.450}`,"--sidebar-subnav-collapsed-margin-left":`{spacing.50}`,"--sidebar-subnav-collapsed-border-radius":`{radii.200}`,"--sidebar-subnav-list-item-height":`{sizes.500}`,"--sidebar-subnav-list-item-padding-left":`{spacing.300}`,"--sidebar-subnav-list-item-padding-right":`{spacing.300}`,"--sidebar-subnav-list-item-padding-block":`{spacing.100}`,"--sidebar-subnav-list-item-border-radius":`{radii.100}`,"--sidebar-subnav-list-item-transition":`{animations.base.100}`,"--sidebar-subnav-list-stroke-width":`{borders.100}`,"--sidebar-subnav-list-item-gap":`{spacing.0}`,"--sidebar-subnav-list-item-background":`{colors.neutral.background.2.enabled}`,"--sidebar-subnav-list-item-background-hovered":`{colors.neutral.background.2.hovered}`,"--sidebar-subnav-list-item-background-active":`{colors.neutral.background.2.selected}`,"--sidebar-subnav-list-item-background-selected":`{colors.neutral.background.2.primary.selected}`,"--sidebar-subnav-list-item-background-selected-hovered":`{colors.neutral.background.2.primary.selectedHovered}`,"--sidebar-subnav-list-item-foreground":`{colors.neutral.foreground.3.enabled}`,"--sidebar-subnav-list-item-foreground-hovered":`{colors.neutral.foreground.2.primary.hovered}`,"--sidebar-subnav-list-item-foreground-active":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-subnav-list-item-foreground-selected":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-subnav-list-item-foreground-selected-hovered":`{colors.neutral.foreground.2.primary.selectedHovered}`,"--sidebar-subnav-list-item-focus-outline-width":`{borders.200}`,"--sidebar-subnav-list-item-focus-outline-style":`solid`,"--sidebar-subnav-list-item-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--sidebar-subnav-list-item-focus-outline-offset":`{spacing.50}`,"--sidebar-subnav-list-item-label-font-size":`{fontSizes.300}`,"--sidebar-subnav-list-item-label-font-weight":`{fontWeights.medium}`,"--sidebar-subnav-list-item-label-text-transform":`none`,
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar`,jsx:[`Sidebar`],base:{"--sidebar-grid-area":`sidebar`,"--sidebar-position":`fixed`,"--sidebar-background":`{colors.neutral.background.2.enabled}`,"--sidebar-gap":`{spacing.200}`,"--sidebar-width":`16.5rem`,"--sidebar-height":`100dvh`,"--sidebar-top":`{spacing.100}`,"--sidebar-padding-block":`{spacing.400}`,"--sidebar-padding-inline-base":`{spacing.350}`,"--sidebar-padding-inline":`var(--sidebar-padding-inline-start, var(--sidebar-padding-inline-base))`,"--sidebar-padding-inline-start":`max(0px, calc(var(--sidebar-padding-inline-base) - var(--sidebar-nav-focus-safe-padding-inline-start, 0px)))`,"--sidebar-padding-inline-end":`max(0px, calc(var(--sidebar-padding-inline-base) - var(--sidebar-nav-focus-safe-padding-inline-end, 0px)))`,"--sidebar-radii":`{radii.200}`,"--sidebar-transition":`{animations.base.100}`,"--sidebar-zindex":`{zIndex.nav}`,"--sidebar-slot-gap":`{spacing.200}`,"--sidebar-slot-padding-block":`{spacing.0}`,"--sidebar-slot-padding-inline":`var(--sidebar-padding-inline-base)`,"--sidebar-slot-padding-inline-start":`var(--sidebar-slot-padding-inline)`,"--sidebar-slot-padding-inline-end":`var(--sidebar-slot-padding-inline)`,"--sidebar-nav-gap":`{spacing.300}`,"--sidebar-nav-padding-top":`{spacing.400}`,"--sidebar-nav-height":`calc(100dvh - token(spacing.1000))`,"--sidebar-nav-background":`transparent`,"--sidebar-nav-border-color":`transparent`,"--sidebar-nav-border-top-width":`{borders.0}`,"--sidebar-nav-border-bottom-width":`{borders.0}`,"--sidebar-nav-border-left-width":`{borders.0}`,"--sidebar-nav-border-right-width":`{borders.0}`,"--sidebar-nav-border-radius":`{radii.0}`,"--sidebar-nav-focus-safe-padding-inline":`calc(var(--sidebar-nav-list-item-focus-outline-width) + var(--sidebar-nav-list-item-focus-outline-offset))`,"--sidebar-nav-focus-safe-padding-block":`calc(var(--sidebar-nav-list-item-focus-outline-width) + var(--sidebar-nav-list-item-focus-outline-offset))`,"--sidebar-nav-focus-safe-padding-inline-start":`var(--sidebar-nav-focus-safe-padding-inline)`,"--sidebar-nav-focus-safe-padding-inline-end":`calc(var(--sidebar-nav-focus-safe-padding-inline) + var(--sidebar-scrollarea-autosize-scrollbar-size))`,"--sidebar-scrollarea-autosize-height":`100%`,"--sidebar-scrollarea-autosize-max-height":`100%`,"--sidebar-scrollarea-autosize-scrollbar-size":`{sizes.50}`,"--sidebar-scrollarea-autosize-scrollbar-inline-offset":`0`,"--sidebar-scrollarea-autosize-scrollbar-background":`{colors.neutral.background.alpha.1.enabled}`,"--sidebar-scrollarea-autosize-scrollbar-background-hover":`{colors.neutral.background.alpha.2.enabled}`,"--sidebar-scrollarea-autosize-thumb-background":`{colors.neutral.background.4.enabled}`,"--sidebar-scrollarea-autosize-thumb-background-hover":`{colors.neutral.background.5.enabled}`,"--sidebar-scrollarea-autosize-overflow-y-behavior":`auto`,"--sidebar-scrollarea-autosize-overflow-x-behavior":`hidden`,"--sidebar-scrollarea-autosize-viewport-padding-block-start":`var(--sidebar-nav-focus-safe-padding-block)`,"--sidebar-scrollarea-autosize-viewport-padding-block-end":`var(--sidebar-nav-focus-safe-padding-block)`,"--sidebar-scrollarea-autosize-viewport-padding-inline-start":`var(--sidebar-nav-focus-safe-padding-inline-start)`,"--sidebar-scrollarea-autosize-viewport-padding-inline-end":`var(--sidebar-nav-focus-safe-padding-inline-end)`,"--sidebar-nav-group-gap":`{spacing.300}`,"--sidebar-nav-group-padding-top":`{spacing.200}`,"--sidebar-nav-group-padding-bottom":`{spacing.400}`,"--sidebar-nav-group-padding-inline":`{spacing.0}`,"--sidebar-nav-group-background":`transparent`,"--sidebar-nav-group-border-color":`{colors.neutral.stroke.7.enabled}`,"--sidebar-nav-group-border-top-width":`{borders.0}`,"--sidebar-nav-group-border-bottom-width":`{borders.100}`,"--sidebar-nav-group-border-left-width":`{borders.0}`,"--sidebar-nav-group-border-right-width":`{borders.0}`,"--sidebar-nav-group-radii":`{radii.0}`,"--sidebar-nav-group-title-font-size":`{fontSizes.200}`,"--sidebar-nav-group-title-font-weight":`{fontWeights.medium}`,"--sidebar-nav-group-title-color":`{colors.neutral.foreground.3.enabled}`,"--sidebar-nav-group-title-text-transform":`uppercase`,"--sidebar-nav-group-title-padding-block":`{spacing.0}`,"--sidebar-nav-group-title-padding-inline":`var(--sidebar-nav-list-item-padding-inline, {spacing.300})`,"--sidebar-nav-list-gap":`{spacing.200}`,"--sidebar-nav-list-padding":`{spacing.0}`,"--sidebar-nav-list-margin":`{spacing.0}`,"--sidebar-nav-list-item-height":`{sizes.600}`,"--sidebar-nav-list-item-gap":`{spacing.300}`,"--sidebar-nav-list-item-transition":`{animations.base.100}`,"--sidebar-nav-list-item-padding-inline":`{spacing.300}`,"--sidebar-nav-list-item-radii":`{radii.100}`,"--sidebar-nav-list-item-background":`transparent`,"--sidebar-nav-list-item-background-hovered":`{colors.neutral.background.2.hovered}`,"--sidebar-nav-list-item-background-active":`{colors.neutral.background.2.selected}`,"--sidebar-nav-list-item-background-selected":`{colors.neutral.background.2.primary.selected}`,"--sidebar-nav-list-item-background-selected-hovered":`{colors.neutral.background.2.primary.selectedHovered}`,"--sidebar-nav-list-item-background-expanded":`{colors.neutral.background.2.primary.selected}`,"--sidebar-nav-list-item-background-expanded-hovered":`{colors.neutral.background.2.primary.selectedHovered}`,"--sidebar-nav-list-item-foreground":`{colors.neutral.foreground.2.enabled}`,"--sidebar-nav-list-item-foreground-hovered":`{colors.neutral.foreground.2.primary.hovered}`,"--sidebar-nav-list-item-foreground-active":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-nav-list-item-foreground-selected":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-nav-list-item-foreground-selected-hovered":`{colors.neutral.foreground.2.primary.selectedHovered}`,"--sidebar-nav-list-item-foreground-expanded":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-nav-list-item-foreground-expanded-hovered":`{colors.neutral.foreground.2.primary.selectedHovered}`,"--sidebar-nav-item-button-icon-toggle-size":`{sizes.300}`,"--sidebar-nav-item-label-font-size":`{fontSizes.400}`,"--sidebar-nav-item-label-font-weight":`{fontWeights.medium}`,"--sidebar-nav-item-label-text-transform":`none`,"--sidebar-nav-list-item-focus-outline-width":`{borders.200}`,"--sidebar-nav-list-item-focus-outline-style":`solid`,"--sidebar-nav-list-item-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--sidebar-nav-list-item-focus-outline-offset":`{spacing.50}`,"--sidebar-subnav-list-stroke-color":`{colors.neutral.stroke.6.enabled}`,"--sidebar-subnav-zindex":`{zIndex.dropdown}`,"--sidebar-subnav-animation-name":`expandY`,"--sidebar-subnav-animation-duration":`150ms`,"--sidebar-subnav-animation-timing-function":`ease-out`,"--sidebar-subnav-animation-fill-mode":`both`,"--sidebar-subnav-padding-left":`{spacing.450}`,"--sidebar-subnav-list-gap":`{spacing.0}`,"--sidebar-subnav-list-padding-top":`{spacing.100}`,"--sidebar-subnav-collapsed-background":`{colors.neutral.background.2.enabled}`,"--sidebar-subnav-collapsed-padding-block":`{spacing.400}`,"--sidebar-subnav-collapsed-padding-inline":`{spacing.450}`,"--sidebar-subnav-collapsed-margin-left":`{spacing.50}`,"--sidebar-subnav-collapsed-border-radius":`{radii.200}`,"--sidebar-subnav-list-item-height":`{sizes.500}`,"--sidebar-subnav-list-item-padding-left":`{spacing.300}`,"--sidebar-subnav-list-item-padding-right":`{spacing.300}`,"--sidebar-subnav-list-item-padding-block":`{spacing.100}`,"--sidebar-subnav-list-item-border-radius":`{radii.100}`,"--sidebar-subnav-list-item-transition":`{animations.base.100}`,"--sidebar-subnav-list-stroke-width":`{borders.100}`,"--sidebar-subnav-list-item-gap":`{spacing.0}`,"--sidebar-subnav-list-item-background":`{colors.neutral.background.2.enabled}`,"--sidebar-subnav-list-item-background-hovered":`{colors.neutral.background.2.hovered}`,"--sidebar-subnav-list-item-background-active":`{colors.neutral.background.2.selected}`,"--sidebar-subnav-list-item-background-selected":`{colors.neutral.background.2.primary.selected}`,"--sidebar-subnav-list-item-background-selected-hovered":`{colors.neutral.background.2.primary.selectedHovered}`,"--sidebar-subnav-list-item-foreground":`{colors.neutral.foreground.3.enabled}`,"--sidebar-subnav-list-item-foreground-hovered":`{colors.neutral.foreground.2.primary.hovered}`,"--sidebar-subnav-list-item-foreground-active":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-subnav-list-item-foreground-selected":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-subnav-list-item-foreground-selected-hovered":`{colors.neutral.foreground.2.primary.selectedHovered}`,"--sidebar-subnav-list-item-focus-outline-width":`{borders.200}`,"--sidebar-subnav-list-item-focus-outline-style":`solid`,"--sidebar-subnav-list-item-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--sidebar-subnav-list-item-focus-outline-offset":`{spacing.50}`,"--sidebar-subnav-list-item-label-font-size":`{fontSizes.300}`,"--sidebar-subnav-list-item-label-font-weight":`{fontWeights.medium}`,"--sidebar-subnav-list-item-label-text-transform":`none`,md:{"--sidebar-position":`sticky`,"--sidebar-height":`calc(100dvh - 0.5rem)`,"--sidebar-nav-list-item-height":`2.75rem`,"--sidebar-nav-item-label-font-size":`{fontSizes.300}`,"&[data-collapsed=true]":{"--sidebar-width":`3.5rem`,"--sidebar-padding-inline-base":`{spacing.100}`,"--sidebar-nav-focus-safe-padding-inline-start":`calc(var(--sidebar-nav-focus-safe-padding-inline) + (var(--sidebar-scrollarea-autosize-scrollbar-size) / 2))`,"--sidebar-nav-focus-safe-padding-inline-end":`calc(var(--sidebar-nav-focus-safe-padding-inline) + (var(--sidebar-scrollarea-autosize-scrollbar-size) / 2))`}}}});export{t as sidebar};
|
|
2
2
|
//# sourceMappingURL=sidebar.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebar = defineRecipe({\n className: 'sidebar',\n jsx: ['Sidebar'],\n base: {\n /* root */\n '--sidebar-grid-area': 'sidebar',\n\n '--sidebar-position': 'fixed',\n '--sidebar-background': '{colors.neutral.background.2.enabled}',\n '--sidebar-gap': '{spacing.200}',\n '--sidebar-width': '16.5rem',\n '--sidebar-height': '100dvh',\n '--sidebar-top': '{spacing.100}',\n '--sidebar-padding-block': '{spacing.400}',\n '--sidebar-padding-inline-base': '{spacing.350}',\n '--sidebar-padding-inline':\n 'var(--sidebar-padding-inline-start, var(--sidebar-padding-inline-base))',\n '--sidebar-padding-inline-start':\n 'max(0px, calc(var(--sidebar-padding-inline-base) - var(--sidebar-nav-focus-safe-padding-inline-start, 0px)))',\n '--sidebar-padding-inline-end':\n 'max(0px, calc(var(--sidebar-padding-inline-base) - var(--sidebar-nav-focus-safe-padding-inline-end, 0px)))',\n '--sidebar-radii': '{radii.200}',\n '--sidebar-transition': '{animations.base.100}',\n '--sidebar-zindex': '{zIndex.nav}',\n\n /* slots */\n '--sidebar-slot-gap': '{spacing.200}',\n '--sidebar-slot-padding-block': '{spacing.0}',\n '--sidebar-slot-padding-inline': 'var(--sidebar-padding-inline-base)',\n '--sidebar-slot-padding-inline-start': 'var(--sidebar-slot-padding-inline)',\n '--sidebar-slot-padding-inline-end': 'var(--sidebar-slot-padding-inline)',\n\n /* nav */\n '--sidebar-nav-gap': '{spacing.300}',\n '--sidebar-nav-padding-top': '{spacing.400}',\n '--sidebar-nav-height': 'calc(100dvh - token(spacing.1000))',\n '--sidebar-nav-background': 'transparent',\n '--sidebar-nav-border-color': 'transparent',\n '--sidebar-nav-border-top-width': '{borders.0}',\n '--sidebar-nav-border-bottom-width': '{borders.0}',\n '--sidebar-nav-border-left-width': '{borders.0}',\n '--sidebar-nav-border-right-width': '{borders.0}',\n '--sidebar-nav-border-radius': '{radii.0}',\n '--sidebar-nav-focus-safe-padding-inline':\n 'calc(var(--sidebar-nav-list-item-focus-outline-width) + var(--sidebar-nav-list-item-focus-outline-offset))',\n '--sidebar-nav-focus-safe-padding-block':\n 'calc(var(--sidebar-nav-list-item-focus-outline-width) + var(--sidebar-nav-list-item-focus-outline-offset))',\n '--sidebar-nav-focus-safe-padding-inline-start':\n 'var(--sidebar-nav-focus-safe-padding-inline)',\n '--sidebar-nav-focus-safe-padding-inline-end':\n 'calc(var(--sidebar-nav-focus-safe-padding-inline) + var(--sidebar-scrollarea-autosize-scrollbar-size))',\n\n /* nav scroll area autosize */\n '--sidebar-scrollarea-autosize-height': '100%',\n '--sidebar-scrollarea-autosize-max-height': '100%',\n '--sidebar-scrollarea-autosize-scrollbar-size': '{sizes.50}',\n '--sidebar-scrollarea-autosize-scrollbar-inline-offset': '0',\n '--sidebar-scrollarea-autosize-scrollbar-background':\n '{colors.neutral.background.alpha.1.enabled}',\n '--sidebar-scrollarea-autosize-scrollbar-background-hover':\n '{colors.neutral.background.alpha.2.enabled}',\n '--sidebar-scrollarea-autosize-thumb-background':\n '{colors.neutral.background.4.enabled}',\n '--sidebar-scrollarea-autosize-thumb-background-hover':\n '{colors.neutral.background.5.enabled}',\n '--sidebar-scrollarea-autosize-overflow-y-behavior': 'auto',\n '--sidebar-scrollarea-autosize-overflow-x-behavior': 'hidden',\n '--sidebar-scrollarea-autosize-viewport-padding-block-start':\n 'var(--sidebar-nav-focus-safe-padding-block)',\n '--sidebar-scrollarea-autosize-viewport-padding-block-end':\n 'var(--sidebar-nav-focus-safe-padding-block)',\n '--sidebar-scrollarea-autosize-viewport-padding-inline-start':\n 'var(--sidebar-nav-focus-safe-padding-inline-start)',\n '--sidebar-scrollarea-autosize-viewport-padding-inline-end':\n 'var(--sidebar-nav-focus-safe-padding-inline-end)',\n\n /* nav group */\n '--sidebar-nav-group-gap': '{spacing.300}',\n '--sidebar-nav-group-padding-top': '{spacing.200}',\n '--sidebar-nav-group-padding-bottom': '{spacing.400}',\n '--sidebar-nav-group-padding-inline': '{spacing.0}',\n '--sidebar-nav-group-background': 'transparent',\n '--sidebar-nav-group-border-color': '{colors.neutral.stroke.7.enabled}',\n '--sidebar-nav-group-border-top-width': '{borders.0}',\n '--sidebar-nav-group-border-bottom-width': '{borders.100}',\n '--sidebar-nav-group-border-left-width': '{borders.0}',\n '--sidebar-nav-group-border-right-width': '{borders.0}',\n '--sidebar-nav-group-radii': '{radii.0}',\n\n /* nav group title */\n '--sidebar-nav-group-title-font-size': '{fontSizes.200}',\n '--sidebar-nav-group-title-font-weight': '{fontWeights.medium}',\n '--sidebar-nav-group-title-color': '{colors.neutral.foreground.3.enabled}',\n '--sidebar-nav-group-title-text-transform': 'uppercase',\n '--sidebar-nav-group-title-padding-block': '{spacing.0}',\n '--sidebar-nav-group-title-padding-inline':\n 'var(--sidebar-nav-list-item-padding-inline, {spacing.300})',\n\n /* nav list */\n '--sidebar-nav-list-gap': '{spacing.200}',\n '--sidebar-nav-list-padding': '{spacing.0}',\n '--sidebar-nav-list-margin': '{spacing.0}',\n\n /* nav list item */\n '--sidebar-nav-list-item-height': '{sizes.600}',\n '--sidebar-nav-list-item-gap': '{spacing.300}',\n '--sidebar-nav-list-item-transition': '{animations.base.100}',\n '--sidebar-nav-list-item-padding-inline': '{spacing.300}',\n '--sidebar-nav-list-item-radii': '{radii.100}',\n '--sidebar-nav-list-item-background': 'transparent',\n '--sidebar-nav-list-item-background-hovered':\n '{colors.neutral.background.2.hovered}',\n '--sidebar-nav-list-item-background-active':\n '{colors.neutral.background.2.selected}',\n '--sidebar-nav-list-item-background-selected':\n '{colors.neutral.background.2.primary.selected}',\n '--sidebar-nav-list-item-background-selected-hovered':\n '{colors.neutral.background.2.primary.selectedHovered}',\n '--sidebar-nav-list-item-background-expanded':\n '{colors.neutral.background.2.primary.selected}',\n '--sidebar-nav-list-item-background-expanded-hovered':\n '{colors.neutral.background.2.primary.selectedHovered}',\n '--sidebar-nav-list-item-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--sidebar-nav-list-item-foreground-hovered':\n '{colors.neutral.foreground.2.primary.hovered}',\n '--sidebar-nav-list-item-foreground-active':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-nav-list-item-foreground-selected':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-nav-list-item-foreground-selected-hovered':\n '{colors.neutral.foreground.2.primary.selectedHovered}',\n '--sidebar-nav-list-item-foreground-expanded':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-nav-list-item-foreground-expanded-hovered':\n '{colors.neutral.foreground.2.primary.selectedHovered}',\n\n /* nav item button */\n '--sidebar-nav-item-button-icon-toggle-size': '{sizes.300}',\n\n /* nav item label */\n '--sidebar-nav-item-label-font-size': '{fontSizes.400}',\n '--sidebar-nav-item-label-font-weight': '{fontWeights.medium}',\n '--sidebar-nav-item-label-text-transform': 'none',\n\n '--sidebar-nav-list-item-focus-outline-width': '{borders.200}',\n '--sidebar-nav-list-item-focus-outline-style': 'solid',\n '--sidebar-nav-list-item-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--sidebar-nav-list-item-focus-outline-offset': '{spacing.50}',\n\n /* subnav */\n '--sidebar-subnav-list-stroke-color': '{colors.neutral.stroke.6.enabled}',\n\n '--sidebar-subnav-zindex': '{zIndex.dropdown}',\n '--sidebar-subnav-animation-name': 'expandY',\n '--sidebar-subnav-animation-duration': '150ms',\n '--sidebar-subnav-animation-timing-function': 'ease-out',\n '--sidebar-subnav-animation-fill-mode': 'both',\n '--sidebar-subnav-padding-left': '{spacing.450}',\n '--sidebar-subnav-list-gap': '{spacing.0}',\n '--sidebar-subnav-list-padding-top': '{spacing.100}',\n\n /* subnav collapsed */\n '--sidebar-subnav-collapsed-background':\n '{colors.neutral.background.2.enabled}',\n '--sidebar-subnav-collapsed-padding-block': '{spacing.400}',\n '--sidebar-subnav-collapsed-padding-inline': '{spacing.450}',\n '--sidebar-subnav-collapsed-margin-left': '{spacing.50}',\n '--sidebar-subnav-collapsed-border-radius': '{radii.200}',\n\n /* subnav list item */\n '--sidebar-subnav-list-item-height': '{sizes.500}',\n '--sidebar-subnav-list-item-padding-left': '{spacing.300}',\n '--sidebar-subnav-list-item-padding-right': '{spacing.300}',\n '--sidebar-subnav-list-item-padding-block': '{spacing.100}',\n '--sidebar-subnav-list-item-border-radius': '{radii.100}',\n '--sidebar-subnav-list-item-transition': '{animations.base.100}',\n '--sidebar-subnav-list-stroke-width': '{borders.100}',\n '--sidebar-subnav-list-item-gap': '{spacing.0}',\n '--sidebar-subnav-list-item-background':\n '{colors.neutral.background.2.enabled}',\n '--sidebar-subnav-list-item-background-hovered':\n '{colors.neutral.background.2.hovered}',\n '--sidebar-subnav-list-item-background-active':\n '{colors.neutral.background.2.selected}',\n '--sidebar-subnav-list-item-background-selected':\n '{colors.neutral.background.2.primary.selected}',\n '--sidebar-subnav-list-item-background-selected-hovered':\n '{colors.neutral.background.2.primary.selectedHovered}',\n '--sidebar-subnav-list-item-foreground':\n '{colors.neutral.foreground.3.enabled}',\n '--sidebar-subnav-list-item-foreground-hovered':\n '{colors.neutral.foreground.2.primary.hovered}',\n '--sidebar-subnav-list-item-foreground-active':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-subnav-list-item-foreground-selected':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-subnav-list-item-foreground-selected-hovered':\n '{colors.neutral.foreground.2.primary.selectedHovered}',\n\n '--sidebar-subnav-list-item-focus-outline-width': '{borders.200}',\n '--sidebar-subnav-list-item-focus-outline-style': 'solid',\n '--sidebar-subnav-list-item-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--sidebar-subnav-list-item-focus-outline-offset': '{spacing.50}',\n\n /* subnav list item label */\n '--sidebar-subnav-list-item-label-font-size': '{fontSizes.300}',\n '--sidebar-subnav-list-item-label-font-weight': '{fontWeights.medium}',\n '--sidebar-subnav-list-item-label-text-transform': 'none',\n\n tablet: {\n /* root */\n '--sidebar-position': 'sticky',\n '--sidebar-height': 'calc(100dvh - 0.5rem)',\n\n /* nav list item */\n '--sidebar-nav-list-item-height': '2.75rem',\n\n /* nav item label */\n '--sidebar-nav-item-label-font-size': '{fontSizes.300}',\n\n '&[data-collapsed=true]': {\n /* root */\n '--sidebar-width': '3.5rem',\n '--sidebar-padding-inline-base': '{spacing.100}',\n '--sidebar-nav-focus-safe-padding-inline-start':\n 'calc(var(--sidebar-nav-focus-safe-padding-inline) + (var(--sidebar-scrollarea-autosize-scrollbar-size) / 2))',\n '--sidebar-nav-focus-safe-padding-inline-end':\n 'calc(var(--sidebar-nav-focus-safe-padding-inline) + (var(--sidebar-scrollarea-autosize-scrollbar-size) / 2))',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAU,EAAa,CAClC,UAAW,UACX,IAAK,CAAC,UAAU,CAChB,KAAM,CAEJ,sBAAuB,UAEvB,qBAAsB,QACtB,uBAAwB,wCACxB,gBAAiB,gBACjB,kBAAmB,UACnB,mBAAoB,SACpB,gBAAiB,gBACjB,0BAA2B,gBAC3B,gCAAiC,gBACjC,2BACE,0EACF,iCACE,+GACF,+BACE,6GACF,kBAAmB,cACnB,uBAAwB,wBACxB,mBAAoB,eAGpB,qBAAsB,gBACtB,+BAAgC,cAChC,gCAAiC,qCACjC,sCAAuC,qCACvC,oCAAqC,qCAGrC,oBAAqB,gBACrB,4BAA6B,gBAC7B,uBAAwB,qCACxB,2BAA4B,cAC5B,6BAA8B,cAC9B,iCAAkC,cAClC,oCAAqC,cACrC,kCAAmC,cACnC,mCAAoC,cACpC,8BAA+B,YAC/B,0CACE,6GACF,yCACE,6GACF,gDACE,+CACF,8CACE,yGAGF,uCAAwC,OACxC,2CAA4C,OAC5C,+CAAgD,aAChD,wDAAyD,IACzD,qDACE,8CACF,2DACE,8CACF,iDACE,wCACF,uDACE,wCACF,oDAAqD,OACrD,oDAAqD,SACrD,6DACE,8CACF,2DACE,8CACF,8DACE,qDACF,4DACE,mDAGF,0BAA2B,gBAC3B,kCAAmC,gBACnC,qCAAsC,gBACtC,qCAAsC,cACtC,iCAAkC,cAClC,mCAAoC,oCACpC,uCAAwC,cACxC,0CAA2C,gBAC3C,wCAAyC,cACzC,yCAA0C,cAC1C,4BAA6B,YAG7B,sCAAuC,kBACvC,wCAAyC,uBACzC,kCAAmC,wCACnC,2CAA4C,YAC5C,0CAA2C,cAC3C,2CACE,6DAGF,yBAA0B,gBAC1B,6BAA8B,cAC9B,4BAA6B,cAG7B,iCAAkC,cAClC,8BAA+B,gBAC/B,qCAAsC,wBACtC,yCAA0C,gBAC1C,gCAAiC,cACjC,qCAAsC,cACtC,6CACE,wCACF,4CACE,yCACF,8CACE,iDACF,sDACE,wDACF,8CACE,iDACF,sDACE,wDACF,qCACE,wCACF,6CACE,gDACF,4CACE,iDACF,8CACE,iDACF,sDACE,wDACF,8CACE,iDACF,sDACE,wDAGF,6CAA8C,cAG9C,qCAAsC,kBACtC,uCAAwC,uBACxC,0CAA2C,OAE3C,8CAA+C,gBAC/C,8CAA+C,QAC/C,8CACE,oCACF,+CAAgD,eAGhD,qCAAsC,oCAEtC,0BAA2B,oBAC3B,kCAAmC,UACnC,sCAAuC,QACvC,6CAA8C,WAC9C,uCAAwC,OACxC,gCAAiC,gBACjC,4BAA6B,cAC7B,oCAAqC,gBAGrC,wCACE,wCACF,2CAA4C,gBAC5C,4CAA6C,gBAC7C,yCAA0C,eAC1C,2CAA4C,cAG5C,oCAAqC,cACrC,0CAA2C,gBAC3C,2CAA4C,gBAC5C,2CAA4C,gBAC5C,2CAA4C,cAC5C,wCAAyC,wBACzC,qCAAsC,gBACtC,iCAAkC,cAClC,wCACE,wCACF,gDACE,wCACF,+CACE,yCACF,iDACE,iDACF,yDACE,wDACF,wCACE,wCACF,gDACE,gDACF,+CACE,iDACF,iDACE,iDACF,yDACE,wDAEF,iDAAkD,gBAClD,iDAAkD,QAClD,iDACE,oCACF,kDAAmD,eAGnD,6CAA8C,kBAC9C,+CAAgD,uBAChD,kDAAmD,OAEnD,OAAQ,CAEN,qBAAsB,SACtB,mBAAoB,wBAGpB,iCAAkC,UAGlC,qCAAsC,kBAEtC,yBAA0B,CAExB,kBAAmB,SACnB,gCAAiC,gBACjC,gDACE,+GACF,8CACE,+GACH,CACF,CACF,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"sidebar.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebar = defineRecipe({\n className: 'sidebar',\n jsx: ['Sidebar'],\n base: {\n /* root */\n '--sidebar-grid-area': 'sidebar',\n\n '--sidebar-position': 'fixed',\n '--sidebar-background': '{colors.neutral.background.2.enabled}',\n '--sidebar-gap': '{spacing.200}',\n '--sidebar-width': '16.5rem',\n '--sidebar-height': '100dvh',\n '--sidebar-top': '{spacing.100}',\n '--sidebar-padding-block': '{spacing.400}',\n '--sidebar-padding-inline-base': '{spacing.350}',\n '--sidebar-padding-inline':\n 'var(--sidebar-padding-inline-start, var(--sidebar-padding-inline-base))',\n '--sidebar-padding-inline-start':\n 'max(0px, calc(var(--sidebar-padding-inline-base) - var(--sidebar-nav-focus-safe-padding-inline-start, 0px)))',\n '--sidebar-padding-inline-end':\n 'max(0px, calc(var(--sidebar-padding-inline-base) - var(--sidebar-nav-focus-safe-padding-inline-end, 0px)))',\n '--sidebar-radii': '{radii.200}',\n '--sidebar-transition': '{animations.base.100}',\n '--sidebar-zindex': '{zIndex.nav}',\n\n /* slots */\n '--sidebar-slot-gap': '{spacing.200}',\n '--sidebar-slot-padding-block': '{spacing.0}',\n '--sidebar-slot-padding-inline': 'var(--sidebar-padding-inline-base)',\n '--sidebar-slot-padding-inline-start': 'var(--sidebar-slot-padding-inline)',\n '--sidebar-slot-padding-inline-end': 'var(--sidebar-slot-padding-inline)',\n\n /* nav */\n '--sidebar-nav-gap': '{spacing.300}',\n '--sidebar-nav-padding-top': '{spacing.400}',\n '--sidebar-nav-height': 'calc(100dvh - token(spacing.1000))',\n '--sidebar-nav-background': 'transparent',\n '--sidebar-nav-border-color': 'transparent',\n '--sidebar-nav-border-top-width': '{borders.0}',\n '--sidebar-nav-border-bottom-width': '{borders.0}',\n '--sidebar-nav-border-left-width': '{borders.0}',\n '--sidebar-nav-border-right-width': '{borders.0}',\n '--sidebar-nav-border-radius': '{radii.0}',\n '--sidebar-nav-focus-safe-padding-inline':\n 'calc(var(--sidebar-nav-list-item-focus-outline-width) + var(--sidebar-nav-list-item-focus-outline-offset))',\n '--sidebar-nav-focus-safe-padding-block':\n 'calc(var(--sidebar-nav-list-item-focus-outline-width) + var(--sidebar-nav-list-item-focus-outline-offset))',\n '--sidebar-nav-focus-safe-padding-inline-start':\n 'var(--sidebar-nav-focus-safe-padding-inline)',\n '--sidebar-nav-focus-safe-padding-inline-end':\n 'calc(var(--sidebar-nav-focus-safe-padding-inline) + var(--sidebar-scrollarea-autosize-scrollbar-size))',\n\n /* nav scroll area autosize */\n '--sidebar-scrollarea-autosize-height': '100%',\n '--sidebar-scrollarea-autosize-max-height': '100%',\n '--sidebar-scrollarea-autosize-scrollbar-size': '{sizes.50}',\n '--sidebar-scrollarea-autosize-scrollbar-inline-offset': '0',\n '--sidebar-scrollarea-autosize-scrollbar-background':\n '{colors.neutral.background.alpha.1.enabled}',\n '--sidebar-scrollarea-autosize-scrollbar-background-hover':\n '{colors.neutral.background.alpha.2.enabled}',\n '--sidebar-scrollarea-autosize-thumb-background':\n '{colors.neutral.background.4.enabled}',\n '--sidebar-scrollarea-autosize-thumb-background-hover':\n '{colors.neutral.background.5.enabled}',\n '--sidebar-scrollarea-autosize-overflow-y-behavior': 'auto',\n '--sidebar-scrollarea-autosize-overflow-x-behavior': 'hidden',\n '--sidebar-scrollarea-autosize-viewport-padding-block-start':\n 'var(--sidebar-nav-focus-safe-padding-block)',\n '--sidebar-scrollarea-autosize-viewport-padding-block-end':\n 'var(--sidebar-nav-focus-safe-padding-block)',\n '--sidebar-scrollarea-autosize-viewport-padding-inline-start':\n 'var(--sidebar-nav-focus-safe-padding-inline-start)',\n '--sidebar-scrollarea-autosize-viewport-padding-inline-end':\n 'var(--sidebar-nav-focus-safe-padding-inline-end)',\n\n /* nav group */\n '--sidebar-nav-group-gap': '{spacing.300}',\n '--sidebar-nav-group-padding-top': '{spacing.200}',\n '--sidebar-nav-group-padding-bottom': '{spacing.400}',\n '--sidebar-nav-group-padding-inline': '{spacing.0}',\n '--sidebar-nav-group-background': 'transparent',\n '--sidebar-nav-group-border-color': '{colors.neutral.stroke.7.enabled}',\n '--sidebar-nav-group-border-top-width': '{borders.0}',\n '--sidebar-nav-group-border-bottom-width': '{borders.100}',\n '--sidebar-nav-group-border-left-width': '{borders.0}',\n '--sidebar-nav-group-border-right-width': '{borders.0}',\n '--sidebar-nav-group-radii': '{radii.0}',\n\n /* nav group title */\n '--sidebar-nav-group-title-font-size': '{fontSizes.200}',\n '--sidebar-nav-group-title-font-weight': '{fontWeights.medium}',\n '--sidebar-nav-group-title-color': '{colors.neutral.foreground.3.enabled}',\n '--sidebar-nav-group-title-text-transform': 'uppercase',\n '--sidebar-nav-group-title-padding-block': '{spacing.0}',\n '--sidebar-nav-group-title-padding-inline':\n 'var(--sidebar-nav-list-item-padding-inline, {spacing.300})',\n\n /* nav list */\n '--sidebar-nav-list-gap': '{spacing.200}',\n '--sidebar-nav-list-padding': '{spacing.0}',\n '--sidebar-nav-list-margin': '{spacing.0}',\n\n /* nav list item */\n '--sidebar-nav-list-item-height': '{sizes.600}',\n '--sidebar-nav-list-item-gap': '{spacing.300}',\n '--sidebar-nav-list-item-transition': '{animations.base.100}',\n '--sidebar-nav-list-item-padding-inline': '{spacing.300}',\n '--sidebar-nav-list-item-radii': '{radii.100}',\n '--sidebar-nav-list-item-background': 'transparent',\n '--sidebar-nav-list-item-background-hovered':\n '{colors.neutral.background.2.hovered}',\n '--sidebar-nav-list-item-background-active':\n '{colors.neutral.background.2.selected}',\n '--sidebar-nav-list-item-background-selected':\n '{colors.neutral.background.2.primary.selected}',\n '--sidebar-nav-list-item-background-selected-hovered':\n '{colors.neutral.background.2.primary.selectedHovered}',\n '--sidebar-nav-list-item-background-expanded':\n '{colors.neutral.background.2.primary.selected}',\n '--sidebar-nav-list-item-background-expanded-hovered':\n '{colors.neutral.background.2.primary.selectedHovered}',\n '--sidebar-nav-list-item-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--sidebar-nav-list-item-foreground-hovered':\n '{colors.neutral.foreground.2.primary.hovered}',\n '--sidebar-nav-list-item-foreground-active':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-nav-list-item-foreground-selected':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-nav-list-item-foreground-selected-hovered':\n '{colors.neutral.foreground.2.primary.selectedHovered}',\n '--sidebar-nav-list-item-foreground-expanded':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-nav-list-item-foreground-expanded-hovered':\n '{colors.neutral.foreground.2.primary.selectedHovered}',\n\n /* nav item button */\n '--sidebar-nav-item-button-icon-toggle-size': '{sizes.300}',\n\n /* nav item label */\n '--sidebar-nav-item-label-font-size': '{fontSizes.400}',\n '--sidebar-nav-item-label-font-weight': '{fontWeights.medium}',\n '--sidebar-nav-item-label-text-transform': 'none',\n\n '--sidebar-nav-list-item-focus-outline-width': '{borders.200}',\n '--sidebar-nav-list-item-focus-outline-style': 'solid',\n '--sidebar-nav-list-item-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--sidebar-nav-list-item-focus-outline-offset': '{spacing.50}',\n\n /* subnav */\n '--sidebar-subnav-list-stroke-color': '{colors.neutral.stroke.6.enabled}',\n\n '--sidebar-subnav-zindex': '{zIndex.dropdown}',\n '--sidebar-subnav-animation-name': 'expandY',\n '--sidebar-subnav-animation-duration': '150ms',\n '--sidebar-subnav-animation-timing-function': 'ease-out',\n '--sidebar-subnav-animation-fill-mode': 'both',\n '--sidebar-subnav-padding-left': '{spacing.450}',\n '--sidebar-subnav-list-gap': '{spacing.0}',\n '--sidebar-subnav-list-padding-top': '{spacing.100}',\n\n /* subnav collapsed */\n '--sidebar-subnav-collapsed-background':\n '{colors.neutral.background.2.enabled}',\n '--sidebar-subnav-collapsed-padding-block': '{spacing.400}',\n '--sidebar-subnav-collapsed-padding-inline': '{spacing.450}',\n '--sidebar-subnav-collapsed-margin-left': '{spacing.50}',\n '--sidebar-subnav-collapsed-border-radius': '{radii.200}',\n\n /* subnav list item */\n '--sidebar-subnav-list-item-height': '{sizes.500}',\n '--sidebar-subnav-list-item-padding-left': '{spacing.300}',\n '--sidebar-subnav-list-item-padding-right': '{spacing.300}',\n '--sidebar-subnav-list-item-padding-block': '{spacing.100}',\n '--sidebar-subnav-list-item-border-radius': '{radii.100}',\n '--sidebar-subnav-list-item-transition': '{animations.base.100}',\n '--sidebar-subnav-list-stroke-width': '{borders.100}',\n '--sidebar-subnav-list-item-gap': '{spacing.0}',\n '--sidebar-subnav-list-item-background':\n '{colors.neutral.background.2.enabled}',\n '--sidebar-subnav-list-item-background-hovered':\n '{colors.neutral.background.2.hovered}',\n '--sidebar-subnav-list-item-background-active':\n '{colors.neutral.background.2.selected}',\n '--sidebar-subnav-list-item-background-selected':\n '{colors.neutral.background.2.primary.selected}',\n '--sidebar-subnav-list-item-background-selected-hovered':\n '{colors.neutral.background.2.primary.selectedHovered}',\n '--sidebar-subnav-list-item-foreground':\n '{colors.neutral.foreground.3.enabled}',\n '--sidebar-subnav-list-item-foreground-hovered':\n '{colors.neutral.foreground.2.primary.hovered}',\n '--sidebar-subnav-list-item-foreground-active':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-subnav-list-item-foreground-selected':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-subnav-list-item-foreground-selected-hovered':\n '{colors.neutral.foreground.2.primary.selectedHovered}',\n\n '--sidebar-subnav-list-item-focus-outline-width': '{borders.200}',\n '--sidebar-subnav-list-item-focus-outline-style': 'solid',\n '--sidebar-subnav-list-item-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--sidebar-subnav-list-item-focus-outline-offset': '{spacing.50}',\n\n /* subnav list item label */\n '--sidebar-subnav-list-item-label-font-size': '{fontSizes.300}',\n '--sidebar-subnav-list-item-label-font-weight': '{fontWeights.medium}',\n '--sidebar-subnav-list-item-label-text-transform': 'none',\n\n md: {\n /* root */\n '--sidebar-position': 'sticky',\n '--sidebar-height': 'calc(100dvh - 0.5rem)',\n\n /* nav list item */\n '--sidebar-nav-list-item-height': '2.75rem',\n\n /* nav item label */\n '--sidebar-nav-item-label-font-size': '{fontSizes.300}',\n\n '&[data-collapsed=true]': {\n /* root */\n '--sidebar-width': '3.5rem',\n '--sidebar-padding-inline-base': '{spacing.100}',\n '--sidebar-nav-focus-safe-padding-inline-start':\n 'calc(var(--sidebar-nav-focus-safe-padding-inline) + (var(--sidebar-scrollarea-autosize-scrollbar-size) / 2))',\n '--sidebar-nav-focus-safe-padding-inline-end':\n 'calc(var(--sidebar-nav-focus-safe-padding-inline) + (var(--sidebar-scrollarea-autosize-scrollbar-size) / 2))',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAU,EAAa,CAClC,UAAW,UACX,IAAK,CAAC,UAAU,CAChB,KAAM,CAEJ,sBAAuB,UAEvB,qBAAsB,QACtB,uBAAwB,wCACxB,gBAAiB,gBACjB,kBAAmB,UACnB,mBAAoB,SACpB,gBAAiB,gBACjB,0BAA2B,gBAC3B,gCAAiC,gBACjC,2BACE,0EACF,iCACE,+GACF,+BACE,6GACF,kBAAmB,cACnB,uBAAwB,wBACxB,mBAAoB,eAGpB,qBAAsB,gBACtB,+BAAgC,cAChC,gCAAiC,qCACjC,sCAAuC,qCACvC,oCAAqC,qCAGrC,oBAAqB,gBACrB,4BAA6B,gBAC7B,uBAAwB,qCACxB,2BAA4B,cAC5B,6BAA8B,cAC9B,iCAAkC,cAClC,oCAAqC,cACrC,kCAAmC,cACnC,mCAAoC,cACpC,8BAA+B,YAC/B,0CACE,6GACF,yCACE,6GACF,gDACE,+CACF,8CACE,yGAGF,uCAAwC,OACxC,2CAA4C,OAC5C,+CAAgD,aAChD,wDAAyD,IACzD,qDACE,8CACF,2DACE,8CACF,iDACE,wCACF,uDACE,wCACF,oDAAqD,OACrD,oDAAqD,SACrD,6DACE,8CACF,2DACE,8CACF,8DACE,qDACF,4DACE,mDAGF,0BAA2B,gBAC3B,kCAAmC,gBACnC,qCAAsC,gBACtC,qCAAsC,cACtC,iCAAkC,cAClC,mCAAoC,oCACpC,uCAAwC,cACxC,0CAA2C,gBAC3C,wCAAyC,cACzC,yCAA0C,cAC1C,4BAA6B,YAG7B,sCAAuC,kBACvC,wCAAyC,uBACzC,kCAAmC,wCACnC,2CAA4C,YAC5C,0CAA2C,cAC3C,2CACE,6DAGF,yBAA0B,gBAC1B,6BAA8B,cAC9B,4BAA6B,cAG7B,iCAAkC,cAClC,8BAA+B,gBAC/B,qCAAsC,wBACtC,yCAA0C,gBAC1C,gCAAiC,cACjC,qCAAsC,cACtC,6CACE,wCACF,4CACE,yCACF,8CACE,iDACF,sDACE,wDACF,8CACE,iDACF,sDACE,wDACF,qCACE,wCACF,6CACE,gDACF,4CACE,iDACF,8CACE,iDACF,sDACE,wDACF,8CACE,iDACF,sDACE,wDAGF,6CAA8C,cAG9C,qCAAsC,kBACtC,uCAAwC,uBACxC,0CAA2C,OAE3C,8CAA+C,gBAC/C,8CAA+C,QAC/C,8CACE,oCACF,+CAAgD,eAGhD,qCAAsC,oCAEtC,0BAA2B,oBAC3B,kCAAmC,UACnC,sCAAuC,QACvC,6CAA8C,WAC9C,uCAAwC,OACxC,gCAAiC,gBACjC,4BAA6B,cAC7B,oCAAqC,gBAGrC,wCACE,wCACF,2CAA4C,gBAC5C,4CAA6C,gBAC7C,yCAA0C,eAC1C,2CAA4C,cAG5C,oCAAqC,cACrC,0CAA2C,gBAC3C,2CAA4C,gBAC5C,2CAA4C,gBAC5C,2CAA4C,cAC5C,wCAAyC,wBACzC,qCAAsC,gBACtC,iCAAkC,cAClC,wCACE,wCACF,gDACE,wCACF,+CACE,yCACF,iDACE,iDACF,yDACE,wDACF,wCACE,wCACF,gDACE,gDACF,+CACE,iDACF,iDACE,iDACF,yDACE,wDAEF,iDAAkD,gBAClD,iDAAkD,QAClD,iDACE,oCACF,kDAAmD,eAGnD,6CAA8C,kBAC9C,+CAAgD,uBAChD,kDAAmD,OAEnD,GAAI,CAEF,qBAAsB,SACtB,mBAAoB,wBAGpB,iCAAkC,UAGlC,qCAAsC,kBAEtC,yBAA0B,CAExB,kBAAmB,SACnB,gCAAiC,gBACjC,gDACE,+GACF,8CACE,+GACH,CACF,CACF,CACF,CAAC"}
|