@ultraviolet/ui 3.21.0 → 3.21.2

package/dist/components/Toggle/index.js

@@ -13,87 +13,89 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Toggle/index.tsx
 var Toggle;
-var init_Toggle = __esmMin(() => {
-	init_hasHelperText();
-	init_Description();
-	init_Row();
-	init_Stack();
-	init_Text();
-	init_Tooltip();
-	init_styles_css();
-	Toggle = forwardRef(({ checked, disabled = false, id, name, onChange, onFocus, onBlur, onKeyDown, size = "large", tooltip, labelPosition = "right", label, helper, tabIndex, required, className, "data-testid": dataTestId, value, error, "aria-label": ariaLabel, style, "aria-describedby": ariaDescribedBy }, ref) => {
-		const uniqueId = useId();
-		const helperId = useId();
-		const localId = id !== null && id !== void 0 ? id : uniqueId;
-		return /* @__PURE__ */ jsx(Tooltip, {
-			text: tooltip,
-			children: /* @__PURE__ */ jsxs("label", {
-				"aria-disabled": disabled,
-				className: cn(className, toggleStyle.label({
-					disabled,
-					labelPosition
-				})),
-				"data-testid": dataTestId,
-				htmlFor: localId,
-				children: [/* @__PURE__ */ jsxs(Stack, {
-					alignItems: "baseline",
-					gap: .25,
-					children: [label ? /* @__PURE__ */ jsxs(Row, {
-						alignItems: "center",
-						gap: 1,
-						templateColumns: "auto 1fr",
-						children: [typeof label === "string" ? /* @__PURE__ */ jsx(Text, {
-							as: "span",
-							htmlFor: localId,
-							prominence: "default",
-							sentiment: "neutral",
-							variant: size === "large" ? "body" : "bodySmall",
-							children: label
-						}) : label, required ? /* @__PURE__ */ jsx(Text, {
-							as: "sup",
-							sentiment: "danger",
-							variant: "body",
-							children: "*"
-						}) : null]
-					}) : null, /* @__PURE__ */ jsx(Description, {
-						helper,
-						error,
-						id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId,
-						disabled
-					})]
-				}), /* @__PURE__ */ jsx("div", {
-					className: toggleStyle.toggle({
-						disabled,
-						error: !!error,
-						size
-					}),
-					children: /* @__PURE__ */ jsx("input", {
-						"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
-						"aria-disabled": disabled,
-						"aria-invalid": !!error,
-						"aria-label": ariaLabel,
-						checked,
-						className: toggleStyle.checkbox,
+function init_Toggle() {
+	return (init_Toggle = __esmMin(() => {
+		init_hasHelperText();
+		init_Description();
+		init_Row();
+		init_Stack();
+		init_Text();
+		init_Tooltip();
+		init_styles_css();
+		Toggle = forwardRef(({ checked, disabled = false, id, name, onChange, onFocus, onBlur, onKeyDown, size = "large", tooltip, labelPosition = "right", label, helper, tabIndex, required, className, "data-testid": dataTestId, value, error, "aria-label": ariaLabel, style, "aria-describedby": ariaDescribedBy }, ref) => {
+			const uniqueId = useId();
+			const helperId = useId();
+			const localId = id !== null && id !== void 0 ? id : uniqueId;
+			return /* @__PURE__ */ jsx(Tooltip, {
+				text: tooltip,
+				children: /* @__PURE__ */ jsxs("label", {
+					"aria-disabled": disabled,
+					className: cn(className, toggleStyle.label({
 						disabled,
-						id: localId,
-						name,
-						onBlur,
-						onChange,
-						onFocus,
-						onKeyDown,
-						ref,
-						required,
-						style,
-						tabIndex,
-						type: "checkbox",
-						value
-					})
-				})]
-			})
+						labelPosition
+					})),
+					"data-testid": dataTestId,
+					htmlFor: localId,
+					children: [/* @__PURE__ */ jsxs(Stack, {
+						alignItems: "baseline",
+						gap: .25,
+						children: [label ? /* @__PURE__ */ jsxs(Row, {
+							alignItems: "center",
+							gap: 1,
+							templateColumns: "auto 1fr",
+							children: [typeof label === "string" ? /* @__PURE__ */ jsx(Text, {
+								as: "span",
+								htmlFor: localId,
+								prominence: "default",
+								sentiment: "neutral",
+								variant: size === "large" ? "body" : "bodySmall",
+								children: label
+							}) : label, required ? /* @__PURE__ */ jsx(Text, {
+								as: "sup",
+								sentiment: "danger",
+								variant: "body",
+								children: "*"
+							}) : null]
+						}) : null, /* @__PURE__ */ jsx(Description, {
+							helper,
+							error,
+							id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId,
+							disabled
+						})]
+					}), /* @__PURE__ */ jsx("div", {
+						className: toggleStyle.toggle({
+							disabled,
+							error: !!error,
+							size
+						}),
+						children: /* @__PURE__ */ jsx("input", {
+							"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
+							"aria-disabled": disabled,
+							"aria-invalid": !!error,
+							"aria-label": ariaLabel,
+							checked,
+							className: toggleStyle.checkbox,
+							disabled,
+							id: localId,
+							name,
+							onBlur,
+							onChange,
+							onFocus,
+							onKeyDown,
+							ref,
+							required,
+							style,
+							tabIndex,
+							type: "checkbox",
+							value
+						})
+					})]
+				})
+			});
 		});
-	});
-	Toggle.displayName = "Toggle";
-});
+		Toggle.displayName = "Toggle";
+	}))();
+}
 
 //#endregion
 init_Toggle();

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

@@ -4,56 +4,58 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Toggle/styles.css.ts
 var toggleStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	toggleStyle = {
-		toggle: createRuntimeFn({
-			defaultClassName: "uv_adn1w20",
-			variantClassNames: {
-				disabled: {
-					false: "uv_adn1w21",
-					true: "uv_adn1w22"
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		toggleStyle = {
+			toggle: createRuntimeFn({
+				defaultClassName: "uv_adn1w20",
+				variantClassNames: {
+					disabled: {
+						false: "uv_adn1w21",
+						true: "uv_adn1w22"
+					},
+					error: {
+						false: "uv_adn1w23",
+						true: "uv_adn1w24"
+					},
+					size: {
+						large: "uv_adn1w25",
+						small: "uv_adn1w26"
+					}
 				},
-				error: {
-					false: "uv_adn1w23",
-					true: "uv_adn1w24"
+				defaultVariants: {
+					disabled: false,
+					error: false,
+					size: "large"
 				},
-				size: {
-					large: "uv_adn1w25",
-					small: "uv_adn1w26"
-				}
-			},
-			defaultVariants: {
-				disabled: false,
-				error: false,
-				size: "large"
-			},
-			compoundVariants: [[{
-				disabled: true,
-				error: true
-			}, "uv_adn1w27"]]
-		}),
-		checkbox: "uv_adn1w28",
-		label: createRuntimeFn({
-			defaultClassName: "uv_adn1w29",
-			variantClassNames: {
-				disabled: {
-					false: "uv_adn1w2a",
-					true: "uv_adn1w2b"
+				compoundVariants: [[{
+					disabled: true,
+					error: true
+				}, "uv_adn1w27"]]
+			}),
+			checkbox: "uv_adn1w28",
+			label: createRuntimeFn({
+				defaultClassName: "uv_adn1w29",
+				variantClassNames: {
+					disabled: {
+						false: "uv_adn1w2a",
+						true: "uv_adn1w2b"
+					},
+					labelPosition: {
+						left: "uv_adn1w2c",
+						right: "uv_adn1w2d"
+					}
 				},
-				labelPosition: {
-					left: "uv_adn1w2c",
-					right: "uv_adn1w2d"
-				}
-			},
-			defaultVariants: {
-				disabled: false,
-				labelPosition: "right"
-			},
-			compoundVariants: []
-		})
-	};
-});
+				defaultVariants: {
+					disabled: false,
+					labelPosition: "right"
+				},
+				compoundVariants: []
+			})
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

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

@@ -4,9 +4,11 @@ import { createContext } from "react";
 
 //#region src/components/ToggleGroup/Context.tsx
 var ToggleGroupContext;
-var init_Context = __esmMin(() => {
-	ToggleGroupContext = createContext(void 0);
-});
+function init_Context() {
+	return (init_Context = __esmMin(() => {
+		ToggleGroupContext = createContext(void 0);
+	}))();
+}
 
 //#endregion
 init_Context();

package/dist/components/ToggleGroup/SingleToggle.js

@@ -7,31 +7,33 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/ToggleGroup/SingleToggle.tsx
 var ToggleGroupToggle;
-var init_SingleToggle = __esmMin(() => {
-	init_Toggle();
-	init_Context();
-	ToggleGroupToggle = ({ disabled, name, value, label, helper, error, className, "data-testid": dataTestId, style }) => {
-		const context = useContext(ToggleGroupContext);
-		if (!context) throw new Error("ToggleGroup.Toggle can only be used inside a ToggleGroup");
-		const { groupName, onChange, groupValues, error: contextError } = context;
-		const ToggleName = `${groupName}.${name}`;
-		const ToggleValue = value.toString();
-		return /* @__PURE__ */ jsx(Toggle, {
-			checked: groupValues === null || groupValues === void 0 ? void 0 : groupValues.includes(ToggleValue),
-			className,
-			"data-testid": dataTestId,
-			disabled,
-			error: error || contextError,
-			helper,
-			label,
-			name: ToggleName,
-			onChange,
-			style,
-			value: ToggleValue
-		});
-	};
-	ToggleGroupToggle.displayName = "ToggleGroup.Toggle";
-});
+function init_SingleToggle() {
+	return (init_SingleToggle = __esmMin(() => {
+		init_Toggle();
+		init_Context();
+		ToggleGroupToggle = ({ disabled, name, value, label, helper, error, className, "data-testid": dataTestId, style }) => {
+			const context = useContext(ToggleGroupContext);
+			if (!context) throw new Error("ToggleGroup.Toggle can only be used inside a ToggleGroup");
+			const { groupName, onChange, groupValues, error: contextError } = context;
+			const ToggleName = `${groupName}.${name}`;
+			const ToggleValue = value.toString();
+			return /* @__PURE__ */ jsx(Toggle, {
+				checked: groupValues === null || groupValues === void 0 ? void 0 : groupValues.includes(ToggleValue),
+				className,
+				"data-testid": dataTestId,
+				disabled,
+				error: error || contextError,
+				helper,
+				label,
+				name: ToggleName,
+				onChange,
+				style,
+				value: ToggleValue
+			});
+		};
+		ToggleGroupToggle.displayName = "ToggleGroup.Toggle";
+	}))();
+}
 
 //#endregion
 init_SingleToggle();

package/dist/components/ToggleGroup/index.js

@@ -14,69 +14,71 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/ToggleGroup/index.tsx
 var ToggleGroupComponent, ToggleGroup;
-var init_ToggleGroup = __esmMin(() => {
-	init_hasHelperText();
-	init_Description();
-	init_Label();
-	init_Stack();
-	init_Text();
-	init_Context();
-	init_SingleToggle();
-	init_styles_css();
-	ToggleGroupComponent = ({ legend, legendDescription, value, className, helper, error, direction = "column", children, onChange, name, description, required = false, style, "aria-describedby": ariaDescribedBy }) => {
-		const contextValue = useMemo(() => ({
-			error: !!error,
-			groupName: name,
-			groupValues: value !== null && value !== void 0 ? value : [],
-			onChange
-		}), [
-			name,
-			value,
-			onChange,
-			error
-		]);
-		const helperId = useId();
-		return /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
-			value: contextValue,
-			children: /* @__PURE__ */ jsxs(Stack, {
-				gap: 1,
-				children: [/* @__PURE__ */ jsx("fieldset", {
-					className: cn(className, toggleGroupStyle.fieldset),
-					style,
-					"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
-					children: /* @__PURE__ */ jsxs(Stack, {
-						gap: 1.5,
-						children: [legend || description ? /* @__PURE__ */ jsxs(Stack, {
-							gap: .5,
-							children: [legend ? /* @__PURE__ */ jsx(Label, {
-								as: "legend",
-								labelDescription: legendDescription,
-								required,
-								children: legend
-							}) : null, description ? /* @__PURE__ */ jsx(Text, {
-								as: typeof description === "string" ? "p" : "div",
-								prominence: "weak",
-								sentiment: "neutral",
-								variant: "bodySmall",
-								children: description
-							}) : null]
-						}) : null, /* @__PURE__ */ jsx(Stack, {
-							direction,
-							gap: 2,
-							children
-						})]
-					})
-				}), /* @__PURE__ */ jsx(Description, {
-					helper,
-					error,
-					id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId
-				})]
-			})
-		});
-	};
-	ToggleGroup = Object.assign(ToggleGroupComponent, { Toggle: ToggleGroupToggle });
-	ToggleGroupComponent.displayName = "ToggleGroup";
-});
+function init_ToggleGroup() {
+	return (init_ToggleGroup = __esmMin(() => {
+		init_hasHelperText();
+		init_Description();
+		init_Label();
+		init_Stack();
+		init_Text();
+		init_Context();
+		init_SingleToggle();
+		init_styles_css();
+		ToggleGroupComponent = ({ legend, legendDescription, value, className, helper, error, direction = "column", children, onChange, name, description, required = false, style, "aria-describedby": ariaDescribedBy }) => {
+			const contextValue = useMemo(() => ({
+				error: !!error,
+				groupName: name,
+				groupValues: value !== null && value !== void 0 ? value : [],
+				onChange
+			}), [
+				name,
+				value,
+				onChange,
+				error
+			]);
+			const helperId = useId();
+			return /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
+				value: contextValue,
+				children: /* @__PURE__ */ jsxs(Stack, {
+					gap: 1,
+					children: [/* @__PURE__ */ jsx("fieldset", {
+						className: cn(className, toggleGroupStyle.fieldset),
+						style,
+						"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
+						children: /* @__PURE__ */ jsxs(Stack, {
+							gap: 1.5,
+							children: [legend || description ? /* @__PURE__ */ jsxs(Stack, {
+								gap: .5,
+								children: [legend ? /* @__PURE__ */ jsx(Label, {
+									as: "legend",
+									labelDescription: legendDescription,
+									required,
+									children: legend
+								}) : null, description ? /* @__PURE__ */ jsx(Text, {
+									as: typeof description === "string" ? "p" : "div",
+									prominence: "weak",
+									sentiment: "neutral",
+									variant: "bodySmall",
+									children: description
+								}) : null]
+							}) : null, /* @__PURE__ */ jsx(Stack, {
+								direction,
+								gap: 2,
+								children
+							})]
+						})
+					}), /* @__PURE__ */ jsx(Description, {
+						helper,
+						error,
+						id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId
+					})]
+				})
+			});
+		};
+		ToggleGroup = Object.assign(ToggleGroupComponent, { Toggle: ToggleGroupToggle });
+		ToggleGroupComponent.displayName = "ToggleGroup";
+	}))();
+}
 
 //#endregion
 init_ToggleGroup();

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

@@ -3,10 +3,12 @@ import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/ToggleGroup/styles.css.ts
 var toggleGroupStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	toggleGroupStyle = { fieldset: "uv_l0r03j0" };
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		toggleGroupStyle = { fieldset: "uv_l0r03j0" };
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

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

@@ -8,31 +8,33 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Tooltip/index.tsx
 var Tooltip;
-var init_Tooltip = __esmMin(() => {
-	init_Popup();
-	init_styles_css();
-	Tooltip = forwardRef(({ children, text = "", placement = "auto", id, className, containerFullWidth, containerFullHeight, maxWidth = 232, visible, innerRef, role = "tooltip", "data-testid": dataTestId, portalTarget, debounceDelay, disableAnimation, tabIndex, style }, tooltipRef) => /* @__PURE__ */ jsx(Popup, {
-		className: cn(className, tooltipStyle.tooltip),
-		containerFullHeight,
-		containerFullWidth,
-		"data-testid": dataTestId,
-		debounceDelay,
-		disableAnimation,
-		id,
-		innerRef,
-		maxWidth,
-		placement,
-		portalTarget,
-		ref: tooltipRef,
-		role,
-		style,
-		tabIndex,
-		text,
-		visible,
-		children
-	}));
-	Tooltip.displayName = "Tooltip";
-});
+function init_Tooltip() {
+	return (init_Tooltip = __esmMin(() => {
+		init_Popup();
+		init_styles_css();
+		Tooltip = forwardRef(({ children, text = "", placement = "auto", id, className, containerFullWidth, containerFullHeight, maxWidth = 232, visible, innerRef, role = "tooltip", "data-testid": dataTestId, portalTarget, debounceDelay, disableAnimation, tabIndex, style }, tooltipRef) => /* @__PURE__ */ jsx(Popup, {
+			className: cn(className, tooltipStyle.tooltip),
+			containerFullHeight,
+			containerFullWidth,
+			"data-testid": dataTestId,
+			debounceDelay,
+			disableAnimation,
+			id,
+			innerRef,
+			maxWidth,
+			placement,
+			portalTarget,
+			ref: tooltipRef,
+			role,
+			style,
+			tabIndex,
+			text,
+			visible,
+			children
+		}));
+		Tooltip.displayName = "Tooltip";
+	}))();
+}
 
 //#endregion
 init_Tooltip();

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

@@ -3,10 +3,12 @@ import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/Tooltip/styles.css.ts
 var tooltipStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	tooltipStyle = { tooltip: "uv_1y5sygv0" };
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		tooltipStyle = { tooltip: "uv_1y5sygv0" };
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

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