@mage-ui/preset 1.0.149 → 1.0.150

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.
Files changed (7) hide show
  1. package/dist/recipes/data-display/calendar/calendar-toolbar.mjs +1 -1
  2. package/dist/recipes/data-display/calendar/calendar-toolbar.mjs.map +1 -1
  3. package/dist/recipes/data-display/calendar/calendar.mjs +1 -1
  4. package/dist/recipes/data-display/calendar/calendar.mjs.map +1 -1
  5. package/dist/recipes/navigations/sidebars/sidebar/sidebar.mjs +1 -1
  6. package/dist/recipes/navigations/sidebars/sidebar/sidebar.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/recipes/data-display/calendar/calendar-toolbar.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__toolbar`,jsx:[`Calendar`],base:{"& .rbc-toolbar":{display:`flex`,flexDirection:`column`,flexWrap:`wrap`,justifyContent:`center`,alignItems:`center`,marginBottom:`var(--calendar-toolbar-margin-bottom, {spacing.400})`,fontSize:`var(--calendar-toolbar-font-size, {fontSizes.400})`,_md:{flexDirection:`row`}},"& .rbc-toolbar-label":{flexGrow:1,color:`var(--calendar-toolbar-label-foreground, {colors.neutral.foreground.1.enabled})`,paddingInline:`var(--calendar-toolbar-label-padding-inline, {spacing.200})`,fontFamily:`var(--calendar-toolbar-label--font-family, {fonts.base})`,fontSize:`var(--calendar-toolbar-label--font-size, {fontSizes.500})`,fontWeight:`var(--calendar-toolbar-label--font-weight, {fontWeights.medium})`,textAlign:`var(--calendar-toolbar-label--text-align, center)`},"& .rbc-btn-group":{display:`inline-flex`,gap:`var(--calendar-button-group-gap, {spacing.200})`,flexDirection:`row`,whiteSpace:`nowrap`},"& .rbc-btn-group button":{display:`inline-block`,margin:0,height:`var(--calendar-button-height, {sizes.500})`,color:`var(--calendar-button-foreground, {colors.primary.foreground.2.enabled})`,backgroundColor:`var(--calendar-button-background, transparent)`,fontFamily:`var(--calendar-button-font-family, {fonts.base})`,fontSize:`var(--calendar-button-font-size, {fontSizes.200})`,fontWeight:`var(--calendar-button-font-weight, {fontWeights.medium})`,textAlign:`var(--calendar-button-text-align, center)`,verticalAlign:`middle`,borderWidth:`var(--calendar-button-border-width, {borders.100})`,borderStyle:`solid`,borderColor:`var(--calendar-button-border-color, {colors.primary.stroke.3.enabled})`,paddingBlock:`var(--calendar-button-padding-block, {spacing.150})`,paddingInline:`var(--calendar-button-padding-inline, {spacing.400})`,borderRadius:`var(--calendar-button-border-radius, {radii.900})`,lineHeight:`var(--calendar-button-line-height, 1)`,whiteSpace:`nowrap`,cursor:`pointer`,transition:`var(--calendar-button-transition, {animations.base.100})`,_hover:{color:`var(--calendar-button-foreground-hover, {colors.primary.foreground.2.hovered})`,backgroundColor:`var(--calendar-button-background-hover, {colors.neutral.background.2.hovered})`,borderColor:`var(--calendar-button-border-color-hover, {colors.primary.stroke.3.hovered})`},"&.rbc-active":{color:`var(--calendar-button-foreground-active, {colors.primary.foreground.4.enabled})`,backgroundColor:`var(--calendar-button-background-active, {colors.neutral.background.2.primary.selected})`,borderColor:`var(--calendar-button-border-color, {colors.primary.stroke.3.enabled})`},_focusVisible:{outlineWidth:`var(--calendar-button-focus-outline-width, {borders.150})`,outlineStyle:`var(--calendar-button-focus-outline-style, solid)`,outlineColor:`var(--calendar-button-focus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--calendar-button-focus-outline-offset, {spacing.50})`}}}});export{t as calendarToolbar};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__toolbar`,jsx:[`Calendar`],base:{"& .rbc-toolbar":{display:`flex`,flexDirection:`column`,flexWrap:`wrap`,justifyContent:`center`,alignItems:`center`,gap:`var(--calendar-toolbar-gap, {spacing.200})`,marginBottom:`var(--calendar-toolbar-margin-bottom, {spacing.400})`,fontSize:`var(--calendar-toolbar-font-size, {fontSizes.400})`,_md:{flexDirection:`row`}},"& .rbc-toolbar-label":{flexGrow:1,color:`var(--calendar-toolbar-label-foreground, {colors.neutral.foreground.1.enabled})`,paddingInline:`var(--calendar-toolbar-label-padding-inline, {spacing.200})`,fontFamily:`var(--calendar-toolbar-label--font-family, {fonts.base})`,fontSize:`var(--calendar-toolbar-label--font-size, {fontSizes.500})`,fontWeight:`var(--calendar-toolbar-label--font-weight, {fontWeights.medium})`,textAlign:`var(--calendar-toolbar-label--text-align, center)`},"& .rbc-btn-group":{display:`inline-flex`,gap:`var(--calendar-button-group-gap, {spacing.200})`,flexDirection:`row`,whiteSpace:`nowrap`},"& .rbc-btn-group button":{display:`inline-block`,margin:0,height:`var(--calendar-button-height, {sizes.500})`,color:`var(--calendar-button-foreground, {colors.primary.foreground.2.enabled})`,backgroundColor:`var(--calendar-button-background, transparent)`,fontFamily:`var(--calendar-button-font-family, {fonts.base})`,fontSize:`var(--calendar-button-font-size, {fontSizes.200})`,fontWeight:`var(--calendar-button-font-weight, {fontWeights.medium})`,textAlign:`var(--calendar-button-text-align, center)`,verticalAlign:`middle`,borderWidth:`var(--calendar-button-border-width, {borders.100})`,borderStyle:`solid`,borderColor:`var(--calendar-button-border-color, {colors.primary.stroke.3.enabled})`,paddingBlock:`var(--calendar-button-padding-block, {spacing.150})`,paddingInline:`var(--calendar-button-padding-inline, {spacing.400})`,borderRadius:`var(--calendar-button-border-radius, {radii.900})`,lineHeight:`var(--calendar-button-line-height, 1)`,whiteSpace:`nowrap`,cursor:`pointer`,transition:`var(--calendar-button-transition, {animations.base.100})`,_hover:{color:`var(--calendar-button-foreground-hover, {colors.primary.foreground.2.hovered})`,backgroundColor:`var(--calendar-button-background-hover, {colors.neutral.background.2.hovered})`,borderColor:`var(--calendar-button-border-color-hover, {colors.primary.stroke.3.hovered})`},"&.rbc-active":{color:`var(--calendar-button-foreground-active, {colors.primary.foreground.4.enabled})`,backgroundColor:`var(--calendar-button-background-active, {colors.neutral.background.2.primary.selected})`,borderColor:`var(--calendar-button-border-color, {colors.primary.stroke.3.enabled})`},_focusVisible:{outlineWidth:`var(--calendar-button-focus-outline-width, {borders.150})`,outlineStyle:`var(--calendar-button-focus-outline-style, solid)`,outlineColor:`var(--calendar-button-focus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--calendar-button-focus-outline-offset, {spacing.50})`}}}});export{t as calendarToolbar};
2
2
  //# sourceMappingURL=calendar-toolbar.mjs.map
package/dist/recipes/data-display/calendar/calendar-toolbar.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"calendar-toolbar.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-toolbar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarToolbar = defineRecipe({\n className: 'calendar__toolbar',\n jsx: ['Calendar'],\n base: {\n // Toolbar container\n '& .rbc-toolbar': {\n display: 'flex',\n flexDirection: 'column',\n flexWrap: 'wrap',\n justifyContent: 'center',\n alignItems: 'center',\n marginBottom: 'var(--calendar-toolbar-margin-bottom, {spacing.400})',\n fontSize: 'var(--calendar-toolbar-font-size, {fontSizes.400})',\n _md: {\n flexDirection: 'row',\n },\n },\n\n '& .rbc-toolbar-label': {\n flexGrow: 1,\n color:\n 'var(--calendar-toolbar-label-foreground, {colors.neutral.foreground.1.enabled})',\n paddingInline:\n 'var(--calendar-toolbar-label-padding-inline, {spacing.200})',\n fontFamily: 'var(--calendar-toolbar-label--font-family, {fonts.base})',\n fontSize: 'var(--calendar-toolbar-label--font-size, {fontSizes.500})',\n fontWeight:\n 'var(--calendar-toolbar-label--font-weight, {fontWeights.medium})',\n textAlign: 'var(--calendar-toolbar-label--text-align, center)',\n },\n\n // Button group\n '& .rbc-btn-group': {\n display: 'inline-flex',\n gap: 'var(--calendar-button-group-gap, {spacing.200})',\n flexDirection: 'row',\n whiteSpace: 'nowrap',\n },\n // Button\n '& .rbc-btn-group button': {\n display: 'inline-block',\n margin: 0,\n height: 'var(--calendar-button-height, {sizes.500})',\n color:\n 'var(--calendar-button-foreground, {colors.primary.foreground.2.enabled})',\n backgroundColor: 'var(--calendar-button-background, transparent)',\n fontFamily: 'var(--calendar-button-font-family, {fonts.base})',\n fontSize: 'var(--calendar-button-font-size, {fontSizes.200})',\n fontWeight: 'var(--calendar-button-font-weight, {fontWeights.medium})',\n textAlign: 'var(--calendar-button-text-align, center)',\n verticalAlign: 'middle',\n borderWidth: 'var(--calendar-button-border-width, {borders.100})',\n borderStyle: 'solid',\n borderColor:\n 'var(--calendar-button-border-color, {colors.primary.stroke.3.enabled})',\n paddingBlock: 'var(--calendar-button-padding-block, {spacing.150})',\n paddingInline: 'var(--calendar-button-padding-inline, {spacing.400})',\n borderRadius: 'var(--calendar-button-border-radius, {radii.900})',\n lineHeight: 'var(--calendar-button-line-height, 1)',\n whiteSpace: 'nowrap',\n cursor: 'pointer',\n transition: 'var(--calendar-button-transition, {animations.base.100})',\n _hover: {\n color:\n 'var(--calendar-button-foreground-hover, {colors.primary.foreground.2.hovered})',\n backgroundColor:\n 'var(--calendar-button-background-hover, {colors.neutral.background.2.hovered})',\n borderColor:\n 'var(--calendar-button-border-color-hover, {colors.primary.stroke.3.hovered})',\n },\n '&.rbc-active': {\n color:\n 'var(--calendar-button-foreground-active, {colors.primary.foreground.4.enabled})',\n backgroundColor:\n 'var(--calendar-button-background-active, {colors.neutral.background.2.primary.selected})',\n borderColor:\n 'var(--calendar-button-border-color, {colors.primary.stroke.3.enabled})',\n },\n _focusVisible: {\n outlineWidth:\n 'var(--calendar-button-focus-outline-width, {borders.150})',\n outlineStyle: 'var(--calendar-button-focus-outline-style, solid)',\n outlineColor:\n 'var(--calendar-button-focus-outline-color, {colors.primary.stroke.1.focused})',\n outlineOffset:\n 'var(--calendar-button-focus-outline-offset, {spacing.50})',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,oBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,iBAAkB,CAChB,QAAS,OACT,cAAe,SACf,SAAU,OACV,eAAgB,SAChB,WAAY,SACZ,aAAc,uDACd,SAAU,qDACV,IAAK,CACH,cAAe,MAChB,CACF,CAED,uBAAwB,CACtB,SAAU,EACV,MACE,kFACF,cACE,8DACF,WAAY,2DACZ,SAAU,4DACV,WACE,mEACF,UAAW,oDACZ,CAGD,mBAAoB,CAClB,QAAS,cACT,IAAK,kDACL,cAAe,MACf,WAAY,SACb,CAED,0BAA2B,CACzB,QAAS,eACT,OAAQ,EACR,OAAQ,6CACR,MACE,2EACF,gBAAiB,iDACjB,WAAY,mDACZ,SAAU,oDACV,WAAY,2DACZ,UAAW,4CACX,cAAe,SACf,YAAa,qDACb,YAAa,QACb,YACE,yEACF,aAAc,sDACd,cAAe,uDACf,aAAc,oDACd,WAAY,wCACZ,WAAY,SACZ,OAAQ,UACR,WAAY,2DACZ,OAAQ,CACN,MACE,iFACF,gBACE,iFACF,YACE,+EACH,CACD,eAAgB,CACd,MACE,kFACF,gBACE,2FACF,YACE,yEACH,CACD,cAAe,CACb,aACE,4DACF,aAAc,oDACd,aACE,gFACF,cACE,4DACH,CACF,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"calendar-toolbar.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-toolbar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarToolbar = defineRecipe({\n className: 'calendar__toolbar',\n jsx: ['Calendar'],\n base: {\n // Toolbar container\n '& .rbc-toolbar': {\n display: 'flex',\n flexDirection: 'column',\n flexWrap: 'wrap',\n justifyContent: 'center',\n alignItems: 'center',\n gap: 'var(--calendar-toolbar-gap, {spacing.200})',\n marginBottom: 'var(--calendar-toolbar-margin-bottom, {spacing.400})',\n fontSize: 'var(--calendar-toolbar-font-size, {fontSizes.400})',\n _md: {\n flexDirection: 'row',\n },\n },\n\n '& .rbc-toolbar-label': {\n flexGrow: 1,\n color:\n 'var(--calendar-toolbar-label-foreground, {colors.neutral.foreground.1.enabled})',\n paddingInline:\n 'var(--calendar-toolbar-label-padding-inline, {spacing.200})',\n fontFamily: 'var(--calendar-toolbar-label--font-family, {fonts.base})',\n fontSize: 'var(--calendar-toolbar-label--font-size, {fontSizes.500})',\n fontWeight:\n 'var(--calendar-toolbar-label--font-weight, {fontWeights.medium})',\n textAlign: 'var(--calendar-toolbar-label--text-align, center)',\n },\n\n // Button group\n '& .rbc-btn-group': {\n display: 'inline-flex',\n gap: 'var(--calendar-button-group-gap, {spacing.200})',\n flexDirection: 'row',\n whiteSpace: 'nowrap',\n },\n // Button\n '& .rbc-btn-group button': {\n display: 'inline-block',\n margin: 0,\n height: 'var(--calendar-button-height, {sizes.500})',\n color:\n 'var(--calendar-button-foreground, {colors.primary.foreground.2.enabled})',\n backgroundColor: 'var(--calendar-button-background, transparent)',\n fontFamily: 'var(--calendar-button-font-family, {fonts.base})',\n fontSize: 'var(--calendar-button-font-size, {fontSizes.200})',\n fontWeight: 'var(--calendar-button-font-weight, {fontWeights.medium})',\n textAlign: 'var(--calendar-button-text-align, center)',\n verticalAlign: 'middle',\n borderWidth: 'var(--calendar-button-border-width, {borders.100})',\n borderStyle: 'solid',\n borderColor:\n 'var(--calendar-button-border-color, {colors.primary.stroke.3.enabled})',\n paddingBlock: 'var(--calendar-button-padding-block, {spacing.150})',\n paddingInline: 'var(--calendar-button-padding-inline, {spacing.400})',\n borderRadius: 'var(--calendar-button-border-radius, {radii.900})',\n lineHeight: 'var(--calendar-button-line-height, 1)',\n whiteSpace: 'nowrap',\n cursor: 'pointer',\n transition: 'var(--calendar-button-transition, {animations.base.100})',\n _hover: {\n color:\n 'var(--calendar-button-foreground-hover, {colors.primary.foreground.2.hovered})',\n backgroundColor:\n 'var(--calendar-button-background-hover, {colors.neutral.background.2.hovered})',\n borderColor:\n 'var(--calendar-button-border-color-hover, {colors.primary.stroke.3.hovered})',\n },\n '&.rbc-active': {\n color:\n 'var(--calendar-button-foreground-active, {colors.primary.foreground.4.enabled})',\n backgroundColor:\n 'var(--calendar-button-background-active, {colors.neutral.background.2.primary.selected})',\n borderColor:\n 'var(--calendar-button-border-color, {colors.primary.stroke.3.enabled})',\n },\n _focusVisible: {\n outlineWidth:\n 'var(--calendar-button-focus-outline-width, {borders.150})',\n outlineStyle: 'var(--calendar-button-focus-outline-style, solid)',\n outlineColor:\n 'var(--calendar-button-focus-outline-color, {colors.primary.stroke.1.focused})',\n outlineOffset:\n 'var(--calendar-button-focus-outline-offset, {spacing.50})',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,oBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,iBAAkB,CAChB,QAAS,OACT,cAAe,SACf,SAAU,OACV,eAAgB,SAChB,WAAY,SACZ,IAAK,6CACL,aAAc,uDACd,SAAU,qDACV,IAAK,CACH,cAAe,MAChB,CACF,CAED,uBAAwB,CACtB,SAAU,EACV,MACE,kFACF,cACE,8DACF,WAAY,2DACZ,SAAU,4DACV,WACE,mEACF,UAAW,oDACZ,CAGD,mBAAoB,CAClB,QAAS,cACT,IAAK,kDACL,cAAe,MACf,WAAY,SACb,CAED,0BAA2B,CACzB,QAAS,eACT,OAAQ,EACR,OAAQ,6CACR,MACE,2EACF,gBAAiB,iDACjB,WAAY,mDACZ,SAAU,oDACV,WAAY,2DACZ,UAAW,4CACX,cAAe,SACf,YAAa,qDACb,YAAa,QACb,YACE,yEACF,aAAc,sDACd,cAAe,uDACf,aAAc,oDACd,WAAY,wCACZ,WAAY,SACZ,OAAQ,UACR,WAAY,2DACZ,OAAQ,CACN,MACE,iFACF,gBACE,iFACF,YACE,+EACH,CACD,eAAgB,CACd,MACE,kFACF,gBACE,2FACF,YACE,yEACH,CACD,cAAe,CACb,aACE,4DACF,aAAc,oDACd,aACE,gFACF,cACE,4DACH,CACF,CACF,CACF,CAAC"}
package/dist/recipes/data-display/calendar/calendar.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar`,jsx:[`Calendar`],base:{"--calendar-off-range-opacity":`0.5`,"--calendar-off-range-background":`{colors.neutral.background.2.enabled}`,"--calendar-header-padding-inline":`{spacing.200}`,"--calendar-header-padding-block":`{spacing.200}`,"--calendar-header-font-family":`{fonts.base}`,"--calendar-header-font-weight":`{fontWeights.semibold}`,"--calendar-header-font-size":`{fontSizes.100}`,"--calendar-header-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-header-text-transform":`uppercase`,"--calendar-header-border-width":`{borders.0}`,"--calendar-button-link-font-family":`{fonts.base}`,"--calendar-button-link-font-size":`{fontSizes.200}`,"--calendar-button-link-font-weight":`{fontWeights.regular}`,"--calendar-button-link-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-button-link-background":`transparent`,"--calendar-button-link-margin":`{spacing.0}`,"--calendar-button-link-padding":`{spacing.0}`,"--calendar-button-link-border-radius":`{radii.100}`,"--calendar-button-link-border-color":`transparent`,"--calendar-button-link-border-style":`none`,"--calendar-button-link-border-width":`{borders.0}`,"--calendar-button-link-foreground-hover":`{colors.neutral.foreground.2.primary.hovered}`,"--calendar-button-link-background-hover":`transparent`,"--calendar-button-link-border-color-hover":`transparent`,"--calendar-button-link-border-style-hover":`none`,"--calendar-button-link-border-width-hover":`{borders.0}`,"calendar-button-link-focus-outline-width":`{borders.150}`,"--calendar-button-link-focus-outline-style":`solid`,"--calendar-button-link-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--calendar-button-link-focus-outline-offset":`{spacing.50}`,"--calendar-today-background":`{colors.primary.background.1.enabled/10}`,"--calendar-cell-border-width":`{borders.100}`,"--calendar-border-width":`{borders.100}`,"--calendar-cell-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-border-radius":`{radii.200}`,"--calendar-toolbar-margin-bottom":`{spacing.400}`,"--calendar-toolbar-font-size":`{fontSizes.400}`,"--calendar-toolbar-label-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-toolbar-label-padding-inline":`{spacing.200}`,"--calendar-toolbar-label--font-family":`{fonts.base}`,"--calendar-toolbar-label--font-size":`{fontSizes.500}`,"--calendar-toolbar-label--font-weight":`{fontWeights.medium}`,"--calendar-toolbar-label--text-align":`center`,"--calendar-button-group-gap":`{spacing.200}`,"--calendar-button-height":`{sizes.500}`,"--calendar-button-foreground":`{colors.primary.foreground.2.enabled}`,"--calendar-button-background":`transparent`,"--calendar-button-font-family":`{fonts.base}`,"--calendar-button-font-size":`{fontSizes.200}`,"--calendar-button-font-weight":`{fontWeights.medium}`,"--calendar-button-text-align":`center`,"--calendar-button-border-width":`{borders.100}`,"--calendar-button-border-color":`{colors.primary.stroke.3.enabled}`,"--calendar-button-border-radius":`{radii.900}`,"--calendar-button-padding-block":`{spacing.150}`,"--calendar-button-padding-inline":`{spacing.400}`,"--calendar-button-line-height":`1`,"--calendar-button-transition":`{animations.base.100}`,"--calendar-button-foreground-hover":`{colors.primary.foreground.2.hovered}`,"--calendar-button-background-hover":`{colors.neutral.background.2.hovered}`,"--calendar-button-border-color-hover":`{colors.primary.stroke.3.hovered}`,"--calendar-button-foreground-active":`{colors.primary.foreground.4.enabled}`,"--calendar-button-background-active":`{colors.neutral.background.2.primary.selected}`,"--calendar-button-border-color-active":`{colors.neutral.stroke.1.enabled}`,"--calendar-button-focus-outline-width":`{borders.150}`,"--calendar-button-focus-outline-style":`solid`,"--calendar-button-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--calendar-button-focus-outline-offset":`{spacing.50}`,"--calendar-month-selected-cell-background":`{colors.neutral.background.1.enabled/10}`,"--calendar-month-show-more-background":`transparent`,"--calendar-month-show-more-z-index":`4`,"--calendar-month-show-more-font-weight":`{fontWeights.semiBold}`,"--calendar-month-show-more-font-size":`{fontSizes.100}`,"--calendar-month-show-more-foreground":`{colors.neutral.foreground.3.enabled}`,"--calendar-month-show-more-foreground-hover":`{colors.primary.foreground.1.hovered}`,"--calendar-month-show-more-padding":`{sizes.50}`,"--calendar-month-date-cell-font-family":`{fonts.base}`,"--calendar-month-date-cell-font-size":`{fontSizes.200}`,"--calendar-month-date-cell-font-weight":`{fontWeights.regular}`,"--calendar-month-date-cell-now-font-weight":`{fontWeights.regular}`,"--calendar-month-show-more-focus-outline-width":`{borders.150}`,"--calendar-month-show-more-focus-outline-style":`solid`,"--calendar-month-show-more-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--calendar-month-show-more-focus-outline-offset":`{spacing.50}`,"--calendar-agenda-table-border-width":`{borders.0}`,"--calendar-agenda-table-cell-padding-block":`{spacing.300}`,"--calendar-agenda-table-cell-padding-inline":`{spacing.300}`,"--calendar-agenda-table-cell-border":`{borders.100}`,"--calendar-agenda-table-cell-border-left-width":`{borders.0}`,"--calendar-agenda-table-header-padding-block":`{spacing.300}`,"--calendar-agenda-table-header-padding-inline":`{spacing.300}`,"--calendar-agenda-table-header-border":`{borders.0}`,"--calendar-agenda-table-header-font-family":`{fonts.base}`,"--calendar-agenda-table-header-font-size":`{fontSizes.100}`,"--calendar-agenda-table-header-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-time-cell-font-family":`{fonts.base}`,"--calendar-agenda-time-cell-font-size":`{fontSizes.200}`,"--calendar-agenda-time-cell-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-time-cell-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-agenda-time-cell-text-transform":`capitalize`,"--calendar-agenda-time-cell-continues-after-content":` " »"`,"--calendar-agenda-time-cell-continues-prior-content":` "« "`,"--calendar-agenda-date-cell-font-family":`{fonts.base}`,"--calendar-agenda-date-cell-font-size":`{fontSizes.200}`,"--calendar-agenda-date-cell-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-date-cell-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-agenda-date-cell-background":`{colors.primary.background.1.enabled/10}`,"-calendar-month-date-cell-padding":`{spacing.200}`,"-calendar-month-date-cell-text-align":`left`,"--calendar-agenda-event-cell-font-family":`{fonts.base}`,"--calendar-agenda-event-cell-font-size":`{fontSizes.200}`,"--calendar-agenda-event-cell-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-event-cell-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-time-grid-slot-selection-background":`{colors.neutral.background.alpha.1.enabled}`,"--calendar-time-grid-slot-selection-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-time-grid-slot-selection-font-size":`{fontSizes.100}`,"--calendar-time-grid-slot-selection-padding-block":`0.1875rem`,"--calendar-time-grid-slot-selection-padding-inline":`0.1875rem`,"--calendar-time-grid-view-border-radius":`{radii.100}`,"--calendar-time-grid-view-font-family":`{fonts.base}`,"--calendar-time-grid-view-font-size":`{fontSizes.100}`,"--calendar-time-grid-view-font-weight":`{fontWeights.medium}`,"--calendar-time-grid-row-min-height":`{sizes.300}`,"--calendar-time-grid-current-time-indicator-height":`0.125rem`,"--calendar-time-grid-current-time-indicator-background":`{colors.primary.background.1.enabled}`,"--calendar-time-grid-timeslot-group-min-height":`{sizes.600}`,"--calendar-time-grid-label-padding-block":`0`,"--calendar-time-grid-label-padding-inline":`0.3125rem`,"--calendar-time-slot-label-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-time-slot-label-font-family":`{fonts.base}`,"--calendar-time-slot-label-font-size":`{fontSizes.100}`,"--calendar-time-slot-label-font-weight":`{fontWeights.medium}`,"--calendar-time-grid-events-container-margin-right":`0.625rem`,"--calendar-time-grid-events-container-position-left":`0.625rem`,"--calendar-time-grid-day-slot-event-min-height":`{sizes.300}`,"--calendar-time-grid-background-event-opacity":`0.5`,"--calendar-time-slot-border-top-width":`0`,"--calendar-time-slot-border-top-color":`transparent`,"--calendar-time-grid-resources-gutter-background":`{colors.neutral.background.1.enabled}`,"--calendar-time-grid-resources-day-slot-min-width":`8.75rem`,"--calendar-time-grid-resources-column-width":`8.75rem`,"--calendar-time-grid-resource-grouping-header-width":`8.8125rem`,"--calendar-time-grid-time-slot-now-font-weight":`{fontWeights.bold}`,"--calendar-time-grid-day-header-font-family":`{fonts.base}`,"--calendar-time-grid-day-header-font-size":`{fontSizes.100}`,"--calendar-time-grid-day-header-font-weight":`{fontWeights.semibold}`,":root:has(&)":{"--calendar-month-overlay-border-width":`{borders.100}`,"--calendar-month-overlay-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-month-overlay-background":`{colors.neutral.background.2.enabled}`,"--calendar-month-overlay-padding":`{spacing.200}`,"--calendar-month-overlay-border-radius":`{radii.200}`,"--calendar-month-overlay-header-border-width":`{borders.100}`,"--calendar-month-overlay-header-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-month-overlay-header-border-radius":`{radii.200}`,"--calendar-month-overlay-header-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-month-overlay-header-font-weight":`{fontWeights.medium}`,"--calendar-month-overlay-header-font-size":`{fontSizes.300}`,"--calendar-month-overlay-header-font-family":`{fonts.base}`,"--calendar-month-overlay-gap":`{spacing.100}`,"--calendar-month-overlay-header-margin-bottom":`{spacing.150}`,"--calendar-month-overlay-max-width":`18.75rem`,"--calendar-month-overlay-box-shadow":`0px 4px 7px rgba(3, 7, 18, 0.15), 0px 15px 28px rgba(3, 7, 18, 0.31), 0px 33px 64px rgba(3, 7, 18, 0.46)`,"--calendar-month-overlay-child-gap":`{spacing.0}`,"--calendar-event-padding-block":`{spacing.100}`,"--calendar-event-padding-inline":`{spacing.200}`,"--calendar-event-background":`{colors.primary.background.alpha.2.enabled}`,"--calendar-event-border-width":`{borders.100}`,"--calendar-event-border-color":`transparent`,"--calendar-event-border-radius":`{radii.400}`,"--calendar-event-foreground":`{colors.primary.foreground.onPrimary.1.enabled}`,"--calendar-event-foreground-strong":`{colors.primary.foreground.onPrimary.1.enabled}`,"--calendar-event-font-family":`{fonts.base}`,"--calendar-event-font-weight":`{fontWeights.medium}`,"--calendar-event-font-weight-strong":`{fontWeights.bold}`,"--calendar-event-font-size":`{fontSizes.100}`,"--calendar-event-line-height":`1.2`,"--calendar-event-background-hover":`{colors.primary.background.alpha.3.enabled}`,"--calendar-event-border-color-hover":`{colors.primary.stroke.1.enabled}`,"--calendar-event-foreground-hover":`{colors.primary.foreground.onPrimary.1.enabled}`,"--calendar-event-background-selected":`{colors.primary.background.alpha.2.enabled}`,"--calendar-event-border-color-selected":`{colors.primary.stroke.1.enabled}`,"--calendar-event-focus-outline-width":`{borders.150}`,"--calendar-event-focus-outline-style":`solid`,"--calendar-event-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--calendar-event-focus-outline-offset":`{spacing.50}`,"--calendar-event-transition":`{animations.base.100}`,"--calendar-event-overlaps-box-shadow":`-1px 1px 5px 0px rgba(51, 51, 51, 0.5)`,"--calendar-event-meet-background":`{colors.primary.background.1.enabled}`,"--calendar-event-meet-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-meet-foreground-strong":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-meet-border-color":`{colors.primary.foreground.onPrimary.2.enabled/30}`,"--calendar-event-meet-background-selected":`{colors.primary.background.1.selected}`,"--calendar-event-meet-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--calendar-event-task-background":`{colors.success.background.1.enabled}`,"--calendar-event-task-foreground":`{colors.success.foreground.onSuccess.2.enabled}`,"--calendar-event-task-foreground-strong":`{colors.success.foreground.onSuccess.2.enabled}`,"--calendar-event-task-border-color":`{colors.success.foreground.onSuccess.2.enabled/30}`,"--calendar-event-task-background-selected":`{colors.success.background.1.selected}`,"--calendar-event-task-focus-outline-color":`{colors.success.stroke.1.focused}`},"--calendar-agenda-empty-padding-block":`{spacing.750}`,"--calendar-agenda-empty-padding-inline":`{spacing.750}`,"--calendar-agenda-empty-font-family":`{fonts.base}`,"--calendar-agenda-empty-font-size":`{fontSizes.400}`,"--calendar-agenda-empty-font-weight":`{fontWeights.regular}`,"--calendar-agenda-empty-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-scrollbar-width":`14px`,"--calendar-scrollbar-color":`{colors.neutral.background.4.enabled} transparent`,"--calendar-scrollbar-thumb-color":`{colors.neutral.background.4.enabled}`,"--calendar-scrollbar-thumb-hover-color":`{colors.neutral.background.5.enabled}`,"--calendar-scrollbar-track-color":`transparent`,"--calendar-scrollbar-thumb-border-radius":`{radii.100}`,"--calendar-scrollbar-track-border-radius":`{radii.100}`,"--calendar-scrollbar-thumb-transition":`{animations.200}`}});export{t as calendar};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar`,jsx:[`Calendar`],base:{"--calendar-off-range-opacity":`0.5`,"--calendar-off-range-background":`{colors.neutral.background.2.enabled}`,"--calendar-header-padding-inline":`{spacing.200}`,"--calendar-header-padding-block":`{spacing.200}`,"--calendar-header-font-family":`{fonts.base}`,"--calendar-header-font-weight":`{fontWeights.semibold}`,"--calendar-header-font-size":`{fontSizes.100}`,"--calendar-header-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-header-text-transform":`uppercase`,"--calendar-header-border-width":`{borders.0}`,"--calendar-button-link-font-family":`{fonts.base}`,"--calendar-button-link-font-size":`{fontSizes.200}`,"--calendar-button-link-font-weight":`{fontWeights.regular}`,"--calendar-button-link-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-button-link-background":`transparent`,"--calendar-button-link-margin":`{spacing.0}`,"--calendar-button-link-padding":`{spacing.0}`,"--calendar-button-link-border-radius":`{radii.100}`,"--calendar-button-link-border-color":`transparent`,"--calendar-button-link-border-style":`none`,"--calendar-button-link-border-width":`{borders.0}`,"--calendar-button-link-foreground-hover":`{colors.neutral.foreground.2.primary.hovered}`,"--calendar-button-link-background-hover":`transparent`,"--calendar-button-link-border-color-hover":`transparent`,"--calendar-button-link-border-style-hover":`none`,"--calendar-button-link-border-width-hover":`{borders.0}`,"calendar-button-link-focus-outline-width":`{borders.150}`,"--calendar-button-link-focus-outline-style":`solid`,"--calendar-button-link-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--calendar-button-link-focus-outline-offset":`{spacing.50}`,"--calendar-today-background":`{colors.primary.background.1.enabled/10}`,"--calendar-cell-border-width":`{borders.100}`,"--calendar-border-width":`{borders.100}`,"--calendar-cell-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-border-radius":`{radii.200}`,"--calendar-toolbar-gap":`{spacing.200}`,"--calendar-toolbar-margin-bottom":`{spacing.400}`,"--calendar-toolbar-font-size":`{fontSizes.400}`,"--calendar-toolbar-label-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-toolbar-label-padding-inline":`{spacing.200}`,"--calendar-toolbar-label--font-family":`{fonts.base}`,"--calendar-toolbar-label--font-size":`{fontSizes.500}`,"--calendar-toolbar-label--font-weight":`{fontWeights.medium}`,"--calendar-toolbar-label--text-align":`center`,"--calendar-button-group-gap":`{spacing.200}`,"--calendar-button-height":`{sizes.500}`,"--calendar-button-foreground":`{colors.primary.foreground.2.enabled}`,"--calendar-button-background":`transparent`,"--calendar-button-font-family":`{fonts.base}`,"--calendar-button-font-size":`{fontSizes.200}`,"--calendar-button-font-weight":`{fontWeights.medium}`,"--calendar-button-text-align":`center`,"--calendar-button-border-width":`{borders.100}`,"--calendar-button-border-color":`{colors.primary.stroke.3.enabled}`,"--calendar-button-border-radius":`{radii.900}`,"--calendar-button-padding-block":`{spacing.150}`,"--calendar-button-padding-inline":`{spacing.400}`,"--calendar-button-line-height":`1`,"--calendar-button-transition":`{animations.base.100}`,"--calendar-button-foreground-hover":`{colors.primary.foreground.2.hovered}`,"--calendar-button-background-hover":`{colors.neutral.background.2.hovered}`,"--calendar-button-border-color-hover":`{colors.primary.stroke.3.hovered}`,"--calendar-button-foreground-active":`{colors.primary.foreground.4.enabled}`,"--calendar-button-background-active":`{colors.neutral.background.2.primary.selected}`,"--calendar-button-border-color-active":`{colors.neutral.stroke.1.enabled}`,"--calendar-button-focus-outline-width":`{borders.150}`,"--calendar-button-focus-outline-style":`solid`,"--calendar-button-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--calendar-button-focus-outline-offset":`{spacing.50}`,"--calendar-month-selected-cell-background":`{colors.neutral.background.1.enabled/10}`,"--calendar-month-show-more-background":`transparent`,"--calendar-month-show-more-z-index":`4`,"--calendar-month-show-more-font-weight":`{fontWeights.semiBold}`,"--calendar-month-show-more-font-size":`{fontSizes.100}`,"--calendar-month-show-more-foreground":`{colors.neutral.foreground.3.enabled}`,"--calendar-month-show-more-foreground-hover":`{colors.primary.foreground.1.hovered}`,"--calendar-month-show-more-padding":`{sizes.50}`,"--calendar-month-date-cell-font-family":`{fonts.base}`,"--calendar-month-date-cell-font-size":`{fontSizes.200}`,"--calendar-month-date-cell-font-weight":`{fontWeights.regular}`,"--calendar-month-date-cell-now-font-weight":`{fontWeights.regular}`,"--calendar-month-show-more-focus-outline-width":`{borders.150}`,"--calendar-month-show-more-focus-outline-style":`solid`,"--calendar-month-show-more-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--calendar-month-show-more-focus-outline-offset":`{spacing.50}`,"--calendar-agenda-table-border-width":`{borders.0}`,"--calendar-agenda-table-cell-padding-block":`{spacing.300}`,"--calendar-agenda-table-cell-padding-inline":`{spacing.300}`,"--calendar-agenda-table-cell-border":`{borders.100}`,"--calendar-agenda-table-cell-border-left-width":`{borders.0}`,"--calendar-agenda-table-header-padding-block":`{spacing.300}`,"--calendar-agenda-table-header-padding-inline":`{spacing.300}`,"--calendar-agenda-table-header-border":`{borders.0}`,"--calendar-agenda-table-header-font-family":`{fonts.base}`,"--calendar-agenda-table-header-font-size":`{fontSizes.100}`,"--calendar-agenda-table-header-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-time-cell-font-family":`{fonts.base}`,"--calendar-agenda-time-cell-font-size":`{fontSizes.200}`,"--calendar-agenda-time-cell-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-time-cell-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-agenda-time-cell-text-transform":`capitalize`,"--calendar-agenda-time-cell-continues-after-content":` " »"`,"--calendar-agenda-time-cell-continues-prior-content":` "« "`,"--calendar-agenda-date-cell-font-family":`{fonts.base}`,"--calendar-agenda-date-cell-font-size":`{fontSizes.200}`,"--calendar-agenda-date-cell-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-date-cell-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-agenda-date-cell-background":`{colors.primary.background.1.enabled/10}`,"-calendar-month-date-cell-padding":`{spacing.200}`,"-calendar-month-date-cell-text-align":`left`,"--calendar-agenda-event-cell-font-family":`{fonts.base}`,"--calendar-agenda-event-cell-font-size":`{fontSizes.200}`,"--calendar-agenda-event-cell-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-event-cell-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-time-grid-slot-selection-background":`{colors.neutral.background.alpha.1.enabled}`,"--calendar-time-grid-slot-selection-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-time-grid-slot-selection-font-size":`{fontSizes.100}`,"--calendar-time-grid-slot-selection-padding-block":`0.1875rem`,"--calendar-time-grid-slot-selection-padding-inline":`0.1875rem`,"--calendar-time-grid-view-border-radius":`{radii.100}`,"--calendar-time-grid-view-font-family":`{fonts.base}`,"--calendar-time-grid-view-font-size":`{fontSizes.100}`,"--calendar-time-grid-view-font-weight":`{fontWeights.medium}`,"--calendar-time-grid-row-min-height":`{sizes.300}`,"--calendar-time-grid-current-time-indicator-height":`0.125rem`,"--calendar-time-grid-current-time-indicator-background":`{colors.primary.background.1.enabled}`,"--calendar-time-grid-timeslot-group-min-height":`{sizes.600}`,"--calendar-time-grid-label-padding-block":`0`,"--calendar-time-grid-label-padding-inline":`0.3125rem`,"--calendar-time-slot-label-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-time-slot-label-font-family":`{fonts.base}`,"--calendar-time-slot-label-font-size":`{fontSizes.100}`,"--calendar-time-slot-label-font-weight":`{fontWeights.medium}`,"--calendar-time-grid-events-container-margin-right":`0.625rem`,"--calendar-time-grid-events-container-position-left":`0.625rem`,"--calendar-time-grid-day-slot-event-min-height":`{sizes.300}`,"--calendar-time-grid-background-event-opacity":`0.5`,"--calendar-time-slot-border-top-width":`0`,"--calendar-time-slot-border-top-color":`transparent`,"--calendar-time-grid-resources-gutter-background":`{colors.neutral.background.1.enabled}`,"--calendar-time-grid-resources-day-slot-min-width":`8.75rem`,"--calendar-time-grid-resources-column-width":`8.75rem`,"--calendar-time-grid-resource-grouping-header-width":`8.8125rem`,"--calendar-time-grid-time-slot-now-font-weight":`{fontWeights.bold}`,"--calendar-time-grid-day-header-font-family":`{fonts.base}`,"--calendar-time-grid-day-header-font-size":`{fontSizes.100}`,"--calendar-time-grid-day-header-font-weight":`{fontWeights.semibold}`,":root:has(&)":{"--calendar-month-overlay-border-width":`{borders.100}`,"--calendar-month-overlay-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-month-overlay-background":`{colors.neutral.background.2.enabled}`,"--calendar-month-overlay-padding":`{spacing.200}`,"--calendar-month-overlay-border-radius":`{radii.200}`,"--calendar-month-overlay-header-border-width":`{borders.100}`,"--calendar-month-overlay-header-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-month-overlay-header-border-radius":`{radii.200}`,"--calendar-month-overlay-header-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-month-overlay-header-font-weight":`{fontWeights.medium}`,"--calendar-month-overlay-header-font-size":`{fontSizes.300}`,"--calendar-month-overlay-header-font-family":`{fonts.base}`,"--calendar-month-overlay-gap":`{spacing.100}`,"--calendar-month-overlay-header-margin-bottom":`{spacing.150}`,"--calendar-month-overlay-max-width":`18.75rem`,"--calendar-month-overlay-box-shadow":`0px 4px 7px rgba(3, 7, 18, 0.15), 0px 15px 28px rgba(3, 7, 18, 0.31), 0px 33px 64px rgba(3, 7, 18, 0.46)`,"--calendar-month-overlay-child-gap":`{spacing.0}`,"--calendar-event-padding-block":`{spacing.100}`,"--calendar-event-padding-inline":`{spacing.200}`,"--calendar-event-background":`{colors.primary.background.alpha.2.enabled}`,"--calendar-event-border-width":`{borders.100}`,"--calendar-event-border-color":`transparent`,"--calendar-event-border-radius":`{radii.400}`,"--calendar-event-foreground":`{colors.primary.foreground.onPrimary.1.enabled}`,"--calendar-event-foreground-strong":`{colors.primary.foreground.onPrimary.1.enabled}`,"--calendar-event-font-family":`{fonts.base}`,"--calendar-event-font-weight":`{fontWeights.medium}`,"--calendar-event-font-weight-strong":`{fontWeights.bold}`,"--calendar-event-font-size":`{fontSizes.100}`,"--calendar-event-line-height":`1.2`,"--calendar-event-background-hover":`{colors.primary.background.alpha.3.enabled}`,"--calendar-event-border-color-hover":`{colors.primary.stroke.1.enabled}`,"--calendar-event-foreground-hover":`{colors.primary.foreground.onPrimary.1.enabled}`,"--calendar-event-background-selected":`{colors.primary.background.alpha.2.enabled}`,"--calendar-event-border-color-selected":`{colors.primary.stroke.1.enabled}`,"--calendar-event-focus-outline-width":`{borders.150}`,"--calendar-event-focus-outline-style":`solid`,"--calendar-event-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--calendar-event-focus-outline-offset":`{spacing.50}`,"--calendar-event-transition":`{animations.base.100}`,"--calendar-event-overlaps-box-shadow":`-1px 1px 5px 0px rgba(51, 51, 51, 0.5)`,"--calendar-event-meet-background":`{colors.primary.background.1.enabled}`,"--calendar-event-meet-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-meet-foreground-strong":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-meet-border-color":`{colors.primary.foreground.onPrimary.2.enabled/30}`,"--calendar-event-meet-background-selected":`{colors.primary.background.1.selected}`,"--calendar-event-meet-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--calendar-event-task-background":`{colors.success.background.1.enabled}`,"--calendar-event-task-foreground":`{colors.success.foreground.onSuccess.2.enabled}`,"--calendar-event-task-foreground-strong":`{colors.success.foreground.onSuccess.2.enabled}`,"--calendar-event-task-border-color":`{colors.success.foreground.onSuccess.2.enabled/30}`,"--calendar-event-task-background-selected":`{colors.success.background.1.selected}`,"--calendar-event-task-focus-outline-color":`{colors.success.stroke.1.focused}`},"--calendar-agenda-empty-padding-block":`{spacing.750}`,"--calendar-agenda-empty-padding-inline":`{spacing.750}`,"--calendar-agenda-empty-font-family":`{fonts.base}`,"--calendar-agenda-empty-font-size":`{fontSizes.400}`,"--calendar-agenda-empty-font-weight":`{fontWeights.regular}`,"--calendar-agenda-empty-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-scrollbar-width":`14px`,"--calendar-scrollbar-color":`{colors.neutral.background.4.enabled} transparent`,"--calendar-scrollbar-thumb-color":`{colors.neutral.background.4.enabled}`,"--calendar-scrollbar-thumb-hover-color":`{colors.neutral.background.5.enabled}`,"--calendar-scrollbar-track-color":`transparent`,"--calendar-scrollbar-thumb-border-radius":`{radii.100}`,"--calendar-scrollbar-track-border-radius":`{radii.100}`,"--calendar-scrollbar-thumb-transition":`{animations.200}`}});export{t as calendar};
2
2
  //# sourceMappingURL=calendar.mjs.map
package/dist/recipes/data-display/calendar/calendar.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"calendar.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendar = defineRecipe({\n className: 'calendar',\n jsx: ['Calendar'],\n base: {\n // general\n '--calendar-off-range-opacity': '0.5',\n '--calendar-off-range-background': '{colors.neutral.background.2.enabled}',\n '--calendar-header-padding-inline': '{spacing.200}',\n '--calendar-header-padding-block': '{spacing.200}',\n '--calendar-header-font-family': '{fonts.base}',\n '--calendar-header-font-weight': '{fontWeights.semibold}',\n '--calendar-header-font-size': '{fontSizes.100}',\n '--calendar-header-foreground': '{colors.neutral.foreground.2.enabled}',\n '--calendar-header-text-transform': 'uppercase',\n '--calendar-header-border-width': '{borders.0}',\n '--calendar-button-link-font-family': '{fonts.base}',\n '--calendar-button-link-font-size': '{fontSizes.200}',\n '--calendar-button-link-font-weight': '{fontWeights.regular}',\n '--calendar-button-link-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--calendar-button-link-background': 'transparent',\n '--calendar-button-link-margin': '{spacing.0}',\n '--calendar-button-link-padding': '{spacing.0}',\n '--calendar-button-link-border-radius': '{radii.100}',\n '--calendar-button-link-border-color': 'transparent',\n '--calendar-button-link-border-style': 'none',\n '--calendar-button-link-border-width': '{borders.0}',\n '--calendar-button-link-foreground-hover':\n '{colors.neutral.foreground.2.primary.hovered}',\n '--calendar-button-link-background-hover': 'transparent',\n '--calendar-button-link-border-color-hover': 'transparent',\n '--calendar-button-link-border-style-hover': 'none',\n '--calendar-button-link-border-width-hover': '{borders.0}',\n 'calendar-button-link-focus-outline-width': '{borders.150}',\n '--calendar-button-link-focus-outline-style': 'solid',\n '--calendar-button-link-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--calendar-button-link-focus-outline-offset': '{spacing.50}',\n '--calendar-today-background': '{colors.primary.background.1.enabled/10}',\n '--calendar-cell-border-width': '{borders.100}',\n '--calendar-border-width': '{borders.100}',\n '--calendar-cell-border-color': '{colors.neutral.stroke.7.enabled}',\n '--calendar-border-color': '{colors.neutral.stroke.7.enabled}',\n '--calendar-border-radius': '{radii.200}',\n\n // toolbar\n '--calendar-toolbar-margin-bottom': '{spacing.400}',\n '--calendar-toolbar-font-size': '{fontSizes.400}',\n '--calendar-toolbar-label-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--calendar-toolbar-label-padding-inline': '{spacing.200}',\n '--calendar-toolbar-label--font-family': '{fonts.base}',\n '--calendar-toolbar-label--font-size': '{fontSizes.500}',\n '--calendar-toolbar-label--font-weight': '{fontWeights.medium}',\n '--calendar-toolbar-label--text-align': 'center',\n\n '--calendar-button-group-gap': '{spacing.200}',\n // button\n '--calendar-button-height': '{sizes.500}',\n '--calendar-button-foreground': '{colors.primary.foreground.2.enabled}',\n '--calendar-button-background': 'transparent',\n '--calendar-button-font-family': '{fonts.base}',\n '--calendar-button-font-size': '{fontSizes.200}',\n '--calendar-button-font-weight': '{fontWeights.medium}',\n '--calendar-button-text-align': 'center',\n '--calendar-button-border-width': '{borders.100}',\n '--calendar-button-border-color': '{colors.primary.stroke.3.enabled}',\n '--calendar-button-border-radius': '{radii.900}',\n '--calendar-button-padding-block': '{spacing.150}',\n '--calendar-button-padding-inline': '{spacing.400}',\n '--calendar-button-line-height': '1',\n '--calendar-button-transition': '{animations.base.100}',\n // button hover\n '--calendar-button-foreground-hover':\n '{colors.primary.foreground.2.hovered}',\n '--calendar-button-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--calendar-button-border-color-hover': '{colors.primary.stroke.3.hovered}',\n // button active\n '--calendar-button-foreground-active':\n '{colors.primary.foreground.4.enabled}',\n '--calendar-button-background-active':\n '{colors.neutral.background.2.primary.selected}',\n '--calendar-button-border-color-active':\n '{colors.neutral.stroke.1.enabled}',\n // button focus\n '--calendar-button-focus-outline-width': '{borders.150}',\n '--calendar-button-focus-outline-style': 'solid',\n '--calendar-button-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--calendar-button-focus-outline-offset': '{spacing.50}',\n\n // month\n '--calendar-month-selected-cell-background':\n '{colors.neutral.background.1.enabled/10}',\n // show more\n '--calendar-month-show-more-background': 'transparent',\n '--calendar-month-show-more-z-index': '4',\n '--calendar-month-show-more-font-weight': '{fontWeights.semiBold}',\n '--calendar-month-show-more-font-size': '{fontSizes.100}',\n '--calendar-month-show-more-foreground':\n '{colors.neutral.foreground.3.enabled}',\n '--calendar-month-show-more-foreground-hover':\n '{colors.primary.foreground.1.hovered}',\n '--calendar-month-show-more-padding': '{sizes.50}',\n '--calendar-month-date-cell-font-family': '{fonts.base}',\n '--calendar-month-date-cell-font-size': '{fontSizes.200}',\n '--calendar-month-date-cell-font-weight': '{fontWeights.regular}',\n '--calendar-month-date-cell-now-font-weight': '{fontWeights.regular}',\n '--calendar-month-show-more-focus-outline-width': '{borders.150}',\n '--calendar-month-show-more-focus-outline-style': 'solid',\n '--calendar-month-show-more-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--calendar-month-show-more-focus-outline-offset': '{spacing.50}',\n\n // agenda\n '--calendar-agenda-table-border-width': '{borders.0}',\n '--calendar-agenda-table-cell-padding-block': '{spacing.300}',\n '--calendar-agenda-table-cell-padding-inline': '{spacing.300}',\n '--calendar-agenda-table-cell-border': '{borders.100}',\n '--calendar-agenda-table-cell-border-left-width': '{borders.0}',\n '--calendar-agenda-table-header-padding-block': '{spacing.300}',\n '--calendar-agenda-table-header-padding-inline': '{spacing.300}',\n '--calendar-agenda-table-header-border': '{borders.0}',\n '--calendar-agenda-table-header-font-family': '{fonts.base}',\n '--calendar-agenda-table-header-font-size': '{fontSizes.100}',\n '--calendar-agenda-table-header-font-weight': '{fontWeights.semibold}',\n // agenda time cell\n '--calendar-agenda-time-cell-font-family': '{fonts.base}',\n '--calendar-agenda-time-cell-font-size': '{fontSizes.200}',\n '--calendar-agenda-time-cell-font-weight': '{fontWeights.semibold}',\n '--calendar-agenda-time-cell-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--calendar-agenda-time-cell-text-transform': 'capitalize',\n '--calendar-agenda-time-cell-continues-after-content': ' \" »\"',\n '--calendar-agenda-time-cell-continues-prior-content': ' \"« \"',\n // agenda date cell\n '--calendar-agenda-date-cell-font-family': '{fonts.base}',\n '--calendar-agenda-date-cell-font-size': '{fontSizes.200}',\n '--calendar-agenda-date-cell-font-weight': '{fontWeights.semibold}',\n '--calendar-agenda-date-cell-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--calendar-agenda-date-cell-background':\n '{colors.primary.background.1.enabled/10}',\n '-calendar-month-date-cell-padding': '{spacing.200}',\n '-calendar-month-date-cell-text-align': 'left',\n // agenda event cell\n '--calendar-agenda-event-cell-font-family': '{fonts.base}',\n '--calendar-agenda-event-cell-font-size': '{fontSizes.200}',\n '--calendar-agenda-event-cell-font-weight': '{fontWeights.semibold}',\n '--calendar-agenda-event-cell-foreground':\n '{colors.neutral.foreground.1.enabled}',\n\n // time grid\n '--calendar-time-grid-slot-selection-background':\n '{colors.neutral.background.alpha.1.enabled}',\n '--calendar-time-grid-slot-selection-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--calendar-time-grid-slot-selection-font-size': '{fontSizes.100}',\n '--calendar-time-grid-slot-selection-padding-block': '0.1875rem',\n '--calendar-time-grid-slot-selection-padding-inline': '0.1875rem',\n '--calendar-time-grid-view-border-radius': '{radii.100}',\n '--calendar-time-grid-view-font-family': '{fonts.base}',\n '--calendar-time-grid-view-font-size': '{fontSizes.100}',\n '--calendar-time-grid-view-font-weight': '{fontWeights.medium}',\n '--calendar-time-grid-row-min-height': '{sizes.300}',\n '--calendar-time-grid-current-time-indicator-height': '0.125rem',\n '--calendar-time-grid-current-time-indicator-background':\n '{colors.primary.background.1.enabled}',\n '--calendar-time-grid-timeslot-group-min-height': '{sizes.600}',\n '--calendar-time-grid-label-padding-block': '0',\n '--calendar-time-grid-label-padding-inline': '0.3125rem',\n '--calendar-time-slot-label-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--calendar-time-slot-label-font-family': '{fonts.base}',\n '--calendar-time-slot-label-font-size': '{fontSizes.100}',\n '--calendar-time-slot-label-font-weight': '{fontWeights.medium}',\n '--calendar-time-grid-events-container-margin-right': '0.625rem',\n '--calendar-time-grid-events-container-position-left': '0.625rem',\n '--calendar-time-grid-day-slot-event-min-height': '{sizes.300}',\n '--calendar-time-grid-background-event-opacity': '0.5',\n '--calendar-time-slot-border-top-width': '0',\n '--calendar-time-slot-border-top-color': 'transparent',\n '--calendar-time-grid-resources-gutter-background':\n '{colors.neutral.background.1.enabled}',\n '--calendar-time-grid-resources-day-slot-min-width': '8.75rem',\n '--calendar-time-grid-resources-column-width': '8.75rem',\n '--calendar-time-grid-resource-grouping-header-width': '8.8125rem',\n '--calendar-time-grid-time-slot-now-font-weight': '{fontWeights.bold}',\n '--calendar-time-grid-day-header-font-family': '{fonts.base}',\n '--calendar-time-grid-day-header-font-size': '{fontSizes.100}',\n '--calendar-time-grid-day-header-font-weight': '{fontWeights.semibold}',\n\n // root\n ':root:has(&)': {\n // popup\n '--calendar-month-overlay-border-width': '{borders.100}',\n '--calendar-month-overlay-border-color':\n '{colors.neutral.stroke.7.enabled}',\n '--calendar-month-overlay-background':\n '{colors.neutral.background.2.enabled}',\n '--calendar-month-overlay-padding': '{spacing.200}',\n '--calendar-month-overlay-border-radius': '{radii.200}',\n '--calendar-month-overlay-header-border-width': '{borders.100}',\n '--calendar-month-overlay-header-border-color':\n '{colors.neutral.stroke.7.enabled}',\n '--calendar-month-overlay-header-border-radius': '{radii.200}',\n '--calendar-month-overlay-header-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--calendar-month-overlay-header-font-weight': '{fontWeights.medium}',\n '--calendar-month-overlay-header-font-size': '{fontSizes.300}',\n '--calendar-month-overlay-header-font-family': '{fonts.base}',\n '--calendar-month-overlay-gap': '{spacing.100}',\n '--calendar-month-overlay-header-margin-bottom': '{spacing.150}',\n '--calendar-month-overlay-max-width': '18.75rem',\n '--calendar-month-overlay-box-shadow':\n '0px 4px 7px rgba(3, 7, 18, 0.15), 0px 15px 28px rgba(3, 7, 18, 0.31), 0px 33px 64px rgba(3, 7, 18, 0.46)',\n '--calendar-month-overlay-child-gap': '{spacing.0}',\n\n //event\n '--calendar-event-padding-block': '{spacing.100}',\n '--calendar-event-padding-inline': '{spacing.200}',\n '--calendar-event-background':\n '{colors.primary.background.alpha.2.enabled}',\n '--calendar-event-border-width': '{borders.100}',\n '--calendar-event-border-color': 'transparent',\n '--calendar-event-border-radius': '{radii.400}',\n '--calendar-event-foreground':\n '{colors.primary.foreground.onPrimary.1.enabled}',\n '--calendar-event-foreground-strong':\n '{colors.primary.foreground.onPrimary.1.enabled}',\n '--calendar-event-font-family': '{fonts.base}',\n '--calendar-event-font-weight': '{fontWeights.medium}',\n '--calendar-event-font-weight-strong': '{fontWeights.bold}',\n '--calendar-event-font-size': '{fontSizes.100}',\n '--calendar-event-line-height': '1.2',\n //event hover\n '--calendar-event-background-hover':\n '{colors.primary.background.alpha.3.enabled}',\n '--calendar-event-border-color-hover':\n '{colors.primary.stroke.1.enabled}',\n '--calendar-event-foreground-hover':\n '{colors.primary.foreground.onPrimary.1.enabled}',\n //event selected\n '--calendar-event-background-selected':\n '{colors.primary.background.alpha.2.enabled}',\n '--calendar-event-border-color-selected':\n '{colors.primary.stroke.1.enabled}',\n //event focus\n '--calendar-event-focus-outline-width': '{borders.150}',\n '--calendar-event-focus-outline-style': 'solid',\n '--calendar-event-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--calendar-event-focus-outline-offset': '{spacing.50}',\n '--calendar-event-transition': '{animations.base.100}',\n '--calendar-event-overlaps-box-shadow':\n '-1px 1px 5px 0px rgba(51, 51, 51, 0.5)',\n\n //event variants\n '--calendar-event-meet-background':\n '{colors.primary.background.1.enabled}',\n '--calendar-event-meet-foreground':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--calendar-event-meet-foreground-strong':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--calendar-event-meet-border-color':\n '{colors.primary.foreground.onPrimary.2.enabled/30}',\n '--calendar-event-meet-background-selected':\n '{colors.primary.background.1.selected}',\n '--calendar-event-meet-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n\n '--calendar-event-task-background':\n '{colors.success.background.1.enabled}',\n '--calendar-event-task-foreground':\n '{colors.success.foreground.onSuccess.2.enabled}',\n '--calendar-event-task-foreground-strong':\n '{colors.success.foreground.onSuccess.2.enabled}',\n '--calendar-event-task-border-color':\n '{colors.success.foreground.onSuccess.2.enabled/30}',\n '--calendar-event-task-background-selected':\n '{colors.success.background.1.selected}',\n '--calendar-event-task-focus-outline-color':\n '{colors.success.stroke.1.focused}',\n },\n // agenda empty\n '--calendar-agenda-empty-padding-block': '{spacing.750}',\n '--calendar-agenda-empty-padding-inline': '{spacing.750}',\n '--calendar-agenda-empty-font-family': '{fonts.base}',\n '--calendar-agenda-empty-font-size': '{fontSizes.400}',\n '--calendar-agenda-empty-font-weight': '{fontWeights.regular}',\n '--calendar-agenda-empty-foreground':\n '{colors.neutral.foreground.2.enabled}',\n\n // scroll\n '--calendar-scrollbar-width': '14px',\n '--calendar-scrollbar-color':\n '{colors.neutral.background.4.enabled} transparent',\n '--calendar-scrollbar-thumb-color': '{colors.neutral.background.4.enabled}',\n '--calendar-scrollbar-thumb-hover-color':\n '{colors.neutral.background.5.enabled}',\n '--calendar-scrollbar-track-color': 'transparent',\n '--calendar-scrollbar-thumb-border-radius': '{radii.100}',\n '--calendar-scrollbar-track-border-radius': '{radii.100}',\n '--calendar-scrollbar-thumb-transition': '{animations.200}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"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"}
1
+ {"version":3,"file":"calendar.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendar = defineRecipe({\n className: 'calendar',\n jsx: ['Calendar'],\n base: {\n // general\n '--calendar-off-range-opacity': '0.5',\n '--calendar-off-range-background': '{colors.neutral.background.2.enabled}',\n '--calendar-header-padding-inline': '{spacing.200}',\n '--calendar-header-padding-block': '{spacing.200}',\n '--calendar-header-font-family': '{fonts.base}',\n '--calendar-header-font-weight': '{fontWeights.semibold}',\n '--calendar-header-font-size': '{fontSizes.100}',\n '--calendar-header-foreground': '{colors.neutral.foreground.2.enabled}',\n '--calendar-header-text-transform': 'uppercase',\n '--calendar-header-border-width': '{borders.0}',\n '--calendar-button-link-font-family': '{fonts.base}',\n '--calendar-button-link-font-size': '{fontSizes.200}',\n '--calendar-button-link-font-weight': '{fontWeights.regular}',\n '--calendar-button-link-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--calendar-button-link-background': 'transparent',\n '--calendar-button-link-margin': '{spacing.0}',\n '--calendar-button-link-padding': '{spacing.0}',\n '--calendar-button-link-border-radius': '{radii.100}',\n '--calendar-button-link-border-color': 'transparent',\n '--calendar-button-link-border-style': 'none',\n '--calendar-button-link-border-width': '{borders.0}',\n '--calendar-button-link-foreground-hover':\n '{colors.neutral.foreground.2.primary.hovered}',\n '--calendar-button-link-background-hover': 'transparent',\n '--calendar-button-link-border-color-hover': 'transparent',\n '--calendar-button-link-border-style-hover': 'none',\n '--calendar-button-link-border-width-hover': '{borders.0}',\n 'calendar-button-link-focus-outline-width': '{borders.150}',\n '--calendar-button-link-focus-outline-style': 'solid',\n '--calendar-button-link-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--calendar-button-link-focus-outline-offset': '{spacing.50}',\n '--calendar-today-background': '{colors.primary.background.1.enabled/10}',\n '--calendar-cell-border-width': '{borders.100}',\n '--calendar-border-width': '{borders.100}',\n '--calendar-cell-border-color': '{colors.neutral.stroke.7.enabled}',\n '--calendar-border-color': '{colors.neutral.stroke.7.enabled}',\n '--calendar-border-radius': '{radii.200}',\n\n // toolbar\n '--calendar-toolbar-gap': '{spacing.200}',\n '--calendar-toolbar-margin-bottom': '{spacing.400}',\n '--calendar-toolbar-font-size': '{fontSizes.400}',\n '--calendar-toolbar-label-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--calendar-toolbar-label-padding-inline': '{spacing.200}',\n '--calendar-toolbar-label--font-family': '{fonts.base}',\n '--calendar-toolbar-label--font-size': '{fontSizes.500}',\n '--calendar-toolbar-label--font-weight': '{fontWeights.medium}',\n '--calendar-toolbar-label--text-align': 'center',\n\n '--calendar-button-group-gap': '{spacing.200}',\n // button\n '--calendar-button-height': '{sizes.500}',\n '--calendar-button-foreground': '{colors.primary.foreground.2.enabled}',\n '--calendar-button-background': 'transparent',\n '--calendar-button-font-family': '{fonts.base}',\n '--calendar-button-font-size': '{fontSizes.200}',\n '--calendar-button-font-weight': '{fontWeights.medium}',\n '--calendar-button-text-align': 'center',\n '--calendar-button-border-width': '{borders.100}',\n '--calendar-button-border-color': '{colors.primary.stroke.3.enabled}',\n '--calendar-button-border-radius': '{radii.900}',\n '--calendar-button-padding-block': '{spacing.150}',\n '--calendar-button-padding-inline': '{spacing.400}',\n '--calendar-button-line-height': '1',\n '--calendar-button-transition': '{animations.base.100}',\n // button hover\n '--calendar-button-foreground-hover':\n '{colors.primary.foreground.2.hovered}',\n '--calendar-button-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--calendar-button-border-color-hover': '{colors.primary.stroke.3.hovered}',\n // button active\n '--calendar-button-foreground-active':\n '{colors.primary.foreground.4.enabled}',\n '--calendar-button-background-active':\n '{colors.neutral.background.2.primary.selected}',\n '--calendar-button-border-color-active':\n '{colors.neutral.stroke.1.enabled}',\n // button focus\n '--calendar-button-focus-outline-width': '{borders.150}',\n '--calendar-button-focus-outline-style': 'solid',\n '--calendar-button-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--calendar-button-focus-outline-offset': '{spacing.50}',\n\n // month\n '--calendar-month-selected-cell-background':\n '{colors.neutral.background.1.enabled/10}',\n // show more\n '--calendar-month-show-more-background': 'transparent',\n '--calendar-month-show-more-z-index': '4',\n '--calendar-month-show-more-font-weight': '{fontWeights.semiBold}',\n '--calendar-month-show-more-font-size': '{fontSizes.100}',\n '--calendar-month-show-more-foreground':\n '{colors.neutral.foreground.3.enabled}',\n '--calendar-month-show-more-foreground-hover':\n '{colors.primary.foreground.1.hovered}',\n '--calendar-month-show-more-padding': '{sizes.50}',\n '--calendar-month-date-cell-font-family': '{fonts.base}',\n '--calendar-month-date-cell-font-size': '{fontSizes.200}',\n '--calendar-month-date-cell-font-weight': '{fontWeights.regular}',\n '--calendar-month-date-cell-now-font-weight': '{fontWeights.regular}',\n '--calendar-month-show-more-focus-outline-width': '{borders.150}',\n '--calendar-month-show-more-focus-outline-style': 'solid',\n '--calendar-month-show-more-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--calendar-month-show-more-focus-outline-offset': '{spacing.50}',\n\n // agenda\n '--calendar-agenda-table-border-width': '{borders.0}',\n '--calendar-agenda-table-cell-padding-block': '{spacing.300}',\n '--calendar-agenda-table-cell-padding-inline': '{spacing.300}',\n '--calendar-agenda-table-cell-border': '{borders.100}',\n '--calendar-agenda-table-cell-border-left-width': '{borders.0}',\n '--calendar-agenda-table-header-padding-block': '{spacing.300}',\n '--calendar-agenda-table-header-padding-inline': '{spacing.300}',\n '--calendar-agenda-table-header-border': '{borders.0}',\n '--calendar-agenda-table-header-font-family': '{fonts.base}',\n '--calendar-agenda-table-header-font-size': '{fontSizes.100}',\n '--calendar-agenda-table-header-font-weight': '{fontWeights.semibold}',\n // agenda time cell\n '--calendar-agenda-time-cell-font-family': '{fonts.base}',\n '--calendar-agenda-time-cell-font-size': '{fontSizes.200}',\n '--calendar-agenda-time-cell-font-weight': '{fontWeights.semibold}',\n '--calendar-agenda-time-cell-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--calendar-agenda-time-cell-text-transform': 'capitalize',\n '--calendar-agenda-time-cell-continues-after-content': ' \" »\"',\n '--calendar-agenda-time-cell-continues-prior-content': ' \"« \"',\n // agenda date cell\n '--calendar-agenda-date-cell-font-family': '{fonts.base}',\n '--calendar-agenda-date-cell-font-size': '{fontSizes.200}',\n '--calendar-agenda-date-cell-font-weight': '{fontWeights.semibold}',\n '--calendar-agenda-date-cell-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--calendar-agenda-date-cell-background':\n '{colors.primary.background.1.enabled/10}',\n '-calendar-month-date-cell-padding': '{spacing.200}',\n '-calendar-month-date-cell-text-align': 'left',\n // agenda event cell\n '--calendar-agenda-event-cell-font-family': '{fonts.base}',\n '--calendar-agenda-event-cell-font-size': '{fontSizes.200}',\n '--calendar-agenda-event-cell-font-weight': '{fontWeights.semibold}',\n '--calendar-agenda-event-cell-foreground':\n '{colors.neutral.foreground.1.enabled}',\n\n // time grid\n '--calendar-time-grid-slot-selection-background':\n '{colors.neutral.background.alpha.1.enabled}',\n '--calendar-time-grid-slot-selection-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--calendar-time-grid-slot-selection-font-size': '{fontSizes.100}',\n '--calendar-time-grid-slot-selection-padding-block': '0.1875rem',\n '--calendar-time-grid-slot-selection-padding-inline': '0.1875rem',\n '--calendar-time-grid-view-border-radius': '{radii.100}',\n '--calendar-time-grid-view-font-family': '{fonts.base}',\n '--calendar-time-grid-view-font-size': '{fontSizes.100}',\n '--calendar-time-grid-view-font-weight': '{fontWeights.medium}',\n '--calendar-time-grid-row-min-height': '{sizes.300}',\n '--calendar-time-grid-current-time-indicator-height': '0.125rem',\n '--calendar-time-grid-current-time-indicator-background':\n '{colors.primary.background.1.enabled}',\n '--calendar-time-grid-timeslot-group-min-height': '{sizes.600}',\n '--calendar-time-grid-label-padding-block': '0',\n '--calendar-time-grid-label-padding-inline': '0.3125rem',\n '--calendar-time-slot-label-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--calendar-time-slot-label-font-family': '{fonts.base}',\n '--calendar-time-slot-label-font-size': '{fontSizes.100}',\n '--calendar-time-slot-label-font-weight': '{fontWeights.medium}',\n '--calendar-time-grid-events-container-margin-right': '0.625rem',\n '--calendar-time-grid-events-container-position-left': '0.625rem',\n '--calendar-time-grid-day-slot-event-min-height': '{sizes.300}',\n '--calendar-time-grid-background-event-opacity': '0.5',\n '--calendar-time-slot-border-top-width': '0',\n '--calendar-time-slot-border-top-color': 'transparent',\n '--calendar-time-grid-resources-gutter-background':\n '{colors.neutral.background.1.enabled}',\n '--calendar-time-grid-resources-day-slot-min-width': '8.75rem',\n '--calendar-time-grid-resources-column-width': '8.75rem',\n '--calendar-time-grid-resource-grouping-header-width': '8.8125rem',\n '--calendar-time-grid-time-slot-now-font-weight': '{fontWeights.bold}',\n '--calendar-time-grid-day-header-font-family': '{fonts.base}',\n '--calendar-time-grid-day-header-font-size': '{fontSizes.100}',\n '--calendar-time-grid-day-header-font-weight': '{fontWeights.semibold}',\n\n // root\n ':root:has(&)': {\n // popup\n '--calendar-month-overlay-border-width': '{borders.100}',\n '--calendar-month-overlay-border-color':\n '{colors.neutral.stroke.7.enabled}',\n '--calendar-month-overlay-background':\n '{colors.neutral.background.2.enabled}',\n '--calendar-month-overlay-padding': '{spacing.200}',\n '--calendar-month-overlay-border-radius': '{radii.200}',\n '--calendar-month-overlay-header-border-width': '{borders.100}',\n '--calendar-month-overlay-header-border-color':\n '{colors.neutral.stroke.7.enabled}',\n '--calendar-month-overlay-header-border-radius': '{radii.200}',\n '--calendar-month-overlay-header-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--calendar-month-overlay-header-font-weight': '{fontWeights.medium}',\n '--calendar-month-overlay-header-font-size': '{fontSizes.300}',\n '--calendar-month-overlay-header-font-family': '{fonts.base}',\n '--calendar-month-overlay-gap': '{spacing.100}',\n '--calendar-month-overlay-header-margin-bottom': '{spacing.150}',\n '--calendar-month-overlay-max-width': '18.75rem',\n '--calendar-month-overlay-box-shadow':\n '0px 4px 7px rgba(3, 7, 18, 0.15), 0px 15px 28px rgba(3, 7, 18, 0.31), 0px 33px 64px rgba(3, 7, 18, 0.46)',\n '--calendar-month-overlay-child-gap': '{spacing.0}',\n\n //event\n '--calendar-event-padding-block': '{spacing.100}',\n '--calendar-event-padding-inline': '{spacing.200}',\n '--calendar-event-background':\n '{colors.primary.background.alpha.2.enabled}',\n '--calendar-event-border-width': '{borders.100}',\n '--calendar-event-border-color': 'transparent',\n '--calendar-event-border-radius': '{radii.400}',\n '--calendar-event-foreground':\n '{colors.primary.foreground.onPrimary.1.enabled}',\n '--calendar-event-foreground-strong':\n '{colors.primary.foreground.onPrimary.1.enabled}',\n '--calendar-event-font-family': '{fonts.base}',\n '--calendar-event-font-weight': '{fontWeights.medium}',\n '--calendar-event-font-weight-strong': '{fontWeights.bold}',\n '--calendar-event-font-size': '{fontSizes.100}',\n '--calendar-event-line-height': '1.2',\n //event hover\n '--calendar-event-background-hover':\n '{colors.primary.background.alpha.3.enabled}',\n '--calendar-event-border-color-hover':\n '{colors.primary.stroke.1.enabled}',\n '--calendar-event-foreground-hover':\n '{colors.primary.foreground.onPrimary.1.enabled}',\n //event selected\n '--calendar-event-background-selected':\n '{colors.primary.background.alpha.2.enabled}',\n '--calendar-event-border-color-selected':\n '{colors.primary.stroke.1.enabled}',\n //event focus\n '--calendar-event-focus-outline-width': '{borders.150}',\n '--calendar-event-focus-outline-style': 'solid',\n '--calendar-event-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--calendar-event-focus-outline-offset': '{spacing.50}',\n '--calendar-event-transition': '{animations.base.100}',\n '--calendar-event-overlaps-box-shadow':\n '-1px 1px 5px 0px rgba(51, 51, 51, 0.5)',\n\n //event variants\n '--calendar-event-meet-background':\n '{colors.primary.background.1.enabled}',\n '--calendar-event-meet-foreground':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--calendar-event-meet-foreground-strong':\n '{colors.primary.foreground.onPrimary.2.enabled}',\n '--calendar-event-meet-border-color':\n '{colors.primary.foreground.onPrimary.2.enabled/30}',\n '--calendar-event-meet-background-selected':\n '{colors.primary.background.1.selected}',\n '--calendar-event-meet-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n\n '--calendar-event-task-background':\n '{colors.success.background.1.enabled}',\n '--calendar-event-task-foreground':\n '{colors.success.foreground.onSuccess.2.enabled}',\n '--calendar-event-task-foreground-strong':\n '{colors.success.foreground.onSuccess.2.enabled}',\n '--calendar-event-task-border-color':\n '{colors.success.foreground.onSuccess.2.enabled/30}',\n '--calendar-event-task-background-selected':\n '{colors.success.background.1.selected}',\n '--calendar-event-task-focus-outline-color':\n '{colors.success.stroke.1.focused}',\n },\n // agenda empty\n '--calendar-agenda-empty-padding-block': '{spacing.750}',\n '--calendar-agenda-empty-padding-inline': '{spacing.750}',\n '--calendar-agenda-empty-font-family': '{fonts.base}',\n '--calendar-agenda-empty-font-size': '{fontSizes.400}',\n '--calendar-agenda-empty-font-weight': '{fontWeights.regular}',\n '--calendar-agenda-empty-foreground':\n '{colors.neutral.foreground.2.enabled}',\n\n // scroll\n '--calendar-scrollbar-width': '14px',\n '--calendar-scrollbar-color':\n '{colors.neutral.background.4.enabled} transparent',\n '--calendar-scrollbar-thumb-color': '{colors.neutral.background.4.enabled}',\n '--calendar-scrollbar-thumb-hover-color':\n '{colors.neutral.background.5.enabled}',\n '--calendar-scrollbar-track-color': 'transparent',\n '--calendar-scrollbar-thumb-border-radius': '{radii.100}',\n '--calendar-scrollbar-track-border-radius': '{radii.100}',\n '--calendar-scrollbar-thumb-transition': '{animations.200}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"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"}
package/dist/recipes/navigations/sidebars/sidebar/sidebar.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar`,jsx:[`Sidebar`],base:{"--sidebar-grid-area":`sidebar`,"--sidebar-position":`fixed`,"--sidebar-background":`{colors.neutral.background.2.enabled}`,"--sidebar-gap":`{spacing.200}`,"--sidebar-width":`16.5rem`,"--sidebar-height":`100dvh`,"--sidebar-top":`{spacing.100}`,"--sidebar-padding-block":`{spacing.400}`,"--sidebar-padding-inline-base":`{spacing.350}`,"--sidebar-padding-inline":`var(--sidebar-padding-inline-start, var(--sidebar-padding-inline-base))`,"--sidebar-padding-inline-start":`max(0px, calc(var(--sidebar-padding-inline-base) - var(--sidebar-nav-focus-safe-padding-inline-start, 0px)))`,"--sidebar-padding-inline-end":`max(0px, calc(var(--sidebar-padding-inline-base) - var(--sidebar-nav-focus-safe-padding-inline-end, 0px)))`,"--sidebar-radii":`{radii.200}`,"--sidebar-transition":`{animations.base.100}`,"--sidebar-zindex":`{zIndex.nav}`,"--sidebar-slot-gap":`{spacing.200}`,"--sidebar-slot-padding-block":`{spacing.0}`,"--sidebar-slot-padding-inline":`var(--sidebar-padding-inline-base)`,"--sidebar-slot-padding-inline-start":`var(--sidebar-slot-padding-inline)`,"--sidebar-slot-padding-inline-end":`var(--sidebar-slot-padding-inline)`,"--sidebar-nav-gap":`{spacing.300}`,"--sidebar-nav-padding-top":`{spacing.400}`,"--sidebar-nav-height":`calc(100dvh - token(spacing.1000))`,"--sidebar-nav-background":`transparent`,"--sidebar-nav-border-color":`transparent`,"--sidebar-nav-border-top-width":`{borders.0}`,"--sidebar-nav-border-bottom-width":`{borders.0}`,"--sidebar-nav-border-left-width":`{borders.0}`,"--sidebar-nav-border-right-width":`{borders.0}`,"--sidebar-nav-border-radius":`{radii.0}`,"--sidebar-nav-focus-safe-padding-inline":`calc(var(--sidebar-nav-list-item-focus-outline-width) + var(--sidebar-nav-list-item-focus-outline-offset))`,"--sidebar-nav-focus-safe-padding-block":`calc(var(--sidebar-nav-list-item-focus-outline-width) + var(--sidebar-nav-list-item-focus-outline-offset))`,"--sidebar-nav-focus-safe-padding-inline-start":`var(--sidebar-nav-focus-safe-padding-inline)`,"--sidebar-nav-focus-safe-padding-inline-end":`calc(var(--sidebar-nav-focus-safe-padding-inline) + var(--sidebar-scrollarea-autosize-scrollbar-size))`,"--sidebar-scrollarea-autosize-height":`100%`,"--sidebar-scrollarea-autosize-max-height":`100%`,"--sidebar-scrollarea-autosize-scrollbar-size":`{sizes.50}`,"--sidebar-scrollarea-autosize-scrollbar-inline-offset":`0`,"--sidebar-scrollarea-autosize-scrollbar-background":`{colors.neutral.background.alpha.1.enabled}`,"--sidebar-scrollarea-autosize-scrollbar-background-hover":`{colors.neutral.background.alpha.2.enabled}`,"--sidebar-scrollarea-autosize-thumb-background":`{colors.neutral.background.4.enabled}`,"--sidebar-scrollarea-autosize-thumb-background-hover":`{colors.neutral.background.5.enabled}`,"--sidebar-scrollarea-autosize-overflow-y-behavior":`auto`,"--sidebar-scrollarea-autosize-overflow-x-behavior":`hidden`,"--sidebar-scrollarea-autosize-viewport-padding-block-start":`var(--sidebar-nav-focus-safe-padding-block)`,"--sidebar-scrollarea-autosize-viewport-padding-block-end":`var(--sidebar-nav-focus-safe-padding-block)`,"--sidebar-scrollarea-autosize-viewport-padding-inline-start":`var(--sidebar-nav-focus-safe-padding-inline-start)`,"--sidebar-scrollarea-autosize-viewport-padding-inline-end":`var(--sidebar-nav-focus-safe-padding-inline-end)`,"--sidebar-nav-group-gap":`{spacing.300}`,"--sidebar-nav-group-padding-top":`{spacing.200}`,"--sidebar-nav-group-padding-bottom":`{spacing.400}`,"--sidebar-nav-group-padding-inline":`{spacing.0}`,"--sidebar-nav-group-background":`transparent`,"--sidebar-nav-group-border-color":`{colors.neutral.stroke.7.enabled}`,"--sidebar-nav-group-border-top-width":`{borders.0}`,"--sidebar-nav-group-border-bottom-width":`{borders.100}`,"--sidebar-nav-group-border-left-width":`{borders.0}`,"--sidebar-nav-group-border-right-width":`{borders.0}`,"--sidebar-nav-group-radii":`{radii.0}`,"--sidebar-nav-group-title-font-size":`{fontSizes.200}`,"--sidebar-nav-group-title-font-weight":`{fontWeights.medium}`,"--sidebar-nav-group-title-color":`{colors.neutral.foreground.3.enabled}`,"--sidebar-nav-group-title-text-transform":`uppercase`,"--sidebar-nav-group-title-padding-block":`{spacing.0}`,"--sidebar-nav-group-title-padding-inline":`var(--sidebar-nav-list-item-padding-inline, {spacing.300})`,"--sidebar-nav-list-gap":`{spacing.200}`,"--sidebar-nav-list-padding":`{spacing.0}`,"--sidebar-nav-list-margin":`{spacing.0}`,"--sidebar-nav-list-item-height":`{sizes.600}`,"--sidebar-nav-list-item-gap":`{spacing.300}`,"--sidebar-nav-list-item-transition":`{animations.base.100}`,"--sidebar-nav-list-item-padding-inline":`{spacing.300}`,"--sidebar-nav-list-item-radii":`{radii.100}`,"--sidebar-nav-list-item-background":`transparent`,"--sidebar-nav-list-item-background-hovered":`{colors.neutral.background.2.hovered}`,"--sidebar-nav-list-item-background-active":`{colors.neutral.background.2.selected}`,"--sidebar-nav-list-item-background-selected":`{colors.neutral.background.2.primary.selected}`,"--sidebar-nav-list-item-background-selected-hovered":`{colors.neutral.background.2.primary.selectedHovered}`,"--sidebar-nav-list-item-background-expanded":`{colors.neutral.background.2.primary.selected}`,"--sidebar-nav-list-item-background-expanded-hovered":`{colors.neutral.background.2.primary.selectedHovered}`,"--sidebar-nav-list-item-foreground":`{colors.neutral.foreground.2.enabled}`,"--sidebar-nav-list-item-foreground-hovered":`{colors.neutral.foreground.2.primary.hovered}`,"--sidebar-nav-list-item-foreground-active":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-nav-list-item-foreground-selected":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-nav-list-item-foreground-selected-hovered":`{colors.neutral.foreground.2.primary.selectedHovered}`,"--sidebar-nav-list-item-foreground-expanded":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-nav-list-item-foreground-expanded-hovered":`{colors.neutral.foreground.2.primary.selectedHovered}`,"--sidebar-nav-item-button-icon-toggle-size":`{sizes.300}`,"--sidebar-nav-item-label-font-size":`{fontSizes.400}`,"--sidebar-nav-item-label-font-weight":`{fontWeights.medium}`,"--sidebar-nav-item-label-text-transform":`none`,"--sidebar-nav-list-item-focus-outline-width":`{borders.200}`,"--sidebar-nav-list-item-focus-outline-style":`solid`,"--sidebar-nav-list-item-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--sidebar-nav-list-item-focus-outline-offset":`{spacing.50}`,"--sidebar-subnav-list-stroke-color":`{colors.neutral.stroke.6.enabled}`,"--sidebar-subnav-zindex":`{zIndex.dropdown}`,"--sidebar-subnav-animation-name":`expandY`,"--sidebar-subnav-animation-duration":`150ms`,"--sidebar-subnav-animation-timing-function":`ease-out`,"--sidebar-subnav-animation-fill-mode":`both`,"--sidebar-subnav-padding-left":`{spacing.450}`,"--sidebar-subnav-list-gap":`{spacing.0}`,"--sidebar-subnav-list-padding-top":`{spacing.100}`,"--sidebar-subnav-collapsed-background":`{colors.neutral.background.2.enabled}`,"--sidebar-subnav-collapsed-padding-block":`{spacing.400}`,"--sidebar-subnav-collapsed-padding-inline":`{spacing.450}`,"--sidebar-subnav-collapsed-margin-left":`{spacing.50}`,"--sidebar-subnav-collapsed-border-radius":`{radii.200}`,"--sidebar-subnav-list-item-height":`{sizes.500}`,"--sidebar-subnav-list-item-padding-left":`{spacing.300}`,"--sidebar-subnav-list-item-padding-right":`{spacing.300}`,"--sidebar-subnav-list-item-padding-block":`{spacing.100}`,"--sidebar-subnav-list-item-border-radius":`{radii.100}`,"--sidebar-subnav-list-item-transition":`{animations.base.100}`,"--sidebar-subnav-list-stroke-width":`{borders.100}`,"--sidebar-subnav-list-item-gap":`{spacing.0}`,"--sidebar-subnav-list-item-background":`{colors.neutral.background.2.enabled}`,"--sidebar-subnav-list-item-background-hovered":`{colors.neutral.background.2.hovered}`,"--sidebar-subnav-list-item-background-active":`{colors.neutral.background.2.selected}`,"--sidebar-subnav-list-item-background-selected":`{colors.neutral.background.2.primary.selected}`,"--sidebar-subnav-list-item-background-selected-hovered":`{colors.neutral.background.2.primary.selectedHovered}`,"--sidebar-subnav-list-item-foreground":`{colors.neutral.foreground.3.enabled}`,"--sidebar-subnav-list-item-foreground-hovered":`{colors.neutral.foreground.2.primary.hovered}`,"--sidebar-subnav-list-item-foreground-active":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-subnav-list-item-foreground-selected":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-subnav-list-item-foreground-selected-hovered":`{colors.neutral.foreground.2.primary.selectedHovered}`,"--sidebar-subnav-list-item-focus-outline-width":`{borders.200}`,"--sidebar-subnav-list-item-focus-outline-style":`solid`,"--sidebar-subnav-list-item-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--sidebar-subnav-list-item-focus-outline-offset":`{spacing.50}`,"--sidebar-subnav-list-item-label-font-size":`{fontSizes.300}`,"--sidebar-subnav-list-item-label-font-weight":`{fontWeights.medium}`,"--sidebar-subnav-list-item-label-text-transform":`none`,sm:{"--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":`{sizes.600}`,"--sidebar-nav-list-item-gap":`{spacing.300}`,"--sidebar-nav-list-item-transition":`{animations.base.100}`,"--sidebar-nav-list-item-padding-inline":`{spacing.300}`,"--sidebar-nav-list-item-radii":`{radii.100}`,"--sidebar-nav-list-item-background":`transparent`,"--sidebar-nav-list-item-background-hovered":`{colors.neutral.background.2.hovered}`,"--sidebar-nav-list-item-background-active":`{colors.neutral.background.2.selected}`,"--sidebar-nav-list-item-background-selected":`{colors.neutral.background.2.primary.selected}`,"--sidebar-nav-list-item-background-selected-hovered":`{colors.neutral.background.2.primary.selectedHovered}`,"--sidebar-nav-list-item-background-expanded":`{colors.neutral.background.2.primary.selected}`,"--sidebar-nav-list-item-background-expanded-hovered":`{colors.neutral.background.2.primary.selectedHovered}`,"--sidebar-nav-list-item-foreground":`{colors.neutral.foreground.2.enabled}`,"--sidebar-nav-list-item-foreground-hovered":`{colors.neutral.foreground.2.primary.hovered}`,"--sidebar-nav-list-item-foreground-active":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-nav-list-item-foreground-selected":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-nav-list-item-foreground-selected-hovered":`{colors.neutral.foreground.2.primary.selectedHovered}`,"--sidebar-nav-list-item-foreground-expanded":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-nav-list-item-foreground-expanded-hovered":`{colors.neutral.foreground.2.primary.selectedHovered}`,"--sidebar-nav-item-button-icon-toggle-size":`{sizes.300}`,"--sidebar-nav-item-label-font-size":`{fontSizes.400}`,"--sidebar-nav-item-label-font-weight":`{fontWeights.medium}`,"--sidebar-nav-item-label-text-transform":`none`,"--sidebar-nav-list-item-focus-outline-width":`{borders.200}`,"--sidebar-nav-list-item-focus-outline-style":`solid`,"--sidebar-nav-list-item-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--sidebar-nav-list-item-focus-outline-offset":`{spacing.50}`,"--sidebar-subnav-list-stroke-color":`{colors.neutral.stroke.6.enabled}`,"--sidebar-subnav-zindex":`{zIndex.dropdown}`,"--sidebar-subnav-animation-name":`expandY`,"--sidebar-subnav-animation-duration":`150ms`,"--sidebar-subnav-animation-timing-function":`ease-out`,"--sidebar-subnav-animation-fill-mode":`both`,"--sidebar-subnav-padding-left":`{spacing.450}`,"--sidebar-subnav-list-gap":`{spacing.0}`,"--sidebar-subnav-list-padding-top":`{spacing.100}`,"--sidebar-subnav-collapsed-background":`{colors.neutral.background.2.enabled}`,"--sidebar-subnav-collapsed-padding-block":`{spacing.400}`,"--sidebar-subnav-collapsed-padding-inline":`{spacing.450}`,"--sidebar-subnav-collapsed-margin-left":`{spacing.50}`,"--sidebar-subnav-collapsed-border-radius":`{radii.200}`,"--sidebar-subnav-list-item-height":`{sizes.500}`,"--sidebar-subnav-list-item-padding-left":`{spacing.300}`,"--sidebar-subnav-list-item-padding-right":`{spacing.300}`,"--sidebar-subnav-list-item-padding-block":`{spacing.100}`,"--sidebar-subnav-list-item-border-radius":`{radii.100}`,"--sidebar-subnav-list-item-transition":`{animations.base.100}`,"--sidebar-subnav-list-stroke-width":`{borders.100}`,"--sidebar-subnav-list-item-gap":`{spacing.0}`,"--sidebar-subnav-list-item-background":`{colors.neutral.background.2.enabled}`,"--sidebar-subnav-list-item-background-hovered":`{colors.neutral.background.2.hovered}`,"--sidebar-subnav-list-item-background-active":`{colors.neutral.background.2.selected}`,"--sidebar-subnav-list-item-background-selected":`{colors.neutral.background.2.primary.selected}`,"--sidebar-subnav-list-item-background-selected-hovered":`{colors.neutral.background.2.primary.selectedHovered}`,"--sidebar-subnav-list-item-foreground":`{colors.neutral.foreground.3.enabled}`,"--sidebar-subnav-list-item-foreground-hovered":`{colors.neutral.foreground.2.primary.hovered}`,"--sidebar-subnav-list-item-foreground-active":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-subnav-list-item-foreground-selected":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-subnav-list-item-foreground-selected-hovered":`{colors.neutral.foreground.2.primary.selectedHovered}`,"--sidebar-subnav-list-item-focus-outline-width":`{borders.200}`,"--sidebar-subnav-list-item-focus-outline-style":`solid`,"--sidebar-subnav-list-item-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--sidebar-subnav-list-item-focus-outline-offset":`{spacing.50}`,"--sidebar-subnav-list-item-label-font-size":`{fontSizes.300}`,"--sidebar-subnav-list-item-label-font-weight":`{fontWeights.medium}`,"--sidebar-subnav-list-item-label-text-transform":`none`,sm:{"--sidebar-position":`sticky`,"--sidebar-height":`calc(100dvh - 0.5rem)`,"--sidebar-top":`{spacing.100}`,"--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))`}},smDown:{"--sidebar-position":`fixed`,"--sidebar-height":`100dvh`,"--sidebar-width":`100%`,"--sidebar-top":`{spacing.0}`}}});export{t as sidebar};
2
2
  //# sourceMappingURL=sidebar.mjs.map
package/dist/recipes/navigations/sidebars/sidebar/sidebar.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebar = defineRecipe({\n className: 'sidebar',\n jsx: ['Sidebar'],\n base: {\n /* root */\n '--sidebar-grid-area': 'sidebar',\n\n '--sidebar-position': 'fixed',\n '--sidebar-background': '{colors.neutral.background.2.enabled}',\n '--sidebar-gap': '{spacing.200}',\n '--sidebar-width': '16.5rem',\n '--sidebar-height': '100dvh',\n '--sidebar-top': '{spacing.100}',\n '--sidebar-padding-block': '{spacing.400}',\n '--sidebar-padding-inline-base': '{spacing.350}',\n '--sidebar-padding-inline':\n 'var(--sidebar-padding-inline-start, var(--sidebar-padding-inline-base))',\n '--sidebar-padding-inline-start':\n 'max(0px, calc(var(--sidebar-padding-inline-base) - var(--sidebar-nav-focus-safe-padding-inline-start, 0px)))',\n '--sidebar-padding-inline-end':\n 'max(0px, calc(var(--sidebar-padding-inline-base) - var(--sidebar-nav-focus-safe-padding-inline-end, 0px)))',\n '--sidebar-radii': '{radii.200}',\n '--sidebar-transition': '{animations.base.100}',\n '--sidebar-zindex': '{zIndex.nav}',\n\n /* slots */\n '--sidebar-slot-gap': '{spacing.200}',\n '--sidebar-slot-padding-block': '{spacing.0}',\n '--sidebar-slot-padding-inline': 'var(--sidebar-padding-inline-base)',\n '--sidebar-slot-padding-inline-start': 'var(--sidebar-slot-padding-inline)',\n '--sidebar-slot-padding-inline-end': 'var(--sidebar-slot-padding-inline)',\n\n /* nav */\n '--sidebar-nav-gap': '{spacing.300}',\n '--sidebar-nav-padding-top': '{spacing.400}',\n '--sidebar-nav-height': 'calc(100dvh - token(spacing.1000))',\n '--sidebar-nav-background': 'transparent',\n '--sidebar-nav-border-color': 'transparent',\n '--sidebar-nav-border-top-width': '{borders.0}',\n '--sidebar-nav-border-bottom-width': '{borders.0}',\n '--sidebar-nav-border-left-width': '{borders.0}',\n '--sidebar-nav-border-right-width': '{borders.0}',\n '--sidebar-nav-border-radius': '{radii.0}',\n '--sidebar-nav-focus-safe-padding-inline':\n 'calc(var(--sidebar-nav-list-item-focus-outline-width) + var(--sidebar-nav-list-item-focus-outline-offset))',\n '--sidebar-nav-focus-safe-padding-block':\n 'calc(var(--sidebar-nav-list-item-focus-outline-width) + var(--sidebar-nav-list-item-focus-outline-offset))',\n '--sidebar-nav-focus-safe-padding-inline-start':\n 'var(--sidebar-nav-focus-safe-padding-inline)',\n '--sidebar-nav-focus-safe-padding-inline-end':\n 'calc(var(--sidebar-nav-focus-safe-padding-inline) + var(--sidebar-scrollarea-autosize-scrollbar-size))',\n\n /* nav scroll area autosize */\n '--sidebar-scrollarea-autosize-height': '100%',\n '--sidebar-scrollarea-autosize-max-height': '100%',\n '--sidebar-scrollarea-autosize-scrollbar-size': '{sizes.50}',\n '--sidebar-scrollarea-autosize-scrollbar-inline-offset': '0',\n '--sidebar-scrollarea-autosize-scrollbar-background':\n '{colors.neutral.background.alpha.1.enabled}',\n '--sidebar-scrollarea-autosize-scrollbar-background-hover':\n '{colors.neutral.background.alpha.2.enabled}',\n '--sidebar-scrollarea-autosize-thumb-background':\n '{colors.neutral.background.4.enabled}',\n '--sidebar-scrollarea-autosize-thumb-background-hover':\n '{colors.neutral.background.5.enabled}',\n '--sidebar-scrollarea-autosize-overflow-y-behavior': 'auto',\n '--sidebar-scrollarea-autosize-overflow-x-behavior': 'hidden',\n '--sidebar-scrollarea-autosize-viewport-padding-block-start':\n 'var(--sidebar-nav-focus-safe-padding-block)',\n '--sidebar-scrollarea-autosize-viewport-padding-block-end':\n 'var(--sidebar-nav-focus-safe-padding-block)',\n '--sidebar-scrollarea-autosize-viewport-padding-inline-start':\n 'var(--sidebar-nav-focus-safe-padding-inline-start)',\n '--sidebar-scrollarea-autosize-viewport-padding-inline-end':\n 'var(--sidebar-nav-focus-safe-padding-inline-end)',\n\n /* nav group */\n '--sidebar-nav-group-gap': '{spacing.300}',\n '--sidebar-nav-group-padding-top': '{spacing.200}',\n '--sidebar-nav-group-padding-bottom': '{spacing.400}',\n '--sidebar-nav-group-padding-inline': '{spacing.0}',\n '--sidebar-nav-group-background': 'transparent',\n '--sidebar-nav-group-border-color': '{colors.neutral.stroke.7.enabled}',\n '--sidebar-nav-group-border-top-width': '{borders.0}',\n '--sidebar-nav-group-border-bottom-width': '{borders.100}',\n '--sidebar-nav-group-border-left-width': '{borders.0}',\n '--sidebar-nav-group-border-right-width': '{borders.0}',\n '--sidebar-nav-group-radii': '{radii.0}',\n\n /* nav group title */\n '--sidebar-nav-group-title-font-size': '{fontSizes.200}',\n '--sidebar-nav-group-title-font-weight': '{fontWeights.medium}',\n '--sidebar-nav-group-title-color': '{colors.neutral.foreground.3.enabled}',\n '--sidebar-nav-group-title-text-transform': 'uppercase',\n '--sidebar-nav-group-title-padding-block': '{spacing.0}',\n '--sidebar-nav-group-title-padding-inline':\n 'var(--sidebar-nav-list-item-padding-inline, {spacing.300})',\n\n /* nav list */\n '--sidebar-nav-list-gap': '{spacing.200}',\n '--sidebar-nav-list-padding': '{spacing.0}',\n '--sidebar-nav-list-margin': '{spacing.0}',\n\n /* nav list item */\n '--sidebar-nav-list-item-height': '{sizes.600}',\n '--sidebar-nav-list-item-gap': '{spacing.300}',\n '--sidebar-nav-list-item-transition': '{animations.base.100}',\n '--sidebar-nav-list-item-padding-inline': '{spacing.300}',\n '--sidebar-nav-list-item-radii': '{radii.100}',\n '--sidebar-nav-list-item-background': 'transparent',\n '--sidebar-nav-list-item-background-hovered':\n '{colors.neutral.background.2.hovered}',\n '--sidebar-nav-list-item-background-active':\n '{colors.neutral.background.2.selected}',\n '--sidebar-nav-list-item-background-selected':\n '{colors.neutral.background.2.primary.selected}',\n '--sidebar-nav-list-item-background-selected-hovered':\n '{colors.neutral.background.2.primary.selectedHovered}',\n '--sidebar-nav-list-item-background-expanded':\n '{colors.neutral.background.2.primary.selected}',\n '--sidebar-nav-list-item-background-expanded-hovered':\n '{colors.neutral.background.2.primary.selectedHovered}',\n '--sidebar-nav-list-item-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--sidebar-nav-list-item-foreground-hovered':\n '{colors.neutral.foreground.2.primary.hovered}',\n '--sidebar-nav-list-item-foreground-active':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-nav-list-item-foreground-selected':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-nav-list-item-foreground-selected-hovered':\n '{colors.neutral.foreground.2.primary.selectedHovered}',\n '--sidebar-nav-list-item-foreground-expanded':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-nav-list-item-foreground-expanded-hovered':\n '{colors.neutral.foreground.2.primary.selectedHovered}',\n\n /* nav item button */\n '--sidebar-nav-item-button-icon-toggle-size': '{sizes.300}',\n\n /* nav item label */\n '--sidebar-nav-item-label-font-size': '{fontSizes.400}',\n '--sidebar-nav-item-label-font-weight': '{fontWeights.medium}',\n '--sidebar-nav-item-label-text-transform': 'none',\n\n '--sidebar-nav-list-item-focus-outline-width': '{borders.200}',\n '--sidebar-nav-list-item-focus-outline-style': 'solid',\n '--sidebar-nav-list-item-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--sidebar-nav-list-item-focus-outline-offset': '{spacing.50}',\n\n /* subnav */\n '--sidebar-subnav-list-stroke-color': '{colors.neutral.stroke.6.enabled}',\n\n '--sidebar-subnav-zindex': '{zIndex.dropdown}',\n '--sidebar-subnav-animation-name': 'expandY',\n '--sidebar-subnav-animation-duration': '150ms',\n '--sidebar-subnav-animation-timing-function': 'ease-out',\n '--sidebar-subnav-animation-fill-mode': 'both',\n '--sidebar-subnav-padding-left': '{spacing.450}',\n '--sidebar-subnav-list-gap': '{spacing.0}',\n '--sidebar-subnav-list-padding-top': '{spacing.100}',\n\n /* subnav collapsed */\n '--sidebar-subnav-collapsed-background':\n '{colors.neutral.background.2.enabled}',\n '--sidebar-subnav-collapsed-padding-block': '{spacing.400}',\n '--sidebar-subnav-collapsed-padding-inline': '{spacing.450}',\n '--sidebar-subnav-collapsed-margin-left': '{spacing.50}',\n '--sidebar-subnav-collapsed-border-radius': '{radii.200}',\n\n /* subnav list item */\n '--sidebar-subnav-list-item-height': '{sizes.500}',\n '--sidebar-subnav-list-item-padding-left': '{spacing.300}',\n '--sidebar-subnav-list-item-padding-right': '{spacing.300}',\n '--sidebar-subnav-list-item-padding-block': '{spacing.100}',\n '--sidebar-subnav-list-item-border-radius': '{radii.100}',\n '--sidebar-subnav-list-item-transition': '{animations.base.100}',\n '--sidebar-subnav-list-stroke-width': '{borders.100}',\n '--sidebar-subnav-list-item-gap': '{spacing.0}',\n '--sidebar-subnav-list-item-background':\n '{colors.neutral.background.2.enabled}',\n '--sidebar-subnav-list-item-background-hovered':\n '{colors.neutral.background.2.hovered}',\n '--sidebar-subnav-list-item-background-active':\n '{colors.neutral.background.2.selected}',\n '--sidebar-subnav-list-item-background-selected':\n '{colors.neutral.background.2.primary.selected}',\n '--sidebar-subnav-list-item-background-selected-hovered':\n '{colors.neutral.background.2.primary.selectedHovered}',\n '--sidebar-subnav-list-item-foreground':\n '{colors.neutral.foreground.3.enabled}',\n '--sidebar-subnav-list-item-foreground-hovered':\n '{colors.neutral.foreground.2.primary.hovered}',\n '--sidebar-subnav-list-item-foreground-active':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-subnav-list-item-foreground-selected':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-subnav-list-item-foreground-selected-hovered':\n '{colors.neutral.foreground.2.primary.selectedHovered}',\n\n '--sidebar-subnav-list-item-focus-outline-width': '{borders.200}',\n '--sidebar-subnav-list-item-focus-outline-style': 'solid',\n '--sidebar-subnav-list-item-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--sidebar-subnav-list-item-focus-outline-offset': '{spacing.50}',\n\n /* subnav list item label */\n '--sidebar-subnav-list-item-label-font-size': '{fontSizes.300}',\n '--sidebar-subnav-list-item-label-font-weight': '{fontWeights.medium}',\n '--sidebar-subnav-list-item-label-text-transform': 'none',\n\n sm: {\n /* root */\n '--sidebar-position': 'sticky',\n '--sidebar-height': 'calc(100dvh - 0.5rem)',\n\n /* nav list item */\n '--sidebar-nav-list-item-height': '2.75rem',\n\n /* nav item label */\n '--sidebar-nav-item-label-font-size': '{fontSizes.300}',\n\n '&[data-collapsed=true]': {\n /* root */\n '--sidebar-width': '3.5rem',\n '--sidebar-padding-inline-base': '{spacing.100}',\n '--sidebar-nav-focus-safe-padding-inline-start':\n 'calc(var(--sidebar-nav-focus-safe-padding-inline) + (var(--sidebar-scrollarea-autosize-scrollbar-size) / 2))',\n '--sidebar-nav-focus-safe-padding-inline-end':\n 'calc(var(--sidebar-nav-focus-safe-padding-inline) + (var(--sidebar-scrollarea-autosize-scrollbar-size) / 2))',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAU,EAAa,CAClC,UAAW,UACX,IAAK,CAAC,UAAU,CAChB,KAAM,CAEJ,sBAAuB,UAEvB,qBAAsB,QACtB,uBAAwB,wCACxB,gBAAiB,gBACjB,kBAAmB,UACnB,mBAAoB,SACpB,gBAAiB,gBACjB,0BAA2B,gBAC3B,gCAAiC,gBACjC,2BACE,0EACF,iCACE,+GACF,+BACE,6GACF,kBAAmB,cACnB,uBAAwB,wBACxB,mBAAoB,eAGpB,qBAAsB,gBACtB,+BAAgC,cAChC,gCAAiC,qCACjC,sCAAuC,qCACvC,oCAAqC,qCAGrC,oBAAqB,gBACrB,4BAA6B,gBAC7B,uBAAwB,qCACxB,2BAA4B,cAC5B,6BAA8B,cAC9B,iCAAkC,cAClC,oCAAqC,cACrC,kCAAmC,cACnC,mCAAoC,cACpC,8BAA+B,YAC/B,0CACE,6GACF,yCACE,6GACF,gDACE,+CACF,8CACE,yGAGF,uCAAwC,OACxC,2CAA4C,OAC5C,+CAAgD,aAChD,wDAAyD,IACzD,qDACE,8CACF,2DACE,8CACF,iDACE,wCACF,uDACE,wCACF,oDAAqD,OACrD,oDAAqD,SACrD,6DACE,8CACF,2DACE,8CACF,8DACE,qDACF,4DACE,mDAGF,0BAA2B,gBAC3B,kCAAmC,gBACnC,qCAAsC,gBACtC,qCAAsC,cACtC,iCAAkC,cAClC,mCAAoC,oCACpC,uCAAwC,cACxC,0CAA2C,gBAC3C,wCAAyC,cACzC,yCAA0C,cAC1C,4BAA6B,YAG7B,sCAAuC,kBACvC,wCAAyC,uBACzC,kCAAmC,wCACnC,2CAA4C,YAC5C,0CAA2C,cAC3C,2CACE,6DAGF,yBAA0B,gBAC1B,6BAA8B,cAC9B,4BAA6B,cAG7B,iCAAkC,cAClC,8BAA+B,gBAC/B,qCAAsC,wBACtC,yCAA0C,gBAC1C,gCAAiC,cACjC,qCAAsC,cACtC,6CACE,wCACF,4CACE,yCACF,8CACE,iDACF,sDACE,wDACF,8CACE,iDACF,sDACE,wDACF,qCACE,wCACF,6CACE,gDACF,4CACE,iDACF,8CACE,iDACF,sDACE,wDACF,8CACE,iDACF,sDACE,wDAGF,6CAA8C,cAG9C,qCAAsC,kBACtC,uCAAwC,uBACxC,0CAA2C,OAE3C,8CAA+C,gBAC/C,8CAA+C,QAC/C,8CACE,oCACF,+CAAgD,eAGhD,qCAAsC,oCAEtC,0BAA2B,oBAC3B,kCAAmC,UACnC,sCAAuC,QACvC,6CAA8C,WAC9C,uCAAwC,OACxC,gCAAiC,gBACjC,4BAA6B,cAC7B,oCAAqC,gBAGrC,wCACE,wCACF,2CAA4C,gBAC5C,4CAA6C,gBAC7C,yCAA0C,eAC1C,2CAA4C,cAG5C,oCAAqC,cACrC,0CAA2C,gBAC3C,2CAA4C,gBAC5C,2CAA4C,gBAC5C,2CAA4C,cAC5C,wCAAyC,wBACzC,qCAAsC,gBACtC,iCAAkC,cAClC,wCACE,wCACF,gDACE,wCACF,+CACE,yCACF,iDACE,iDACF,yDACE,wDACF,wCACE,wCACF,gDACE,gDACF,+CACE,iDACF,iDACE,iDACF,yDACE,wDAEF,iDAAkD,gBAClD,iDAAkD,QAClD,iDACE,oCACF,kDAAmD,eAGnD,6CAA8C,kBAC9C,+CAAgD,uBAChD,kDAAmD,OAEnD,GAAI,CAEF,qBAAsB,SACtB,mBAAoB,wBAGpB,iCAAkC,UAGlC,qCAAsC,kBAEtC,yBAA0B,CAExB,kBAAmB,SACnB,gCAAiC,gBACjC,gDACE,+GACF,8CACE,+GACH,CACF,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"sidebar.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebar = defineRecipe({\n className: 'sidebar',\n jsx: ['Sidebar'],\n base: {\n /* root */\n '--sidebar-grid-area': 'sidebar',\n\n '--sidebar-position': 'fixed',\n '--sidebar-background': '{colors.neutral.background.2.enabled}',\n '--sidebar-gap': '{spacing.200}',\n '--sidebar-width': '16.5rem',\n '--sidebar-height': '100dvh',\n '--sidebar-top': '{spacing.100}',\n '--sidebar-padding-block': '{spacing.400}',\n '--sidebar-padding-inline-base': '{spacing.350}',\n '--sidebar-padding-inline':\n 'var(--sidebar-padding-inline-start, var(--sidebar-padding-inline-base))',\n '--sidebar-padding-inline-start':\n 'max(0px, calc(var(--sidebar-padding-inline-base) - var(--sidebar-nav-focus-safe-padding-inline-start, 0px)))',\n '--sidebar-padding-inline-end':\n 'max(0px, calc(var(--sidebar-padding-inline-base) - var(--sidebar-nav-focus-safe-padding-inline-end, 0px)))',\n '--sidebar-radii': '{radii.200}',\n '--sidebar-transition': '{animations.base.100}',\n '--sidebar-zindex': '{zIndex.nav}',\n\n /* slots */\n '--sidebar-slot-gap': '{spacing.200}',\n '--sidebar-slot-padding-block': '{spacing.0}',\n '--sidebar-slot-padding-inline': 'var(--sidebar-padding-inline-base)',\n '--sidebar-slot-padding-inline-start': 'var(--sidebar-slot-padding-inline)',\n '--sidebar-slot-padding-inline-end': 'var(--sidebar-slot-padding-inline)',\n\n /* nav */\n '--sidebar-nav-gap': '{spacing.300}',\n '--sidebar-nav-padding-top': '{spacing.400}',\n '--sidebar-nav-height': 'calc(100dvh - token(spacing.1000))',\n '--sidebar-nav-background': 'transparent',\n '--sidebar-nav-border-color': 'transparent',\n '--sidebar-nav-border-top-width': '{borders.0}',\n '--sidebar-nav-border-bottom-width': '{borders.0}',\n '--sidebar-nav-border-left-width': '{borders.0}',\n '--sidebar-nav-border-right-width': '{borders.0}',\n '--sidebar-nav-border-radius': '{radii.0}',\n '--sidebar-nav-focus-safe-padding-inline':\n 'calc(var(--sidebar-nav-list-item-focus-outline-width) + var(--sidebar-nav-list-item-focus-outline-offset))',\n '--sidebar-nav-focus-safe-padding-block':\n 'calc(var(--sidebar-nav-list-item-focus-outline-width) + var(--sidebar-nav-list-item-focus-outline-offset))',\n '--sidebar-nav-focus-safe-padding-inline-start':\n 'var(--sidebar-nav-focus-safe-padding-inline)',\n '--sidebar-nav-focus-safe-padding-inline-end':\n 'calc(var(--sidebar-nav-focus-safe-padding-inline) + var(--sidebar-scrollarea-autosize-scrollbar-size))',\n\n /* nav scroll area autosize */\n '--sidebar-scrollarea-autosize-height': '100%',\n '--sidebar-scrollarea-autosize-max-height': '100%',\n '--sidebar-scrollarea-autosize-scrollbar-size': '{sizes.50}',\n '--sidebar-scrollarea-autosize-scrollbar-inline-offset': '0',\n '--sidebar-scrollarea-autosize-scrollbar-background':\n '{colors.neutral.background.alpha.1.enabled}',\n '--sidebar-scrollarea-autosize-scrollbar-background-hover':\n '{colors.neutral.background.alpha.2.enabled}',\n '--sidebar-scrollarea-autosize-thumb-background':\n '{colors.neutral.background.4.enabled}',\n '--sidebar-scrollarea-autosize-thumb-background-hover':\n '{colors.neutral.background.5.enabled}',\n '--sidebar-scrollarea-autosize-overflow-y-behavior': 'auto',\n '--sidebar-scrollarea-autosize-overflow-x-behavior': 'hidden',\n '--sidebar-scrollarea-autosize-viewport-padding-block-start':\n 'var(--sidebar-nav-focus-safe-padding-block)',\n '--sidebar-scrollarea-autosize-viewport-padding-block-end':\n 'var(--sidebar-nav-focus-safe-padding-block)',\n '--sidebar-scrollarea-autosize-viewport-padding-inline-start':\n 'var(--sidebar-nav-focus-safe-padding-inline-start)',\n '--sidebar-scrollarea-autosize-viewport-padding-inline-end':\n 'var(--sidebar-nav-focus-safe-padding-inline-end)',\n\n /* nav group */\n '--sidebar-nav-group-gap': '{spacing.300}',\n '--sidebar-nav-group-padding-top': '{spacing.200}',\n '--sidebar-nav-group-padding-bottom': '{spacing.400}',\n '--sidebar-nav-group-padding-inline': '{spacing.0}',\n '--sidebar-nav-group-background': 'transparent',\n '--sidebar-nav-group-border-color': '{colors.neutral.stroke.7.enabled}',\n '--sidebar-nav-group-border-top-width': '{borders.0}',\n '--sidebar-nav-group-border-bottom-width': '{borders.100}',\n '--sidebar-nav-group-border-left-width': '{borders.0}',\n '--sidebar-nav-group-border-right-width': '{borders.0}',\n '--sidebar-nav-group-radii': '{radii.0}',\n\n /* nav group title */\n '--sidebar-nav-group-title-font-size': '{fontSizes.200}',\n '--sidebar-nav-group-title-font-weight': '{fontWeights.medium}',\n '--sidebar-nav-group-title-color': '{colors.neutral.foreground.3.enabled}',\n '--sidebar-nav-group-title-text-transform': 'uppercase',\n '--sidebar-nav-group-title-padding-block': '{spacing.0}',\n '--sidebar-nav-group-title-padding-inline':\n 'var(--sidebar-nav-list-item-padding-inline, {spacing.300})',\n\n /* nav list */\n '--sidebar-nav-list-gap': '{spacing.200}',\n '--sidebar-nav-list-padding': '{spacing.0}',\n '--sidebar-nav-list-margin': '{spacing.0}',\n\n /* nav list item */\n '--sidebar-nav-list-item-height': '{sizes.600}',\n '--sidebar-nav-list-item-gap': '{spacing.300}',\n '--sidebar-nav-list-item-transition': '{animations.base.100}',\n '--sidebar-nav-list-item-padding-inline': '{spacing.300}',\n '--sidebar-nav-list-item-radii': '{radii.100}',\n '--sidebar-nav-list-item-background': 'transparent',\n '--sidebar-nav-list-item-background-hovered':\n '{colors.neutral.background.2.hovered}',\n '--sidebar-nav-list-item-background-active':\n '{colors.neutral.background.2.selected}',\n '--sidebar-nav-list-item-background-selected':\n '{colors.neutral.background.2.primary.selected}',\n '--sidebar-nav-list-item-background-selected-hovered':\n '{colors.neutral.background.2.primary.selectedHovered}',\n '--sidebar-nav-list-item-background-expanded':\n '{colors.neutral.background.2.primary.selected}',\n '--sidebar-nav-list-item-background-expanded-hovered':\n '{colors.neutral.background.2.primary.selectedHovered}',\n '--sidebar-nav-list-item-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--sidebar-nav-list-item-foreground-hovered':\n '{colors.neutral.foreground.2.primary.hovered}',\n '--sidebar-nav-list-item-foreground-active':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-nav-list-item-foreground-selected':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-nav-list-item-foreground-selected-hovered':\n '{colors.neutral.foreground.2.primary.selectedHovered}',\n '--sidebar-nav-list-item-foreground-expanded':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-nav-list-item-foreground-expanded-hovered':\n '{colors.neutral.foreground.2.primary.selectedHovered}',\n\n /* nav item button */\n '--sidebar-nav-item-button-icon-toggle-size': '{sizes.300}',\n\n /* nav item label */\n '--sidebar-nav-item-label-font-size': '{fontSizes.400}',\n '--sidebar-nav-item-label-font-weight': '{fontWeights.medium}',\n '--sidebar-nav-item-label-text-transform': 'none',\n\n '--sidebar-nav-list-item-focus-outline-width': '{borders.200}',\n '--sidebar-nav-list-item-focus-outline-style': 'solid',\n '--sidebar-nav-list-item-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--sidebar-nav-list-item-focus-outline-offset': '{spacing.50}',\n\n /* subnav */\n '--sidebar-subnav-list-stroke-color': '{colors.neutral.stroke.6.enabled}',\n\n '--sidebar-subnav-zindex': '{zIndex.dropdown}',\n '--sidebar-subnav-animation-name': 'expandY',\n '--sidebar-subnav-animation-duration': '150ms',\n '--sidebar-subnav-animation-timing-function': 'ease-out',\n '--sidebar-subnav-animation-fill-mode': 'both',\n '--sidebar-subnav-padding-left': '{spacing.450}',\n '--sidebar-subnav-list-gap': '{spacing.0}',\n '--sidebar-subnav-list-padding-top': '{spacing.100}',\n\n /* subnav collapsed */\n '--sidebar-subnav-collapsed-background':\n '{colors.neutral.background.2.enabled}',\n '--sidebar-subnav-collapsed-padding-block': '{spacing.400}',\n '--sidebar-subnav-collapsed-padding-inline': '{spacing.450}',\n '--sidebar-subnav-collapsed-margin-left': '{spacing.50}',\n '--sidebar-subnav-collapsed-border-radius': '{radii.200}',\n\n /* subnav list item */\n '--sidebar-subnav-list-item-height': '{sizes.500}',\n '--sidebar-subnav-list-item-padding-left': '{spacing.300}',\n '--sidebar-subnav-list-item-padding-right': '{spacing.300}',\n '--sidebar-subnav-list-item-padding-block': '{spacing.100}',\n '--sidebar-subnav-list-item-border-radius': '{radii.100}',\n '--sidebar-subnav-list-item-transition': '{animations.base.100}',\n '--sidebar-subnav-list-stroke-width': '{borders.100}',\n '--sidebar-subnav-list-item-gap': '{spacing.0}',\n '--sidebar-subnav-list-item-background':\n '{colors.neutral.background.2.enabled}',\n '--sidebar-subnav-list-item-background-hovered':\n '{colors.neutral.background.2.hovered}',\n '--sidebar-subnav-list-item-background-active':\n '{colors.neutral.background.2.selected}',\n '--sidebar-subnav-list-item-background-selected':\n '{colors.neutral.background.2.primary.selected}',\n '--sidebar-subnav-list-item-background-selected-hovered':\n '{colors.neutral.background.2.primary.selectedHovered}',\n '--sidebar-subnav-list-item-foreground':\n '{colors.neutral.foreground.3.enabled}',\n '--sidebar-subnav-list-item-foreground-hovered':\n '{colors.neutral.foreground.2.primary.hovered}',\n '--sidebar-subnav-list-item-foreground-active':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-subnav-list-item-foreground-selected':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-subnav-list-item-foreground-selected-hovered':\n '{colors.neutral.foreground.2.primary.selectedHovered}',\n\n '--sidebar-subnav-list-item-focus-outline-width': '{borders.200}',\n '--sidebar-subnav-list-item-focus-outline-style': 'solid',\n '--sidebar-subnav-list-item-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--sidebar-subnav-list-item-focus-outline-offset': '{spacing.50}',\n\n /* subnav list item label */\n '--sidebar-subnav-list-item-label-font-size': '{fontSizes.300}',\n '--sidebar-subnav-list-item-label-font-weight': '{fontWeights.medium}',\n '--sidebar-subnav-list-item-label-text-transform': 'none',\n\n sm: {\n /* root */\n '--sidebar-position': 'sticky',\n '--sidebar-height': 'calc(100dvh - 0.5rem)',\n '--sidebar-top': '{spacing.100}',\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 smDown: {\n '--sidebar-position': 'fixed',\n '--sidebar-height': '100dvh',\n '--sidebar-width': '100%',\n '--sidebar-top': '{spacing.0}',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mage-ui/preset",
3
- "version": "1.0.149",
3
+ "version": "1.0.150",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [],