@ultraviolet/ui 3.9.0 → 3.10.0

package/dist/.vite/license.md

@@ -0,0 +1,3 @@
+# Licenses
+
+The app does not bundle any dependencies with licenses.

package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/asyncToGenerator.js

@@ -0,0 +1,32 @@
+import { __name } from "../../_rolldown/runtime.js";
+
+//#region \0@oxc-project+runtime@0.113.0/helpers/asyncToGenerator.js
+function asyncGeneratorStep(n, t, e, r, o, a, c) {
+	try {
+		var i = n[a](c);
+		var u = i.value;
+	} catch (n) {
+		e(n);
+		return;
+	}
+	i.done ? t(u) : Promise.resolve(u).then(r, o);
+}
+function _asyncToGenerator(n) {
+	return function() {
+		var t = this;
+		var e = arguments;
+		return new Promise(function(r, o) {
+			var a = n.apply(t, e);
+			function _next(n) {
+				asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
+			}
+			function _throw(n) {
+				asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
+			}
+			_next(void 0);
+		});
+	};
+}
+
+//#endregion
+export { _asyncToGenerator };

package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/defineProperty.js

@@ -0,0 +1,15 @@
+import { __name } from "../../_rolldown/runtime.js";
+import { toPropertyKey } from "./toPropertyKey.js";
+
+//#region \0@oxc-project+runtime@0.113.0/helpers/defineProperty.js
+function _defineProperty(e, r, t) {
+	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+		value: t,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[r] = t, e;
+}
+
+//#endregion
+export { _defineProperty };

package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js

@@ -0,0 +1,28 @@
+import { __name } from "../../_rolldown/runtime.js";
+import { _defineProperty } from "./defineProperty.js";
+
+//#region \0@oxc-project+runtime@0.113.0/helpers/objectSpread2.js
+function ownKeys(e, r) {
+	var t = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var o = Object.getOwnPropertySymbols(e);
+		r && (o = o.filter(function(r) {
+			return Object.getOwnPropertyDescriptor(e, r).enumerable;
+		})), t.push.apply(t, o);
+	}
+	return t;
+}
+function _objectSpread2(e) {
+	for (var r = 1; r < arguments.length; r++) {
+		var t = null != arguments[r] ? arguments[r] : {};
+		r % 2 ? ownKeys(Object(t), !0).forEach(function(r) {
+			_defineProperty(e, r, t[r]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) {
+			Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+		});
+	}
+	return e;
+}
+
+//#endregion
+export { _objectSpread2 };

package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/objectWithoutProperties.js

@@ -0,0 +1,18 @@
+import { __name } from "../../_rolldown/runtime.js";
+import { _objectWithoutPropertiesLoose } from "./objectWithoutPropertiesLoose.js";
+
+//#region \0@oxc-project+runtime@0.113.0/helpers/objectWithoutProperties.js
+function _objectWithoutProperties(e, t) {
+	if (null == e) return {};
+	var o;
+	var r;
+	var i = _objectWithoutPropertiesLoose(e, t);
+	if (Object.getOwnPropertySymbols) {
+		var s = Object.getOwnPropertySymbols(e);
+		for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+	}
+	return i;
+}
+
+//#endregion
+export { _objectWithoutProperties };

package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/objectWithoutPropertiesLoose.js

@@ -0,0 +1,15 @@
+import { __name } from "../../_rolldown/runtime.js";
+
+//#region \0@oxc-project+runtime@0.113.0/helpers/objectWithoutPropertiesLoose.js
+function _objectWithoutPropertiesLoose(r, e) {
+	if (null == r) return {};
+	var t = {};
+	for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+		if (e.includes(n)) continue;
+		t[n] = r[n];
+	}
+	return t;
+}
+
+//#endregion
+export { _objectWithoutPropertiesLoose };

package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/toPrimitive.js

@@ -0,0 +1,17 @@
+import { __name } from "../../_rolldown/runtime.js";
+import { _typeof } from "./typeof.js";
+
+//#region \0@oxc-project+runtime@0.113.0/helpers/toPrimitive.js
+function toPrimitive(t, r) {
+	if ("object" != _typeof(t) || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != _typeof(i)) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
+}
+
+//#endregion
+export { toPrimitive };

package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/toPropertyKey.js

@@ -0,0 +1,12 @@
+import { __name } from "../../_rolldown/runtime.js";
+import { _typeof } from "./typeof.js";
+import { toPrimitive } from "./toPrimitive.js";
+
+//#region \0@oxc-project+runtime@0.113.0/helpers/toPropertyKey.js
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == _typeof(i) ? i : i + "";
+}
+
+//#endregion
+export { toPropertyKey };

package/dist/_virtual/_@oxc-project_runtime@0.113.0/helpers/typeof.js

@@ -0,0 +1,14 @@
+import { __name } from "../../_rolldown/runtime.js";
+
+//#region \0@oxc-project+runtime@0.113.0/helpers/typeof.js
+function _typeof(o) {
+	"@babel/helpers - typeof";
+	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
+		return typeof o;
+	} : function(o) {
+		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+	}, _typeof(o);
+}
+
+//#endregion
+export { _typeof };

package/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1,9 @@
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", {
+	value,
+	configurable: true
+});
+
+//#endregion
+export { __name };

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

@@ -17,6 +17,6 @@ type ActionBarProps = {
  * **Note:** ActionBar is added into a portal at the end of the body element. This means that it will always be on top of other elements without `z-index`,
  * and will not be affected by the layout of the page it is on.
  */
-export declare const ActionBar: ({ children, role, rank, className, style, "data-testid": dataTestId, }: ActionBarProps) => import("react").ReactPortal;
+export declare const ActionBar: ({ children, role, rank, className, style, 'data-testid': dataTestId, }: ActionBarProps) => import("react").ReactPortal;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ActionBar/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKrD,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,GAAI,wEAOvB,cAAc,gCAkBd,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ActionBar/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKrD,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,yHAyBnB,CAAA"}

package/dist/components/ActionBar/index.js

@@ -1,35 +1,32 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { Stack } from "../Stack/index.js";
+import { actionBar, rankActionBar, stackActionBar } from "./styles.css.js";
 import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
-import { Stack } from "../Stack/index.js";
-import { stackActionBar, rankActionBar, actionBar } from "./styles.css.js";
-const ActionBar = ({
-  children,
-  role = "dialog",
-  rank = 0,
-  className,
-  style,
-  "data-testid": dataTestId
-}) => createPortal(
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(className, actionBar),
-      "data-testid": dataTestId,
-      role,
-      style: {
-        ...assignInlineVars({
-          [rankActionBar]: `${rank}`
-        }),
-        ...style
-      },
-      children: /* @__PURE__ */ jsx(Stack, { alignItems: "center", className: stackActionBar, children })
-    }
-  ),
-  document.body
-);
-export {
-  ActionBar
-};
+
+//#region src/components/ActionBar/index.tsx
+/**
+* The ActionBar is a floating bar that appears at the bottom of a page.
+* It can be used to display important actions or information to the user, and can be configured to display a variety of different content types.
+*
+* **Note:** ActionBar is added into a portal at the end of the body element. This means that it will always be on top of other elements without `z-index`,
+* and will not be affected by the layout of the page it is on.
+*/
+const ActionBar = ({ children, role = "dialog", rank = 0, className, style, "data-testid": dataTestId }) => createPortal(/* @__PURE__ */ jsx("div", {
+	className: cn(className, actionBar),
+	"data-testid": dataTestId,
+	role,
+	style: _objectSpread2(_objectSpread2({}, assignInlineVars({ [rankActionBar]: `${rank}` })), style),
+	children: /* @__PURE__ */ jsx(Stack, {
+		alignItems: "center",
+		className: stackActionBar,
+		children
+	})
+}), document.body);
+
+//#endregion
+export { ActionBar };

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

@@ -1,10 +1,10 @@
-/* empty css                                                     */
-/* empty css                          */
+/* empty css                                                 */
+/* empty css                      */
+
+//#region src/components/ActionBar/styles.css.ts
 var rankActionBar = "var(--uv_1p607tg0)";
 var stackActionBar = "uv_1p607tg1";
 var actionBar = "uv_1p607tg2";
-export {
-  actionBar,
-  rankActionBar,
-  stackActionBar
-};
+
+//#endregion
+export { actionBar, rankActionBar, stackActionBar };

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

@@ -24,6 +24,6 @@ type AlertProps = {
 /**
  * Alert component is used to display a short, important message in a way that attracts the user's attention without interrupting the user's task.
  */
-export declare const Alert: ({ children, title, sentiment, buttonText, onClickButton, closable, onClose, className, disabled, "data-testid": dataTestId, size, style, }: AlertProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Alert: ({ children, title, sentiment, buttonText, onClickButton, closable, onClose, className, disabled, 'data-testid': dataTestId, size, style, }: AlertProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAWlC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AAU5C,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,UAAU,CAAC,CAAA;IACtD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAC1B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,4IAanB,UAAU,mDA8FZ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAWlC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AAU5C,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,UAAU,CAAC,CAAA;IACtD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAC1B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,4MA2GjB,CAAA"}

package/dist/components/Alert/index.js

@@ -1,138 +1,100 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack } from "../Stack/index.js";
+import { Text } from "../Text/index.js";
+import { Button } from "../Button/index.js";
+import { alert, buttonAlert, buttonCloseAlert, smallIcon, textAlert, wrapAlert } from "./styles.css.js";
+import { cn } from "@ultraviolet/utils";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIcon";
 import { AlertCircleIcon } from "@ultraviolet/icons/AlertCircleIcon";
-import { CheckCircleOutlineIcon } from "@ultraviolet/icons/CheckCircleOutlineIcon";
 import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
-import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIcon";
+import { CheckCircleOutlineIcon } from "@ultraviolet/icons/CheckCircleOutlineIcon";
 import { LightBulbIcon } from "@ultraviolet/icons/LightBulbIcon";
-import { cn } from "@ultraviolet/utils";
-import { useState } from "react";
-import { Button } from "../Button/index.js";
-import { Stack } from "../Stack/index.js";
-import { Text } from "../Text/index.js";
-import { wrapAlert, smallIcon, textAlert, buttonAlert, buttonCloseAlert, alert } from "./styles.css.js";
+
+//#region src/components/Alert/index.tsx
 const sentimentIcons = {
-  danger: AlertCircleIcon,
-  info: InformationOutlineIcon,
-  neutral: LightBulbIcon,
-  success: CheckCircleOutlineIcon,
-  warning: AlertCircleIcon
-};
-const Alert = ({
-  children,
-  title,
-  sentiment = "danger",
-  buttonText,
-  onClickButton,
-  closable,
-  onClose,
-  className,
-  disabled,
-  "data-testid": dataTestId,
-  size = "medium",
-  style
-}) => {
-  const [opened, setOpened] = useState(true);
-  const Icon = sentimentIcons[sentiment];
-  if (!opened) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(
-    Stack,
-    {
-      className: cn(className, alert({ sentiment, size })),
-      "data-testid": dataTestId,
-      direction: "row",
-      gap: 1,
-      style,
-      children: [
-        /* @__PURE__ */ jsxs(
-          Stack,
-          {
-            alignItems: "center",
-            className: wrapAlert,
-            direction: "row",
-            gap: 2,
-            justifyContent: "space-between",
-            wrap: true,
-            children: [
-              /* @__PURE__ */ jsxs(
-                Stack,
-                {
-                  alignItems: "flex-start",
-                  direction: "row",
-                  flex: "1 1 auto",
-                  gap: size === "small" ? 1 : 2,
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      Icon,
-                      {
-                        "aria-hidden": "true",
-                        className: size === "small" ? smallIcon : "",
-                        prominence: sentiment === "neutral" ? "strong" : void 0,
-                        sentiment,
-                        size: size === "small" ? "small" : "large"
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs(
-                      Stack,
-                      {
-                        alignItems: "center",
-                        className: textAlert,
-                        direction: "row",
-                        flex: "1 1 auto",
-                        gap: 1.5,
-                        wrap: true,
-                        children: [
-                          title ? /* @__PURE__ */ jsx(
-                            Text,
-                            {
-                              as: "span",
-                              sentiment,
-                              variant: size === "small" ? "bodySmallStronger" : "bodyStronger",
-                              children: title
-                            }
-                          ) : null,
-                          typeof children === "string" ? /* @__PURE__ */ jsx(Text, { as: "p", variant: size === "small" ? "bodySmall" : "body", children }) : children
-                        ]
-                      }
-                    )
-                  ]
-                }
-              ),
-              buttonText ? /* @__PURE__ */ jsx(
-                Button,
-                {
-                  className: buttonAlert[size],
-                  disabled,
-                  onClick: onClickButton,
-                  sentiment,
-                  size: "small",
-                  children: buttonText
-                }
-              ) : null
-            ]
-          }
-        ),
-        closable || onClose ? /* @__PURE__ */ jsx(
-          Button,
-          {
-            "aria-label": "close",
-            className: buttonCloseAlert,
-            onClick: () => {
-              setOpened(false);
-              onClose?.();
-            },
-            sentiment: "neutral",
-            size: "small",
-            variant: "ghost",
-            children: /* @__PURE__ */ jsx(CloseIcon, {})
-          }
-        ) : null
-      ]
-    }
-  );
+	danger: AlertCircleIcon,
+	info: InformationOutlineIcon,
+	neutral: LightBulbIcon,
+	success: CheckCircleOutlineIcon,
+	warning: AlertCircleIcon
 };
-export {
-  Alert
+/**
+* Alert component is used to display a short, important message in a way that attracts the user's attention without interrupting the user's task.
+*/
+const Alert = ({ children, title, sentiment = "danger", buttonText, onClickButton, closable, onClose, className, disabled, "data-testid": dataTestId, size = "medium", style }) => {
+	const [opened, setOpened] = useState(true);
+	const Icon = sentimentIcons[sentiment];
+	if (!opened) return null;
+	return /* @__PURE__ */ jsxs(Stack, {
+		className: cn(className, alert({
+			sentiment,
+			size
+		})),
+		"data-testid": dataTestId,
+		direction: "row",
+		gap: 1,
+		style,
+		children: [/* @__PURE__ */ jsxs(Stack, {
+			alignItems: "center",
+			className: wrapAlert,
+			direction: "row",
+			gap: 2,
+			justifyContent: "space-between",
+			wrap: true,
+			children: [/* @__PURE__ */ jsxs(Stack, {
+				alignItems: "flex-start",
+				direction: "row",
+				flex: "1 1 auto",
+				gap: size === "small" ? 1 : 2,
+				children: [/* @__PURE__ */ jsx(Icon, {
+					"aria-hidden": "true",
+					className: size === "small" ? smallIcon : "",
+					prominence: sentiment === "neutral" ? "strong" : void 0,
+					sentiment,
+					size: size === "small" ? "small" : "large"
+				}), /* @__PURE__ */ jsxs(Stack, {
+					alignItems: "center",
+					className: textAlert,
+					direction: "row",
+					flex: "1 1 auto",
+					gap: 1.5,
+					wrap: true,
+					children: [title ? /* @__PURE__ */ jsx(Text, {
+						as: "span",
+						sentiment,
+						variant: size === "small" ? "bodySmallStronger" : "bodyStronger",
+						children: title
+					}) : null, typeof children === "string" ? /* @__PURE__ */ jsx(Text, {
+						as: "p",
+						variant: size === "small" ? "bodySmall" : "body",
+						children
+					}) : children]
+				})]
+			}), buttonText ? /* @__PURE__ */ jsx(Button, {
+				className: buttonAlert[size],
+				disabled,
+				onClick: onClickButton,
+				sentiment,
+				size: "small",
+				children: buttonText
+			}) : null]
+		}), closable || onClose ? /* @__PURE__ */ jsx(Button, {
+			"aria-label": "close",
+			className: buttonCloseAlert,
+			onClick: () => {
+				setOpened(false);
+				onClose === null || onClose === void 0 || onClose();
+			},
+			sentiment: "neutral",
+			size: "small",
+			variant: "ghost",
+			children: /* @__PURE__ */ jsx(CloseIcon, {})
+		}) : null]
+	});
 };
+
+//#endregion
+export { Alert };

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

@@ -38,7 +38,7 @@ export declare const alert: import("@vanilla-extract/recipes").RuntimeFn<{
 }>;
 export declare const wrapAlert: string;
 export declare const textAlert: string;
-export declare const buttonAlert: Record<"small" | "medium", string>;
+export declare const buttonAlert: Record<"medium" | "small", string>;
 export declare const buttonCloseAlert: string;
 export type AlertVariants = NonNullable<RecipeVariants<typeof alert>>;
 export declare const smallIcon: string;

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

@@ -1,16 +1,36 @@
-/* empty css                          */
+/* empty css                      */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var 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" } }, defaultVariants: { sentiment: "danger", size: "medium" }, compoundVariants: [] });
+
+//#region src/components/Alert/styles.css.ts
+var 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"
+		}
+	},
+	defaultVariants: {
+		sentiment: "danger",
+		size: "medium"
+	},
+	compoundVariants: []
+});
 var wrapAlert = "uv_1b838gx8";
 var textAlert = "uv_1b838gx9";
-var buttonAlert = { medium: "uv_1b838gxa", small: "uv_1b838gxb" };
+var buttonAlert = {
+	medium: "uv_1b838gxa",
+	small: "uv_1b838gxb"
+};
 var buttonCloseAlert = "uv_1b838gxc";
 var smallIcon = "uv_1b838gxd";
-export {
-  alert,
-  buttonAlert,
-  buttonCloseAlert,
-  smallIcon,
-  textAlert,
-  wrapAlert
-};
+
+//#endregion
+export { alert, buttonAlert, buttonCloseAlert, smallIcon, textAlert, wrapAlert };