@ultraviolet/ui 3.21.1 → 3.22.0

package/dist/components/Separator/index.js

@@ -7,49 +7,51 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Separator/index.tsx
 var Separator;
-var init_Separator = __esmMin(() => {
-	init_styles_css();
-	Separator = ({ direction = "horizontal", thickness = 1, sentiment = "neutral", className, "data-testid": dataTestId, "data-flip-id": flipId, children, style }) => children ? /* @__PURE__ */ jsxs("div", {
-		"aria-orientation": direction,
-		className: cn(className, separatorStyle.iconWraper({
-			direction,
-			sentiment
-		})),
-		"data-testid": dataTestId,
-		"data-flip-id": flipId,
-		role: "separator",
-		style,
-		children: [
-			/* @__PURE__ */ jsx("hr", {
-				className: separatorStyle.hr({
-					direction,
-					hasIcon: true,
-					sentiment
+function init_Separator() {
+	return (init_Separator = __esmMin(() => {
+		init_styles_css();
+		Separator = ({ direction = "horizontal", thickness = 1, sentiment = "neutral", className, "data-testid": dataTestId, "data-flip-id": flipId, children, style }) => children ? /* @__PURE__ */ jsxs("div", {
+			"aria-orientation": direction,
+			className: cn(className, separatorStyle.iconWraper({
+				direction,
+				sentiment
+			})),
+			"data-testid": dataTestId,
+			"data-flip-id": flipId,
+			role: "separator",
+			style,
+			children: [
+				/* @__PURE__ */ jsx("hr", {
+					className: separatorStyle.hr({
+						direction,
+						hasIcon: true,
+						sentiment
+					}),
+					style: assignInlineVars({ [thicknessSeparator]: `${thickness}px` })
 				}),
-				style: assignInlineVars({ [thicknessSeparator]: `${thickness}px` })
-			}),
-			children,
-			/* @__PURE__ */ jsx("hr", {
-				className: separatorStyle.hr({
-					direction,
-					hasIcon: true,
-					sentiment
-				}),
-				style: assignInlineVars({ [thicknessSeparator]: `${thickness}px` })
-			})
-		]
-	}) : /* @__PURE__ */ jsx("hr", {
-		"aria-orientation": direction,
-		className: cn(className, separatorStyle.hr({
-			direction,
-			sentiment
-		})),
-		"data-testid": dataTestId,
-		"data-flip-id": flipId,
-		style: assignInlineVars({ [thicknessSeparator]: `${thickness}px` })
-	});
-	Separator.displayName = "Separator";
-});
+				children,
+				/* @__PURE__ */ jsx("hr", {
+					className: separatorStyle.hr({
+						direction,
+						hasIcon: true,
+						sentiment
+					}),
+					style: assignInlineVars({ [thicknessSeparator]: `${thickness}px` })
+				})
+			]
+		}) : /* @__PURE__ */ jsx("hr", {
+			"aria-orientation": direction,
+			className: cn(className, separatorStyle.hr({
+				direction,
+				sentiment
+			})),
+			"data-testid": dataTestId,
+			"data-flip-id": flipId,
+			style: assignInlineVars({ [thicknessSeparator]: `${thickness}px` })
+		});
+		Separator.displayName = "Separator";
+	}))();
+}
 
 //#endregion
 init_Separator();

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

@@ -6,62 +6,64 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Separator/styles.css.ts
 var thicknessSeparator, separatorStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla$1();
-	init_styles_css_ts_vanilla();
-	init_styles_css_ts_vanilla$2();
-	thicknessSeparator = "var(--uv_bu43fb0)";
-	separatorStyle = {
-		thicknessSeparator: "var(--uv_bu43fb0)",
-		iconWraper: createRuntimeFn({
-			defaultClassName: "uv_bu43fb1",
-			variantClassNames: {
-				direction: {
-					horizontal: "uv_bu43fb2",
-					vertical: "uv_bu43fb3"
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla$1();
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$2();
+		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"
+					}
 				},
-				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"
+				defaultVariants: {
+					direction: "horizontal",
+					sentiment: "neutral"
 				},
-				hasIcon: {
-					false: "uv_bu43fbe",
-					true: "uv_bu43fbf"
+				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"
+					}
 				},
-				sentiment: {
-					danger: "uv_bu43fbg",
-					info: "uv_bu43fbh",
-					neutral: "uv_bu43fbi",
-					primary: "uv_bu43fbj",
-					secondary: "uv_bu43fbk",
-					success: "uv_bu43fbl",
-					warning: "uv_bu43fbm"
-				}
-			},
-			defaultVariants: {},
-			compoundVariants: []
-		})
-	};
-});
+				defaultVariants: {},
+				compoundVariants: []
+			})
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

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

package/dist/components/Skeleton/Block.js

@@ -8,18 +8,20 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Skeleton/Block.tsx
 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}`))
-	});
-});
+function init_Block() {
+	return (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
 init_Block();

package/dist/components/Skeleton/Blocks.js

@@ -9,20 +9,22 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Skeleton/Blocks.tsx
 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}`))
-	});
-});
+function init_Blocks() {
+	return (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
 init_Blocks();

package/dist/components/Skeleton/BoxWithIcon.js

@@ -9,20 +9,22 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Skeleton/BoxWithIcon.tsx
 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}`))
-	});
-});
+function init_BoxWithIcon() {
+	return (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
 init_BoxWithIcon();

package/dist/components/Skeleton/Donut.js

@@ -7,31 +7,33 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Skeleton/Donut.tsx
 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"
+function init_Donut() {
+	return (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: 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, {}) })
-			]
-		})]
-	});
-});
+		});
+	}))();
+}
 
 //#endregion
 init_Donut();

package/dist/components/Skeleton/IconSkeleton.js

@@ -5,10 +5,12 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Skeleton/IconSkeleton.tsx
 var IconSkeleton;
-var init_IconSkeleton = __esmMin(() => {
-	init_styles_css();
-	IconSkeleton = () => /* @__PURE__ */ jsx("div", { className: skeletonStyle.iconSkeleton });
-});
+function init_IconSkeleton() {
+	return (init_IconSkeleton = __esmMin(() => {
+		init_styles_css();
+		IconSkeleton = () => /* @__PURE__ */ jsx("div", { className: skeletonStyle.iconSkeleton });
+	}))();
+}
 
 //#endregion
 init_IconSkeleton();

package/dist/components/Skeleton/Line.js

@@ -7,21 +7,23 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Skeleton/Line.tsx
 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() })
-	});
-});
+function init_Line() {
+	return (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
 init_Line();

package/dist/components/Skeleton/List.js

@@ -6,20 +6,22 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Skeleton/List.tsx
 var List;
-var init_List = __esmMin(() => {
-	init_Line();
-	init_styles_css();
-	List = ({ length = 3, col = 3 }) => /* @__PURE__ */ jsx("ul", {
-		className: skeletonStyle.listSkeletonUl,
-		children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsx("li", {
-			className: skeletonStyle.listSkeletonLi,
-			children: Array.from({ length: col }, (_, index) => /* @__PURE__ */ jsx("div", {
-				className: skeletonStyle.listSkeletonDiv,
-				children: /* @__PURE__ */ jsx(Line, {})
-			}, `skeleton-list-col-${index}`))
-		}, `skeleton-list-${i}`))
-	});
-});
+function init_List() {
+	return (init_List = __esmMin(() => {
+		init_Line();
+		init_styles_css();
+		List = ({ length = 3, col = 3 }) => /* @__PURE__ */ jsx("ul", {
+			className: skeletonStyle.listSkeletonUl,
+			children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsx("li", {
+				className: skeletonStyle.listSkeletonLi,
+				children: Array.from({ length: col }, (_, index) => /* @__PURE__ */ jsx("div", {
+					className: skeletonStyle.listSkeletonDiv,
+					children: /* @__PURE__ */ jsx(Line, {})
+				}, `skeleton-list-col-${index}`))
+			}, `skeleton-list-${i}`))
+		});
+	}))();
+}
 
 //#endregion
 init_List();

package/dist/components/Skeleton/Slider.js

@@ -7,18 +7,20 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Skeleton/Slider.tsx
 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}`))
-	});
-});
+function init_Slider() {
+	return (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
 init_Slider();

package/dist/components/Skeleton/Square.js

@@ -5,10 +5,12 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Skeleton/Square.tsx
 var Square;
-var init_Square = __esmMin(() => {
-	init_styles_css();
-	Square = () => /* @__PURE__ */ jsx("div", { className: skeletonStyle.squareSkeleton });
-});
+function init_Square() {
+	return (init_Square = __esmMin(() => {
+		init_styles_css();
+		Square = () => /* @__PURE__ */ jsx("div", { className: skeletonStyle.squareSkeleton });
+	}))();
+}
 
 //#endregion
 init_Square();

package/dist/components/Skeleton/index.js

@@ -14,44 +14,46 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Skeleton/index.tsx
 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 })]
-		});
-	};
-	Skeleton.displayName = "Skeleton";
-	skeletonTypes = Object.keys(variants);
-});
+function init_Skeleton() {
+	return (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 })]
+			});
+		};
+		Skeleton.displayName = "Skeleton";
+		skeletonTypes = Object.keys(variants);
+	}))();
+}
 
 //#endregion
 init_Skeleton();