@mage-ui/preset 1.0.159 → 1.0.161
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/recipes/layouts/card/card-body.mjs +1 -1
- package/dist/recipes/layouts/card/card-body.mjs.map +1 -1
- package/dist/recipes/layouts/card/card-footer.mjs +1 -1
- package/dist/recipes/layouts/card/card-footer.mjs.map +1 -1
- package/dist/recipes/layouts/card/card-header.mjs +1 -1
- package/dist/recipes/layouts/card/card-header.mjs.map +1 -1
- package/dist/recipes/layouts/card/card-root.mjs +1 -1
- package/dist/recipes/layouts/card/card-root.mjs.map +1 -1
- package/dist/recipes/layouts/card/card.mjs +1 -1
- package/dist/recipes/layouts/card/card.mjs.map +1 -1
- package/dist/recipes/misc/scroll-area/scroll-area-viewport.mjs +1 -1
- package/dist/recipes/misc/scroll-area/scroll-area-viewport.mjs.map +1 -1
- package/dist/recipes/misc/scroll-area/scroll-area.mjs +1 -1
- package/dist/recipes/misc/scroll-area/scroll-area.mjs.map +1 -1
- package/dist/recipes/misc/scroll-area-autosize/scroll-area-autosize.mjs +1 -1
- package/dist/recipes/misc/scroll-area-autosize/scroll-area-autosize.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`card__body`,jsx:[`Card`],base:{flexGrow
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`card__body`,jsx:[`Card`],base:{flexGrow:`var(--card-body-flex-grow, 1)`,display:`var(--card-body-display, flex)`,flexDirection:`var(--card-body-flex-direction, column)`,alignItems:`var(--card-body-align-items, stretch)`,justifyContent:`var(--card-body-justify-content, flex-start)`,gap:`var(--card-body-gap, {spacing.400})`,paddingInline:`var(--card-body-padding-inline, {spacing.0})`,paddingBlock:`var(--card-body-padding-block, {spacing.0})`,borderWidth:`var(--card-body-border-width, {borders.0})`,borderStyle:`var(--card-body-border-style, solid)`,borderColor:`var(--card-body-border-color, transparent)`,borderRadius:`var(--card-body-border-radius, {radii.200})`,minHeight:`var(--card-body-min-height, 0)`}});export{t as cardBody};
|
|
2
2
|
//# sourceMappingURL=card-body.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card-body.mjs","names":[],"sources":["../../../../src/recipes/layouts/card/card-body.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const cardBody = defineRecipe({\n className: 'card__body',\n jsx: ['Card'],\n base: {\n flexGrow: 1,\n display: 'var(--card-body-display, flex)',\n flexDirection: 'var(--card-body-flex-direction, column)',\n alignItems: 'var(--card-body-align-items, stretch)',\n justifyContent: 'var(--card-body-justify-content, flex-start)',\n gap: 'var(--card-body-gap, {spacing.400})',\n paddingInline: 'var(--card-body-padding-inline, {spacing.0})',\n paddingBlock: 'var(--card-body-padding-block, {spacing.0})',\n borderWidth: 'var(--card-body-border-width, {borders.0})',\n borderStyle: 'var(--card-body-border-style, solid)',\n borderColor: 'var(--card-body-border-color, transparent)',\n borderRadius: 'var(--card-body-border-radius, {radii.200})',\n minHeight: 'var(--card-body-min-height, 0)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,aACX,IAAK,CAAC,OAAO,CACb,KAAM,CACJ,SAAU,
|
|
1
|
+
{"version":3,"file":"card-body.mjs","names":[],"sources":["../../../../src/recipes/layouts/card/card-body.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const cardBody = defineRecipe({\n className: 'card__body',\n jsx: ['Card'],\n base: {\n flexGrow: 'var(--card-body-flex-grow, 1)',\n display: 'var(--card-body-display, flex)',\n flexDirection: 'var(--card-body-flex-direction, column)',\n alignItems: 'var(--card-body-align-items, stretch)',\n justifyContent: 'var(--card-body-justify-content, flex-start)',\n gap: 'var(--card-body-gap, {spacing.400})',\n paddingInline: 'var(--card-body-padding-inline, {spacing.0})',\n paddingBlock: 'var(--card-body-padding-block, {spacing.0})',\n borderWidth: 'var(--card-body-border-width, {borders.0})',\n borderStyle: 'var(--card-body-border-style, solid)',\n borderColor: 'var(--card-body-border-color, transparent)',\n borderRadius: 'var(--card-body-border-radius, {radii.200})',\n minHeight: 'var(--card-body-min-height, 0)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,aACX,IAAK,CAAC,OAAO,CACb,KAAM,CACJ,SAAU,gCACV,QAAS,iCACT,cAAe,0CACf,WAAY,wCACZ,eAAgB,+CAChB,IAAK,sCACL,cAAe,+CACf,aAAc,8CACd,YAAa,6CACb,YAAa,uCACb,YAAa,6CACb,aAAc,8CACd,UAAW,iCACZ,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`card__footer`,jsx:[`Card`],base:{display:`var(--card-footer-display, flex)`,flexDirection:`var(--card-footer-flex-direction, row)`,alignItems:`var(--card-footer-align-items, center)`,justifyContent:`var(--card-footer-justify-content, space-between)`,gap:`var(--card-footer-gap, {spacing.400})`,paddingInline:`var(--card-footer-padding-inline, {spacing.0})`,paddingBlock:`var(--card-footer-padding-block, {spacing.0})`,borderWidth:`var(--card-footer-border-width, {borders.0})`,borderStyle:`var(--card-footer-border-style, solid)`,borderColor:`var(--card-footer-border-color, transparent)`,borderRadius:`var(--card-footer-border-radius, {radii.200})`}});export{t as cardFooter};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`card__footer`,jsx:[`Card`],base:{flex:`var(--card-footer-flex, initial)`,display:`var(--card-footer-display, flex)`,flexDirection:`var(--card-footer-flex-direction, row)`,alignItems:`var(--card-footer-align-items, center)`,justifyContent:`var(--card-footer-justify-content, space-between)`,gap:`var(--card-footer-gap, {spacing.400})`,paddingInline:`var(--card-footer-padding-inline, {spacing.0})`,paddingBlock:`var(--card-footer-padding-block, {spacing.0})`,borderWidth:`var(--card-footer-border-width, {borders.0})`,borderStyle:`var(--card-footer-border-style, solid)`,borderColor:`var(--card-footer-border-color, transparent)`,borderRadius:`var(--card-footer-border-radius, {radii.200})`}});export{t as cardFooter};
|
|
2
2
|
//# sourceMappingURL=card-footer.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card-footer.mjs","names":[],"sources":["../../../../src/recipes/layouts/card/card-footer.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const cardFooter = defineRecipe({\n className: 'card__footer',\n jsx: ['Card'],\n base: {\n display: 'var(--card-footer-display, flex)',\n flexDirection: 'var(--card-footer-flex-direction, row)',\n alignItems: 'var(--card-footer-align-items, center)',\n justifyContent: 'var(--card-footer-justify-content, space-between)',\n gap: 'var(--card-footer-gap, {spacing.400})',\n paddingInline: 'var(--card-footer-padding-inline, {spacing.0})',\n paddingBlock: 'var(--card-footer-padding-block, {spacing.0})',\n borderWidth: 'var(--card-footer-border-width, {borders.0})',\n borderStyle: 'var(--card-footer-border-style, solid)',\n borderColor: 'var(--card-footer-border-color, transparent)',\n borderRadius: 'var(--card-footer-border-radius, {radii.200})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,OAAO,CACb,KAAM,CACJ,QAAS,mCACT,cAAe,yCACf,WAAY,yCACZ,eAAgB,oDAChB,IAAK,wCACL,cAAe,iDACf,aAAc,gDACd,YAAa,+CACb,YAAa,yCACb,YAAa,+CACb,aAAc,gDACf,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"card-footer.mjs","names":[],"sources":["../../../../src/recipes/layouts/card/card-footer.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const cardFooter = defineRecipe({\n className: 'card__footer',\n jsx: ['Card'],\n base: {\n flex: 'var(--card-footer-flex, initial)',\n display: 'var(--card-footer-display, flex)',\n flexDirection: 'var(--card-footer-flex-direction, row)',\n alignItems: 'var(--card-footer-align-items, center)',\n justifyContent: 'var(--card-footer-justify-content, space-between)',\n gap: 'var(--card-footer-gap, {spacing.400})',\n paddingInline: 'var(--card-footer-padding-inline, {spacing.0})',\n paddingBlock: 'var(--card-footer-padding-block, {spacing.0})',\n borderWidth: 'var(--card-footer-border-width, {borders.0})',\n borderStyle: 'var(--card-footer-border-style, solid)',\n borderColor: 'var(--card-footer-border-color, transparent)',\n borderRadius: 'var(--card-footer-border-radius, {radii.200})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,OAAO,CACb,KAAM,CACJ,KAAM,mCACN,QAAS,mCACT,cAAe,yCACf,WAAY,yCACZ,eAAgB,oDAChB,IAAK,wCACL,cAAe,iDACf,aAAc,gDACd,YAAa,+CACb,YAAa,yCACb,YAAa,+CACb,aAAc,gDACf,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`card__header`,jsx:[`Card`],base:{display:`var(--card-header-display, flex)`,flexDirection:`var(--card-header-flex-direction, row)`,alignItems:`var(--card-header-align-items, center)`,justifyContent:`var(--card-header-justify-content, space-between)`,gap:`var(--card-header-gap, {spacing.400})`,paddingInline:`var(--card-header-padding-inline, {spacing.0})`,paddingBlock:`var(--card-header-padding-block, {spacing.0})`,borderWidth:`var(--card-header-border-width, {borders.0})`,borderStyle:`var(--card-header-border-style, solid)`,borderColor:`var(--card-header-border-color, transparent)`,borderRadius:`var(--card-header-border-radius, {radii.200})`}});export{t as cardHeader};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`card__header`,jsx:[`Card`],base:{flex:`var(--card-header-flex, initial)`,display:`var(--card-header-display, flex)`,flexDirection:`var(--card-header-flex-direction, row)`,alignItems:`var(--card-header-align-items, center)`,justifyContent:`var(--card-header-justify-content, space-between)`,gap:`var(--card-header-gap, {spacing.400})`,paddingInline:`var(--card-header-padding-inline, {spacing.0})`,paddingBlock:`var(--card-header-padding-block, {spacing.0})`,borderWidth:`var(--card-header-border-width, {borders.0})`,borderStyle:`var(--card-header-border-style, solid)`,borderColor:`var(--card-header-border-color, transparent)`,borderRadius:`var(--card-header-border-radius, {radii.200})`}});export{t as cardHeader};
|
|
2
2
|
//# sourceMappingURL=card-header.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card-header.mjs","names":[],"sources":["../../../../src/recipes/layouts/card/card-header.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const cardHeader = defineRecipe({\n className: 'card__header',\n jsx: ['Card'],\n base: {\n display: 'var(--card-header-display, flex)',\n flexDirection: 'var(--card-header-flex-direction, row)',\n alignItems: 'var(--card-header-align-items, center)',\n justifyContent: 'var(--card-header-justify-content, space-between)',\n gap: 'var(--card-header-gap, {spacing.400})',\n paddingInline: 'var(--card-header-padding-inline, {spacing.0})',\n paddingBlock: 'var(--card-header-padding-block, {spacing.0})',\n borderWidth: 'var(--card-header-border-width, {borders.0})',\n borderStyle: 'var(--card-header-border-style, solid)',\n borderColor: 'var(--card-header-border-color, transparent)',\n borderRadius: 'var(--card-header-border-radius, {radii.200})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,OAAO,CACb,KAAM,CACJ,QAAS,mCACT,cAAe,yCACf,WAAY,yCACZ,eAAgB,oDAChB,IAAK,wCACL,cAAe,iDACf,aAAc,gDACd,YAAa,+CACb,YAAa,yCACb,YAAa,+CACb,aAAc,gDACf,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"card-header.mjs","names":[],"sources":["../../../../src/recipes/layouts/card/card-header.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const cardHeader = defineRecipe({\n className: 'card__header',\n jsx: ['Card'],\n base: {\n flex: 'var(--card-header-flex, initial)',\n display: 'var(--card-header-display, flex)',\n flexDirection: 'var(--card-header-flex-direction, row)',\n alignItems: 'var(--card-header-align-items, center)',\n justifyContent: 'var(--card-header-justify-content, space-between)',\n gap: 'var(--card-header-gap, {spacing.400})',\n paddingInline: 'var(--card-header-padding-inline, {spacing.0})',\n paddingBlock: 'var(--card-header-padding-block, {spacing.0})',\n borderWidth: 'var(--card-header-border-width, {borders.0})',\n borderStyle: 'var(--card-header-border-style, solid)',\n borderColor: 'var(--card-header-border-color, transparent)',\n borderRadius: 'var(--card-header-border-radius, {radii.200})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,OAAO,CACb,KAAM,CACJ,KAAM,mCACN,QAAS,mCACT,cAAe,yCACf,WAAY,yCACZ,eAAgB,oDAChB,IAAK,wCACL,cAAe,iDACf,aAAc,gDACd,YAAa,+CACb,YAAa,yCACb,YAAa,+CACb,aAAc,gDACf,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`card__root`,jsx:[`Card`],base:{display:`var(--card-display, flex)`,flexDirection:`var(--card-flex-direction, column)`,alignItems:`var(--card-align-items, stretch)`,justifyContent:`var(--card-justify-content, flex-start)`,gap:`var(--card-gap, {spacing.400})`,backgroundColor:`var(--card-background, {colors.neutral.background.2.enabled})`,color:`var(--card-foreground, {colors.neutral.foreground.2.enabled})`,borderWidth:`var(--card-border-width, {borders.0})`,borderStyle:`var(--card-border-style, solid)`,borderColor:`var(--card-border-color, {colors.neutral.border.2.enabled})`,borderRadius:`var(--card-radii, {radii.200})`,boxShadow:`var(--card-shadow, none)`,paddingInline:`var(--card-padding-inline, {spacing.400})`,paddingBlock:`var(--card-padding-block, {spacing.400})`,transition:`var(--card-transition, {animations.100})`}});export{t as cardRoot};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`card__root`,jsx:[`Card`],base:{display:`var(--card-display, flex)`,flexDirection:`var(--card-flex-direction, column)`,alignItems:`var(--card-align-items, stretch)`,justifyContent:`var(--card-justify-content, flex-start)`,gap:`var(--card-gap, {spacing.400})`,flexWrap:`var(--card-flex-wrap, nowrap)`,backgroundColor:`var(--card-background, {colors.neutral.background.2.enabled})`,color:`var(--card-foreground, {colors.neutral.foreground.2.enabled})`,borderWidth:`var(--card-border-width, {borders.0})`,borderStyle:`var(--card-border-style, solid)`,borderColor:`var(--card-border-color, {colors.neutral.border.2.enabled})`,borderRadius:`var(--card-radii, {radii.200})`,boxShadow:`var(--card-shadow, none)`,paddingInline:`var(--card-padding-inline, {spacing.400})`,paddingBlock:`var(--card-padding-block, {spacing.400})`,transition:`var(--card-transition, {animations.100})`}});export{t as cardRoot};
|
|
2
2
|
//# sourceMappingURL=card-root.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card-root.mjs","names":[],"sources":["../../../../src/recipes/layouts/card/card-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const cardRoot = defineRecipe({\n className: 'card__root',\n jsx: ['Card'],\n base: {\n display: 'var(--card-display, flex)',\n flexDirection: 'var(--card-flex-direction, column)',\n alignItems: 'var(--card-align-items, stretch)',\n justifyContent: 'var(--card-justify-content, flex-start)',\n gap: 'var(--card-gap, {spacing.400})',\n backgroundColor:\n 'var(--card-background, {colors.neutral.background.2.enabled})',\n color: 'var(--card-foreground, {colors.neutral.foreground.2.enabled})',\n borderWidth: 'var(--card-border-width, {borders.0})',\n borderStyle: 'var(--card-border-style, solid)',\n borderColor: 'var(--card-border-color, {colors.neutral.border.2.enabled})',\n borderRadius: 'var(--card-radii, {radii.200})',\n boxShadow: 'var(--card-shadow, none)',\n paddingInline: 'var(--card-padding-inline, {spacing.400})',\n paddingBlock: 'var(--card-padding-block, {spacing.400})',\n transition: 'var(--card-transition, {animations.100})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,aACX,IAAK,CAAC,OAAO,CACb,KAAM,CACJ,QAAS,4BACT,cAAe,qCACf,WAAY,mCACZ,eAAgB,0CAChB,IAAK,iCACL,gBACE,gEACF,MAAO,gEACP,YAAa,wCACb,YAAa,kCACb,YAAa,8DACb,aAAc,iCACd,UAAW,2BACX,cAAe,4CACf,aAAc,2CACd,WAAY,2CACb,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"card-root.mjs","names":[],"sources":["../../../../src/recipes/layouts/card/card-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const cardRoot = defineRecipe({\n className: 'card__root',\n jsx: ['Card'],\n base: {\n display: 'var(--card-display, flex)',\n flexDirection: 'var(--card-flex-direction, column)',\n alignItems: 'var(--card-align-items, stretch)',\n justifyContent: 'var(--card-justify-content, flex-start)',\n gap: 'var(--card-gap, {spacing.400})',\n flexWrap: 'var(--card-flex-wrap, nowrap)',\n backgroundColor:\n 'var(--card-background, {colors.neutral.background.2.enabled})',\n color: 'var(--card-foreground, {colors.neutral.foreground.2.enabled})',\n borderWidth: 'var(--card-border-width, {borders.0})',\n borderStyle: 'var(--card-border-style, solid)',\n borderColor: 'var(--card-border-color, {colors.neutral.border.2.enabled})',\n borderRadius: 'var(--card-radii, {radii.200})',\n boxShadow: 'var(--card-shadow, none)',\n paddingInline: 'var(--card-padding-inline, {spacing.400})',\n paddingBlock: 'var(--card-padding-block, {spacing.400})',\n transition: 'var(--card-transition, {animations.100})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,aACX,IAAK,CAAC,OAAO,CACb,KAAM,CACJ,QAAS,4BACT,cAAe,qCACf,WAAY,mCACZ,eAAgB,0CAChB,IAAK,iCACL,SAAU,gCACV,gBACE,gEACF,MAAO,gEACP,YAAa,wCACb,YAAa,kCACb,YAAa,8DACb,aAAc,iCACd,UAAW,2BACX,cAAe,4CACf,aAAc,2CACd,WAAY,2CACb,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`card`,jsx:[`Card`],base:{"--card-display":`flex`,"--card-flex-direction":`column`,"--card-align-items":`stretch`,"--card-justify-content":`flex-start`,"--card-gap":`{spacing.400}`,"--card-background":`{colors.neutral.background.2.enabled}`,"--card-foreground":`{colors.neutral.foreground.2.enabled}`,"--card-border-width":`{borders.0}`,"--card-border-style":`solid`,"--card-border-color":`{colors.neutral.border.2.enabled}`,"--card-padding-inline":`{spacing.400}`,"--card-padding-block":`{spacing.400}`,"--card-radii":`{radii.200}`,"--card-shadow":`none`,"--card-transition":`{animations.200}`,"--card-header-display":`flex`,"--card-header-flex-direction":`row`,"--card-header-align-items":`center`,"--card-header-justify-content":`space-between`,"--card-header-gap":`{spacing.400}`,"--card-header-padding-inline":`{spacing.0}`,"--card-header-padding-block":`{spacing.0}`,"--card-header-border-width":`{borders.0}`,"--card-header-border-style":`solid`,"--card-header-border-color":`transparent`,"--card-header-border-radius":`{radii.200}`,"--card-body-display":`flex`,"--card-body-flex-direction":`column`,"--card-body-align-items":`stretch`,"--card-body-justify-content":`flex-start`,"--card-body-gap":`{spacing.400}`,"--card-body-padding-inline":`{spacing.0}`,"--card-body-padding-block":`{spacing.0}`,"--card-body-border-width":`{borders.0}`,"--card-body-border-style":`solid`,"--card-body-border-color":`transparent`,"--card-body-border-radius":`{radii.200}`,"--card-body-min-height":`0`,"--card-footer-display":`flex`,"--card-footer-flex-direction":`row`,"--card-footer-align-items":`center`,"--card-footer-justify-content":`space-between`,"--card-footer-gap":`{spacing.400}`,"--card-footer-padding-inline":`{spacing.0}`,"--card-footer-padding-block":`{spacing.0}`,"--card-footer-border-width":`{borders.0}`,"--card-footer-border-style":`solid`,"--card-footer-border-color":`transparent`,"--card-footer-border-radius":`{radii.200}`}});export{t as card};
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`card`,jsx:[`Card`],base:{"--card-display":`flex`,"--card-flex-direction":`column`,"--card-align-items":`stretch`,"--card-justify-content":`flex-start`,"--card-gap":`{spacing.400}`,"--card-flex-wrap":`nowrap`,"--card-background":`{colors.neutral.background.2.enabled}`,"--card-foreground":`{colors.neutral.foreground.2.enabled}`,"--card-border-width":`{borders.0}`,"--card-border-style":`solid`,"--card-border-color":`{colors.neutral.border.2.enabled}`,"--card-padding-inline":`{spacing.400}`,"--card-padding-block":`{spacing.400}`,"--card-radii":`{radii.200}`,"--card-shadow":`none`,"--card-transition":`{animations.200}`,"--card-header-flex":`initial`,"--card-header-display":`flex`,"--card-header-flex-direction":`row`,"--card-header-align-items":`center`,"--card-header-justify-content":`space-between`,"--card-header-gap":`{spacing.400}`,"--card-header-padding-inline":`{spacing.0}`,"--card-header-padding-block":`{spacing.0}`,"--card-header-border-width":`{borders.0}`,"--card-header-border-style":`solid`,"--card-header-border-color":`transparent`,"--card-header-border-radius":`{radii.200}`,"--card-body-flex-grow":`1`,"--card-body-display":`flex`,"--card-body-flex-direction":`column`,"--card-body-align-items":`stretch`,"--card-body-justify-content":`flex-start`,"--card-body-gap":`{spacing.400}`,"--card-body-padding-inline":`{spacing.0}`,"--card-body-padding-block":`{spacing.0}`,"--card-body-border-width":`{borders.0}`,"--card-body-border-style":`solid`,"--card-body-border-color":`transparent`,"--card-body-border-radius":`{radii.200}`,"--card-body-min-height":`0`,"--card-footer-flex":`initial`,"--card-footer-display":`flex`,"--card-footer-flex-direction":`row`,"--card-footer-align-items":`center`,"--card-footer-justify-content":`space-between`,"--card-footer-gap":`{spacing.400}`,"--card-footer-padding-inline":`{spacing.0}`,"--card-footer-padding-block":`{spacing.0}`,"--card-footer-border-width":`{borders.0}`,"--card-footer-border-style":`solid`,"--card-footer-border-color":`transparent`,"--card-footer-border-radius":`{radii.200}`}});export{t as card};
|
|
2
2
|
//# sourceMappingURL=card.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.mjs","names":[],"sources":["../../../../src/recipes/layouts/card/card.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const card = defineRecipe({\n className: 'card',\n jsx: ['Card'],\n base: {\n '--card-display': 'flex',\n '--card-flex-direction': 'column',\n '--card-align-items': 'stretch',\n '--card-justify-content': 'flex-start',\n '--card-gap': '{spacing.400}',\n '--card-background': '{colors.neutral.background.2.enabled}',\n '--card-foreground': '{colors.neutral.foreground.2.enabled}',\n '--card-border-width': '{borders.0}',\n '--card-border-style': 'solid',\n '--card-border-color': '{colors.neutral.border.2.enabled}',\n '--card-padding-inline': '{spacing.400}',\n '--card-padding-block': '{spacing.400}',\n '--card-radii': '{radii.200}',\n '--card-shadow': 'none',\n '--card-transition': '{animations.200}',\n\n /* header */\n '--card-header-display': 'flex',\n '--card-header-flex-direction': 'row',\n '--card-header-align-items': 'center',\n '--card-header-justify-content': 'space-between',\n '--card-header-gap': '{spacing.400}',\n '--card-header-padding-inline': '{spacing.0}',\n '--card-header-padding-block': '{spacing.0}',\n '--card-header-border-width': '{borders.0}',\n '--card-header-border-style': 'solid',\n '--card-header-border-color': 'transparent',\n '--card-header-border-radius': '{radii.200}',\n\n /* body */\n '--card-body-display': 'flex',\n '--card-body-flex-direction': 'column',\n '--card-body-align-items': 'stretch',\n '--card-body-justify-content': 'flex-start',\n '--card-body-gap': '{spacing.400}',\n '--card-body-padding-inline': '{spacing.0}',\n '--card-body-padding-block': '{spacing.0}',\n '--card-body-border-width': '{borders.0}',\n '--card-body-border-style': 'solid',\n '--card-body-border-color': 'transparent',\n '--card-body-border-radius': '{radii.200}',\n '--card-body-min-height': '0',\n\n /* footer */\n '--card-footer-display': 'flex',\n '--card-footer-flex-direction': 'row',\n '--card-footer-align-items': 'center',\n '--card-footer-justify-content': 'space-between',\n '--card-footer-gap': '{spacing.400}',\n '--card-footer-padding-inline': '{spacing.0}',\n '--card-footer-padding-block': '{spacing.0}',\n '--card-footer-border-width': '{borders.0}',\n '--card-footer-border-style': 'solid',\n '--card-footer-border-color': 'transparent',\n '--card-footer-border-radius': '{radii.200}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAO,EAAa,CAC/B,UAAW,OACX,IAAK,CAAC,OAAO,CACb,KAAM,CACJ,iBAAkB,OAClB,wBAAyB,SACzB,qBAAsB,UACtB,yBAA0B,aAC1B,aAAc,gBACd,oBAAqB,wCACrB,oBAAqB,wCACrB,sBAAuB,cACvB,sBAAuB,QACvB,sBAAuB,oCACvB,wBAAyB,gBACzB,uBAAwB,gBACxB,eAAgB,cAChB,gBAAiB,OACjB,oBAAqB,mBAGrB,wBAAyB,OACzB,+BAAgC,MAChC,4BAA6B,SAC7B,gCAAiC,gBACjC,oBAAqB,gBACrB,+BAAgC,cAChC,8BAA+B,cAC/B,6BAA8B,cAC9B,6BAA8B,QAC9B,6BAA8B,cAC9B,8BAA+B,cAG/B,sBAAuB,OACvB,6BAA8B,SAC9B,0BAA2B,UAC3B,8BAA+B,aAC/B,kBAAmB,gBACnB,6BAA8B,cAC9B,4BAA6B,cAC7B,2BAA4B,cAC5B,2BAA4B,QAC5B,2BAA4B,cAC5B,4BAA6B,cAC7B,yBAA0B,IAG1B,wBAAyB,OACzB,+BAAgC,MAChC,4BAA6B,SAC7B,gCAAiC,gBACjC,oBAAqB,gBACrB,+BAAgC,cAChC,8BAA+B,cAC/B,6BAA8B,cAC9B,6BAA8B,QAC9B,6BAA8B,cAC9B,8BAA+B,cAChC,CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"card.mjs","names":[],"sources":["../../../../src/recipes/layouts/card/card.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const card = defineRecipe({\n className: 'card',\n jsx: ['Card'],\n base: {\n '--card-display': 'flex',\n '--card-flex-direction': 'column',\n '--card-align-items': 'stretch',\n '--card-justify-content': 'flex-start',\n '--card-gap': '{spacing.400}',\n '--card-flex-wrap': 'nowrap',\n '--card-background': '{colors.neutral.background.2.enabled}',\n '--card-foreground': '{colors.neutral.foreground.2.enabled}',\n '--card-border-width': '{borders.0}',\n '--card-border-style': 'solid',\n '--card-border-color': '{colors.neutral.border.2.enabled}',\n '--card-padding-inline': '{spacing.400}',\n '--card-padding-block': '{spacing.400}',\n '--card-radii': '{radii.200}',\n '--card-shadow': 'none',\n '--card-transition': '{animations.200}',\n\n /* header */\n '--card-header-flex': 'initial',\n '--card-header-display': 'flex',\n '--card-header-flex-direction': 'row',\n '--card-header-align-items': 'center',\n '--card-header-justify-content': 'space-between',\n '--card-header-gap': '{spacing.400}',\n '--card-header-padding-inline': '{spacing.0}',\n '--card-header-padding-block': '{spacing.0}',\n '--card-header-border-width': '{borders.0}',\n '--card-header-border-style': 'solid',\n '--card-header-border-color': 'transparent',\n '--card-header-border-radius': '{radii.200}',\n\n /* body */\n '--card-body-flex-grow': '1',\n '--card-body-display': 'flex',\n '--card-body-flex-direction': 'column',\n '--card-body-align-items': 'stretch',\n '--card-body-justify-content': 'flex-start',\n '--card-body-gap': '{spacing.400}',\n '--card-body-padding-inline': '{spacing.0}',\n '--card-body-padding-block': '{spacing.0}',\n '--card-body-border-width': '{borders.0}',\n '--card-body-border-style': 'solid',\n '--card-body-border-color': 'transparent',\n '--card-body-border-radius': '{radii.200}',\n '--card-body-min-height': '0',\n\n /* footer */\n '--card-footer-flex': 'initial',\n '--card-footer-display': 'flex',\n '--card-footer-flex-direction': 'row',\n '--card-footer-align-items': 'center',\n '--card-footer-justify-content': 'space-between',\n '--card-footer-gap': '{spacing.400}',\n '--card-footer-padding-inline': '{spacing.0}',\n '--card-footer-padding-block': '{spacing.0}',\n '--card-footer-border-width': '{borders.0}',\n '--card-footer-border-style': 'solid',\n '--card-footer-border-color': 'transparent',\n '--card-footer-border-radius': '{radii.200}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAO,EAAa,CAC/B,UAAW,OACX,IAAK,CAAC,OAAO,CACb,KAAM,CACJ,iBAAkB,OAClB,wBAAyB,SACzB,qBAAsB,UACtB,yBAA0B,aAC1B,aAAc,gBACd,mBAAoB,SACpB,oBAAqB,wCACrB,oBAAqB,wCACrB,sBAAuB,cACvB,sBAAuB,QACvB,sBAAuB,oCACvB,wBAAyB,gBACzB,uBAAwB,gBACxB,eAAgB,cAChB,gBAAiB,OACjB,oBAAqB,mBAGrB,qBAAsB,UACtB,wBAAyB,OACzB,+BAAgC,MAChC,4BAA6B,SAC7B,gCAAiC,gBACjC,oBAAqB,gBACrB,+BAAgC,cAChC,8BAA+B,cAC/B,6BAA8B,cAC9B,6BAA8B,QAC9B,6BAA8B,cAC9B,8BAA+B,cAG/B,wBAAyB,IACzB,sBAAuB,OACvB,6BAA8B,SAC9B,0BAA2B,UAC3B,8BAA+B,aAC/B,kBAAmB,gBACnB,6BAA8B,cAC9B,4BAA6B,cAC7B,2BAA4B,cAC5B,2BAA4B,QAC5B,2BAA4B,cAC5B,4BAA6B,cAC7B,yBAA0B,IAG1B,qBAAsB,UACtB,wBAAyB,OACzB,+BAAgC,MAChC,4BAA6B,SAC7B,gCAAiC,gBACjC,oBAAqB,gBACrB,+BAAgC,cAChC,8BAA+B,cAC/B,6BAA8B,cAC9B,6BAA8B,QAC9B,6BAA8B,cAC9B,8BAA+B,cAChC,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`scroll-area__viewport`,jsx:[`ScrollArea`],base:{maxHeight:`var(--scrollarea-viewport-max-height, none)`,overflowY:`var(--scrollarea-overflow-y-behavior, auto)`,overflowX:`var(--scrollarea-overflow-x-behavior, hidden)`,height:`var(--scrollarea-viewport-height, 100%)`,width:`var(--scrollarea-viewport-width, 100%)`,paddingBlockStart:`var(--scrollarea-viewport-padding-block-start, {spacing.0})`,paddingBlockEnd:`var(--scrollarea-viewport-padding-block-end, {spacing.0})`,paddingInlineEnd:`var(--scrollarea-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))`,paddingInlineStart:`var(--scrollarea-viewport-padding-inline-start, unset)`,scrollbarWidth:`none`,overscrollBehavior:`var(--scrollarea-over-scroll-behavior, contain)`,msOverflowStyle:`none`,webkitOverflowScrolling:`touch`,"&:where([data-scrollbars=xy],[data-scrollbars=y]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=y],[data-offset-scrollbars=present]):not([data-vertical-hidden])":{paddingInlineEnd:`var(--scrollarea-
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`scroll-area__viewport`,jsx:[`ScrollArea`],base:{maxHeight:`var(--scrollarea-viewport-max-height, none)`,overflowY:`var(--scrollarea-overflow-y-behavior, auto)`,overflowX:`var(--scrollarea-overflow-x-behavior, hidden)`,height:`var(--scrollarea-viewport-height, 100%)`,width:`var(--scrollarea-viewport-width, 100%)`,paddingBlockStart:`var(--scrollarea-viewport-padding-block-start, {spacing.0})`,paddingBlockEnd:`var(--scrollarea-viewport-padding-block-end, {spacing.0})`,paddingInlineEnd:`var(--scrollarea-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))`,paddingInlineStart:`var(--scrollarea-viewport-padding-inline-start, unset)`,scrollbarWidth:`none`,overscrollBehavior:`var(--scrollarea-over-scroll-behavior, contain)`,msOverflowStyle:`none`,webkitOverflowScrolling:`touch`,"&:where([data-scrollbars=xy],[data-scrollbars=y]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=y],[data-offset-scrollbars=present]):not([data-vertical-hidden])":{paddingInlineEnd:`var(--scrollarea-offset-x, calc(var(--scrollarea-scrollbar-size) * 2))`},"&:where([data-scrollbars=xy],[data-scrollbars=x]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=x],[data-offset-scrollbars=present]):not([data-horizontal-hidden])":{paddingBottom:`var(--scrollarea-offset-y, calc(var(--scrollarea-scrollbar-size) * 2))`}}});export{t as scrollAreaViewport};
|
|
2
2
|
//# sourceMappingURL=scroll-area-viewport.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-area-viewport.mjs","names":[],"sources":["../../../../src/recipes/misc/scroll-area/scroll-area-viewport.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const scrollAreaViewport = defineRecipe({\n className: 'scroll-area__viewport',\n jsx: ['ScrollArea'],\n base: {\n maxHeight: 'var(--scrollarea-viewport-max-height, none)',\n overflowY: 'var(--scrollarea-overflow-y-behavior, auto)',\n overflowX: 'var(--scrollarea-overflow-x-behavior, hidden)',\n height: 'var(--scrollarea-viewport-height, 100%)',\n width: 'var(--scrollarea-viewport-width, 100%)',\n paddingBlockStart:\n 'var(--scrollarea-viewport-padding-block-start, {spacing.0})',\n paddingBlockEnd:\n 'var(--scrollarea-viewport-padding-block-end, {spacing.0})',\n paddingInlineEnd:\n 'var(--scrollarea-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))',\n paddingInlineStart:\n 'var(--scrollarea-viewport-padding-inline-start, unset)',\n scrollbarWidth: 'none',\n overscrollBehavior: 'var(--scrollarea-over-scroll-behavior, contain)',\n msOverflowStyle: 'none',\n webkitOverflowScrolling: 'touch',\n\n '&:where([data-scrollbars=xy],[data-scrollbars=y]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=y],[data-offset-scrollbars=present]):not([data-vertical-hidden])':\n {\n paddingInlineEnd:\n 'var(--scrollarea-
|
|
1
|
+
{"version":3,"file":"scroll-area-viewport.mjs","names":[],"sources":["../../../../src/recipes/misc/scroll-area/scroll-area-viewport.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const scrollAreaViewport = defineRecipe({\n className: 'scroll-area__viewport',\n jsx: ['ScrollArea'],\n base: {\n maxHeight: 'var(--scrollarea-viewport-max-height, none)',\n overflowY: 'var(--scrollarea-overflow-y-behavior, auto)',\n overflowX: 'var(--scrollarea-overflow-x-behavior, hidden)',\n height: 'var(--scrollarea-viewport-height, 100%)',\n width: 'var(--scrollarea-viewport-width, 100%)',\n paddingBlockStart:\n 'var(--scrollarea-viewport-padding-block-start, {spacing.0})',\n paddingBlockEnd:\n 'var(--scrollarea-viewport-padding-block-end, {spacing.0})',\n paddingInlineEnd:\n 'var(--scrollarea-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))',\n paddingInlineStart:\n 'var(--scrollarea-viewport-padding-inline-start, unset)',\n scrollbarWidth: 'none',\n overscrollBehavior: 'var(--scrollarea-over-scroll-behavior, contain)',\n msOverflowStyle: 'none',\n webkitOverflowScrolling: 'touch',\n\n '&:where([data-scrollbars=xy],[data-scrollbars=y]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=y],[data-offset-scrollbars=present]):not([data-vertical-hidden])':\n {\n paddingInlineEnd:\n 'var(--scrollarea-offset-x, calc(var(--scrollarea-scrollbar-size) * 2))',\n },\n '&:where([data-scrollbars=xy],[data-scrollbars=x]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=x],[data-offset-scrollbars=present]):not([data-horizontal-hidden])':\n {\n paddingBottom:\n 'var(--scrollarea-offset-y, calc(var(--scrollarea-scrollbar-size) * 2))',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAqB,EAAa,CAC7C,UAAW,wBACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,UAAW,8CACX,UAAW,8CACX,UAAW,gDACX,OAAQ,0CACR,MAAO,yCACP,kBACE,8DACF,gBACE,4DACF,iBACE,kFACF,mBACE,yDACF,eAAgB,OAChB,mBAAoB,kDACpB,gBAAiB,OACjB,wBAAyB,QAEzB,+KACE,CACE,iBACE,yEACH,CACH,iLACE,CACE,cACE,yEACH,CACJ,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`scroll-area`,jsx:[`ScrollArea`],base:{"--maintine-scale":`1`,"--scrollarea-height":`100%`,"--scrollarea-max-height":`100%`,"--scrollarea-root-overflow-x":`hidden`,"--scrollarea-root-overflow-y":`hidden`,"--scrollarea-scrollbar-size":`{sizes.100}`,"--scrollarea-scroll-hide-delay":`1000ms`,"--scrollarea-min-height":`0`,"--scrollarea-flex":`1`,"--scrollarea-viewport-max-height":`none`,"--scrollarea-viewport-width":`100%`,"--scrollarea-viewport-height":`100%`,"--scrollarea-viewport-padding-block-start":`0px`,"--scrollarea-viewport-padding-block-end":`0px`,"--scrollarea-viewport-padding-inline-start":`unset`,"--scrollarea-viewport-padding-inline-end":`var(--scrollarea-scrollbar-size)`,"--scrollarea-over-scroll-behavior":`contain`,"--scrollarea-overflow-y-behavior":`auto`,"--scrollarea-overflow-x-behavior":`hidden`,"--scrollarea-offset-x":`
|
|
1
|
+
import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`scroll-area`,jsx:[`ScrollArea`],base:{"--maintine-scale":`1`,"--scrollarea-height":`100%`,"--scrollarea-max-height":`100%`,"--scrollarea-root-overflow-x":`hidden`,"--scrollarea-root-overflow-y":`hidden`,"--scrollarea-scrollbar-size":`{sizes.100}`,"--scrollarea-scroll-hide-delay":`1000ms`,"--scrollarea-min-height":`0`,"--scrollarea-flex":`1`,"--scrollarea-viewport-max-height":`none`,"--scrollarea-viewport-width":`100%`,"--scrollarea-viewport-height":`100%`,"--scrollarea-viewport-padding-block-start":`0px`,"--scrollarea-viewport-padding-block-end":`0px`,"--scrollarea-viewport-padding-inline-start":`unset`,"--scrollarea-viewport-padding-inline-end":`var(--scrollarea-scrollbar-size)`,"--scrollarea-over-scroll-behavior":`contain`,"--scrollarea-overflow-y-behavior":`auto`,"--scrollarea-overflow-x-behavior":`hidden`,"--scrollarea-offset-x":`calc(var(--scrollarea-scrollbar-size) * 2)`,"--scrollarea-offset-y":`calc(var(--scrollarea-scrollbar-size) * 2)`,"--scrollarea-scrollbar-background":`{colors.neutral.background.2.enabled}`,"--scrollarea-scrollbar-background-hover":`{colors.neutral.background.2.enabled}`,"--scrollarea-scrollbar-vertical-inset-inline-end":`0`,"--scrollarea-scrollbar-radii":`{radii.100}`,"--scrollarea-scrollbar-zindex":`{zIndex.scrollArea}`,"--scrollarea-thumb-background":`{colors.neutral.background.4.enabled}`,"--scrollarea-thumb-background-hover":`{colors.neutral.background.5.enabled}`,"--scrollarea-thumb-radii":`{radii.100}`,"--scrollarea-thumb-transition":`background-color .15s ease`,"--scrollarea-corner-background":`{colors.neutral.background.1.enabled}`,"--sa-corner-width":`var(--scrollarea-scrollbar-size)`,"--sa-corner-height":`var(--scrollarea-scrollbar-size)`,"--sa-thumb-width":`var(--scrollarea-thumb-width)`,"--sa-thumb-height":`var(--scrollarea-thumb-height)`}});export{t as scrollArea};
|
|
2
2
|
//# sourceMappingURL=scroll-area.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-area.mjs","names":[],"sources":["../../../../src/recipes/misc/scroll-area/scroll-area.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const scrollArea = defineRecipe({\n className: 'scroll-area',\n jsx: ['ScrollArea'],\n base: {\n '--maintine-scale': '1',\n\n /* root */\n '--scrollarea-height': '100%',\n '--scrollarea-max-height': '100%',\n '--scrollarea-root-overflow-x': 'hidden',\n '--scrollarea-root-overflow-y': 'hidden',\n '--scrollarea-scrollbar-size': '{sizes.100}',\n '--scrollarea-scroll-hide-delay': '1000ms',\n '--scrollarea-min-height': '0',\n '--scrollarea-flex': '1',\n\n '--scrollarea-viewport-max-height': 'none',\n\n /* viewport */\n '--scrollarea-viewport-width': '100%',\n '--scrollarea-viewport-height': '100%',\n '--scrollarea-viewport-padding-block-start': '0px',\n '--scrollarea-viewport-padding-block-end': '0px',\n '--scrollarea-viewport-padding-inline-start': 'unset',\n '--scrollarea-viewport-padding-inline-end':\n 'var(--scrollarea-scrollbar-size)',\n '--scrollarea-over-scroll-behavior': 'contain',\n '--scrollarea-overflow-y-behavior': 'auto',\n '--scrollarea-overflow-x-behavior': 'hidden',\n '--scrollarea-offset-x': '
|
|
1
|
+
{"version":3,"file":"scroll-area.mjs","names":[],"sources":["../../../../src/recipes/misc/scroll-area/scroll-area.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const scrollArea = defineRecipe({\n className: 'scroll-area',\n jsx: ['ScrollArea'],\n base: {\n '--maintine-scale': '1',\n\n /* root */\n '--scrollarea-height': '100%',\n '--scrollarea-max-height': '100%',\n '--scrollarea-root-overflow-x': 'hidden',\n '--scrollarea-root-overflow-y': 'hidden',\n '--scrollarea-scrollbar-size': '{sizes.100}',\n '--scrollarea-scroll-hide-delay': '1000ms',\n '--scrollarea-min-height': '0',\n '--scrollarea-flex': '1',\n\n '--scrollarea-viewport-max-height': 'none',\n\n /* viewport */\n '--scrollarea-viewport-width': '100%',\n '--scrollarea-viewport-height': '100%',\n '--scrollarea-viewport-padding-block-start': '0px',\n '--scrollarea-viewport-padding-block-end': '0px',\n '--scrollarea-viewport-padding-inline-start': 'unset',\n '--scrollarea-viewport-padding-inline-end':\n 'var(--scrollarea-scrollbar-size)',\n '--scrollarea-over-scroll-behavior': 'contain',\n '--scrollarea-overflow-y-behavior': 'auto',\n '--scrollarea-overflow-x-behavior': 'hidden',\n '--scrollarea-offset-x': 'calc(var(--scrollarea-scrollbar-size) * 2)',\n '--scrollarea-offset-y': 'calc(var(--scrollarea-scrollbar-size) * 2)',\n\n /* scrollbar */\n '--scrollarea-scrollbar-background':\n '{colors.neutral.background.2.enabled}',\n '--scrollarea-scrollbar-background-hover':\n '{colors.neutral.background.2.enabled}',\n '--scrollarea-scrollbar-vertical-inset-inline-end': '0',\n '--scrollarea-scrollbar-radii': '{radii.100}',\n '--scrollarea-scrollbar-zindex': '{zIndex.scrollArea}',\n\n /* thumb */\n '--scrollarea-thumb-background': '{colors.neutral.background.4.enabled}',\n '--scrollarea-thumb-background-hover':\n '{colors.neutral.background.5.enabled}',\n '--scrollarea-thumb-radii': '{radii.100}',\n '--scrollarea-thumb-transition': 'background-color .15s ease',\n\n /* corner */\n '--scrollarea-corner-background': '{colors.neutral.background.1.enabled}',\n\n /* internal mappings */\n // '--sa-scrollbar-size': 'var(--scrollarea-scrollbar-size)',\n // '--sa-scrollbar-offset-x': 'var(--scrollarea-offset-x)',\n // '--sa-scrollbar-offset-y': 'var(--scrollarea-offset-y)',\n // '--sa-viewport-width': 'var(--scrollarea-viewport-width)',\n // '--sa-viewport-height': 'var(--scrollarea-viewport-height)',\n // '--sa-overscroll-behavior': 'var(--scrollarea-over-scroll-behavior)',\n // '--sa-scrollbar-orientation': 'vertical',\n\n '--sa-corner-width': 'var(--scrollarea-scrollbar-size)',\n '--sa-corner-height': 'var(--scrollarea-scrollbar-size)',\n\n '--sa-thumb-width': 'var(--scrollarea-thumb-width)',\n '--sa-thumb-height': 'var(--scrollarea-thumb-height)',\n // '--thumb-opacity': '0',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,cACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,mBAAoB,IAGpB,sBAAuB,OACvB,0BAA2B,OAC3B,+BAAgC,SAChC,+BAAgC,SAChC,8BAA+B,cAC/B,iCAAkC,SAClC,0BAA2B,IAC3B,oBAAqB,IAErB,mCAAoC,OAGpC,8BAA+B,OAC/B,+BAAgC,OAChC,4CAA6C,MAC7C,0CAA2C,MAC3C,6CAA8C,QAC9C,2CACE,mCACF,oCAAqC,UACrC,mCAAoC,OACpC,mCAAoC,SACpC,wBAAyB,6CACzB,wBAAyB,6CAGzB,oCACE,wCACF,0CACE,wCACF,mDAAoD,IACpD,+BAAgC,cAChC,gCAAiC,sBAGjC,gCAAiC,wCACjC,sCACE,wCACF,2BAA4B,cAC5B,gCAAiC,6BAGjC,iCAAkC,wCAWlC,oBAAqB,mCACrB,qBAAsB,mCAEtB,mBAAoB,gCACpB,oBAAqB,iCAEtB,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{scrollArea as e}from"../scroll-area/scroll-area.mjs";const t=e.merge({className:`scroll-area-autosize`,jsx:[`ScrollAreaAutosize`],base:{"--mantine-scale":`1`,"--scrollarea-height":`var(--scrollarea-autosize-height, 100%)`,"--scrollarea-max-height":`var(--scrollarea-autosize-max-height, 12rem)`,"--scrollarea-root-overflow-x":`var(--scrollarea-autosize-root-overflow-x, hidden)`,"--scrollarea-root-overflow-y":`var(--scrollarea-autosize-root-overflow-y, hidden)`,"--scrollarea-scrollbar-size":`var(--scrollarea-autosize-scrollbar-size, {sizes.100})`,"--scrollarea-scroll-hide-delay":`var(--scrollarea-autosize-scroll-hide-delay, 1000ms)`,"--scrollarea-viewport-width":`var(--scrollarea-autosize-viewport-width, 100%)`,"--scrollarea-viewport-height":`var(--scrollarea-autosize-viewport-height, 100%)`,"--scrollarea-viewport-padding-block-start":`var(--scrollarea-autosize-viewport-padding-block-start, 0px)`,"--scrollarea-viewport-padding-block-end":`var(--scrollarea-autosize-viewport-padding-block-end, 0px)`,"--scrollarea-viewport-padding-inline-start":`var(--scrollarea-autosize-viewport-padding-inline-start, unset)`,"--scrollarea-viewport-padding-inline-end":`var(--scrollarea-autosize-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))`,"--scrollarea-over-scroll-behavior":`var(--scrollarea-autosize-over-scroll-behavior, contain)`,"--scrollarea-overflow-y-behavior":`var(--scrollarea-autosize-overflow-y-behavior, auto)`,"--scrollarea-overflow-x-behavior":`var(--scrollarea-autosize-overflow-x-behavior, hidden)`,"--scrollarea-offset-x":`var(--scrollarea-autosize-offset-x,
|
|
1
|
+
import{scrollArea as e}from"../scroll-area/scroll-area.mjs";const t=e.merge({className:`scroll-area-autosize`,jsx:[`ScrollAreaAutosize`],base:{"--mantine-scale":`1`,"--scrollarea-height":`var(--scrollarea-autosize-height, 100%)`,"--scrollarea-max-height":`var(--scrollarea-autosize-max-height, 12rem)`,"--scrollarea-root-overflow-x":`var(--scrollarea-autosize-root-overflow-x, hidden)`,"--scrollarea-root-overflow-y":`var(--scrollarea-autosize-root-overflow-y, hidden)`,"--scrollarea-scrollbar-size":`var(--scrollarea-autosize-scrollbar-size, {sizes.100})`,"--scrollarea-scroll-hide-delay":`var(--scrollarea-autosize-scroll-hide-delay, 1000ms)`,"--scrollarea-viewport-width":`var(--scrollarea-autosize-viewport-width, 100%)`,"--scrollarea-viewport-height":`var(--scrollarea-autosize-viewport-height, 100%)`,"--scrollarea-viewport-padding-block-start":`var(--scrollarea-autosize-viewport-padding-block-start, 0px)`,"--scrollarea-viewport-padding-block-end":`var(--scrollarea-autosize-viewport-padding-block-end, 0px)`,"--scrollarea-viewport-padding-inline-start":`var(--scrollarea-autosize-viewport-padding-inline-start, unset)`,"--scrollarea-viewport-padding-inline-end":`var(--scrollarea-autosize-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))`,"--scrollarea-over-scroll-behavior":`var(--scrollarea-autosize-over-scroll-behavior, contain)`,"--scrollarea-overflow-y-behavior":`var(--scrollarea-autosize-overflow-y-behavior, auto)`,"--scrollarea-overflow-x-behavior":`var(--scrollarea-autosize-overflow-x-behavior, hidden)`,"--scrollarea-offset-x":`var(--scrollarea-autosize-offset-x, calc(var(--scrollarea-scrollbar-size) * 2))`,"--scrollarea-offset-y":`var(--scrollarea-autosize-offset-y, calc(var(--scrollarea-scrollbar-size) * 2))`,"--scrollarea-scrollbar-background":`var(--scrollarea-autosize-scrollbar-background, {colors.neutral.background.2.enabled})`,"--scrollarea-scrollbar-background-hover":`var(--scrollarea-autosize-scrollbar-background-hover, {colors.neutral.background.2.enabled})`,"--scrollarea-scrollbar-vertical-inset-inline-end":`var(--scrollarea-autosize-scrollbar-vertical-inset-inline-end, 0)`,"--scrollarea-scrollbar-radii":`var(--scrollarea-autosize-scrollbar-radii, {radii.100})`,"--scrollarea-scrollbar-zindex":`var(--scrollarea-autosize-scrollbar-zindex, {zIndex.scrollArea})`,"--scrollarea-thumb-background":`var(--scrollarea-autosize-thumb-background, {colors.neutral.background.4.enabled})`,"--scrollarea-thumb-background-hover":`var(--scrollarea-autosize-thumb-background-hover, {colors.neutral.background.5.enabled})`,"--scrollarea-thumb-radii":`var(--scrollarea-autosize-thumb-radii, {radii.100})`,"--scrollarea-thumb-transition":`var(--scrollarea-autosize-thumb-transition, background-color .15s ease)`,"--scrollarea-corner-background":`var(--scrollarea-autosize-corner-background, {colors.neutral.background.1.enabled})`,"--sa-corner-width":`var(--scrollarea-autosize-scrollbar-size)`,"--sa-corner-height":`var(--scrollarea-autosize-scrollbar-size)`,"--sa-thumb-width":`var(--scrollarea-autosize-thumb-width)`,"--sa-thumb-height":`var(--scrollarea-autosize-thumb-height)`}});export{t as scrollAreaAutosize};
|
|
2
2
|
//# sourceMappingURL=scroll-area-autosize.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-area-autosize.mjs","names":[],"sources":["../../../../src/recipes/misc/scroll-area-autosize/scroll-area-autosize.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { scrollArea } from '../scroll-area/scroll-area';\n\nexport const scrollAreaAutosize = scrollArea.merge({\n className: 'scroll-area-autosize',\n jsx: ['ScrollAreaAutosize'],\n base: {\n '--mantine-scale': '1',\n\n /* root */\n '--scrollarea-height': 'var(--scrollarea-autosize-height, 100%)',\n '--scrollarea-max-height': 'var(--scrollarea-autosize-max-height, 12rem)',\n '--scrollarea-root-overflow-x':\n 'var(--scrollarea-autosize-root-overflow-x, hidden)',\n '--scrollarea-root-overflow-y':\n 'var(--scrollarea-autosize-root-overflow-y, hidden)',\n '--scrollarea-scrollbar-size':\n 'var(--scrollarea-autosize-scrollbar-size, {sizes.100})',\n '--scrollarea-scroll-hide-delay':\n 'var(--scrollarea-autosize-scroll-hide-delay, 1000ms)',\n\n /* viewport */\n '--scrollarea-viewport-width':\n 'var(--scrollarea-autosize-viewport-width, 100%)',\n '--scrollarea-viewport-height':\n 'var(--scrollarea-autosize-viewport-height, 100%)',\n '--scrollarea-viewport-padding-block-start':\n 'var(--scrollarea-autosize-viewport-padding-block-start, 0px)',\n '--scrollarea-viewport-padding-block-end':\n 'var(--scrollarea-autosize-viewport-padding-block-end, 0px)',\n '--scrollarea-viewport-padding-inline-start':\n 'var(--scrollarea-autosize-viewport-padding-inline-start, unset)',\n '--scrollarea-viewport-padding-inline-end':\n 'var(--scrollarea-autosize-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))',\n '--scrollarea-over-scroll-behavior':\n 'var(--scrollarea-autosize-over-scroll-behavior, contain)',\n '--scrollarea-overflow-y-behavior':\n 'var(--scrollarea-autosize-overflow-y-behavior, auto)',\n '--scrollarea-overflow-x-behavior':\n 'var(--scrollarea-autosize-overflow-x-behavior, hidden)',\n '--scrollarea-offset-x':\n 'var(--scrollarea-autosize-offset-x,
|
|
1
|
+
{"version":3,"file":"scroll-area-autosize.mjs","names":[],"sources":["../../../../src/recipes/misc/scroll-area-autosize/scroll-area-autosize.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { scrollArea } from '../scroll-area/scroll-area';\n\nexport const scrollAreaAutosize = scrollArea.merge({\n className: 'scroll-area-autosize',\n jsx: ['ScrollAreaAutosize'],\n base: {\n '--mantine-scale': '1',\n\n /* root */\n '--scrollarea-height': 'var(--scrollarea-autosize-height, 100%)',\n '--scrollarea-max-height': 'var(--scrollarea-autosize-max-height, 12rem)',\n '--scrollarea-root-overflow-x':\n 'var(--scrollarea-autosize-root-overflow-x, hidden)',\n '--scrollarea-root-overflow-y':\n 'var(--scrollarea-autosize-root-overflow-y, hidden)',\n '--scrollarea-scrollbar-size':\n 'var(--scrollarea-autosize-scrollbar-size, {sizes.100})',\n '--scrollarea-scroll-hide-delay':\n 'var(--scrollarea-autosize-scroll-hide-delay, 1000ms)',\n\n /* viewport */\n '--scrollarea-viewport-width':\n 'var(--scrollarea-autosize-viewport-width, 100%)',\n '--scrollarea-viewport-height':\n 'var(--scrollarea-autosize-viewport-height, 100%)',\n '--scrollarea-viewport-padding-block-start':\n 'var(--scrollarea-autosize-viewport-padding-block-start, 0px)',\n '--scrollarea-viewport-padding-block-end':\n 'var(--scrollarea-autosize-viewport-padding-block-end, 0px)',\n '--scrollarea-viewport-padding-inline-start':\n 'var(--scrollarea-autosize-viewport-padding-inline-start, unset)',\n '--scrollarea-viewport-padding-inline-end':\n 'var(--scrollarea-autosize-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))',\n '--scrollarea-over-scroll-behavior':\n 'var(--scrollarea-autosize-over-scroll-behavior, contain)',\n '--scrollarea-overflow-y-behavior':\n 'var(--scrollarea-autosize-overflow-y-behavior, auto)',\n '--scrollarea-overflow-x-behavior':\n 'var(--scrollarea-autosize-overflow-x-behavior, hidden)',\n '--scrollarea-offset-x':\n 'var(--scrollarea-autosize-offset-x, calc(var(--scrollarea-scrollbar-size) * 2))',\n '--scrollarea-offset-y':\n 'var(--scrollarea-autosize-offset-y, calc(var(--scrollarea-scrollbar-size) * 2))',\n\n /* scrollbar */\n '--scrollarea-scrollbar-background':\n 'var(--scrollarea-autosize-scrollbar-background, {colors.neutral.background.2.enabled})',\n '--scrollarea-scrollbar-background-hover':\n 'var(--scrollarea-autosize-scrollbar-background-hover, {colors.neutral.background.2.enabled})',\n '--scrollarea-scrollbar-vertical-inset-inline-end':\n 'var(--scrollarea-autosize-scrollbar-vertical-inset-inline-end, 0)',\n '--scrollarea-scrollbar-radii':\n 'var(--scrollarea-autosize-scrollbar-radii, {radii.100})',\n '--scrollarea-scrollbar-zindex':\n 'var(--scrollarea-autosize-scrollbar-zindex, {zIndex.scrollArea})',\n\n /* thumb */\n '--scrollarea-thumb-background':\n 'var(--scrollarea-autosize-thumb-background, {colors.neutral.background.4.enabled})',\n '--scrollarea-thumb-background-hover':\n 'var(--scrollarea-autosize-thumb-background-hover, {colors.neutral.background.5.enabled})',\n '--scrollarea-thumb-radii':\n 'var(--scrollarea-autosize-thumb-radii, {radii.100})',\n '--scrollarea-thumb-transition':\n 'var(--scrollarea-autosize-thumb-transition, background-color .15s ease)',\n\n /* corner */\n '--scrollarea-corner-background':\n 'var(--scrollarea-autosize-corner-background, {colors.neutral.background.1.enabled})',\n\n /* internal mappings */\n // '--sa-scrollbar-size': 'var(--scrollarea-autosize-scrollbar-size)',\n // '--sa-scrollbar-offset-x': 'var(--scrollarea-autosize-offset-x)',\n // '--sa-scrollbar-offset-y': 'var(--scrollarea-autosize-offset-y)',\n // '--sa-viewport-width': 'var(--scrollarea-autosize-viewport-width)',\n // '--sa-viewport-height': 'var(--scrollarea-autosize-viewport-height)',\n // '--sa-overscroll-behavior': 'var(--scrollarea-autosize-over-scroll-behavior)',\n // '--sa-scrollbar-orientation': 'vertical',\n\n '--sa-corner-width': 'var(--scrollarea-autosize-scrollbar-size)',\n '--sa-corner-height': 'var(--scrollarea-autosize-scrollbar-size)',\n\n '--sa-thumb-width': 'var(--scrollarea-autosize-thumb-width)',\n '--sa-thumb-height': 'var(--scrollarea-autosize-thumb-height)',\n // '--thumb-opacity': '0',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"4DAOA,MAAa,EAAqB,EAAW,MAAM,CACjD,UAAW,uBACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CACJ,kBAAmB,IAGnB,sBAAuB,0CACvB,0BAA2B,+CAC3B,+BACE,qDACF,+BACE,qDACF,8BACE,yDACF,iCACE,uDAGF,8BACE,kDACF,+BACE,mDACF,4CACE,+DACF,0CACE,6DACF,6CACE,kEACF,2CACE,2FACF,oCACE,2DACF,mCACE,uDACF,mCACE,yDACF,wBACE,kFACF,wBACE,kFAGF,oCACE,yFACF,0CACE,+FACF,mDACE,oEACF,+BACE,0DACF,gCACE,mEAGF,gCACE,qFACF,sCACE,2FACF,2BACE,sDACF,gCACE,0EAGF,iCACE,sFAWF,oBAAqB,4CACrB,qBAAsB,4CAEtB,mBAAoB,yCACpB,oBAAqB,0CAEtB,CACF,CAAC"}
|