@traefik-labs/faency 12.2.1 → 12.2.2

package/dist/components/DropdownMenu/styles.cjs

@@ -1,55 +1,47 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const stitches_config = require("../../stitches.config.cjs");
-const Elevation = require("../Elevation/Elevation.cjs");
-const baseItemCss = stitches_config.css({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "space-between",
-  fontFamily: "$rubik",
-  fontSize: "$1",
-  fontVariantNumeric: "tabular-nums",
-  lineHeight: "1",
-  cursor: "default",
-  userSelect: "none",
-  whiteSpace: "nowrap",
-  height: "$5",
-  px: "$5"
+const require_stitches_config = require("../../stitches.config.cjs");
+const require_Elevation = require("../Elevation/Elevation.cjs");
+//#region components/DropdownMenu/styles.ts
+var baseItemCss = require_stitches_config.css({
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "space-between",
+	fontFamily: "$rubik",
+	fontSize: "$1",
+	fontVariantNumeric: "tabular-nums",
+	lineHeight: "1",
+	cursor: "default",
+	userSelect: "none",
+	whiteSpace: "nowrap",
+	height: "$5",
+	px: "$5"
 });
-const itemCss = stitches_config.css(baseItemCss, {
-  position: "relative",
-  color: "$hiContrast",
-  "&:focus": {
-    outline: "none",
-    backgroundColor: "$blue9",
-    color: "white"
-  },
-  "&[data-disabled]": {
-    color: "$slate9"
-  }
+var itemCss = require_stitches_config.css(baseItemCss, {
+	position: "relative",
+	color: "$hiContrast",
+	"&:focus": {
+		outline: "none",
+		backgroundColor: "$blue9",
+		color: "white"
+	},
+	"&[data-disabled]": { color: "$slate9" }
 });
-const labelCss = stitches_config.css(baseItemCss, {
-  color: "$slate11"
+var labelCss = require_stitches_config.css(baseItemCss, { color: "$slate11" });
+var menuCss = require_stitches_config.css({
+	boxSizing: "border-box",
+	minWidth: 120,
+	py: "$1",
+	variants: { elevation: require_Elevation.elevationVariants },
+	defaultVariants: { elevation: 2 }
 });
-const menuCss = stitches_config.css({
-  boxSizing: "border-box",
-  minWidth: 120,
-  py: "$1",
-  variants: {
-    elevation: Elevation.elevationVariants
-  },
-  defaultVariants: {
-    elevation: 2
-  }
+var separatorCss = require_stitches_config.css({
+	height: 1,
+	my: "$1",
+	backgroundColor: "$slate6"
 });
-const separatorCss = stitches_config.css({
-  height: 1,
-  my: "$1",
-  backgroundColor: "$slate6"
-});
-exports.baseItemCss = baseItemCss;
+//#endregion
 exports.itemCss = itemCss;
 exports.labelCss = labelCss;
 exports.menuCss = menuCss;
 exports.separatorCss = separatorCss;
-//# sourceMappingURL=styles.cjs.map
+
+//# sourceMappingURL=styles.cjs.map

package/dist/components/DropdownMenu/styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.cjs","sources":["../../../components/DropdownMenu/styles.ts"],"sourcesContent":["import { css } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\n\nexport const baseItemCss = css({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  fontFamily: '$rubik',\n  fontSize: '$1',\n  fontVariantNumeric: 'tabular-nums',\n  lineHeight: '1',\n  cursor: 'default',\n  userSelect: 'none',\n  whiteSpace: 'nowrap',\n  height: '$5',\n  px: '$5',\n});\n\nexport const itemCss = css(baseItemCss, {\n  position: 'relative',\n  color: '$hiContrast',\n\n  '&:focus': {\n    outline: 'none',\n    backgroundColor: '$blue9',\n    color: 'white',\n  },\n\n  '&[data-disabled]': {\n    color: '$slate9',\n  },\n});\n\nexport const labelCss = css(baseItemCss, {\n  color: '$slate11',\n});\n\nexport const menuCss = css({\n  boxSizing: 'border-box',\n  minWidth: 120,\n  py: '$1',\n  variants: {\n    elevation: elevationVariants,\n  },\n  defaultVariants: {\n    elevation: 2,\n  },\n});\n\nexport const separatorCss = css({\n  height: 1,\n  my: '$1',\n  backgroundColor: '$slate6',\n});\n"],"names":["css","elevationVariants"],"mappings":";;;;AAGO,MAAM,cAAcA,gBAAAA,IAAI;AAAA,EAC7B,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,oBAAoB;AAAA,EACpB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,IAAI;AACN,CAAC;AAEM,MAAM,UAAUA,gBAAAA,IAAI,aAAa;AAAA,EACtC,UAAU;AAAA,EACV,OAAO;AAAA,EAEP,WAAW;AAAA,IACT,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,OAAO;AAAA,EAAA;AAAA,EAGT,oBAAoB;AAAA,IAClB,OAAO;AAAA,EAAA;AAEX,CAAC;AAEM,MAAM,WAAWA,gBAAAA,IAAI,aAAa;AAAA,EACvC,OAAO;AACT,CAAC;AAEM,MAAM,UAAUA,gBAAAA,IAAI;AAAA,EACzB,WAAW;AAAA,EACX,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,UAAU;AAAA,IACR,WAAWC,UAAAA;AAAAA,EAAA;AAAA,EAEb,iBAAiB;AAAA,IACf,WAAW;AAAA,EAAA;AAEf,CAAC;AAEM,MAAM,eAAeD,gBAAAA,IAAI;AAAA,EAC9B,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,iBAAiB;AACnB,CAAC;;;;;;"}
+{"version":3,"file":"styles.cjs","names":[],"sources":["../../../components/DropdownMenu/styles.ts"],"sourcesContent":["import { css } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\n\nexport const baseItemCss = css({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  fontFamily: '$rubik',\n  fontSize: '$1',\n  fontVariantNumeric: 'tabular-nums',\n  lineHeight: '1',\n  cursor: 'default',\n  userSelect: 'none',\n  whiteSpace: 'nowrap',\n  height: '$5',\n  px: '$5',\n});\n\nexport const itemCss = css(baseItemCss, {\n  position: 'relative',\n  color: '$hiContrast',\n\n  '&:focus': {\n    outline: 'none',\n    backgroundColor: '$blue9',\n    color: 'white',\n  },\n\n  '&[data-disabled]': {\n    color: '$slate9',\n  },\n});\n\nexport const labelCss = css(baseItemCss, {\n  color: '$slate11',\n});\n\nexport const menuCss = css({\n  boxSizing: 'border-box',\n  minWidth: 120,\n  py: '$1',\n  variants: {\n    elevation: elevationVariants,\n  },\n  defaultVariants: {\n    elevation: 2,\n  },\n});\n\nexport const separatorCss = css({\n  height: 1,\n  my: '$1',\n  backgroundColor: '$slate6',\n});\n"],"mappings":";;;AAGA,IAAa,cAAc,wBAAA,IAAI;CAC7B,SAAS;CACT,YAAY;CACZ,gBAAgB;CAChB,YAAY;CACZ,UAAU;CACV,oBAAoB;CACpB,YAAY;CACZ,QAAQ;CACR,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,IAAI;CACL,CAAC;AAEF,IAAa,UAAU,wBAAA,IAAI,aAAa;CACtC,UAAU;CACV,OAAO;CAEP,WAAW;EACT,SAAS;EACT,iBAAiB;EACjB,OAAO;EACR;CAED,oBAAoB,EAClB,OAAO,WACR;CACF,CAAC;AAEF,IAAa,WAAW,wBAAA,IAAI,aAAa,EACvC,OAAO,YACR,CAAC;AAEF,IAAa,UAAU,wBAAA,IAAI;CACzB,WAAW;CACX,UAAU;CACV,IAAI;CACJ,UAAU,EACR,WAAW,kBAAA,mBACZ;CACD,iBAAiB,EACf,WAAW,GACZ;CACF,CAAC;AAEF,IAAa,eAAe,wBAAA,IAAI;CAC9B,QAAQ;CACR,IAAI;CACJ,iBAAiB;CAClB,CAAC"}

package/dist/components/DropdownMenu/styles.js

@@ -1,55 +1,44 @@
 import { css } from "../../stitches.config.js";
 import { elevationVariants } from "../Elevation/Elevation.js";
-const baseItemCss = css({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "space-between",
-  fontFamily: "$rubik",
-  fontSize: "$1",
-  fontVariantNumeric: "tabular-nums",
-  lineHeight: "1",
-  cursor: "default",
-  userSelect: "none",
-  whiteSpace: "nowrap",
-  height: "$5",
-  px: "$5"
+//#region components/DropdownMenu/styles.ts
+var baseItemCss = css({
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "space-between",
+	fontFamily: "$rubik",
+	fontSize: "$1",
+	fontVariantNumeric: "tabular-nums",
+	lineHeight: "1",
+	cursor: "default",
+	userSelect: "none",
+	whiteSpace: "nowrap",
+	height: "$5",
+	px: "$5"
 });
-const itemCss = css(baseItemCss, {
-  position: "relative",
-  color: "$hiContrast",
-  "&:focus": {
-    outline: "none",
-    backgroundColor: "$blue9",
-    color: "white"
-  },
-  "&[data-disabled]": {
-    color: "$slate9"
-  }
+var itemCss = css(baseItemCss, {
+	position: "relative",
+	color: "$hiContrast",
+	"&:focus": {
+		outline: "none",
+		backgroundColor: "$blue9",
+		color: "white"
+	},
+	"&[data-disabled]": { color: "$slate9" }
 });
-const labelCss = css(baseItemCss, {
-  color: "$slate11"
+var labelCss = css(baseItemCss, { color: "$slate11" });
+var menuCss = css({
+	boxSizing: "border-box",
+	minWidth: 120,
+	py: "$1",
+	variants: { elevation: elevationVariants },
+	defaultVariants: { elevation: 2 }
 });
-const menuCss = css({
-  boxSizing: "border-box",
-  minWidth: 120,
-  py: "$1",
-  variants: {
-    elevation: elevationVariants
-  },
-  defaultVariants: {
-    elevation: 2
-  }
+var separatorCss = css({
+	height: 1,
+	my: "$1",
+	backgroundColor: "$slate6"
 });
-const separatorCss = css({
-  height: 1,
-  my: "$1",
-  backgroundColor: "$slate6"
-});
-export {
-  baseItemCss,
-  itemCss,
-  labelCss,
-  menuCss,
-  separatorCss
-};
-//# sourceMappingURL=styles.js.map
+//#endregion
+export { itemCss, labelCss, menuCss, separatorCss };
+
+//# sourceMappingURL=styles.js.map

package/dist/components/DropdownMenu/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../components/DropdownMenu/styles.ts"],"sourcesContent":["import { css } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\n\nexport const baseItemCss = css({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  fontFamily: '$rubik',\n  fontSize: '$1',\n  fontVariantNumeric: 'tabular-nums',\n  lineHeight: '1',\n  cursor: 'default',\n  userSelect: 'none',\n  whiteSpace: 'nowrap',\n  height: '$5',\n  px: '$5',\n});\n\nexport const itemCss = css(baseItemCss, {\n  position: 'relative',\n  color: '$hiContrast',\n\n  '&:focus': {\n    outline: 'none',\n    backgroundColor: '$blue9',\n    color: 'white',\n  },\n\n  '&[data-disabled]': {\n    color: '$slate9',\n  },\n});\n\nexport const labelCss = css(baseItemCss, {\n  color: '$slate11',\n});\n\nexport const menuCss = css({\n  boxSizing: 'border-box',\n  minWidth: 120,\n  py: '$1',\n  variants: {\n    elevation: elevationVariants,\n  },\n  defaultVariants: {\n    elevation: 2,\n  },\n});\n\nexport const separatorCss = css({\n  height: 1,\n  my: '$1',\n  backgroundColor: '$slate6',\n});\n"],"names":[],"mappings":";;AAGO,MAAM,cAAc,IAAI;AAAA,EAC7B,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,oBAAoB;AAAA,EACpB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,IAAI;AACN,CAAC;AAEM,MAAM,UAAU,IAAI,aAAa;AAAA,EACtC,UAAU;AAAA,EACV,OAAO;AAAA,EAEP,WAAW;AAAA,IACT,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,OAAO;AAAA,EAAA;AAAA,EAGT,oBAAoB;AAAA,IAClB,OAAO;AAAA,EAAA;AAEX,CAAC;AAEM,MAAM,WAAW,IAAI,aAAa;AAAA,EACvC,OAAO;AACT,CAAC;AAEM,MAAM,UAAU,IAAI;AAAA,EACzB,WAAW;AAAA,EACX,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,UAAU;AAAA,IACR,WAAW;AAAA,EAAA;AAAA,EAEb,iBAAiB;AAAA,IACf,WAAW;AAAA,EAAA;AAEf,CAAC;AAEM,MAAM,eAAe,IAAI;AAAA,EAC9B,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,iBAAiB;AACnB,CAAC;"}
+{"version":3,"file":"styles.js","names":[],"sources":["../../../components/DropdownMenu/styles.ts"],"sourcesContent":["import { css } from '../../stitches.config';\nimport { elevationVariants } from '../Elevation';\n\nexport const baseItemCss = css({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  fontFamily: '$rubik',\n  fontSize: '$1',\n  fontVariantNumeric: 'tabular-nums',\n  lineHeight: '1',\n  cursor: 'default',\n  userSelect: 'none',\n  whiteSpace: 'nowrap',\n  height: '$5',\n  px: '$5',\n});\n\nexport const itemCss = css(baseItemCss, {\n  position: 'relative',\n  color: '$hiContrast',\n\n  '&:focus': {\n    outline: 'none',\n    backgroundColor: '$blue9',\n    color: 'white',\n  },\n\n  '&[data-disabled]': {\n    color: '$slate9',\n  },\n});\n\nexport const labelCss = css(baseItemCss, {\n  color: '$slate11',\n});\n\nexport const menuCss = css({\n  boxSizing: 'border-box',\n  minWidth: 120,\n  py: '$1',\n  variants: {\n    elevation: elevationVariants,\n  },\n  defaultVariants: {\n    elevation: 2,\n  },\n});\n\nexport const separatorCss = css({\n  height: 1,\n  my: '$1',\n  backgroundColor: '$slate6',\n});\n"],"mappings":";;;AAGA,IAAa,cAAc,IAAI;CAC7B,SAAS;CACT,YAAY;CACZ,gBAAgB;CAChB,YAAY;CACZ,UAAU;CACV,oBAAoB;CACpB,YAAY;CACZ,QAAQ;CACR,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,IAAI;CACL,CAAC;AAEF,IAAa,UAAU,IAAI,aAAa;CACtC,UAAU;CACV,OAAO;CAEP,WAAW;EACT,SAAS;EACT,iBAAiB;EACjB,OAAO;EACR;CAED,oBAAoB,EAClB,OAAO,WACR;CACF,CAAC;AAEF,IAAa,WAAW,IAAI,aAAa,EACvC,OAAO,YACR,CAAC;AAEF,IAAa,UAAU,IAAI;CACzB,WAAW;CACX,UAAU;CACV,IAAI;CACJ,UAAU,EACR,WAAW,mBACZ;CACD,iBAAiB,EACf,WAAW,GACZ;CACF,CAAC;AAEF,IAAa,eAAe,IAAI;CAC9B,QAAQ;CACR,IAAI;CACJ,iBAAiB;CAClB,CAAC"}

package/dist/components/Elevation/Elevation.cjs

@@ -1,40 +1,35 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const stitches_config = require("../../stitches.config.cjs");
-const elevationVariants = {
-  0: {
-    boxShadow: "none"
-  },
-  1: {
-    bc: "$01dp",
-    boxShadow: "0 1px 5px 0 hsla(0, 0%, 0%, 0.2), 0 3px 1px -2px hsla(0, 0%, 0%, 0.12), 0 2px 2px 0 hsla(0, 0%, 0%, 0.14)"
-  },
-  2: {
-    bc: "$02dp",
-    boxShadow: "0 2px 4px -1px hsla(0, 0%, 0%, 0.2), 0 1px 10px 0 hsla(0, 0%, 0%, 0.12), 0 4px 5px 0 hsla(0, 0%, 0%, 0.14)"
-  },
-  3: {
-    bc: "$03dp",
-    boxShadow: "0 3px 5px -1px hsla(0, 0%, 0%, 0.2), 0 1px 18px 0 hsla(0, 0%, 0%, 0.12), 0 6px 10px 0 hsla(0, 0%, 0%, 0.14)"
-  },
-  4: {
-    bc: "$04dp",
-    boxShadow: "0 7px 8px -4px hsla(0, 0%, 0%, 0.2), 0 5px 22px 4px hsla(0, 0%, 0%, 0.12), 0 12px 17px 2px hsla(0, 0%, 0%, 0.14)"
-  },
-  5: {
-    bc: "$05dp",
-    boxShadow: "0 11px 15px -7px hsla(0, 0%, 0%, 0.2), 0 9px 46px 8px hsla(0, 0%, 0%, 0.12), 0 24px 38px 3px hsla(0, 0%, 0%, 0.14)"
-  }
+const require_stitches_config = require("../../stitches.config.cjs");
+//#region components/Elevation/Elevation.tsx
+var elevationVariants = {
+	0: { boxShadow: "none" },
+	1: {
+		bc: "$01dp",
+		boxShadow: "0 1px 5px 0 hsla(0, 0%, 0%, 0.2), 0 3px 1px -2px hsla(0, 0%, 0%, 0.12), 0 2px 2px 0 hsla(0, 0%, 0%, 0.14)"
+	},
+	2: {
+		bc: "$02dp",
+		boxShadow: "0 2px 4px -1px hsla(0, 0%, 0%, 0.2), 0 1px 10px 0 hsla(0, 0%, 0%, 0.12), 0 4px 5px 0 hsla(0, 0%, 0%, 0.14)"
+	},
+	3: {
+		bc: "$03dp",
+		boxShadow: "0 3px 5px -1px hsla(0, 0%, 0%, 0.2), 0 1px 18px 0 hsla(0, 0%, 0%, 0.12), 0 6px 10px 0 hsla(0, 0%, 0%, 0.14)"
+	},
+	4: {
+		bc: "$04dp",
+		boxShadow: "0 7px 8px -4px hsla(0, 0%, 0%, 0.2), 0 5px 22px 4px hsla(0, 0%, 0%, 0.12), 0 12px 17px 2px hsla(0, 0%, 0%, 0.14)"
+	},
+	5: {
+		bc: "$05dp",
+		boxShadow: "0 11px 15px -7px hsla(0, 0%, 0%, 0.2), 0 9px 46px 8px hsla(0, 0%, 0%, 0.12), 0 24px 38px 3px hsla(0, 0%, 0%, 0.14)"
+	}
 };
-const Elevation = stitches_config.styled("div", {
-  display: "inline-block",
-  variants: {
-    variant: elevationVariants
-  },
-  defaultVariants: {
-    variant: 1
-  }
+var Elevation = require_stitches_config.styled("div", {
+	display: "inline-block",
+	variants: { variant: elevationVariants },
+	defaultVariants: { variant: 1 }
 });
+//#endregion
 exports.Elevation = Elevation;
 exports.elevationVariants = elevationVariants;
-//# sourceMappingURL=Elevation.cjs.map
+
+//# sourceMappingURL=Elevation.cjs.map

package/dist/components/Elevation/Elevation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Elevation.cjs","sources":["../../../components/Elevation/Elevation.tsx"],"sourcesContent":["import { CSS, styled } from '../../stitches.config';\n\ntype ElevationVariant = Record<number, CSS>;\n\nexport const elevationVariants: ElevationVariant = {\n  0: {\n    boxShadow: 'none',\n  },\n  1: {\n    bc: '$01dp',\n    boxShadow:\n      '0 1px 5px 0 hsla(0, 0%, 0%, 0.2), 0 3px 1px -2px hsla(0, 0%, 0%, 0.12), 0 2px 2px 0 hsla(0, 0%, 0%, 0.14)',\n  },\n  2: {\n    bc: '$02dp',\n    boxShadow:\n      '0 2px 4px -1px hsla(0, 0%, 0%, 0.2), 0 1px 10px 0 hsla(0, 0%, 0%, 0.12), 0 4px 5px 0 hsla(0, 0%, 0%, 0.14)',\n  },\n  3: {\n    bc: '$03dp',\n    boxShadow:\n      '0 3px 5px -1px hsla(0, 0%, 0%, 0.2), 0 1px 18px 0 hsla(0, 0%, 0%, 0.12), 0 6px 10px 0 hsla(0, 0%, 0%, 0.14)',\n  },\n  4: {\n    bc: '$04dp',\n    boxShadow:\n      '0 7px 8px -4px hsla(0, 0%, 0%, 0.2), 0 5px 22px 4px hsla(0, 0%, 0%, 0.12), 0 12px 17px 2px hsla(0, 0%, 0%, 0.14)',\n  },\n  5: {\n    bc: '$05dp',\n    boxShadow:\n      '0 11px 15px -7px hsla(0, 0%, 0%, 0.2), 0 9px 46px 8px hsla(0, 0%, 0%, 0.12), 0 24px 38px 3px hsla(0, 0%, 0%, 0.14)',\n  },\n};\n\nexport const Elevation = styled('div', {\n  display: 'inline-block',\n\n  variants: {\n    variant: elevationVariants,\n  },\n  defaultVariants: {\n    variant: 1,\n  },\n});\n"],"names":["styled"],"mappings":";;;AAIO,MAAM,oBAAsC;AAAA,EACjD,GAAG;AAAA,IACD,WAAW;AAAA,EAAA;AAAA,EAEb,GAAG;AAAA,IACD,IAAI;AAAA,IACJ,WACE;AAAA,EAAA;AAAA,EAEJ,GAAG;AAAA,IACD,IAAI;AAAA,IACJ,WACE;AAAA,EAAA;AAAA,EAEJ,GAAG;AAAA,IACD,IAAI;AAAA,IACJ,WACE;AAAA,EAAA;AAAA,EAEJ,GAAG;AAAA,IACD,IAAI;AAAA,IACJ,WACE;AAAA,EAAA;AAAA,EAEJ,GAAG;AAAA,IACD,IAAI;AAAA,IACJ,WACE;AAAA,EAAA;AAEN;AAEO,MAAM,YAAYA,gBAAAA,OAAO,OAAO;AAAA,EACrC,SAAS;AAAA,EAET,UAAU;AAAA,IACR,SAAS;AAAA,EAAA;AAAA,EAEX,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC;;;"}
+{"version":3,"file":"Elevation.cjs","names":[],"sources":["../../../components/Elevation/Elevation.tsx"],"sourcesContent":["import { CSS, styled } from '../../stitches.config';\n\ntype ElevationVariant = Record<number, CSS>;\n\nexport const elevationVariants: ElevationVariant = {\n  0: {\n    boxShadow: 'none',\n  },\n  1: {\n    bc: '$01dp',\n    boxShadow:\n      '0 1px 5px 0 hsla(0, 0%, 0%, 0.2), 0 3px 1px -2px hsla(0, 0%, 0%, 0.12), 0 2px 2px 0 hsla(0, 0%, 0%, 0.14)',\n  },\n  2: {\n    bc: '$02dp',\n    boxShadow:\n      '0 2px 4px -1px hsla(0, 0%, 0%, 0.2), 0 1px 10px 0 hsla(0, 0%, 0%, 0.12), 0 4px 5px 0 hsla(0, 0%, 0%, 0.14)',\n  },\n  3: {\n    bc: '$03dp',\n    boxShadow:\n      '0 3px 5px -1px hsla(0, 0%, 0%, 0.2), 0 1px 18px 0 hsla(0, 0%, 0%, 0.12), 0 6px 10px 0 hsla(0, 0%, 0%, 0.14)',\n  },\n  4: {\n    bc: '$04dp',\n    boxShadow:\n      '0 7px 8px -4px hsla(0, 0%, 0%, 0.2), 0 5px 22px 4px hsla(0, 0%, 0%, 0.12), 0 12px 17px 2px hsla(0, 0%, 0%, 0.14)',\n  },\n  5: {\n    bc: '$05dp',\n    boxShadow:\n      '0 11px 15px -7px hsla(0, 0%, 0%, 0.2), 0 9px 46px 8px hsla(0, 0%, 0%, 0.12), 0 24px 38px 3px hsla(0, 0%, 0%, 0.14)',\n  },\n};\n\nexport const Elevation = styled('div', {\n  display: 'inline-block',\n\n  variants: {\n    variant: elevationVariants,\n  },\n  defaultVariants: {\n    variant: 1,\n  },\n});\n"],"mappings":";;AAIA,IAAa,oBAAsC;CACjD,GAAG,EACD,WAAW,QACZ;CACD,GAAG;EACD,IAAI;EACJ,WACE;EACH;CACD,GAAG;EACD,IAAI;EACJ,WACE;EACH;CACD,GAAG;EACD,IAAI;EACJ,WACE;EACH;CACD,GAAG;EACD,IAAI;EACJ,WACE;EACH;CACD,GAAG;EACD,IAAI;EACJ,WACE;EACH;CACF;AAED,IAAa,YAAY,wBAAA,OAAO,OAAO;CACrC,SAAS;CAET,UAAU,EACR,SAAS,mBACV;CACD,iBAAiB,EACf,SAAS,GACV;CACF,CAAC"}

package/dist/components/Elevation/Elevation.js

@@ -1,40 +1,34 @@
 import { styled } from "../../stitches.config.js";
-const elevationVariants = {
-  0: {
-    boxShadow: "none"
-  },
-  1: {
-    bc: "$01dp",
-    boxShadow: "0 1px 5px 0 hsla(0, 0%, 0%, 0.2), 0 3px 1px -2px hsla(0, 0%, 0%, 0.12), 0 2px 2px 0 hsla(0, 0%, 0%, 0.14)"
-  },
-  2: {
-    bc: "$02dp",
-    boxShadow: "0 2px 4px -1px hsla(0, 0%, 0%, 0.2), 0 1px 10px 0 hsla(0, 0%, 0%, 0.12), 0 4px 5px 0 hsla(0, 0%, 0%, 0.14)"
-  },
-  3: {
-    bc: "$03dp",
-    boxShadow: "0 3px 5px -1px hsla(0, 0%, 0%, 0.2), 0 1px 18px 0 hsla(0, 0%, 0%, 0.12), 0 6px 10px 0 hsla(0, 0%, 0%, 0.14)"
-  },
-  4: {
-    bc: "$04dp",
-    boxShadow: "0 7px 8px -4px hsla(0, 0%, 0%, 0.2), 0 5px 22px 4px hsla(0, 0%, 0%, 0.12), 0 12px 17px 2px hsla(0, 0%, 0%, 0.14)"
-  },
-  5: {
-    bc: "$05dp",
-    boxShadow: "0 11px 15px -7px hsla(0, 0%, 0%, 0.2), 0 9px 46px 8px hsla(0, 0%, 0%, 0.12), 0 24px 38px 3px hsla(0, 0%, 0%, 0.14)"
-  }
+//#region components/Elevation/Elevation.tsx
+var elevationVariants = {
+	0: { boxShadow: "none" },
+	1: {
+		bc: "$01dp",
+		boxShadow: "0 1px 5px 0 hsla(0, 0%, 0%, 0.2), 0 3px 1px -2px hsla(0, 0%, 0%, 0.12), 0 2px 2px 0 hsla(0, 0%, 0%, 0.14)"
+	},
+	2: {
+		bc: "$02dp",
+		boxShadow: "0 2px 4px -1px hsla(0, 0%, 0%, 0.2), 0 1px 10px 0 hsla(0, 0%, 0%, 0.12), 0 4px 5px 0 hsla(0, 0%, 0%, 0.14)"
+	},
+	3: {
+		bc: "$03dp",
+		boxShadow: "0 3px 5px -1px hsla(0, 0%, 0%, 0.2), 0 1px 18px 0 hsla(0, 0%, 0%, 0.12), 0 6px 10px 0 hsla(0, 0%, 0%, 0.14)"
+	},
+	4: {
+		bc: "$04dp",
+		boxShadow: "0 7px 8px -4px hsla(0, 0%, 0%, 0.2), 0 5px 22px 4px hsla(0, 0%, 0%, 0.12), 0 12px 17px 2px hsla(0, 0%, 0%, 0.14)"
+	},
+	5: {
+		bc: "$05dp",
+		boxShadow: "0 11px 15px -7px hsla(0, 0%, 0%, 0.2), 0 9px 46px 8px hsla(0, 0%, 0%, 0.12), 0 24px 38px 3px hsla(0, 0%, 0%, 0.14)"
+	}
 };
-const Elevation = styled("div", {
-  display: "inline-block",
-  variants: {
-    variant: elevationVariants
-  },
-  defaultVariants: {
-    variant: 1
-  }
+var Elevation = styled("div", {
+	display: "inline-block",
+	variants: { variant: elevationVariants },
+	defaultVariants: { variant: 1 }
 });
-export {
-  Elevation,
-  elevationVariants
-};
-//# sourceMappingURL=Elevation.js.map
+//#endregion
+export { Elevation, elevationVariants };
+
+//# sourceMappingURL=Elevation.js.map

package/dist/components/Elevation/Elevation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Elevation.js","sources":["../../../components/Elevation/Elevation.tsx"],"sourcesContent":["import { CSS, styled } from '../../stitches.config';\n\ntype ElevationVariant = Record<number, CSS>;\n\nexport const elevationVariants: ElevationVariant = {\n  0: {\n    boxShadow: 'none',\n  },\n  1: {\n    bc: '$01dp',\n    boxShadow:\n      '0 1px 5px 0 hsla(0, 0%, 0%, 0.2), 0 3px 1px -2px hsla(0, 0%, 0%, 0.12), 0 2px 2px 0 hsla(0, 0%, 0%, 0.14)',\n  },\n  2: {\n    bc: '$02dp',\n    boxShadow:\n      '0 2px 4px -1px hsla(0, 0%, 0%, 0.2), 0 1px 10px 0 hsla(0, 0%, 0%, 0.12), 0 4px 5px 0 hsla(0, 0%, 0%, 0.14)',\n  },\n  3: {\n    bc: '$03dp',\n    boxShadow:\n      '0 3px 5px -1px hsla(0, 0%, 0%, 0.2), 0 1px 18px 0 hsla(0, 0%, 0%, 0.12), 0 6px 10px 0 hsla(0, 0%, 0%, 0.14)',\n  },\n  4: {\n    bc: '$04dp',\n    boxShadow:\n      '0 7px 8px -4px hsla(0, 0%, 0%, 0.2), 0 5px 22px 4px hsla(0, 0%, 0%, 0.12), 0 12px 17px 2px hsla(0, 0%, 0%, 0.14)',\n  },\n  5: {\n    bc: '$05dp',\n    boxShadow:\n      '0 11px 15px -7px hsla(0, 0%, 0%, 0.2), 0 9px 46px 8px hsla(0, 0%, 0%, 0.12), 0 24px 38px 3px hsla(0, 0%, 0%, 0.14)',\n  },\n};\n\nexport const Elevation = styled('div', {\n  display: 'inline-block',\n\n  variants: {\n    variant: elevationVariants,\n  },\n  defaultVariants: {\n    variant: 1,\n  },\n});\n"],"names":[],"mappings":";AAIO,MAAM,oBAAsC;AAAA,EACjD,GAAG;AAAA,IACD,WAAW;AAAA,EAAA;AAAA,EAEb,GAAG;AAAA,IACD,IAAI;AAAA,IACJ,WACE;AAAA,EAAA;AAAA,EAEJ,GAAG;AAAA,IACD,IAAI;AAAA,IACJ,WACE;AAAA,EAAA;AAAA,EAEJ,GAAG;AAAA,IACD,IAAI;AAAA,IACJ,WACE;AAAA,EAAA;AAAA,EAEJ,GAAG;AAAA,IACD,IAAI;AAAA,IACJ,WACE;AAAA,EAAA;AAAA,EAEJ,GAAG;AAAA,IACD,IAAI;AAAA,IACJ,WACE;AAAA,EAAA;AAEN;AAEO,MAAM,YAAY,OAAO,OAAO;AAAA,EACrC,SAAS;AAAA,EAET,UAAU;AAAA,IACR,SAAS;AAAA,EAAA;AAAA,EAEX,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC;"}
+{"version":3,"file":"Elevation.js","names":[],"sources":["../../../components/Elevation/Elevation.tsx"],"sourcesContent":["import { CSS, styled } from '../../stitches.config';\n\ntype ElevationVariant = Record<number, CSS>;\n\nexport const elevationVariants: ElevationVariant = {\n  0: {\n    boxShadow: 'none',\n  },\n  1: {\n    bc: '$01dp',\n    boxShadow:\n      '0 1px 5px 0 hsla(0, 0%, 0%, 0.2), 0 3px 1px -2px hsla(0, 0%, 0%, 0.12), 0 2px 2px 0 hsla(0, 0%, 0%, 0.14)',\n  },\n  2: {\n    bc: '$02dp',\n    boxShadow:\n      '0 2px 4px -1px hsla(0, 0%, 0%, 0.2), 0 1px 10px 0 hsla(0, 0%, 0%, 0.12), 0 4px 5px 0 hsla(0, 0%, 0%, 0.14)',\n  },\n  3: {\n    bc: '$03dp',\n    boxShadow:\n      '0 3px 5px -1px hsla(0, 0%, 0%, 0.2), 0 1px 18px 0 hsla(0, 0%, 0%, 0.12), 0 6px 10px 0 hsla(0, 0%, 0%, 0.14)',\n  },\n  4: {\n    bc: '$04dp',\n    boxShadow:\n      '0 7px 8px -4px hsla(0, 0%, 0%, 0.2), 0 5px 22px 4px hsla(0, 0%, 0%, 0.12), 0 12px 17px 2px hsla(0, 0%, 0%, 0.14)',\n  },\n  5: {\n    bc: '$05dp',\n    boxShadow:\n      '0 11px 15px -7px hsla(0, 0%, 0%, 0.2), 0 9px 46px 8px hsla(0, 0%, 0%, 0.12), 0 24px 38px 3px hsla(0, 0%, 0%, 0.14)',\n  },\n};\n\nexport const Elevation = styled('div', {\n  display: 'inline-block',\n\n  variants: {\n    variant: elevationVariants,\n  },\n  defaultVariants: {\n    variant: 1,\n  },\n});\n"],"mappings":";;AAIA,IAAa,oBAAsC;CACjD,GAAG,EACD,WAAW,QACZ;CACD,GAAG;EACD,IAAI;EACJ,WACE;EACH;CACD,GAAG;EACD,IAAI;EACJ,WACE;EACH;CACD,GAAG;EACD,IAAI;EACJ,WACE;EACH;CACD,GAAG;EACD,IAAI;EACJ,WACE;EACH;CACD,GAAG;EACD,IAAI;EACJ,WACE;EACH;CACF;AAED,IAAa,YAAY,OAAO,OAAO;CACrC,SAAS;CAET,UAAU,EACR,SAAS,mBACV;CACD,iBAAiB,EACf,SAAS,GACV;CACF,CAAC"}

package/dist/components/Elevation/Elevation.vanilla.cjs

@@ -1,30 +1,30 @@
-"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 Elevation_vanilla_css = require("./Elevation.vanilla.css.cjs");
-const ElevationVanillaComponentImpl = React.forwardRef(
-  ({ as, className, css, style, variant, ...props }, ref) => {
-    const Component = as || "div";
-    const { colors } = themeContext.useVanillaExtractTheme();
-    const { style: cssStyles, vars } = cssProps.processCSSProp(css, colors);
-    const mergedStyles = { ...cssStyles, ...style, ...dynamic.assignInlineVars(vars) };
-    const recipeClass = Elevation_vanilla_css.elevationRecipe({ variant });
-    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_Elevation_vanilla_css = require("./Elevation.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/Elevation/Elevation.vanilla.tsx
+var ElevationVanillaComponentImpl = (0, react.forwardRef)(({ as, className, css, style, variant, ...props }, ref) => {
+	const Component = as || "div";
+	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_Elevation_vanilla_css.elevationRecipe({ variant })} ${className || ""}`.trim(),
+		style: mergedStyles,
+		...props
+	});
+});
 ElevationVanillaComponentImpl.displayName = "ElevationVanilla";
-const ElevationVanilla = ElevationVanillaComponentImpl;
+var ElevationVanilla = ElevationVanillaComponentImpl;
+//#endregion
 exports.ElevationVanilla = ElevationVanilla;
-//# sourceMappingURL=Elevation.vanilla.cjs.map
+
+//# sourceMappingURL=Elevation.vanilla.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Elevation.vanilla.cjs","sources":["../../../components/Elevation/Elevation.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 { elevationRecipe } from './Elevation.vanilla.css';\n\ntype ElevationRecipeVariants = NonNullable<RecipeVariants<typeof elevationRecipe>>;\n\ninterface ElevationOwnProps extends CSSProps {\n  variant?: ElevationRecipeVariants['variant'];\n}\n\nexport type ElevationVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  ElevationOwnProps\n>;\n\ntype ElevationVanillaComponent = PolymorphicComponent<'div', ElevationVanillaProps<ElementType>>;\n\nconst ElevationVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, variant, ...props }: ElevationVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\n    const { colors } = useVanillaExtractTheme();\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n    const recipeClass = elevationRecipe({ variant });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nElevationVanillaComponentImpl.displayName = 'ElevationVanilla';\n\nexport const ElevationVanilla = ElevationVanillaComponentImpl as ElevationVanillaComponent;\n"],"names":["forwardRef","useVanillaExtractTheme","processCSSProp","assignInlineVars","elevationRecipe","jsx"],"mappings":";;;;;;;;AA0BA,MAAM,gCAAgCA,MAAAA;AAAAA,EACpC,CACE,EAAE,IAAI,WAAW,KAAK,OAAO,SAAS,GAAG,MAAA,GACzC,QACG;AACH,UAAM,YAAY,MAAM;AACxB,UAAM,EAAE,OAAA,IAAWC,oCAAA;AACnB,UAAM,EAAE,OAAO,WAAW,SAASC,SAAAA,eAAe,KAAK,MAAM;AAC7D,UAAM,eAAe,EAAE,GAAG,WAAW,GAAG,OAAO,GAAGC,QAAAA,iBAAiB,IAAI,EAAA;AACvE,UAAM,cAAcC,sBAAAA,gBAAgB,EAAE,SAAS;AAE/C,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,8BAA8B,cAAc;AAErC,MAAM,mBAAmB;;"}
+{"version":3,"file":"Elevation.vanilla.cjs","names":[],"sources":["../../../components/Elevation/Elevation.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 { elevationRecipe } from './Elevation.vanilla.css';\n\ntype ElevationRecipeVariants = NonNullable<RecipeVariants<typeof elevationRecipe>>;\n\ninterface ElevationOwnProps extends CSSProps {\n  variant?: ElevationRecipeVariants['variant'];\n}\n\nexport type ElevationVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  ElevationOwnProps\n>;\n\ntype ElevationVanillaComponent = PolymorphicComponent<'div', ElevationVanillaProps<ElementType>>;\n\nconst ElevationVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, variant, ...props }: ElevationVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\n    const { colors } = useVanillaExtractTheme();\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n    const recipeClass = elevationRecipe({ variant });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nElevationVanillaComponentImpl.displayName = 'ElevationVanilla';\n\nexport const ElevationVanilla = ElevationVanillaComponentImpl as ElevationVanillaComponent;\n"],"mappings":";;;;;;;;AA0BA,IAAM,iCAAA,GAAA,MAAA,aAEF,EAAE,IAAI,WAAW,KAAK,OAAO,SAAS,GAAG,SACzC,QACG;CACH,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,WAAW,qBAAA,wBAAwB;CAC3C,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,OAAO;CAC9D,MAAM,eAAe;EAAE,GAAG;EAAW,GAAG;EAAO,IAAA,GAAA,yBAAA,kBAAoB,KAAK;EAAE;AAG1E,QACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;EACO;EACL,WAAW,GALK,8BAAA,gBAAgB,EAAE,SAAS,CAAC,CAKlB,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,8BAA8B,cAAc;AAE5C,IAAa,mBAAmB"}

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

@@ -1,7 +1,20 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
 ;/* empty css                                       */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var elevationRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "s9g6zx1 s9g6zx0", variantClassNames: { variant: { "0": "s9g6zx2", "1": "s9g6zx3", "2": "s9g6zx4", "3": "s9g6zx5", "4": "s9g6zx6", "5": "s9g6zx7" } }, defaultVariants: { variant: 1 }, compoundVariants: [] });
+//#region components/Elevation/Elevation.vanilla.css.ts
+var elevationRecipe = (0, require("@vanilla-extract/recipes/createRuntimeFn").createRuntimeFn)({
+	defaultClassName: "s9g6zx1 s9g6zx0",
+	variantClassNames: { variant: {
+		"0": "s9g6zx2",
+		"1": "s9g6zx3",
+		"2": "s9g6zx4",
+		"3": "s9g6zx5",
+		"4": "s9g6zx6",
+		"5": "s9g6zx7"
+	} },
+	defaultVariants: { variant: 1 },
+	compoundVariants: []
+});
+//#endregion
 exports.elevationRecipe = elevationRecipe;
-//# sourceMappingURL=Elevation.vanilla.css.cjs.map
+
+//# sourceMappingURL=Elevation.vanilla.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Elevation.vanilla.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"Elevation.vanilla.css.cjs","names":[],"sources":["../../../components/Elevation/Elevation.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 elevationBase = style({\n  display: 'inline-block',\n});\n\nexport const elevationRecipe = recipe({\n  base: elevationBase,\n\n  variants: {\n    variant: {\n      0: {\n        boxShadow: 'none',\n      },\n      1: {\n        backgroundColor: tokens.colors['01dp'],\n        boxShadow:\n          '0 1px 5px 0 hsla(0, 0%, 0%, 0.2), 0 3px 1px -2px hsla(0, 0%, 0%, 0.12), 0 2px 2px 0 hsla(0, 0%, 0%, 0.14)',\n      },\n      2: {\n        backgroundColor: tokens.colors['02dp'],\n        boxShadow:\n          '0 2px 4px -1px hsla(0, 0%, 0%, 0.2), 0 1px 10px 0 hsla(0, 0%, 0%, 0.12), 0 4px 5px 0 hsla(0, 0%, 0%, 0.14)',\n      },\n      3: {\n        backgroundColor: tokens.colors['03dp'],\n        boxShadow:\n          '0 3px 5px -1px hsla(0, 0%, 0%, 0.2), 0 1px 18px 0 hsla(0, 0%, 0%, 0.12), 0 6px 10px 0 hsla(0, 0%, 0%, 0.14)',\n      },\n      4: {\n        backgroundColor: tokens.colors['04dp'],\n        boxShadow:\n          '0 7px 8px -4px hsla(0, 0%, 0%, 0.2), 0 5px 22px 4px hsla(0, 0%, 0%, 0.12), 0 12px 17px 2px hsla(0, 0%, 0%, 0.14)',\n      },\n      5: {\n        backgroundColor: tokens.colors['05dp'],\n        boxShadow:\n          '0 11px 15px -7px hsla(0, 0%, 0%, 0.2), 0 9px 46px 8px hsla(0, 0%, 0%, 0.12), 0 24px 38px 3px hsla(0, 0%, 0%, 0.14)',\n      },\n    },\n  },\n\n  defaultVariants: {\n    variant: 1,\n  },\n});\n"],"mappings":""}

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

@@ -1,7 +1,20 @@
 /* empty css                                     */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var elevationRecipe = createRuntimeFn({ defaultClassName: "s9g6zx1 s9g6zx0", variantClassNames: { variant: { "0": "s9g6zx2", "1": "s9g6zx3", "2": "s9g6zx4", "3": "s9g6zx5", "4": "s9g6zx6", "5": "s9g6zx7" } }, defaultVariants: { variant: 1 }, compoundVariants: [] });
-export {
-  elevationRecipe
-};
-//# sourceMappingURL=Elevation.vanilla.css.js.map
+//#region components/Elevation/Elevation.vanilla.css.ts
+var elevationRecipe = createRuntimeFn({
+	defaultClassName: "s9g6zx1 s9g6zx0",
+	variantClassNames: { variant: {
+		"0": "s9g6zx2",
+		"1": "s9g6zx3",
+		"2": "s9g6zx4",
+		"3": "s9g6zx5",
+		"4": "s9g6zx6",
+		"5": "s9g6zx7"
+	} },
+	defaultVariants: { variant: 1 },
+	compoundVariants: []
+});
+//#endregion
+export { elevationRecipe };
+
+//# sourceMappingURL=Elevation.vanilla.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Elevation.vanilla.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"Elevation.vanilla.css.js","names":[],"sources":["../../../components/Elevation/Elevation.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 elevationBase = style({\n  display: 'inline-block',\n});\n\nexport const elevationRecipe = recipe({\n  base: elevationBase,\n\n  variants: {\n    variant: {\n      0: {\n        boxShadow: 'none',\n      },\n      1: {\n        backgroundColor: tokens.colors['01dp'],\n        boxShadow:\n          '0 1px 5px 0 hsla(0, 0%, 0%, 0.2), 0 3px 1px -2px hsla(0, 0%, 0%, 0.12), 0 2px 2px 0 hsla(0, 0%, 0%, 0.14)',\n      },\n      2: {\n        backgroundColor: tokens.colors['02dp'],\n        boxShadow:\n          '0 2px 4px -1px hsla(0, 0%, 0%, 0.2), 0 1px 10px 0 hsla(0, 0%, 0%, 0.12), 0 4px 5px 0 hsla(0, 0%, 0%, 0.14)',\n      },\n      3: {\n        backgroundColor: tokens.colors['03dp'],\n        boxShadow:\n          '0 3px 5px -1px hsla(0, 0%, 0%, 0.2), 0 1px 18px 0 hsla(0, 0%, 0%, 0.12), 0 6px 10px 0 hsla(0, 0%, 0%, 0.14)',\n      },\n      4: {\n        backgroundColor: tokens.colors['04dp'],\n        boxShadow:\n          '0 7px 8px -4px hsla(0, 0%, 0%, 0.2), 0 5px 22px 4px hsla(0, 0%, 0%, 0.12), 0 12px 17px 2px hsla(0, 0%, 0%, 0.14)',\n      },\n      5: {\n        backgroundColor: tokens.colors['05dp'],\n        boxShadow:\n          '0 11px 15px -7px hsla(0, 0%, 0%, 0.2), 0 9px 46px 8px hsla(0, 0%, 0%, 0.12), 0 24px 38px 3px hsla(0, 0%, 0%, 0.14)',\n      },\n    },\n  },\n\n  defaultVariants: {\n    variant: 1,\n  },\n});\n"],"mappings":""}

package/dist/components/Elevation/Elevation.vanilla.js

@@ -1,30 +1,29 @@
-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 { elevationRecipe } from "./Elevation.vanilla.css.js";
-const ElevationVanillaComponentImpl = forwardRef(
-  ({ as, className, css, style, variant, ...props }, ref) => {
-    const Component = as || "div";
-    const { colors } = useVanillaExtractTheme();
-    const { style: cssStyles, vars } = processCSSProp(css, colors);
-    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };
-    const recipeClass = elevationRecipe({ variant });
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        ref,
-        className: `${recipeClass} ${className || ""}`.trim(),
-        style: mergedStyles,
-        ...props
-      }
-    );
-  }
-);
+import { forwardRef } from "react";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx } from "react/jsx-runtime";
+//#region components/Elevation/Elevation.vanilla.tsx
+var ElevationVanillaComponentImpl = forwardRef(({ as, className, css, style, variant, ...props }, ref) => {
+	const Component = as || "div";
+	const { colors } = useVanillaExtractTheme();
+	const { style: cssStyles, vars } = processCSSProp(css, colors);
+	const mergedStyles = {
+		...cssStyles,
+		...style,
+		...assignInlineVars(vars)
+	};
+	return /* @__PURE__ */ jsx(Component, {
+		ref,
+		className: `${elevationRecipe({ variant })} ${className || ""}`.trim(),
+		style: mergedStyles,
+		...props
+	});
+});
 ElevationVanillaComponentImpl.displayName = "ElevationVanilla";
-const ElevationVanilla = ElevationVanillaComponentImpl;
-export {
-  ElevationVanilla
-};
-//# sourceMappingURL=Elevation.vanilla.js.map
+var ElevationVanilla = ElevationVanillaComponentImpl;
+//#endregion
+export { ElevationVanilla };
+
+//# sourceMappingURL=Elevation.vanilla.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Elevation.vanilla.js","sources":["../../../components/Elevation/Elevation.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 { elevationRecipe } from './Elevation.vanilla.css';\n\ntype ElevationRecipeVariants = NonNullable<RecipeVariants<typeof elevationRecipe>>;\n\ninterface ElevationOwnProps extends CSSProps {\n  variant?: ElevationRecipeVariants['variant'];\n}\n\nexport type ElevationVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  ElevationOwnProps\n>;\n\ntype ElevationVanillaComponent = PolymorphicComponent<'div', ElevationVanillaProps<ElementType>>;\n\nconst ElevationVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, variant, ...props }: ElevationVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\n    const { colors } = useVanillaExtractTheme();\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n    const recipeClass = elevationRecipe({ variant });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nElevationVanillaComponentImpl.displayName = 'ElevationVanilla';\n\nexport const ElevationVanilla = ElevationVanillaComponentImpl as ElevationVanillaComponent;\n"],"names":[],"mappings":";;;;;;AA0BA,MAAM,gCAAgC;AAAA,EACpC,CACE,EAAE,IAAI,WAAW,KAAK,OAAO,SAAS,GAAG,MAAA,GACzC,QACG;AACH,UAAM,YAAY,MAAM;AACxB,UAAM,EAAE,OAAA,IAAW,uBAAA;AACnB,UAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;AAC7D,UAAM,eAAe,EAAE,GAAG,WAAW,GAAG,OAAO,GAAG,iBAAiB,IAAI,EAAA;AACvE,UAAM,cAAc,gBAAgB,EAAE,SAAS;AAE/C,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,8BAA8B,cAAc;AAErC,MAAM,mBAAmB;"}
+{"version":3,"file":"Elevation.vanilla.js","names":[],"sources":["../../../components/Elevation/Elevation.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 { elevationRecipe } from './Elevation.vanilla.css';\n\ntype ElevationRecipeVariants = NonNullable<RecipeVariants<typeof elevationRecipe>>;\n\ninterface ElevationOwnProps extends CSSProps {\n  variant?: ElevationRecipeVariants['variant'];\n}\n\nexport type ElevationVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  ElevationOwnProps\n>;\n\ntype ElevationVanillaComponent = PolymorphicComponent<'div', ElevationVanillaProps<ElementType>>;\n\nconst ElevationVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, variant, ...props }: ElevationVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\n    const { colors } = useVanillaExtractTheme();\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n    const recipeClass = elevationRecipe({ variant });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nElevationVanillaComponentImpl.displayName = 'ElevationVanilla';\n\nexport const ElevationVanilla = ElevationVanillaComponentImpl as ElevationVanillaComponent;\n"],"mappings":";;;;;;;AA0BA,IAAM,gCAAgC,YAElC,EAAE,IAAI,WAAW,KAAK,OAAO,SAAS,GAAG,SACzC,QACG;CACH,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,WAAW,wBAAwB;CAC3C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,OAAO;CAC9D,MAAM,eAAe;EAAE,GAAG;EAAW,GAAG;EAAO,GAAG,iBAAiB,KAAK;EAAE;AAG1E,QACE,oBAAC,WAAD;EACO;EACL,WAAW,GALK,gBAAgB,EAAE,SAAS,CAAC,CAKlB,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,8BAA8B,cAAc;AAE5C,IAAa,mBAAmB"}