@ultraviolet/ui 3.21.1 → 3.21.2

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

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

@@ -3,13 +3,15 @@ import { init_variables_css_ts_vanilla } from "./variables.css.ts.vanilla.js";
 
 //#region src/components/Stack/variables.css.ts
 var widthVar, maxWidthVar, minWidthVar, flexVar;
-var init_variables_css = __esmMin(() => {
-	init_variables_css_ts_vanilla();
-	widthVar = "var(--uv_4k0ekn0)";
-	maxWidthVar = "var(--uv_4k0ekn1)";
-	minWidthVar = "var(--uv_4k0ekn2)";
-	flexVar = "var(--uv_4k0ekn3)";
-});
+function init_variables_css() {
+	return (init_variables_css = __esmMin(() => {
+		/* @__PURE__ */ init_variables_css_ts_vanilla();
+		widthVar = "var(--uv_4k0ekn0)";
+		maxWidthVar = "var(--uv_4k0ekn1)";
+		minWidthVar = "var(--uv_4k0ekn2)";
+		flexVar = "var(--uv_4k0ekn3)";
+	}))();
+}
 
 //#endregion
 init_variables_css();

package/dist/components/Stack/variables.css.ts.vanilla.js

@@ -1,7 +1,9 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/Stack/variables.css.ts.vanilla.css
-var init_variables_css_ts_vanilla = __esmMin(() => {});
+function init_variables_css_ts_vanilla() {
+	return (init_variables_css_ts_vanilla = __esmMin(() => {}))();
+}
 
 //#endregion
 init_variables_css_ts_vanilla();

package/dist/components/Status/index.js

@@ -7,20 +7,22 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Status/index.tsx
 var Status;
-var init_Status = __esmMin(() => {
-	init_Tooltip();
-	init_styles_css();
-	Status = ({ animated = false, className, tooltip, sentiment, "data-testid": dataTestId, notification, style }) => /* @__PURE__ */ jsx(Tooltip, {
-		text: tooltip,
-		children: /* @__PURE__ */ jsxs("span", {
-			className: cn(className, statusStyle.status({ notification })),
-			"data-testid": dataTestId,
-			style,
-			children: [animated ? /* @__PURE__ */ jsx("span", { className: statusStyle.animatedCircle({ sentiment }) }) : null, /* @__PURE__ */ jsx("span", { className: statusStyle.circle({ sentiment }) })]
-		})
-	});
-	Status.displayName = "Status";
-});
+function init_Status() {
+	return (init_Status = __esmMin(() => {
+		init_Tooltip();
+		init_styles_css();
+		Status = ({ animated = false, className, tooltip, sentiment, "data-testid": dataTestId, notification, style }) => /* @__PURE__ */ jsx(Tooltip, {
+			text: tooltip,
+			children: /* @__PURE__ */ jsxs("span", {
+				className: cn(className, statusStyle.status({ notification })),
+				"data-testid": dataTestId,
+				style,
+				children: [animated ? /* @__PURE__ */ jsx("span", { className: statusStyle.animatedCircle({ sentiment }) }) : null, /* @__PURE__ */ jsx("span", { className: statusStyle.circle({ sentiment }) })]
+			})
+		});
+		Status.displayName = "Status";
+	}))();
+}
 
 //#endregion
 init_Status();

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

@@ -5,42 +5,44 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Status/styles.css.ts
 var statusStyle;
-var init_styles_css = __esmMin(() => {
-	init_animationsVanillaExtract_css_ts_vanilla();
-	init_styles_css_ts_vanilla();
-	statusStyle = {
-		circle: createRuntimeFn({
-			defaultClassName: "uv_bt4zrj0",
-			variantClassNames: { sentiment: {
-				danger: "uv_bt4zrj1",
-				info: "uv_bt4zrj2",
-				neutral: "uv_bt4zrj3",
-				success: "uv_bt4zrj4",
-				warning: "uv_bt4zrj5"
-			} },
-			defaultVariants: {},
-			compoundVariants: []
-		}),
-		animatedCircle: createRuntimeFn({
-			defaultClassName: "uv_bt4zrj6",
-			variantClassNames: { sentiment: {
-				danger: "uv_bt4zrj7",
-				info: "uv_bt4zrj8",
-				neutral: "uv_bt4zrj9",
-				success: "uv_bt4zrja",
-				warning: "uv_bt4zrjb"
-			} },
-			defaultVariants: {},
-			compoundVariants: []
-		}),
-		status: createRuntimeFn({
-			defaultClassName: "uv_bt4zrjc",
-			variantClassNames: { notification: { true: "uv_bt4zrjd" } },
-			defaultVariants: {},
-			compoundVariants: []
-		})
-	};
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_animationsVanillaExtract_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		statusStyle = {
+			circle: createRuntimeFn({
+				defaultClassName: "uv_bt4zrj0",
+				variantClassNames: { sentiment: {
+					danger: "uv_bt4zrj1",
+					info: "uv_bt4zrj2",
+					neutral: "uv_bt4zrj3",
+					success: "uv_bt4zrj4",
+					warning: "uv_bt4zrj5"
+				} },
+				defaultVariants: {},
+				compoundVariants: []
+			}),
+			animatedCircle: createRuntimeFn({
+				defaultClassName: "uv_bt4zrj6",
+				variantClassNames: { sentiment: {
+					danger: "uv_bt4zrj7",
+					info: "uv_bt4zrj8",
+					neutral: "uv_bt4zrj9",
+					success: "uv_bt4zrja",
+					warning: "uv_bt4zrjb"
+				} },
+				defaultVariants: {},
+				compoundVariants: []
+			}),
+			status: createRuntimeFn({
+				defaultClassName: "uv_bt4zrjc",
+				variantClassNames: { notification: { true: "uv_bt4zrjd" } },
+				defaultVariants: {},
+				compoundVariants: []
+			})
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

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

@@ -7,26 +7,28 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/StepList/Item.tsx
 var Item;
-var init_Item = __esmMin(() => {
-	init_Bullet();
-	init_styles_css();
-	Item = ({ bulletContent, sentiment, prominence, children, onClick, onKeyDown, size = "medium", disabled = false, className }) => /* @__PURE__ */ jsxs("li", {
-		className: cn(className, stepListStyle.step({ disabled })),
-		onClick,
-		onKeyDown,
-		children: [bulletContent ? /* @__PURE__ */ jsx(Bullet, {
-			disabled,
-			prominence,
-			sentiment,
-			size,
-			children: bulletContent
-		}) : null, /* @__PURE__ */ jsx("div", {
-			className: stepListStyle.stepDiv({ size }),
-			children
-		})]
-	});
-	Item.displayName = "StepList.Item";
-});
+function init_Item() {
+	return (init_Item = __esmMin(() => {
+		init_Bullet();
+		init_styles_css();
+		Item = ({ bulletContent, sentiment, prominence, children, onClick, onKeyDown, size = "medium", disabled = false, className }) => /* @__PURE__ */ jsxs("li", {
+			className: cn(className, stepListStyle.step({ disabled })),
+			onClick,
+			onKeyDown,
+			children: [bulletContent ? /* @__PURE__ */ jsx(Bullet, {
+				disabled,
+				prominence,
+				sentiment,
+				size,
+				children: bulletContent
+			}) : null, /* @__PURE__ */ jsx("div", {
+				className: stepListStyle.stepDiv({ size }),
+				children
+			})]
+		});
+		Item.displayName = "StepList.Item";
+	}))();
+}
 
 //#endregion
 init_Item();

package/dist/components/StepList/index.js

@@ -7,18 +7,20 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/StepList/index.tsx
 var StepList;
-var init_StepList = __esmMin(() => {
-	init_Item();
-	init_styles_css();
-	StepList = ({ children, className, style, "data-testid": dataTestId }) => /* @__PURE__ */ jsx("ul", {
-		className: cn(className, stepListStyle.steps),
-		"data-testid": dataTestId,
-		style,
-		children
-	});
-	StepList.displayName = "StepList";
-	StepList.Item = Item;
-});
+function init_StepList() {
+	return (init_StepList = __esmMin(() => {
+		init_Item();
+		init_styles_css();
+		StepList = ({ children, className, style, "data-testid": dataTestId }) => /* @__PURE__ */ jsx("ul", {
+			className: cn(className, stepListStyle.steps),
+			"data-testid": dataTestId,
+			style,
+			children
+		});
+		StepList.displayName = "StepList";
+		StepList.Item = Item;
+	}))();
+}
 
 //#endregion
 init_StepList();

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

@@ -4,30 +4,32 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/StepList/styles.css.ts
 var stepListStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	stepListStyle = {
-		steps: "uv_1g1au380",
-		step: createRuntimeFn({
-			defaultClassName: "uv_1g1au381",
-			variantClassNames: { disabled: {
-				false: "uv_1g1au382",
-				true: "uv_1g1au383"
-			} },
-			defaultVariants: {},
-			compoundVariants: []
-		}),
-		stepDiv: createRuntimeFn({
-			defaultClassName: "uv_1g1au384",
-			variantClassNames: { size: {
-				medium: "uv_1g1au385",
-				small: "uv_1g1au386"
-			} },
-			defaultVariants: {},
-			compoundVariants: []
-		})
-	};
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		stepListStyle = {
+			steps: "uv_1g1au380",
+			step: createRuntimeFn({
+				defaultClassName: "uv_1g1au381",
+				variantClassNames: { disabled: {
+					false: "uv_1g1au382",
+					true: "uv_1g1au383"
+				} },
+				defaultVariants: {},
+				compoundVariants: []
+			}),
+			stepDiv: createRuntimeFn({
+				defaultClassName: "uv_1g1au384",
+				variantClassNames: { size: {
+					medium: "uv_1g1au385",
+					small: "uv_1g1au386"
+				} },
+				defaultVariants: {},
+				compoundVariants: []
+			})
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

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

@@ -7,35 +7,37 @@ import { CheckIcon } from "@ultraviolet/icons/CheckIcon";
 
 //#region src/components/Stepper/Bullet.tsx
 var StepBullet;
-var init_Bullet = __esmMin(() => {
-	init_Bullet$1();
-	init_StepperProvider();
-	init_styles_css();
-	StepBullet = ({ isDone, disabled, isActive, index }) => {
-		const { size } = useStepper();
-		return isDone && !disabled ? /* @__PURE__ */ jsx(Bullet, {
-			className: stepperStyle.stepBullet({
-				disabled,
-				isActive,
-				size
-			}),
-			prominence: "default",
-			sentiment: "primary",
-			size,
-			children: /* @__PURE__ */ jsx(CheckIcon, {})
-		}) : /* @__PURE__ */ jsx(Bullet, {
-			className: stepperStyle.stepBullet({
-				disabled,
-				isActive,
-				size
-			}),
-			prominence: "strong",
-			sentiment: isDone || isActive ? "primary" : "neutral",
-			size,
-			children: (index + 1).toString()
-		});
-	};
-});
+function init_Bullet() {
+	return (init_Bullet = __esmMin(() => {
+		init_Bullet$1();
+		init_StepperProvider();
+		init_styles_css();
+		StepBullet = ({ isDone, disabled, isActive, index }) => {
+			const { size } = useStepper();
+			return isDone && !disabled ? /* @__PURE__ */ jsx(Bullet, {
+				className: stepperStyle.stepBullet({
+					disabled,
+					isActive,
+					size
+				}),
+				prominence: "default",
+				sentiment: "primary",
+				size,
+				children: /* @__PURE__ */ jsx(CheckIcon, {})
+			}) : /* @__PURE__ */ jsx(Bullet, {
+				className: stepperStyle.stepBullet({
+					disabled,
+					isActive,
+					size
+				}),
+				prominence: "strong",
+				sentiment: isDone || isActive ? "primary" : "neutral",
+				size,
+				children: (index + 1).toString()
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_Bullet();

package/dist/components/Stepper/Step.js

@@ -11,68 +11,70 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Stepper/Step.tsx
 var Step;
-var init_Step = __esmMin(() => {
-	init_Stack();
-	init_Text();
-	init_Bullet();
-	init_StepperProvider();
-	init_styles_css();
-	Step = ({ index = 0, onClick, disabled = false, title, children, className, style, "data-testid": dataTestId }) => {
-		const { separator, labelPosition, animated, size, interactive, step, setStep } = useStepper();
-		const isActive = index === step;
-		const isDone = index < step;
-		const separatorBottom = separator && labelPosition === "bottom";
-		const interactiveDone = isDone && interactive;
-		const textVariant = useMemo(() => {
-			if (size === "medium") return isActive ? "bodyStrong" : "body";
-			return isActive ? "bodySmallStrong" : "bodySmall";
-		}, [size, isActive]);
-		return /* @__PURE__ */ jsxs(Stack, {
-			alignItems: "center",
-			className: cn(className, "step", stepperStyle.stepContainer, separatorBottom ? stepperStyle.containerRecipe({
-				animated,
-				disabled,
-				done: isDone,
-				labelPosition,
-				separator,
-				size
-			}) : "", isActive && separator && animated ? stepperStyle.animationStepperContainer[size] : "", interactiveDone && !disabled ? stepperStyle.interactive[isActive ? "active" : "inactive"] : ""),
-			"data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : `stepper-step-${index}`,
-			direction: labelPosition === "right" ? "row" : "column",
-			gap: labelPosition === "right" ? 1 : 0,
-			justifyContent: "flex-start",
-			onClick: () => {
-				if (interactive && !disabled) {
-					if (index < step) setStep(index);
-					onClick === null || onClick === void 0 || onClick(index);
-				}
-			},
-			style,
-			children: [
-				/* @__PURE__ */ jsx(StepBullet, {
+function init_Step() {
+	return (init_Step = __esmMin(() => {
+		init_Stack();
+		init_Text();
+		init_Bullet();
+		init_StepperProvider();
+		init_styles_css();
+		Step = ({ index = 0, onClick, disabled = false, title, children, className, style, "data-testid": dataTestId }) => {
+			const { separator, labelPosition, animated, size, interactive, step, setStep } = useStepper();
+			const isActive = index === step;
+			const isDone = index < step;
+			const separatorBottom = separator && labelPosition === "bottom";
+			const interactiveDone = isDone && interactive;
+			const textVariant = useMemo(() => {
+				if (size === "medium") return isActive ? "bodyStrong" : "body";
+				return isActive ? "bodySmallStrong" : "bodySmall";
+			}, [size, isActive]);
+			return /* @__PURE__ */ jsxs(Stack, {
+				alignItems: "center",
+				className: cn(className, "step", stepperStyle.stepContainer, separatorBottom ? stepperStyle.containerRecipe({
+					animated,
 					disabled,
-					index,
-					isActive,
-					isDone
-				}),
-				title ? /* @__PURE__ */ jsx(Text, {
-					as: "span",
-					className: stepperStyle.stepText({
-						addMarginTop: separator && labelPosition !== "right",
-						disabled
+					done: isDone,
+					labelPosition,
+					separator,
+					size
+				}) : "", isActive && separator && animated ? stepperStyle.animationStepperContainer[size] : "", interactiveDone && !disabled ? stepperStyle.interactive[isActive ? "active" : "inactive"] : ""),
+				"data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : `stepper-step-${index}`,
+				direction: labelPosition === "right" ? "row" : "column",
+				gap: labelPosition === "right" ? 1 : 0,
+				justifyContent: "flex-start",
+				onClick: () => {
+					if (interactive && !disabled) {
+						if (index < step) setStep(index);
+						onClick === null || onClick === void 0 || onClick(index);
+					}
+				},
+				style,
+				children: [
+					/* @__PURE__ */ jsx(StepBullet, {
+						disabled,
+						index,
+						isActive,
+						isDone
 					}),
-					prominence: isDone || isActive ? "default" : "weak",
-					sentiment: isActive ? "primary" : "neutral",
-					variant: textVariant,
-					whiteSpace: "normal",
-					children: title
-				}) : null,
-				children !== null && children !== void 0 ? children : null
-			]
-		});
-	};
-	Step.displayName = "Stepper.Step";
-});
+					title ? /* @__PURE__ */ jsx(Text, {
+						as: "span",
+						className: stepperStyle.stepText({
+							addMarginTop: separator && labelPosition !== "right",
+							disabled
+						}),
+						prominence: isDone || isActive ? "default" : "weak",
+						sentiment: isActive ? "primary" : "neutral",
+						variant: textVariant,
+						whiteSpace: "normal",
+						children: title
+					}) : null,
+					children !== null && children !== void 0 ? children : null
+				]
+			});
+		};
+		Step.displayName = "Stepper.Step";
+	}))();
+}
 
 //#endregion
 init_Step();

package/dist/components/Stepper/StepperProvider.js

@@ -5,42 +5,45 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Stepper/StepperProvider.tsx
 var StepperContext, useStepper, StepperProvider;
-var init_StepperProvider = __esmMin(() => {
-	StepperContext = createContext({
-		animated: false,
-		interactive: false,
-		labelPosition: "bottom",
-		separator: true,
-		setStep: () => {},
-		size: "medium",
-		step: 0
-	});
-	useStepper = () => useContext(StepperContext);
-	StepperProvider = ({ children, interactive, selected, animated, labelPosition, size, separator }) => {
-		const [step, setStep] = useState(useMemo(() => selected, [selected]));
-		const value = useMemo(() => ({
-			animated,
-			interactive,
-			labelPosition,
-			separator,
-			setStep,
-			size,
-			step
-		}), [
-			step,
-			interactive,
-			size,
-			animated,
-			labelPosition,
-			separator
-		]);
-		useEffect(() => setStep(selected), [selected]);
-		return /* @__PURE__ */ jsx(StepperContext.Provider, {
-			value,
-			children
+function init_StepperProvider() {
+	return (init_StepperProvider = __esmMin(() => {
+		StepperContext = createContext({
+			animated: false,
+			interactive: false,
+			labelPosition: "bottom",
+			separator: true,
+			setStep: () => {},
+			size: "medium",
+			step: 0
 		});
-	};
-});
+		useStepper = () => useContext(StepperContext);
+		StepperProvider = ({ children, interactive, selected, animated, labelPosition, size, separator }) => {
+			const currentSelected = useMemo(() => selected, [selected]);
+			const [step, setStep] = useState(currentSelected);
+			const value = useMemo(() => ({
+				animated,
+				interactive,
+				labelPosition,
+				separator,
+				setStep,
+				size,
+				step
+			}), [
+				step,
+				interactive,
+				size,
+				animated,
+				labelPosition,
+				separator
+			]);
+			useEffect(() => setStep(selected), [selected]);
+			return /* @__PURE__ */ jsx(StepperContext.Provider, {
+				value,
+				children
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_StepperProvider();