@ultraviolet/ui 3.0.0-beta.25 → 3.0.0-beta.27

package/dist/utils/animations/animations.d.ts

@@ -0,0 +1,27 @@
+export declare const bounce = "\n  0%, 20%, 53%, 80%, 100% {\n    transform: translate3d(0, 0, 0);\n  }\n  40%, 43% {\n    transform: translate3d(0, -30px, 0);\n  }\n  70% {\n    transform: translate3d(0, -15px, 0);\n  }\n  90% {\n    transform: translate3d(0, -4px, 0);\n  }\n";
+export declare const ping = "\n  100% {\n    opacity: 0;\n    transform: scale(2);\n  }\n";
+export declare const flash = "\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.1;\n  }\n  100% {\n    opacity: 1;\n  }\n";
+export declare const zoomIn = "\n  0% {\n    transform: scale(0);\n  }\n  100% {\n    transform: scale(1);\n  }\n";
+export declare const zoomOut = "\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0);\n  }\n";
+export declare const unfoldIn = "\n  0% {\n    transform: scaleY(.005) scaleX(0);\n  }\n  50% {\n    transform: scaleY(.005) scaleX(1);\n  }\n  100% {\n    transform: scaleY(1) scaleX(1);\n  }\n";
+export declare const unfoldOut = "\n  0% {\n    transform: scaleY(1) scaleX(1);\n  }\n  50% {\n    transform: scaleY(.005) scaleX(1);\n  }\n  100% {\n    transform: scaleY(.005) scaleX(0);\n  }\n";
+export declare const fadeIn = "\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n";
+export declare const fadeOut = "\n  0% {\n    background: rgba(0,0,0,.4);\n  }\n  100% {\n    background: rgba(0,0,0,.0);\n  }\n";
+export declare const scaleUp = "\n  0% {\n    transform: scale(.8) translateY(1000px);\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1) translateY(0);\n    opacity: 1;\n  }\n";
+export declare const scaleDown = "\n  0% {\n    transform: scale(1) translateY(0);\n    opacity: 1;\n  }\n  100% {\n    transform: scale(.8) translateY(1000px);\n    opacity: 0;\n  }\n";
+export declare const quickScaleDown = "\n  0% {\n    transform: scale(1);\n  }\n  99.9% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0);\n  }\n";
+export declare const scaleBack = "\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(.85);\n  }\n";
+export declare const scaleForward = "\n  0% {\n    transform: scale(.85);\n  }\n  100% {\n    transform: scale(1);\n  }\n";
+export declare const sketchIn = "\n  0% {\n    stroke-dashoffset: 778;\n  }\n  100% {\n    stroke-dashoffset: 0;\n  }\n";
+export declare const sketchOut = "\n  0% {\n    stroke-dashoffset: 0;\n  }\n  100% {\n    stroke-dashoffset: 778;\n  }\n";
+export declare const slideDownLarge = "\n  0% {\n    transform: translateY(-100%);\n  }\n  100% {\n    transform: translateY(0%);\n  }\n";
+export declare const slideUpLarge = "\n  0% {\n    transform: translateY(0%);\n  }\n  100% {\n    transform: translateY(-100%);\n  }\n";
+export declare const slideFromBottom = "\n  0% {\n    transform: translateY(100%);\n  }\n  100% {\n    transform: translateY(0%);\n  }\n";
+export declare const slideFromTop = "\n  0% {\n    transform: translateY(-100%);\n  }\n  100% {\n    transform: translateY(0%);\n  }\n";
+export declare const slideFromRight = "\n  0% {\n    transform: translateX(100%);\n  }\n  100% {\n    transform: translateX(0%);\n  }\n";
+export declare const slideFromLeft = "\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(0%);\n  }\n";
+export declare const slideToBottom = "\n  0% {\n    transform: translateY(0%);\n  }\n  100% {\n    transform: translateY(100%);\n  }\n";
+export declare const slideToTop = "\n  0% {\n    transform: translateY(0%);\n  }\n  100% {\n    transform: translateY(-100%);\n  }\n";
+export declare const slideToRight = "\n  0% {\n    transform: translateX(0%);\n  }\n  100% {\n    transform: translateX(100%);\n  }\n";
+export declare const slideToLeft = "\n  0% {\n    transform: translateX(0%);\n  }\n  100% {\n    transform: translateX(-100%);\n  }\n";
+export declare const pulse = "\n  0% {\n    opacity: 0;\n    transform: scale(1);\n  }\n  50% {\n    opacity: 1;\n    transform: scale(1.15);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n";

package/dist/utils/animations/animations.js

@@ -0,0 +1,271 @@
+const bounce = `
+  0%, 20%, 53%, 80%, 100% {
+    transform: translate3d(0, 0, 0);
+  }
+  40%, 43% {
+    transform: translate3d(0, -30px, 0);
+  }
+  70% {
+    transform: translate3d(0, -15px, 0);
+  }
+  90% {
+    transform: translate3d(0, -4px, 0);
+  }
+`;
+const ping = `
+  100% {
+    opacity: 0;
+    transform: scale(2);
+  }
+`;
+const flash = `
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.1;
+  }
+  100% {
+    opacity: 1;
+  }
+`;
+const zoomIn = `
+  0% {
+    transform: scale(0);
+  }
+  100% {
+    transform: scale(1);
+  }
+`;
+const zoomOut = `
+  0% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(0);
+  }
+`;
+const unfoldIn = `
+  0% {
+    transform: scaleY(.005) scaleX(0);
+  }
+  50% {
+    transform: scaleY(.005) scaleX(1);
+  }
+  100% {
+    transform: scaleY(1) scaleX(1);
+  }
+`;
+const unfoldOut = `
+  0% {
+    transform: scaleY(1) scaleX(1);
+  }
+  50% {
+    transform: scaleY(.005) scaleX(1);
+  }
+  100% {
+    transform: scaleY(.005) scaleX(0);
+  }
+`;
+const fadeIn = `
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+`;
+const fadeOut = `
+  0% {
+    background: rgba(0,0,0,.4);
+  }
+  100% {
+    background: rgba(0,0,0,.0);
+  }
+`;
+const scaleUp = `
+  0% {
+    transform: scale(.8) translateY(1000px);
+    opacity: 0;
+  }
+  100% {
+    transform: scale(1) translateY(0);
+    opacity: 1;
+  }
+`;
+const scaleDown = `
+  0% {
+    transform: scale(1) translateY(0);
+    opacity: 1;
+  }
+  100% {
+    transform: scale(.8) translateY(1000px);
+    opacity: 0;
+  }
+`;
+const quickScaleDown = `
+  0% {
+    transform: scale(1);
+  }
+  99.9% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(0);
+  }
+`;
+const scaleBack = `
+  0% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(.85);
+  }
+`;
+const scaleForward = `
+  0% {
+    transform: scale(.85);
+  }
+  100% {
+    transform: scale(1);
+  }
+`;
+const sketchIn = `
+  0% {
+    stroke-dashoffset: 778;
+  }
+  100% {
+    stroke-dashoffset: 0;
+  }
+`;
+const sketchOut = `
+  0% {
+    stroke-dashoffset: 0;
+  }
+  100% {
+    stroke-dashoffset: 778;
+  }
+`;
+const slideDownLarge = `
+  0% {
+    transform: translateY(-100%);
+  }
+  100% {
+    transform: translateY(0%);
+  }
+`;
+const slideUpLarge = `
+  0% {
+    transform: translateY(0%);
+  }
+  100% {
+    transform: translateY(-100%);
+  }
+`;
+const slideFromBottom = `
+  0% {
+    transform: translateY(100%);
+  }
+  100% {
+    transform: translateY(0%);
+  }
+`;
+const slideFromTop = `
+  0% {
+    transform: translateY(-100%);
+  }
+  100% {
+    transform: translateY(0%);
+  }
+`;
+const slideFromRight = `
+  0% {
+    transform: translateX(100%);
+  }
+  100% {
+    transform: translateX(0%);
+  }
+`;
+const slideFromLeft = `
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(0%);
+  }
+`;
+const slideToBottom = `
+  0% {
+    transform: translateY(0%);
+  }
+  100% {
+    transform: translateY(100%);
+  }
+`;
+const slideToTop = `
+  0% {
+    transform: translateY(0%);
+  }
+  100% {
+    transform: translateY(-100%);
+  }
+`;
+const slideToRight = `
+  0% {
+    transform: translateX(0%);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+`;
+const slideToLeft = `
+  0% {
+    transform: translateX(0%);
+  }
+  100% {
+    transform: translateX(-100%);
+  }
+`;
+const pulse = `
+  0% {
+    opacity: 0;
+    transform: scale(1);
+  }
+  50% {
+    opacity: 1;
+    transform: scale(1.15);
+  }
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+`;
+export {
+  bounce,
+  fadeIn,
+  fadeOut,
+  flash,
+  ping,
+  pulse,
+  quickScaleDown,
+  scaleBack,
+  scaleDown,
+  scaleForward,
+  scaleUp,
+  sketchIn,
+  sketchOut,
+  slideDownLarge,
+  slideFromBottom,
+  slideFromLeft,
+  slideFromRight,
+  slideFromTop,
+  slideToBottom,
+  slideToLeft,
+  slideToRight,
+  slideToTop,
+  slideUpLarge,
+  unfoldIn,
+  unfoldOut,
+  zoomIn,
+  zoomOut
+};

package/dist/utils/animations/animationsVE.css.d.ts

@@ -0,0 +1,27 @@
+export declare const bounce: string;
+export declare const ping: string;
+export declare const flash: string;
+export declare const zoomIn: string;
+export declare const zoomOut: string;
+export declare const unfoldIn: string;
+export declare const unfoldOut: string;
+export declare const fadeIn: string;
+export declare const fadeOut: string;
+export declare const scaleUp: string;
+export declare const scaleDown: string;
+export declare const quickScaleDown: string;
+export declare const scaleBack: string;
+export declare const scaleForward: string;
+export declare const sketchIn: string;
+export declare const sketchOut: string;
+export declare const slideDownLarge: string;
+export declare const slideUpLarge: string;
+export declare const slideFromBottom: string;
+export declare const slideFromTop: string;
+export declare const slideFromRight: string;
+export declare const slideFromLeft: string;
+export declare const slideToBottom: string;
+export declare const slideToTop: string;
+export declare const slideToRight: string;
+export declare const slideToLeft: string;
+export declare const pulse: string;

package/dist/utils/animations/animationsVE.css.js

@@ -0,0 +1,57 @@
+/* empty css                                */
+var bounce = "uv_15brg2b0";
+var ping = "uv_15brg2b1";
+var flash = "uv_15brg2b2";
+var zoomIn = "uv_15brg2b3";
+var zoomOut = "uv_15brg2b4";
+var unfoldIn = "uv_15brg2b5";
+var unfoldOut = "uv_15brg2b6";
+var fadeIn = "uv_15brg2b7";
+var fadeOut = "uv_15brg2b8";
+var scaleUp = "uv_15brg2b9";
+var scaleDown = "uv_15brg2ba";
+var quickScaleDown = "uv_15brg2bb";
+var scaleBack = "uv_15brg2bc";
+var scaleForward = "uv_15brg2bd";
+var sketchIn = "uv_15brg2be";
+var sketchOut = "uv_15brg2bf";
+var slideDownLarge = "uv_15brg2bg";
+var slideUpLarge = "uv_15brg2bh";
+var slideFromBottom = "uv_15brg2bi";
+var slideFromTop = "uv_15brg2bj";
+var slideFromRight = "uv_15brg2bk";
+var slideFromLeft = "uv_15brg2bl";
+var slideToBottom = "uv_15brg2bm";
+var slideToTop = "uv_15brg2bn";
+var slideToRight = "uv_15brg2bo";
+var slideToLeft = "uv_15brg2bp";
+var pulse = "uv_15brg2bq";
+export {
+  bounce,
+  fadeIn,
+  fadeOut,
+  flash,
+  ping,
+  pulse,
+  quickScaleDown,
+  scaleBack,
+  scaleDown,
+  scaleForward,
+  scaleUp,
+  sketchIn,
+  sketchOut,
+  slideDownLarge,
+  slideFromBottom,
+  slideFromLeft,
+  slideFromRight,
+  slideFromTop,
+  slideToBottom,
+  slideToLeft,
+  slideToRight,
+  slideToTop,
+  slideUpLarge,
+  unfoldIn,
+  unfoldOut,
+  zoomIn,
+  zoomOut
+};

package/dist/utils/index.d.ts

@@ -1,5 +1,5 @@
-export { bounce, fadeIn, fadeOut, flash, ping, pulse, quickScaleDown, scaleBack, scaleDown, scaleForward, scaleUp, sketchIn, sketchOut, slideDownLarge, slideFromBottom, slideFromLeft, slideFromRight, slideFromTop, slideToBottom, slideToLeft, slideToRight, slideToTop, slideUpLarge, unfoldIn, unfoldOut, zoomIn, zoomOut, } from './animations';
-export { fadeInVanillaExtract, pingVanillaExtract, slideFromBottomVanillaExtract, zoomInVanillaExtract, } from './animationVanillaExtract.css';
+export { bounce as bounceDefault, fadeIn as fadeInDefault, fadeOut as fadeOutDefault, flash as flashDefault, ping as pingDefault, pulse as pulseDefault, quickScaleDown as quickScaleDownDefault, scaleBack as scaleBackDefault, scaleDown as scaleDownDefault, scaleForward as scaleForwardDefault, scaleUp as scaleUpDefault, sketchIn as sketchInDefault, sketchOut as sketchOutDefault, slideDownLarge as slideDownLargeDefault, slideFromBottom as slideFromBottomDefault, slideFromLeft as slideFromLeftDefault, slideFromRight as slideFromRightDefault, slideFromTop as slideFromTopDefault, slideToBottom as slideToBottomDefault, slideToLeft as slideToLeftDefault, slideToRight as slideToRightDefault, slideToTop as slideToTopDefault, slideUpLarge as slideUpLargeDefault, unfoldIn as unfoldInDefault, unfoldOut as unfoldOutDefault, zoomIn as zoomInDefault, zoomOut as zoomOutDefault, } from './animations/animations';
+export { bounce, fadeIn, fadeOut, flash, ping, pulse, quickScaleDown, scaleBack, scaleDown, scaleForward, scaleUp, sketchIn, sketchOut, slideDownLarge, slideFromBottom, slideFromLeft, slideFromRight, slideFromTop, slideToBottom, slideToLeft, slideToRight, slideToTop, slideUpLarge, unfoldIn, unfoldOut, zoomIn, zoomOut, } from './animations/animationsVE.css';
 export { getUUID } from './ids';
 export { default as normalize } from './normalize';
 export type { ComparableType } from './orderBy';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/ui",
-  "version": "3.0.0-beta.25",
+  "version": "3.0.0-beta.27",
   "description": "Ultraviolet UI",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -64,7 +64,7 @@
     "react-dom": "18.x || 19.x"
   },
   "devDependencies": {
-    "@babel/core": "7.28.4",
+    "@babel/core": "7.28.5",
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.1",
     "@types/react": "19.2.2",
@@ -81,6 +81,7 @@
     "@nivo/line": "0.89.1",
     "@nivo/pie": "0.89.1",
     "@nivo/scales": "0.89.0",
+    "@nivo/treemap": "0.89.1",
     "@scaleway/fuzzy-search": "1.0.0",
     "@scaleway/random-name": "5.1.2",
     "@scaleway/use-media": "3.0.4",
@@ -92,8 +93,8 @@
     "deepmerge": "4.3.1",
     "react-toastify": "11.0.5",
     "react-use-clipboard": "1.0.9",
-    "@ultraviolet/icons": "5.0.0-beta.10",
-    "@ultraviolet/themes": "3.0.0-beta.3"
+    "@ultraviolet/icons": "5.0.0-beta.11",
+    "@ultraviolet/themes": "3.0.0-beta.4"
   },
   "scripts": {
     "type:generate": "tsc --declaration -p tsconfig.build.json",
@@ -104,6 +105,7 @@
     "typecheck": "tsc --noEmit",
     "size": "size-limit",
     "test:unit": "LC_ALL=en_US.UTF-8  pnpm vitest --run --config vitest.config.ts",
+    "test:watch": "LC_ALL=en_US.UTF-8  pnpm vitest watch --config vitest.config.ts",
     "test:unit:coverage": "pnpm test:unit --coverage",
     "lintpublish": "publint"
   }

package/dist/components/ActionBar/index.cjs

@@ -1,22 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const dynamic = require("@vanilla-extract/dynamic");
-const reactDom = require("react-dom");
-const index = require("../Stack/index.cjs");
-const styles_css = require("./styles.css.cjs");
-const ActionBar = ({
-  children,
-  role = "dialog",
-  rank = 0,
-  className,
-  style,
-  "data-testid": dataTestId
-}) => reactDom.createPortal(/* @__PURE__ */ jsxRuntime.jsx("div", { className: `${className ? `${className} ` : ""}${styles_css.actionBar}`, "data-testid": dataTestId, role, style: {
-  ...dynamic.assignInlineVars({
-    [styles_css.rankActionBar]: `${rank}`
-  }),
-  ...style
-}, children: /* @__PURE__ */ jsxRuntime.jsx(index.Stack, { alignItems: "center", className: styles_css.stackActionBar, children }) }), document.body);
-exports.ActionBar = ActionBar;

package/dist/components/ActionBar/styles.css.cjs

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                                                       */
-;/* empty css                            */
-var rankActionBar = "var(--uv_1p607tg0)";
-var stackActionBar = "uv_1p607tg1";
-var actionBar = "uv_1p607tg2";
-exports.actionBar = actionBar;
-exports.rankActionBar = rankActionBar;
-exports.stackActionBar = stackActionBar;

package/dist/components/Alert/index.cjs

@@ -1,55 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("@ultraviolet/icons");
-const react = require("react");
-const index$2 = require("../Button/index.cjs");
-const index = require("../Stack/index.cjs");
-const index$1 = require("../Text/index.cjs");
-const styles_css = require("./styles.css.cjs");
-const sentimentIcons = {
-  danger: Icon.AlertCircleIcon,
-  info: Icon.InformationOutlineIcon,
-  neutral: Icon.LightBulbIcon,
-  success: Icon.CheckCircleOutlineIcon,
-  warning: Icon.AlertCircleIcon
-};
-const Alert = ({
-  children,
-  title,
-  sentiment = "danger",
-  buttonText,
-  onClickButton,
-  closable,
-  onClose,
-  className,
-  disabled,
-  "data-testid": dataTestId,
-  style
-}) => {
-  const [opened, setOpened] = react.useState(true);
-  const Icon$1 = sentimentIcons[sentiment];
-  if (!opened) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { className: `${className ? `${className} ` : ""}${styles_css.alert({
-    sentiment
-  })}`, "data-testid": dataTestId, direction: "row", gap: 1, style, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "center", className: styles_css.wrapAlert, direction: "row", gap: 2, justifyContent: "space-between", wrap: true, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "start", direction: "row", flex: "1 1 auto", gap: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Icon$1, { "aria-hidden": "true", prominence: sentiment === "neutral" ? "strong" : void 0, sentiment, size: "large" }),
-        /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { className: styles_css.textAlert, direction: "row", flex: "1 1 auto", gap: 1.5, wrap: true, children: [
-          title ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "span", sentiment, variant: "bodyStronger", children: title }) : null,
-          typeof children === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "p", variant: "body", children }) : children
-        ] })
-      ] }),
-      buttonText ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Button, { className: styles_css.buttonAlert, disabled, onClick: onClickButton, sentiment, size: "small", children: buttonText }) : null
-    ] }),
-    closable || onClose ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Button, { "aria-label": "close", className: styles_css.buttonCloseAlert, onClick: () => {
-      setOpened(false);
-      onClose?.();
-    }, sentiment: "neutral", size: "small", variant: "ghost", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.CloseIcon, {}) }) : null
-  ] });
-};
-exports.Alert = Alert;

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

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var alert = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_1b838gx0", variantClassNames: { sentiment: { danger: "uv_1b838gx1", info: "uv_1b838gx2", success: "uv_1b838gx3", warning: "uv_1b838gx4", neutral: "uv_1b838gx5" } }, defaultVariants: { sentiment: "danger" }, compoundVariants: [] });
-var wrapAlert = "uv_1b838gx6";
-var textAlert = "uv_1b838gx7";
-var buttonAlert = "uv_1b838gx8";
-var buttonCloseAlert = "uv_1b838gx9";
-exports.alert = alert;
-exports.buttonAlert = buttonAlert;
-exports.buttonCloseAlert = buttonCloseAlert;
-exports.textAlert = textAlert;
-exports.wrapAlert = wrapAlert;

package/dist/components/Avatar/constants.cjs

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const TEXT_VARIANT_BY_SIZE = {
-  large: "headingLarge",
-  medium: "headingSmall",
-  small: "bodySmall",
-  xsmall: "captionSmall"
-};
-const sizes = (theme) => ({
-  large: "7rem",
-  // TODO: add this value to tokens
-  medium: theme.sizing["800"],
-  small: theme.sizing["400"],
-  xsmall: theme.sizing["250"]
-});
-const DEFAULT_COLORS = ["primary", "secondary"];
-exports.DEFAULT_COLORS = DEFAULT_COLORS;
-exports.TEXT_VARIANT_BY_SIZE = TEXT_VARIANT_BY_SIZE;
-exports.sizes = sizes;

package/dist/components/Avatar/index.cjs

@@ -1,66 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("@ultraviolet/icons");
-const ProductIcon = require("@ultraviolet/icons/product");
-const themes = require("@ultraviolet/themes");
-const dynamic = require("@vanilla-extract/dynamic");
-const index = require("../Text/index.cjs");
-const constants = require("./constants.cjs");
-const styles_css = require("./styles.css.cjs");
-const variables_css = require("./variables.css.cjs");
-const Avatar = ({
-  shape,
-  variant,
-  image,
-  text,
-  size = "medium",
-  sentiment = "primary",
-  colors = constants.DEFAULT_COLORS,
-  upload,
-  onClick,
-  className,
-  children,
-  "data-testid": dataTestId,
-  style
-}) => {
-  const isHalved = colors.length > 1;
-  const finalColors = colors?.map((bgColor) => themes.theme.colors[bgColor]?.backgroundStrong ?? bgColor);
-  const finalSize = constants.sizes(themes.theme)[size];
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${className ? `${className} ` : ""}${styles_css.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__ */ jsxRuntime.jsx("div", { className: styles_css.uploadContainer({
-      shape,
-      size
-    }), children: /* @__PURE__ */ jsxRuntime.jsx(Icon.UploadIcon, { prominence: "stronger", sentiment: "neutral", size: "large" }) }) : null,
-    variant === "user" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.productIconContainer({
-      shape,
-      size
-    }), children: /* @__PURE__ */ jsxRuntime.jsx(ProductIcon.UserProductIcon, { className: styles_css.svgAvatar({
-      shape
-    }) }) }) : null,
-    variant === "icon" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.elementContainer({
-      shape
-    }), children }) : null,
-    variant === "text" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.elementContainer({
-      shape
-    }), children: /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "span", prominence: sentiment === "primary" ? "stronger" : "strong", sentiment: "neutral", variant: constants.TEXT_VARIANT_BY_SIZE[size], children: text }) }) : null,
-    variant === "colors" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_css.colorsAvatar({
-      shape,
-      size
-    }), style: dynamic.assignInlineVars({
-      [variables_css.finalSizeAvatar]: finalSize,
-      [variables_css.finalColorAvatar]: finalColors[0],
-      [variables_css.halvedColorAvatar]: isHalved ? finalColors[1] : finalColors[0]
-    }) }) : null
-  ] });
-};
-exports.Avatar = Avatar;

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

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                                                    */
-;/* empty css                               */
-;/* empty css                            */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var containerAvatar = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_19x8y1k0", variantClassNames: { shape: { circle: "uv_19x8y1k1", square: "uv_19x8y1k2" }, size: { large: "uv_19x8y1k3", medium: "uv_19x8y1k4", small: "uv_19x8y1k5", xsmall: "uv_19x8y1k6" }, sentiment: { primary: "uv_19x8y1k7", neutral: "uv_19x8y1k8" } }, defaultVariants: {}, compoundVariants: [[{ size: "large", shape: "square" }, "uv_19x8y1k9"], [{ size: "medium", shape: "square" }, "uv_19x8y1ka"], [{ size: "small", shape: "square" }, "uv_19x8y1kb"], [{ size: "xsmall", shape: "square" }, "uv_19x8y1kc"]] });
-var uploadContainer = createRuntimeFn.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: [[{ size: "large", shape: "square" }, "uv_19x8y1kk"], [{ size: "medium", shape: "square" }, "uv_19x8y1kl"], [{ size: "small", shape: "square" }, "uv_19x8y1km"], [{ size: "xsmall", shape: "square" }, "uv_19x8y1kn"]] });
-var productIconContainer = createRuntimeFn.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: [[{ size: "large", shape: "square" }, "uv_19x8y1kv"], [{ size: "medium", shape: "square" }, "uv_19x8y1kw"], [{ size: "small", shape: "square" }, "uv_19x8y1kx"], [{ size: "xsmall", shape: "square" }, "uv_19x8y1ky"]] });
-var elementContainer = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_19x8y1kz", variantClassNames: { shape: { circle: "uv_19x8y1k10", square: "uv_19x8y1k11" } }, defaultVariants: {}, compoundVariants: [] });
-var colorsAvatar = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_19x8y1k12", variantClassNames: { size: { large: "uv_19x8y1k13", medium: "uv_19x8y1k14", small: "uv_19x8y1k15", xsmall: "uv_19x8y1k16" }, shape: { circle: "uv_19x8y1k17", square: "uv_19x8y1k18" } }, defaultVariants: {}, compoundVariants: [[{ size: "large", shape: "square" }, "uv_19x8y1k19"], [{ size: "medium", shape: "square" }, "uv_19x8y1k1a"], [{ size: "small", shape: "square" }, "uv_19x8y1k1b"], [{ size: "xsmall", shape: "square" }, "uv_19x8y1k1c"]] });
-var svgAvatar = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_19x8y1k1d", variantClassNames: { shape: { circle: "uv_19x8y1k1e", square: "uv_19x8y1k1f" } }, defaultVariants: {}, compoundVariants: [] });
-exports.colorsAvatar = colorsAvatar;
-exports.containerAvatar = containerAvatar;
-exports.elementContainer = elementContainer;
-exports.productIconContainer = productIconContainer;
-exports.svgAvatar = svgAvatar;
-exports.uploadContainer = uploadContainer;

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

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var finalSizeAvatar = "var(--uv_18799yd0)";
-var finalColorAvatar = "var(--uv_18799yd1)";
-var halvedColorAvatar = "var(--uv_18799yd2)";
-exports.finalColorAvatar = finalColorAvatar;
-exports.finalSizeAvatar = finalSizeAvatar;
-exports.halvedColorAvatar = halvedColorAvatar;

package/dist/components/Badge/constant.cjs

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const TEXT_VARIANT = {
-  large: "bodySmall",
-  medium: "caption",
-  small: "captionSmall"
-};
-exports.TEXT_VARIANT = TEXT_VARIANT;