@traefik-labs/faency 12.2.1 → 12.2.2

package/dist/components/Skeleton/Skeleton.cjs

@@ -1,66 +1,54 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const stitches_config = require("../../stitches.config.cjs");
-const pulse = stitches_config.keyframes({
-  "0%": { opacity: 0 },
-  "100%": { opacity: "100%" }
+const require_stitches_config = require("../../stitches.config.cjs");
+//#region components/Skeleton/Skeleton.tsx
+var pulse = require_stitches_config.keyframes({
+	"0%": { opacity: 0 },
+	"100%": { opacity: "100%" }
 });
-const Skeleton = stitches_config.styled("div", {
-  backgroundColor: "$skeletonBackground",
-  position: "relative",
-  overflow: "hidden",
-  borderRadius: "3px",
-  height: "auto",
-  width: "auto",
-  "&:not(:empty)": {
-    "& > *": {
-      visibility: "hidden",
-      display: "block"
-    },
-    maxWidth: "fit-content"
-  },
-  "&::after": {
-    animationName: `${pulse}`,
-    animationDuration: "500ms",
-    animationDirection: "alternate",
-    animationIterationCount: "infinite",
-    animationTimingFunction: "ease-in-out",
-    backgroundColor: "$skeletonAnimation",
-    borderRadius: "inherit",
-    bottom: 0,
-    content: '""',
-    left: 0,
-    position: "absolute",
-    right: 0,
-    top: 0
-  },
-  variants: {
-    variant: {
-      square: {
-        borderRadius: "$2"
-      },
-      circle: {
-        borderRadius: "$round"
-      },
-      badge: {
-        borderRadius: "$pill",
-        display: "inline-flex"
-      },
-      button: {
-        borderRadius: "$3",
-        display: "inline-flex"
-      },
-      text: {
-        "&:empty:before": {
-          content: '"\\00a0"'
-          // adds a space character before element
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    variant: "text"
-  }
+var Skeleton = require_stitches_config.styled("div", {
+	backgroundColor: "$skeletonBackground",
+	position: "relative",
+	overflow: "hidden",
+	borderRadius: "3px",
+	height: "auto",
+	width: "auto",
+	"&:not(:empty)": {
+		"& > *": {
+			visibility: "hidden",
+			display: "block"
+		},
+		maxWidth: "fit-content"
+	},
+	"&::after": {
+		animationName: `${pulse}`,
+		animationDuration: "500ms",
+		animationDirection: "alternate",
+		animationIterationCount: "infinite",
+		animationTimingFunction: "ease-in-out",
+		backgroundColor: "$skeletonAnimation",
+		borderRadius: "inherit",
+		bottom: 0,
+		content: "\"\"",
+		left: 0,
+		position: "absolute",
+		right: 0,
+		top: 0
+	},
+	variants: { variant: {
+		square: { borderRadius: "$2" },
+		circle: { borderRadius: "$round" },
+		badge: {
+			borderRadius: "$pill",
+			display: "inline-flex"
+		},
+		button: {
+			borderRadius: "$3",
+			display: "inline-flex"
+		},
+		text: { "&:empty:before": { content: "\"\\00a0\"" } }
+	} },
+	defaultVariants: { variant: "text" }
 });
+//#endregion
 exports.Skeleton = Skeleton;
-//# sourceMappingURL=Skeleton.cjs.map
+
+//# sourceMappingURL=Skeleton.cjs.map

package/dist/components/Skeleton/Skeleton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.cjs","sources":["../../../components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { keyframes, styled, VariantProps } from '../../stitches.config';\n\nconst pulse = keyframes({\n  '0%': { opacity: 0 },\n  '100%': { opacity: '100%' },\n});\n\nexport const Skeleton = styled('div', {\n  backgroundColor: '$skeletonBackground',\n  position: 'relative',\n  overflow: 'hidden',\n  borderRadius: '3px',\n  height: 'auto',\n  width: 'auto',\n  '&:not(:empty)': {\n    '& > *': {\n      visibility: 'hidden',\n      display: 'block',\n    },\n    maxWidth: 'fit-content',\n  },\n\n  '&::after': {\n    animationName: `${pulse}`,\n    animationDuration: '500ms',\n    animationDirection: 'alternate',\n    animationIterationCount: 'infinite',\n    animationTimingFunction: 'ease-in-out',\n    backgroundColor: '$skeletonAnimation',\n    borderRadius: 'inherit',\n    bottom: 0,\n    content: '\"\"',\n    left: 0,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n\n  variants: {\n    variant: {\n      square: {\n        borderRadius: '$2',\n      },\n      circle: {\n        borderRadius: '$round',\n      },\n      badge: {\n        borderRadius: '$pill',\n        display: 'inline-flex',\n      },\n      button: {\n        borderRadius: '$3',\n        display: 'inline-flex',\n      },\n      text: {\n        '&:empty:before': {\n          content: '\"\\\\00a0\"', // adds a space character before element\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'text',\n  },\n});\n\nexport type SkeletonVariants = VariantProps<typeof Skeleton>;\nexport type SkeletonProps = SkeletonVariants & NonNullable<unknown>;\n"],"names":["keyframes","styled"],"mappings":";;;AAEA,MAAM,QAAQA,gBAAAA,UAAU;AAAA,EACtB,MAAM,EAAE,SAAS,EAAA;AAAA,EACjB,QAAQ,EAAE,SAAS,OAAA;AACrB,CAAC;AAEM,MAAM,WAAWC,gBAAAA,OAAO,OAAO;AAAA,EACpC,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,iBAAiB;AAAA,IACf,SAAS;AAAA,MACP,YAAY;AAAA,MACZ,SAAS;AAAA,IAAA;AAAA,IAEX,UAAU;AAAA,EAAA;AAAA,EAGZ,YAAY;AAAA,IACV,eAAe,GAAG,KAAK;AAAA,IACvB,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,IACzB,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAAA,EAGP,UAAU;AAAA,IACR,SAAS;AAAA,MACP,QAAQ;AAAA,QACN,cAAc;AAAA,MAAA;AAAA,MAEhB,QAAQ;AAAA,QACN,cAAc;AAAA,MAAA;AAAA,MAEhB,OAAO;AAAA,QACL,cAAc;AAAA,QACd,SAAS;AAAA,MAAA;AAAA,MAEX,QAAQ;AAAA,QACN,cAAc;AAAA,QACd,SAAS;AAAA,MAAA;AAAA,MAEX,MAAM;AAAA,QACJ,kBAAkB;AAAA,UAChB,SAAS;AAAA;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC;;"}
+{"version":3,"file":"Skeleton.cjs","names":[],"sources":["../../../components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { keyframes, styled, VariantProps } from '../../stitches.config';\n\nconst pulse = keyframes({\n  '0%': { opacity: 0 },\n  '100%': { opacity: '100%' },\n});\n\nexport const Skeleton = styled('div', {\n  backgroundColor: '$skeletonBackground',\n  position: 'relative',\n  overflow: 'hidden',\n  borderRadius: '3px',\n  height: 'auto',\n  width: 'auto',\n  '&:not(:empty)': {\n    '& > *': {\n      visibility: 'hidden',\n      display: 'block',\n    },\n    maxWidth: 'fit-content',\n  },\n\n  '&::after': {\n    animationName: `${pulse}`,\n    animationDuration: '500ms',\n    animationDirection: 'alternate',\n    animationIterationCount: 'infinite',\n    animationTimingFunction: 'ease-in-out',\n    backgroundColor: '$skeletonAnimation',\n    borderRadius: 'inherit',\n    bottom: 0,\n    content: '\"\"',\n    left: 0,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n\n  variants: {\n    variant: {\n      square: {\n        borderRadius: '$2',\n      },\n      circle: {\n        borderRadius: '$round',\n      },\n      badge: {\n        borderRadius: '$pill',\n        display: 'inline-flex',\n      },\n      button: {\n        borderRadius: '$3',\n        display: 'inline-flex',\n      },\n      text: {\n        '&:empty:before': {\n          content: '\"\\\\00a0\"', // adds a space character before element\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'text',\n  },\n});\n\nexport type SkeletonVariants = VariantProps<typeof Skeleton>;\nexport type SkeletonProps = SkeletonVariants & NonNullable<unknown>;\n"],"mappings":";;AAEA,IAAM,QAAQ,wBAAA,UAAU;CACtB,MAAM,EAAE,SAAS,GAAG;CACpB,QAAQ,EAAE,SAAS,QAAQ;CAC5B,CAAC;AAEF,IAAa,WAAW,wBAAA,OAAO,OAAO;CACpC,iBAAiB;CACjB,UAAU;CACV,UAAU;CACV,cAAc;CACd,QAAQ;CACR,OAAO;CACP,iBAAiB;EACf,SAAS;GACP,YAAY;GACZ,SAAS;GACV;EACD,UAAU;EACX;CAED,YAAY;EACV,eAAe,GAAG;EAClB,mBAAmB;EACnB,oBAAoB;EACpB,yBAAyB;EACzB,yBAAyB;EACzB,iBAAiB;EACjB,cAAc;EACd,QAAQ;EACR,SAAS;EACT,MAAM;EACN,UAAU;EACV,OAAO;EACP,KAAK;EACN;CAED,UAAU,EACR,SAAS;EACP,QAAQ,EACN,cAAc,MACf;EACD,QAAQ,EACN,cAAc,UACf;EACD,OAAO;GACL,cAAc;GACd,SAAS;GACV;EACD,QAAQ;GACN,cAAc;GACd,SAAS;GACV;EACD,MAAM,EACJ,kBAAkB,EAChB,SAAS,cACV,EACF;EACF,EACF;CACD,iBAAiB,EACf,SAAS,QACV;CACF,CAAC"}

package/dist/components/Skeleton/Skeleton.js

@@ -1,66 +1,52 @@
-import { styled, keyframes } from "../../stitches.config.js";
-const pulse = keyframes({
-  "0%": { opacity: 0 },
-  "100%": { opacity: "100%" }
+import { keyframes, styled } from "../../stitches.config.js";
+var Skeleton = styled("div", {
+	backgroundColor: "$skeletonBackground",
+	position: "relative",
+	overflow: "hidden",
+	borderRadius: "3px",
+	height: "auto",
+	width: "auto",
+	"&:not(:empty)": {
+		"& > *": {
+			visibility: "hidden",
+			display: "block"
+		},
+		maxWidth: "fit-content"
+	},
+	"&::after": {
+		animationName: `${keyframes({
+			"0%": { opacity: 0 },
+			"100%": { opacity: "100%" }
+		})}`,
+		animationDuration: "500ms",
+		animationDirection: "alternate",
+		animationIterationCount: "infinite",
+		animationTimingFunction: "ease-in-out",
+		backgroundColor: "$skeletonAnimation",
+		borderRadius: "inherit",
+		bottom: 0,
+		content: "\"\"",
+		left: 0,
+		position: "absolute",
+		right: 0,
+		top: 0
+	},
+	variants: { variant: {
+		square: { borderRadius: "$2" },
+		circle: { borderRadius: "$round" },
+		badge: {
+			borderRadius: "$pill",
+			display: "inline-flex"
+		},
+		button: {
+			borderRadius: "$3",
+			display: "inline-flex"
+		},
+		text: { "&:empty:before": { content: "\"\\00a0\"" } }
+	} },
+	defaultVariants: { variant: "text" }
 });
-const Skeleton = styled("div", {
-  backgroundColor: "$skeletonBackground",
-  position: "relative",
-  overflow: "hidden",
-  borderRadius: "3px",
-  height: "auto",
-  width: "auto",
-  "&:not(:empty)": {
-    "& > *": {
-      visibility: "hidden",
-      display: "block"
-    },
-    maxWidth: "fit-content"
-  },
-  "&::after": {
-    animationName: `${pulse}`,
-    animationDuration: "500ms",
-    animationDirection: "alternate",
-    animationIterationCount: "infinite",
-    animationTimingFunction: "ease-in-out",
-    backgroundColor: "$skeletonAnimation",
-    borderRadius: "inherit",
-    bottom: 0,
-    content: '""',
-    left: 0,
-    position: "absolute",
-    right: 0,
-    top: 0
-  },
-  variants: {
-    variant: {
-      square: {
-        borderRadius: "$2"
-      },
-      circle: {
-        borderRadius: "$round"
-      },
-      badge: {
-        borderRadius: "$pill",
-        display: "inline-flex"
-      },
-      button: {
-        borderRadius: "$3",
-        display: "inline-flex"
-      },
-      text: {
-        "&:empty:before": {
-          content: '"\\00a0"'
-          // adds a space character before element
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    variant: "text"
-  }
-});
-export {
-  Skeleton
-};
-//# sourceMappingURL=Skeleton.js.map
+//#endregion
+export { Skeleton };
+
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/Skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sources":["../../../components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { keyframes, styled, VariantProps } from '../../stitches.config';\n\nconst pulse = keyframes({\n  '0%': { opacity: 0 },\n  '100%': { opacity: '100%' },\n});\n\nexport const Skeleton = styled('div', {\n  backgroundColor: '$skeletonBackground',\n  position: 'relative',\n  overflow: 'hidden',\n  borderRadius: '3px',\n  height: 'auto',\n  width: 'auto',\n  '&:not(:empty)': {\n    '& > *': {\n      visibility: 'hidden',\n      display: 'block',\n    },\n    maxWidth: 'fit-content',\n  },\n\n  '&::after': {\n    animationName: `${pulse}`,\n    animationDuration: '500ms',\n    animationDirection: 'alternate',\n    animationIterationCount: 'infinite',\n    animationTimingFunction: 'ease-in-out',\n    backgroundColor: '$skeletonAnimation',\n    borderRadius: 'inherit',\n    bottom: 0,\n    content: '\"\"',\n    left: 0,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n\n  variants: {\n    variant: {\n      square: {\n        borderRadius: '$2',\n      },\n      circle: {\n        borderRadius: '$round',\n      },\n      badge: {\n        borderRadius: '$pill',\n        display: 'inline-flex',\n      },\n      button: {\n        borderRadius: '$3',\n        display: 'inline-flex',\n      },\n      text: {\n        '&:empty:before': {\n          content: '\"\\\\00a0\"', // adds a space character before element\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'text',\n  },\n});\n\nexport type SkeletonVariants = VariantProps<typeof Skeleton>;\nexport type SkeletonProps = SkeletonVariants & NonNullable<unknown>;\n"],"names":[],"mappings":";AAEA,MAAM,QAAQ,UAAU;AAAA,EACtB,MAAM,EAAE,SAAS,EAAA;AAAA,EACjB,QAAQ,EAAE,SAAS,OAAA;AACrB,CAAC;AAEM,MAAM,WAAW,OAAO,OAAO;AAAA,EACpC,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,iBAAiB;AAAA,IACf,SAAS;AAAA,MACP,YAAY;AAAA,MACZ,SAAS;AAAA,IAAA;AAAA,IAEX,UAAU;AAAA,EAAA;AAAA,EAGZ,YAAY;AAAA,IACV,eAAe,GAAG,KAAK;AAAA,IACvB,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,yBAAyB;AAAA,IACzB,yBAAyB;AAAA,IACzB,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAAA,EAGP,UAAU;AAAA,IACR,SAAS;AAAA,MACP,QAAQ;AAAA,QACN,cAAc;AAAA,MAAA;AAAA,MAEhB,QAAQ;AAAA,QACN,cAAc;AAAA,MAAA;AAAA,MAEhB,OAAO;AAAA,QACL,cAAc;AAAA,QACd,SAAS;AAAA,MAAA;AAAA,MAEX,QAAQ;AAAA,QACN,cAAc;AAAA,QACd,SAAS;AAAA,MAAA;AAAA,MAEX,MAAM;AAAA,QACJ,kBAAkB;AAAA,UAChB,SAAS;AAAA;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC;"}
+{"version":3,"file":"Skeleton.js","names":[],"sources":["../../../components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { keyframes, styled, VariantProps } from '../../stitches.config';\n\nconst pulse = keyframes({\n  '0%': { opacity: 0 },\n  '100%': { opacity: '100%' },\n});\n\nexport const Skeleton = styled('div', {\n  backgroundColor: '$skeletonBackground',\n  position: 'relative',\n  overflow: 'hidden',\n  borderRadius: '3px',\n  height: 'auto',\n  width: 'auto',\n  '&:not(:empty)': {\n    '& > *': {\n      visibility: 'hidden',\n      display: 'block',\n    },\n    maxWidth: 'fit-content',\n  },\n\n  '&::after': {\n    animationName: `${pulse}`,\n    animationDuration: '500ms',\n    animationDirection: 'alternate',\n    animationIterationCount: 'infinite',\n    animationTimingFunction: 'ease-in-out',\n    backgroundColor: '$skeletonAnimation',\n    borderRadius: 'inherit',\n    bottom: 0,\n    content: '\"\"',\n    left: 0,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n\n  variants: {\n    variant: {\n      square: {\n        borderRadius: '$2',\n      },\n      circle: {\n        borderRadius: '$round',\n      },\n      badge: {\n        borderRadius: '$pill',\n        display: 'inline-flex',\n      },\n      button: {\n        borderRadius: '$3',\n        display: 'inline-flex',\n      },\n      text: {\n        '&:empty:before': {\n          content: '\"\\\\00a0\"', // adds a space character before element\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'text',\n  },\n});\n\nexport type SkeletonVariants = VariantProps<typeof Skeleton>;\nexport type SkeletonProps = SkeletonVariants & NonNullable<unknown>;\n"],"mappings":";AAOA,IAAa,WAAW,OAAO,OAAO;CACpC,iBAAiB;CACjB,UAAU;CACV,UAAU;CACV,cAAc;CACd,QAAQ;CACR,OAAO;CACP,iBAAiB;EACf,SAAS;GACP,YAAY;GACZ,SAAS;GACV;EACD,UAAU;EACX;CAED,YAAY;EACV,eAAe,GArBL,UAAU;GACtB,MAAM,EAAE,SAAS,GAAG;GACpB,QAAQ,EAAE,SAAS,QAAQ;GAC5B,CAAC;EAmBE,mBAAmB;EACnB,oBAAoB;EACpB,yBAAyB;EACzB,yBAAyB;EACzB,iBAAiB;EACjB,cAAc;EACd,QAAQ;EACR,SAAS;EACT,MAAM;EACN,UAAU;EACV,OAAO;EACP,KAAK;EACN;CAED,UAAU,EACR,SAAS;EACP,QAAQ,EACN,cAAc,MACf;EACD,QAAQ,EACN,cAAc,UACf;EACD,OAAO;GACL,cAAc;GACd,SAAS;GACV;EACD,QAAQ;GACN,cAAc;GACd,SAAS;GACV;EACD,MAAM,EACJ,kBAAkB,EAChB,SAAS,cACV,EACF;EACF,EACF;CACD,iBAAiB,EACf,SAAS,QACV;CACF,CAAC"}

package/dist/components/Skeleton/Skeleton.themes.cjs

@@ -1,14 +1,21 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-exports.Theme = void 0;
-((Theme2) => {
-  Theme2.getLight = () => ({
-    skeletonBackground: "$slate4",
-    skeletonAnimation: "$slate6"
-  });
-  Theme2.getDark = () => ({
-    skeletonBackground: "$deepBlue3",
-    skeletonAnimation: "$deepBlue4"
-  });
-})(exports.Theme || (exports.Theme = {}));
-//# sourceMappingURL=Skeleton.themes.cjs.map
+//#region components/Skeleton/Skeleton.themes.ts
+var Theme;
+(function(_Theme) {
+	_Theme.getLight = () => ({
+		skeletonBackground: "$slate4",
+		skeletonAnimation: "$slate6"
+	});
+	_Theme.getDark = () => ({
+		skeletonBackground: "$deepBlue3",
+		skeletonAnimation: "$deepBlue4"
+	});
+})(Theme || (Theme = {}));
+//#endregion
+Object.defineProperty(exports, "Theme", {
+	enumerable: true,
+	get: function() {
+		return Theme;
+	}
+});
+
+//# sourceMappingURL=Skeleton.themes.cjs.map

package/dist/components/Skeleton/Skeleton.themes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.themes.cjs","sources":["../../../components/Skeleton/Skeleton.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    skeletonBackground: Property.Color;\n    skeletonAnimation: Property.Color;\n  };\n\n  type Factory = (primaryColor?: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    skeletonBackground: '$slate4',\n    skeletonAnimation: '$slate6',\n  });\n\n  export const getDark: Factory = () => ({\n    skeletonBackground: '$deepBlue3',\n    skeletonAnimation: '$deepBlue4',\n  });\n}\n"],"names":["Theme"],"mappings":";;AAIiBA,QAAAA,QAAAA;AAAAA,CAAV,CAAUA,WAAV;AAQQA,SAAA,WAAoB,OAAO;AAAA,IACtC,oBAAoB;AAAA,IACpB,mBAAmB;AAAA,EAAA;AAGRA,SAAA,UAAmB,OAAO;AAAA,IACrC,oBAAoB;AAAA,IACpB,mBAAmB;AAAA,EAAA;AACrB,GAhBeA,QAAAA,UAAAA,gBAAA,CAAA,EAAA;"}
+{"version":3,"file":"Skeleton.themes.cjs","names":[],"sources":["../../../components/Skeleton/Skeleton.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    skeletonBackground: Property.Color;\n    skeletonAnimation: Property.Color;\n  };\n\n  type Factory = (primaryColor?: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    skeletonBackground: '$slate4',\n    skeletonAnimation: '$slate6',\n  });\n\n  export const getDark: Factory = () => ({\n    skeletonBackground: '$deepBlue3',\n    skeletonAnimation: '$deepBlue4',\n  });\n}\n"],"mappings":";AAIO,IAAA;;AAQQ,QAAA,kBAA2B;EACtC,oBAAoB;EACpB,mBAAmB;EACpB;AAEY,QAAA,iBAA0B;EACrC,oBAAoB;EACpB,mBAAmB;EACpB;yBACF"}

package/dist/components/Skeleton/Skeleton.themes.js

@@ -1,15 +1,16 @@
+//#region components/Skeleton/Skeleton.themes.ts
 var Theme;
-((Theme2) => {
-  Theme2.getLight = () => ({
-    skeletonBackground: "$slate4",
-    skeletonAnimation: "$slate6"
-  });
-  Theme2.getDark = () => ({
-    skeletonBackground: "$deepBlue3",
-    skeletonAnimation: "$deepBlue4"
-  });
+(function(_Theme) {
+	_Theme.getLight = () => ({
+		skeletonBackground: "$slate4",
+		skeletonAnimation: "$slate6"
+	});
+	_Theme.getDark = () => ({
+		skeletonBackground: "$deepBlue3",
+		skeletonAnimation: "$deepBlue4"
+	});
 })(Theme || (Theme = {}));
-export {
-  Theme
-};
-//# sourceMappingURL=Skeleton.themes.js.map
+//#endregion
+export { Theme };
+
+//# sourceMappingURL=Skeleton.themes.js.map

package/dist/components/Skeleton/Skeleton.themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.themes.js","sources":["../../../components/Skeleton/Skeleton.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    skeletonBackground: Property.Color;\n    skeletonAnimation: Property.Color;\n  };\n\n  type Factory = (primaryColor?: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    skeletonBackground: '$slate4',\n    skeletonAnimation: '$slate6',\n  });\n\n  export const getDark: Factory = () => ({\n    skeletonBackground: '$deepBlue3',\n    skeletonAnimation: '$deepBlue4',\n  });\n}\n"],"names":["Theme"],"mappings":"AAIO,IAAU;AAAA,CAAV,CAAUA,WAAV;AAQQA,SAAA,WAAoB,OAAO;AAAA,IACtC,oBAAoB;AAAA,IACpB,mBAAmB;AAAA,EAAA;AAGRA,SAAA,UAAmB,OAAO;AAAA,IACrC,oBAAoB;AAAA,IACpB,mBAAmB;AAAA,EAAA;AACrB,GAhBe,UAAA,QAAA,CAAA,EAAA;"}
+{"version":3,"file":"Skeleton.themes.js","names":[],"sources":["../../../components/Skeleton/Skeleton.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    skeletonBackground: Property.Color;\n    skeletonAnimation: Property.Color;\n  };\n\n  type Factory = (primaryColor?: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    skeletonBackground: '$slate4',\n    skeletonAnimation: '$slate6',\n  });\n\n  export const getDark: Factory = () => ({\n    skeletonBackground: '$deepBlue3',\n    skeletonAnimation: '$deepBlue4',\n  });\n}\n"],"mappings":";AAIO,IAAA;;AAQQ,QAAA,kBAA2B;EACtC,oBAAoB;EACpB,mBAAmB;EACpB;AAEY,QAAA,iBAA0B;EACrC,oBAAoB;EACpB,mBAAmB;EACpB;yBACF"}

package/dist/components/Skeleton/Skeleton.vanilla.cjs

@@ -1,34 +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 Skeleton_vanilla_css = require("./Skeleton.vanilla.css.cjs");
-const SkeletonVanillaImpl = 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 = Skeleton_vanilla_css.skeletonRecipe({ 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_Skeleton_vanilla_css = require("./Skeleton.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/Skeleton/Skeleton.vanilla.tsx
+var SkeletonVanillaImpl = (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_Skeleton_vanilla_css.skeletonRecipe({ variant })} ${className || ""}`.trim(),
+		style: mergedStyles,
+		...props
+	});
+});
 SkeletonVanillaImpl.displayName = "SkeletonVanilla";
-const SkeletonVanilla = SkeletonVanillaImpl;
+var SkeletonVanilla = SkeletonVanillaImpl;
+//#endregion
 exports.SkeletonVanilla = SkeletonVanilla;
-//# sourceMappingURL=Skeleton.vanilla.cjs.map
+
+//# sourceMappingURL=Skeleton.vanilla.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.vanilla.cjs","sources":["../../../components/Skeleton/Skeleton.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 { skeletonRecipe } from './Skeleton.vanilla.css';\n\ntype SkeletonRecipeVariants = NonNullable<RecipeVariants<typeof skeletonRecipe>>;\n\ninterface SkeletonVanillaOwnProps extends SkeletonRecipeVariants, CSSProps {}\n\nexport type SkeletonVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  SkeletonVanillaOwnProps\n>;\n\ntype SkeletonVanillaComponent = PolymorphicComponent<'div', SkeletonVanillaProps<ElementType>>;\n\nconst SkeletonVanillaImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, variant, ...props }: SkeletonVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\n    const { colors } = useVanillaExtractTheme();\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipeClass = skeletonRecipe({ variant });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nSkeletonVanillaImpl.displayName = 'SkeletonVanilla';\n\nexport const SkeletonVanilla = SkeletonVanillaImpl as SkeletonVanillaComponent;\n"],"names":["forwardRef","useVanillaExtractTheme","processCSSProp","assignInlineVars","skeletonRecipe","jsx"],"mappings":";;;;;;;;AAwBA,MAAM,sBAAsBA,MAAAA;AAAAA,EAC1B,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;AAE7D,UAAM,eAAe;AAAA,MACnB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAGC,QAAAA,iBAAiB,IAAI;AAAA,IAAA;AAG1B,UAAM,cAAcC,qBAAAA,eAAe,EAAE,SAAS;AAE9C,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,oBAAoB,cAAc;AAE3B,MAAM,kBAAkB;;"}
+{"version":3,"file":"Skeleton.vanilla.cjs","names":[],"sources":["../../../components/Skeleton/Skeleton.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 { skeletonRecipe } from './Skeleton.vanilla.css';\n\ntype SkeletonRecipeVariants = NonNullable<RecipeVariants<typeof skeletonRecipe>>;\n\ninterface SkeletonVanillaOwnProps extends SkeletonRecipeVariants, CSSProps {}\n\nexport type SkeletonVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  SkeletonVanillaOwnProps\n>;\n\ntype SkeletonVanillaComponent = PolymorphicComponent<'div', SkeletonVanillaProps<ElementType>>;\n\nconst SkeletonVanillaImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, variant, ...props }: SkeletonVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\n    const { colors } = useVanillaExtractTheme();\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipeClass = skeletonRecipe({ variant });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nSkeletonVanillaImpl.displayName = 'SkeletonVanilla';\n\nexport const SkeletonVanilla = SkeletonVanillaImpl as SkeletonVanillaComponent;\n"],"mappings":";;;;;;;;AAwBA,IAAM,uBAAA,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;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,6BAAA,eAAe,EAAE,SAAS,CAAC,CAKjB,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,oBAAoB,cAAc;AAElC,IAAa,kBAAkB"}

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

@@ -1,7 +1,19 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
 ;/* empty css                                      */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var skeletonRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "_12qsecm2 _12qsecm1", variantClassNames: { variant: { square: "_12qsecm3", circle: "_12qsecm4", badge: "_12qsecm5", button: "_12qsecm6", text: "_12qsecm7" } }, defaultVariants: { variant: "text" }, compoundVariants: [] });
+//#region components/Skeleton/Skeleton.vanilla.css.ts
+var skeletonRecipe = (0, require("@vanilla-extract/recipes/createRuntimeFn").createRuntimeFn)({
+	defaultClassName: "_12qsecm2 _12qsecm1",
+	variantClassNames: { variant: {
+		square: "_12qsecm3",
+		circle: "_12qsecm4",
+		badge: "_12qsecm5",
+		button: "_12qsecm6",
+		text: "_12qsecm7"
+	} },
+	defaultVariants: { variant: "text" },
+	compoundVariants: []
+});
+//#endregion
 exports.skeletonRecipe = skeletonRecipe;
-//# sourceMappingURL=Skeleton.vanilla.css.cjs.map
+
+//# sourceMappingURL=Skeleton.vanilla.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.vanilla.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"Skeleton.vanilla.css.cjs","names":[],"sources":["../../../components/Skeleton/Skeleton.vanilla.css.ts"],"sourcesContent":["import { globalStyle, keyframes, style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles/tokens.css';\n\nconst pulse = keyframes({\n  '0%': { opacity: 0 },\n  '100%': { opacity: 1 },\n});\n\nconst skeletonBase = style({\n  backgroundColor: tokens.colors.skeletonBackground,\n  position: 'relative',\n  overflow: 'hidden',\n  borderRadius: '3px',\n  height: 'auto',\n  width: 'auto',\n\n  selectors: {\n    '&:not(:empty)': {\n      maxWidth: 'fit-content',\n    },\n  },\n\n  '::after': {\n    animationName: pulse,\n    animationDuration: '500ms',\n    animationDirection: 'alternate',\n    animationIterationCount: 'infinite',\n    animationTimingFunction: 'ease-in-out',\n    backgroundColor: tokens.colors.skeletonAnimation,\n    borderRadius: 'inherit',\n    bottom: 0,\n    content: '\"\"',\n    left: 0,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n});\n\n// Global styles for child elements inside skeleton\nglobalStyle(`${skeletonBase}:not(:empty) > *`, {\n  visibility: 'hidden',\n  display: 'block',\n});\n\nexport const skeletonRecipe = recipe({\n  base: skeletonBase,\n\n  variants: {\n    variant: {\n      square: {\n        borderRadius: tokens.radii['2'],\n      },\n      circle: {\n        borderRadius: tokens.radii.round,\n      },\n      badge: {\n        borderRadius: tokens.radii.pill,\n        display: 'inline-flex',\n      },\n      button: {\n        borderRadius: tokens.radii['3'],\n        display: 'inline-flex',\n      },\n      text: {\n        selectors: {\n          '&:empty::before': {\n            content: '\"\\\\00a0\"',\n          },\n        },\n      },\n    },\n  },\n\n  defaultVariants: {\n    variant: 'text',\n  },\n});\n"],"mappings":""}

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

@@ -1,7 +1,19 @@
 /* empty css                                    */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var skeletonRecipe = createRuntimeFn({ defaultClassName: "_12qsecm2 _12qsecm1", variantClassNames: { variant: { square: "_12qsecm3", circle: "_12qsecm4", badge: "_12qsecm5", button: "_12qsecm6", text: "_12qsecm7" } }, defaultVariants: { variant: "text" }, compoundVariants: [] });
-export {
-  skeletonRecipe
-};
-//# sourceMappingURL=Skeleton.vanilla.css.js.map
+//#region components/Skeleton/Skeleton.vanilla.css.ts
+var skeletonRecipe = createRuntimeFn({
+	defaultClassName: "_12qsecm2 _12qsecm1",
+	variantClassNames: { variant: {
+		square: "_12qsecm3",
+		circle: "_12qsecm4",
+		badge: "_12qsecm5",
+		button: "_12qsecm6",
+		text: "_12qsecm7"
+	} },
+	defaultVariants: { variant: "text" },
+	compoundVariants: []
+});
+//#endregion
+export { skeletonRecipe };
+
+//# sourceMappingURL=Skeleton.vanilla.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.vanilla.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"Skeleton.vanilla.css.js","names":[],"sources":["../../../components/Skeleton/Skeleton.vanilla.css.ts"],"sourcesContent":["import { globalStyle, keyframes, style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { tokens } from '../../styles/tokens.css';\n\nconst pulse = keyframes({\n  '0%': { opacity: 0 },\n  '100%': { opacity: 1 },\n});\n\nconst skeletonBase = style({\n  backgroundColor: tokens.colors.skeletonBackground,\n  position: 'relative',\n  overflow: 'hidden',\n  borderRadius: '3px',\n  height: 'auto',\n  width: 'auto',\n\n  selectors: {\n    '&:not(:empty)': {\n      maxWidth: 'fit-content',\n    },\n  },\n\n  '::after': {\n    animationName: pulse,\n    animationDuration: '500ms',\n    animationDirection: 'alternate',\n    animationIterationCount: 'infinite',\n    animationTimingFunction: 'ease-in-out',\n    backgroundColor: tokens.colors.skeletonAnimation,\n    borderRadius: 'inherit',\n    bottom: 0,\n    content: '\"\"',\n    left: 0,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n});\n\n// Global styles for child elements inside skeleton\nglobalStyle(`${skeletonBase}:not(:empty) > *`, {\n  visibility: 'hidden',\n  display: 'block',\n});\n\nexport const skeletonRecipe = recipe({\n  base: skeletonBase,\n\n  variants: {\n    variant: {\n      square: {\n        borderRadius: tokens.radii['2'],\n      },\n      circle: {\n        borderRadius: tokens.radii.round,\n      },\n      badge: {\n        borderRadius: tokens.radii.pill,\n        display: 'inline-flex',\n      },\n      button: {\n        borderRadius: tokens.radii['3'],\n        display: 'inline-flex',\n      },\n      text: {\n        selectors: {\n          '&:empty::before': {\n            content: '\"\\\\00a0\"',\n          },\n        },\n      },\n    },\n  },\n\n  defaultVariants: {\n    variant: 'text',\n  },\n});\n"],"mappings":""}

package/dist/components/Skeleton/Skeleton.vanilla.js

@@ -1,34 +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 { skeletonRecipe } from "./Skeleton.vanilla.css.js";
-const SkeletonVanillaImpl = 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 = skeletonRecipe({ 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/Skeleton/Skeleton.vanilla.tsx
+var SkeletonVanillaImpl = 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: `${skeletonRecipe({ variant })} ${className || ""}`.trim(),
+		style: mergedStyles,
+		...props
+	});
+});
 SkeletonVanillaImpl.displayName = "SkeletonVanilla";
-const SkeletonVanilla = SkeletonVanillaImpl;
-export {
-  SkeletonVanilla
-};
-//# sourceMappingURL=Skeleton.vanilla.js.map
+var SkeletonVanilla = SkeletonVanillaImpl;
+//#endregion
+export { SkeletonVanilla };
+
+//# sourceMappingURL=Skeleton.vanilla.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.vanilla.js","sources":["../../../components/Skeleton/Skeleton.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 { skeletonRecipe } from './Skeleton.vanilla.css';\n\ntype SkeletonRecipeVariants = NonNullable<RecipeVariants<typeof skeletonRecipe>>;\n\ninterface SkeletonVanillaOwnProps extends SkeletonRecipeVariants, CSSProps {}\n\nexport type SkeletonVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  SkeletonVanillaOwnProps\n>;\n\ntype SkeletonVanillaComponent = PolymorphicComponent<'div', SkeletonVanillaProps<ElementType>>;\n\nconst SkeletonVanillaImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, variant, ...props }: SkeletonVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\n    const { colors } = useVanillaExtractTheme();\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipeClass = skeletonRecipe({ variant });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nSkeletonVanillaImpl.displayName = 'SkeletonVanilla';\n\nexport const SkeletonVanilla = SkeletonVanillaImpl as SkeletonVanillaComponent;\n"],"names":[],"mappings":";;;;;;AAwBA,MAAM,sBAAsB;AAAA,EAC1B,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;AAE7D,UAAM,eAAe;AAAA,MACnB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG,iBAAiB,IAAI;AAAA,IAAA;AAG1B,UAAM,cAAc,eAAe,EAAE,SAAS;AAE9C,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,oBAAoB,cAAc;AAE3B,MAAM,kBAAkB;"}
+{"version":3,"file":"Skeleton.vanilla.js","names":[],"sources":["../../../components/Skeleton/Skeleton.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 { skeletonRecipe } from './Skeleton.vanilla.css';\n\ntype SkeletonRecipeVariants = NonNullable<RecipeVariants<typeof skeletonRecipe>>;\n\ninterface SkeletonVanillaOwnProps extends SkeletonRecipeVariants, CSSProps {}\n\nexport type SkeletonVanillaProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  SkeletonVanillaOwnProps\n>;\n\ntype SkeletonVanillaComponent = PolymorphicComponent<'div', SkeletonVanillaProps<ElementType>>;\n\nconst SkeletonVanillaImpl = forwardRef(\n  <C extends ElementType = 'div'>(\n    { as, className, css, style, variant, ...props }: SkeletonVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div';\n    const { colors } = useVanillaExtractTheme();\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipeClass = skeletonRecipe({ variant });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nSkeletonVanillaImpl.displayName = 'SkeletonVanilla';\n\nexport const SkeletonVanilla = SkeletonVanillaImpl as SkeletonVanillaComponent;\n"],"mappings":";;;;;;;AAwBA,IAAM,sBAAsB,YAExB,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;CAE9D,MAAM,eAAe;EACnB,GAAG;EACH,GAAG;EACH,GAAG,iBAAiB,KAAK;EAC1B;AAID,QACE,oBAAC,WAAD;EACO;EACL,WAAW,GALK,eAAe,EAAE,SAAS,CAAC,CAKjB,GAAG,aAAa,KAAK,MAAM;EACrD,OAAO;EACP,GAAI;EACJ,CAAA;EAGP;AAED,oBAAoB,cAAc;AAElC,IAAa,kBAAkB"}