@ultraviolet/ui 3.21.1 → 3.21.2

package/dist/components/PieChart/Legends.js

@@ -9,61 +9,63 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/PieChart/Legends.tsx
 var Legends;
-var init_Legends = __esmMin(() => {
-	init_Text();
-	init_Tooltip();
-	init_Tooltip$1();
-	init_styles_css();
-	Legends = ({ focused, data, legendHeader, onFocusChange, colors }) => /* @__PURE__ */ jsxs("div", {
-		className: pieChartStyle.legendContainer,
-		children: [legendHeader ? /* @__PURE__ */ jsx(Text, {
-			as: "span",
-			variant: "captionStrong",
-			sentiment: "neutral",
-			prominence: "weak",
-			className: pieChartStyle.legendHeader,
-			children: legendHeader
-		}) : null, /* @__PURE__ */ jsx("ul", {
-			className: pieChartStyle.list,
-			children: data === null || data === void 0 ? void 0 : data.map((item, index) => {
-				const isSegmentFocused = focused !== void 0 && item.id === focused;
-				const id = `chart-legend-${item.id}`;
-				return /* @__PURE__ */ jsx(Tooltip, {
-					text: /* @__PURE__ */ jsx(TooltipContent, { data: item }),
-					visible: isSegmentFocused,
-					children: /* @__PURE__ */ jsxs("li", {
-						className: pieChartStyle.listItem({ isFocused: isSegmentFocused }),
-						onBlur: () => onFocusChange(),
-						onFocus: () => onFocusChange(item.id),
-						onMouseOut: () => onFocusChange(),
-						onMouseOver: () => onFocusChange(item.id),
-						"data-testid": id,
-						children: [
-							/* @__PURE__ */ jsx("span", {
-								className: pieChartStyle.bullet,
-								color: colors[index],
-								id,
-								style: assignInlineVars({ [colorBullet]: colors[index] })
-							}),
-							/* @__PURE__ */ jsx(Text, {
-								as: "span",
-								variant: isSegmentFocused ? "bodySmallStrong" : "bodySmall",
-								oneLine: true,
-								children: item.name
-							}),
-							/* @__PURE__ */ jsx("span", { className: pieChartStyle.line }),
-							/* @__PURE__ */ jsx(Text, {
-								as: "span",
-								variant: "bodySmallStrong",
-								children: item.value
-							})
-						]
-					})
-				}, item.id);
-			})
-		})]
-	});
-});
+function init_Legends() {
+	return (init_Legends = __esmMin(() => {
+		init_Text();
+		init_Tooltip();
+		init_Tooltip$1();
+		init_styles_css();
+		Legends = ({ focused, data, legendHeader, onFocusChange, colors }) => /* @__PURE__ */ jsxs("div", {
+			className: pieChartStyle.legendContainer,
+			children: [legendHeader ? /* @__PURE__ */ jsx(Text, {
+				as: "span",
+				variant: "captionStrong",
+				sentiment: "neutral",
+				prominence: "weak",
+				className: pieChartStyle.legendHeader,
+				children: legendHeader
+			}) : null, /* @__PURE__ */ jsx("ul", {
+				className: pieChartStyle.list,
+				children: data === null || data === void 0 ? void 0 : data.map((item, index) => {
+					const isSegmentFocused = focused !== void 0 && item.id === focused;
+					const id = `chart-legend-${item.id}`;
+					return /* @__PURE__ */ jsx(Tooltip, {
+						text: /* @__PURE__ */ jsx(TooltipContent, { data: item }),
+						visible: isSegmentFocused,
+						children: /* @__PURE__ */ jsxs("li", {
+							className: pieChartStyle.listItem({ isFocused: isSegmentFocused }),
+							onBlur: () => onFocusChange(),
+							onFocus: () => onFocusChange(item.id),
+							onMouseOut: () => onFocusChange(),
+							onMouseOver: () => onFocusChange(item.id),
+							"data-testid": id,
+							children: [
+								/* @__PURE__ */ jsx("span", {
+									className: pieChartStyle.bullet,
+									color: colors[index],
+									id,
+									style: assignInlineVars({ [colorBullet]: colors[index] })
+								}),
+								/* @__PURE__ */ jsx(Text, {
+									as: "span",
+									variant: isSegmentFocused ? "bodySmallStrong" : "bodySmall",
+									oneLine: true,
+									children: item.name
+								}),
+								/* @__PURE__ */ jsx("span", { className: pieChartStyle.line }),
+								/* @__PURE__ */ jsx(Text, {
+									as: "span",
+									variant: "bodySmallStrong",
+									children: item.value
+								})
+							]
+						})
+					}, item.id);
+				})
+			})]
+		});
+	}))();
+}
 
 //#endregion
 init_Legends();

package/dist/components/PieChart/Tooltip.js

@@ -6,43 +6,45 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/PieChart/Tooltip.tsx
 var TooltipContent;
-var init_Tooltip = __esmMin(() => {
-	init_Text();
-	init_styles_css();
-	TooltipContent = ({ data }) => {
-		var _data$details;
-		return /* @__PURE__ */ jsxs("ul", {
-			className: pieChartStyle.listTooltip,
-			children: [/* @__PURE__ */ jsxs("li", {
-				className: pieChartStyle.itemTooltip,
-				children: [/* @__PURE__ */ jsx(Text, {
-					as: "p",
-					prominence: "stronger",
-					variant: "body",
-					children: data.name
-				}), /* @__PURE__ */ jsx(Text, {
-					as: "p",
-					prominence: "stronger",
-					variant: "body",
-					children: data.value
-				})]
-			}), (_data$details = data.details) === null || _data$details === void 0 ? void 0 : _data$details.map((detail) => /* @__PURE__ */ jsxs("li", {
-				className: pieChartStyle.itemTooltip,
-				children: [/* @__PURE__ */ jsx(Text, {
-					as: "p",
-					prominence: "stronger",
-					variant: "bodySmall",
-					children: detail.name
-				}), /* @__PURE__ */ jsx(Text, {
-					as: "p",
-					prominence: "stronger",
-					variant: "bodySmall",
-					children: detail.value
-				})]
-			}, detail.name))]
-		});
-	};
-});
+function init_Tooltip() {
+	return (init_Tooltip = __esmMin(() => {
+		init_Text();
+		init_styles_css();
+		TooltipContent = ({ data }) => {
+			var _data$details;
+			return /* @__PURE__ */ jsxs("ul", {
+				className: pieChartStyle.listTooltip,
+				children: [/* @__PURE__ */ jsxs("li", {
+					className: pieChartStyle.itemTooltip,
+					children: [/* @__PURE__ */ jsx(Text, {
+						as: "p",
+						prominence: "stronger",
+						variant: "body",
+						children: data.name
+					}), /* @__PURE__ */ jsx(Text, {
+						as: "p",
+						prominence: "stronger",
+						variant: "body",
+						children: data.value
+					})]
+				}), (_data$details = data.details) === null || _data$details === void 0 ? void 0 : _data$details.map((detail) => /* @__PURE__ */ jsxs("li", {
+					className: pieChartStyle.itemTooltip,
+					children: [/* @__PURE__ */ jsx(Text, {
+						as: "p",
+						prominence: "stronger",
+						variant: "bodySmall",
+						children: detail.name
+					}), /* @__PURE__ */ jsx(Text, {
+						as: "p",
+						prominence: "stronger",
+						variant: "bodySmall",
+						children: detail.value
+					})]
+				}, detail.name))]
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_Tooltip();

package/dist/components/PieChart/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 { Text, init_Text } from "../Text/index.js";
 import { heightContainerPie, init_styles_css, pieChartStyle } from "./styles.css.js";
 import { getLegendColor, init_legend } from "../../helpers/legend.js";
@@ -14,90 +14,92 @@ import { Pie } from "@nivo/pie";
 
 //#region src/components/PieChart/index.tsx
 var DEFAULT_CHARTPROPS, DEFAULT_MARGIN, PieChart;
-var init_PieChart = __esmMin(() => {
-	init_legend();
-	init_nivoTheme();
-	init_Text();
-	init_Legends();
-	init_styles_css();
-	init_objectSpread2();
-	DEFAULT_CHARTPROPS = {};
-	DEFAULT_MARGIN = {
-		bottom: 10,
-		left: 10,
-		right: 10,
-		top: 10
-	};
-	PieChart = ({ height = 206, width = 206, data = void 0, emptyLegend, legendHeader, content, withLegend = false, margin = DEFAULT_MARGIN, chartProps = DEFAULT_CHARTPROPS, style }) => {
-		const theme = useTheme();
-		const [currentFocusIndex, setCurrentFocusIndex] = useState();
-		const emptyTooltip = useCallback(() => /* @__PURE__ */ jsx("span", {}), []);
-		const isEmpty = !data || data.length === 0;
-		const localColors = getLegendColor(theme);
-		return /* @__PURE__ */ jsxs("div", {
-			className: pieChartStyle.container,
-			style: _objectSpread2(_objectSpread2({}, assignInlineVars({ [heightContainerPie]: height ? `${height}px` : "" })), style),
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: pieChartStyle.pieContainer,
-					children: [/* @__PURE__ */ jsx(Pie, _objectSpread2({
-						activeOuterRadiusOffset: isEmpty ? 0 : 4,
+function init_PieChart() {
+	return (init_PieChart = __esmMin(() => {
+		init_legend();
+		init_nivoTheme();
+		init_Text();
+		init_Legends();
+		init_styles_css();
+		init_objectSpread2();
+		DEFAULT_CHARTPROPS = {};
+		DEFAULT_MARGIN = {
+			bottom: 10,
+			left: 10,
+			right: 10,
+			top: 10
+		};
+		PieChart = ({ height = 206, width = 206, data = void 0, emptyLegend, legendHeader, content, withLegend = false, margin = DEFAULT_MARGIN, chartProps = DEFAULT_CHARTPROPS, style }) => {
+			const theme = useTheme();
+			const [currentFocusIndex, setCurrentFocusIndex] = useState();
+			const emptyTooltip = useCallback(() => /* @__PURE__ */ jsx("span", {}), []);
+			const isEmpty = !data || data.length === 0;
+			const localColors = getLegendColor(theme);
+			return /* @__PURE__ */ jsxs("div", {
+				className: pieChartStyle.container,
+				style: _objectSpread2(_objectSpread2({}, assignInlineVars({ [heightContainerPie]: height ? `${height}px` : "" })), style),
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: pieChartStyle.pieContainer,
+						children: [/* @__PURE__ */ jsx(Pie, _objectSpread2({
+							activeOuterRadiusOffset: isEmpty ? 0 : 4,
+							colors: localColors,
+							cornerRadius: 0,
+							data: isEmpty ? [{
+								id: "empty",
+								percent: 100
+							}] : data,
+							defs: [{
+								background: "inherit",
+								color: theme.colors.neutral.textStrong,
+								id: "lines",
+								lineWidth: 2,
+								rotation: 0,
+								spacing: 5,
+								type: "patternLines"
+							}],
+							enableArcLabels: false,
+							enableArcLinkLabels: false,
+							height,
+							innerRadius: .8,
+							margin,
+							onMouseEnter: (datum, event) => {
+								if (!isEmpty) {
+									const pie = event.currentTarget;
+									pie.style.cursor = "pointer";
+									setCurrentFocusIndex(datum.id.toString());
+								}
+							},
+							onMouseLeave: () => setCurrentFocusIndex(void 0),
+							padAngle: 1,
+							theme: getNivoTheme(theme),
+							tooltip: emptyTooltip,
+							value: "percent",
+							width
+						}, chartProps)), content ? /* @__PURE__ */ jsx("div", {
+							className: pieChartStyle.content,
+							children: content
+						}) : null]
+					}),
+					withLegend && !isEmpty ? /* @__PURE__ */ jsx(Legends, {
 						colors: localColors,
-						cornerRadius: 0,
-						data: isEmpty ? [{
-							id: "empty",
-							percent: 100
-						}] : data,
-						defs: [{
-							background: "inherit",
-							color: theme.colors.neutral.textStrong,
-							id: "lines",
-							lineWidth: 2,
-							rotation: 0,
-							spacing: 5,
-							type: "patternLines"
-						}],
-						enableArcLabels: false,
-						enableArcLinkLabels: false,
-						height,
-						innerRadius: .8,
-						margin,
-						onMouseEnter: (datum, event) => {
-							if (!isEmpty) {
-								const pie = event.currentTarget;
-								pie.style.cursor = "pointer";
-								setCurrentFocusIndex(datum.id.toString());
-							}
-						},
-						onMouseLeave: () => setCurrentFocusIndex(void 0),
-						padAngle: 1,
-						theme: getNivoTheme(theme),
-						tooltip: emptyTooltip,
-						value: "percent",
-						width
-					}, chartProps)), content ? /* @__PURE__ */ jsx("div", {
-						className: pieChartStyle.content,
-						children: content
-					}) : null]
-				}),
-				withLegend && !isEmpty ? /* @__PURE__ */ jsx(Legends, {
-					colors: localColors,
-					data,
-					legendHeader,
-					focused: currentFocusIndex,
-					onFocusChange: setCurrentFocusIndex
-				}) : null,
-				withLegend && isEmpty && emptyLegend ? /* @__PURE__ */ jsx(Text, {
-					as: "p",
-					variant: "body",
-					className: pieChartStyle.emptyLegend,
-					children: emptyLegend
-				}) : null
-			]
-		});
-	};
-	PieChart.displayName = "PieChart";
-});
+						data,
+						legendHeader,
+						focused: currentFocusIndex,
+						onFocusChange: setCurrentFocusIndex
+					}) : null,
+					withLegend && isEmpty && emptyLegend ? /* @__PURE__ */ jsx(Text, {
+						as: "p",
+						variant: "body",
+						className: pieChartStyle.emptyLegend,
+						children: emptyLegend
+					}) : null
+				]
+			});
+		};
+		PieChart.displayName = "PieChart";
+	}))();
+}
 
 //#endregion
 init_PieChart();

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

@@ -5,33 +5,35 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/PieChart/styles.css.ts
 var heightContainerPie, colorBullet, pieChartStyle;
-var init_styles_css = __esmMin(() => {
-	init_animationsVanillaExtract_css_ts_vanilla();
-	init_styles_css_ts_vanilla();
-	heightContainerPie = "var(--uv_6tpqrj0)";
-	colorBullet = "var(--uv_6tpqrj1)";
-	pieChartStyle = {
-		container: "uv_6tpqrj2",
-		emptyLegend: "uv_6tpqrj4",
-		legendContainer: "uv_6tpqrj9",
-		legendHeader: "uv_6tpqrja",
-		pieContainer: "uv_6tpqrj3",
-		content: "uv_6tpqrj5",
-		listItem: createRuntimeFn({
-			defaultClassName: "uv_6tpqrj7",
-			variantClassNames: { isFocused: { true: "uv_6tpqrj8" } },
-			defaultVariants: {},
-			compoundVariants: []
-		}),
-		list: "uv_6tpqrj6",
-		bullet: "uv_6tpqrjb",
-		label: "uv_6tpqrjc",
-		toggleBox: "uv_6tpqrjd",
-		line: "uv_6tpqrje",
-		listTooltip: "uv_6tpqrjf",
-		itemTooltip: "uv_6tpqrjg"
-	};
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_animationsVanillaExtract_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		heightContainerPie = "var(--uv_6tpqrj0)";
+		colorBullet = "var(--uv_6tpqrj1)";
+		pieChartStyle = {
+			container: "uv_6tpqrj2",
+			emptyLegend: "uv_6tpqrj4",
+			legendContainer: "uv_6tpqrj9",
+			legendHeader: "uv_6tpqrja",
+			pieContainer: "uv_6tpqrj3",
+			content: "uv_6tpqrj5",
+			listItem: createRuntimeFn({
+				defaultClassName: "uv_6tpqrj7",
+				variantClassNames: { isFocused: { true: "uv_6tpqrj8" } },
+				defaultVariants: {},
+				compoundVariants: []
+			}),
+			list: "uv_6tpqrj6",
+			bullet: "uv_6tpqrjb",
+			label: "uv_6tpqrjc",
+			toggleBox: "uv_6tpqrjd",
+			line: "uv_6tpqrje",
+			listTooltip: "uv_6tpqrjf",
+			itemTooltip: "uv_6tpqrjg"
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

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

@@ -9,40 +9,42 @@ import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
 
 //#region src/components/Popover/ContentWrapper.tsx
 var ContentWrapper;
-var init_ContentWrapper = __esmMin(() => {
-	init_Button();
-	init_Stack();
-	init_Text();
-	init_styles_css();
-	ContentWrapper = ({ title, onClose, children, sentiment }) => /* @__PURE__ */ jsxs(Stack, {
-		className: popoverStyle.stack,
-		gap: 1,
-		children: [/* @__PURE__ */ jsxs(Stack, {
-			direction: "row",
-			justifyContent: "space-between",
-			children: [/* @__PURE__ */ jsx(Text, {
-				as: "h3",
+function init_ContentWrapper() {
+	return (init_ContentWrapper = __esmMin(() => {
+		init_Button();
+		init_Stack();
+		init_Text();
+		init_styles_css();
+		ContentWrapper = ({ title, onClose, children, sentiment }) => /* @__PURE__ */ jsxs(Stack, {
+			className: popoverStyle.stack,
+			gap: 1,
+			children: [/* @__PURE__ */ jsxs(Stack, {
+				direction: "row",
+				justifyContent: "space-between",
+				children: [/* @__PURE__ */ jsx(Text, {
+					as: "h3",
+					prominence: sentiment === "neutral" ? "strong" : "stronger",
+					sentiment: sentiment === "neutral" ? "neutral" : "white",
+					variant: "bodyStrong",
+					children: title
+				}), /* @__PURE__ */ jsx(Button, {
+					"aria-label": "close",
+					onClick: onClose,
+					sentiment: sentiment === "neutral" ? "neutral" : "primary",
+					size: "small",
+					variant: sentiment === "neutral" ? "ghost" : "filled",
+					children: /* @__PURE__ */ jsx(CloseIcon, {})
+				})]
+			}), typeof children === "string" ? /* @__PURE__ */ jsx(Text, {
+				as: "p",
 				prominence: sentiment === "neutral" ? "strong" : "stronger",
 				sentiment: sentiment === "neutral" ? "neutral" : "white",
-				variant: "bodyStrong",
-				children: title
-			}), /* @__PURE__ */ jsx(Button, {
-				"aria-label": "close",
-				onClick: onClose,
-				sentiment: sentiment === "neutral" ? "neutral" : "primary",
-				size: "small",
-				variant: sentiment === "neutral" ? "ghost" : "filled",
-				children: /* @__PURE__ */ jsx(CloseIcon, {})
-			})]
-		}), typeof children === "string" ? /* @__PURE__ */ jsx(Text, {
-			as: "p",
-			prominence: sentiment === "neutral" ? "strong" : "stronger",
-			sentiment: sentiment === "neutral" ? "neutral" : "white",
-			variant: "bodySmall",
-			children
-		}) : children]
-	});
-});
+				variant: "bodySmall",
+				children
+			}) : children]
+		});
+	}))();
+}
 
 //#endregion
 init_ContentWrapper();

package/dist/components/Popover/index.js

@@ -10,59 +10,61 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Popover/index.tsx
 var Popover;
-var init_Popover = __esmMin(() => {
-	init_ModalProvider();
-	init_Popup();
-	init_ContentWrapper();
-	init_styles_css();
-	Popover = forwardRef(({ visible = false, children, placement, content, title, sentiment = "neutral", size = "medium", onClose, className, maxWidth, maxHeight, "data-testid": dataTestId, portalTarget, dynamicDomRendering, align, style }, ref) => {
-		const innerRef = useRef(null);
-		const isInsideModal = useContext(ModalContext);
-		const [localVisible, setLocalVisible] = useState(visible);
-		useEffect(() => {
-			setLocalVisible(visible);
-		}, [visible]);
-		const localOnClose = useCallback(() => {
-			setLocalVisible(false);
-			onClose === null || onClose === void 0 || onClose();
-		}, [onClose]);
-		const smartPortalTarget = useMemo(() => {
-			if (!portalTarget && isInsideModal) return;
-			if (!(portalTarget || isInsideModal)) return document.body;
-			return portalTarget;
-		}, [isInsideModal, portalTarget]);
-		return /* @__PURE__ */ jsx(Popup, {
-			align,
-			className: cn(className, popoverStyle.popover({
-				sentiment,
-				size
-			})),
-			"data-testid": dataTestId,
-			debounceDelay: 0,
-			dynamicDomRendering,
-			hideOnClickOutside: true,
-			innerRef,
-			maxHeight,
-			maxWidth,
-			onClose: localOnClose,
-			placement,
-			portalTarget: smartPortalTarget,
-			ref,
-			role: "dialog",
-			style,
-			tabIndex: -1,
-			text: /* @__PURE__ */ jsx(ContentWrapper, {
+function init_Popover() {
+	return (init_Popover = __esmMin(() => {
+		init_ModalProvider();
+		init_Popup();
+		init_ContentWrapper();
+		init_styles_css();
+		Popover = forwardRef(({ visible = false, children, placement, content, title, sentiment = "neutral", size = "medium", onClose, className, maxWidth, maxHeight, "data-testid": dataTestId, portalTarget, dynamicDomRendering, align, style }, ref) => {
+			const innerRef = useRef(null);
+			const isInsideModal = useContext(ModalContext);
+			const [localVisible, setLocalVisible] = useState(visible);
+			useEffect(() => {
+				setLocalVisible(visible);
+			}, [visible]);
+			const localOnClose = useCallback(() => {
+				setLocalVisible(false);
+				onClose === null || onClose === void 0 || onClose();
+			}, [onClose]);
+			const smartPortalTarget = useMemo(() => {
+				if (!portalTarget && isInsideModal) return;
+				if (!(portalTarget || isInsideModal)) return document.body;
+				return portalTarget;
+			}, [isInsideModal, portalTarget]);
+			return /* @__PURE__ */ jsx(Popup, {
+				align,
+				className: cn(className, popoverStyle.popover({
+					sentiment,
+					size
+				})),
+				"data-testid": dataTestId,
+				debounceDelay: 0,
+				dynamicDomRendering,
+				hideOnClickOutside: true,
+				innerRef,
+				maxHeight,
+				maxWidth,
 				onClose: localOnClose,
-				sentiment,
-				title,
-				children: content
-			}),
-			visible: localVisible,
-			children
+				placement,
+				portalTarget: smartPortalTarget,
+				ref,
+				role: "dialog",
+				style,
+				tabIndex: -1,
+				text: /* @__PURE__ */ jsx(ContentWrapper, {
+					onClose: localOnClose,
+					sentiment,
+					title,
+					children: content
+				}),
+				visible: localVisible,
+				children
+			});
 		});
-	});
-	Popover.displayName = "Popover";
-});
+		Popover.displayName = "Popover";
+	}))();
+}
 
 //#endregion
 init_Popover();