@ultraviolet/ui 3.9.0 → 3.10.1

package/dist/components/Avatar/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAG3D,eAAO,MAAM,oBAAoB;;;;;CAKvB,CAAA;AAGV,eAAO,MAAM,KAAK,GAAI,OAAO,OAAO,OAAO;;;;;CAM9B,CAAA;AAEb,eAAO,MAAM,YAAY;;;;;CAKf,CAAA;AAGV,eAAO,MAAM,UAAU,iCAAkC,CAAA;AAGzD,eAAO,MAAM,cAAc,mCAAoC,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB;;;;;CAKvB,CAAA;AAGV,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAML,CAAA;AAEb,eAAO,MAAM,YAAY;;;;;CAKf,CAAA;AAGV,eAAO,MAAM,UAAU,iCAAkC,CAAA;AAGzD,eAAO,MAAM,cAAc,mCAAoC,CAAA"}

package/dist/components/Avatar/constants.js

@@ -1,19 +1,19 @@
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Avatar/constants.ts
 const TEXT_VARIANT_BY_SIZE = {
-  large: "headingLarge",
-  medium: "headingSmall",
-  small: "bodySmall",
-  xsmall: "captionSmall"
+	large: "headingLarge",
+	medium: "headingSmall",
+	small: "bodySmall",
+	xsmall: "captionSmall"
 };
 const sizes = (theme) => ({
-  large: "7rem",
-  // Note: add this value to tokens
-  medium: theme.sizing["800"],
-  small: theme.sizing["400"],
-  xsmall: theme.sizing["250"]
+	large: "7rem",
+	medium: theme.sizing["800"],
+	small: theme.sizing["400"],
+	xsmall: theme.sizing["250"]
 });
 const DEFAULT_COLORS = ["primary", "secondary"];
-export {
-  DEFAULT_COLORS,
-  TEXT_VARIANT_BY_SIZE,
-  sizes
-};
+
+//#endregion
+export { DEFAULT_COLORS, TEXT_VARIANT_BY_SIZE, sizes };

package/dist/components/Avatar/index.d.ts

@@ -2,5 +2,5 @@ import type { AvatarProps } from './types';
 /**
  * The Avatar component is used to represent a user, product, or entity. It can be used to display an image, an icon, a text or a set of colors.
  */
-export declare const Avatar: ({ shape, variant, image, text, size, sentiment, colors, upload, onClick, className, children, "data-testid": dataTestId, style, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Avatar: ({ shape, variant, image, text, size, sentiment, colors, upload, onClick, className, children, 'data-testid': dataTestId, style, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Avatar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,WAAW,EAAmB,MAAM,SAAS,CAAA;AAO3D;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,mIAcpB,WAAW,4CAgEb,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,WAAW,EAAmB,MAAM,SAAS,CAAA;AAO3D;;GAEG;AACH,eAAO,MAAM,MAAM,6LA8ElB,CAAA"}

package/dist/components/Avatar/index.js

@@ -1,81 +1,91 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { UserProductIcon } from "@ultraviolet/icons/product/UserProductIcon";
-import { UploadIcon } from "@ultraviolet/icons/UploadIcon";
-import { theme } from "@ultraviolet/themes";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { Text } from "../Text/index.js";
+import { DEFAULT_COLORS, TEXT_VARIANT_BY_SIZE, sizes } from "./constants.js";
+import { colorsAvatar, containerAvatar, elementContainer, productIconContainer, svgAvatar, uploadContainer } from "./styles.css.js";
+import { finalColorAvatar, finalSizeAvatar, halvedColorAvatar } from "./variables.css.js";
 import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
-import { Text } from "../Text/index.js";
-import { DEFAULT_COLORS, sizes, TEXT_VARIANT_BY_SIZE } from "./constants.js";
-import { uploadContainer, productIconContainer, svgAvatar, elementContainer, colorsAvatar, containerAvatar } from "./styles.css.js";
-import { halvedColorAvatar, finalColorAvatar, finalSizeAvatar } from "./variables.css.js";
-const 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?.map(
-    (bgColor) => theme.colors[bgColor]?.backgroundStrong ?? bgColor
-  );
-  const finalSize = sizes(theme)[size];
-  return (
-    // biome-ignore lint/a11y/noNoninteractiveElementInteractions: event handler only when role="button"
-    // biome-ignore lint/a11y/noStaticElementInteractions:  event handler only when role="button"
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn(className, containerAvatar({ sentiment, shape, size })),
-        "data-has-background": !["user", "image"].includes(variant),
-        "data-testid": dataTestId,
-        onClick,
-        onKeyDown: (event) => event.key === " " || event.key === "Enter" ? onClick?.() : null,
-        role: onClick ? "button" : void 0,
-        style: {
-          backgroundImage: image ? `url(${image})` : void 0,
-          backgroundSize: image ? "cover" : void 0,
-          ...style
-        },
-        children: [
-          upload ? /* @__PURE__ */ jsx("div", { className: uploadContainer({ shape, size }), children: /* @__PURE__ */ jsx(UploadIcon, { prominence: "stronger", sentiment: "neutral", size: "large" }) }) : null,
-          variant === "user" ? /* @__PURE__ */ jsx("div", { className: productIconContainer({ shape, size }), children: /* @__PURE__ */ jsx(UserProductIcon, { className: svgAvatar({ shape }) }) }) : null,
-          variant === "icon" ? /* @__PURE__ */ jsx("div", { className: elementContainer({ shape }), children }) : null,
-          variant === "text" ? /* @__PURE__ */ jsx("div", { className: 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: colorsAvatar({ shape, size }),
-              style: assignInlineVars({
-                [finalSizeAvatar]: finalSize,
-                [finalColorAvatar]: finalColors[0],
-                [halvedColorAvatar]: isHalved ? finalColors[1] : finalColors[0]
-              })
-            }
-          ) : null
-        ]
-      }
-    )
-  );
-};
-export {
-  Avatar
+import { jsx, jsxs } from "react/jsx-runtime";
+import { theme } from "@ultraviolet/themes";
+import { UserProductIcon } from "@ultraviolet/icons/product/UserProductIcon";
+import { UploadIcon } from "@ultraviolet/icons/UploadIcon";
+
+//#region src/components/Avatar/index.tsx
+/**
+* The Avatar component is used to represent a user, product, or entity. It can be used to display an image, an icon, a text or a set of colors.
+*/
+const 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, containerAvatar({
+			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: uploadContainer({
+					shape,
+					size
+				}),
+				children: /* @__PURE__ */ jsx(UploadIcon, {
+					prominence: "stronger",
+					sentiment: "neutral",
+					size: "large"
+				})
+			}) : null,
+			variant === "user" ? /* @__PURE__ */ jsx("div", {
+				className: productIconContainer({
+					shape,
+					size
+				}),
+				children: /* @__PURE__ */ jsx(UserProductIcon, { className: svgAvatar({ shape }) })
+			}) : null,
+			variant === "icon" ? /* @__PURE__ */ jsx("div", {
+				className: elementContainer({ shape }),
+				children
+			}) : null,
+			variant === "text" ? /* @__PURE__ */ jsx("div", {
+				className: 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: colorsAvatar({
+					shape,
+					size
+				}),
+				style: assignInlineVars({
+					[finalSizeAvatar]: finalSize,
+					[finalColorAvatar]: finalColors[0],
+					[halvedColorAvatar]: isHalved ? finalColors[1] : finalColors[0]
+				})
+			}) : null
+		]
+	});
 };
+
+//#endregion
+export { Avatar };

package/dist/components/Avatar/styles.css.d.ts

@@ -25,20 +25,20 @@ export declare const containerAvatar: import("@vanilla-extract/recipes").Runtime
     };
     size: {
         large: {
-            height: `var(--${string})` | "7rem";
-            width: `var(--${string})` | "7rem";
+            height: "7rem" | `var(--${string})`;
+            width: "7rem" | `var(--${string})`;
         };
         medium: {
-            height: `var(--${string})` | "7rem";
-            width: `var(--${string})` | "7rem";
+            height: "7rem" | `var(--${string})`;
+            width: "7rem" | `var(--${string})`;
         };
         small: {
-            height: `var(--${string})` | "7rem";
-            width: `var(--${string})` | "7rem";
+            height: "7rem" | `var(--${string})`;
+            width: "7rem" | `var(--${string})`;
         };
         xsmall: {
-            height: `var(--${string})` | "7rem";
-            width: `var(--${string})` | "7rem";
+            height: "7rem" | `var(--${string})`;
+            width: "7rem" | `var(--${string})`;
         };
     };
 }>;
@@ -65,20 +65,20 @@ export declare const productIconContainer: import("@vanilla-extract/recipes").Ru
     };
     size: {
         large: {
-            height: `var(--${string})` | "7rem";
-            width: `var(--${string})` | "7rem";
+            height: "7rem" | `var(--${string})`;
+            width: "7rem" | `var(--${string})`;
         };
         medium: {
-            height: `var(--${string})` | "7rem";
-            width: `var(--${string})` | "7rem";
+            height: "7rem" | `var(--${string})`;
+            width: "7rem" | `var(--${string})`;
         };
         small: {
-            height: `var(--${string})` | "7rem";
-            width: `var(--${string})` | "7rem";
+            height: "7rem" | `var(--${string})`;
+            width: "7rem" | `var(--${string})`;
         };
         xsmall: {
-            height: `var(--${string})` | "7rem";
-            width: `var(--${string})` | "7rem";
+            height: "7rem" | `var(--${string})`;
+            width: "7rem" | `var(--${string})`;
         };
     };
 }>;
@@ -101,20 +101,20 @@ export declare const colorsAvatar: import("@vanilla-extract/recipes").RuntimeFn<
     };
     size: {
         large: {
-            height: `var(--${string})` | "7rem";
-            width: `var(--${string})` | "7rem";
+            height: "7rem" | `var(--${string})`;
+            width: "7rem" | `var(--${string})`;
         };
         medium: {
-            height: `var(--${string})` | "7rem";
-            width: `var(--${string})` | "7rem";
+            height: "7rem" | `var(--${string})`;
+            width: "7rem" | `var(--${string})`;
         };
         small: {
-            height: `var(--${string})` | "7rem";
-            width: `var(--${string})` | "7rem";
+            height: "7rem" | `var(--${string})`;
+            width: "7rem" | `var(--${string})`;
         };
         xsmall: {
-            height: `var(--${string})` | "7rem";
-            width: `var(--${string})` | "7rem";
+            height: "7rem" | `var(--${string})`;
+            width: "7rem" | `var(--${string})`;
         };
     };
 }>;

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

@@ -1,17 +1,165 @@
-/* empty css                             */
-/* empty css                          */
+/* empty css                      */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var containerAvatar = 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" } }, 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"]] });
-var 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" } }, 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"]] });
-var 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" } }, 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"]] });
-var elementContainer = createRuntimeFn({ defaultClassName: "uv_19x8y1kz", variantClassNames: { shape: { circle: "uv_19x8y1k10", square: "uv_19x8y1k11" } }, defaultVariants: {}, compoundVariants: [] });
-var 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"]] });
-var svgAvatar = createRuntimeFn({ defaultClassName: "uv_19x8y1k1d", variantClassNames: { shape: { circle: "uv_19x8y1k1e", square: "uv_19x8y1k1f" } }, defaultVariants: {}, compoundVariants: [] });
-export {
-  colorsAvatar,
-  containerAvatar,
-  elementContainer,
-  productIconContainer,
-  svgAvatar,
-  uploadContainer
-};
+
+//#region src/components/Avatar/styles.css.ts
+var containerAvatar = 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"
+		}
+	},
+	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"]
+	]
+});
+var 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"
+		}
+	},
+	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"]
+	]
+});
+var 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"
+		}
+	},
+	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"]
+	]
+});
+var elementContainer = createRuntimeFn({
+	defaultClassName: "uv_19x8y1kz",
+	variantClassNames: { shape: {
+		circle: "uv_19x8y1k10",
+		square: "uv_19x8y1k11"
+	} },
+	defaultVariants: {},
+	compoundVariants: []
+});
+var 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"]
+	]
+});
+var svgAvatar = createRuntimeFn({
+	defaultClassName: "uv_19x8y1k1d",
+	variantClassNames: { shape: {
+		circle: "uv_19x8y1k1e",
+		square: "uv_19x8y1k1f"
+	} },
+	defaultVariants: {},
+	compoundVariants: []
+});
+
+//#endregion
+export { colorsAvatar, containerAvatar, elementContainer, productIconContainer, svgAvatar, uploadContainer };

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

@@ -1,8 +1,9 @@
+/* empty css                         */
+
+//#region src/components/Avatar/variables.css.ts
 var finalSizeAvatar = "var(--uv_18799yd0)";
 var finalColorAvatar = "var(--uv_18799yd1)";
 var halvedColorAvatar = "var(--uv_18799yd2)";
-export {
-  finalColorAvatar,
-  finalSizeAvatar,
-  halvedColorAvatar
-};
+
+//#endregion
+export { finalColorAvatar, finalSizeAvatar, halvedColorAvatar };

package/dist/components/Badge/constant.js

@@ -1,9 +1,10 @@
+//#region src/components/Badge/constant.ts
 const TEXT_VARIANT = {
-  large: "bodySmall",
-  medium: "caption",
-  small: "captionSmall",
-  xsmall: "captionSmall"
-};
-export {
-  TEXT_VARIANT
+	large: "bodySmall",
+	medium: "caption",
+	small: "captionSmall",
+	xsmall: "captionSmall"
 };
+
+//#endregion
+export { TEXT_VARIANT };

package/dist/components/Badge/index.d.ts

@@ -9,6 +9,6 @@ type BadgeProps = {
 /**
  * Badge component is used to display a status or a label in a small container.
  */
-export declare const Badge: ({ sentiment, size, prominence, disabled, className, children, "data-testid": dataTestId, style, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Badge: ({ sentiment, size, prominence, disabled, className, children, 'data-testid': dataTestId, style, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Badge/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAGjD,KAAK,UAAU,GAAG;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,aAAa,CAAA;AAEjB;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,mGASnB,UAAU,4CA6BZ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAGjD,KAAK,UAAU,GAAG;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,aAAa,CAAA;AAEjB;;GAEG;AACH,eAAO,MAAM,KAAK,4JAsCjB,CAAA"}

package/dist/components/Badge/index.js

@@ -1,42 +1,38 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
-import { useMemo } from "react";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Text } from "../Text/index.js";
 import { TEXT_VARIANT } from "./constant.js";
 import { badge } from "./styles.css.js";
-const Badge = ({
-  sentiment = "neutral",
-  size = "medium",
-  prominence = "default",
-  disabled = false,
-  className,
-  children,
-  "data-testid": dataTestId,
-  style
-}) => {
-  const ariaLabel = useMemo(
-    () => ["neutral", "primary"].some((baseSentiment) => baseSentiment === sentiment) ? void 0 : sentiment,
-    [sentiment]
-  );
-  return /* @__PURE__ */ jsx(
-    Text,
-    {
-      "aria-label": ariaLabel,
-      as: "span",
-      className: cn(
-        className,
-        badge({ disabled, prominence, sentiment, size })
-      ),
-      "data-testid": dataTestId,
-      prominence: disabled ? "weak" : "default",
-      style,
-      variant: TEXT_VARIANT[size],
-      whiteSpace: "nowrap",
-      children
-    }
-  );
-};
-export {
-  Badge
+import { cn } from "@ultraviolet/utils";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Badge/index.tsx
+/**
+* Badge component is used to display a status or a label in a small container.
+*/
+const Badge = ({ sentiment = "neutral", size = "medium", prominence = "default", disabled = false, className, children, "data-testid": dataTestId, style }) => {
+	/**
+	* Badge should display an aria-label if the status is not neutral or primary
+	*/
+	const ariaLabel = useMemo(() => ["neutral", "primary"].some((baseSentiment) => baseSentiment === sentiment) ? void 0 : sentiment, [sentiment]);
+	return /* @__PURE__ */ jsx(Text, {
+		"aria-label": ariaLabel,
+		as: "span",
+		className: cn(className, badge({
+			disabled,
+			prominence,
+			sentiment,
+			size
+		})),
+		"data-testid": dataTestId,
+		prominence: disabled ? "weak" : "default",
+		style,
+		variant: TEXT_VARIANT[size],
+		whiteSpace: "nowrap",
+		children
+	});
 };
+
+//#endregion
+export { Badge };