@ultraviolet/ui 3.11.0 → 3.12.0

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

@@ -1,137 +1,166 @@
-/* empty css                      */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Stepper/styles.css.ts
-var stepperContainer = createRuntimeFn({
-	defaultClassName: "uv_1mvphq23",
-	variantClassNames: {
-		labelPosition: {
-			bottom: "uv_1mvphq24",
-			right: "uv_1mvphq25"
+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"
+			}
 		},
-		separator: {
-			false: "uv_1mvphq26",
-			true: "uv_1mvphq27"
-		}
-	},
-	defaultVariants: {},
-	compoundVariants: [[{
-		labelPosition: "bottom",
-		separator: true
-	}, "uv_1mvphq28"], [{
-		labelPosition: "right",
-		separator: true
-	}, "uv_1mvphq29"]]
-});
-var stepperLine = 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"]]
-});
-var stepContainer = "uv_1mvphq2g";
-var stepperContainerRecipe = 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"
-	},
-	compoundVariants: [
-		[{
-			labelPosition: "bottom",
-			separator: true,
-			size: "small"
-		}, "uv_1mvphq2r"],
-		[{
-			labelPosition: "bottom",
-			separator: true,
-			size: "medium"
-		}, "uv_1mvphq2s"],
-		[{
+		defaultVariants: {},
+		compoundVariants: [[{
 			labelPosition: "bottom",
 			separator: true
-		}, "uv_1mvphq2t"],
-		[{
-			done: true,
-			labelPosition: "bottom",
+		}, "uv_1mvphq28"], [{
+			labelPosition: "right",
 			separator: true
-		}, "uv_1mvphq2u"]
-	]
-});
-var animationStepperContainer = {
-	medium: "uv_1mvphq2v",
-	small: "uv_1mvphq2w"
-};
-var stepperInteractive = {
-	active: "uv_1mvphq2x",
-	inactive: "uv_1mvphq2y"
-};
-var stepBullet = createRuntimeFn({
-	defaultClassName: "uv_1mvphq210 uv_1mvphq2z",
-	variantClassNames: {
-		disabled: {
-			false: "uv_1mvphq211",
-			true: "uv_1mvphq212"
+		}, "uv_1mvphq29"]]
+	});
+	stepperStyle = {
+		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"]]
+		}),
+		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"
+			},
+			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"
 		},
-		isActive: { true: "uv_1mvphq213" },
-		size: {
-			medium: "uv_1mvphq214",
-			small: "uv_1mvphq215"
-		}
-	},
-	defaultVariants: {
-		disabled: false,
-		isActive: false,
-		size: "medium"
-	},
-	compoundVariants: []
-});
-var stepText = createRuntimeFn({
-	defaultClassName: "uv_1mvphq217 uv_1mvphq216",
-	variantClassNames: {
-		addMarginTop: { true: "uv_1mvphq218" },
-		disabled: {
-			false: "uv_1mvphq219",
-			true: "uv_1mvphq21a"
-		}
-	},
-	defaultVariants: { disabled: false },
-	compoundVariants: []
+		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: []
+		}),
+		stepText: createRuntimeFn({
+			defaultClassName: "uv_1mvphq217 uv_1mvphq216",
+			variantClassNames: {
+				addMarginTop: { true: "uv_1mvphq218" },
+				disabled: {
+					false: "uv_1mvphq219",
+					true: "uv_1mvphq21a"
+				}
+			},
+			defaultVariants: { disabled: false },
+			compoundVariants: []
+		})
+	};
 });
 
 //#endregion
-export { animationStepperContainer, stepBullet, stepContainer, stepText, stepperContainer, stepperContainerRecipe, stepperInteractive, stepperLine };
+init_styles_css();
+export { init_styles_css, stepperStyle };

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

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Stepper/styles.css.ts.vanilla.css
+var init_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/SwitchButton/FocusOverlay.js

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

package/dist/components/SwitchButton/Option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchButton/Option.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUrD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AACD,eAAO,MAAM,MAAM,qIAyDlB,CAAA"}
+{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchButton/Option.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMrD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AACD,eAAO,MAAM,MAAM,qIAyDlB,CAAA"}

package/dist/components/SwitchButton/Option.js

@@ -1,47 +1,55 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { SelectableCard } from "../SelectableCard/SelectableCard.js";
-import { switchButtonOptionBase, switchButtonOptionNeutral, switchButtonOptionPrimary } from "./styles.css.js";
-import { useSwitchButton } from "./SwitchButtonContext.js";
+import { init_SelectableCard } from "../SelectableCard/index.js";
+import { init_styles_css, switchButtonStyle } from "./styles.css.js";
+import { init_SwitchButtonContext, useSwitchButton } from "./SwitchButtonContext.js";
 import { useEffect, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
 import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/SwitchButton/Option.tsx
-const 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" ? switchButtonOptionNeutral : switchButtonOptionPrimary, switchButtonOptionBase),
-		"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
-	});
-};
+var Option;
+var 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
+		});
+	};
+});
 
 //#endregion
-export { Option };
+init_Option();
+export { Option, init_Option };

package/dist/components/SwitchButton/SwitchButtonContext.js

@@ -1,13 +1,17 @@
-import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { createContext, useContext } from "react";
 
 //#region src/components/SwitchButton/SwitchButtonContext.tsx
-const SwitchButtonContext = createContext(void 0);
-const useSwitchButton = () => {
-	const context = useContext(SwitchButtonContext);
-	if (context === void 0) throw new Error("SwitchButton.Option should be used inside a SwitchButton");
-	return context;
-};
+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;
+	};
+});
 
 //#endregion
-export { SwitchButtonContext, useSwitchButton };
+init_SwitchButtonContext();
+export { SwitchButtonContext, init_SwitchButtonContext, useSwitchButton };

package/dist/components/SwitchButton/constant.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/SwitchButton/constant.ts
+var init_constant = __esmMin(() => {});
+
+//#endregion
+init_constant();
+export { init_constant };