@ultraviolet/ui 3.24.2 → 3.25.0

package/dist/components/Badges/Tag/index.js

@@ -0,0 +1,115 @@
+'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 { Stack, init_Stack } from "../../Layout/Stack/index.js";
+import { Tooltip, init_Tooltip } from "../../Overlay/Tooltip/index.js";
+import { Text, init_Text } from "../../Typography/Text/index.js";
+import { Loader, init_Loader } from "../../Feedback/Loader/index.js";
+import { Separator, init_Separator } from "../../Layout/Separator/index.js";
+import { Row, init_Row } from "../../Layout/Row/index.js";
+import { init_styles_css, tagStyle } from "./styles.css.js";
+import { useMemo } from "react";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
+import { useClipboard } from "@scaleway/use-clipboard";
+import { CopyContentIcon } from "@ultraviolet/icons/CopyContentIcon";
+
+//#region src/components/Badges/Tag/index.tsx
+var COPY_DURATION, Tag;
+function init_Tag() {
+	return (init_Tag = __esmMin(() => {
+		init_Loader();
+		init_Row();
+		init_Separator();
+		init_Stack();
+		init_Tooltip();
+		init_Text();
+		init_styles_css();
+		init_objectSpread2();
+		COPY_DURATION = 2500;
+		Tag = ({ children, isLoading, onClose, copiable = false, copyButton, copyText = "Copy", copiedText = "Copied!", disabled, sentiment = "neutral", variant = "default", className, style, keyValue, "data-testid": dataTestId }) => {
+			const stringChildren = useMemo(() => {
+				if (typeof children === "string") return children;
+				if (Array.isArray(children)) return children.filter((child) => typeof child === "string").join("");
+				if (typeof children === "number") return children.toString();
+				if (keyValue) return `${keyValue.key}:${keyValue.value}`;
+				return "";
+			}, [children, keyValue]);
+			const [isCopied, setCopied] = useClipboard(stringChildren, { successDuration: COPY_DURATION });
+			const isCopiable = copiable && !disabled;
+			const TagInner = copiable ? "button" : "span";
+			const copyTextTooltip = isCopied ? copiedText : copyText;
+			const textProps = {
+				"aria-disabled": disabled,
+				as: "span",
+				variant: variant === "code" ? "code" : "caption",
+				oneLine: true,
+				sentiment: disabled ? "neutral" : sentiment,
+				disabled
+			};
+			return /* @__PURE__ */ jsx(Tooltip, {
+				text: isCopiable ? copyTextTooltip : null,
+				children: /* @__PURE__ */ jsxs(Stack, {
+					direction: "row",
+					className: tagStyle.wrapper[copiable ? "copiable" : "notCopiable"],
+					width: "fit-content",
+					maxWidth: "100%",
+					children: [/* @__PURE__ */ jsxs(TagInner, {
+						className: cn(className, tagStyle.content[copiable ? "copiable" : "notCopiable"], tagStyle.container({
+							disabled,
+							sentiment,
+							closable: !!onClose,
+							copiable: copiable && !disabled,
+							isButton: false
+						})),
+						"data-testid": dataTestId,
+						style,
+						onClick: () => {
+							if (isCopiable) setCopied().catch(() => null);
+						},
+						children: [
+							keyValue ? /* @__PURE__ */ jsxs(Row, {
+								templateColumns: "minmax(0, auto) 1px minmax(0, auto)",
+								gap: 1,
+								className: tagStyle.text,
+								children: [
+									/* @__PURE__ */ jsx(Text, _objectSpread2(_objectSpread2({}, textProps), {}, { children: keyValue.key })),
+									/* @__PURE__ */ jsx(Separator, {
+										sentiment: disabled ? "neutral" : sentiment,
+										direction: "vertical",
+										thickness: 1,
+										className: tagStyle.separator
+									}),
+									/* @__PURE__ */ jsx(Text, _objectSpread2(_objectSpread2({}, textProps), {}, { children: keyValue.value }))
+								]
+							}) : /* @__PURE__ */ jsx(Text, _objectSpread2(_objectSpread2({ className: tagStyle.text }, textProps), {}, { children })),
+							copiable && copyButton && !isLoading ? /* @__PURE__ */ jsx(CopyContentIcon, { size: "xsmall" }) : null,
+							isLoading ? /* @__PURE__ */ jsx(Loader, {
+								active: true,
+								size: "small"
+							}) : null
+						]
+					}), onClose ? /* @__PURE__ */ jsx("button", {
+						"aria-label": "Close tag",
+						"data-testid": "close-tag",
+						disabled,
+						onClick: onClose,
+						type: "button",
+						className: tagStyle.container({
+							disabled,
+							isButton: true,
+							sentiment
+						}),
+						children: /* @__PURE__ */ jsx(CloseIcon, { size: "small" })
+					}) : null]
+				})
+			});
+		};
+		Tag.displayName = "Tag";
+	}))();
+}
+
+//#endregion
+init_Tag();
+export { Tag, init_Tag };

package/dist/components/Badges/Tag/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Badges/Tag/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,YAAI,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,CAAU,CAAA;AAuI9G,eAAO,MAAM,QAAQ;;;;;;wBAxGT,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwGmD,CAAA"}

package/dist/components/Badges/Tag/styles.css.js

@@ -0,0 +1,155 @@
+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/Badges/Tag/styles.css.ts
+var tagStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		tagStyle = {
+			container: createRuntimeFn({
+				defaultClassName: "uv_1gaaepy5",
+				variantClassNames: {
+					copiable: { true: "uv_1gaaepy6" },
+					disabled: { true: "uv_1gaaepy7" },
+					closable: { true: "uv_1gaaepy8" },
+					sentiment: {
+						danger: "uv_1gaaepy9",
+						info: "uv_1gaaepya",
+						neutral: "uv_1gaaepyb",
+						primary: "uv_1gaaepyc",
+						secondary: "uv_1gaaepyd",
+						success: "uv_1gaaepye",
+						warning: "uv_1gaaepyf"
+					},
+					isButton: {
+						true: "uv_1gaaepyg",
+						false: "uv_1gaaepyh"
+					}
+				},
+				defaultVariants: {
+					copiable: false,
+					disabled: false,
+					sentiment: "neutral",
+					isButton: false,
+					closable: false
+				},
+				compoundVariants: [
+					[{
+						copiable: true,
+						sentiment: "danger",
+						disabled: false
+					}, "uv_1gaaepyi"],
+					[{
+						copiable: true,
+						sentiment: "info",
+						disabled: false
+					}, "uv_1gaaepyj"],
+					[{
+						copiable: true,
+						sentiment: "neutral",
+						disabled: false
+					}, "uv_1gaaepyk"],
+					[{
+						copiable: true,
+						sentiment: "primary",
+						disabled: false
+					}, "uv_1gaaepyl"],
+					[{
+						copiable: true,
+						sentiment: "secondary",
+						disabled: false
+					}, "uv_1gaaepym"],
+					[{
+						copiable: true,
+						sentiment: "success",
+						disabled: false
+					}, "uv_1gaaepyn"],
+					[{
+						copiable: true,
+						sentiment: "warning",
+						disabled: false
+					}, "uv_1gaaepyo"],
+					[{
+						disabled: true,
+						sentiment: "danger"
+					}, "uv_1gaaepyp"],
+					[{
+						disabled: true,
+						sentiment: "info"
+					}, "uv_1gaaepyq"],
+					[{
+						disabled: true,
+						sentiment: "neutral"
+					}, "uv_1gaaepyr"],
+					[{
+						disabled: true,
+						sentiment: "primary"
+					}, "uv_1gaaepys"],
+					[{
+						disabled: true,
+						sentiment: "secondary"
+					}, "uv_1gaaepyt"],
+					[{
+						disabled: true,
+						sentiment: "success"
+					}, "uv_1gaaepyu"],
+					[{
+						disabled: true,
+						sentiment: "warning"
+					}, "uv_1gaaepyv"],
+					[{
+						isButton: true,
+						sentiment: "danger",
+						disabled: false
+					}, "uv_1gaaepyw"],
+					[{
+						isButton: true,
+						sentiment: "info",
+						disabled: false
+					}, "uv_1gaaepyx"],
+					[{
+						isButton: true,
+						sentiment: "neutral",
+						disabled: false
+					}, "uv_1gaaepyy"],
+					[{
+						isButton: true,
+						sentiment: "primary",
+						disabled: false
+					}, "uv_1gaaepyz"],
+					[{
+						isButton: true,
+						sentiment: "secondary",
+						disabled: false
+					}, "uv_1gaaepy10"],
+					[{
+						isButton: true,
+						sentiment: "success",
+						disabled: false
+					}, "uv_1gaaepy11"],
+					[{
+						isButton: true,
+						sentiment: "warning",
+						disabled: false
+					}, "uv_1gaaepy12"]
+				]
+			}),
+			text: "uv_1gaaepy13",
+			separator: "uv_1gaaepy2",
+			wrapper: {
+				copiable: "uv_1gaaepy0",
+				notCopiable: "uv_1gaaepy1"
+			},
+			content: {
+				copiable: "uv_1gaaepy3",
+				notCopiable: "uv_1gaaepy4"
+			}
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { init_styles_css, tagStyle };

package/dist/components/Badges/Tag/styles.css.ts.vanilla.js

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/components/Badges/Tag/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExE,MAAM,MAAM,QAAQ,GAAG;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,CAAA;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;CAC/C,GAAG,CACA;IACE,QAAQ,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,UAAU,CAAC,EAAE,KAAK,CAAA;CACnB,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CACJ,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/BarStack/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAO9F,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;iCAKwB,EACvB,IAAI,EACJ,KAAK,EACL,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,KAAK,EACL,KAAK,EACL,gBAAgB,EAChB,MAAiB,EACjB,IAAI,GACL,EAAE,aAAa"}

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

@@ -0,0 +1,127 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Layout/Stack/index.js";
+import { Tooltip, init_Tooltip } from "../../Overlay/Tooltip/index.js";
+import { Text, init_Text } from "../../Typography/Text/index.js";
+import { Label, init_Label } from "../../Typography/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";
+
+//#region src/components/Data Display/BarStack/index.tsx
+var BarStack;
+function init_BarStack() {
+	return (init_BarStack = __esmMin(() => {
+		init_Stack();
+		init_Tooltip();
+		init_Label();
+		init_Text();
+		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,
+									onMouseLeave,
+									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
+									})
+								})
+							})
+						}, 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: barStackStyle.legendCircle({ child: index % 6 }) }), /* @__PURE__ */ jsx(Text, {
+							as: "span",
+							sentiment: "neutral",
+							variant: "caption",
+							children: text
+						})]
+					}, id))
+				}) : null]
+			});
+		};
+		BarStack.displayName = "BarStack";
+	}))();
+}
+
+//#endregion
+init_BarStack();
+export { BarStack, init_BarStack };

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/BarStack/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,oBAAc,CAAA;AAsGvC,eAAO,MAAM,aAAa;;;;;YA5DpB,QAAQ;YACR,KAAK;gBAAI,MAAM;;YACf,MAAM;gBACJ,QAAQ;gBACR,MAAM;;YAER,KAAK;gBACH,QAAQ;gBACR,MAAM;;YAER,MAAM;gBACJ,QAAQ;gBACR,MAAM;;;;;;;;;YAsCR,CAAC;gBAAI,eAAe;;YACpB,CAAC;gBAAI,eAAe;;YACpB,CAAC;gBAAI,eAAe;;YACpB,CAAC;gBAAI,eAAe;;YACpB,CAAC;gBAAI,eAAe;;YACpB,CAAC;gBAAI,eAAe;;;;CAazB,CAAA"}

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

@@ -0,0 +1,48 @@
+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/BarStack/styles.css.ts
+var wrapperWidth, barStackStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		wrapperWidth = "var(--uv_11sr5bj0)";
+		barStackStyle = {
+			wrapper: "uv_11sr5bj1",
+			wrapperWidth: "var(--uv_11sr5bj0)",
+			barStack: createRuntimeFn({
+				defaultClassName: "uv_11sr5bj2",
+				variantClassNames: { size: {
+					fontSize: "uv_11sr5bj3 var(--uv_theme_rwwhslcr)",
+					large: "uv_11sr5bj4",
+					medium: "uv_11sr5bj5",
+					small: "uv_11sr5bj6",
+					xsmall: "uv_11sr5bj7"
+				} },
+				defaultVariants: { size: "medium" },
+				compoundVariants: []
+			}),
+			text: "uv_11sr5bj8",
+			container: "uv_11sr5bj9",
+			label: "uv_11sr5bja",
+			legendCircle: createRuntimeFn({
+				defaultClassName: "uv_11sr5bjb",
+				variantClassNames: { child: {
+					"0": "uv_11sr5bjc",
+					"1": "uv_11sr5bjd",
+					"2": "uv_11sr5bje",
+					"3": "uv_11sr5bjf",
+					"4": "uv_11sr5bjg",
+					"5": "uv_11sr5bjh"
+				} },
+				defaultVariants: { child: 0 },
+				compoundVariants: []
+			})
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { barStackStyle, init_styles_css, wrapperWidth };

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/Carousel/Item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGrD,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;qCAC4B,EAAE,QAAQ,EAAE,KAAe,EAAE,KAAK,EAAE,EAAE,iBAAiB"}

package/dist/components/Data Display/Carousel/Item.js

@@ -0,0 +1,25 @@
+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 { carouselStyle, init_styles_css, widthVar } from "./styles.css.js";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Data Display/Carousel/Item.tsx
+var CarouselItem;
+function init_Item() {
+	return (init_Item = __esmMin(() => {
+		init_styles_css();
+		init_objectSpread2();
+		CarouselItem = ({ children, width = "240px", style }) => /* @__PURE__ */ jsx("div", {
+			className: carouselStyle.borderWrapper,
+			draggable: "true",
+			style: _objectSpread2(_objectSpread2({}, assignInlineVars({ [widthVar]: width })), style),
+			children
+		});
+		CarouselItem.displayName = "Carousel.Item";
+	}))();
+}
+
+//#endregion
+init_Item();
+export { CarouselItem, init_Item };

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/Carousel/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AAGrC,KAAK,aAAa,GAAG;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;iCAKwB,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,UAAwB,EAAE,EAAE,aAAa;;;aAqFxF,YAAY"}

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

@@ -0,0 +1,106 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { carouselStyle, init_styles_css } from "./styles.css.js";
+import { CarouselItem, init_Item } from "./Item.js";
+import { useEffect, useRef, useState } from "react";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Data Display/Carousel/index.tsx
+var Carousel;
+function init_Carousel() {
+	return (init_Carousel = __esmMin(() => {
+		init_Item();
+		init_styles_css();
+		Carousel = ({ children, className, "data-testid": dataTestId = "scrollbar" }) => {
+			const scrollRef = useRef(null);
+			let intervalLeft;
+			let intervalRight;
+			const handleScrollRight = () => {
+				intervalRight = setInterval(() => {
+					var _scrollRef$current;
+					var _scrollRef$current2;
+					if (((_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollTo) && ((_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.scrollLeft)) {
+						var _scrollRef$current$sc;
+						var _scrollRef$current3;
+						(_scrollRef$current$sc = (_scrollRef$current3 = scrollRef.current).scrollTo) === null || _scrollRef$current$sc === void 0 || _scrollRef$current$sc.call(_scrollRef$current3, scrollRef.current.scrollLeft - 25, 0);
+					}
+				}, 30);
+			};
+			const handleScrollLeft = () => {
+				intervalLeft = setInterval(() => {
+					var _scrollRef$current4;
+					var _scrollRef$current5;
+					if (((_scrollRef$current4 = scrollRef.current) === null || _scrollRef$current4 === void 0 ? void 0 : _scrollRef$current4.scrollTo) && ((_scrollRef$current5 = scrollRef.current) === null || _scrollRef$current5 === void 0 ? void 0 : _scrollRef$current5.scrollLeft)) scrollRef.current.scrollTo(scrollRef.current.scrollLeft + 25, 0);
+				}, 30);
+			};
+			const handleScrollX = (scrollX = 25) => {
+				var _scrollRef$current6;
+				var _scrollRef$current7;
+				if (((_scrollRef$current6 = scrollRef.current) === null || _scrollRef$current6 === void 0 ? void 0 : _scrollRef$current6.scrollTo) && ((_scrollRef$current7 = scrollRef.current) === null || _scrollRef$current7 === void 0 ? void 0 : _scrollRef$current7.scrollLeft)) {
+					var _scrollRef$current$sc2;
+					var _scrollRef$current8;
+					(_scrollRef$current$sc2 = (_scrollRef$current8 = scrollRef.current).scrollTo) === null || _scrollRef$current$sc2 === void 0 || _scrollRef$current$sc2.call(_scrollRef$current8, scrollRef.current.scrollLeft + scrollX, 0);
+				}
+			};
+			const cleanUp = () => {
+				clearInterval(intervalLeft);
+				clearInterval(intervalRight);
+			};
+			useEffect(() => cleanUp);
+			const [dragStartX, setDragStartX] = useState(0);
+			const [deltaX, setDeltaX] = useState(0);
+			return /* @__PURE__ */ jsxs("div", {
+				className: cn(className, carouselStyle.wrapper),
+				"data-testid": dataTestId,
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: carouselStyle.beforeScroll,
+						"data-testid": `${dataTestId}-before`,
+						onFocus: handleScrollRight,
+						onMouseLeave: () => clearInterval(intervalRight),
+						onMouseOver: handleScrollRight
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: cn(className, carouselStyle.scrollableWrapper),
+						"data-testid": `${dataTestId}-wrapper`,
+						onDrag: () => handleScrollX(deltaX),
+						onDragEnd: () => {
+							setDeltaX(0);
+							setDragStartX(0);
+						},
+						onDragOver: (e) => {
+							setDeltaX(dragStartX - e.pageX);
+							setDragStartX(e.pageX);
+						},
+						onDragStart: (e) => {
+							const blankImg = new Image();
+							blankImg.src = "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==";
+							e.dataTransfer.setDragImage(blankImg, 0, 0);
+							setDragStartX(e.clientX);
+						},
+						onMouseUp: (e) => {
+							e.preventDefault();
+							e.stopPropagation();
+						},
+						ref: scrollRef,
+						children
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: carouselStyle.afterScroll,
+						"data-testid": `${dataTestId}-after`,
+						onFocus: handleScrollLeft,
+						onMouseLeave: () => clearInterval(intervalLeft),
+						onMouseOver: handleScrollLeft
+					})
+				]
+			});
+		};
+		Carousel.displayName = "Carousel";
+		Carousel.Item = CarouselItem;
+	}))();
+}
+
+//#endregion
+init_Carousel();
+export { Carousel, init_Carousel };

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/Carousel/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,oBAAc,CAAA;AAoDnC,eAAO,MAAM,aAAa;;;;;;CAMzB,CAAA"}

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

@@ -0,0 +1,22 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+
+//#region src/components/Data Display/Carousel/styles.css.ts
+var widthVar, carouselStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		widthVar = "var(--uv_1n1m0ob0)";
+		carouselStyle = {
+			wrapper: "uv_1n1m0ob1",
+			beforeScroll: "uv_1n1m0ob2",
+			scrollableWrapper: "uv_1n1m0ob3",
+			afterScroll: "uv_1n1m0ob4",
+			borderWrapper: "uv_1n1m0ob5"
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { carouselStyle, init_styles_css, widthVar };

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/Data Display/Chart/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,iFAMzB,oBAAoB,gCAmBtB,CAAA"}