@ultraviolet/ui 3.21.1 → 3.22.0

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

@@ -4,161 +4,163 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Button/styles.css.ts
 var buttonStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	buttonStyle = { button: createRuntimeFn({
-		defaultClassName: "uv_e1wcoe0",
-		variantClassNames: {
-			disabled: {
-				false: "uv_e1wcoe1",
-				true: "uv_e1wcoe2"
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		buttonStyle = { button: createRuntimeFn({
+			defaultClassName: "uv_e1wcoe0",
+			variantClassNames: {
+				disabled: {
+					false: "uv_e1wcoe1",
+					true: "uv_e1wcoe2"
+				},
+				fullWidth: {
+					false: "uv_e1wcoe3",
+					true: "uv_e1wcoe4"
+				},
+				sentiment: {
+					black: "uv_e1wcoe5",
+					danger: "uv_e1wcoe6",
+					info: "uv_e1wcoe7",
+					neutral: "uv_e1wcoe8",
+					primary: "uv_e1wcoe9",
+					secondary: "uv_e1wcoea",
+					success: "uv_e1wcoeb",
+					warning: "uv_e1wcoec",
+					white: "uv_e1wcoed"
+				},
+				size: {
+					large: "uv_e1wcoee",
+					medium: "uv_e1wcoef",
+					small: "uv_e1wcoeg",
+					xsmall: "uv_e1wcoeh"
+				},
+				variant: {
+					filled: "uv_e1wcoei",
+					ghost: "uv_e1wcoej",
+					outlined: "uv_e1wcoek"
+				}
 			},
-			fullWidth: {
-				false: "uv_e1wcoe3",
-				true: "uv_e1wcoe4"
-			},
-			sentiment: {
-				black: "uv_e1wcoe5",
-				danger: "uv_e1wcoe6",
-				info: "uv_e1wcoe7",
-				neutral: "uv_e1wcoe8",
-				primary: "uv_e1wcoe9",
-				secondary: "uv_e1wcoea",
-				success: "uv_e1wcoeb",
-				warning: "uv_e1wcoec",
-				white: "uv_e1wcoed"
-			},
-			size: {
-				large: "uv_e1wcoee",
-				medium: "uv_e1wcoef",
-				small: "uv_e1wcoeg",
-				xsmall: "uv_e1wcoeh"
-			},
-			variant: {
-				filled: "uv_e1wcoei",
-				ghost: "uv_e1wcoej",
-				outlined: "uv_e1wcoek"
-			}
-		},
-		defaultVariants: {
-			disabled: false,
-			fullWidth: false,
-			sentiment: "primary",
-			size: "large",
-			variant: "filled"
-		},
-		compoundVariants: [
-			[{
+			defaultVariants: {
+				disabled: false,
+				fullWidth: false,
 				sentiment: "primary",
+				size: "large",
 				variant: "filled"
-			}, "uv_e1wcoel"],
-			[{
-				sentiment: "secondary",
-				variant: "filled"
-			}, "uv_e1wcoem"],
-			[{
-				sentiment: "danger",
-				variant: "filled"
-			}, "uv_e1wcoen"],
-			[{
-				sentiment: "info",
-				variant: "filled"
-			}, "uv_e1wcoeo"],
-			[{
-				sentiment: "success",
-				variant: "filled"
-			}, "uv_e1wcoep"],
-			[{
-				sentiment: "warning",
-				variant: "filled"
-			}, "uv_e1wcoeq"],
-			[{
-				sentiment: "neutral",
-				variant: "filled"
-			}, "uv_e1wcoer"],
-			[{
-				sentiment: "black",
-				variant: "filled"
-			}, "uv_e1wcoes"],
-			[{
-				sentiment: "white",
-				variant: "filled"
-			}, "uv_e1wcoet"],
-			[{
-				sentiment: "primary",
-				variant: "outlined"
-			}, "uv_e1wcoeu"],
-			[{
-				sentiment: "secondary",
-				variant: "outlined"
-			}, "uv_e1wcoev"],
-			[{
-				sentiment: "danger",
-				variant: "outlined"
-			}, "uv_e1wcoew"],
-			[{
-				sentiment: "info",
-				variant: "outlined"
-			}, "uv_e1wcoex"],
-			[{
-				sentiment: "success",
-				variant: "outlined"
-			}, "uv_e1wcoey"],
-			[{
-				sentiment: "warning",
-				variant: "outlined"
-			}, "uv_e1wcoez"],
-			[{
-				sentiment: "neutral",
-				variant: "outlined"
-			}, "uv_e1wcoe10"],
-			[{
-				sentiment: "black",
-				variant: "outlined"
-			}, "uv_e1wcoe11"],
-			[{
-				sentiment: "white",
-				variant: "outlined"
-			}, "uv_e1wcoe12"],
-			[{
-				sentiment: "primary",
-				variant: "ghost"
-			}, "uv_e1wcoe13"],
-			[{
-				sentiment: "secondary",
-				variant: "ghost"
-			}, "uv_e1wcoe14"],
-			[{
-				sentiment: "danger",
-				variant: "ghost"
-			}, "uv_e1wcoe15"],
-			[{
-				sentiment: "info",
-				variant: "ghost"
-			}, "uv_e1wcoe16"],
-			[{
-				sentiment: "success",
-				variant: "ghost"
-			}, "uv_e1wcoe17"],
-			[{
-				sentiment: "warning",
-				variant: "ghost"
-			}, "uv_e1wcoe18"],
-			[{
-				sentiment: "neutral",
-				variant: "ghost"
-			}, "uv_e1wcoe19"],
-			[{
-				sentiment: "black",
-				variant: "ghost"
-			}, "uv_e1wcoe1a"],
-			[{
-				sentiment: "white",
-				variant: "ghost"
-			}, "uv_e1wcoe1b"]
-		]
-	}) };
-});
+			},
+			compoundVariants: [
+				[{
+					sentiment: "primary",
+					variant: "filled"
+				}, "uv_e1wcoel"],
+				[{
+					sentiment: "secondary",
+					variant: "filled"
+				}, "uv_e1wcoem"],
+				[{
+					sentiment: "danger",
+					variant: "filled"
+				}, "uv_e1wcoen"],
+				[{
+					sentiment: "info",
+					variant: "filled"
+				}, "uv_e1wcoeo"],
+				[{
+					sentiment: "success",
+					variant: "filled"
+				}, "uv_e1wcoep"],
+				[{
+					sentiment: "warning",
+					variant: "filled"
+				}, "uv_e1wcoeq"],
+				[{
+					sentiment: "neutral",
+					variant: "filled"
+				}, "uv_e1wcoer"],
+				[{
+					sentiment: "black",
+					variant: "filled"
+				}, "uv_e1wcoes"],
+				[{
+					sentiment: "white",
+					variant: "filled"
+				}, "uv_e1wcoet"],
+				[{
+					sentiment: "primary",
+					variant: "outlined"
+				}, "uv_e1wcoeu"],
+				[{
+					sentiment: "secondary",
+					variant: "outlined"
+				}, "uv_e1wcoev"],
+				[{
+					sentiment: "danger",
+					variant: "outlined"
+				}, "uv_e1wcoew"],
+				[{
+					sentiment: "info",
+					variant: "outlined"
+				}, "uv_e1wcoex"],
+				[{
+					sentiment: "success",
+					variant: "outlined"
+				}, "uv_e1wcoey"],
+				[{
+					sentiment: "warning",
+					variant: "outlined"
+				}, "uv_e1wcoez"],
+				[{
+					sentiment: "neutral",
+					variant: "outlined"
+				}, "uv_e1wcoe10"],
+				[{
+					sentiment: "black",
+					variant: "outlined"
+				}, "uv_e1wcoe11"],
+				[{
+					sentiment: "white",
+					variant: "outlined"
+				}, "uv_e1wcoe12"],
+				[{
+					sentiment: "primary",
+					variant: "ghost"
+				}, "uv_e1wcoe13"],
+				[{
+					sentiment: "secondary",
+					variant: "ghost"
+				}, "uv_e1wcoe14"],
+				[{
+					sentiment: "danger",
+					variant: "ghost"
+				}, "uv_e1wcoe15"],
+				[{
+					sentiment: "info",
+					variant: "ghost"
+				}, "uv_e1wcoe16"],
+				[{
+					sentiment: "success",
+					variant: "ghost"
+				}, "uv_e1wcoe17"],
+				[{
+					sentiment: "warning",
+					variant: "ghost"
+				}, "uv_e1wcoe18"],
+				[{
+					sentiment: "neutral",
+					variant: "ghost"
+				}, "uv_e1wcoe19"],
+				[{
+					sentiment: "black",
+					variant: "ghost"
+				}, "uv_e1wcoe1a"],
+				[{
+					sentiment: "white",
+					variant: "ghost"
+				}, "uv_e1wcoe1b"]
+			]
+		}) };
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

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

@@ -9,28 +9,47 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Card/index.tsx
 var Card;
-var init_Card = __esmMin(() => {
-	init_Stack();
-	init_Text();
-	init_styles_css();
-	Card = forwardRef(({ header, subHeader, disabled = false, active = false, children, className, "data-testid": dataTestId, style }, ref) => header ? /* @__PURE__ */ jsxs(Stack, {
-		className: cn(className, cardStyle.stack),
-		"data-disabled": disabled,
-		"data-testid": dataTestId,
-		gap: 1,
-		ref,
-		style,
-		children: [typeof header === "string" ? /* @__PURE__ */ jsx(Text, {
-			as: "h2",
-			disabled,
-			prominence: "strong",
-			sentiment: "neutral",
-			variant: "heading",
-			children: header
-		}) : header, /* @__PURE__ */ jsx("div", {
-			className: cardStyle.borderedBox,
+function init_Card() {
+	return (init_Card = __esmMin(() => {
+		init_Stack();
+		init_Text();
+		init_styles_css();
+		Card = forwardRef(({ header, subHeader, disabled = false, active = false, children, className, "data-testid": dataTestId, style }, ref) => header ? /* @__PURE__ */ jsxs(Stack, {
+			className: cn(className, cardStyle.stack),
+			"data-disabled": disabled,
+			"data-testid": dataTestId,
+			gap: 1,
+			ref,
+			style,
+			children: [typeof header === "string" ? /* @__PURE__ */ jsx(Text, {
+				as: "h2",
+				disabled,
+				prominence: "strong",
+				sentiment: "neutral",
+				variant: "heading",
+				children: header
+			}) : header, /* @__PURE__ */ jsx("div", {
+				className: cardStyle.borderedBox,
+				"data-disabled": disabled,
+				"data-is-active": active,
+				children: subHeader ? /* @__PURE__ */ jsxs(Stack, {
+					gap: 2,
+					children: [typeof subHeader === "string" ? /* @__PURE__ */ jsx(Text, {
+						as: "h3",
+						disabled,
+						sentiment: "neutral",
+						variant: "headingSmallStrong",
+						children: subHeader
+					}) : subHeader, children]
+				}) : children
+			})]
+		}) : /* @__PURE__ */ jsx("div", {
+			className: cn(className, cardStyle.borderedBox),
 			"data-disabled": disabled,
 			"data-is-active": active,
+			"data-testid": dataTestId,
+			ref,
+			style,
 			children: subHeader ? /* @__PURE__ */ jsxs(Stack, {
 				gap: 2,
 				children: [typeof subHeader === "string" ? /* @__PURE__ */ jsx(Text, {
@@ -41,27 +60,10 @@ var init_Card = __esmMin(() => {
 					children: subHeader
 				}) : subHeader, children]
 			}) : children
-		})]
-	}) : /* @__PURE__ */ jsx("div", {
-		className: cn(className, cardStyle.borderedBox),
-		"data-disabled": disabled,
-		"data-is-active": active,
-		"data-testid": dataTestId,
-		ref,
-		style,
-		children: subHeader ? /* @__PURE__ */ jsxs(Stack, {
-			gap: 2,
-			children: [typeof subHeader === "string" ? /* @__PURE__ */ jsx(Text, {
-				as: "h3",
-				disabled,
-				sentiment: "neutral",
-				variant: "headingSmallStrong",
-				children: subHeader
-			}) : subHeader, children]
-		}) : children
-	}));
-	Card.displayName = "Card";
-});
+		}));
+		Card.displayName = "Card";
+	}))();
+}
 
 //#endregion
 init_Card();

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

@@ -3,13 +3,15 @@ import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/Card/styles.css.ts
 var cardStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	cardStyle = {
-		stack: "uv_1p7tz3i0",
-		borderedBox: "uv_1p7tz3i1"
-	};
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		cardStyle = {
+			stack: "uv_1p7tz3i0",
+			borderedBox: "uv_1p7tz3i1"
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

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

@@ -1,22 +1,24 @@
 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 { carouselStyle, init_styles_css, widthVar } from "./styles.css.js";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Carousel/Item.tsx
 var CarouselItem;
-var init_Item = __esmMin(() => {
-	init_styles_css();
-	init_objectSpread2();
-	CarouselItem = ({ children, width = "240px", style }) => /* @__PURE__ */ jsx("div", {
-		className: carouselStyle.borderWrapper,
-		draggable: "true",
-		style: _objectSpread2(_objectSpread2({}, assignInlineVars({ [widthVar]: width })), style),
-		children
-	});
-	CarouselItem.displayName = "Carousel.Item";
-});
+function init_Item() {
+	return (init_Item = __esmMin(() => {
+		init_styles_css();
+		init_objectSpread2();
+		CarouselItem = ({ children, width = "240px", style }) => /* @__PURE__ */ jsx("div", {
+			className: carouselStyle.borderWrapper,
+			draggable: "true",
+			style: _objectSpread2(_objectSpread2({}, assignInlineVars({ [widthVar]: width })), style),
+			children
+		});
+		CarouselItem.displayName = "Carousel.Item";
+	}))();
+}
 
 //#endregion
 init_Item();