@ultraviolet/ui 3.21.0 → 3.21.2

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

@@ -4,40 +4,42 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Alert/styles.css.ts
 var alertStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	alertStyle = {
-		alert: createRuntimeFn({
-			defaultClassName: "uv_1b838gx0",
-			variantClassNames: {
-				sentiment: {
-					danger: "uv_1b838gx1",
-					info: "uv_1b838gx2",
-					neutral: "uv_1b838gx3",
-					success: "uv_1b838gx4",
-					warning: "uv_1b838gx5"
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		alertStyle = {
+			alert: createRuntimeFn({
+				defaultClassName: "uv_1b838gx0",
+				variantClassNames: {
+					sentiment: {
+						danger: "uv_1b838gx1",
+						info: "uv_1b838gx2",
+						neutral: "uv_1b838gx3",
+						success: "uv_1b838gx4",
+						warning: "uv_1b838gx5"
+					},
+					size: {
+						medium: "uv_1b838gx6",
+						small: "uv_1b838gx7"
+					}
 				},
-				size: {
-					medium: "uv_1b838gx6",
-					small: "uv_1b838gx7"
-				}
-			},
-			defaultVariants: {
-				sentiment: "danger",
-				size: "medium"
+				defaultVariants: {
+					sentiment: "danger",
+					size: "medium"
+				},
+				compoundVariants: []
+			}),
+			wrap: "uv_1b838gx8",
+			text: "uv_1b838gx9",
+			button: {
+				medium: "uv_1b838gxa",
+				small: "uv_1b838gxb"
 			},
-			compoundVariants: []
-		}),
-		wrap: "uv_1b838gx8",
-		text: "uv_1b838gx9",
-		button: {
-			medium: "uv_1b838gxa",
-			small: "uv_1b838gxb"
-		},
-		buttonClose: "uv_1b838gxc",
-		icon: "uv_1b838gxd"
-	};
-});
+			buttonClose: "uv_1b838gxc",
+			icon: "uv_1b838gxd"
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

@@ -1,7 +1,9 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/Alert/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/Avatar/constants.js

@@ -2,21 +2,23 @@ import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/Avatar/constants.ts
 var TEXT_VARIANT_BY_SIZE, sizes, DEFAULT_COLORS;
-var init_constants = __esmMin(() => {
-	TEXT_VARIANT_BY_SIZE = {
-		large: "headingLarge",
-		medium: "headingSmall",
-		small: "bodySmall",
-		xsmall: "captionSmall"
-	};
-	sizes = (theme) => ({
-		large: "7rem",
-		medium: theme.sizing["800"],
-		small: theme.sizing["400"],
-		xsmall: theme.sizing["250"]
-	});
-	DEFAULT_COLORS = ["primary", "secondary"];
-});
+function init_constants() {
+	return (init_constants = __esmMin(() => {
+		TEXT_VARIANT_BY_SIZE = {
+			large: "headingLarge",
+			medium: "headingSmall",
+			small: "bodySmall",
+			xsmall: "captionSmall"
+		};
+		sizes = (theme) => ({
+			large: "7rem",
+			medium: theme.sizing["800"],
+			small: theme.sizing["400"],
+			xsmall: theme.sizing["250"]
+		});
+		DEFAULT_COLORS = ["primary", "secondary"];
+	}))();
+}
 
 //#endregion
 init_constants();

package/dist/components/Avatar/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { Text, init_Text } from "../Text/index.js";
 import { avatarStyle, init_styles_css } from "./styles.css.js";
 import { DEFAULT_COLORS, TEXT_VARIANT_BY_SIZE, init_constants, sizes } from "./constants.js";
@@ -14,84 +14,86 @@ import { UploadIcon } from "@ultraviolet/icons/UploadIcon";
 
 //#region src/components/Avatar/index.tsx
 var Avatar;
-var init_Avatar = __esmMin(() => {
-	init_Text();
-	init_constants();
-	init_styles_css();
-	init_variables_css();
-	init_objectSpread2();
-	Avatar = ({ shape, variant, image, text, size = "medium", sentiment = "primary", colors = DEFAULT_COLORS, upload, onClick, className, children, "data-testid": dataTestId, style }) => {
-		const isHalved = colors.length > 1;
-		const finalColors = colors === null || colors === void 0 ? void 0 : colors.map((bgColor) => {
-			var _UVTheme$colors$bgCol;
-			var _UVTheme$colors$bgCol2;
-			return (_UVTheme$colors$bgCol = (_UVTheme$colors$bgCol2 = theme.colors[bgColor]) === null || _UVTheme$colors$bgCol2 === void 0 ? void 0 : _UVTheme$colors$bgCol2.backgroundStrong) !== null && _UVTheme$colors$bgCol !== void 0 ? _UVTheme$colors$bgCol : bgColor;
-		});
-		const finalSize = sizes(theme)[size];
-		return /* @__PURE__ */ jsxs("div", {
-			className: cn(className, avatarStyle.container({
-				sentiment,
-				shape,
-				size
-			})),
-			"data-has-background": !["user", "image"].includes(variant),
-			"data-testid": dataTestId,
-			onClick,
-			onKeyDown: (event) => event.key === " " || event.key === "Enter" ? onClick === null || onClick === void 0 ? void 0 : onClick() : null,
-			role: onClick ? "button" : void 0,
-			style: _objectSpread2({
-				backgroundImage: image ? `url(${image})` : void 0,
-				backgroundSize: image ? "cover" : void 0
-			}, style),
-			children: [
-				upload ? /* @__PURE__ */ jsx("div", {
-					className: avatarStyle.uploadContainer({
-						shape,
-						size
-					}),
-					children: /* @__PURE__ */ jsx(UploadIcon, {
-						prominence: "stronger",
-						sentiment: "neutral",
-						size: "large"
-					})
-				}) : null,
-				variant === "user" ? /* @__PURE__ */ jsx("div", {
-					className: avatarStyle.productIconContainer({
-						shape,
-						size
-					}),
-					children: /* @__PURE__ */ jsx(UserProductIcon, { className: avatarStyle.svgAvatar({ shape }) })
-				}) : null,
-				variant === "icon" ? /* @__PURE__ */ jsx("div", {
-					className: avatarStyle.elementContainer({ shape }),
-					children
-				}) : null,
-				variant === "text" ? /* @__PURE__ */ jsx("div", {
-					className: avatarStyle.elementContainer({ shape }),
-					children: /* @__PURE__ */ jsx(Text, {
-						as: "span",
-						prominence: sentiment === "primary" ? "stronger" : "strong",
-						sentiment: "neutral",
-						variant: TEXT_VARIANT_BY_SIZE[size],
-						children: text
-					})
-				}) : null,
-				variant === "colors" ? /* @__PURE__ */ jsx("span", {
-					className: avatarStyle.colorsAvatar({
-						shape,
-						size
-					}),
-					style: assignInlineVars({
-						[finalSizeAvatar]: finalSize,
-						[finalColorAvatar]: finalColors[0],
-						[halvedColorAvatar]: isHalved ? finalColors[1] : finalColors[0]
-					})
-				}) : null
-			]
-		});
-	};
-	Avatar.displayName = "Avatar";
-});
+function init_Avatar() {
+	return (init_Avatar = __esmMin(() => {
+		init_Text();
+		init_constants();
+		init_styles_css();
+		init_variables_css();
+		init_objectSpread2();
+		Avatar = ({ shape, variant, image, text, size = "medium", sentiment = "primary", colors = DEFAULT_COLORS, upload, onClick, className, children, "data-testid": dataTestId, style }) => {
+			const isHalved = colors.length > 1;
+			const finalColors = colors === null || colors === void 0 ? void 0 : colors.map((bgColor) => {
+				var _UVTheme$colors$bgCol;
+				var _UVTheme$colors$bgCol2;
+				return (_UVTheme$colors$bgCol = (_UVTheme$colors$bgCol2 = theme.colors[bgColor]) === null || _UVTheme$colors$bgCol2 === void 0 ? void 0 : _UVTheme$colors$bgCol2.backgroundStrong) !== null && _UVTheme$colors$bgCol !== void 0 ? _UVTheme$colors$bgCol : bgColor;
+			});
+			const finalSize = sizes(theme)[size];
+			return /* @__PURE__ */ jsxs("div", {
+				className: cn(className, avatarStyle.container({
+					sentiment,
+					shape,
+					size
+				})),
+				"data-has-background": !["user", "image"].includes(variant),
+				"data-testid": dataTestId,
+				onClick,
+				onKeyDown: (event) => event.key === " " || event.key === "Enter" ? onClick === null || onClick === void 0 ? void 0 : onClick() : null,
+				role: onClick ? "button" : void 0,
+				style: _objectSpread2({
+					backgroundImage: image ? `url(${image})` : void 0,
+					backgroundSize: image ? "cover" : void 0
+				}, style),
+				children: [
+					upload ? /* @__PURE__ */ jsx("div", {
+						className: avatarStyle.uploadContainer({
+							shape,
+							size
+						}),
+						children: /* @__PURE__ */ jsx(UploadIcon, {
+							prominence: "stronger",
+							sentiment: "neutral",
+							size: "large"
+						})
+					}) : null,
+					variant === "user" ? /* @__PURE__ */ jsx("div", {
+						className: avatarStyle.productIconContainer({
+							shape,
+							size
+						}),
+						children: /* @__PURE__ */ jsx(UserProductIcon, { className: avatarStyle.svgAvatar({ shape }) })
+					}) : null,
+					variant === "icon" ? /* @__PURE__ */ jsx("div", {
+						className: avatarStyle.elementContainer({ shape }),
+						children
+					}) : null,
+					variant === "text" ? /* @__PURE__ */ jsx("div", {
+						className: avatarStyle.elementContainer({ shape }),
+						children: /* @__PURE__ */ jsx(Text, {
+							as: "span",
+							prominence: sentiment === "primary" ? "stronger" : "strong",
+							sentiment: "neutral",
+							variant: TEXT_VARIANT_BY_SIZE[size],
+							children: text
+						})
+					}) : null,
+					variant === "colors" ? /* @__PURE__ */ jsx("span", {
+						className: avatarStyle.colorsAvatar({
+							shape,
+							size
+						}),
+						style: assignInlineVars({
+							[finalSizeAvatar]: finalSize,
+							[finalColorAvatar]: finalColors[0],
+							[halvedColorAvatar]: isHalved ? finalColors[1] : finalColors[0]
+						})
+					}) : null
+				]
+			});
+		};
+		Avatar.displayName = "Avatar";
+	}))();
+}
 
 //#endregion
 init_Avatar();

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

@@ -4,169 +4,171 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Avatar/styles.css.ts
 var avatarStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	avatarStyle = {
-		container: createRuntimeFn({
-			defaultClassName: "uv_19x8y1k0",
-			variantClassNames: {
-				sentiment: {
-					neutral: "uv_19x8y1k1",
-					primary: "uv_19x8y1k2"
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		avatarStyle = {
+			container: createRuntimeFn({
+				defaultClassName: "uv_19x8y1k0",
+				variantClassNames: {
+					sentiment: {
+						neutral: "uv_19x8y1k1",
+						primary: "uv_19x8y1k2"
+					},
+					shape: {
+						circle: "uv_19x8y1k3",
+						square: "uv_19x8y1k4"
+					},
+					size: {
+						large: "uv_19x8y1k5",
+						medium: "uv_19x8y1k6",
+						small: "uv_19x8y1k7",
+						xsmall: "uv_19x8y1k8"
+					}
 				},
-				shape: {
-					circle: "uv_19x8y1k3",
-					square: "uv_19x8y1k4"
+				defaultVariants: {},
+				compoundVariants: [
+					[{
+						shape: "square",
+						size: "large"
+					}, "uv_19x8y1k9"],
+					[{
+						shape: "square",
+						size: "medium"
+					}, "uv_19x8y1ka"],
+					[{
+						shape: "square",
+						size: "small"
+					}, "uv_19x8y1kb"],
+					[{
+						shape: "square",
+						size: "xsmall"
+					}, "uv_19x8y1kc"]
+				]
+			}),
+			uploadContainer: createRuntimeFn({
+				defaultClassName: "uv_19x8y1kd",
+				variantClassNames: {
+					shape: {
+						circle: "uv_19x8y1ke",
+						square: "uv_19x8y1kf"
+					},
+					size: {
+						large: "uv_19x8y1kg",
+						medium: "uv_19x8y1kh",
+						small: "uv_19x8y1ki",
+						xsmall: "uv_19x8y1kj"
+					}
 				},
-				size: {
-					large: "uv_19x8y1k5",
-					medium: "uv_19x8y1k6",
-					small: "uv_19x8y1k7",
-					xsmall: "uv_19x8y1k8"
-				}
-			},
-			defaultVariants: {},
-			compoundVariants: [
-				[{
-					shape: "square",
-					size: "large"
-				}, "uv_19x8y1k9"],
-				[{
-					shape: "square",
-					size: "medium"
-				}, "uv_19x8y1ka"],
-				[{
-					shape: "square",
-					size: "small"
-				}, "uv_19x8y1kb"],
-				[{
-					shape: "square",
-					size: "xsmall"
-				}, "uv_19x8y1kc"]
-			]
-		}),
-		uploadContainer: createRuntimeFn({
-			defaultClassName: "uv_19x8y1kd",
-			variantClassNames: {
-				shape: {
-					circle: "uv_19x8y1ke",
-					square: "uv_19x8y1kf"
+				defaultVariants: {},
+				compoundVariants: [
+					[{
+						shape: "square",
+						size: "large"
+					}, "uv_19x8y1kk"],
+					[{
+						shape: "square",
+						size: "medium"
+					}, "uv_19x8y1kl"],
+					[{
+						shape: "square",
+						size: "small"
+					}, "uv_19x8y1km"],
+					[{
+						shape: "square",
+						size: "xsmall"
+					}, "uv_19x8y1kn"]
+				]
+			}),
+			productIconContainer: createRuntimeFn({
+				defaultClassName: "uv_19x8y1ko",
+				variantClassNames: {
+					shape: {
+						circle: "uv_19x8y1kp",
+						square: "uv_19x8y1kq"
+					},
+					size: {
+						large: "uv_19x8y1kr",
+						medium: "uv_19x8y1ks",
+						small: "uv_19x8y1kt",
+						xsmall: "uv_19x8y1ku"
+					}
 				},
-				size: {
-					large: "uv_19x8y1kg",
-					medium: "uv_19x8y1kh",
-					small: "uv_19x8y1ki",
-					xsmall: "uv_19x8y1kj"
-				}
-			},
-			defaultVariants: {},
-			compoundVariants: [
-				[{
-					shape: "square",
-					size: "large"
-				}, "uv_19x8y1kk"],
-				[{
-					shape: "square",
-					size: "medium"
-				}, "uv_19x8y1kl"],
-				[{
-					shape: "square",
-					size: "small"
-				}, "uv_19x8y1km"],
-				[{
-					shape: "square",
-					size: "xsmall"
-				}, "uv_19x8y1kn"]
-			]
-		}),
-		productIconContainer: createRuntimeFn({
-			defaultClassName: "uv_19x8y1ko",
-			variantClassNames: {
-				shape: {
-					circle: "uv_19x8y1kp",
-					square: "uv_19x8y1kq"
+				defaultVariants: {},
+				compoundVariants: [
+					[{
+						shape: "square",
+						size: "large"
+					}, "uv_19x8y1kv"],
+					[{
+						shape: "square",
+						size: "medium"
+					}, "uv_19x8y1kw"],
+					[{
+						shape: "square",
+						size: "small"
+					}, "uv_19x8y1kx"],
+					[{
+						shape: "square",
+						size: "xsmall"
+					}, "uv_19x8y1ky"]
+				]
+			}),
+			elementContainer: createRuntimeFn({
+				defaultClassName: "uv_19x8y1kz",
+				variantClassNames: { shape: {
+					circle: "uv_19x8y1k10",
+					square: "uv_19x8y1k11"
+				} },
+				defaultVariants: {},
+				compoundVariants: []
+			}),
+			colorsAvatar: createRuntimeFn({
+				defaultClassName: "uv_19x8y1k12",
+				variantClassNames: {
+					shape: {
+						circle: "uv_19x8y1k13",
+						square: "uv_19x8y1k14"
+					},
+					size: {
+						large: "uv_19x8y1k15",
+						medium: "uv_19x8y1k16",
+						small: "uv_19x8y1k17",
+						xsmall: "uv_19x8y1k18"
+					}
 				},
-				size: {
-					large: "uv_19x8y1kr",
-					medium: "uv_19x8y1ks",
-					small: "uv_19x8y1kt",
-					xsmall: "uv_19x8y1ku"
-				}
-			},
-			defaultVariants: {},
-			compoundVariants: [
-				[{
-					shape: "square",
-					size: "large"
-				}, "uv_19x8y1kv"],
-				[{
-					shape: "square",
-					size: "medium"
-				}, "uv_19x8y1kw"],
-				[{
-					shape: "square",
-					size: "small"
-				}, "uv_19x8y1kx"],
-				[{
-					shape: "square",
-					size: "xsmall"
-				}, "uv_19x8y1ky"]
-			]
-		}),
-		elementContainer: createRuntimeFn({
-			defaultClassName: "uv_19x8y1kz",
-			variantClassNames: { shape: {
-				circle: "uv_19x8y1k10",
-				square: "uv_19x8y1k11"
-			} },
-			defaultVariants: {},
-			compoundVariants: []
-		}),
-		colorsAvatar: createRuntimeFn({
-			defaultClassName: "uv_19x8y1k12",
-			variantClassNames: {
-				shape: {
-					circle: "uv_19x8y1k13",
-					square: "uv_19x8y1k14"
-				},
-				size: {
-					large: "uv_19x8y1k15",
-					medium: "uv_19x8y1k16",
-					small: "uv_19x8y1k17",
-					xsmall: "uv_19x8y1k18"
-				}
-			},
-			defaultVariants: {},
-			compoundVariants: [
-				[{
-					shape: "square",
-					size: "large"
-				}, "uv_19x8y1k19"],
-				[{
-					shape: "square",
-					size: "medium"
-				}, "uv_19x8y1k1a"],
-				[{
-					shape: "square",
-					size: "small"
-				}, "uv_19x8y1k1b"],
-				[{
-					shape: "square",
-					size: "xsmall"
-				}, "uv_19x8y1k1c"]
-			]
-		}),
-		svgAvatar: createRuntimeFn({
-			defaultClassName: "uv_19x8y1k1d",
-			variantClassNames: { shape: {
-				circle: "uv_19x8y1k1e",
-				square: "uv_19x8y1k1f"
-			} },
-			defaultVariants: {},
-			compoundVariants: []
-		})
-	};
-});
+				defaultVariants: {},
+				compoundVariants: [
+					[{
+						shape: "square",
+						size: "large"
+					}, "uv_19x8y1k19"],
+					[{
+						shape: "square",
+						size: "medium"
+					}, "uv_19x8y1k1a"],
+					[{
+						shape: "square",
+						size: "small"
+					}, "uv_19x8y1k1b"],
+					[{
+						shape: "square",
+						size: "xsmall"
+					}, "uv_19x8y1k1c"]
+				]
+			}),
+			svgAvatar: createRuntimeFn({
+				defaultClassName: "uv_19x8y1k1d",
+				variantClassNames: { shape: {
+					circle: "uv_19x8y1k1e",
+					square: "uv_19x8y1k1f"
+				} },
+				defaultVariants: {},
+				compoundVariants: []
+			})
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

@@ -1,7 +1,9 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/Avatar/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/Avatar/variables.css.js

@@ -2,11 +2,13 @@ import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/Avatar/variables.css.ts
 var finalSizeAvatar, finalColorAvatar, halvedColorAvatar;
-var init_variables_css = __esmMin(() => {
-	finalSizeAvatar = "var(--uv_18799yd0)";
-	finalColorAvatar = "var(--uv_18799yd1)";
-	halvedColorAvatar = "var(--uv_18799yd2)";
-});
+function init_variables_css() {
+	return (init_variables_css = __esmMin(() => {
+		finalSizeAvatar = "var(--uv_18799yd0)";
+		finalColorAvatar = "var(--uv_18799yd1)";
+		halvedColorAvatar = "var(--uv_18799yd2)";
+	}))();
+}
 
 //#endregion
 init_variables_css();