@ultraviolet/ui 3.24.2 → 3.25.0

package/dist/components/Data Display/Chart/PieChart/Tooltip.js

@@ -0,0 +1,51 @@
+'use client';
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../../../Typography/Text/index.js";
+import { init_styles_css, pieChartStyle } from "./styles.css.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Data Display/Chart/PieChart/Tooltip.tsx
+var TooltipContent;
+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();
+export { TooltipContent, init_Tooltip };

package/dist/components/Data Display/Chart/PieChart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Data Display/Chart/PieChart/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAMrC,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKrD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAGnC,KAAK,aAAa,GAAG;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;iCAUwB,EACvB,MAAY,EACZ,KAAW,EACX,IAAgB,EAChB,WAAW,EACX,YAAY,EACZ,OAAO,EACP,UAAkB,EAClB,MAAuB,EACvB,UAA+B,EAC/B,KAAK,GACN,EAAE,aAAa"}

package/dist/components/Data Display/Chart/PieChart/index.js

@@ -0,0 +1,106 @@
+'use client';
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import { Text, init_Text } from "../../../Typography/Text/index.js";
+import { heightContainerPie, init_styles_css, pieChartStyle } from "./styles.css.js";
+import { getLegendColor, init_legend } from "../../../../helpers/legend.js";
+import { getNivoTheme, init_nivoTheme } from "../../../../helpers/nivoTheme.js";
+import { Legends, init_Legends } from "./Legends.js";
+import { useCallback, useState } from "react";
+import { useTheme } from "@ultraviolet/themes";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Pie } from "@nivo/pie";
+
+//#region src/components/Data Display/Chart/PieChart/index.tsx
+var DEFAULT_CHARTPROPS, DEFAULT_MARGIN, PieChart;
+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,
+						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();
+export { PieChart, init_PieChart };

package/dist/components/Data Display/Chart/PieChart/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/Data Display/Chart/PieChart/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,oBAAc,CAAA;AAC7C,eAAO,MAAM,WAAW,oBAAc,CAAA;AAqItC,eAAO,MAAM,aAAa;;;;;;;;;YA1EpB,IAAI;gBACF,KAAK;gBACL,UAAU;;;;;;;;;;;CAuFjB,CAAA"}

package/dist/components/Data Display/Chart/PieChart/styles.css.js

@@ -0,0 +1,40 @@
+import { __esmMin } from "../../../../_virtual/_rolldown/runtime.js";
+import { init_animationsVanillaExtract_css_ts_vanilla } from "../../../../utils/animations/animationsVanillaExtract.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/components/Data Display/Chart/PieChart/styles.css.ts
+var heightContainerPie, colorBullet, pieChartStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_animationsVanillaExtract_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		heightContainerPie = "var(--uv_kkn7a30)";
+		colorBullet = "var(--uv_kkn7a31)";
+		pieChartStyle = {
+			container: "uv_kkn7a32",
+			emptyLegend: "uv_kkn7a34",
+			legendContainer: "uv_kkn7a39",
+			legendHeader: "uv_kkn7a3a",
+			pieContainer: "uv_kkn7a33",
+			content: "uv_kkn7a35",
+			listItem: createRuntimeFn({
+				defaultClassName: "uv_kkn7a37",
+				variantClassNames: { isFocused: { true: "uv_kkn7a38" } },
+				defaultVariants: {},
+				compoundVariants: []
+			}),
+			list: "uv_kkn7a36",
+			bullet: "uv_kkn7a3b",
+			label: "uv_kkn7a3c",
+			toggleBox: "uv_kkn7a3d",
+			line: "uv_kkn7a3e",
+			listTooltip: "uv_kkn7a3f",
+			itemTooltip: "uv_kkn7a3g"
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { colorBullet, heightContainerPie, init_styles_css, pieChartStyle };

package/dist/components/Data Display/Chart/PieChart/styles.css.ts.vanilla.js

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Data Display/Chart/PieChart/styles.css.ts.vanilla.css
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/Data Display/Chart/PieChart/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Data Display/Chart/PieChart/types.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,IAAI,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IAC5B,OAAO,EAAE,MAAM,CAAA;IACf,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,OAAO,CAAC,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;QACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KACtB,EAAE,CAAA;CACJ,CAAA"}

package/dist/components/Data Display/Chart/TreeMapChart/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/Data Display/Chart/TreeMapChart/Tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAGvC,KAAK,YAAY,GAAG,IAAI,CAAC,QAAQ,EAAE,SAAS,GAAG,OAAO,CAAC,GAAG;IACxD,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,OAAO,kDAAmD,YAAY,gCAWlF,CAAA"}

package/dist/components/Data Display/Chart/TreeMapChart/Tooltip.js

@@ -0,0 +1,33 @@
+'use client';
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../../../Typography/Text/index.js";
+import { init_styles_css, treeMapChartStyle } from "./styles.css.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Data Display/Chart/TreeMapChart/Tooltip.tsx
+var Tooltip;
+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();
+export { Tooltip, init_Tooltip };

package/dist/components/Data Display/Chart/TreeMapChart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Data Display/Chart/TreeMapChart/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAIlE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAGvC,KAAK,iBAAiB,GAAG;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,IAAI,EAAE,QAAQ,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,KAAK,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IACnG,UAAU,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;qCAM4B,EAC3B,MAAgB,EAAE,wDAAwD;AAC1E,IAAI,EACJ,eAAe,EACf,UAAU,EACV,SAAS,EACT,aAAa,EAAE,UAAU,GAC1B,EAAE,iBAAiB"}

package/dist/components/Data Display/Chart/TreeMapChart/index.js

@@ -0,0 +1,67 @@
+'use client';
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.146.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";
+import { useCallback, useMemo } from "react";
+import { useTheme } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
+import { ResponsiveTreeMapHtml } from "@nivo/treemap";
+
+//#region src/components/Data Display/Chart/TreeMapChart/index.tsx
+var TreeMapChart;
+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))
+			});
+		};
+		TreeMapChart.displayName = "TreeMapChart";
+	}))();
+}
+
+//#endregion
+init_TreeMapChart();
+export { TreeMapChart, init_TreeMapChart };

package/dist/components/Data Display/Chart/TreeMapChart/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/Data Display/Chart/TreeMapChart/styles.css.ts"],"names":[],"mappings":"AAmCA,eAAO,MAAM,iBAAiB;;;CAG7B,CAAA"}

package/dist/components/Data Display/Chart/TreeMapChart/styles.css.js

@@ -0,0 +1,18 @@
+import { __esmMin } from "../../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+
+//#region src/components/Data Display/Chart/TreeMapChart/styles.css.ts
+var treeMapChartStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		treeMapChartStyle = {
+			container: "uv_1djjkpr1",
+			tooltipContainer: "uv_1djjkpr0"
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { init_styles_css, treeMapChartStyle };

package/dist/components/Data Display/Chart/TreeMapChart/styles.css.ts.vanilla.js

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Data Display/Chart/TreeMapChart/styles.css.ts.vanilla.css
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/Data Display/Chart/TreeMapChart/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Data Display/Chart/TreeMapChart/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAA;CACtB,CAAA"}

package/dist/components/Data Display/EmptyState/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/EmptyState/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAE9C,KAAK,eAAe,GAAG;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,SAAS,CAAA;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,eAAe,CAAC,EAAE,SAAS,CAAA;IAC3B,SAAS,CAAC,EAAE;QACV,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,CAAC,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;mCAK0B,EACzB,KAAK,EACL,KAAK,EACL,IAAc,EACd,WAAW,EACX,aAAa,EACb,eAAe,EACf,SAAS,EACT,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,aAAa,EAAE,UAAU,EACzB,KAAK,GACN,EAAE,eAAe"}

package/dist/components/Data Display/EmptyState/index.js

@@ -0,0 +1,91 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Layout/Stack/index.js";
+import { Text, init_Text } from "../../Typography/Text/index.js";
+import { emptyStateStyle, init_styles_css } from "./styles.css.js";
+import { Link, init_Link } from "../../Action/Link/index.js";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Data Display/EmptyState/index.tsx
+var EmptyState;
+function init_EmptyState() {
+	return (init_EmptyState = __esmMin(() => {
+		init_Link();
+		init_Stack();
+		init_Text();
+		init_styles_css();
+		EmptyState = ({ image, title, size = "large", description, primaryButton, secondaryButton, learnMore, className, bordered, children, "data-testid": dataTestId, style }) => /* @__PURE__ */ jsx(Stack, {
+			className: cn(className, emptyStateStyle.container({
+				bordered,
+				size
+			})),
+			"data-testid": dataTestId,
+			style,
+			children: /* @__PURE__ */ jsxs(Stack, {
+				alignItems: "center",
+				className: emptyStateStyle.paddedStack,
+				gap: size === "small" ? 2 : 3,
+				justifyContent: "center",
+				children: [
+					/* @__PURE__ */ jsxs(Stack, {
+						alignItems: "center",
+						gap: 2,
+						justifyContent: "center",
+						children: [image && typeof image === "string" ? /* @__PURE__ */ jsx("img", {
+							alt: "",
+							className: emptyStateStyle.image[size],
+							height: "auto",
+							src: image,
+							width: "auto"
+						}) : image, /* @__PURE__ */ jsxs(Stack, {
+							alignItems: "center",
+							gap: .5,
+							children: [title ? /* @__PURE__ */ jsx(Text, {
+								as: "h2",
+								placement: "center",
+								prominence: "strong",
+								sentiment: "neutral",
+								variant: size === "small" ? "bodyStrong" : "headingSmallStrong",
+								children: title
+							}) : null, /* @__PURE__ */ jsx(Text, {
+								as: description && [
+									"string",
+									"number",
+									"bigint",
+									"boolean"
+								].includes(typeof description) ? "p" : "div",
+								placement: "center",
+								sentiment: "neutral",
+								variant: size === "small" ? "bodySmall" : "body",
+								children: description
+							})]
+						})]
+					}),
+					primaryButton || secondaryButton || learnMore ? /* @__PURE__ */ jsxs(Stack, {
+						alignItems: "center",
+						gap: 2,
+						justifyContent: "center",
+						children: [primaryButton || secondaryButton ? /* @__PURE__ */ jsxs(Stack, {
+							direction: "row",
+							gap: 2,
+							children: [secondaryButton, primaryButton]
+						}) : null, (learnMore === null || learnMore === void 0 ? void 0 : learnMore.text) ? /* @__PURE__ */ jsx(Link, {
+							href: learnMore.link,
+							iconPosition: "right",
+							size: size === "small" ? "small" : void 0,
+							target: learnMore.target,
+							children: learnMore.text
+						}) : null]
+					}) : null,
+					children
+				]
+			})
+		});
+		EmptyState.displayName = "EmptyState";
+	}))();
+}
+
+//#endregion
+init_EmptyState();
+export { EmptyState, init_EmptyState };

package/dist/components/Data Display/EmptyState/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/EmptyState/styles.css.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,eAAe;aACnB,KAAK,EAAE,KAAK;aACZ,MAAM,EAAE,EAAE;aACV,KAAK,EAAE,EAAE;CACD,CAAA;AAQV,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,eAAe,CAAA;AA2CrD,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;CAI3B,CAAA"}

package/dist/components/Data Display/EmptyState/styles.css.js

@@ -0,0 +1,39 @@
+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/Data Display/EmptyState/styles.css.ts
+var emptyStateStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		emptyStateStyle = {
+			container: createRuntimeFn({
+				defaultClassName: "uv_1xo4rxf0",
+				variantClassNames: {
+					bordered: { true: "uv_1xo4rxf1" },
+					size: {
+						large: "uv_1xo4rxf2",
+						medium: "uv_1xo4rxf3",
+						small: "uv_1xo4rxf4"
+					}
+				},
+				defaultVariants: {
+					bordered: false,
+					size: "large"
+				},
+				compoundVariants: []
+			}),
+			paddedStack: "uv_1xo4rxf5",
+			image: {
+				large: "uv_1xo4rxf6",
+				medium: "uv_1xo4rxf7",
+				small: "uv_1xo4rxf8"
+			}
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { emptyStateStyle, init_styles_css };

package/dist/components/Data Display/EmptyState/styles.css.ts.vanilla.js

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Data Display/EmptyState/styles.css.ts.vanilla.css
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/Data Display/InfiniteScroll/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/InfiniteScroll/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAO7E,KAAK,mBAAmB,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACtC;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,CAAA;IAC7D;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;uCAO8B,EAC7B,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,UAAU,EACV,eAAe,EACf,MAAiB,EACjB,MAAM,EACN,EAAE,EACF,EAAE,EAAE,SAAiB,EACrB,OAAc,EACd,eAAkC,EAClC,KAAK,GACN,EAAE,mBAAmB"}

package/dist/components/Data Display/InfiniteScroll/index.js

@@ -0,0 +1,75 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import { Loader, init_Loader } from "../../Feedback/Loader/index.js";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useDebouncedCallback } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Data Display/InfiniteScroll/index.tsx
+var HEIGHT_THRESHOLD, InfiniteScroll;
+function init_InfiniteScroll() {
+	return (init_InfiniteScroll = __esmMin(() => {
+		init_Loader();
+		init_objectSpread2();
+		HEIGHT_THRESHOLD = 100;
+		InfiniteScroll = ({ className, "data-testid": dataTestId, onLoadMore, scrollParentRef, height = "2.5rem", loader, id, as: Component = "div", hasMore = true, heightThreshold = HEIGHT_THRESHOLD, style }) => {
+			const [isLoading, setIsLoading] = useState(false);
+			const containerRef = useRef(null);
+			const handleScroll = useCallback((scrollableContainer) => {
+				if (!containerRef.current) return;
+				if (!onLoadMore) return;
+				const { scrollTop, scrollHeight, clientHeight } = scrollableContainer;
+				if (scrollTop + clientHeight >= scrollHeight - heightThreshold) {
+					setIsLoading(true);
+					const result = onLoadMore();
+					if (result instanceof Promise) result.then(() => {
+						setIsLoading(false);
+					}).catch((error) => {
+						setIsLoading(false);
+						throw error;
+					});
+				}
+			}, [onLoadMore, heightThreshold]);
+			const debouncedHandleScroll = useDebouncedCallback(handleScroll, 100);
+			useEffect(() => {
+				var _scrollParentRef$curr;
+				var _containerRef$current;
+				if (!hasMore) return;
+				let scrollableContainer = (_scrollParentRef$curr = scrollParentRef === null || scrollParentRef === void 0 ? void 0 : scrollParentRef.current) !== null && _scrollParentRef$curr !== void 0 ? _scrollParentRef$curr : (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.parentElement;
+				while (scrollableContainer && scrollableContainer !== document.body) {
+					const { overflowY } = window.getComputedStyle(scrollableContainer);
+					if (overflowY === "auto" || overflowY === "scroll") break;
+					scrollableContainer = scrollableContainer.parentElement;
+				}
+				if (!scrollableContainer) return;
+				const scrollListener = () => debouncedHandleScroll(scrollableContainer);
+				scrollableContainer.addEventListener("scroll", scrollListener);
+				return () => {
+					scrollableContainer === null || scrollableContainer === void 0 || scrollableContainer.removeEventListener("scroll", scrollListener);
+				};
+			}, [
+				debouncedHandleScroll,
+				handleScroll,
+				hasMore,
+				onLoadMore,
+				scrollParentRef
+			]);
+			const localLoader = useMemo(() => loader !== null && loader !== void 0 ? loader : /* @__PURE__ */ jsx(Loader, { active: true }), [loader]);
+			if (isLoading) return localLoader;
+			return /* @__PURE__ */ jsx(Component, {
+				className,
+				"data-testid": dataTestId,
+				id,
+				ref: containerRef,
+				role: "feed",
+				style: _objectSpread2({ height }, style)
+			});
+		};
+		InfiniteScroll.displayName = "InfiniteScroll";
+	}))();
+}
+
+//#endregion
+init_InfiniteScroll();
+export { InfiniteScroll, init_InfiniteScroll };

package/dist/components/Data Display/List/Cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/List/Cell.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAcrD,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,IAAI,4GAuChB,CAAA"}