@ultraviolet/ui 3.21.1 → 3.22.0

package/dist/components/Banner/index.js

@@ -15,113 +15,115 @@ import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
 
 //#region src/components/Banner/index.tsx
 var Banner;
-var init_Banner = __esmMin(() => {
-	init_Button();
-	init_Link();
-	init_Stack();
-	init_Text();
-	init_default_image_small();
-	init_default_image();
-	init_styles_css();
-	Banner = ({ variant = "intro", size = "medium", title, children, direction = "column", onClose, buttonText, onClickButton, linkText, linkHref, image, className, closable = true, "data-testid": dataTestId, style }) => {
-		const { theme } = useTheme();
-		const defaultImage = size === "small" ? default_image_small_default : default_image_default;
-		const prominence = useMemo(() => {
-			if (variant === "promotional") return "strong";
-			if (theme === "dark" || theme === "darker") return "stronger";
-			return "default";
-		}, [variant, theme]);
-		const [opened, setOpened] = useState(true);
-		if (!opened) return null;
-		return /* @__PURE__ */ jsxs(Stack, {
-			className: cn(className, bannerStyle.banner({
-				size,
-				variant
-			})),
-			"data-testid": dataTestId,
-			direction: "row",
-			gap: 2,
-			justifyContent: "space-between",
-			style,
-			children: [
-				image ? /* @__PURE__ */ jsx(Stack, {
-					className: bannerStyle.imageStack[size],
-					justifyContent: "center",
-					children: typeof image === "string" ? /* @__PURE__ */ jsx("img", {
-						alt: "",
-						height: "auto",
-						src: image,
-						width: "auto"
-					}) : image
-				}) : /* @__PURE__ */ jsx(Stack, {
-					className: bannerStyle.imageStack[size],
-					justifyContent: "center",
-					children: /* @__PURE__ */ jsx("img", {
-						alt: "",
-						height: "auto",
-						src: defaultImage,
-						width: "auto"
-					})
-				}),
-				/* @__PURE__ */ jsxs(Stack, {
-					alignItems: direction === "column" ? "flex-start" : "center",
-					direction,
-					gap: 2,
-					justifyContent: "space-between",
-					style: { flex: 1 },
-					children: [/* @__PURE__ */ jsxs(Stack, {
-						gap: .5,
+function init_Banner() {
+	return (init_Banner = __esmMin(() => {
+		init_Button();
+		init_Link();
+		init_Stack();
+		init_Text();
+		init_default_image_small();
+		init_default_image();
+		init_styles_css();
+		Banner = ({ variant = "intro", size = "medium", title, children, direction = "column", onClose, buttonText, onClickButton, linkText, linkHref, image, className, closable = true, "data-testid": dataTestId, style }) => {
+			const { theme } = useTheme();
+			const defaultImage = size === "small" ? default_image_small_default : default_image_default;
+			const prominence = useMemo(() => {
+				if (variant === "promotional") return "strong";
+				if (theme === "dark" || theme === "darker") return "stronger";
+				return "default";
+			}, [variant, theme]);
+			const [opened, setOpened] = useState(true);
+			if (!opened) return null;
+			return /* @__PURE__ */ jsxs(Stack, {
+				className: cn(className, bannerStyle.banner({
+					size,
+					variant
+				})),
+				"data-testid": dataTestId,
+				direction: "row",
+				gap: 2,
+				justifyContent: "space-between",
+				style,
+				children: [
+					image ? /* @__PURE__ */ jsx(Stack, {
+						className: bannerStyle.imageStack[size],
 						justifyContent: "center",
-						style: { flex: 1 },
-						children: [/* @__PURE__ */ jsx(Text, {
-							as: "p",
-							prominence: variant === "intro" ? "default" : "strong",
-							sentiment: variant === "promotional" ? "white" : "primary",
-							variant: size === "medium" ? "headingSmall" : "bodyStronger",
-							children: title
-						}), /* @__PURE__ */ jsx(Text, {
-							as: "p",
-							sentiment: variant === "promotional" || theme !== "light" ? "white" : "neutral",
-							variant: "body",
-							children
-						})]
-					}), buttonText || linkText ? /* @__PURE__ */ jsxs(Stack, {
-						alignItems: "center",
-						direction: "row",
+						children: typeof image === "string" ? /* @__PURE__ */ jsx("img", {
+							alt: "",
+							height: "auto",
+							src: image,
+							width: "auto"
+						}) : image
+					}) : /* @__PURE__ */ jsx(Stack, {
+						className: bannerStyle.imageStack[size],
+						justifyContent: "center",
+						children: /* @__PURE__ */ jsx("img", {
+							alt: "",
+							height: "auto",
+							src: defaultImage,
+							width: "auto"
+						})
+					}),
+					/* @__PURE__ */ jsxs(Stack, {
+						alignItems: direction === "column" ? "flex-start" : "center",
+						direction,
 						gap: 2,
-						children: [buttonText ? /* @__PURE__ */ jsx(Button, {
-							onClick: onClickButton,
-							sentiment: variant === "intro" ? "primary" : "white",
-							size: "medium",
-							variant: "filled",
-							children: buttonText
-						}) : null, linkText ? /* @__PURE__ */ jsx(Link, {
-							href: linkHref !== null && linkHref !== void 0 ? linkHref : "",
-							prominence,
-							sentiment: "primary",
-							size: "small",
-							target: "_blank",
-							children: linkText
+						justifyContent: "space-between",
+						style: { flex: 1 },
+						children: [/* @__PURE__ */ jsxs(Stack, {
+							gap: .5,
+							justifyContent: "center",
+							style: { flex: 1 },
+							children: [/* @__PURE__ */ jsx(Text, {
+								as: "p",
+								prominence: variant === "intro" ? "default" : "strong",
+								sentiment: variant === "promotional" ? "white" : "primary",
+								variant: size === "medium" ? "headingSmall" : "bodyStronger",
+								children: title
+							}), /* @__PURE__ */ jsx(Text, {
+								as: "p",
+								sentiment: variant === "promotional" || theme !== "light" ? "white" : "neutral",
+								variant: "body",
+								children
+							})]
+						}), buttonText || linkText ? /* @__PURE__ */ jsxs(Stack, {
+							alignItems: "center",
+							direction: "row",
+							gap: 2,
+							children: [buttonText ? /* @__PURE__ */ jsx(Button, {
+								onClick: onClickButton,
+								sentiment: variant === "intro" ? "primary" : "white",
+								size: "medium",
+								variant: "filled",
+								children: buttonText
+							}) : null, linkText ? /* @__PURE__ */ jsx(Link, {
+								href: linkHref !== null && linkHref !== void 0 ? linkHref : "",
+								prominence,
+								sentiment: "primary",
+								size: "small",
+								target: "_blank",
+								children: linkText
+							}) : null]
 						}) : null]
-					}) : null]
-				}),
-				closable ? /* @__PURE__ */ jsx(Button, {
-					className: bannerStyle.closeButton,
-					name: "close",
-					onClick: () => {
-						setOpened(false);
-						onClose === null || onClose === void 0 || onClose();
-					},
-					sentiment: variant === "intro" || variant === "promotional" && theme !== "light" ? "neutral" : "primary",
-					size: "small",
-					variant: variant === "intro" ? "ghost" : "filled",
-					children: /* @__PURE__ */ jsx(CloseIcon, {})
-				}) : null
-			]
-		});
-	};
-	Banner.displayName = "Banner";
-});
+					}),
+					closable ? /* @__PURE__ */ jsx(Button, {
+						className: bannerStyle.closeButton,
+						name: "close",
+						onClick: () => {
+							setOpened(false);
+							onClose === null || onClose === void 0 || onClose();
+						},
+						sentiment: variant === "intro" || variant === "promotional" && theme !== "light" ? "neutral" : "primary",
+						size: "small",
+						variant: variant === "intro" ? "ghost" : "filled",
+						children: /* @__PURE__ */ jsx(CloseIcon, {})
+					}) : null
+				]
+			});
+		};
+		Banner.displayName = "Banner";
+	}))();
+}
 
 //#endregion
 init_Banner();

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

@@ -4,51 +4,53 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Banner/styles.css.ts
 var bannerStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	bannerStyle = {
-		banner: createRuntimeFn({
-			defaultClassName: "uv_17sbfy0",
-			variantClassNames: {
-				size: {
-					medium: "uv_17sbfy1",
-					small: "uv_17sbfy2"
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		bannerStyle = {
+			banner: createRuntimeFn({
+				defaultClassName: "uv_17sbfy0",
+				variantClassNames: {
+					size: {
+						medium: "uv_17sbfy1",
+						small: "uv_17sbfy2"
+					},
+					variant: {
+						intro: "uv_17sbfy3",
+						promotional: "uv_17sbfy4"
+					}
 				},
-				variant: {
-					intro: "uv_17sbfy3",
-					promotional: "uv_17sbfy4"
-				}
-			},
-			defaultVariants: {
-				size: "medium",
-				variant: "intro"
-			},
-			compoundVariants: [
-				[{
-					size: "small",
-					variant: "intro"
-				}, "uv_17sbfy5"],
-				[{
+				defaultVariants: {
 					size: "medium",
 					variant: "intro"
-				}, "uv_17sbfy6"],
-				[{
-					size: "small",
-					variant: "promotional"
-				}, "uv_17sbfy7"],
-				[{
-					size: "medium",
-					variant: "promotional"
-				}, "uv_17sbfy8"]
-			]
-		}),
-		imageStack: {
-			medium: "uv_17sbfy9",
-			small: "uv_17sbfya"
-		},
-		closeButton: "uv_17sbfyb"
-	};
-});
+				},
+				compoundVariants: [
+					[{
+						size: "small",
+						variant: "intro"
+					}, "uv_17sbfy5"],
+					[{
+						size: "medium",
+						variant: "intro"
+					}, "uv_17sbfy6"],
+					[{
+						size: "small",
+						variant: "promotional"
+					}, "uv_17sbfy7"],
+					[{
+						size: "medium",
+						variant: "promotional"
+					}, "uv_17sbfy8"]
+				]
+			}),
+			imageStack: {
+				medium: "uv_17sbfy9",
+				small: "uv_17sbfya"
+			},
+			closeButton: "uv_17sbfyb"
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

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

@@ -8,27 +8,29 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/BarChart/Tooltip.tsx
 var BarChartTooltip;
-var init_Tooltip = __esmMin(() => {
-	init_Text();
-	init_styles_css();
-	BarChartTooltip = ({ formattedValue, indexValue, color, className, "data-testid": dataTestId }) => /* @__PURE__ */ jsxs("div", {
-		className: cn(className, barChartStyle.tooltipContainer),
-		"data-testid": dataTestId,
-		children: [/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("span", {
-			className: barChartStyle.tooltipContainer,
-			style: assignInlineVars({ [colorBar]: color })
-		}) }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Text, {
-			as: "p",
-			sentiment: "primary",
-			variant: "bodyStronger",
-			children: formattedValue
-		}), /* @__PURE__ */ jsx(Text, {
-			as: "p",
-			variant: "bodySmall",
-			children: indexValue
-		})] })]
-	});
-});
+function init_Tooltip() {
+	return (init_Tooltip = __esmMin(() => {
+		init_Text();
+		init_styles_css();
+		BarChartTooltip = ({ formattedValue, indexValue, color, className, "data-testid": dataTestId }) => /* @__PURE__ */ jsxs("div", {
+			className: cn(className, barChartStyle.tooltipContainer),
+			"data-testid": dataTestId,
+			children: [/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("span", {
+				className: barChartStyle.tooltipContainer,
+				style: assignInlineVars({ [colorBar]: color })
+			}) }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Text, {
+				as: "p",
+				sentiment: "primary",
+				variant: "bodyStronger",
+				children: formattedValue
+			}), /* @__PURE__ */ jsx(Text, {
+				as: "p",
+				variant: "bodySmall",
+				children: indexValue
+			})] })]
+		});
+	}))();
+}
 
 //#endregion
 init_Tooltip();

package/dist/components/BarChart/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 { getLegendColor, init_legend } from "../../helpers/legend.js";
 import { getNivoTheme, init_nivoTheme } from "../../helpers/nivoTheme.js";
 import { BarChartTooltip, init_Tooltip } from "./Tooltip.js";
@@ -11,67 +11,69 @@ import { ResponsiveBar } from "@nivo/bar";
 
 //#region src/components/BarChart/index.tsx
 var DEFAULT_MARGIN, DEFAULT_DATA, DEFAULT_AXISFORMATTER, DEFAULT_KEYS, BarChart;
-var init_BarChart = __esmMin(() => {
-	init_legend();
-	init_nivoTheme();
-	init_Tooltip();
-	init_objectSpread2();
-	DEFAULT_MARGIN = {
-		bottom: 50,
-		left: 60,
-		right: 25,
-		top: 50
-	};
-	DEFAULT_DATA = [];
-	DEFAULT_AXISFORMATTER = {};
-	DEFAULT_KEYS = ["value"];
-	BarChart = ({ height = "537px", margin = DEFAULT_MARGIN, data = DEFAULT_DATA, axisFormatters = DEFAULT_AXISFORMATTER, tickValues, keys = DEFAULT_KEYS, tooltipFunction, chartProps, className, "data-testid": dataTestId, style }) => {
-		var _chartProps$valueScal;
-		const theme = useTheme();
-		const tooltip = useCallback((props) => {
-			const { indexValue, formattedValue, color } = tooltipFunction ? tooltipFunction(props) : props;
-			return /* @__PURE__ */ jsx(BarChartTooltip, {
-				color,
-				formattedValue,
-				indexValue: indexValue.toString()
+function init_BarChart() {
+	return (init_BarChart = __esmMin(() => {
+		init_legend();
+		init_nivoTheme();
+		init_Tooltip();
+		init_objectSpread2();
+		DEFAULT_MARGIN = {
+			bottom: 50,
+			left: 60,
+			right: 25,
+			top: 50
+		};
+		DEFAULT_DATA = [];
+		DEFAULT_AXISFORMATTER = {};
+		DEFAULT_KEYS = ["value"];
+		BarChart = ({ height = "537px", margin = DEFAULT_MARGIN, data = DEFAULT_DATA, axisFormatters = DEFAULT_AXISFORMATTER, tickValues, keys = DEFAULT_KEYS, tooltipFunction, chartProps, className, "data-testid": dataTestId, style }) => {
+			var _chartProps$valueScal;
+			const theme = useTheme();
+			const tooltip = useCallback((props) => {
+				const { indexValue, formattedValue, color } = tooltipFunction ? tooltipFunction(props) : props;
+				return /* @__PURE__ */ jsx(BarChartTooltip, {
+					color,
+					formattedValue,
+					indexValue: indexValue.toString()
+				});
+			}, [tooltipFunction]);
+			return /* @__PURE__ */ jsx("div", {
+				className,
+				"data-testid": dataTestId,
+				style: _objectSpread2({ height }, style),
+				children: /* @__PURE__ */ jsx(ResponsiveBar, _objectSpread2({
+					axisBottom: {
+						format: axisFormatters === null || axisFormatters === void 0 ? void 0 : axisFormatters.bottom,
+						tickPadding: 5,
+						tickRotation: 0,
+						tickSize: 5,
+						tickValues: tickValues === null || tickValues === void 0 ? void 0 : tickValues.bottom
+					},
+					axisLeft: {
+						format: axisFormatters === null || axisFormatters === void 0 ? void 0 : axisFormatters.left,
+						tickPadding: 5,
+						tickRotation: 0,
+						tickSize: 5,
+						tickValues: tickValues === null || tickValues === void 0 ? void 0 : tickValues.left
+					},
+					colors: getLegendColor(theme),
+					data,
+					enableLabel: false,
+					keys,
+					margin,
+					theme: getNivoTheme(theme),
+					tooltip,
+					valueScale: (_chartProps$valueScal = chartProps === null || chartProps === void 0 ? void 0 : chartProps.valueScale) !== null && _chartProps$valueScal !== void 0 ? _chartProps$valueScal : {
+						type: "linear",
+						min: chartProps === null || chartProps === void 0 ? void 0 : chartProps.minValue,
+						max: chartProps === null || chartProps === void 0 ? void 0 : chartProps.maxValue
+					}
+				}, chartProps))
 			});
-		}, [tooltipFunction]);
-		return /* @__PURE__ */ jsx("div", {
-			className,
-			"data-testid": dataTestId,
-			style: _objectSpread2({ height }, style),
-			children: /* @__PURE__ */ jsx(ResponsiveBar, _objectSpread2({
-				axisBottom: {
-					format: axisFormatters === null || axisFormatters === void 0 ? void 0 : axisFormatters.bottom,
-					tickPadding: 5,
-					tickRotation: 0,
-					tickSize: 5,
-					tickValues: tickValues === null || tickValues === void 0 ? void 0 : tickValues.bottom
-				},
-				axisLeft: {
-					format: axisFormatters === null || axisFormatters === void 0 ? void 0 : axisFormatters.left,
-					tickPadding: 5,
-					tickRotation: 0,
-					tickSize: 5,
-					tickValues: tickValues === null || tickValues === void 0 ? void 0 : tickValues.left
-				},
-				colors: getLegendColor(theme),
-				data,
-				enableLabel: false,
-				keys,
-				margin,
-				theme: getNivoTheme(theme),
-				tooltip,
-				valueScale: (_chartProps$valueScal = chartProps === null || chartProps === void 0 ? void 0 : chartProps.valueScale) !== null && _chartProps$valueScal !== void 0 ? _chartProps$valueScal : {
-					type: "linear",
-					min: chartProps === null || chartProps === void 0 ? void 0 : chartProps.minValue,
-					max: chartProps === null || chartProps === void 0 ? void 0 : chartProps.maxValue
-				}
-			}, chartProps))
-		});
-	};
-	BarChart.displayName = "BarChart";
-});
+		};
+		BarChart.displayName = "BarChart";
+	}))();
+}
 
 //#endregion
 init_BarChart();

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

@@ -3,14 +3,16 @@ import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/BarChart/styles.css.ts
 var colorBar, barChartStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	colorBar = "var(--uv_1eez2qb0)";
-	barChartStyle = {
-		tooltipContainer: "uv_1eez2qb1",
-		colorSquare: "uv_1eez2qb2"
-	};
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		colorBar = "var(--uv_1eez2qb0)";
+		barChartStyle = {
+			tooltipContainer: "uv_1eez2qb1",
+			colorSquare: "uv_1eez2qb2"
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

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