@ultraviolet/ui 3.11.0 → 3.12.0

package/dist/components/Banner/styles.css.d.ts

@@ -1,5 +1,5 @@
 import type { RecipeVariants } from '@vanilla-extract/recipes';
-export declare const banner: import("@vanilla-extract/recipes").RuntimeFn<{
+declare const banner: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
         medium: {
             padding: `var(--${string})`;
@@ -13,7 +13,24 @@ export declare const banner: import("@vanilla-extract/recipes").RuntimeFn<{
         promotional: {};
     };
 }>;
-export declare const imageStackBanner: Record<"medium" | "small", string>;
-export declare const closeButtonBanner: string;
 export type BannerVariants = NonNullable<RecipeVariants<typeof banner>>;
+export declare const bannerStyle: {
+    banner: import("@vanilla-extract/recipes").RuntimeFn<{
+        size: {
+            medium: {
+                padding: `var(--${string})`;
+            };
+            small: {
+                padding: `var(--${string})`;
+            };
+        };
+        variant: {
+            intro: {};
+            promotional: {};
+        };
+    }>;
+    imageStack: Record<"medium" | "small", string>;
+    closeButton: string;
+};
+export {};
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Banner/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/styles.css.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAG9D,eAAO,MAAM,MAAM;;;;;;;;;;;;;EA6DjB,CAAA;AAEF,eAAO,MAAM,gBAAgB,oCAO3B,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAO5B,CAAA;AAEF,MAAM,MAAM,cAAc,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/styles.css.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAG9D,QAAA,MAAM,MAAM;;;;;;;;;;;;;EA6DV,CAAA;AAoBF,MAAM,MAAM,cAAc,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,CAAA;AACvE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;CAIvB,CAAA"}

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

@@ -1,47 +1,55 @@
-/* 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/Banner/styles.css.ts
-var banner = createRuntimeFn({
-	defaultClassName: "uv_17sbfy0",
-	variantClassNames: {
-		size: {
-			medium: "uv_17sbfy1",
-			small: "uv_17sbfy2"
+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"
+				},
+				variant: {
+					intro: "uv_17sbfy3",
+					promotional: "uv_17sbfy4"
+				}
+			},
+			defaultVariants: {
+				size: "medium",
+				variant: "intro"
+			},
+			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"
 		},
-		variant: {
-			intro: "uv_17sbfy3",
-			promotional: "uv_17sbfy4"
-		}
-	},
-	defaultVariants: {
-		size: "medium",
-		variant: "intro"
-	},
-	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"]
-	]
+		closeButton: "uv_17sbfyb"
+	};
 });
-var imageStackBanner = {
-	medium: "uv_17sbfy9",
-	small: "uv_17sbfya"
-};
-var closeButtonBanner = "uv_17sbfyb";
 
 //#endregion
-export { banner, closeButtonBanner, imageStackBanner };
+init_styles_css();
+export { bannerStyle, init_styles_css };

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

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/BarChart/Tooltip.tsx"],"names":[],"mappings":"AAOA,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,eAAe,iJAyB3B,CAAA"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/BarChart/Tooltip.tsx"],"names":[],"mappings":"AAOA,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,eAAe,iJA4B3B,CAAA"}

package/dist/components/BarChart/Tooltip.js

@@ -1,29 +1,35 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Text } from "../Text/index.js";
-import { barColorSquare, barTooltipContainer, colorBar } from "./styles.css.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../Text/index.js";
+import { barChartStyle, colorBar, init_styles_css } from "./styles.css.js";
+import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
 
 //#region src/components/BarChart/Tooltip.tsx
-const BarChartTooltip = ({ formattedValue, indexValue, color, className, "data-testid": dataTestId }) => /* @__PURE__ */ jsxs("div", {
-	className: cn(className, barTooltipContainer),
-	"data-testid": dataTestId,
-	children: [/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("span", {
-		className: barColorSquare,
-		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
-	})] })]
+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
+		})] })]
+	});
 });
 
 //#endregion
-export { BarChartTooltip };
+init_Tooltip();
+export { BarChartTooltip, init_Tooltip };

package/dist/components/BarChart/index.js

@@ -1,68 +1,71 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
-import { getLegendColor } from "../../helpers/legend.js";
-import { getNivoTheme } from "../../helpers/nivoTheme.js";
-import { BarChartTooltip } from "./Tooltip.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.115.0/helpers/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";
 import { useCallback } from "react";
 import { useTheme } from "@ultraviolet/themes";
 import { jsx } from "react/jsx-runtime";
 import { ResponsiveBar } from "@nivo/bar";
 
 //#region src/components/BarChart/index.tsx
-const DEFAULT_MARGIN = {
-	bottom: 50,
-	left: 60,
-	right: 25,
-	top: 50
-};
-const DEFAULT_DATA = [];
-const DEFAULT_AXISFORMATTER = {};
-const DEFAULT_KEYS = ["value"];
-/**
-* BarChart component is used to display data in a bar chart format. It uses the Nivo library under the hood.
-* See https://nivo.rocks/bar/ for more information.
-* @experimental This component is experimental and may be subject to breaking changes in the future.
-*/
-const BarChart = ({ height = "537px", margin = DEFAULT_MARGIN, data = DEFAULT_DATA, axisFormatters = DEFAULT_AXISFORMATTER, tickValues, keys = DEFAULT_KEYS, tooltipFunction, chartProps, className, "data-testid": dataTestId, style }) => {
-	const theme = useTheme();
-	const tooltip = useCallback((props) => {
-		const { indexValue, formattedValue, color } = tooltipFunction ? tooltipFunction(props) : props;
-		return /* @__PURE__ */ jsx(BarChartTooltip, {
-			color,
-			formattedValue,
-			indexValue: indexValue.toString()
+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 }) => {
+		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
+			}, 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
-		}, chartProps))
-	});
-};
+	};
+});
 
 //#endregion
-export { BarChart };
+init_BarChart();
+export { BarChart, init_BarChart };

package/dist/components/BarChart/styles.css.d.ts

@@ -1,4 +1,6 @@
 export declare const colorBar: `var(--${string})`;
-export declare const barTooltipContainer: string;
-export declare const barColorSquare: string;
+export declare const barChartStyle: {
+    tooltipContainer: string;
+    colorSquare: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/BarChart/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/BarChart/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,oBAAc,CAAA;AAEnC,eAAO,MAAM,mBAAmB,QAO9B,CAAA;AAEF,eAAO,MAAM,cAAc,QAMzB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/BarChart/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,oBAAc,CAAA;AAmBnC,eAAO,MAAM,aAAa;;;CAGzB,CAAA"}

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

@@ -1,9 +1,17 @@
-/* empty css                      */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/BarChart/styles.css.ts
-var colorBar = "var(--uv_1eez2qb0)";
-var barTooltipContainer = "uv_1eez2qb1";
-var barColorSquare = "uv_1eez2qb2";
+var colorBar, barChartStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	colorBar = "var(--uv_1eez2qb0)";
+	barChartStyle = {
+		tooltipContainer: "uv_1eez2qb1",
+		colorSquare: "uv_1eez2qb2"
+	};
+});
 
 //#endregion
-export { barColorSquare, barTooltipContainer, colorBar };
+init_styles_css();
+export { barChartStyle, colorBar, init_styles_css };

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

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/BarChart/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/BarStack/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BarStack/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,aAAa,EACb,oBAAoB,EACpB,iBAAiB,EACjB,SAAS,EACV,MAAM,OAAO,CAAA;AAed,KAAK,QAAQ,GAAG;IACd;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAC3C,aAAa,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IACjD,SAAS,CAAC,EAAE,oBAAoB,CAAC,cAAc,CAAC,CAAA;IAChD,WAAW,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAC/C,SAAS,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAC7C,YAAY,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAChD,YAAY,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAChD;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;CAC/C,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,kKA4JpB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BarStack/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,aAAa,EACb,oBAAoB,EACpB,iBAAiB,EACjB,SAAS,EACV,MAAM,OAAO,CAAA;AAQd,KAAK,QAAQ,GAAG;IACd;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAC3C,aAAa,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IACjD,SAAS,CAAC,EAAE,oBAAoB,CAAC,cAAc,CAAC,CAAA;IAChD,WAAW,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAC/C,SAAS,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAC7C,YAAY,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAChD,YAAY,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAChD;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;CAC/C,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,kKA4JpB,CAAA"}

package/dist/components/BarStack/index.js

@@ -1,66 +1,90 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../Stack/index.js";
-import { Tooltip } from "../Tooltip/index.js";
-import { Text } from "../Text/index.js";
-import { Label } from "../Label/index.js";
-import { barStack, barStackLegendCircle, barStackText, containerBarStack, wrapperBarStack, wrapperWidth } from "./styles.css.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../Stack/index.js";
+import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
+import { Text, init_Text } from "../Text/index.js";
+import { Label, init_Label } from "../Label/index.js";
+import { barStackStyle, init_styles_css, wrapperWidth } from "./styles.css.js";
 import { useMemo, useState } from "react";
+import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
 
 //#region src/components/BarStack/index.tsx
-/**
-* BarStack is a graphic component that is used to show data in one dimension.
-*/
-const BarStack = ({ data, total, className, "data-testid": dataTestId, style, label, labelInformation, legend = "inside", size }) => {
-	const computedTotal = useMemo(() => total !== null && total !== void 0 ? total : data.reduce((acc, { value }) => acc + value, 0), [total, data]);
-	const [hoveredBarId, setHoveredBarId] = useState(null);
-	return /* @__PURE__ */ jsxs(Stack, {
-		gap: 1,
-		children: [/* @__PURE__ */ jsxs(Stack, {
-			direction: "column",
-			gap: .25,
-			children: [labelInformation ? /* @__PURE__ */ jsxs(Stack, {
-				direction: "row",
-				justifyContent: "space-between",
-				children: [/* @__PURE__ */ jsx(Label, { children: label }), /* @__PURE__ */ jsx(Text, {
-					as: "span",
-					sentiment: "neutral",
-					variant: "body",
-					children: labelInformation
-				})]
-			}) : /* @__PURE__ */ jsx(Label, { children: label }), /* @__PURE__ */ jsx("div", {
-				className: cn(className, containerBarStack),
-				"data-testid": dataTestId,
-				style,
-				children: data.map(({ id, value, text, onClick, onDoubleClick, onKeyDown, onMouseEnter, onMouseLeave, onMouseDown, onMouseUp, tooltip }) => /* @__PURE__ */ jsx("div", {
-					className: wrapperBarStack,
-					style: assignInlineVars({ [wrapperWidth]: `${value / computedTotal * 100}%` }),
-					children: /* @__PURE__ */ jsx(Tooltip, {
-						text: legend === "outside" ? text : void 0,
-						visible: hoveredBarId === id,
-						children: tooltip ? /* @__PURE__ */ jsx(Tooltip, {
-							id: `tooltip-${id}`,
-							text: tooltip !== null && tooltip !== void 0 ? tooltip : text,
-							children: /* @__PURE__ */ jsx("div", {
-								className: barStack({ size }),
+var BarStack;
+var init_BarStack = __esmMin(() => {
+	init_Label();
+	init_Stack();
+	init_Text();
+	init_Tooltip();
+	init_styles_css();
+	BarStack = ({ data, total, className, "data-testid": dataTestId, style, label, labelInformation, legend = "inside", size }) => {
+		const computedTotal = useMemo(() => total !== null && total !== void 0 ? total : data.reduce((acc, { value }) => acc + value, 0), [total, data]);
+		const [hoveredBarId, setHoveredBarId] = useState(null);
+		return /* @__PURE__ */ jsxs(Stack, {
+			gap: 1,
+			children: [/* @__PURE__ */ jsxs(Stack, {
+				direction: "column",
+				gap: .25,
+				children: [labelInformation ? /* @__PURE__ */ jsxs(Stack, {
+					direction: "row",
+					justifyContent: "space-between",
+					children: [/* @__PURE__ */ jsx(Label, { children: label }), /* @__PURE__ */ jsx(Text, {
+						as: "span",
+						sentiment: "neutral",
+						variant: "body",
+						children: labelInformation
+					})]
+				}) : /* @__PURE__ */ jsx(Label, { children: label }), /* @__PURE__ */ jsx("div", {
+					className: cn(className, barStackStyle.container),
+					"data-testid": dataTestId,
+					style,
+					children: data.map(({ id, value, text, onClick, onDoubleClick, onKeyDown, onMouseEnter, onMouseLeave, onMouseDown, onMouseUp, tooltip }) => /* @__PURE__ */ jsx("div", {
+						className: barStackStyle.wrapper,
+						style: assignInlineVars({ [wrapperWidth]: `${value / computedTotal * 100}%` }),
+						children: /* @__PURE__ */ jsx(Tooltip, {
+							text: legend === "outside" ? text : void 0,
+							visible: hoveredBarId === id,
+							children: tooltip ? /* @__PURE__ */ jsx(Tooltip, {
+								id: `tooltip-${id}`,
+								text: tooltip !== null && tooltip !== void 0 ? tooltip : text,
+								children: /* @__PURE__ */ jsx("div", {
+									className: barStackStyle.barStack({ size }),
+									"data-testid": `content-${id}`,
+									onClick,
+									onDoubleClick,
+									onKeyDown,
+									onMouseDown,
+									onMouseEnter: (event) => {
+										onMouseEnter === null || onMouseEnter === void 0 || onMouseEnter(event);
+									},
+									onMouseLeave: (event) => {
+										onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave(event);
+									},
+									onMouseUp,
+									children: /* @__PURE__ */ jsx(Text, {
+										as: "span",
+										className: barStackStyle.text,
+										prominence: "stronger",
+										sentiment: "neutral",
+										variant: size === "small" || size === "xsmall" ? "captionSmallStrong" : "captionStrong",
+										whiteSpace: "nowrap",
+										children: legend === "outside" ? "" : text
+									})
+								})
+							}) : /* @__PURE__ */ jsx("div", {
+								className: barStackStyle.barStack({ size }),
 								"data-testid": `content-${id}`,
 								onClick,
 								onDoubleClick,
 								onKeyDown,
 								onMouseDown,
-								onMouseEnter: (event) => {
-									onMouseEnter === null || onMouseEnter === void 0 || onMouseEnter(event);
-								},
-								onMouseLeave: (event) => {
-									onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave(event);
-								},
+								onMouseEnter,
+								onMouseLeave,
 								onMouseUp,
 								children: /* @__PURE__ */ jsx(Text, {
 									as: "span",
-									className: barStackText,
+									className: barStackStyle.text,
 									prominence: "stronger",
 									sentiment: "neutral",
 									variant: size === "small" || size === "xsmall" ? "captionSmallStrong" : "captionStrong",
@@ -68,51 +92,33 @@ const BarStack = ({ data, total, className, "data-testid": dataTestId, style, la
 									children: legend === "outside" ? "" : text
 								})
 							})
-						}) : /* @__PURE__ */ jsx("div", {
-							className: barStack({ size }),
-							"data-testid": `content-${id}`,
-							onClick,
-							onDoubleClick,
-							onKeyDown,
-							onMouseDown,
-							onMouseEnter,
-							onMouseLeave,
-							onMouseUp,
-							children: /* @__PURE__ */ jsx(Text, {
-								as: "span",
-								className: barStackText,
-								prominence: "stronger",
-								sentiment: "neutral",
-								variant: size === "small" || size === "xsmall" ? "captionSmallStrong" : "captionStrong",
-								whiteSpace: "nowrap",
-								children: legend === "outside" ? "" : text
-							})
 						})
-					})
-				}, id))
-			})]
-		}), legend === "outside" ? /* @__PURE__ */ jsx(Stack, {
-			direction: "row",
-			gap: 2,
-			children: data.map(({ text, id }, index) => /* @__PURE__ */ jsxs(Stack, {
-				alignItems: "center",
-				"data-testid": `legend-${id}`,
-				direction: "row",
-				gap: "0.5",
-				onMouseEnter: () => {
-					setHoveredBarId(id);
-				},
-				onMouseLeave: () => setHoveredBarId(null),
-				children: [/* @__PURE__ */ jsx("span", { className: barStackLegendCircle({ child: index % 6 }) }), /* @__PURE__ */ jsx(Text, {
-					as: "span",
-					sentiment: "neutral",
-					variant: "caption",
-					children: text
+					}, id))
 				})]
-			}, id))
-		}) : null]
-	});
-};
+			}), legend === "outside" ? /* @__PURE__ */ jsx(Stack, {
+				direction: "row",
+				gap: 2,
+				children: data.map(({ text, id }, index) => /* @__PURE__ */ jsxs(Stack, {
+					alignItems: "center",
+					"data-testid": `legend-${id}`,
+					direction: "row",
+					gap: "0.5",
+					onMouseEnter: () => {
+						setHoveredBarId(id);
+					},
+					onMouseLeave: () => setHoveredBarId(null),
+					children: [/* @__PURE__ */ jsx("span", { className: barStackStyle.legendCircle({ child: index % 6 }) }), /* @__PURE__ */ jsx(Text, {
+						as: "span",
+						sentiment: "neutral",
+						variant: "caption",
+						children: text
+					})]
+				}, id))
+			}) : null]
+		});
+	};
+});
 
 //#endregion
-export { BarStack };
+init_BarStack();
+export { BarStack, init_BarStack };