@traefik-labs/faency 12.2.1 → 12.2.2

package/dist/components/Badge/Badge.vanilla.css.cjs

@@ -1,9 +1,119 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
 ;/* empty css                                   */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var badgeRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "_16nnnz62 _16nnnz60", variantClassNames: { size: { small: "_16nnnz63", large: "_16nnnz64" }, variant: { gray: "_16nnnz65", red: "_16nnnz66", blue: "_16nnnz67", green: "_16nnnz68", neon: "_16nnnz69", orange: "_16nnnz6a", purple: "_16nnnz6b" }, alphaBg: { true: "_16nnnz6c" }, borderless: { true: "_16nnnz6d" } }, defaultVariants: { size: "small", variant: "gray", borderless: false }, compoundVariants: [[{ alphaBg: true, variant: "gray" }, "_16nnnz6e"], [{ alphaBg: true, variant: "red" }, "_16nnnz6f"], [{ alphaBg: true, variant: "blue" }, "_16nnnz6g"], [{ alphaBg: true, variant: "green" }, "_16nnnz6h"], [{ alphaBg: true, variant: "neon" }, "_16nnnz6i"], [{ alphaBg: true, variant: "orange" }, "_16nnnz6j"], [{ alphaBg: true, variant: "purple" }, "_16nnnz6k"]] });
-var interactiveBadgeRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "_16nnnz6l _16nnnz61 _16nnnz60", variantClassNames: { size: { small: "_16nnnz6m", large: "_16nnnz6n" }, variant: { gray: "_16nnnz6o", red: "_16nnnz6p", blue: "_16nnnz6q", green: "_16nnnz6r", neon: "_16nnnz6s", orange: "_16nnnz6t", purple: "_16nnnz6u" }, alphaBg: { true: "_16nnnz6v" }, borderless: { true: "_16nnnz6w" } }, defaultVariants: { size: "small", variant: "gray", borderless: false }, compoundVariants: [[{ alphaBg: true, variant: "gray" }, "_16nnnz6x"], [{ alphaBg: true, variant: "red" }, "_16nnnz6y"], [{ alphaBg: true, variant: "blue" }, "_16nnnz6z"], [{ alphaBg: true, variant: "green" }, "_16nnnz610"], [{ alphaBg: true, variant: "neon" }, "_16nnnz611"], [{ alphaBg: true, variant: "orange" }, "_16nnnz612"], [{ alphaBg: true, variant: "purple" }, "_16nnnz613"]] });
+let _vanilla_extract_recipes_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+//#region components/Badge/Badge.vanilla.css.ts
+var badgeRecipe = (0, _vanilla_extract_recipes_createRuntimeFn.createRuntimeFn)({
+	defaultClassName: "_16nnnz62 _16nnnz60",
+	variantClassNames: {
+		size: {
+			small: "_16nnnz63",
+			large: "_16nnnz64"
+		},
+		variant: {
+			gray: "_16nnnz65",
+			red: "_16nnnz66",
+			blue: "_16nnnz67",
+			green: "_16nnnz68",
+			neon: "_16nnnz69",
+			orange: "_16nnnz6a",
+			purple: "_16nnnz6b"
+		},
+		alphaBg: { true: "_16nnnz6c" },
+		borderless: { true: "_16nnnz6d" }
+	},
+	defaultVariants: {
+		size: "small",
+		variant: "gray",
+		borderless: false
+	},
+	compoundVariants: [
+		[{
+			alphaBg: true,
+			variant: "gray"
+		}, "_16nnnz6e"],
+		[{
+			alphaBg: true,
+			variant: "red"
+		}, "_16nnnz6f"],
+		[{
+			alphaBg: true,
+			variant: "blue"
+		}, "_16nnnz6g"],
+		[{
+			alphaBg: true,
+			variant: "green"
+		}, "_16nnnz6h"],
+		[{
+			alphaBg: true,
+			variant: "neon"
+		}, "_16nnnz6i"],
+		[{
+			alphaBg: true,
+			variant: "orange"
+		}, "_16nnnz6j"],
+		[{
+			alphaBg: true,
+			variant: "purple"
+		}, "_16nnnz6k"]
+	]
+});
+var interactiveBadgeRecipe = (0, _vanilla_extract_recipes_createRuntimeFn.createRuntimeFn)({
+	defaultClassName: "_16nnnz6l _16nnnz61 _16nnnz60",
+	variantClassNames: {
+		size: {
+			small: "_16nnnz6m",
+			large: "_16nnnz6n"
+		},
+		variant: {
+			gray: "_16nnnz6o",
+			red: "_16nnnz6p",
+			blue: "_16nnnz6q",
+			green: "_16nnnz6r",
+			neon: "_16nnnz6s",
+			orange: "_16nnnz6t",
+			purple: "_16nnnz6u"
+		},
+		alphaBg: { true: "_16nnnz6v" },
+		borderless: { true: "_16nnnz6w" }
+	},
+	defaultVariants: {
+		size: "small",
+		variant: "gray",
+		borderless: false
+	},
+	compoundVariants: [
+		[{
+			alphaBg: true,
+			variant: "gray"
+		}, "_16nnnz6x"],
+		[{
+			alphaBg: true,
+			variant: "red"
+		}, "_16nnnz6y"],
+		[{
+			alphaBg: true,
+			variant: "blue"
+		}, "_16nnnz6z"],
+		[{
+			alphaBg: true,
+			variant: "green"
+		}, "_16nnnz610"],
+		[{
+			alphaBg: true,
+			variant: "neon"
+		}, "_16nnnz611"],
+		[{
+			alphaBg: true,
+			variant: "orange"
+		}, "_16nnnz612"],
+		[{
+			alphaBg: true,
+			variant: "purple"
+		}, "_16nnnz613"]
+	]
+});
+//#endregion
 exports.badgeRecipe = badgeRecipe;
 exports.interactiveBadgeRecipe = interactiveBadgeRecipe;
-//# sourceMappingURL=Badge.vanilla.css.cjs.map
+
+//# sourceMappingURL=Badge.vanilla.css.cjs.map

package/dist/components/Badge/Badge.vanilla.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.vanilla.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"Badge.vanilla.css.cjs","names":[],"sources":["../../../components/Badge/Badge.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles/tokens.css';\n\nconst baseBadge = style({\n  alignItems: 'center',\n  appearance: 'none',\n  border: 'none',\n  boxSizing: 'border-box',\n  display: 'inline-flex',\n  flexShrink: 0,\n  fontFamily: tokens.fonts.rubik,\n  fontWeight: tokens.fontWeights.medium,\n  justifyContent: 'center',\n  lineHeight: '1',\n  verticalAlign: 'middle',\n  outline: 'none',\n  padding: '0',\n  textDecoration: 'none',\n  userSelect: 'none',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n  borderRadius: tokens.radii.pill,\n  whiteSpace: 'nowrap',\n  fontVariantNumeric: 'tabular-nums',\n  position: 'relative',\n\n  selectors: {\n    '&:disabled': {\n      backgroundColor: tokens.colors.slate['3'],\n      pointerEvents: 'none',\n      color: tokens.colors.slate['8'],\n    },\n  },\n});\n\nconst interactiveBadge = style([\n  baseBadge,\n  {\n    selectors: {\n      '&::before': {\n        boxSizing: 'border-box',\n        content: '\"\"',\n        position: 'absolute',\n        inset: 0,\n        borderRadius: 'inherit',\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${tokens.colors.primary}`,\n      },\n      '&:hover': {\n        cursor: 'pointer',\n      },\n      '&:hover::before': {\n        backgroundColor: tokens.colors.badgeInteractiveBackgroundHover,\n      },\n      '&:active::before': {\n        backgroundColor: tokens.colors.badgeInteractiveBackgroundActive,\n      },\n    },\n  },\n]);\n\nexport const badgeRecipe = recipe({\n  base: baseBadge,\n\n  variants: {\n    size: {\n      small: {\n        height: tokens.sizes['4'],\n        paddingLeft: tokens.space['2'],\n        paddingRight: tokens.space['2'],\n        fontSize: tokens.fontSizes['2'],\n      },\n      large: {\n        height: tokens.sizes['5'],\n        paddingLeft: tokens.space['3'],\n        paddingRight: tokens.space['3'],\n        fontSize: tokens.fontSizes['3'],\n      },\n    },\n    variant: {\n      gray: {\n        backgroundColor: tokens.colors.gray['6'],\n        color: tokens.colors.gray['10'],\n        border: `1px solid ${tokens.colors.gray['10']}`,\n      },\n      red: {\n        backgroundColor: tokens.colors.red['6'],\n        color: tokens.colors.red['10'],\n        border: `1px solid ${tokens.colors.red['10']}`,\n      },\n      blue: {\n        backgroundColor: tokens.colors.blue['6'],\n        color: tokens.colors.blue['10'],\n        border: `1px solid ${tokens.colors.blue['10']}`,\n      },\n      green: {\n        backgroundColor: tokens.colors.green['6'],\n        color: tokens.colors.green['10'],\n        border: `1px solid ${tokens.colors.green['10']}`,\n      },\n      neon: {\n        backgroundColor: tokens.colors.neon['6'],\n        color: tokens.colors.neon['10'],\n        border: `1px solid ${tokens.colors.neon['10']}`,\n      },\n      orange: {\n        backgroundColor: tokens.colors.orange['6'],\n        color: tokens.colors.orange['10'],\n        border: `1px solid ${tokens.colors.orange['10']}`,\n      },\n      purple: {\n        backgroundColor: tokens.colors.purple['6'],\n        color: tokens.colors.purple['10'],\n        border: `1px solid ${tokens.colors.purple['10']}`,\n      },\n    },\n    alphaBg: {\n      true: {},\n    },\n    borderless: {\n      true: {\n        border: 'none',\n      },\n    },\n  },\n\n  compoundVariants: [\n    {\n      variants: { alphaBg: true, variant: 'gray' },\n      style: { backgroundColor: tokens.colors.gray.A6 },\n    },\n    {\n      variants: { alphaBg: true, variant: 'red' },\n      style: { backgroundColor: tokens.colors.red.A6 },\n    },\n    {\n      variants: { alphaBg: true, variant: 'blue' },\n      style: { backgroundColor: tokens.colors.blue.A6 },\n    },\n    {\n      variants: { alphaBg: true, variant: 'green' },\n      style: { backgroundColor: tokens.colors.green.A6 },\n    },\n    {\n      variants: { alphaBg: true, variant: 'neon' },\n      style: { backgroundColor: tokens.colors.neon.A6 },\n    },\n    {\n      variants: { alphaBg: true, variant: 'orange' },\n      style: { backgroundColor: tokens.colors.orange.A6 },\n    },\n    {\n      variants: { alphaBg: true, variant: 'purple' },\n      style: { backgroundColor: tokens.colors.purple.A6 },\n    },\n  ],\n\n  defaultVariants: {\n    size: 'small',\n    variant: 'gray',\n    borderless: false,\n  },\n});\n\nexport const interactiveBadgeRecipe = recipe({\n  base: interactiveBadge,\n\n  variants: {\n    size: {\n      small: {\n        height: tokens.sizes['4'],\n        paddingLeft: tokens.space['2'],\n        paddingRight: tokens.space['2'],\n        fontSize: tokens.fontSizes['2'],\n      },\n      large: {\n        height: tokens.sizes['5'],\n        paddingLeft: tokens.space['3'],\n        paddingRight: tokens.space['3'],\n        fontSize: tokens.fontSizes['3'],\n      },\n    },\n    variant: {\n      gray: {\n        backgroundColor: tokens.colors.gray['6'],\n        color: tokens.colors.gray['10'],\n        border: `1px solid ${tokens.colors.gray['10']}`,\n      },\n      red: {\n        backgroundColor: tokens.colors.red['6'],\n        color: tokens.colors.red['10'],\n        border: `1px solid ${tokens.colors.red['10']}`,\n      },\n      blue: {\n        backgroundColor: tokens.colors.blue['6'],\n        color: tokens.colors.blue['10'],\n        border: `1px solid ${tokens.colors.blue['10']}`,\n      },\n      green: {\n        backgroundColor: tokens.colors.green['6'],\n        color: tokens.colors.green['10'],\n        border: `1px solid ${tokens.colors.green['10']}`,\n      },\n      neon: {\n        backgroundColor: tokens.colors.neon['6'],\n        color: tokens.colors.neon['10'],\n        border: `1px solid ${tokens.colors.neon['10']}`,\n      },\n      orange: {\n        backgroundColor: tokens.colors.orange['6'],\n        color: tokens.colors.orange['10'],\n        border: `1px solid ${tokens.colors.orange['10']}`,\n      },\n      purple: {\n        backgroundColor: tokens.colors.purple['6'],\n        color: tokens.colors.purple['10'],\n        border: `1px solid ${tokens.colors.purple['10']}`,\n      },\n    },\n    alphaBg: {\n      true: {},\n    },\n    borderless: {\n      true: {\n        border: 'none',\n      },\n    },\n  },\n\n  compoundVariants: [\n    {\n      variants: { alphaBg: true, variant: 'gray' },\n      style: { backgroundColor: tokens.colors.gray.A6 },\n    },\n    {\n      variants: { alphaBg: true, variant: 'red' },\n      style: { backgroundColor: tokens.colors.red.A6 },\n    },\n    {\n      variants: { alphaBg: true, variant: 'blue' },\n      style: { backgroundColor: tokens.colors.blue.A6 },\n    },\n    {\n      variants: { alphaBg: true, variant: 'green' },\n      style: { backgroundColor: tokens.colors.green.A6 },\n    },\n    {\n      variants: { alphaBg: true, variant: 'neon' },\n      style: { backgroundColor: tokens.colors.neon.A6 },\n    },\n    {\n      variants: { alphaBg: true, variant: 'orange' },\n      style: { backgroundColor: tokens.colors.orange.A6 },\n    },\n    {\n      variants: { alphaBg: true, variant: 'purple' },\n      style: { backgroundColor: tokens.colors.purple.A6 },\n    },\n  ],\n\n  defaultVariants: {\n    size: 'small',\n    variant: 'gray',\n    borderless: false,\n  },\n});\n"],"mappings":""}

package/dist/components/Badge/Badge.vanilla.css.js

@@ -1,9 +1,117 @@
 /* empty css                                 */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var badgeRecipe = createRuntimeFn({ defaultClassName: "_16nnnz62 _16nnnz60", variantClassNames: { size: { small: "_16nnnz63", large: "_16nnnz64" }, variant: { gray: "_16nnnz65", red: "_16nnnz66", blue: "_16nnnz67", green: "_16nnnz68", neon: "_16nnnz69", orange: "_16nnnz6a", purple: "_16nnnz6b" }, alphaBg: { true: "_16nnnz6c" }, borderless: { true: "_16nnnz6d" } }, defaultVariants: { size: "small", variant: "gray", borderless: false }, compoundVariants: [[{ alphaBg: true, variant: "gray" }, "_16nnnz6e"], [{ alphaBg: true, variant: "red" }, "_16nnnz6f"], [{ alphaBg: true, variant: "blue" }, "_16nnnz6g"], [{ alphaBg: true, variant: "green" }, "_16nnnz6h"], [{ alphaBg: true, variant: "neon" }, "_16nnnz6i"], [{ alphaBg: true, variant: "orange" }, "_16nnnz6j"], [{ alphaBg: true, variant: "purple" }, "_16nnnz6k"]] });
-var interactiveBadgeRecipe = createRuntimeFn({ defaultClassName: "_16nnnz6l _16nnnz61 _16nnnz60", variantClassNames: { size: { small: "_16nnnz6m", large: "_16nnnz6n" }, variant: { gray: "_16nnnz6o", red: "_16nnnz6p", blue: "_16nnnz6q", green: "_16nnnz6r", neon: "_16nnnz6s", orange: "_16nnnz6t", purple: "_16nnnz6u" }, alphaBg: { true: "_16nnnz6v" }, borderless: { true: "_16nnnz6w" } }, defaultVariants: { size: "small", variant: "gray", borderless: false }, compoundVariants: [[{ alphaBg: true, variant: "gray" }, "_16nnnz6x"], [{ alphaBg: true, variant: "red" }, "_16nnnz6y"], [{ alphaBg: true, variant: "blue" }, "_16nnnz6z"], [{ alphaBg: true, variant: "green" }, "_16nnnz610"], [{ alphaBg: true, variant: "neon" }, "_16nnnz611"], [{ alphaBg: true, variant: "orange" }, "_16nnnz612"], [{ alphaBg: true, variant: "purple" }, "_16nnnz613"]] });
-export {
-  badgeRecipe,
-  interactiveBadgeRecipe
-};
-//# sourceMappingURL=Badge.vanilla.css.js.map
+//#region components/Badge/Badge.vanilla.css.ts
+var badgeRecipe = createRuntimeFn({
+	defaultClassName: "_16nnnz62 _16nnnz60",
+	variantClassNames: {
+		size: {
+			small: "_16nnnz63",
+			large: "_16nnnz64"
+		},
+		variant: {
+			gray: "_16nnnz65",
+			red: "_16nnnz66",
+			blue: "_16nnnz67",
+			green: "_16nnnz68",
+			neon: "_16nnnz69",
+			orange: "_16nnnz6a",
+			purple: "_16nnnz6b"
+		},
+		alphaBg: { true: "_16nnnz6c" },
+		borderless: { true: "_16nnnz6d" }
+	},
+	defaultVariants: {
+		size: "small",
+		variant: "gray",
+		borderless: false
+	},
+	compoundVariants: [
+		[{
+			alphaBg: true,
+			variant: "gray"
+		}, "_16nnnz6e"],
+		[{
+			alphaBg: true,
+			variant: "red"
+		}, "_16nnnz6f"],
+		[{
+			alphaBg: true,
+			variant: "blue"
+		}, "_16nnnz6g"],
+		[{
+			alphaBg: true,
+			variant: "green"
+		}, "_16nnnz6h"],
+		[{
+			alphaBg: true,
+			variant: "neon"
+		}, "_16nnnz6i"],
+		[{
+			alphaBg: true,
+			variant: "orange"
+		}, "_16nnnz6j"],
+		[{
+			alphaBg: true,
+			variant: "purple"
+		}, "_16nnnz6k"]
+	]
+});
+var interactiveBadgeRecipe = createRuntimeFn({
+	defaultClassName: "_16nnnz6l _16nnnz61 _16nnnz60",
+	variantClassNames: {
+		size: {
+			small: "_16nnnz6m",
+			large: "_16nnnz6n"
+		},
+		variant: {
+			gray: "_16nnnz6o",
+			red: "_16nnnz6p",
+			blue: "_16nnnz6q",
+			green: "_16nnnz6r",
+			neon: "_16nnnz6s",
+			orange: "_16nnnz6t",
+			purple: "_16nnnz6u"
+		},
+		alphaBg: { true: "_16nnnz6v" },
+		borderless: { true: "_16nnnz6w" }
+	},
+	defaultVariants: {
+		size: "small",
+		variant: "gray",
+		borderless: false
+	},
+	compoundVariants: [
+		[{
+			alphaBg: true,
+			variant: "gray"
+		}, "_16nnnz6x"],
+		[{
+			alphaBg: true,
+			variant: "red"
+		}, "_16nnnz6y"],
+		[{
+			alphaBg: true,
+			variant: "blue"
+		}, "_16nnnz6z"],
+		[{
+			alphaBg: true,
+			variant: "green"
+		}, "_16nnnz610"],
+		[{
+			alphaBg: true,
+			variant: "neon"
+		}, "_16nnnz611"],
+		[{
+			alphaBg: true,
+			variant: "orange"
+		}, "_16nnnz612"],
+		[{
+			alphaBg: true,
+			variant: "purple"
+		}, "_16nnnz613"]
+	]
+});
+//#endregion
+export { badgeRecipe, interactiveBadgeRecipe };
+
+//# sourceMappingURL=Badge.vanilla.css.js.map

package/dist/components/Badge/Badge.vanilla.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.vanilla.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"Badge.vanilla.css.js","names":[],"sources":["../../../components/Badge/Badge.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles/tokens.css';\n\nconst baseBadge = style({\n  alignItems: 'center',\n  appearance: 'none',\n  border: 'none',\n  boxSizing: 'border-box',\n  display: 'inline-flex',\n  flexShrink: 0,\n  fontFamily: tokens.fonts.rubik,\n  fontWeight: tokens.fontWeights.medium,\n  justifyContent: 'center',\n  lineHeight: '1',\n  verticalAlign: 'middle',\n  outline: 'none',\n  padding: '0',\n  textDecoration: 'none',\n  userSelect: 'none',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n  borderRadius: tokens.radii.pill,\n  whiteSpace: 'nowrap',\n  fontVariantNumeric: 'tabular-nums',\n  position: 'relative',\n\n  selectors: {\n    '&:disabled': {\n      backgroundColor: tokens.colors.slate['3'],\n      pointerEvents: 'none',\n      color: tokens.colors.slate['8'],\n    },\n  },\n});\n\nconst interactiveBadge = style([\n  baseBadge,\n  {\n    selectors: {\n      '&::before': {\n        boxSizing: 'border-box',\n        content: '\"\"',\n        position: 'absolute',\n        inset: 0,\n        borderRadius: 'inherit',\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${tokens.colors.primary}`,\n      },\n      '&:hover': {\n        cursor: 'pointer',\n      },\n      '&:hover::before': {\n        backgroundColor: tokens.colors.badgeInteractiveBackgroundHover,\n      },\n      '&:active::before': {\n        backgroundColor: tokens.colors.badgeInteractiveBackgroundActive,\n      },\n    },\n  },\n]);\n\nexport const badgeRecipe = recipe({\n  base: baseBadge,\n\n  variants: {\n    size: {\n      small: {\n        height: tokens.sizes['4'],\n        paddingLeft: tokens.space['2'],\n        paddingRight: tokens.space['2'],\n        fontSize: tokens.fontSizes['2'],\n      },\n      large: {\n        height: tokens.sizes['5'],\n        paddingLeft: tokens.space['3'],\n        paddingRight: tokens.space['3'],\n        fontSize: tokens.fontSizes['3'],\n      },\n    },\n    variant: {\n      gray: {\n        backgroundColor: tokens.colors.gray['6'],\n        color: tokens.colors.gray['10'],\n        border: `1px solid ${tokens.colors.gray['10']}`,\n      },\n      red: {\n        backgroundColor: tokens.colors.red['6'],\n        color: tokens.colors.red['10'],\n        border: `1px solid ${tokens.colors.red['10']}`,\n      },\n      blue: {\n        backgroundColor: tokens.colors.blue['6'],\n        color: tokens.colors.blue['10'],\n        border: `1px solid ${tokens.colors.blue['10']}`,\n      },\n      green: {\n        backgroundColor: tokens.colors.green['6'],\n        color: tokens.colors.green['10'],\n        border: `1px solid ${tokens.colors.green['10']}`,\n      },\n      neon: {\n        backgroundColor: tokens.colors.neon['6'],\n        color: tokens.colors.neon['10'],\n        border: `1px solid ${tokens.colors.neon['10']}`,\n      },\n      orange: {\n        backgroundColor: tokens.colors.orange['6'],\n        color: tokens.colors.orange['10'],\n        border: `1px solid ${tokens.colors.orange['10']}`,\n      },\n      purple: {\n        backgroundColor: tokens.colors.purple['6'],\n        color: tokens.colors.purple['10'],\n        border: `1px solid ${tokens.colors.purple['10']}`,\n      },\n    },\n    alphaBg: {\n      true: {},\n    },\n    borderless: {\n      true: {\n        border: 'none',\n      },\n    },\n  },\n\n  compoundVariants: [\n    {\n      variants: { alphaBg: true, variant: 'gray' },\n      style: { backgroundColor: tokens.colors.gray.A6 },\n    },\n    {\n      variants: { alphaBg: true, variant: 'red' },\n      style: { backgroundColor: tokens.colors.red.A6 },\n    },\n    {\n      variants: { alphaBg: true, variant: 'blue' },\n      style: { backgroundColor: tokens.colors.blue.A6 },\n    },\n    {\n      variants: { alphaBg: true, variant: 'green' },\n      style: { backgroundColor: tokens.colors.green.A6 },\n    },\n    {\n      variants: { alphaBg: true, variant: 'neon' },\n      style: { backgroundColor: tokens.colors.neon.A6 },\n    },\n    {\n      variants: { alphaBg: true, variant: 'orange' },\n      style: { backgroundColor: tokens.colors.orange.A6 },\n    },\n    {\n      variants: { alphaBg: true, variant: 'purple' },\n      style: { backgroundColor: tokens.colors.purple.A6 },\n    },\n  ],\n\n  defaultVariants: {\n    size: 'small',\n    variant: 'gray',\n    borderless: false,\n  },\n});\n\nexport const interactiveBadgeRecipe = recipe({\n  base: interactiveBadge,\n\n  variants: {\n    size: {\n      small: {\n        height: tokens.sizes['4'],\n        paddingLeft: tokens.space['2'],\n        paddingRight: tokens.space['2'],\n        fontSize: tokens.fontSizes['2'],\n      },\n      large: {\n        height: tokens.sizes['5'],\n        paddingLeft: tokens.space['3'],\n        paddingRight: tokens.space['3'],\n        fontSize: tokens.fontSizes['3'],\n      },\n    },\n    variant: {\n      gray: {\n        backgroundColor: tokens.colors.gray['6'],\n        color: tokens.colors.gray['10'],\n        border: `1px solid ${tokens.colors.gray['10']}`,\n      },\n      red: {\n        backgroundColor: tokens.colors.red['6'],\n        color: tokens.colors.red['10'],\n        border: `1px solid ${tokens.colors.red['10']}`,\n      },\n      blue: {\n        backgroundColor: tokens.colors.blue['6'],\n        color: tokens.colors.blue['10'],\n        border: `1px solid ${tokens.colors.blue['10']}`,\n      },\n      green: {\n        backgroundColor: tokens.colors.green['6'],\n        color: tokens.colors.green['10'],\n        border: `1px solid ${tokens.colors.green['10']}`,\n      },\n      neon: {\n        backgroundColor: tokens.colors.neon['6'],\n        color: tokens.colors.neon['10'],\n        border: `1px solid ${tokens.colors.neon['10']}`,\n      },\n      orange: {\n        backgroundColor: tokens.colors.orange['6'],\n        color: tokens.colors.orange['10'],\n        border: `1px solid ${tokens.colors.orange['10']}`,\n      },\n      purple: {\n        backgroundColor: tokens.colors.purple['6'],\n        color: tokens.colors.purple['10'],\n        border: `1px solid ${tokens.colors.purple['10']}`,\n      },\n    },\n    alphaBg: {\n      true: {},\n    },\n    borderless: {\n      true: {\n        border: 'none',\n      },\n    },\n  },\n\n  compoundVariants: [\n    {\n      variants: { alphaBg: true, variant: 'gray' },\n      style: { backgroundColor: tokens.colors.gray.A6 },\n    },\n    {\n      variants: { alphaBg: true, variant: 'red' },\n      style: { backgroundColor: tokens.colors.red.A6 },\n    },\n    {\n      variants: { alphaBg: true, variant: 'blue' },\n      style: { backgroundColor: tokens.colors.blue.A6 },\n    },\n    {\n      variants: { alphaBg: true, variant: 'green' },\n      style: { backgroundColor: tokens.colors.green.A6 },\n    },\n    {\n      variants: { alphaBg: true, variant: 'neon' },\n      style: { backgroundColor: tokens.colors.neon.A6 },\n    },\n    {\n      variants: { alphaBg: true, variant: 'orange' },\n      style: { backgroundColor: tokens.colors.orange.A6 },\n    },\n    {\n      variants: { alphaBg: true, variant: 'purple' },\n      style: { backgroundColor: tokens.colors.purple.A6 },\n    },\n  ],\n\n  defaultVariants: {\n    size: 'small',\n    variant: 'gray',\n    borderless: false,\n  },\n});\n"],"mappings":""}

package/dist/components/Badge/Badge.vanilla.js

@@ -1,48 +1,43 @@
-import { jsx } from "react/jsx-runtime";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
-import { forwardRef } from "react";
 import { processCSSProp } from "../../styles/cssProps.js";
 import { useVanillaExtractTheme } from "../../styles/themeContext.js";
-import { interactiveBadgeRecipe, badgeRecipe } from "./Badge.vanilla.css.js";
-const COLORS = ["gray", "red", "blue", "green", "neon", "orange", "purple"];
-const BadgeVanillaComponentImpl = forwardRef(
-  ({
-    as,
-    interactive,
-    className,
-    css,
-    style,
-    size,
-    variant,
-    alphaBg,
-    borderless,
-    ...props
-  }, ref) => {
-    const Component = as || (interactive ? "button" : "span");
-    const { colors } = useVanillaExtractTheme();
-    const { style: cssStyles, vars } = processCSSProp(css, colors);
-    const mergedStyles = {
-      ...cssStyles,
-      ...style,
-      ...assignInlineVars(vars)
-    };
-    const recipe = interactive ? interactiveBadgeRecipe : badgeRecipe;
-    const recipeClass = recipe({ size, variant, alphaBg, borderless });
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        ref,
-        className: `${recipeClass} ${className || ""}`.trim(),
-        style: mergedStyles,
-        ...props
-      }
-    );
-  }
-);
+import { badgeRecipe, interactiveBadgeRecipe } from "./Badge.vanilla.css.js";
+import { forwardRef } from "react";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx } from "react/jsx-runtime";
+//#region components/Badge/Badge.vanilla.tsx
+var COLORS = [
+	"gray",
+	"red",
+	"blue",
+	"green",
+	"neon",
+	"orange",
+	"purple"
+];
+var BadgeVanillaComponentImpl = forwardRef(({ as, interactive, className, css, style, size, variant, alphaBg, borderless, ...props }, ref) => {
+	const Component = as || (interactive ? "button" : "span");
+	const { colors } = useVanillaExtractTheme();
+	const { style: cssStyles, vars } = processCSSProp(css, colors);
+	const mergedStyles = {
+		...cssStyles,
+		...style,
+		...assignInlineVars(vars)
+	};
+	return /* @__PURE__ */ jsx(Component, {
+		ref,
+		className: `${(interactive ? interactiveBadgeRecipe : badgeRecipe)({
+			size,
+			variant,
+			alphaBg,
+			borderless
+		})} ${className || ""}`.trim(),
+		style: mergedStyles,
+		...props
+	});
+});
 BadgeVanillaComponentImpl.displayName = "BadgeVanilla";
-const BadgeVanilla = BadgeVanillaComponentImpl;
-export {
-  BadgeVanilla,
-  COLORS
-};
-//# sourceMappingURL=Badge.vanilla.js.map
+var BadgeVanilla = BadgeVanillaComponentImpl;
+//#endregion
+export { BadgeVanilla, COLORS };
+
+//# sourceMappingURL=Badge.vanilla.js.map

package/dist/components/Badge/Badge.vanilla.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.vanilla.js","sources":["../../../components/Badge/Badge.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { badgeRecipe, interactiveBadgeRecipe } from './Badge.vanilla.css';\n\nexport const COLORS = ['gray', 'red', 'blue', 'green', 'neon', 'orange', 'purple'] as const;\n\ntype BadgeRecipeVariants = RecipeVariants<typeof badgeRecipe>;\n\ninterface BadgeOwnProps extends Omit<BadgeRecipeVariants, 'color'>, CSSProps {\n  interactive?: boolean;\n}\n\nexport type BadgeVanillaProps<C extends ElementType = 'span'> = PolymorphicComponentProps<\n  C,\n  BadgeOwnProps\n>;\n\ntype BadgeVanillaComponent = PolymorphicComponent<'span', BadgeVanillaProps<ElementType>>;\n\nconst BadgeVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'span'>(\n    {\n      as,\n      interactive,\n      className,\n      css,\n      style,\n      size,\n      variant,\n      alphaBg,\n      borderless,\n      ...props\n    }: BadgeVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || (interactive ? 'button' : 'span');\n\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipe = interactive ? interactiveBadgeRecipe : badgeRecipe;\n    const recipeClass = recipe({ size, variant, alphaBg, borderless });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nBadgeVanillaComponentImpl.displayName = 'BadgeVanilla';\n\nexport const BadgeVanilla = BadgeVanillaComponentImpl as BadgeVanillaComponent;\n"],"names":[],"mappings":";;;;;;AAaO,MAAM,SAAS,CAAC,QAAQ,OAAO,QAAQ,SAAS,QAAQ,UAAU,QAAQ;AAejF,MAAM,4BAA4B;AAAA,EAChC,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,YAAY,OAAO,cAAc,WAAW;AAElD,UAAM,EAAE,OAAA,IAAW,uBAAA;AAEnB,UAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;AAE7D,UAAM,eAAe;AAAA,MACnB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG,iBAAiB,IAAI;AAAA,IAAA;AAG1B,UAAM,SAAS,cAAc,yBAAyB;AACtD,UAAM,cAAc,OAAO,EAAE,MAAM,SAAS,SAAS,YAAY;AAEjE,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,WAAW,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,QAC/C,OAAO;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,0BAA0B,cAAc;AAEjC,MAAM,eAAe;"}
+{"version":3,"file":"Badge.vanilla.js","names":[],"sources":["../../../components/Badge/Badge.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { badgeRecipe, interactiveBadgeRecipe } from './Badge.vanilla.css';\n\nexport const COLORS = ['gray', 'red', 'blue', 'green', 'neon', 'orange', 'purple'] as const;\n\ntype BadgeRecipeVariants = RecipeVariants<typeof badgeRecipe>;\n\ninterface BadgeOwnProps extends Omit<BadgeRecipeVariants, 'color'>, CSSProps {\n  interactive?: boolean;\n}\n\nexport type BadgeVanillaProps<C extends ElementType = 'span'> = PolymorphicComponentProps<\n  C,\n  BadgeOwnProps\n>;\n\ntype BadgeVanillaComponent = PolymorphicComponent<'span', BadgeVanillaProps<ElementType>>;\n\nconst BadgeVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'span'>(\n    {\n      as,\n      interactive,\n      className,\n      css,\n      style,\n      size,\n      variant,\n      alphaBg,\n      borderless,\n      ...props\n    }: BadgeVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || (interactive ? 'button' : 'span');\n\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipe = interactive ? interactiveBadgeRecipe : badgeRecipe;\n    const recipeClass = recipe({ size, variant, alphaBg, borderless });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nBadgeVanillaComponentImpl.displayName = 'BadgeVanilla';\n\nexport const BadgeVanilla = BadgeVanillaComponentImpl as BadgeVanillaComponent;\n"],"mappings":";;;;;;;AAaA,IAAa,SAAS;CAAC;CAAQ;CAAO;CAAQ;CAAS;CAAQ;CAAU;CAAS;AAelF,IAAM,4BAA4B,YAE9B,EACE,IACA,aACA,WACA,KACA,OACA,MACA,SACA,SACA,YACA,GAAG,SAEL,QACG;CACH,MAAM,YAAY,OAAO,cAAc,WAAW;CAElD,MAAM,EAAE,WAAW,wBAAwB;CAE3C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,OAAO;CAE9D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG,iBAAiB,KAAK;EAC1B;AAKD,QACE,oBAAC,WAAD;EACO;EACL,WAAW,IANA,cAAc,yBAAyB,aAC3B;GAAE;GAAM;GAAS;GAAS;GAAY,CAAC,CAKpC,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,0BAA0B,cAAc;AAExC,IAAa,eAAe"}

package/dist/components/Blockquote/Blockquote.cjs

@@ -1,10 +1,11 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const stitches_config = require("../../stitches.config.cjs");
-const Text = require("../Text/Text.cjs");
-const Blockquote = stitches_config.styled(Text.Text, {
-  borderLeft: "2px solid $textDefault",
-  p: "$2 $3"
+const require_stitches_config = require("../../stitches.config.cjs");
+const require_Text = require("../Text/Text.cjs");
+//#region components/Blockquote/Blockquote.tsx
+var Blockquote = require_stitches_config.styled(require_Text.Text, {
+	borderLeft: "2px solid $textDefault",
+	p: "$2 $3"
 });
+//#endregion
 exports.Blockquote = Blockquote;
-//# sourceMappingURL=Blockquote.cjs.map
+
+//# sourceMappingURL=Blockquote.cjs.map

package/dist/components/Blockquote/Blockquote.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Blockquote.cjs","sources":["../../../components/Blockquote/Blockquote.tsx"],"sourcesContent":["import { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Text } from '../Text';\n\nexport const Blockquote = styled(Text, {\n  borderLeft: '2px solid $textDefault',\n  p: '$2 $3',\n});\n\nexport type BlockquoteVariants = VariantProps<typeof Blockquote>;\nexport type BlockquoteProps = BlockquoteVariants & { css?: CSS };\n"],"names":["styled","Text"],"mappings":";;;;AAGO,MAAM,aAAaA,gBAAAA,OAAOC,WAAM;AAAA,EACrC,YAAY;AAAA,EACZ,GAAG;AACL,CAAC;;"}
+{"version":3,"file":"Blockquote.cjs","names":[],"sources":["../../../components/Blockquote/Blockquote.tsx"],"sourcesContent":["import { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Text } from '../Text';\n\nexport const Blockquote = styled(Text, {\n  borderLeft: '2px solid $textDefault',\n  p: '$2 $3',\n});\n\nexport type BlockquoteVariants = VariantProps<typeof Blockquote>;\nexport type BlockquoteProps = BlockquoteVariants & { css?: CSS };\n"],"mappings":";;;AAGA,IAAa,aAAa,wBAAA,OAAO,aAAA,MAAM;CACrC,YAAY;CACZ,GAAG;CACJ,CAAC"}

package/dist/components/Blockquote/Blockquote.js

@@ -1,10 +1,11 @@
 import { styled } from "../../stitches.config.js";
 import { Text } from "../Text/Text.js";
-const Blockquote = styled(Text, {
-  borderLeft: "2px solid $textDefault",
-  p: "$2 $3"
+//#region components/Blockquote/Blockquote.tsx
+var Blockquote = styled(Text, {
+	borderLeft: "2px solid $textDefault",
+	p: "$2 $3"
 });
-export {
-  Blockquote
-};
-//# sourceMappingURL=Blockquote.js.map
+//#endregion
+export { Blockquote };
+
+//# sourceMappingURL=Blockquote.js.map

package/dist/components/Blockquote/Blockquote.js.map

@@ -1 +1 @@
-{"version":3,"file":"Blockquote.js","sources":["../../../components/Blockquote/Blockquote.tsx"],"sourcesContent":["import { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Text } from '../Text';\n\nexport const Blockquote = styled(Text, {\n  borderLeft: '2px solid $textDefault',\n  p: '$2 $3',\n});\n\nexport type BlockquoteVariants = VariantProps<typeof Blockquote>;\nexport type BlockquoteProps = BlockquoteVariants & { css?: CSS };\n"],"names":[],"mappings":";;AAGO,MAAM,aAAa,OAAO,MAAM;AAAA,EACrC,YAAY;AAAA,EACZ,GAAG;AACL,CAAC;"}
+{"version":3,"file":"Blockquote.js","names":[],"sources":["../../../components/Blockquote/Blockquote.tsx"],"sourcesContent":["import { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Text } from '../Text';\n\nexport const Blockquote = styled(Text, {\n  borderLeft: '2px solid $textDefault',\n  p: '$2 $3',\n});\n\nexport type BlockquoteVariants = VariantProps<typeof Blockquote>;\nexport type BlockquoteProps = BlockquoteVariants & { css?: CSS };\n"],"mappings":";;;AAGA,IAAa,aAAa,OAAO,MAAM;CACrC,YAAY;CACZ,GAAG;CACJ,CAAC"}

package/dist/components/Blockquote/Blockquote.vanilla.cjs

@@ -1,46 +1,37 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const dynamic = require("@vanilla-extract/dynamic");
-const React = require("react");
-const cssProps = require("../../styles/cssProps.cjs");
-const themeContext = require("../../styles/themeContext.cjs");
-const Blockquote_vanilla_css = require("./Blockquote.vanilla.css.cjs");
-const BlockquoteVanillaComponentImpl = React.forwardRef(
-  ({
-    as,
-    className,
-    css,
-    style,
-    size,
-    weight,
-    variant,
-    gradient,
-    transform,
-    noWrap,
-    ...props
-  }, ref) => {
-    const Component = as || "blockquote";
-    const { colors } = themeContext.useVanillaExtractTheme();
-    const { style: cssStyles, vars } = cssProps.processCSSProp(css, colors);
-    const mergedStyles = {
-      ...cssStyles,
-      ...style,
-      ...dynamic.assignInlineVars(vars)
-    };
-    const recipeClass = Blockquote_vanilla_css.blockquoteRecipe({ size, weight, variant, gradient, transform, noWrap });
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Component,
-      {
-        ref,
-        className: `${recipeClass} ${className || ""}`.trim(),
-        style: mergedStyles,
-        ...props
-      }
-    );
-  }
-);
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_cssProps = require("../../styles/cssProps.cjs");
+const require_themeContext = require("../../styles/themeContext.cjs");
+const require_Blockquote_vanilla_css = require("./Blockquote.vanilla.css.cjs");
+let react = require("react");
+let _vanilla_extract_dynamic = require("@vanilla-extract/dynamic");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/Blockquote/Blockquote.vanilla.tsx
+var BlockquoteVanillaComponentImpl = (0, react.forwardRef)(({ as, className, css, style, size, weight, variant, gradient, transform, noWrap, ...props }, ref) => {
+	const Component = as || "blockquote";
+	const { colors } = require_themeContext.useVanillaExtractTheme();
+	const { style: cssStyles, vars } = require_cssProps.processCSSProp(css, colors);
+	const mergedStyles = {
+		...cssStyles,
+		...style,
+		...(0, _vanilla_extract_dynamic.assignInlineVars)(vars)
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+		ref,
+		className: `${require_Blockquote_vanilla_css.blockquoteRecipe({
+			size,
+			weight,
+			variant,
+			gradient,
+			transform,
+			noWrap
+		})} ${className || ""}`.trim(),
+		style: mergedStyles,
+		...props
+	});
+});
 BlockquoteVanillaComponentImpl.displayName = "BlockquoteVanilla";
-const BlockquoteVanilla = BlockquoteVanillaComponentImpl;
+var BlockquoteVanilla = BlockquoteVanillaComponentImpl;
+//#endregion
 exports.BlockquoteVanilla = BlockquoteVanilla;
-//# sourceMappingURL=Blockquote.vanilla.cjs.map
+
+//# sourceMappingURL=Blockquote.vanilla.cjs.map

package/dist/components/Blockquote/Blockquote.vanilla.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Blockquote.vanilla.cjs","sources":["../../../components/Blockquote/Blockquote.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { blockquoteRecipe } from './Blockquote.vanilla.css';\n\ntype BlockquoteRecipeVariants = RecipeVariants<typeof blockquoteRecipe>;\n\ninterface BlockquoteOwnProps extends Omit<BlockquoteRecipeVariants, never>, CSSProps {}\n\nexport type BlockquoteVanillaProps<C extends ElementType = 'blockquote'> =\n  PolymorphicComponentProps<C, BlockquoteOwnProps>;\n\ntype BlockquoteComponent = PolymorphicComponent<'blockquote', BlockquoteVanillaProps<ElementType>>;\n\nconst BlockquoteVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'blockquote'>(\n    {\n      as,\n      className,\n      css,\n      style,\n      size,\n      weight,\n      variant,\n      gradient,\n      transform,\n      noWrap,\n      ...props\n    }: BlockquoteVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = (as || 'blockquote') as ElementType;\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipeClass = blockquoteRecipe({ size, weight, variant, gradient, transform, noWrap });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nBlockquoteVanillaComponentImpl.displayName = 'BlockquoteVanilla';\n\nexport const BlockquoteVanilla = BlockquoteVanillaComponentImpl as BlockquoteComponent;\n"],"names":["forwardRef","useVanillaExtractTheme","processCSSProp","assignInlineVars","blockquoteRecipe","jsx"],"mappings":";;;;;;;;AAsBA,MAAM,iCAAiCA,MAAAA;AAAAA,EACrC,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,YAAa,MAAM;AACzB,UAAM,EAAE,OAAA,IAAWC,oCAAA;AAEnB,UAAM,EAAE,OAAO,WAAW,SAASC,SAAAA,eAAe,KAAK,MAAM;AAE7D,UAAM,eAAe;AAAA,MACnB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAGC,QAAAA,iBAAiB,IAAI;AAAA,IAAA;AAG1B,UAAM,cAAcC,wCAAiB,EAAE,MAAM,QAAQ,SAAS,UAAU,WAAW,QAAQ;AAE3F,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,WAAW,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,QAC/C,OAAO;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,+BAA+B,cAAc;AAEtC,MAAM,oBAAoB;;"}
+{"version":3,"file":"Blockquote.vanilla.cjs","names":[],"sources":["../../../components/Blockquote/Blockquote.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { blockquoteRecipe } from './Blockquote.vanilla.css';\n\ntype BlockquoteRecipeVariants = RecipeVariants<typeof blockquoteRecipe>;\n\ninterface BlockquoteOwnProps extends Omit<BlockquoteRecipeVariants, never>, CSSProps {}\n\nexport type BlockquoteVanillaProps<C extends ElementType = 'blockquote'> =\n  PolymorphicComponentProps<C, BlockquoteOwnProps>;\n\ntype BlockquoteComponent = PolymorphicComponent<'blockquote', BlockquoteVanillaProps<ElementType>>;\n\nconst BlockquoteVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'blockquote'>(\n    {\n      as,\n      className,\n      css,\n      style,\n      size,\n      weight,\n      variant,\n      gradient,\n      transform,\n      noWrap,\n      ...props\n    }: BlockquoteVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = (as || 'blockquote') as ElementType;\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipeClass = blockquoteRecipe({ size, weight, variant, gradient, transform, noWrap });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nBlockquoteVanillaComponentImpl.displayName = 'BlockquoteVanilla';\n\nexport const BlockquoteVanilla = BlockquoteVanillaComponentImpl as BlockquoteComponent;\n"],"mappings":";;;;;;;;AAsBA,IAAM,kCAAA,GAAA,MAAA,aAEF,EACE,IACA,WACA,KACA,OACA,MACA,QACA,SACA,UACA,WACA,QACA,GAAG,SAEL,QACG;CACH,MAAM,YAAa,MAAM;CACzB,MAAM,EAAE,WAAW,qBAAA,wBAAwB;CAE3C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,OAAO;CAE9D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,IAAA,GAAA,yBAAA,kBAAoB,KAAK;EAC1B;AAID,QACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,WAAW,GALK,+BAAA,iBAAiB;GAAE;GAAM;GAAQ;GAAS;GAAU;GAAW;GAAQ,CAAC,CAK9D,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,+BAA+B,cAAc;AAE7C,IAAa,oBAAoB"}

package/dist/components/Blockquote/Blockquote.vanilla.css.cjs

@@ -1,7 +1,55 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
 ;/* empty css                                        */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var blockquoteRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "kyxdzh1 kyxdzh0", variantClassNames: { size: { "0": "kyxdzh2", "1": "kyxdzh3", "2": "kyxdzh4", "3": "kyxdzh5", "4": "kyxdzh6", "5": "kyxdzh7", "6": "kyxdzh8", "7": "kyxdzh9", "8": "kyxdzha", "9": "kyxdzhb", "10": "kyxdzhc", "11": "kyxdzhd", "12": "kyxdzhe", inherit: "kyxdzhf" }, weight: { light: "kyxdzhg", regular: "kyxdzhh", medium: "kyxdzhi", semiBold: "kyxdzhj", bold: "kyxdzhk" }, variant: { red: "kyxdzhl", subtle: "kyxdzhm", "default": "kyxdzhn", contrast: "kyxdzho", inherit: "kyxdzhp", invalid: "kyxdzhq" }, gradient: { true: "kyxdzhr" }, transform: { uppercase: "kyxdzhs", capitalize: "kyxdzht", capitalizeWords: "kyxdzhu" }, noWrap: { true: "kyxdzhv" } }, defaultVariants: { size: "3", variant: "default" }, compoundVariants: [] });
+//#region components/Blockquote/Blockquote.vanilla.css.ts
+var blockquoteRecipe = (0, require("@vanilla-extract/recipes/createRuntimeFn").createRuntimeFn)({
+	defaultClassName: "kyxdzh1 kyxdzh0",
+	variantClassNames: {
+		size: {
+			"0": "kyxdzh2",
+			"1": "kyxdzh3",
+			"2": "kyxdzh4",
+			"3": "kyxdzh5",
+			"4": "kyxdzh6",
+			"5": "kyxdzh7",
+			"6": "kyxdzh8",
+			"7": "kyxdzh9",
+			"8": "kyxdzha",
+			"9": "kyxdzhb",
+			"10": "kyxdzhc",
+			"11": "kyxdzhd",
+			"12": "kyxdzhe",
+			inherit: "kyxdzhf"
+		},
+		weight: {
+			light: "kyxdzhg",
+			regular: "kyxdzhh",
+			medium: "kyxdzhi",
+			semiBold: "kyxdzhj",
+			bold: "kyxdzhk"
+		},
+		variant: {
+			red: "kyxdzhl",
+			subtle: "kyxdzhm",
+			"default": "kyxdzhn",
+			contrast: "kyxdzho",
+			inherit: "kyxdzhp",
+			invalid: "kyxdzhq"
+		},
+		gradient: { true: "kyxdzhr" },
+		transform: {
+			uppercase: "kyxdzhs",
+			capitalize: "kyxdzht",
+			capitalizeWords: "kyxdzhu"
+		},
+		noWrap: { true: "kyxdzhv" }
+	},
+	defaultVariants: {
+		size: "3",
+		variant: "default"
+	},
+	compoundVariants: []
+});
+//#endregion
 exports.blockquoteRecipe = blockquoteRecipe;
-//# sourceMappingURL=Blockquote.vanilla.css.cjs.map
+
+//# sourceMappingURL=Blockquote.vanilla.css.cjs.map

package/dist/components/Blockquote/Blockquote.vanilla.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Blockquote.vanilla.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"Blockquote.vanilla.css.cjs","names":[],"sources":["../../../components/Blockquote/Blockquote.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport {\n  colorVariants,\n  gradientVariants,\n  noWrapVariants,\n  sizeVariants,\n  transformVariants,\n  weightVariants,\n} from '../../styles/textVariants.css';\nimport { tokens } from '../../styles/tokens.css';\n\n// Base blockquote styles (inherits from Text component with blockquote-specific overrides)\nconst blockquoteBase = style({\n  lineHeight: '1',\n  margin: '0',\n  fontFamily: tokens.fonts.rubik,\n  fontVariantNumeric: 'tabular-nums',\n  display: 'inline-block',\n  borderLeft: `2px solid ${tokens.colors.textDefault}`,\n  padding: `${tokens.space['2']} ${tokens.space['3']}`,\n});\n\nexport const blockquoteRecipe = recipe({\n  base: blockquoteBase,\n\n  variants: {\n    size: sizeVariants,\n    weight: weightVariants,\n    variant: colorVariants,\n    gradient: gradientVariants,\n    transform: transformVariants,\n    noWrap: noWrapVariants,\n  },\n\n  defaultVariants: {\n    size: '3',\n    variant: 'default',\n  },\n});\n"],"mappings":""}