@ultraviolet/ui 3.21.1 → 3.21.2

package/dist/components/Stepper/index.js

@@ -1,6 +1,6 @@
 'use client';
 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 { init_styles_css, stepperStyle } from "./styles.css.js";
 import { StepperProvider, init_StepperProvider } from "./StepperProvider.js";
 import { Step, init_Step } from "./Step.js";
@@ -10,50 +10,52 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Stepper/index.tsx
 var Stepper;
-var init_Stepper = __esmMin(() => {
-	init_Step();
-	init_StepperProvider();
-	init_styles_css();
-	init_objectSpread2();
-	Stepper = ({ children, interactive = false, selected = 1, animated = false, className, labelPosition = "bottom", size = "medium", "data-testid": dataTestId, separator = true, style }) => {
-		const cleanChildren = Children.toArray(children).filter((child) => isValidElement(child));
-		const lastStep = Children.count(cleanChildren) - 1;
-		return /* @__PURE__ */ jsx(StepperProvider, {
-			animated,
-			interactive,
-			labelPosition,
-			selected,
-			separator,
-			size,
-			children: /* @__PURE__ */ jsx("div", {
-				className: cn(className, stepperStyle.container({
-					labelPosition,
-					separator
-				})),
-				"data-testid": dataTestId,
-				style,
-				children: Children.map(cleanChildren, (child, index) => {
-					const getTemporal = () => {
-						if (index < selected) return "done";
-						if (index === selected) return "current";
-						return "next";
-					};
-					const isNotLast = index < lastStep;
-					const temporal = getTemporal();
-					return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Step, _objectSpread2({ index }, child.props)), isNotLast && separator && labelPosition === "right" ? /* @__PURE__ */ jsx("div", {
-						className: stepperStyle.line({
-							animated,
-							temporal
-						}),
-						"data-size": size
-					}) : null] }, `creation-progress-${index}`);
+function init_Stepper() {
+	return (init_Stepper = __esmMin(() => {
+		init_Step();
+		init_StepperProvider();
+		init_styles_css();
+		init_objectSpread2();
+		Stepper = ({ children, interactive = false, selected = 1, animated = false, className, labelPosition = "bottom", size = "medium", "data-testid": dataTestId, separator = true, style }) => {
+			const cleanChildren = Children.toArray(children).filter((child) => isValidElement(child));
+			const lastStep = Children.count(cleanChildren) - 1;
+			return /* @__PURE__ */ jsx(StepperProvider, {
+				animated,
+				interactive,
+				labelPosition,
+				selected,
+				separator,
+				size,
+				children: /* @__PURE__ */ jsx("div", {
+					className: cn(className, stepperStyle.container({
+						labelPosition,
+						separator
+					})),
+					"data-testid": dataTestId,
+					style,
+					children: Children.map(cleanChildren, (child, index) => {
+						const getTemporal = () => {
+							if (index < selected) return "done";
+							if (index === selected) return "current";
+							return "next";
+						};
+						const isNotLast = index < lastStep;
+						const temporal = getTemporal();
+						return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Step, _objectSpread2({ index }, child.props)), isNotLast && separator && labelPosition === "right" ? /* @__PURE__ */ jsx("div", {
+							className: stepperStyle.line({
+								animated,
+								temporal
+							}),
+							"data-size": size
+						}) : null] }, `creation-progress-${index}`);
+					})
 				})
-			})
-		});
-	};
-	Stepper.displayName = "Stepper";
-	Stepper.Step = Step;
-});
+			});
+		};
+		Stepper.displayName = "Stepper";
+		Stepper.Step = Step;
+	}))();
+}
 
 //#endregion
 init_Stepper();

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

@@ -4,31 +4,10 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Stepper/styles.css.ts
 var container, stepperStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	container = createRuntimeFn({
-		defaultClassName: "uv_1mvphq23",
-		variantClassNames: {
-			labelPosition: {
-				bottom: "uv_1mvphq24",
-				right: "uv_1mvphq25"
-			},
-			separator: {
-				false: "uv_1mvphq26",
-				true: "uv_1mvphq27"
-			}
-		},
-		defaultVariants: {},
-		compoundVariants: [[{
-			labelPosition: "bottom",
-			separator: true
-		}, "uv_1mvphq28"], [{
-			labelPosition: "right",
-			separator: true
-		}, "uv_1mvphq29"]]
-	});
-	stepperStyle = {
-		container: createRuntimeFn({
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		container = createRuntimeFn({
 			defaultClassName: "uv_1mvphq23",
 			variantClassNames: {
 				labelPosition: {
@@ -48,118 +27,141 @@ var init_styles_css = __esmMin(() => {
 				labelPosition: "right",
 				separator: true
 			}, "uv_1mvphq29"]]
-		}),
-		line: createRuntimeFn({
-			defaultClassName: "uv_1mvphq2a",
-			variantClassNames: {
-				animated: { true: "uv_1mvphq2b" },
-				temporal: {
-					current: "uv_1mvphq2c",
-					done: "uv_1mvphq2d",
-					next: "uv_1mvphq2e"
-				}
-			},
-			defaultVariants: {
-				animated: false,
-				temporal: "next"
-			},
-			compoundVariants: [[{
-				animated: true,
-				temporal: "current"
-			}, "uv_1mvphq2f"]]
-		}),
-		stepContainer: "uv_1mvphq2g",
-		containerRecipe: createRuntimeFn({
-			defaultClassName: "uv_1mvphq2h",
-			variantClassNames: {
-				animated: { true: "uv_1mvphq2i" },
-				disabled: {
-					false: "uv_1mvphq2j",
-					true: "uv_1mvphq2k"
-				},
-				done: { true: "uv_1mvphq2l" },
-				labelPosition: {
-					bottom: "uv_1mvphq2m",
-					top: "uv_1mvphq2n"
+		});
+		stepperStyle = {
+			container: createRuntimeFn({
+				defaultClassName: "uv_1mvphq23",
+				variantClassNames: {
+					labelPosition: {
+						bottom: "uv_1mvphq24",
+						right: "uv_1mvphq25"
+					},
+					separator: {
+						false: "uv_1mvphq26",
+						true: "uv_1mvphq27"
+					}
 				},
-				separator: { true: "uv_1mvphq2o" },
-				size: {
-					medium: "uv_1mvphq2p",
-					small: "uv_1mvphq2q"
-				}
-			},
-			defaultVariants: {
-				animated: false,
-				disabled: false,
-				done: false,
-				labelPosition: "bottom",
-				separator: true,
-				size: "medium"
-			},
-			compoundVariants: [
-				[{
+				defaultVariants: {},
+				compoundVariants: [[{
 					labelPosition: "bottom",
-					separator: true,
-					size: "small"
-				}, "uv_1mvphq2r"],
-				[{
+					separator: true
+				}, "uv_1mvphq28"], [{
+					labelPosition: "right",
+					separator: true
+				}, "uv_1mvphq29"]]
+			}),
+			line: createRuntimeFn({
+				defaultClassName: "uv_1mvphq2a",
+				variantClassNames: {
+					animated: { true: "uv_1mvphq2b" },
+					temporal: {
+						current: "uv_1mvphq2c",
+						done: "uv_1mvphq2d",
+						next: "uv_1mvphq2e"
+					}
+				},
+				defaultVariants: {
+					animated: false,
+					temporal: "next"
+				},
+				compoundVariants: [[{
+					animated: true,
+					temporal: "current"
+				}, "uv_1mvphq2f"]]
+			}),
+			stepContainer: "uv_1mvphq2g",
+			containerRecipe: createRuntimeFn({
+				defaultClassName: "uv_1mvphq2h",
+				variantClassNames: {
+					animated: { true: "uv_1mvphq2i" },
+					disabled: {
+						false: "uv_1mvphq2j",
+						true: "uv_1mvphq2k"
+					},
+					done: { true: "uv_1mvphq2l" },
+					labelPosition: {
+						bottom: "uv_1mvphq2m",
+						top: "uv_1mvphq2n"
+					},
+					separator: { true: "uv_1mvphq2o" },
+					size: {
+						medium: "uv_1mvphq2p",
+						small: "uv_1mvphq2q"
+					}
+				},
+				defaultVariants: {
+					animated: false,
+					disabled: false,
+					done: false,
 					labelPosition: "bottom",
 					separator: true,
 					size: "medium"
-				}, "uv_1mvphq2s"],
-				[{
-					labelPosition: "bottom",
-					separator: true
-				}, "uv_1mvphq2t"],
-				[{
-					done: true,
-					labelPosition: "bottom",
-					separator: true
-				}, "uv_1mvphq2u"]
-			]
-		}),
-		animationStepperContainer: {
-			medium: "uv_1mvphq2v",
-			small: "uv_1mvphq2w"
-		},
-		interactive: {
-			active: "uv_1mvphq2x",
-			inactive: "uv_1mvphq2y"
-		},
-		stepBullet: createRuntimeFn({
-			defaultClassName: "uv_1mvphq210 uv_1mvphq2z",
-			variantClassNames: {
-				disabled: {
-					false: "uv_1mvphq211",
-					true: "uv_1mvphq212"
 				},
-				isActive: { true: "uv_1mvphq213" },
-				size: {
-					medium: "uv_1mvphq214",
-					small: "uv_1mvphq215"
-				}
-			},
-			defaultVariants: {
-				disabled: false,
-				isActive: false,
-				size: "medium"
+				compoundVariants: [
+					[{
+						labelPosition: "bottom",
+						separator: true,
+						size: "small"
+					}, "uv_1mvphq2r"],
+					[{
+						labelPosition: "bottom",
+						separator: true,
+						size: "medium"
+					}, "uv_1mvphq2s"],
+					[{
+						labelPosition: "bottom",
+						separator: true
+					}, "uv_1mvphq2t"],
+					[{
+						done: true,
+						labelPosition: "bottom",
+						separator: true
+					}, "uv_1mvphq2u"]
+				]
+			}),
+			animationStepperContainer: {
+				medium: "uv_1mvphq2v",
+				small: "uv_1mvphq2w"
 			},
-			compoundVariants: []
-		}),
-		stepText: createRuntimeFn({
-			defaultClassName: "uv_1mvphq217 uv_1mvphq216",
-			variantClassNames: {
-				addMarginTop: { true: "uv_1mvphq218" },
-				disabled: {
-					false: "uv_1mvphq219",
-					true: "uv_1mvphq21a"
-				}
+			interactive: {
+				active: "uv_1mvphq2x",
+				inactive: "uv_1mvphq2y"
 			},
-			defaultVariants: { disabled: false },
-			compoundVariants: []
-		})
-	};
-});
+			stepBullet: createRuntimeFn({
+				defaultClassName: "uv_1mvphq210 uv_1mvphq2z",
+				variantClassNames: {
+					disabled: {
+						false: "uv_1mvphq211",
+						true: "uv_1mvphq212"
+					},
+					isActive: { true: "uv_1mvphq213" },
+					size: {
+						medium: "uv_1mvphq214",
+						small: "uv_1mvphq215"
+					}
+				},
+				defaultVariants: {
+					disabled: false,
+					isActive: false,
+					size: "medium"
+				},
+				compoundVariants: []
+			}),
+			stepText: createRuntimeFn({
+				defaultClassName: "uv_1mvphq217 uv_1mvphq216",
+				variantClassNames: {
+					addMarginTop: { true: "uv_1mvphq218" },
+					disabled: {
+						false: "uv_1mvphq219",
+						true: "uv_1mvphq21a"
+					}
+				},
+				defaultVariants: { disabled: false },
+				compoundVariants: []
+			})
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

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

@@ -1,22 +1,22 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { init_styles_css, switchButtonStyle } from "./styles.css.js";
-import { init_constant } from "./constant.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/SwitchButton/FocusOverlay.tsx
 var FocusOverlay;
-var init_FocusOverlay = __esmMin(() => {
-	init_constant();
-	init_styles_css();
-	FocusOverlay = ({ cardWidth, position, mouseDownSide, sentiment }) => /* @__PURE__ */ jsx("div", {
-		className: switchButtonStyle.focusOverlay[sentiment],
-		style: {
-			left: `${position - (mouseDownSide === "left" ? 6 : 0)}px`,
-			width: `${cardWidth}px`
-		}
-	});
-});
+function init_FocusOverlay() {
+	return (init_FocusOverlay = __esmMin(() => {
+		init_styles_css();
+		FocusOverlay = ({ cardWidth, position, mouseDownSide, sentiment }) => /* @__PURE__ */ jsx("div", {
+			className: switchButtonStyle.focusOverlay[sentiment],
+			style: {
+				left: `${position - (mouseDownSide === "left" ? 6 : 0)}px`,
+				width: `${cardWidth}px`
+			}
+		});
+	}))();
+}
 
 //#endregion
 init_FocusOverlay();

package/dist/components/SwitchButton/Option.js

@@ -2,7 +2,6 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { init_styles_css, switchButtonStyle } from "./styles.css.js";
 import { SelectableCard, init_SelectableCard } from "../SelectableCard/SelectableCard.js";
-import { init_SelectableCard as init_SelectableCard$1 } from "../SelectableCard/index.js";
 import { init_SwitchButtonContext, useSwitchButton } from "./SwitchButtonContext.js";
 import { useEffect, useRef } from "react";
 import { cn } from "@ultraviolet/utils";
@@ -10,46 +9,48 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/SwitchButton/Option.tsx
 var Option;
-var init_Option = __esmMin(() => {
-	init_SelectableCard$1();
-	init_SwitchButtonContext();
-	init_styles_css();
-	Option = ({ value, children, "data-testid": dataTestId, disabled, tooltip, style }) => {
-		const context = useSwitchButton();
-		const ref = useRef(null);
-		const { localValue, name, onBlur, onFocus, handleOnChange, refOptions, setRefOptions, sentiment } = context;
-		useEffect(() => {
-			if ((ref === null || ref === void 0 ? void 0 : ref.current) && refOptions.filter((option) => option.value === value).length === 0) {
-				const option = {
-					current: ref.current,
-					value
-				};
-				setRefOptions([...refOptions, option]);
-			}
-		}, [
-			refOptions,
-			setRefOptions,
-			value
-		]);
-		return /* @__PURE__ */ jsx(SelectableCard, {
-			checked: localValue === value,
-			className: cn(sentiment === "neutral" ? switchButtonStyle.optionNeutral : switchButtonStyle.optionPrimary, switchButtonStyle.optionBase),
-			"data-checked": localValue === value,
-			"data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : `switch-button-${value}`,
-			disabled: !!disabled,
-			label: children,
-			name,
-			onBlur,
-			onChange: handleOnChange,
-			onFocus,
-			ref,
-			style,
-			tooltip,
-			value
-		});
-	};
-	Option.displayName = "SwitchButton.Option";
-});
+function init_Option() {
+	return (init_Option = __esmMin(() => {
+		init_SelectableCard();
+		init_SwitchButtonContext();
+		init_styles_css();
+		Option = ({ value, children, "data-testid": dataTestId, disabled, tooltip, style }) => {
+			const context = useSwitchButton();
+			const ref = useRef(null);
+			const { localValue, name, onBlur, onFocus, handleOnChange, refOptions, setRefOptions, sentiment } = context;
+			useEffect(() => {
+				if ((ref === null || ref === void 0 ? void 0 : ref.current) && refOptions.filter((option) => option.value === value).length === 0) {
+					const option = {
+						current: ref.current,
+						value
+					};
+					setRefOptions([...refOptions, option]);
+				}
+			}, [
+				refOptions,
+				setRefOptions,
+				value
+			]);
+			return /* @__PURE__ */ jsx(SelectableCard, {
+				checked: localValue === value,
+				className: cn(sentiment === "neutral" ? switchButtonStyle.optionNeutral : switchButtonStyle.optionPrimary, switchButtonStyle.optionBase),
+				"data-checked": localValue === value,
+				"data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : `switch-button-${value}`,
+				disabled: !!disabled,
+				label: children,
+				name,
+				onBlur,
+				onChange: handleOnChange,
+				onFocus,
+				ref,
+				style,
+				tooltip,
+				value
+			});
+		};
+		Option.displayName = "SwitchButton.Option";
+	}))();
+}
 
 //#endregion
 init_Option();

package/dist/components/SwitchButton/SwitchButtonContext.js

@@ -3,14 +3,16 @@ import { createContext, useContext } from "react";
 
 //#region src/components/SwitchButton/SwitchButtonContext.tsx
 var SwitchButtonContext, useSwitchButton;
-var init_SwitchButtonContext = __esmMin(() => {
-	SwitchButtonContext = createContext(void 0);
-	useSwitchButton = () => {
-		const context = useContext(SwitchButtonContext);
-		if (context === void 0) throw new Error("SwitchButton.Option should be used inside a SwitchButton");
-		return context;
-	};
-});
+function init_SwitchButtonContext() {
+	return (init_SwitchButtonContext = __esmMin(() => {
+		SwitchButtonContext = createContext(void 0);
+		useSwitchButton = () => {
+			const context = useContext(SwitchButtonContext);
+			if (context === void 0) throw new Error("SwitchButton.Option should be used inside a SwitchButton");
+			return context;
+		};
+	}))();
+}
 
 //#endregion
 init_SwitchButtonContext();