@ultraviolet/ui 3.11.0 → 3.12.0

package/dist/components/Separator/styles.css.js

@@ -1,56 +1,66 @@
-/* empty css                              */
-/* empty css                      */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "../Drawer/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$1 } from "./styles.css.ts.vanilla.js";
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Separator/styles.css.ts
-var thicknessSeparator = "var(--uv_bu43fb0)";
-var iconWraperSeparator = createRuntimeFn({
-	defaultClassName: "uv_bu43fb1",
-	variantClassNames: {
-		direction: {
-			horizontal: "uv_bu43fb2",
-			vertical: "uv_bu43fb3"
-		},
-		sentiment: {
-			danger: "uv_bu43fb4",
-			info: "uv_bu43fb5",
-			neutral: "uv_bu43fb6",
-			primary: "uv_bu43fb7",
-			secondary: "uv_bu43fb8",
-			success: "uv_bu43fb9",
-			warning: "uv_bu43fba"
-		}
-	},
-	defaultVariants: {
-		direction: "horizontal",
-		sentiment: "neutral"
-	},
-	compoundVariants: []
-});
-var hr = createRuntimeFn({
-	defaultClassName: "uv_bu43fbb",
-	variantClassNames: {
-		direction: {
-			horizontal: "uv_bu43fbc",
-			vertical: "uv_bu43fbd"
-		},
-		hasIcon: {
-			false: "uv_bu43fbe",
-			true: "uv_bu43fbf"
-		},
-		sentiment: {
-			danger: "uv_bu43fbg",
-			info: "uv_bu43fbh",
-			neutral: "uv_bu43fbi",
-			primary: "uv_bu43fbj",
-			secondary: "uv_bu43fbk",
-			success: "uv_bu43fbl",
-			warning: "uv_bu43fbm"
-		}
-	},
-	defaultVariants: {},
-	compoundVariants: []
+var thicknessSeparator, separatorStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	init_styles_css_ts_vanilla$1();
+	thicknessSeparator = "var(--uv_bu43fb0)";
+	separatorStyle = {
+		thicknessSeparator: "var(--uv_bu43fb0)",
+		iconWraper: createRuntimeFn({
+			defaultClassName: "uv_bu43fb1",
+			variantClassNames: {
+				direction: {
+					horizontal: "uv_bu43fb2",
+					vertical: "uv_bu43fb3"
+				},
+				sentiment: {
+					danger: "uv_bu43fb4",
+					info: "uv_bu43fb5",
+					neutral: "uv_bu43fb6",
+					primary: "uv_bu43fb7",
+					secondary: "uv_bu43fb8",
+					success: "uv_bu43fb9",
+					warning: "uv_bu43fba"
+				}
+			},
+			defaultVariants: {
+				direction: "horizontal",
+				sentiment: "neutral"
+			},
+			compoundVariants: []
+		}),
+		hr: createRuntimeFn({
+			defaultClassName: "uv_bu43fbb",
+			variantClassNames: {
+				direction: {
+					horizontal: "uv_bu43fbc",
+					vertical: "uv_bu43fbd"
+				},
+				hasIcon: {
+					false: "uv_bu43fbe",
+					true: "uv_bu43fbf"
+				},
+				sentiment: {
+					danger: "uv_bu43fbg",
+					info: "uv_bu43fbh",
+					neutral: "uv_bu43fbi",
+					primary: "uv_bu43fbj",
+					secondary: "uv_bu43fbk",
+					success: "uv_bu43fbl",
+					warning: "uv_bu43fbm"
+				}
+			},
+			defaultVariants: {},
+			compoundVariants: []
+		})
+	};
 });
 
 //#endregion
-export { hr, iconWraperSeparator, thicknessSeparator };
+init_styles_css();
+export { init_styles_css, separatorStyle, thicknessSeparator };

package/dist/components/Separator/styles.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Separator/styles.css.ts.vanilla.css
+var init_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/Skeleton/Block.js

@@ -1,19 +1,26 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { blockSkeletonLine, blockSkeletonList } from "./stylesVariants.css.js";
-import { IconSkeleton } from "./IconSkeleton.js";
-import { Line } from "./Line.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, skeletonStyle } from "./styles.css.js";
+import { IconSkeleton, init_IconSkeleton } from "./IconSkeleton.js";
+import { Line, init_Line } from "./Line.js";
 import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Skeleton/Block.tsx
-const Block = ({ length = 3 }) => /* @__PURE__ */ jsx("ul", {
-	className: blockSkeletonList,
-	children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("li", {
-		className: blockSkeletonLine,
-		children: [/* @__PURE__ */ jsx(IconSkeleton, {}), /* @__PURE__ */ jsx(Line, {})]
-	}) }, `skeleton-block-${i}`))
+var Block;
+var init_Block = __esmMin(() => {
+	init_IconSkeleton();
+	init_Line();
+	init_styles_css();
+	Block = ({ length = 3 }) => /* @__PURE__ */ jsx("ul", {
+		className: skeletonStyle.blockSkeletonList,
+		children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("li", {
+			className: skeletonStyle.blockSkeletonLine,
+			children: [/* @__PURE__ */ jsx(IconSkeleton, {}), /* @__PURE__ */ jsx(Line, {})]
+		}) }, `skeleton-block-${i}`))
+	});
 });
 
 //#endregion
-export { Block };
+init_Block();
+export { Block, init_Block };

package/dist/components/Skeleton/Blocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Blocks.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Blocks.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,MAAM;;;6CAqBlB,CAAA"}
+{"version":3,"file":"Blocks.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Blocks.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,MAAM;;;6CAwBlB,CAAA"}

package/dist/components/Skeleton/Blocks.js

@@ -1,20 +1,29 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { blocksContainer, blocksSkeleton, columns } from "./stylesVariants.css.js";
-import { IconSkeleton } from "./IconSkeleton.js";
-import { Line } from "./Line.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, skeletonStyle } from "./styles.css.js";
+import { IconSkeleton, init_IconSkeleton } from "./IconSkeleton.js";
+import { columns, init_stylesVariants_css } from "./stylesVariants.css.js";
+import { Line, init_Line } from "./Line.js";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Skeleton/Blocks.tsx
-const Blocks = ({ col = 4, length = 8 }) => /* @__PURE__ */ jsx("div", {
-	className: blocksContainer,
-	style: assignInlineVars({ [columns]: col.toString() }),
-	children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsxs("div", {
-		className: blocksSkeleton,
-		children: [/* @__PURE__ */ jsx(IconSkeleton, {}), /* @__PURE__ */ jsx(Line, {})]
-	}, `skeleton-blocks-${i}`))
+var Blocks;
+var init_Blocks = __esmMin(() => {
+	init_IconSkeleton();
+	init_Line();
+	init_styles_css();
+	init_stylesVariants_css();
+	Blocks = ({ col = 4, length = 8 }) => /* @__PURE__ */ jsx("div", {
+		className: skeletonStyle.blocksContainer,
+		style: assignInlineVars({ [columns]: col.toString() }),
+		children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsxs("div", {
+			className: skeletonStyle.blocksSkeleton,
+			children: [/* @__PURE__ */ jsx(IconSkeleton, {}), /* @__PURE__ */ jsx(Line, {})]
+		}, `skeleton-blocks-${i}`))
+	});
 });
 
 //#endregion
-export { Blocks };
+init_Blocks();
+export { Blocks, init_Blocks };

package/dist/components/Skeleton/BoxWithIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BoxWithIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/BoxWithIcon.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,WAAW;;;6CAqBvB,CAAA"}
+{"version":3,"file":"BoxWithIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/BoxWithIcon.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,WAAW;;;6CAwBvB,CAAA"}

package/dist/components/Skeleton/BoxWithIcon.js

@@ -1,20 +1,29 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { blocksContainer, boxWithIconSkeleton, columns } from "./stylesVariants.css.js";
-import { IconSkeleton } from "./IconSkeleton.js";
-import { Line } from "./Line.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, skeletonStyle } from "./styles.css.js";
+import { IconSkeleton, init_IconSkeleton } from "./IconSkeleton.js";
+import { columns, init_stylesVariants_css } from "./stylesVariants.css.js";
+import { Line, init_Line } from "./Line.js";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Skeleton/BoxWithIcon.tsx
-const BoxWithIcon = ({ col = 4, length = 8 }) => /* @__PURE__ */ jsx("div", {
-	className: blocksContainer,
-	style: assignInlineVars({ [columns]: col.toString() }),
-	children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsxs("div", {
-		className: boxWithIconSkeleton,
-		children: [/* @__PURE__ */ jsx(IconSkeleton, {}), /* @__PURE__ */ jsx(Line, {})]
-	}, `skeleton-box-${i}`))
+var BoxWithIcon;
+var init_BoxWithIcon = __esmMin(() => {
+	init_IconSkeleton();
+	init_Line();
+	init_styles_css();
+	init_stylesVariants_css();
+	BoxWithIcon = ({ col = 4, length = 8 }) => /* @__PURE__ */ jsx("div", {
+		className: skeletonStyle.blocksContainer,
+		style: assignInlineVars({ [columns]: col.toString() }),
+		children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsxs("div", {
+			className: skeletonStyle.boxWithIconSkeleton,
+			children: [/* @__PURE__ */ jsx(IconSkeleton, {}), /* @__PURE__ */ jsx(Line, {})]
+		}, `skeleton-box-${i}`))
+	});
 });
 
 //#endregion
-export { BoxWithIcon };
+init_BoxWithIcon();
+export { BoxWithIcon, init_BoxWithIcon };

package/dist/components/Skeleton/Donut.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Donut.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Donut.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,KAAK,+CA0BjB,CAAA"}
+{"version":3,"file":"Donut.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Donut.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,KAAK,+CA0BjB,CAAA"}

package/dist/components/Skeleton/Donut.js

@@ -1,30 +1,38 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { CIRCLE_SIZE, donutSkeletonCircle, donutSkeletonContainer, donutSkeletonLineList, donutSkeletonSvg } from "./stylesVariants.css.js";
-import { Line } from "./Line.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, skeletonStyle } from "./styles.css.js";
+import { CIRCLE_SIZE, init_stylesVariants_css } from "./stylesVariants.css.js";
+import { Line, init_Line } from "./Line.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Skeleton/Donut.tsx
-const Donut = () => /* @__PURE__ */ jsxs("div", {
-	className: donutSkeletonContainer,
-	children: [/* @__PURE__ */ jsxs("svg", {
-		className: donutSkeletonSvg,
-		children: [/* @__PURE__ */ jsx("title", { children: "donut skeleton" }), /* @__PURE__ */ jsx("circle", {
-			className: donutSkeletonCircle,
-			cx: `${CIRCLE_SIZE / 2}rem`,
-			cy: `${CIRCLE_SIZE / 2}rem`,
-			r: "90"
+var Donut;
+var init_Donut = __esmMin(() => {
+	init_Line();
+	init_styles_css();
+	init_stylesVariants_css();
+	Donut = () => /* @__PURE__ */ jsxs("div", {
+		className: skeletonStyle.donutSkeletonContainer,
+		children: [/* @__PURE__ */ jsxs("svg", {
+			className: skeletonStyle.donutSkeletonSvg,
+			children: [/* @__PURE__ */ jsx("title", { children: "donut skeleton" }), /* @__PURE__ */ jsx("circle", {
+				className: skeletonStyle.donutSkeletonCircle,
+				cx: `${CIRCLE_SIZE / 2}rem`,
+				cy: `${CIRCLE_SIZE / 2}rem`,
+				r: "90"
+			})]
+		}), /* @__PURE__ */ jsxs("ul", {
+			className: skeletonStyle.donutSkeletonLineList,
+			children: [
+				/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Line, {}) }),
+				/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Line, {}) }),
+				/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Line, {}) }),
+				/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Line, {}) })
+			]
 		})]
-	}), /* @__PURE__ */ jsxs("ul", {
-		className: donutSkeletonLineList,
-		children: [
-			/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Line, {}) }),
-			/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Line, {}) }),
-			/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Line, {}) }),
-			/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Line, {}) })
-		]
-	})]
+	});
 });
 
 //#endregion
-export { Donut };
+init_Donut();
+export { Donut, init_Donut };

package/dist/components/Skeleton/IconSkeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconSkeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/IconSkeleton.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,+CAAyC,CAAA"}
+{"version":3,"file":"IconSkeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/IconSkeleton.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,+CAAuD,CAAA"}

package/dist/components/Skeleton/IconSkeleton.js

@@ -1,10 +1,15 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { iconSkeleton } from "./stylesVariants.css.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, skeletonStyle } from "./styles.css.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Skeleton/IconSkeleton.tsx
-const IconSkeleton = () => /* @__PURE__ */ jsx("div", { className: iconSkeleton });
+var IconSkeleton;
+var init_IconSkeleton = __esmMin(() => {
+	init_styles_css();
+	IconSkeleton = () => /* @__PURE__ */ jsx("div", { className: skeletonStyle.iconSkeleton });
+});
 
 //#endregion
-export { IconSkeleton };
+init_IconSkeleton();
+export { IconSkeleton, init_IconSkeleton };

package/dist/components/Skeleton/Line.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Line.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,IAAI,+CAOhB,CAAA"}
+{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Line.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,IAAI,+CAOhB,CAAA"}

package/dist/components/Skeleton/Line.js

@@ -1,21 +1,28 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { lineSkeleton, widthLine } from "./stylesVariants.css.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, skeletonStyle } from "./styles.css.js";
+import { init_stylesVariants_css, widthLine } from "./stylesVariants.css.js";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Skeleton/Line.tsx
-const sizes = [
-	"5rem",
-	"7.5rem",
-	"10rem",
-	"12.5rem"
-];
-const randomSize = () => sizes[Math.floor(Math.random() * sizes.length)];
-const Line = () => /* @__PURE__ */ jsx("div", {
-	className: lineSkeleton,
-	style: assignInlineVars({ [widthLine]: randomSize() })
+var sizes, randomSize, Line;
+var init_Line = __esmMin(() => {
+	init_styles_css();
+	init_stylesVariants_css();
+	sizes = [
+		"5rem",
+		"7.5rem",
+		"10rem",
+		"12.5rem"
+	];
+	randomSize = () => sizes[Math.floor(Math.random() * sizes.length)];
+	Line = () => /* @__PURE__ */ jsx("div", {
+		className: skeletonStyle.lineSkeleton,
+		style: assignInlineVars({ [widthLine]: randomSize() })
+	});
 });
 
 //#endregion
-export { Line };
+init_Line();
+export { Line, init_Line };

package/dist/components/Skeleton/List.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/List.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,IAAI;;;6CAahB,CAAA"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/List.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,IAAI;;;6CAahB,CAAA"}

package/dist/components/Skeleton/List.js

@@ -1,21 +1,27 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { listSkeletonDiv, listSkeletonLi, listSkeletonUl } from "./stylesVariants.css.js";
-import { Line } from "./Line.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, skeletonStyle } from "./styles.css.js";
+import { Line, init_Line } from "./Line.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Skeleton/List.tsx
-const Item = ({ col = 3 }) => /* @__PURE__ */ jsx("li", {
-	className: listSkeletonLi,
-	children: Array.from({ length: col }, (_, i) => /* @__PURE__ */ jsx("div", {
-		className: listSkeletonDiv,
-		children: /* @__PURE__ */ jsx(Line, {})
-	}, `skeleton-list-col-${i}`))
-});
-const List = ({ length = 3, col = 3 }) => /* @__PURE__ */ jsx("ul", {
-	className: listSkeletonUl,
-	children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsx(Item, { col }, `skeleton-list-${i}`))
+var Item, List;
+var init_List = __esmMin(() => {
+	init_Line();
+	init_styles_css();
+	Item = ({ col = 3 }) => /* @__PURE__ */ jsx("li", {
+		className: skeletonStyle.listSkeletonLi,
+		children: Array.from({ length: col }, (_, i) => /* @__PURE__ */ jsx("div", {
+			className: skeletonStyle.listSkeletonDiv,
+			children: /* @__PURE__ */ jsx(Line, {})
+		}, `skeleton-list-col-${i}`))
+	});
+	List = ({ length = 3, col = 3 }) => /* @__PURE__ */ jsx("ul", {
+		className: skeletonStyle.listSkeletonUl,
+		children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsx(Item, { col }, `skeleton-list-${i}`))
+	});
 });
 
 //#endregion
-export { List };
+init_List();
+export { List, init_List };

package/dist/components/Skeleton/Slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Slider.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,MAAM;;6CAclB,CAAA"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Slider.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,MAAM;;6CAiBlB,CAAA"}

package/dist/components/Skeleton/Slider.js

@@ -1,18 +1,25 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { sliderLength, sliderSkeletonBanner, sliderSkeletonCard, sliderSkeletonContainer } from "./stylesVariants.css.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, skeletonStyle } from "./styles.css.js";
+import { init_stylesVariants_css, sliderLength } from "./stylesVariants.css.js";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Skeleton/Slider.tsx
-const Slider = ({ length = 4 }) => /* @__PURE__ */ jsx("div", {
-	className: sliderSkeletonContainer,
-	style: assignInlineVars({ [sliderLength]: length.toString() }),
-	children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsx("div", {
-		className: sliderSkeletonCard,
-		children: /* @__PURE__ */ jsx("div", { className: sliderSkeletonBanner })
-	}, `skeleton-slider-card-${i}`))
+var Slider;
+var init_Slider = __esmMin(() => {
+	init_styles_css();
+	init_stylesVariants_css();
+	Slider = ({ length = 4 }) => /* @__PURE__ */ jsx("div", {
+		className: skeletonStyle.sliderSkeletonContainer,
+		style: assignInlineVars({ [sliderLength]: length.toString() }),
+		children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsx("div", {
+			className: skeletonStyle.sliderSkeletonCard,
+			children: /* @__PURE__ */ jsx("div", { className: skeletonStyle.sliderSkeletonBanner })
+		}, `skeleton-slider-card-${i}`))
+	});
 });
 
 //#endregion
-export { Slider };
+init_Slider();
+export { Slider, init_Slider };

package/dist/components/Skeleton/Square.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Square.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Square.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM,+CAA2C,CAAA"}
+{"version":3,"file":"Square.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Square.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM,+CAAyD,CAAA"}

package/dist/components/Skeleton/Square.js

@@ -1,10 +1,15 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { squareSkeleton } from "./stylesVariants.css.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, skeletonStyle } from "./styles.css.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Skeleton/Square.tsx
-const Square = () => /* @__PURE__ */ jsx("div", { className: squareSkeleton });
+var Square;
+var init_Square = __esmMin(() => {
+	init_styles_css();
+	Square = () => /* @__PURE__ */ jsx("div", { className: skeletonStyle.squareSkeleton });
+});
 
 //#endregion
-export { Square };
+init_Square();
+export { Square, init_Square };

package/dist/components/Skeleton/index.js

@@ -1,49 +1,57 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Line } from "./Line.js";
-import { Block } from "./Block.js";
-import { Blocks } from "./Blocks.js";
-import { BoxWithIcon } from "./BoxWithIcon.js";
-import { Donut } from "./Donut.js";
-import { List } from "./List.js";
-import { Slider } from "./Slider.js";
-import { Square } from "./Square.js";
-import { skeletonContainer, skeletonHighlight } from "./styles.css.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, skeletonStyle } from "./styles.css.js";
+import { Line, init_Line } from "./Line.js";
+import { Block, init_Block } from "./Block.js";
+import { Blocks, init_Blocks } from "./Blocks.js";
+import { BoxWithIcon, init_BoxWithIcon } from "./BoxWithIcon.js";
+import { Donut, init_Donut } from "./Donut.js";
+import { List, init_List } from "./List.js";
+import { Slider, init_Slider } from "./Slider.js";
+import { Square, init_Square } from "./Square.js";
 import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Skeleton/index.tsx
-const variants = {
-	block: Block,
-	blocks: Blocks,
-	box: BoxWithIcon,
-	donut: Donut,
-	line: Line,
-	list: List,
-	slider: Slider,
-	square: Square
-};
-/**
-* Skeleton component is used to indicate that the data is loading.
-* It is used to provide a better user experience by showing a temporary placeholder reflecting the dimensions of the
-* content that will eventually be loaded on the screen.
-*/
-const Skeleton = ({ variant = "blocks", length, col, className, "aria-label": ariaLabel, "data-testid": dataTestId, style }) => {
-	const Component = variants[variant];
-	return /* @__PURE__ */ jsxs("div", {
-		"aria-busy": true,
-		"aria-label": ariaLabel,
-		"aria-live": "polite",
-		className: cn(className, skeletonContainer),
-		"data-testid": dataTestId,
-		style,
-		children: [/* @__PURE__ */ jsx(Component, {
-			col,
-			length
-		}), /* @__PURE__ */ jsx("div", { className: skeletonHighlight })]
-	});
-};
-const skeletonTypes = Object.keys(variants);
+var variants, Skeleton, skeletonTypes;
+var init_Skeleton = __esmMin(() => {
+	init_Block();
+	init_Blocks();
+	init_BoxWithIcon();
+	init_Donut();
+	init_Line();
+	init_List();
+	init_Slider();
+	init_Square();
+	init_styles_css();
+	variants = {
+		block: Block,
+		blocks: Blocks,
+		box: BoxWithIcon,
+		donut: Donut,
+		line: Line,
+		list: List,
+		slider: Slider,
+		square: Square
+	};
+	Skeleton = ({ variant = "blocks", length, col, className, "aria-label": ariaLabel, "data-testid": dataTestId, style }) => {
+		const Component = variants[variant];
+		return /* @__PURE__ */ jsxs("div", {
+			"aria-busy": true,
+			"aria-label": ariaLabel,
+			"aria-live": "polite",
+			className: cn(className, skeletonStyle.container),
+			"data-testid": dataTestId,
+			style,
+			children: [/* @__PURE__ */ jsx(Component, {
+				col,
+				length
+			}), /* @__PURE__ */ jsx("div", { className: skeletonStyle.highlight })]
+		});
+	};
+	skeletonTypes = Object.keys(variants);
+});
 
 //#endregion
-export { Skeleton };
+init_Skeleton();
+export { Skeleton, init_Skeleton };