@mage-ui/preset 1.0.42 → 1.0.43
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/recipes/buttons/button-icon/button-icon-root.mjs +1 -1
- package/dist/recipes/buttons/button-icon/button-icon-root.mjs.map +1 -1
- package/dist/recipes/misc/scroll-area/scroll-area-viewport.mjs +1 -1
- package/dist/recipes/misc/scroll-area/scroll-area-viewport.mjs.map +1 -1
- package/dist/recipes/misc/scroll-area/scroll-area.mjs +1 -1
- package/dist/recipes/misc/scroll-area/scroll-area.mjs.map +1 -1
- package/dist/recipes/misc/scroll-area-autosize/scroll-area-autosize.mjs +1 -1
- package/dist/recipes/misc/scroll-area-autosize/scroll-area-autosize.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-scroll-area-autosize.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-scroll-area-autosize.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{buttonRoot as e}from"../button/button-root.mjs";const t=e.merge({className:`button-icon__root`,jsx:[`ButtonIcon`],base:{aspectRatio:`1
|
|
1
|
+
import{buttonRoot as e}from"../button/button-root.mjs";const t=e.merge({className:`button-icon__root`,jsx:[`ButtonIcon`],base:{aspectRatio:`1`}});export{t as buttonIconRoot};
|
|
2
2
|
//# sourceMappingURL=button-icon-root.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-icon-root.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-icon/button-icon-root.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonRoot } from '../button/button-root';\n\nexport const buttonIconRoot = buttonRoot.merge({\n className: 'button-icon__root',\n jsx: ['ButtonIcon'],\n base: {\n aspectRatio: '1',\n
|
|
1
|
+
{"version":3,"file":"button-icon-root.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-icon/button-icon-root.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonRoot } from '../button/button-root';\n\nexport const buttonIconRoot = buttonRoot.merge({\n className: 'button-icon__root',\n jsx: ['ButtonIcon'],\n base: {\n aspectRatio: '1',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAOA,MAAa,EAAiB,EAAW,MAAM,CAC7C,UAAW,oBACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,YAAa,IACd,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`scroll-area__viewport`,jsx:[`ScrollArea`],base:{overflowY:`var(--scrollarea-overflow-y-behavior, auto)`,overflowX:`var(--scrollarea-overflow-x-behavior, hidden)`,height:`var(--scrollarea-viewport-height, 100%)`,width:`var(--scrollarea-viewport-width, 100%)`,paddingInlineEnd:`var(--scrollarea-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))`,paddingInlineStart:`var(--scrollarea-viewport-padding-inline-start, unset)`,scrollbarWidth:`none`,overscrollBehavior:`var(--scrollarea-over-scroll-behavior, contain)`,msOverflowStyle:`none`,webkitOverflowScrolling:`touch`,"&:where([data-scrollbars=xy],[data-scrollbars=y]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=y],[data-offset-scrollbars=present]):not([data-vertical-hidden])":{paddingInlineEnd:`var(--scrollarea-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))`},"&:where([data-scrollbars=xy],[data-scrollbars=x]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=x],[data-offset-scrollbars=present]):not([data-horizontal-hidden])":{paddingBottom:`var(--scrollarea-scrollbar-size)`}}});export{t as scrollAreaViewport};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`scroll-area__viewport`,jsx:[`ScrollArea`],base:{overflowY:`var(--scrollarea-overflow-y-behavior, auto)`,overflowX:`var(--scrollarea-overflow-x-behavior, hidden)`,height:`var(--scrollarea-viewport-height, 100%)`,width:`var(--scrollarea-viewport-width, 100%)`,paddingBlockStart:`var(--scrollarea-viewport-padding-block-start, 0px)`,paddingBlockEnd:`var(--scrollarea-viewport-padding-block-end, 0px)`,paddingInlineEnd:`var(--scrollarea-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))`,paddingInlineStart:`var(--scrollarea-viewport-padding-inline-start, unset)`,scrollbarWidth:`none`,overscrollBehavior:`var(--scrollarea-over-scroll-behavior, contain)`,msOverflowStyle:`none`,webkitOverflowScrolling:`touch`,"&:where([data-scrollbars=xy],[data-scrollbars=y]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=y],[data-offset-scrollbars=present]):not([data-vertical-hidden])":{paddingInlineEnd:`var(--scrollarea-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))`},"&:where([data-scrollbars=xy],[data-scrollbars=x]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=x],[data-offset-scrollbars=present]):not([data-horizontal-hidden])":{paddingBottom:`calc(var(--scrollarea-viewport-padding-block-end, 0px) + var(--scrollarea-scrollbar-size))`}}});export{t as scrollAreaViewport};
|
|
2
2
|
//# sourceMappingURL=scroll-area-viewport.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-area-viewport.mjs","names":[],"sources":["../../../../src/recipes/misc/scroll-area/scroll-area-viewport.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const scrollAreaViewport = defineRecipe({\n className: 'scroll-area__viewport',\n jsx: ['ScrollArea'],\n base: {\n overflowY: 'var(--scrollarea-overflow-y-behavior, auto)',\n overflowX: 'var(--scrollarea-overflow-x-behavior, hidden)',\n height: 'var(--scrollarea-viewport-height, 100%)',\n width: 'var(--scrollarea-viewport-width, 100%)',\n paddingInlineEnd:\n 'var(--scrollarea-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))',\n paddingInlineStart:\n 'var(--scrollarea-viewport-padding-inline-start, unset)',\n scrollbarWidth: 'none',\n overscrollBehavior: 'var(--scrollarea-over-scroll-behavior, contain)',\n msOverflowStyle: 'none',\n webkitOverflowScrolling: 'touch',\n\n '&:where([data-scrollbars=xy],[data-scrollbars=y]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=y],[data-offset-scrollbars=present]):not([data-vertical-hidden])':\n {\n paddingInlineEnd:\n 'var(--scrollarea-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))',\n },\n '&:where([data-scrollbars=xy],[data-scrollbars=x]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=x],[data-offset-scrollbars=present]):not([data-horizontal-hidden])':\n {\n paddingBottom
|
|
1
|
+
{"version":3,"file":"scroll-area-viewport.mjs","names":[],"sources":["../../../../src/recipes/misc/scroll-area/scroll-area-viewport.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const scrollAreaViewport = defineRecipe({\n className: 'scroll-area__viewport',\n jsx: ['ScrollArea'],\n base: {\n overflowY: 'var(--scrollarea-overflow-y-behavior, auto)',\n overflowX: 'var(--scrollarea-overflow-x-behavior, hidden)',\n height: 'var(--scrollarea-viewport-height, 100%)',\n width: 'var(--scrollarea-viewport-width, 100%)',\n paddingBlockStart: 'var(--scrollarea-viewport-padding-block-start, 0px)',\n paddingBlockEnd: 'var(--scrollarea-viewport-padding-block-end, 0px)',\n paddingInlineEnd:\n 'var(--scrollarea-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))',\n paddingInlineStart:\n 'var(--scrollarea-viewport-padding-inline-start, unset)',\n scrollbarWidth: 'none',\n overscrollBehavior: 'var(--scrollarea-over-scroll-behavior, contain)',\n msOverflowStyle: 'none',\n webkitOverflowScrolling: 'touch',\n\n '&:where([data-scrollbars=xy],[data-scrollbars=y]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=y],[data-offset-scrollbars=present]):not([data-vertical-hidden])':\n {\n paddingInlineEnd:\n 'var(--scrollarea-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))',\n },\n '&:where([data-scrollbars=xy],[data-scrollbars=x]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=x],[data-offset-scrollbars=present]):not([data-horizontal-hidden])':\n {\n paddingBottom:\n 'calc(var(--scrollarea-viewport-padding-block-end, 0px) + var(--scrollarea-scrollbar-size))',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAqB,EAAa,CAC7C,UAAW,wBACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,UAAW,8CACX,UAAW,gDACX,OAAQ,0CACR,MAAO,yCACP,kBAAmB,sDACnB,gBAAiB,oDACjB,iBACE,kFACF,mBACE,yDACF,eAAgB,OAChB,mBAAoB,kDACpB,gBAAiB,OACjB,wBAAyB,QAEzB,+KACE,CACE,iBACE,kFACH,CACH,iLACE,CACE,cACE,6FACH,CACJ,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`scroll-area`,jsx:[`ScrollArea`],base:{"--scrollarea-height":`100%`,"--scrollarea-max-height":`100%`,"--scrollarea-root-overflow-x":`hidden`,"--scrollarea-root-overflow-y":`hidden`,"--scrollarea-scrollbar-size":`{sizes.100}`,"--scrollarea-scroll-hide-delay":`1000ms`,"--scrollarea-viewport-width":`100%`,"--scrollarea-viewport-height":`100%`,"--scrollarea-viewport-padding-inline-start":`unset`,"--scrollarea-viewport-padding-inline-end":`var(--scrollarea-scrollbar-size)`,"--scrollarea-over-scroll-behavior":`contain`,"--scrollarea-overflow-y-behavior":`auto`,"--scrollarea-overflow-x-behavior":`hidden`,"--scrollarea-offset-x":`{spacing.100}`,"--scrollarea-offset-y":`{spacing.100}`,"--scrollarea-scrollbar-background":`{colors.neutral.background.2.enabled}`,"--scrollarea-scrollbar-background-hover":`{colors.neutral.background.2.hovered}`,"--scrollarea-scrollbar-vertical-inset-inline-end":`0`,"--scrollarea-scrollbar-radii":`{radii.100}`,"--scrollarea-scrollbar-zindex":`{zIndex.scrollArea}`,"--scrollarea-thumb-background":`{colors.neutral.background.3.enabled}`,"--scrollarea-thumb-background-hover":`{colors.neutral.background.3.hovered}`,"--scrollarea-thumb-radii":`{radii.100}`,"--scrollarea-thumb-transition":`background-color .15s ease`,"--scrollarea-corner-background":`{colors.neutral.background.1.enabled}`,"--sa-corner-width":`var(--scrollarea-scrollbar-size)`,"--sa-corner-height":`var(--scrollarea-scrollbar-size)`,"--sa-thumb-width":`var(--scrollarea-thumb-width)`,"--sa-thumb-height":`var(--scrollarea-thumb-height)`}});export{t as scrollArea};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`scroll-area`,jsx:[`ScrollArea`],base:{"--scrollarea-height":`100%`,"--scrollarea-max-height":`100%`,"--scrollarea-root-overflow-x":`hidden`,"--scrollarea-root-overflow-y":`hidden`,"--scrollarea-scrollbar-size":`{sizes.100}`,"--scrollarea-scroll-hide-delay":`1000ms`,"--scrollarea-viewport-width":`100%`,"--scrollarea-viewport-height":`100%`,"--scrollarea-viewport-padding-block-start":`0px`,"--scrollarea-viewport-padding-block-end":`0px`,"--scrollarea-viewport-padding-inline-start":`unset`,"--scrollarea-viewport-padding-inline-end":`var(--scrollarea-scrollbar-size)`,"--scrollarea-over-scroll-behavior":`contain`,"--scrollarea-overflow-y-behavior":`auto`,"--scrollarea-overflow-x-behavior":`hidden`,"--scrollarea-offset-x":`{spacing.100}`,"--scrollarea-offset-y":`{spacing.100}`,"--scrollarea-scrollbar-background":`{colors.neutral.background.2.enabled}`,"--scrollarea-scrollbar-background-hover":`{colors.neutral.background.2.hovered}`,"--scrollarea-scrollbar-vertical-inset-inline-end":`0`,"--scrollarea-scrollbar-radii":`{radii.100}`,"--scrollarea-scrollbar-zindex":`{zIndex.scrollArea}`,"--scrollarea-thumb-background":`{colors.neutral.background.3.enabled}`,"--scrollarea-thumb-background-hover":`{colors.neutral.background.3.hovered}`,"--scrollarea-thumb-radii":`{radii.100}`,"--scrollarea-thumb-transition":`background-color .15s ease`,"--scrollarea-corner-background":`{colors.neutral.background.1.enabled}`,"--sa-corner-width":`var(--scrollarea-scrollbar-size)`,"--sa-corner-height":`var(--scrollarea-scrollbar-size)`,"--sa-thumb-width":`var(--scrollarea-thumb-width)`,"--sa-thumb-height":`var(--scrollarea-thumb-height)`}});export{t as scrollArea};
|
|
2
2
|
//# sourceMappingURL=scroll-area.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-area.mjs","names":[],"sources":["../../../../src/recipes/misc/scroll-area/scroll-area.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const scrollArea = defineRecipe({\n className: 'scroll-area',\n jsx: ['ScrollArea'],\n base: {\n /* root */\n '--scrollarea-height': '100%',\n '--scrollarea-max-height': '100%',\n '--scrollarea-root-overflow-x': 'hidden',\n '--scrollarea-root-overflow-y': 'hidden',\n '--scrollarea-scrollbar-size': '{sizes.100}',\n '--scrollarea-scroll-hide-delay': '1000ms',\n\n /* viewport */\n '--scrollarea-viewport-width': '100%',\n '--scrollarea-viewport-height': '100%',\n '--scrollarea-viewport-padding-inline-start': 'unset',\n '--scrollarea-viewport-padding-inline-end':\n 'var(--scrollarea-scrollbar-size)',\n '--scrollarea-over-scroll-behavior': 'contain',\n '--scrollarea-overflow-y-behavior': 'auto',\n '--scrollarea-overflow-x-behavior': 'hidden',\n '--scrollarea-offset-x': '{spacing.100}',\n '--scrollarea-offset-y': '{spacing.100}',\n\n /* scrollbar */\n '--scrollarea-scrollbar-background':\n '{colors.neutral.background.2.enabled}',\n '--scrollarea-scrollbar-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--scrollarea-scrollbar-vertical-inset-inline-end': '0',\n '--scrollarea-scrollbar-radii': '{radii.100}',\n '--scrollarea-scrollbar-zindex': '{zIndex.scrollArea}',\n\n /* thumb */\n '--scrollarea-thumb-background': '{colors.neutral.background.3.enabled}',\n '--scrollarea-thumb-background-hover':\n '{colors.neutral.background.3.hovered}',\n '--scrollarea-thumb-radii': '{radii.100}',\n '--scrollarea-thumb-transition': 'background-color .15s ease',\n\n /* corner */\n '--scrollarea-corner-background': '{colors.neutral.background.1.enabled}',\n\n /* internal mappings */\n // '--sa-scrollbar-size': 'var(--scrollarea-scrollbar-size)',\n // '--sa-scrollbar-offset-x': 'var(--scrollarea-offset-x)',\n // '--sa-scrollbar-offset-y': 'var(--scrollarea-offset-y)',\n // '--sa-viewport-width': 'var(--scrollarea-viewport-width)',\n // '--sa-viewport-height': 'var(--scrollarea-viewport-height)',\n // '--sa-overscroll-behavior': 'var(--scrollarea-over-scroll-behavior)',\n // '--sa-scrollbar-orientation': 'vertical',\n\n '--sa-corner-width': 'var(--scrollarea-scrollbar-size)',\n '--sa-corner-height': 'var(--scrollarea-scrollbar-size)',\n\n '--sa-thumb-width': 'var(--scrollarea-thumb-width)',\n '--sa-thumb-height': 'var(--scrollarea-thumb-height)',\n // '--thumb-opacity': '0',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,cACX,IAAK,CAAC,aAAa,CACnB,KAAM,CAEJ,sBAAuB,OACvB,0BAA2B,OAC3B,+BAAgC,SAChC,+BAAgC,SAChC,8BAA+B,cAC/B,iCAAkC,SAGlC,8BAA+B,OAC/B,+BAAgC,OAChC,6CAA8C,QAC9C,2CACE,mCACF,oCAAqC,UACrC,mCAAoC,OACpC,mCAAoC,SACpC,wBAAyB,gBACzB,wBAAyB,gBAGzB,oCACE,wCACF,0CACE,wCACF,mDAAoD,IACpD,+BAAgC,cAChC,gCAAiC,sBAGjC,gCAAiC,wCACjC,sCACE,wCACF,2BAA4B,cAC5B,gCAAiC,6BAGjC,iCAAkC,wCAWlC,oBAAqB,mCACrB,qBAAsB,mCAEtB,mBAAoB,gCACpB,oBAAqB,iCAEtB,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"scroll-area.mjs","names":[],"sources":["../../../../src/recipes/misc/scroll-area/scroll-area.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const scrollArea = defineRecipe({\n className: 'scroll-area',\n jsx: ['ScrollArea'],\n base: {\n /* root */\n '--scrollarea-height': '100%',\n '--scrollarea-max-height': '100%',\n '--scrollarea-root-overflow-x': 'hidden',\n '--scrollarea-root-overflow-y': 'hidden',\n '--scrollarea-scrollbar-size': '{sizes.100}',\n '--scrollarea-scroll-hide-delay': '1000ms',\n\n /* viewport */\n '--scrollarea-viewport-width': '100%',\n '--scrollarea-viewport-height': '100%',\n '--scrollarea-viewport-padding-block-start': '0px',\n '--scrollarea-viewport-padding-block-end': '0px',\n '--scrollarea-viewport-padding-inline-start': 'unset',\n '--scrollarea-viewport-padding-inline-end':\n 'var(--scrollarea-scrollbar-size)',\n '--scrollarea-over-scroll-behavior': 'contain',\n '--scrollarea-overflow-y-behavior': 'auto',\n '--scrollarea-overflow-x-behavior': 'hidden',\n '--scrollarea-offset-x': '{spacing.100}',\n '--scrollarea-offset-y': '{spacing.100}',\n\n /* scrollbar */\n '--scrollarea-scrollbar-background':\n '{colors.neutral.background.2.enabled}',\n '--scrollarea-scrollbar-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--scrollarea-scrollbar-vertical-inset-inline-end': '0',\n '--scrollarea-scrollbar-radii': '{radii.100}',\n '--scrollarea-scrollbar-zindex': '{zIndex.scrollArea}',\n\n /* thumb */\n '--scrollarea-thumb-background': '{colors.neutral.background.3.enabled}',\n '--scrollarea-thumb-background-hover':\n '{colors.neutral.background.3.hovered}',\n '--scrollarea-thumb-radii': '{radii.100}',\n '--scrollarea-thumb-transition': 'background-color .15s ease',\n\n /* corner */\n '--scrollarea-corner-background': '{colors.neutral.background.1.enabled}',\n\n /* internal mappings */\n // '--sa-scrollbar-size': 'var(--scrollarea-scrollbar-size)',\n // '--sa-scrollbar-offset-x': 'var(--scrollarea-offset-x)',\n // '--sa-scrollbar-offset-y': 'var(--scrollarea-offset-y)',\n // '--sa-viewport-width': 'var(--scrollarea-viewport-width)',\n // '--sa-viewport-height': 'var(--scrollarea-viewport-height)',\n // '--sa-overscroll-behavior': 'var(--scrollarea-over-scroll-behavior)',\n // '--sa-scrollbar-orientation': 'vertical',\n\n '--sa-corner-width': 'var(--scrollarea-scrollbar-size)',\n '--sa-corner-height': 'var(--scrollarea-scrollbar-size)',\n\n '--sa-thumb-width': 'var(--scrollarea-thumb-width)',\n '--sa-thumb-height': 'var(--scrollarea-thumb-height)',\n // '--thumb-opacity': '0',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,cACX,IAAK,CAAC,aAAa,CACnB,KAAM,CAEJ,sBAAuB,OACvB,0BAA2B,OAC3B,+BAAgC,SAChC,+BAAgC,SAChC,8BAA+B,cAC/B,iCAAkC,SAGlC,8BAA+B,OAC/B,+BAAgC,OAChC,4CAA6C,MAC7C,0CAA2C,MAC3C,6CAA8C,QAC9C,2CACE,mCACF,oCAAqC,UACrC,mCAAoC,OACpC,mCAAoC,SACpC,wBAAyB,gBACzB,wBAAyB,gBAGzB,oCACE,wCACF,0CACE,wCACF,mDAAoD,IACpD,+BAAgC,cAChC,gCAAiC,sBAGjC,gCAAiC,wCACjC,sCACE,wCACF,2BAA4B,cAC5B,gCAAiC,6BAGjC,iCAAkC,wCAWlC,oBAAqB,mCACrB,qBAAsB,mCAEtB,mBAAoB,gCACpB,oBAAqB,iCAEtB,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{scrollArea as e}from"../scroll-area/scroll-area.mjs";const t=e.merge({className:`scroll-area-autosize`,jsx:[`ScrollAreaAutosize`],base:{"--mantine-scale":`1`,"--scrollarea-height":`var(--scrollarea-autosize-height, 100%)`,"--scrollarea-max-height":`var(--scrollarea-autosize-max-height, 12rem)`,"--scrollarea-root-overflow-x":`var(--scrollarea-autosize-root-overflow-x, hidden)`,"--scrollarea-root-overflow-y":`var(--scrollarea-autosize-root-overflow-y, hidden)`,"--scrollarea-scrollbar-size":`var(--scrollarea-autosize-scrollbar-size, {sizes.100})`,"--scrollarea-scroll-hide-delay":`var(--scrollarea-autosize-scroll-hide-delay, 1000ms)`,"--scrollarea-viewport-width":`var(--scrollarea-autosize-viewport-width, 100%)`,"--scrollarea-viewport-height":`var(--scrollarea-autosize-viewport-height, 100%)`,"--scrollarea-viewport-padding-inline-start":`var(--scrollarea-autosize-viewport-padding-inline-start, unset)`,"--scrollarea-viewport-padding-inline-end":`var(--scrollarea-autosize-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))`,"--scrollarea-over-scroll-behavior":`var(--scrollarea-autosize-over-scroll-behavior, contain)`,"--scrollarea-overflow-y-behavior":`var(--scrollarea-autosize-overflow-y-behavior, auto)`,"--scrollarea-overflow-x-behavior":`var(--scrollarea-autosize-overflow-x-behavior, hidden)`,"--scrollarea-offset-x":`var(--scrollarea-autosize-offset-x, {spacing.100})`,"--scrollarea-offset-y":`var(--scrollarea-autosize-offset-y, {spacing.100})`,"--scrollarea-scrollbar-background":`var(--scrollarea-autosize-scrollbar-background, {colors.neutral.background.2.enabled})`,"--scrollarea-scrollbar-background-hover":`var(--scrollarea-autosize-scrollbar-background-hover, {colors.neutral.background.2.hovered})`,"--scrollarea-scrollbar-vertical-inset-inline-end":`var(--scrollarea-autosize-scrollbar-vertical-inset-inline-end, 0)`,"--scrollarea-scrollbar-radii":`var(--scrollarea-autosize-scrollbar-radii, {radii.100})`,"--scrollarea-scrollbar-zindex":`var(--scrollarea-autosize-scrollbar-zindex, {zIndex.scrollArea})`,"--scrollarea-thumb-background":`var(--scrollarea-autosize-thumb-background, {colors.neutral.background.3.enabled})`,"--scrollarea-thumb-background-hover":`var(--scrollarea-autosize-thumb-background-hover, {colors.neutral.background.3.hovered})`,"--scrollarea-thumb-radii":`var(--scrollarea-autosize-thumb-radii, {radii.100})`,"--scrollarea-thumb-transition":`var(--scrollarea-autosize-thumb-transition, background-color .15s ease)`,"--scrollarea-corner-background":`var(--scrollarea-autosize-corner-background, {colors.neutral.background.1.enabled})`,"--sa-corner-width":`var(--scrollarea-autosize-scrollbar-size)`,"--sa-corner-height":`var(--scrollarea-autosize-scrollbar-size)`,"--sa-thumb-width":`var(--scrollarea-autosize-thumb-width)`,"--sa-thumb-height":`var(--scrollarea-autosize-thumb-height)`}});export{t as scrollAreaAutosize};
|
|
1
|
+
import{scrollArea as e}from"../scroll-area/scroll-area.mjs";const t=e.merge({className:`scroll-area-autosize`,jsx:[`ScrollAreaAutosize`],base:{"--mantine-scale":`1`,"--scrollarea-height":`var(--scrollarea-autosize-height, 100%)`,"--scrollarea-max-height":`var(--scrollarea-autosize-max-height, 12rem)`,"--scrollarea-root-overflow-x":`var(--scrollarea-autosize-root-overflow-x, hidden)`,"--scrollarea-root-overflow-y":`var(--scrollarea-autosize-root-overflow-y, hidden)`,"--scrollarea-scrollbar-size":`var(--scrollarea-autosize-scrollbar-size, {sizes.100})`,"--scrollarea-scroll-hide-delay":`var(--scrollarea-autosize-scroll-hide-delay, 1000ms)`,"--scrollarea-viewport-width":`var(--scrollarea-autosize-viewport-width, 100%)`,"--scrollarea-viewport-height":`var(--scrollarea-autosize-viewport-height, 100%)`,"--scrollarea-viewport-padding-block-start":`var(--scrollarea-autosize-viewport-padding-block-start, 0px)`,"--scrollarea-viewport-padding-block-end":`var(--scrollarea-autosize-viewport-padding-block-end, 0px)`,"--scrollarea-viewport-padding-inline-start":`var(--scrollarea-autosize-viewport-padding-inline-start, unset)`,"--scrollarea-viewport-padding-inline-end":`var(--scrollarea-autosize-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))`,"--scrollarea-over-scroll-behavior":`var(--scrollarea-autosize-over-scroll-behavior, contain)`,"--scrollarea-overflow-y-behavior":`var(--scrollarea-autosize-overflow-y-behavior, auto)`,"--scrollarea-overflow-x-behavior":`var(--scrollarea-autosize-overflow-x-behavior, hidden)`,"--scrollarea-offset-x":`var(--scrollarea-autosize-offset-x, {spacing.100})`,"--scrollarea-offset-y":`var(--scrollarea-autosize-offset-y, {spacing.100})`,"--scrollarea-scrollbar-background":`var(--scrollarea-autosize-scrollbar-background, {colors.neutral.background.2.enabled})`,"--scrollarea-scrollbar-background-hover":`var(--scrollarea-autosize-scrollbar-background-hover, {colors.neutral.background.2.hovered})`,"--scrollarea-scrollbar-vertical-inset-inline-end":`var(--scrollarea-autosize-scrollbar-vertical-inset-inline-end, 0)`,"--scrollarea-scrollbar-radii":`var(--scrollarea-autosize-scrollbar-radii, {radii.100})`,"--scrollarea-scrollbar-zindex":`var(--scrollarea-autosize-scrollbar-zindex, {zIndex.scrollArea})`,"--scrollarea-thumb-background":`var(--scrollarea-autosize-thumb-background, {colors.neutral.background.3.enabled})`,"--scrollarea-thumb-background-hover":`var(--scrollarea-autosize-thumb-background-hover, {colors.neutral.background.3.hovered})`,"--scrollarea-thumb-radii":`var(--scrollarea-autosize-thumb-radii, {radii.100})`,"--scrollarea-thumb-transition":`var(--scrollarea-autosize-thumb-transition, background-color .15s ease)`,"--scrollarea-corner-background":`var(--scrollarea-autosize-corner-background, {colors.neutral.background.1.enabled})`,"--sa-corner-width":`var(--scrollarea-autosize-scrollbar-size)`,"--sa-corner-height":`var(--scrollarea-autosize-scrollbar-size)`,"--sa-thumb-width":`var(--scrollarea-autosize-thumb-width)`,"--sa-thumb-height":`var(--scrollarea-autosize-thumb-height)`}});export{t as scrollAreaAutosize};
|
|
2
2
|
//# sourceMappingURL=scroll-area-autosize.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-area-autosize.mjs","names":[],"sources":["../../../../src/recipes/misc/scroll-area-autosize/scroll-area-autosize.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { scrollArea } from '../scroll-area/scroll-area';\n\nexport const scrollAreaAutosize = scrollArea.merge({\n className: 'scroll-area-autosize',\n jsx: ['ScrollAreaAutosize'],\n base: {\n '--mantine-scale': '1',\n\n /* root */\n '--scrollarea-height': 'var(--scrollarea-autosize-height, 100%)',\n '--scrollarea-max-height': 'var(--scrollarea-autosize-max-height, 12rem)',\n '--scrollarea-root-overflow-x':\n 'var(--scrollarea-autosize-root-overflow-x, hidden)',\n '--scrollarea-root-overflow-y':\n 'var(--scrollarea-autosize-root-overflow-y, hidden)',\n '--scrollarea-scrollbar-size':\n 'var(--scrollarea-autosize-scrollbar-size, {sizes.100})',\n '--scrollarea-scroll-hide-delay':\n 'var(--scrollarea-autosize-scroll-hide-delay, 1000ms)',\n\n /* viewport */\n '--scrollarea-viewport-width':\n 'var(--scrollarea-autosize-viewport-width, 100%)',\n '--scrollarea-viewport-height':\n 'var(--scrollarea-autosize-viewport-height, 100%)',\n '--scrollarea-viewport-padding-inline-start':\n 'var(--scrollarea-autosize-viewport-padding-inline-start, unset)',\n '--scrollarea-viewport-padding-inline-end':\n 'var(--scrollarea-autosize-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))',\n '--scrollarea-over-scroll-behavior':\n 'var(--scrollarea-autosize-over-scroll-behavior, contain)',\n '--scrollarea-overflow-y-behavior':\n 'var(--scrollarea-autosize-overflow-y-behavior, auto)',\n '--scrollarea-overflow-x-behavior':\n 'var(--scrollarea-autosize-overflow-x-behavior, hidden)',\n '--scrollarea-offset-x':\n 'var(--scrollarea-autosize-offset-x, {spacing.100})',\n '--scrollarea-offset-y':\n 'var(--scrollarea-autosize-offset-y, {spacing.100})',\n\n /* scrollbar */\n '--scrollarea-scrollbar-background':\n 'var(--scrollarea-autosize-scrollbar-background, {colors.neutral.background.2.enabled})',\n '--scrollarea-scrollbar-background-hover':\n 'var(--scrollarea-autosize-scrollbar-background-hover, {colors.neutral.background.2.hovered})',\n '--scrollarea-scrollbar-vertical-inset-inline-end':\n 'var(--scrollarea-autosize-scrollbar-vertical-inset-inline-end, 0)',\n '--scrollarea-scrollbar-radii':\n 'var(--scrollarea-autosize-scrollbar-radii, {radii.100})',\n '--scrollarea-scrollbar-zindex':\n 'var(--scrollarea-autosize-scrollbar-zindex, {zIndex.scrollArea})',\n\n /* thumb */\n '--scrollarea-thumb-background':\n 'var(--scrollarea-autosize-thumb-background, {colors.neutral.background.3.enabled})',\n '--scrollarea-thumb-background-hover':\n 'var(--scrollarea-autosize-thumb-background-hover, {colors.neutral.background.3.hovered})',\n '--scrollarea-thumb-radii':\n 'var(--scrollarea-autosize-thumb-radii, {radii.100})',\n '--scrollarea-thumb-transition':\n 'var(--scrollarea-autosize-thumb-transition, background-color .15s ease)',\n\n /* corner */\n '--scrollarea-corner-background':\n 'var(--scrollarea-autosize-corner-background, {colors.neutral.background.1.enabled})',\n\n /* internal mappings */\n // '--sa-scrollbar-size': 'var(--scrollarea-autosize-scrollbar-size)',\n // '--sa-scrollbar-offset-x': 'var(--scrollarea-autosize-offset-x)',\n // '--sa-scrollbar-offset-y': 'var(--scrollarea-autosize-offset-y)',\n // '--sa-viewport-width': 'var(--scrollarea-autosize-viewport-width)',\n // '--sa-viewport-height': 'var(--scrollarea-autosize-viewport-height)',\n // '--sa-overscroll-behavior': 'var(--scrollarea-autosize-over-scroll-behavior)',\n // '--sa-scrollbar-orientation': 'vertical',\n\n '--sa-corner-width': 'var(--scrollarea-autosize-scrollbar-size)',\n '--sa-corner-height': 'var(--scrollarea-autosize-scrollbar-size)',\n\n '--sa-thumb-width': 'var(--scrollarea-autosize-thumb-width)',\n '--sa-thumb-height': 'var(--scrollarea-autosize-thumb-height)',\n // '--thumb-opacity': '0',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"4DAOA,MAAa,EAAqB,EAAW,MAAM,CACjD,UAAW,uBACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CACJ,kBAAmB,IAGnB,sBAAuB,0CACvB,0BAA2B,+CAC3B,+BACE,qDACF,+BACE,qDACF,8BACE,yDACF,iCACE,uDAGF,8BACE,kDACF,+BACE,mDACF,6CACE,kEACF,2CACE,2FACF,oCACE,2DACF,mCACE,uDACF,mCACE,yDACF,wBACE,qDACF,wBACE,qDAGF,oCACE,yFACF,0CACE,+FACF,mDACE,oEACF,+BACE,0DACF,gCACE,mEAGF,gCACE,qFACF,sCACE,2FACF,2BACE,sDACF,gCACE,0EAGF,iCACE,sFAWF,oBAAqB,4CACrB,qBAAsB,4CAEtB,mBAAoB,yCACpB,oBAAqB,0CAEtB,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"scroll-area-autosize.mjs","names":[],"sources":["../../../../src/recipes/misc/scroll-area-autosize/scroll-area-autosize.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { scrollArea } from '../scroll-area/scroll-area';\n\nexport const scrollAreaAutosize = scrollArea.merge({\n className: 'scroll-area-autosize',\n jsx: ['ScrollAreaAutosize'],\n base: {\n '--mantine-scale': '1',\n\n /* root */\n '--scrollarea-height': 'var(--scrollarea-autosize-height, 100%)',\n '--scrollarea-max-height': 'var(--scrollarea-autosize-max-height, 12rem)',\n '--scrollarea-root-overflow-x':\n 'var(--scrollarea-autosize-root-overflow-x, hidden)',\n '--scrollarea-root-overflow-y':\n 'var(--scrollarea-autosize-root-overflow-y, hidden)',\n '--scrollarea-scrollbar-size':\n 'var(--scrollarea-autosize-scrollbar-size, {sizes.100})',\n '--scrollarea-scroll-hide-delay':\n 'var(--scrollarea-autosize-scroll-hide-delay, 1000ms)',\n\n /* viewport */\n '--scrollarea-viewport-width':\n 'var(--scrollarea-autosize-viewport-width, 100%)',\n '--scrollarea-viewport-height':\n 'var(--scrollarea-autosize-viewport-height, 100%)',\n '--scrollarea-viewport-padding-block-start':\n 'var(--scrollarea-autosize-viewport-padding-block-start, 0px)',\n '--scrollarea-viewport-padding-block-end':\n 'var(--scrollarea-autosize-viewport-padding-block-end, 0px)',\n '--scrollarea-viewport-padding-inline-start':\n 'var(--scrollarea-autosize-viewport-padding-inline-start, unset)',\n '--scrollarea-viewport-padding-inline-end':\n 'var(--scrollarea-autosize-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))',\n '--scrollarea-over-scroll-behavior':\n 'var(--scrollarea-autosize-over-scroll-behavior, contain)',\n '--scrollarea-overflow-y-behavior':\n 'var(--scrollarea-autosize-overflow-y-behavior, auto)',\n '--scrollarea-overflow-x-behavior':\n 'var(--scrollarea-autosize-overflow-x-behavior, hidden)',\n '--scrollarea-offset-x':\n 'var(--scrollarea-autosize-offset-x, {spacing.100})',\n '--scrollarea-offset-y':\n 'var(--scrollarea-autosize-offset-y, {spacing.100})',\n\n /* scrollbar */\n '--scrollarea-scrollbar-background':\n 'var(--scrollarea-autosize-scrollbar-background, {colors.neutral.background.2.enabled})',\n '--scrollarea-scrollbar-background-hover':\n 'var(--scrollarea-autosize-scrollbar-background-hover, {colors.neutral.background.2.hovered})',\n '--scrollarea-scrollbar-vertical-inset-inline-end':\n 'var(--scrollarea-autosize-scrollbar-vertical-inset-inline-end, 0)',\n '--scrollarea-scrollbar-radii':\n 'var(--scrollarea-autosize-scrollbar-radii, {radii.100})',\n '--scrollarea-scrollbar-zindex':\n 'var(--scrollarea-autosize-scrollbar-zindex, {zIndex.scrollArea})',\n\n /* thumb */\n '--scrollarea-thumb-background':\n 'var(--scrollarea-autosize-thumb-background, {colors.neutral.background.3.enabled})',\n '--scrollarea-thumb-background-hover':\n 'var(--scrollarea-autosize-thumb-background-hover, {colors.neutral.background.3.hovered})',\n '--scrollarea-thumb-radii':\n 'var(--scrollarea-autosize-thumb-radii, {radii.100})',\n '--scrollarea-thumb-transition':\n 'var(--scrollarea-autosize-thumb-transition, background-color .15s ease)',\n\n /* corner */\n '--scrollarea-corner-background':\n 'var(--scrollarea-autosize-corner-background, {colors.neutral.background.1.enabled})',\n\n /* internal mappings */\n // '--sa-scrollbar-size': 'var(--scrollarea-autosize-scrollbar-size)',\n // '--sa-scrollbar-offset-x': 'var(--scrollarea-autosize-offset-x)',\n // '--sa-scrollbar-offset-y': 'var(--scrollarea-autosize-offset-y)',\n // '--sa-viewport-width': 'var(--scrollarea-autosize-viewport-width)',\n // '--sa-viewport-height': 'var(--scrollarea-autosize-viewport-height)',\n // '--sa-overscroll-behavior': 'var(--scrollarea-autosize-over-scroll-behavior)',\n // '--sa-scrollbar-orientation': 'vertical',\n\n '--sa-corner-width': 'var(--scrollarea-autosize-scrollbar-size)',\n '--sa-corner-height': 'var(--scrollarea-autosize-scrollbar-size)',\n\n '--sa-thumb-width': 'var(--scrollarea-autosize-thumb-width)',\n '--sa-thumb-height': 'var(--scrollarea-autosize-thumb-height)',\n // '--thumb-opacity': '0',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"4DAOA,MAAa,EAAqB,EAAW,MAAM,CACjD,UAAW,uBACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CACJ,kBAAmB,IAGnB,sBAAuB,0CACvB,0BAA2B,+CAC3B,+BACE,qDACF,+BACE,qDACF,8BACE,yDACF,iCACE,uDAGF,8BACE,kDACF,+BACE,mDACF,4CACE,+DACF,0CACE,6DACF,6CACE,kEACF,2CACE,2FACF,oCACE,2DACF,mCACE,uDACF,mCACE,yDACF,wBACE,qDACF,wBACE,qDAGF,oCACE,yFACF,0CACE,+FACF,mDACE,oEACF,+BACE,0DACF,gCACE,mEAGF,gCACE,qFACF,sCACE,2FACF,2BACE,sDACF,gCACE,0EAGF,iCACE,sFAWF,oBAAqB,4CACrB,qBAAsB,4CAEtB,mBAAoB,yCACpB,oBAAqB,0CAEtB,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{scrollAreaAutosize as e}from"../../../misc/scroll-area-autosize/scroll-area-autosize.mjs";const t=e.merge({className:`sidebar__scroll-area-autosize`,jsx:[`Sidebar`],base:{"--scrollarea-autosize-height":`var(--sidebar-scrollarea-autosize-height, 100%)`,"--scrollarea-autosize-max-height":`var(--sidebar-scrollarea-autosize-max-height, 100%)`,"--scrollarea-autosize-scrollbar-size":`var(--sidebar-scrollarea-autosize-scrollbar-size, {sizes.100})`,"--scrollarea-autosize-root-overflow-x":`hidden`,"--scrollarea-autosize-root-overflow-y":`hidden`,"--scrollarea-autosize-scrollbar-vertical-inset-inline-end":`var(--sidebar-scrollarea-autosize-scrollbar-inline-offset, 0)`,"--scrollarea-autosize-scrollbar-background":`var(--sidebar-scrollarea-autosize-scrollbar-background, {colors.neutral.background.2.enabled})`,"--scrollarea-autosize-scrollbar-background-hover":`var(--sidebar-scrollarea-autosize-scrollbar-background-hover, {colors.neutral.background.2.hovered})`,"--scrollarea-autosize-thumb-background":`var(--sidebar-scrollarea-autosize-thumb-background, {colors.neutral.background.3.enabled})`,"--scrollarea-autosize-thumb-background-hover":`var(--sidebar-scrollarea-autosize-thumb-background-hover, {colors.neutral.background.3.hovered})`,"--scrollarea-autosize-overflow-y-behavior":`var(--sidebar-scrollarea-autosize-overflow-y-behavior, auto)`,"--scrollarea-autosize-overflow-x-behavior":`var(--sidebar-scrollarea-autosize-overflow-x-behavior, hidden)`,"--scrollarea-autosize-viewport-padding-inline-start":`var(--sidebar-scrollarea-autosize-viewport-padding-inline-start, 0px)`,"--scrollarea-autosize-viewport-padding-inline-end":`var(--sidebar-scrollarea-autosize-viewport-padding-inline-end, 0px)`}});export{t as sidebarScrollAreaAutosize};
|
|
1
|
+
import{scrollAreaAutosize as e}from"../../../misc/scroll-area-autosize/scroll-area-autosize.mjs";const t=e.merge({className:`sidebar__scroll-area-autosize`,jsx:[`Sidebar`],base:{"--scrollarea-autosize-height":`var(--sidebar-scrollarea-autosize-height, 100%)`,"--scrollarea-autosize-max-height":`var(--sidebar-scrollarea-autosize-max-height, 100%)`,"--scrollarea-autosize-scrollbar-size":`var(--sidebar-scrollarea-autosize-scrollbar-size, {sizes.100})`,"--scrollarea-autosize-root-overflow-x":`hidden`,"--scrollarea-autosize-root-overflow-y":`hidden`,"--scrollarea-autosize-scrollbar-vertical-inset-inline-end":`var(--sidebar-scrollarea-autosize-scrollbar-inline-offset, 0)`,"--scrollarea-autosize-scrollbar-background":`var(--sidebar-scrollarea-autosize-scrollbar-background, {colors.neutral.background.2.enabled})`,"--scrollarea-autosize-scrollbar-background-hover":`var(--sidebar-scrollarea-autosize-scrollbar-background-hover, {colors.neutral.background.2.hovered})`,"--scrollarea-autosize-thumb-background":`var(--sidebar-scrollarea-autosize-thumb-background, {colors.neutral.background.3.enabled})`,"--scrollarea-autosize-thumb-background-hover":`var(--sidebar-scrollarea-autosize-thumb-background-hover, {colors.neutral.background.3.hovered})`,"--scrollarea-autosize-overflow-y-behavior":`var(--sidebar-scrollarea-autosize-overflow-y-behavior, auto)`,"--scrollarea-autosize-overflow-x-behavior":`var(--sidebar-scrollarea-autosize-overflow-x-behavior, hidden)`,"--scrollarea-autosize-viewport-padding-block-start":`var(--sidebar-scrollarea-autosize-viewport-padding-block-start, 0px)`,"--scrollarea-autosize-viewport-padding-block-end":`var(--sidebar-scrollarea-autosize-viewport-padding-block-end, 0px)`,"--scrollarea-autosize-viewport-padding-inline-start":`var(--sidebar-scrollarea-autosize-viewport-padding-inline-start, 0px)`,"--scrollarea-autosize-viewport-padding-inline-end":`var(--sidebar-scrollarea-autosize-viewport-padding-inline-end, 0px)`}});export{t as sidebarScrollAreaAutosize};
|
|
2
2
|
//# sourceMappingURL=sidebar-scroll-area-autosize.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sidebar-scroll-area-autosize.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-scroll-area-autosize.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { scrollAreaAutosize } from '../../../misc/scroll-area-autosize/scroll-area-autosize';\n\nexport const sidebarScrollAreaAutosize = scrollAreaAutosize.merge({\n className: 'sidebar__scroll-area-autosize',\n jsx: ['Sidebar'],\n base: {\n /* root */\n '--scrollarea-autosize-height':\n 'var(--sidebar-scrollarea-autosize-height, 100%)',\n '--scrollarea-autosize-max-height':\n 'var(--sidebar-scrollarea-autosize-max-height, 100%)',\n '--scrollarea-autosize-scrollbar-size':\n 'var(--sidebar-scrollarea-autosize-scrollbar-size, {sizes.100})',\n '--scrollarea-autosize-root-overflow-x': 'hidden',\n '--scrollarea-autosize-root-overflow-y': 'hidden',\n '--scrollarea-autosize-scrollbar-vertical-inset-inline-end':\n 'var(--sidebar-scrollarea-autosize-scrollbar-inline-offset, 0)',\n '--scrollarea-autosize-scrollbar-background':\n 'var(--sidebar-scrollarea-autosize-scrollbar-background, {colors.neutral.background.2.enabled})',\n '--scrollarea-autosize-scrollbar-background-hover':\n 'var(--sidebar-scrollarea-autosize-scrollbar-background-hover, {colors.neutral.background.2.hovered})',\n '--scrollarea-autosize-thumb-background':\n 'var(--sidebar-scrollarea-autosize-thumb-background, {colors.neutral.background.3.enabled})',\n '--scrollarea-autosize-thumb-background-hover':\n 'var(--sidebar-scrollarea-autosize-thumb-background-hover, {colors.neutral.background.3.hovered})',\n\n /* viewport */\n '--scrollarea-autosize-overflow-y-behavior':\n 'var(--sidebar-scrollarea-autosize-overflow-y-behavior, auto)',\n '--scrollarea-autosize-overflow-x-behavior':\n 'var(--sidebar-scrollarea-autosize-overflow-x-behavior, hidden)',\n '--scrollarea-autosize-viewport-padding-inline-start':\n 'var(--sidebar-scrollarea-autosize-viewport-padding-inline-start, 0px)',\n '--scrollarea-autosize-viewport-padding-inline-end':\n 'var(--sidebar-scrollarea-autosize-viewport-padding-inline-end, 0px)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"iGAOA,MAAa,EAA4B,EAAmB,MAAM,CAChE,UAAW,gCACX,IAAK,CAAC,UAAU,CAChB,KAAM,CAEJ,+BACE,kDACF,mCACE,sDACF,uCACE,iEACF,wCAAyC,SACzC,wCAAyC,SACzC,4DACE,gEACF,6CACE,iGACF,mDACE,uGACF,yCACE,6FACF,+CACE,mGAGF,4CACE,+DACF,4CACE,iEACF,sDACE,wEACF,oDACE,sEACH,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"sidebar-scroll-area-autosize.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-scroll-area-autosize.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { scrollAreaAutosize } from '../../../misc/scroll-area-autosize/scroll-area-autosize';\n\nexport const sidebarScrollAreaAutosize = scrollAreaAutosize.merge({\n className: 'sidebar__scroll-area-autosize',\n jsx: ['Sidebar'],\n base: {\n /* root */\n '--scrollarea-autosize-height':\n 'var(--sidebar-scrollarea-autosize-height, 100%)',\n '--scrollarea-autosize-max-height':\n 'var(--sidebar-scrollarea-autosize-max-height, 100%)',\n '--scrollarea-autosize-scrollbar-size':\n 'var(--sidebar-scrollarea-autosize-scrollbar-size, {sizes.100})',\n '--scrollarea-autosize-root-overflow-x': 'hidden',\n '--scrollarea-autosize-root-overflow-y': 'hidden',\n '--scrollarea-autosize-scrollbar-vertical-inset-inline-end':\n 'var(--sidebar-scrollarea-autosize-scrollbar-inline-offset, 0)',\n '--scrollarea-autosize-scrollbar-background':\n 'var(--sidebar-scrollarea-autosize-scrollbar-background, {colors.neutral.background.2.enabled})',\n '--scrollarea-autosize-scrollbar-background-hover':\n 'var(--sidebar-scrollarea-autosize-scrollbar-background-hover, {colors.neutral.background.2.hovered})',\n '--scrollarea-autosize-thumb-background':\n 'var(--sidebar-scrollarea-autosize-thumb-background, {colors.neutral.background.3.enabled})',\n '--scrollarea-autosize-thumb-background-hover':\n 'var(--sidebar-scrollarea-autosize-thumb-background-hover, {colors.neutral.background.3.hovered})',\n\n /* viewport */\n '--scrollarea-autosize-overflow-y-behavior':\n 'var(--sidebar-scrollarea-autosize-overflow-y-behavior, auto)',\n '--scrollarea-autosize-overflow-x-behavior':\n 'var(--sidebar-scrollarea-autosize-overflow-x-behavior, hidden)',\n '--scrollarea-autosize-viewport-padding-block-start':\n 'var(--sidebar-scrollarea-autosize-viewport-padding-block-start, 0px)',\n '--scrollarea-autosize-viewport-padding-block-end':\n 'var(--sidebar-scrollarea-autosize-viewport-padding-block-end, 0px)',\n '--scrollarea-autosize-viewport-padding-inline-start':\n 'var(--sidebar-scrollarea-autosize-viewport-padding-inline-start, 0px)',\n '--scrollarea-autosize-viewport-padding-inline-end':\n 'var(--sidebar-scrollarea-autosize-viewport-padding-inline-end, 0px)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"iGAOA,MAAa,EAA4B,EAAmB,MAAM,CAChE,UAAW,gCACX,IAAK,CAAC,UAAU,CAChB,KAAM,CAEJ,+BACE,kDACF,mCACE,sDACF,uCACE,iEACF,wCAAyC,SACzC,wCAAyC,SACzC,4DACE,gEACF,6CACE,iGACF,mDACE,uGACF,yCACE,6FACF,+CACE,mGAGF,4CACE,+DACF,4CACE,iEACF,qDACE,uEACF,mDACE,qEACF,sDACE,wEACF,oDACE,sEACH,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-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-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":`2.5rem`,"--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":`2rem`,"--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`,tablet:{"--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};
|
|
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":`2.5rem`,"--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":`2rem`,"--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`,tablet:{"--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-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-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': '2.5rem',\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': '2rem',\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,gDACE,+CACF,8CACE,yGAGF,uCAAwC,OACxC,2CAA4C,OAC5C,+CAAgD,aAChD,wDAAyD,IACzD,qDACE,8CACF,2DACE,8CACF,iDACE,wCACF,uDACE,wCACF,oDAAqD,OACrD,oDAAqD,SACrD,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,SAClC,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,OACrC,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': '2.5rem',\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': '2rem',\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,SAClC,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,OACrC,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"}
|