@mage-ui/preset 1.0.36 → 1.0.37
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/navigations/sidebars/sidebar/index.mjs +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/index.mjs.map +1 -1
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-bottom-slot.mjs +2 -0
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-bottom-slot.mjs.map +1 -0
- 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-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-scroll-area-autosize.mjs +2 -0
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-scroll-area-autosize.mjs.map +1 -0
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-top-slot.mjs +2 -0
- package/dist/recipes/navigations/sidebars/sidebar/sidebar-top-slot.mjs.map +1 -0
- 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{sidebar as e}from"./sidebar.mjs";import{
|
|
1
|
+
import{sidebar as e}from"./sidebar.mjs";import{sidebarBottomSlot as t}from"./sidebar-bottom-slot.mjs";import{sidebarNavGroup as n}from"./sidebar-nav-group/sidebar-nav-group.mjs";import{sidebarNavGroupTitle as r}from"./sidebar-nav-group/sidebar-nav-group-title.mjs";import{sidebarNavItem as i}from"./sidebar-nav-item/sidebar-nav-item.mjs";import{sidebarNavItemLinkAnchor as a}from"./sidebar-nav-item-link/sidebar-nav-item-link-anchor.mjs";import{sidebarNavItemButtonCollapsedRoot as o}from"./sidebar-nav-item-button/sidebar-nav-item-button-collapsed-root.mjs";import{sidebarNavItemButtonIconToggle as s}from"./sidebar-nav-item-button/sidebar-nav-item-button-icon-toggle.mjs";import{sidebarNavItemButtonInner as c}from"./sidebar-nav-item-button/sidebar-nav-item-button-inner.mjs";import{sidebarNavItemLinkLabel as l}from"./sidebar-nav-item-link/sidebar-nav-item-link-label.mjs";import{sidebarNavItemButtonLabel as u}from"./sidebar-nav-item-button/sidebar-nav-item-button-label.mjs";import{sidebarNavItemButtonRoot as d}from"./sidebar-nav-item-button/sidebar-nav-item-button-root.mjs";import{sidebarNavItemButtonSection as f}from"./sidebar-nav-item-button/sidebar-nav-item-button-section.mjs";import{sidebarNavList as p}from"./sidebar-nav-list/sidebar-nav-list.mjs";import{sidebarNavRoot as m}from"./sidebar-nav-root.mjs";import{sidebarRoot as h}from"./sidebar-root.mjs";import{sidebarScrollAreaAutosize as g}from"./sidebar-scroll-area-autosize.mjs";import{sidebarSubnavCollapsedRoot as _}from"./sidebar-subnav/sidebar-subnav-collapsed-root.mjs";import{sidebarSubnavItem as v}from"./sidebar-subnav/sidebar-subnav-item.mjs";import{sidebarSubnavItemLinkAnchor as y}from"./sidebar-subnav/sidebar-subnav-item-link-anchor.mjs";import{sidebarSubnavItemLinkLabel as b}from"./sidebar-subnav/sidebar-subnav-item-link-label.mjs";import{sidebarSubnavList as x}from"./sidebar-subnav/sidebar-subnav-list.mjs";import{sidebarSubnavRoot as S}from"./sidebar-subnav/sidebar-subnav-root.mjs";import{sidebarTopSlot as C}from"./sidebar-top-slot.mjs";var w={sidebar:e,sidebarBottomSlot:t,sidebarNavGroup:n,sidebarNavGroupTitle:r,sidebarNavItem:i,sidebarNavItemButtonInner:c,sidebarNavItemButtonLabel:u,sidebarNavItemButtonRoot:d,sidebarNavItemButtonSection:f,sidebarNavItemButtonIconToggle:s,sidebarNavItemButtonCollapsedRoot:o,sidebarNavItemLinkAnchor:a,sidebarNavItemLinkLabel:l,sidebarNavList:p,sidebarNavRoot:m,sidebarRoot:h,sidebarScrollAreaAutosize:g,sidebarSubnavItem:v,sidebarSubnavItemLinkAnchor:y,sidebarSubnavItemLinkLabel:b,sidebarSubnavList:x,sidebarSubnavRoot:S,sidebarSubnavCollapsedRoot:_,sidebarTopSlot:C};export{w as default};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/index.ts"],"sourcesContent":["import { sidebar } from './sidebar';\nimport { sidebarNavGroup } from './sidebar-nav-group/sidebar-nav-group';\nimport { sidebarNavGroupTitle } from './sidebar-nav-group/sidebar-nav-group-title';\nimport { sidebarNavItem } from './sidebar-nav-item/sidebar-nav-item';\nimport { sidebarNavItemButtonCollapsedRoot } from './sidebar-nav-item-button/sidebar-nav-item-button-collapsed-root';\nimport { sidebarNavItemButtonIconToggle } from './sidebar-nav-item-button/sidebar-nav-item-button-icon-toggle';\nimport { sidebarNavItemButtonInner } from './sidebar-nav-item-button/sidebar-nav-item-button-inner';\nimport { sidebarNavItemButtonLabel } from './sidebar-nav-item-button/sidebar-nav-item-button-label';\nimport { sidebarNavItemButtonRoot } from './sidebar-nav-item-button/sidebar-nav-item-button-root';\nimport { sidebarNavItemButtonSection } from './sidebar-nav-item-button/sidebar-nav-item-button-section';\nimport { sidebarNavItemLinkAnchor } from './sidebar-nav-item-link/sidebar-nav-item-link-anchor';\nimport { sidebarNavItemLinkLabel } from './sidebar-nav-item-link/sidebar-nav-item-link-label';\nimport { sidebarNavList } from './sidebar-nav-list/sidebar-nav-list';\nimport { sidebarNavRoot } from './sidebar-nav-root';\nimport { sidebarRoot } from './sidebar-root';\nimport { sidebarSubnavCollapsedRoot } from './sidebar-subnav/sidebar-subnav-collapsed-root';\nimport { sidebarSubnavItem } from './sidebar-subnav/sidebar-subnav-item';\nimport { sidebarSubnavItemLinkAnchor } from './sidebar-subnav/sidebar-subnav-item-link-anchor';\nimport { sidebarSubnavItemLinkLabel } from './sidebar-subnav/sidebar-subnav-item-link-label';\nimport { sidebarSubnavList } from './sidebar-subnav/sidebar-subnav-list';\nimport { sidebarSubnavRoot } from './sidebar-subnav/sidebar-subnav-root';\n\nexport default {\n sidebar,\n sidebarNavGroup,\n sidebarNavGroupTitle,\n sidebarNavItem,\n sidebarNavItemButtonInner,\n sidebarNavItemButtonLabel,\n sidebarNavItemButtonRoot,\n sidebarNavItemButtonSection,\n sidebarNavItemButtonIconToggle,\n sidebarNavItemButtonCollapsedRoot,\n sidebarNavItemLinkAnchor,\n sidebarNavItemLinkLabel,\n sidebarNavList,\n sidebarNavRoot,\n sidebarRoot,\n sidebarSubnavItem,\n sidebarSubnavItemLinkAnchor,\n sidebarSubnavItemLinkLabel,\n sidebarSubnavList,\n sidebarSubnavRoot,\n sidebarSubnavCollapsedRoot,\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/index.ts"],"sourcesContent":["import { sidebar } from './sidebar';\nimport { sidebarBottomSlot } from './sidebar-bottom-slot';\nimport { sidebarNavGroup } from './sidebar-nav-group/sidebar-nav-group';\nimport { sidebarNavGroupTitle } from './sidebar-nav-group/sidebar-nav-group-title';\nimport { sidebarNavItem } from './sidebar-nav-item/sidebar-nav-item';\nimport { sidebarNavItemButtonCollapsedRoot } from './sidebar-nav-item-button/sidebar-nav-item-button-collapsed-root';\nimport { sidebarNavItemButtonIconToggle } from './sidebar-nav-item-button/sidebar-nav-item-button-icon-toggle';\nimport { sidebarNavItemButtonInner } from './sidebar-nav-item-button/sidebar-nav-item-button-inner';\nimport { sidebarNavItemButtonLabel } from './sidebar-nav-item-button/sidebar-nav-item-button-label';\nimport { sidebarNavItemButtonRoot } from './sidebar-nav-item-button/sidebar-nav-item-button-root';\nimport { sidebarNavItemButtonSection } from './sidebar-nav-item-button/sidebar-nav-item-button-section';\nimport { sidebarNavItemLinkAnchor } from './sidebar-nav-item-link/sidebar-nav-item-link-anchor';\nimport { sidebarNavItemLinkLabel } from './sidebar-nav-item-link/sidebar-nav-item-link-label';\nimport { sidebarNavList } from './sidebar-nav-list/sidebar-nav-list';\nimport { sidebarNavRoot } from './sidebar-nav-root';\nimport { sidebarRoot } from './sidebar-root';\nimport { sidebarScrollAreaAutosize } from './sidebar-scroll-area-autosize';\nimport { sidebarSubnavCollapsedRoot } from './sidebar-subnav/sidebar-subnav-collapsed-root';\nimport { sidebarSubnavItem } from './sidebar-subnav/sidebar-subnav-item';\nimport { sidebarSubnavItemLinkAnchor } from './sidebar-subnav/sidebar-subnav-item-link-anchor';\nimport { sidebarSubnavItemLinkLabel } from './sidebar-subnav/sidebar-subnav-item-link-label';\nimport { sidebarSubnavList } from './sidebar-subnav/sidebar-subnav-list';\nimport { sidebarSubnavRoot } from './sidebar-subnav/sidebar-subnav-root';\nimport { sidebarTopSlot } from './sidebar-top-slot';\n\nexport default {\n sidebar,\n sidebarBottomSlot,\n sidebarNavGroup,\n sidebarNavGroupTitle,\n sidebarNavItem,\n sidebarNavItemButtonInner,\n sidebarNavItemButtonLabel,\n sidebarNavItemButtonRoot,\n sidebarNavItemButtonSection,\n sidebarNavItemButtonIconToggle,\n sidebarNavItemButtonCollapsedRoot,\n sidebarNavItemLinkAnchor,\n sidebarNavItemLinkLabel,\n sidebarNavList,\n sidebarNavRoot,\n sidebarRoot,\n sidebarScrollAreaAutosize,\n sidebarSubnavItem,\n sidebarSubnavItemLinkAnchor,\n sidebarSubnavItemLinkLabel,\n sidebarSubnavList,\n sidebarSubnavRoot,\n sidebarSubnavCollapsedRoot,\n sidebarTopSlot,\n};\n"],"mappings":"0+DAyBA,IAAA,EAAe,CACb,UACA,oBACA,kBACA,uBACA,iBACA,4BACA,4BACA,2BACA,8BACA,iCACA,oCACA,2BACA,0BACA,iBACA,iBACA,cACA,4BACA,oBACA,8BACA,6BACA,oBACA,oBACA,6BACA,iBACD"}
|
|
@@ -0,0 +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`,justifyContent:`space-between`,alignItems:`center`,gap:`var(--sidebar-slot-gap, {spacing.200})`,paddingInline:`var(--sidebar-slot-padding-inline, {spacing.300})`,paddingBlock:`var(--sidebar-slot-padding-block, {spacing.0})`,width:`100%`,"[data-collapsed=true] &":{tablet:{flexDirection:`column`}}}});export{t as sidebarBottomSlot};
|
|
2
|
+
//# sourceMappingURL=sidebar-bottom-slot.mjs.map
|
|
@@ -0,0 +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',\n justifyContent: 'space-between',\n alignItems: 'center',\n gap: 'var(--sidebar-slot-gap, {spacing.200})',\n paddingInline: '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 tablet: {\n flexDirection: 'column',\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,MACf,eAAgB,gBAChB,WAAY,SACZ,IAAK,yCACL,cAAe,oDACf,aAAc,iDACd,MAAO,OAEP,0BAA2B,CACzB,OAAQ,CACN,cAAe,SAChB,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)`,textDecoration:`none`,backgroundColor:`var(--sidebar-nav-list-item-background)`,color:`var(--sidebar-nav-list-item-foreground)`,height:`var(--sidebar-nav-list-item-height)`,width:`100%`,cursor:`pointer`,transition:`var(--sidebar-nav-list-item-transition, {animations.base.100})`,tablet:{borderRadius:`var(--sidebar-nav-list-item-radii)`,
|
|
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)`,textDecoration:`none`,backgroundColor:`var(--sidebar-nav-list-item-background)`,color:`var(--sidebar-nav-list-item-foreground)`,height:`var(--sidebar-nav-list-item-height)`,width:`100%`,paddingInline:`var(--sidebar-nav-list-item-padding-inline)`,cursor:`pointer`,transition:`var(--sidebar-nav-list-item-transition, {animations.base.100})`,tablet:{borderRadius:`var(--sidebar-nav-list-item-radii)`,"[data-collapsed=true] &":{justifyContent:`center`,width:`var(--sidebar-nav-list-item-height)`,paddingInline:`0`},"[data-collapsed=false] &":{overflow:`hidden`}},_hover:{backgroundColor:`var(--sidebar-nav-list-item-background-hovered)`,color:`var(--sidebar-nav-list-item-foreground-hovered)`},_active:{backgroundColor:`var(--sidebar-nav-list-item-background-active)`,color:`var(--sidebar-nav-list-item-foreground-active)`},"&[data-selected=true]":{backgroundColor:`var(--sidebar-nav-list-item-background-selected)`,color:`var(--sidebar-nav-list-item-foreground-selected)`},"&[data-selected=true]:hover":{backgroundColor:`var(--sidebar-nav-list-item-background-selected-hovered)`,color:`var(--sidebar-nav-list-item-foreground-selected-hovered)`},"&[data-expanded=true]":{backgroundColor:`var(--sidebar-nav-list-item-background-expanded)`,color:`var(--sidebar-nav-list-item-foreground-expanded)`},"&[data-expanded=true]:hover":{backgroundColor:`var(--sidebar-nav-list-item-background-expanded-hovered)`,color:`var(--sidebar-nav-list-item-foreground-expanded-hovered)`}}});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 { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\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)',\n textDecoration: 'none',\n backgroundColor: 'var(--sidebar-nav-list-item-background)',\n color: 'var(--sidebar-nav-list-item-foreground)',\n height: 'var(--sidebar-nav-list-item-height)',\n width: '100%',\n cursor: 'pointer',\n transition:\n 'var(--sidebar-nav-list-item-transition, {animations.base.100})',\n tablet: {\n borderRadius: 'var(--sidebar-nav-list-item-radii)',\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 { defineRecipe, type RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\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)',\n textDecoration: 'none',\n backgroundColor: 'var(--sidebar-nav-list-item-background)',\n color: 'var(--sidebar-nav-list-item-foreground)',\n height: 'var(--sidebar-nav-list-item-height)',\n width: '100%',\n paddingInline: 'var(--sidebar-nav-list-item-padding-inline)',\n cursor: 'pointer',\n transition:\n 'var(--sidebar-nav-list-item-transition, {animations.base.100})',\n tablet: {\n borderRadius: 'var(--sidebar-nav-list-item-radii)',\n '[data-collapsed=true] &': {\n justifyContent: 'center',\n width: 'var(--sidebar-nav-list-item-height)',\n paddingInline: '0',\n },\n '[data-collapsed=false] &': {\n overflow: 'hidden',\n },\n },\n _hover: {\n backgroundColor: 'var(--sidebar-nav-list-item-background-hovered)',\n color: 'var(--sidebar-nav-list-item-foreground-hovered)',\n },\n _active: {\n backgroundColor: 'var(--sidebar-nav-list-item-background-active)',\n color: 'var(--sidebar-nav-list-item-foreground-active)',\n },\n '&[data-selected=true]': {\n backgroundColor: 'var(--sidebar-nav-list-item-background-selected)',\n color: 'var(--sidebar-nav-list-item-foreground-selected)',\n },\n '&[data-selected=true]:hover': {\n backgroundColor:\n 'var(--sidebar-nav-list-item-background-selected-hovered)',\n color: 'var(--sidebar-nav-list-item-foreground-selected-hovered)',\n },\n '&[data-expanded=true]': {\n backgroundColor: 'var(--sidebar-nav-list-item-background-expanded)',\n color: 'var(--sidebar-nav-list-item-foreground-expanded)',\n },\n '&[data-expanded=true]:hover': {\n backgroundColor:\n 'var(--sidebar-nav-list-item-background-expanded-hovered)',\n color: 'var(--sidebar-nav-list-item-foreground-expanded-hovered)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAGA,MAAa,EAA2B,EAAa,CACnD,UAAW,iCACX,IAAK,CAAC,sBAAsB,CAC5B,KAAM,CACJ,QAAS,OACT,cAAe,MACf,SAAU,SACV,eAAgB,gBAChB,WAAY,SACZ,IAAK,mCACL,eAAgB,OAChB,gBAAiB,0CACjB,MAAO,0CACP,OAAQ,sCACR,MAAO,OACP,cAAe,8CACf,OAAQ,UACR,WACE,iEACF,OAAQ,CACN,aAAc,qCACd,0BAA2B,CACzB,eAAgB,SAChB,MAAO,sCACP,cAAe,IAChB,CACD,2BAA4B,CAC1B,SAAU,SACX,CACF,CACD,OAAQ,CACN,gBAAiB,kDACjB,MAAO,kDACR,CACD,QAAS,CACP,gBAAiB,iDACjB,MAAO,iDACR,CACD,wBAAyB,CACvB,gBAAiB,mDACjB,MAAO,mDACR,CACD,8BAA+B,CAC7B,gBACE,2DACF,MAAO,2DACR,CACD,wBAAyB,CACvB,gBAAiB,mDACjB,MAAO,mDACR,CACD,8BAA+B,CAC7B,gBACE,2DACF,MAAO,2DACR,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)`,borderTopWidth:`var(--sidebar-nav-border-top-width)`,borderBottomWidth:`var(--sidebar-nav-border-bottom-width)`,borderLeftWidth:`var(--sidebar-nav-border-left-width)`,borderRightWidth:`var(--sidebar-nav-border-right-width)`,borderStyle:`solid`,borderColor:`var(--sidebar-nav-border-color)`,borderRadius:`var(--sidebar-nav-border-radius)`,
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav__root`,jsx:[`Sidebar`],base:{backgroundColor:`var(--sidebar-nav-background)`,borderTopWidth:`var(--sidebar-nav-border-top-width)`,borderBottomWidth:`var(--sidebar-nav-border-bottom-width)`,borderLeftWidth:`var(--sidebar-nav-border-left-width)`,borderRightWidth:`var(--sidebar-nav-border-right-width)`,borderStyle:`solid`,borderColor:`var(--sidebar-nav-border-color)`,borderRadius:`var(--sidebar-nav-border-radius)`,display:`flex`,flexDirection:`column`,minHeight:`0`,overflow:`hidden`,gap:`var(--sidebar-nav-gap)`,flexGrow:`1`,"& > *":{flex:`1 1 auto`,minHeight:`0`,maxHeight:`100%`},_toTablet:{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)',\n borderTopWidth: 'var(--sidebar-nav-border-top-width)',\n borderBottomWidth: 'var(--sidebar-nav-border-bottom-width)',\n borderLeftWidth: 'var(--sidebar-nav-border-left-width)',\n borderRightWidth: 'var(--sidebar-nav-border-right-width)',\n borderStyle: 'solid',\n borderColor: 'var(--sidebar-nav-border-color)',\n borderRadius: 'var(--sidebar-nav-border-radius)',\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)',\n borderTopWidth: 'var(--sidebar-nav-border-top-width)',\n borderBottomWidth: 'var(--sidebar-nav-border-bottom-width)',\n borderLeftWidth: 'var(--sidebar-nav-border-left-width)',\n borderRightWidth: 'var(--sidebar-nav-border-right-width)',\n borderStyle: 'solid',\n borderColor: 'var(--sidebar-nav-border-color)',\n borderRadius: 'var(--sidebar-nav-border-radius)',\n display: 'flex',\n flexDirection: 'column',\n minHeight: '0',\n overflow: 'hidden',\n gap: 'var(--sidebar-nav-gap)',\n flexGrow: '1',\n '& > *': {\n flex: '1 1 auto',\n minHeight: '0',\n maxHeight: '100%',\n },\n\n _toTablet: {\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,gCACjB,eAAgB,sCAChB,kBAAmB,yCACnB,gBAAiB,uCACjB,iBAAkB,wCAClB,YAAa,QACb,YAAa,kCACb,aAAc,mCACd,QAAS,OACT,cAAe,SACf,UAAW,IACX,SAAU,SACV,IAAK,yBACL,SAAU,IACV,QAAS,CACP,KAAM,WACN,UAAW,IACX,UAAW,OACZ,CAED,UAAW,CACT,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)`,display:`flex`,flexDirection:`column`,justifyContent:`
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__root`,jsx:[`Sidebar`],base:{backgroundColor:`var(--sidebar-background)`,display:`flex`,flexDirection:`column`,justifyContent:`flex-start`,alignItems:`stretch`,gap:`var(--sidebar-gap)`,height:`var(--sidebar-height)`,width:`var(--sidebar-width)`,paddingInline:`var(--sidebar-padding-inline)`,paddingBlock:`var(--sidebar-padding-block)`,transition:`var(--sidebar-transition)`,boxSizing:`border-box`,zIndex:`var(--sidebar-zindex)`,_toTablet:{left:`-100%`,paddingTop:`0`,"&.show-nav":{zIndex:`nav`,left:`0`},"&.hide-nav":{zIndex:`deep`,opacity:`0`}},tablet:{gridArea:`var(--sidebar-grid-area, "sidebar")`,position:`var(--sidebar-position, sticky)`,top:`var(--sidebar-top, {spacing.100})`,alignItems:`stretch`,borderRadius:`var(--sidebar-radii)`,"&[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: 'var(--sidebar-background)',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: '
|
|
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: 'var(--sidebar-background)',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'flex-start',\n alignItems: 'stretch',\n gap: 'var(--sidebar-gap)',\n height: 'var(--sidebar-height)',\n width: 'var(--sidebar-width)',\n paddingInline: 'var(--sidebar-padding-inline)',\n paddingBlock: 'var(--sidebar-padding-block)',\n transition: 'var(--sidebar-transition)',\n boxSizing: 'border-box',\n zIndex: 'var(--sidebar-zindex)',\n\n _toTablet: {\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 tablet: {\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)',\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,gBAAiB,4BACjB,QAAS,OACT,cAAe,SACf,eAAgB,aAChB,WAAY,UACZ,IAAK,qBACL,OAAQ,wBACR,MAAO,uBACP,cAAe,gCACf,aAAc,+BACd,WAAY,4BACZ,UAAW,aACX,OAAQ,wBAER,UAAW,CACT,KAAM,QACN,WAAY,IACZ,aAAc,CACZ,OAAQ,MACR,KAAM,IACP,CACD,aAAc,CACZ,OAAQ,OACR,QAAS,IACV,CACF,CAED,OAAQ,CACN,SAAU,sCACV,SAAU,kCACV,IAAK,oCACL,WAAY,UACZ,aAAc,uBACd,yBAA0B,CACxB,WAAY,SACb,CACF,CACF,CACF,CAAC"}
|
|
@@ -0,0 +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-overflow-y-behavior":`var(--sidebar-scrollarea-autosize-overflow-y-behavior, auto)`,"--scrollarea-autosize-overflow-x-behavior":`var(--sidebar-scrollarea-autosize-overflow-x-behavior, hidden)`}});export{t as sidebarScrollAreaAutosize};
|
|
2
|
+
//# sourceMappingURL=sidebar-scroll-area-autosize.mjs.map
|
|
@@ -0,0 +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\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 },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"iGAOA,MAAa,EAA4B,EAAmB,MAAM,CAChE,UAAW,gCACX,IAAK,CAAC,UAAU,CAChB,KAAM,CAEJ,+BACE,kDACF,mCACE,sDAGF,4CACE,+DACF,4CACE,iEACH,CACF,CAAC"}
|
|
@@ -0,0 +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})`,paddingInline:`var(--sidebar-slot-padding-inline, {spacing.300})`,paddingBlock:`var(--sidebar-slot-padding-block, {spacing.0})`,width:`100%`,"[data-collapsed=true] &":{tablet:{flexDirection:`column`}}}});export{t as sidebarTopSlot};
|
|
2
|
+
//# sourceMappingURL=sidebar-top-slot.mjs.map
|
|
@@ -0,0 +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 paddingInline: '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 tablet: {\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,cAAe,oDACf,aAAc,iDACd,MAAO,OAEP,0BAA2B,CACzB,OAAQ,CACN,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-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":`{
|
|
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":`{spacing.500}`,"--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":`{spacing.300}`,"--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-scrollarea-autosize-height":`100%`,"--sidebar-scrollarea-autosize-max-height":`100%`,"--sidebar-scrollarea-autosize-overflow-y-behavior":`auto`,"--sidebar-scrollarea-autosize-overflow-x-behavior":`hidden`,"--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-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-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-padding-inline":`{spacing.200}`,"--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":`{spacing.100}`}},laptop:{"--sidebar-padding-inline":`{spacing.400}`}}});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-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': '{sizes.workspace.paddingX}',\n '--sidebar-radii': '{radii.200}',\n '--sidebar-transition': '{animations.base.100}',\n '--sidebar-zindex': '{zIndex.nav}',\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\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': '{spacing.0}',\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 /* 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 /* 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 '--sidebar-padding-inline': '{spacing.200}',\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': '{spacing.100}',\n },\n },\n\n laptop: {\n /* root */\n '--sidebar-padding-inline': '{spacing.400}',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAU,EAAa,CAClC,UAAW,UACX,IAAK,CAAC,UAAU,CAChB,KAAM,CAEJ,sBAAuB,UAEvB,uBAAwB,wCACxB,gBAAiB,gBACjB,kBAAmB,UACnB,mBAAoB,SACpB,gBAAiB,gBACjB,0BAA2B,gBAC3B,2BAA4B,6BAC5B,kBAAmB,cACnB,uBAAwB,wBACxB,mBAAoB,eAGpB,oBAAqB,gBACrB,4BAA6B,gBAC7B,uBAAwB,qCACxB,2BAA4B,cAC5B,6BAA8B,cAC9B,iCAAkC,cAClC,oCAAqC,cACrC,kCAAmC,cACnC,mCAAoC,cACpC,8BAA+B,YAG/B,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,2CAA4C,cAG5C,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,OAG3C,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,wDAGF,6CAA8C,kBAC9C,+CAAgD,uBAChD,kDAAmD,OAEnD,OAAQ,CACN,2BAA4B,gBAC5B,mBAAoB,wBAGpB,iCAAkC,UAGlC,qCAAsC,kBAEtC,yBAA0B,CAExB,kBAAmB,SACnB,2BAA4B,gBAC7B,CACF,CAED,OAAQ,CAEN,2BAA4B,gBAC7B,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': '{spacing.500}',\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': '{spacing.300}',\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\n /* nav scroll area autosize */\n '--sidebar-scrollarea-autosize-height': '100%',\n '--sidebar-scrollarea-autosize-max-height': '100%',\n '--sidebar-scrollarea-autosize-overflow-y-behavior': 'auto',\n '--sidebar-scrollarea-autosize-overflow-x-behavior': 'hidden',\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 /* 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 /* 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-padding-inline': '{spacing.200}',\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': '{spacing.100}',\n },\n },\n\n laptop: {\n /* root */\n '--sidebar-padding-inline': '{spacing.400}',\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,2BAA4B,gBAC5B,kBAAmB,cACnB,uBAAwB,wBACxB,mBAAoB,eAGpB,qBAAsB,gBACtB,+BAAgC,cAChC,gCAAiC,gBAGjC,oBAAqB,gBACrB,4BAA6B,gBAC7B,uBAAwB,qCACxB,2BAA4B,cAC5B,6BAA8B,cAC9B,iCAAkC,cAClC,oCAAqC,cACrC,kCAAmC,cACnC,mCAAoC,cACpC,8BAA+B,YAG/B,uCAAwC,OACxC,2CAA4C,OAC5C,oDAAqD,OACrD,oDAAqD,SAGrD,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,OAG3C,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,wDAGF,6CAA8C,kBAC9C,+CAAgD,uBAChD,kDAAmD,OAEnD,OAAQ,CAEN,qBAAsB,SACtB,2BAA4B,gBAC5B,mBAAoB,wBAGpB,iCAAkC,UAGlC,qCAAsC,kBAEtC,yBAA0B,CAExB,kBAAmB,SACnB,2BAA4B,gBAC7B,CACF,CAED,OAAQ,CAEN,2BAA4B,gBAC7B,CACF,CACF,CAAC"}
|