@ultraviolet/ui 3.21.1 → 3.21.2

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();

package/dist/components/TreeMapChart/Tooltip.js

@@ -6,25 +6,27 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/TreeMapChart/Tooltip.tsx
 var Tooltip;
-var init_Tooltip = __esmMin(() => {
-	init_Text();
-	init_styles_css();
-	Tooltip = ({ value, content, "data-testid": dataTestId }) => /* @__PURE__ */ jsxs("div", {
-		className: treeMapChartStyle.tooltipContainer,
-		"data-testid": dataTestId,
-		children: [/* @__PURE__ */ jsx(Text, {
-			as: "p",
-			sentiment: "primary",
-			variant: "bodyStronger",
-			children: content
-		}), value ? /* @__PURE__ */ jsx(Text, {
-			as: "p",
-			sentiment: "primary",
-			variant: "bodyStronger",
-			children: value
-		}) : null]
-	});
-});
+function init_Tooltip() {
+	return (init_Tooltip = __esmMin(() => {
+		init_Text();
+		init_styles_css();
+		Tooltip = ({ value, content, "data-testid": dataTestId }) => /* @__PURE__ */ jsxs("div", {
+			className: treeMapChartStyle.tooltipContainer,
+			"data-testid": dataTestId,
+			children: [/* @__PURE__ */ jsx(Text, {
+				as: "p",
+				sentiment: "primary",
+				variant: "bodyStronger",
+				children: content
+			}), value ? /* @__PURE__ */ jsx(Text, {
+				as: "p",
+				sentiment: "primary",
+				variant: "bodyStronger",
+				children: value
+			}) : null]
+		});
+	}))();
+}
 
 //#endregion
 init_Tooltip();

package/dist/components/TreeMapChart/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, treeMapChartStyle } from "./styles.css.js";
 import { getDataColors, init_treeMap } from "../../helpers/treeMap.js";
 import { Tooltip, init_Tooltip } from "./Tooltip.js";
@@ -12,53 +12,55 @@ import { ResponsiveTreeMapHtml } from "@nivo/treemap";
 
 //#region src/components/TreeMapChart/index.tsx
 var TreeMapChart;
-var init_TreeMapChart = __esmMin(() => {
-	init_treeMap();
-	init_Tooltip();
-	init_styles_css();
-	init_objectSpread2();
-	TreeMapChart = ({ height = "537px", data, tooltipFunction, chartProps, className, "data-testid": dataTestId }) => {
-		const theme = useTheme();
-		const colors = useMemo(() => getDataColors(data, theme), [data, theme]);
-		const tooltip = useCallback((props) => {
-			const { value, content } = tooltipFunction ? tooltipFunction(props.node.data) : {
-				content: props.node.data.content,
-				value: props.node.data.value
-			};
-			return /* @__PURE__ */ jsx(Tooltip, {
-				content,
-				value
+function init_TreeMapChart() {
+	return (init_TreeMapChart = __esmMin(() => {
+		init_treeMap();
+		init_Tooltip();
+		init_styles_css();
+		init_objectSpread2();
+		TreeMapChart = ({ height = "537px", data, tooltipFunction, chartProps, className, "data-testid": dataTestId }) => {
+			const theme = useTheme();
+			const colors = useMemo(() => getDataColors(data, theme), [data, theme]);
+			const tooltip = useCallback((props) => {
+				const { value, content } = tooltipFunction ? tooltipFunction(props.node.data) : {
+					content: props.node.data.content,
+					value: props.node.data.value
+				};
+				return /* @__PURE__ */ jsx(Tooltip, {
+					content,
+					value
+				});
+			}, [tooltipFunction]);
+			const nivoTheme = useMemo(() => ({ labels: { text: theme.typography.captionStrong } }), [theme.typography.captionStrong]);
+			return /* @__PURE__ */ jsx("div", {
+				className: cn(className, treeMapChartStyle.container),
+				"data-testid": dataTestId,
+				style: { height },
+				children: /* @__PURE__ */ jsx(ResponsiveTreeMapHtml, _objectSpread2({
+					animate: false,
+					borderColor: theme.colors.neutral.background,
+					borderWidth: 2,
+					colors,
+					data,
+					enableParentLabel: false,
+					identity: "id",
+					label: (node) => typeof node.data.content === "string" ? node.data.content : node.id,
+					labelSkipSize: 20,
+					labelTextColor: theme.colors.neutral.background,
+					leavesOnly: true,
+					motionConfig: "none",
+					nodeOpacity: 1,
+					orientLabel: false,
+					theme: nivoTheme,
+					tile: "squarify",
+					tooltip,
+					value: "value"
+				}, chartProps))
 			});
-		}, [tooltipFunction]);
-		const nivoTheme = useMemo(() => ({ labels: { text: theme.typography.captionStrong } }), [theme.typography.captionStrong]);
-		return /* @__PURE__ */ jsx("div", {
-			className: cn(className, treeMapChartStyle.container),
-			"data-testid": dataTestId,
-			style: { height },
-			children: /* @__PURE__ */ jsx(ResponsiveTreeMapHtml, _objectSpread2({
-				animate: false,
-				borderColor: theme.colors.neutral.background,
-				borderWidth: 2,
-				colors,
-				data,
-				enableParentLabel: false,
-				identity: "id",
-				label: (node) => typeof node.data.content === "string" ? node.data.content : node.id,
-				labelSkipSize: 20,
-				labelTextColor: theme.colors.neutral.background,
-				leavesOnly: true,
-				motionConfig: "none",
-				nodeOpacity: 1,
-				orientLabel: false,
-				theme: nivoTheme,
-				tile: "squarify",
-				tooltip,
-				value: "value"
-			}, chartProps))
-		});
-	};
-	TreeMapChart.displayName = "TreeMapChart";
-});
+		};
+		TreeMapChart.displayName = "TreeMapChart";
+	}))();
+}
 
 //#endregion
 init_TreeMapChart();

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

@@ -3,13 +3,15 @@ import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/TreeMapChart/styles.css.ts
 var treeMapChartStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	treeMapChartStyle = {
-		container: "uv_1pnrimq1",
-		tooltipContainer: "uv_1pnrimq0"
-	};
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		treeMapChartStyle = {
+			container: "uv_1pnrimq1",
+			tooltipContainer: "uv_1pnrimq0"
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

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