@ultraviolet/ui 3.12.3 → 3.13.0

package/dist/components/FileInput/components/List.js

@@ -25,8 +25,10 @@ var init_List = __esmMin(() => {
 	init_helpers();
 	init_styles_css();
 	getIllustration = (type, file, error, loading) => {
+		const state = error ? "error" : "default";
+		const sentiment = error ? "danger" : "primary";
 		if (loading) return /* @__PURE__ */ jsx("div", {
-			className: fileInputStyle.fileViewerImage[error ? "error" : "default"],
+			className: fileInputStyle.fileViewerImage[state],
 			children: /* @__PURE__ */ jsx(Loader, {
 				active: true,
 				sentiment: "primary",
@@ -34,16 +36,16 @@ var init_List = __esmMin(() => {
 			})
 		});
 		if (type === "audio") return /* @__PURE__ */ jsx("div", {
-			className: fileInputStyle.fileViewerImage[error ? "error" : "default"],
+			className: fileInputStyle.fileViewerImage[state],
 			children: /* @__PURE__ */ jsx(AudioIcon, {
-				sentiment: error ? "danger" : "primary",
+				sentiment,
 				size: "medium"
 			})
 		});
 		if (type === "video") return /* @__PURE__ */ jsx("div", {
-			className: fileInputStyle.fileViewerImage[error ? "error" : "default"],
+			className: fileInputStyle.fileViewerImage[state],
 			children: /* @__PURE__ */ jsx(VideoIcon, {
-				sentiment: error ? "danger" : "primary",
+				sentiment,
 				size: "medium"
 			})
 		});
@@ -55,16 +57,16 @@ var init_List = __esmMin(() => {
 			width: "auto"
 		});
 		if (type === "image" && error) return /* @__PURE__ */ jsx("div", {
-			className: fileInputStyle.fileViewerImage[error ? "error" : "default"],
+			className: fileInputStyle.fileViewerImage[state],
 			children: /* @__PURE__ */ jsx(ImageIcon, {
-				sentiment: error ? "danger" : "primary",
+				sentiment,
 				size: "medium"
 			})
 		});
 		return /* @__PURE__ */ jsx("div", {
-			className: fileInputStyle.fileViewerImage[error ? "error" : "default"],
+			className: fileInputStyle.fileViewerImage[state],
 			children: /* @__PURE__ */ jsx(DocIcon, {
-				sentiment: error ? "danger" : "primary",
+				sentiment,
 				size: "medium"
 			})
 		});

package/dist/components/FileInput/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,eAAO,MAAM,eAAe,gCACwC,CAAA;AAEpE,eAAO,MAAM,cAAc,2BAoB1B,CAAA;AAED,eAAO,MAAM,cAAc,4DA0B1B,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,eAAO,MAAM,eAAe,gCAEwC,CAAA;AAEpE,eAAO,MAAM,cAAc,2BAoB1B,CAAA;AAED,eAAO,MAAM,cAAc,4DA0B1B,CAAA"}

package/dist/components/FileInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,SAAS,CAAA;AAmTxD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGpB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,SAAS,CAAA;AAiRxD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGpB,CAAA"}

package/dist/components/FileInput/index.js

@@ -8,9 +8,9 @@ import { FileInputButton, init_Button } from "./components/Button.js";
 import { fileIsAccepted, init_helpers } from "./helpers.js";
 import { fileInputStyle, init_styles_css } from "./styles.css.js";
 import { ListFiles, init_List } from "./components/List.js";
+import { DropzoneContent, init_DropzoneContent } from "./DropzoneContent.js";
 import { useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { UploadIcon } from "@ultraviolet/icons/UploadIcon";
 
 //#region src/components/FileInput/index.tsx
 var FileInputBase, FileInput;
@@ -20,6 +20,7 @@ var init_FileInput = __esmMin(() => {
 	init_Text();
 	init_Button();
 	init_List();
+	init_DropzoneContent();
 	init_FileInputProvider();
 	init_helpers();
 	init_styles_css();
@@ -78,6 +79,12 @@ var init_FileInput = __esmMin(() => {
 			event.preventDefault();
 			if (!disabled) addFiles(event.target.files);
 		};
+		const onDropComputed = (event) => {
+			if (!disabled) {
+				onDrop === null || onDrop === void 0 || onDrop(event);
+				manageDrop(event);
+			}
+		};
 		const computedChildren = typeof children === "function" ? children(inputId, inputRef) : children;
 		const computedError = error && typeof error === "string" ? /* @__PURE__ */ jsx(Text, {
 			as: "p",
@@ -85,6 +92,27 @@ var init_FileInput = __esmMin(() => {
 			variant: "bodySmall",
 			children: error
 		}) : null;
+		const input = /* @__PURE__ */ jsx("input", {
+			accept,
+			className: fileInputStyle.fileInput,
+			"data-testid": dataTestid,
+			disabled,
+			id: inputId,
+			multiple,
+			name: label !== null && label !== void 0 ? label : ariaLabel,
+			onChange,
+			ref: inputRef,
+			required,
+			type: "file"
+		});
+		const bottomComputed = bottom ? /* @__PURE__ */ jsx(Text, {
+			as: "div",
+			disabled,
+			prominence: "weak",
+			sentiment: "neutral",
+			variant: "caption",
+			children: bottom
+		}) : null;
 		const value = useMemo(() => ({
 			disabled,
 			error: !!error,
@@ -108,28 +136,12 @@ var init_FileInput = __esmMin(() => {
 						className,
 						"data-testid": "drag-container",
 						onDragOver,
-						children: [/* @__PURE__ */ jsx("input", {
-							accept,
-							className: fileInputStyle.fileInput,
-							"data-testid": dataTestid,
-							id: inputId,
-							multiple,
-							name: label !== null && label !== void 0 ? label : ariaLabel,
-							onChange,
-							ref: inputRef,
-							required,
-							type: "file"
-						}), /* @__PURE__ */ jsxs("div", {
+						children: [input, /* @__PURE__ */ jsxs("div", {
 							className: fileInputStyle.overlayWrapper,
 							children: [computedChildren, /* @__PURE__ */ jsx("div", {
 								className: disabled ? fileInputStyle.dropzoneOverlayDisabled[dragState] : fileInputStyle.dropzoneOverlay[dragState],
 								onDragOver: (event) => event.preventDefault(),
-								onDrop: (event) => {
-									if (!disabled) {
-										onDrop === null || onDrop === void 0 || onDrop(event);
-										manageDrop(event);
-									}
-								},
+								onDrop: onDropComputed,
 								style,
 								children: title && typeof title !== "function" && dragState !== "default" ? /* @__PURE__ */ jsx(Text, {
 									as: "div",
@@ -141,14 +153,7 @@ var init_FileInput = __esmMin(() => {
 							})]
 						})]
 					}),
-					bottom ? /* @__PURE__ */ jsx(Text, {
-						as: "div",
-						disabled,
-						prominence: "weak",
-						sentiment: "neutral",
-						variant: "caption",
-						children: bottom
-					}) : null,
+					bottomComputed,
 					computedError
 				]
 			})
@@ -188,40 +193,16 @@ var init_FileInput = __esmMin(() => {
 									gap: isSmall ? 1 : 2,
 									justifyContent: "center",
 									onDragOver,
-									onDrop: (event) => {
-										if (!disabled) {
-											onDrop === null || onDrop === void 0 || onDrop(event);
-											manageDrop(event);
-										}
-									},
+									onDrop: onDropComputed,
 									style,
 									children: [
-										disabled ? null : /* @__PURE__ */ jsx("input", {
-											accept,
-											className: fileInputStyle.fileInput,
-											"data-testid": dataTestid,
-											disabled,
-											id: inputId,
-											name: label !== null && label !== void 0 ? label : ariaLabel,
-											onChange,
-											ref: inputRef,
-											required,
-											type: "file"
-										}),
-										/* @__PURE__ */ jsx(UploadIcon, {
-											disabled,
-											sentiment: isSmall ? "neutral" : "primary",
-											size: isSmall ? "small" : "xlarge"
-										}),
-										/* @__PURE__ */ jsx(Text, {
-											as: isSmall ? "label" : "div",
-											className: isSmall ? fileInputStyle.titleSmall[disabled ? "disabled" : "default"] : void 0,
+										disabled ? null : input,
+										/* @__PURE__ */ jsx(DropzoneContent, {
 											disabled,
-											htmlFor: inputId,
-											placement: "left",
-											sentiment: "neutral",
-											variant: isSmall ? "bodySmallStrong" : "headingSmallStrong",
-											children: typeof title === "function" ? title(inputId, inputRef) : title
+											inputId,
+											inputRef,
+											isSmall,
+											title
 										}),
 										computedChildren
 									]
@@ -237,14 +218,7 @@ var init_FileInput = __esmMin(() => {
 						]
 					}),
 					computedError,
-					bottom ? /* @__PURE__ */ jsx(Text, {
-						as: "div",
-						disabled,
-						prominence: "weak",
-						sentiment: "neutral",
-						variant: "caption",
-						children: bottom
-					}) : null
+					bottomComputed
 				]
 			})
 		});

package/dist/components/InfiniteScroll/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.120.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import { Loader, init_Loader } from "../Loader/index.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/Label/LabelContent.d.ts

@@ -0,0 +1,3 @@
+import type { LabelProps } from './type';
+export declare const LabelRequiredOrNot: ({ children, required, id, size, htmlFor, as, sentiment, disabled, style, className, }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LabelContent.d.ts.map

package/dist/components/Label/LabelContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelContent.d.ts","sourceRoot":"","sources":["../../../src/components/Label/LabelContent.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAExC,eAAO,MAAM,kBAAkB,gJAuE9B,CAAA"}

package/dist/components/Label/LabelContent.js

@@ -0,0 +1,61 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../Stack/index.js";
+import { Text, init_Text } from "../Text/index.js";
+import { init_styles_css, labelStyle } from "./styles.css.js";
+import { useMemo } from "react";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Label/LabelContent.tsx
+var LabelRequiredOrNot;
+var init_LabelContent = __esmMin(() => {
+	init_Stack();
+	init_Text();
+	init_styles_css();
+	LabelRequiredOrNot = ({ children, required, id, size, htmlFor, as, sentiment, disabled, style, className }) => {
+		const textPointerValue = useMemo(() => {
+			if (disabled) return "disabled";
+			if (htmlFor) return "htmlFor";
+			return "default";
+		}, [disabled, htmlFor]);
+		if (required) return /* @__PURE__ */ jsxs(Stack, {
+			alignItems: "flex-start",
+			className,
+			direction: "row",
+			gap: "0.5",
+			style,
+			children: [/* @__PURE__ */ jsx(Text, {
+				as: as === "label" ? "label" : "legend",
+				className: labelStyle.textPointer[textPointerValue],
+				disabled,
+				htmlFor,
+				id,
+				sentiment,
+				variant: size === "large" ? "bodyStrong" : "bodySmallStrong",
+				children
+			}), /* @__PURE__ */ jsx(Text, {
+				"aria-label": "required",
+				as: "span",
+				disabled,
+				sentiment: "danger",
+				variant: size === "large" ? "bodyStrong" : "bodySmallStrong",
+				children: "*"
+			})]
+		});
+		return /* @__PURE__ */ jsx(Text, {
+			as: as === "label" ? "label" : "legend",
+			className: cn(labelStyle.textPointer[textPointerValue], className),
+			disabled,
+			htmlFor,
+			id,
+			sentiment,
+			style,
+			variant: size === "large" ? "bodyStrong" : "bodySmallStrong",
+			children
+		});
+	};
+});
+
+//#endregion
+init_LabelContent();
+export { LabelRequiredOrNot, init_LabelContent };

package/dist/components/Label/index.d.ts

@@ -1,24 +1,6 @@
-import { Text } from '../Text';
-import type { ComponentProps, CSSProperties, ReactNode } from 'react';
-type LabelProps = {
-    /**
-     * As can help you to define a label or a legend in case you are using it inside a fieldset
-     */
-    as?: 'label' | 'legend';
-    children?: string;
-    labelDescription?: ReactNode;
-    required?: boolean;
-    size?: 'small' | 'medium' | 'large';
-    htmlFor?: string;
-    id?: string;
-    sentiment?: ComponentProps<typeof Text>['sentiment'];
-    disabled?: boolean;
-    style?: CSSProperties;
-    className?: string;
-};
+import type { LabelProps } from './type';
 /**
  * Label is used inside all of our input components, but it can be used outside for design purposes
  */
 export declare const Label: ({ as, children, labelDescription, required, size, htmlFor, id, sentiment, disabled, style, className, }: LabelProps) => import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Label/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Label/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAI9B,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AA2ErE,KAAK,UAAU,GAAG;IAChB;;OAEG;IACH,EAAE,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,WAAW,CAAC,CAAA;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,kKAiDf,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Label/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAExC;;GAEG;AACH,eAAO,MAAM,KAAK,kKAiDf,CAAA"}

package/dist/components/Label/index.js

@@ -2,59 +2,15 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack, init_Stack } from "../Stack/index.js";
 import { Text, init_Text } from "../Text/index.js";
-import { init_styles_css, labelStyle } from "./styles.css.js";
-import { useMemo } from "react";
-import { cn } from "@ultraviolet/utils";
+import { LabelRequiredOrNot, init_LabelContent } from "./LabelContent.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Label/index.tsx
-var LabelRequiredOrNot, Label;
+var Label;
 var init_Label = __esmMin(() => {
 	init_Stack();
 	init_Text();
-	init_styles_css();
-	LabelRequiredOrNot = ({ children, required, id, size, htmlFor, as, sentiment, disabled, style, className }) => {
-		const textPointerValue = useMemo(() => {
-			if (disabled) return "disabled";
-			if (htmlFor) return "htmlFor";
-			return "default";
-		}, [disabled, htmlFor]);
-		if (required) return /* @__PURE__ */ jsxs(Stack, {
-			alignItems: "flex-start",
-			className,
-			direction: "row",
-			gap: "0.5",
-			style,
-			children: [/* @__PURE__ */ jsx(Text, {
-				as: as === "label" ? "label" : "legend",
-				className: labelStyle.textPointer[textPointerValue],
-				disabled,
-				htmlFor,
-				id,
-				sentiment,
-				variant: size === "large" ? "bodyStrong" : "bodySmallStrong",
-				children
-			}), /* @__PURE__ */ jsx(Text, {
-				"aria-label": "required",
-				as: "span",
-				disabled,
-				sentiment: "danger",
-				variant: size === "large" ? "bodyStrong" : "bodySmallStrong",
-				children: "*"
-			})]
-		});
-		return /* @__PURE__ */ jsx(Text, {
-			as: as === "label" ? "label" : "legend",
-			className: cn(labelStyle.textPointer[textPointerValue], className),
-			disabled,
-			htmlFor,
-			id,
-			sentiment,
-			style,
-			variant: size === "large" ? "bodyStrong" : "bodySmallStrong",
-			children
-		});
-	};
+	init_LabelContent();
 	Label = ({ as = "label", children, labelDescription, required, size = "large", htmlFor, id, sentiment = "neutral", disabled, style, className }) => labelDescription ? /* @__PURE__ */ jsxs(Stack, {
 		alignItems: "center",
 		className,

package/dist/components/Label/type.d.ts

@@ -0,0 +1,19 @@
+import type { Text } from '../Text';
+import type { ComponentProps, CSSProperties, ReactNode } from 'react';
+export type LabelProps = {
+    /**
+     * As can help you to define a label or a legend in case you are using it inside a fieldset
+     */
+    as?: 'label' | 'legend';
+    children?: string;
+    labelDescription?: ReactNode;
+    required?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    htmlFor?: string;
+    id?: string;
+    sentiment?: ComponentProps<typeof Text>['sentiment'];
+    disabled?: boolean;
+    style?: CSSProperties;
+    className?: string;
+};
+//# sourceMappingURL=type.d.ts.map

package/dist/components/Label/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/Label/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,EAAE,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,WAAW,CAAC,CAAA;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA"}

package/dist/components/LineChart/CustomLegend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomLegend.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/CustomLegend.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAmBvC,KAAK,WAAW,GAAG,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAA;AAIhD,KAAK,iBAAiB,GAAG;IACvB,eAAe,CAAC,EAAE,WAAW,CAAA;IAC7B,IAAI,CAAC,EAAE,KAAK,EAAE,CAAA;IACd,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,YAAY,yJA8ExB,CAAA"}
+{"version":3,"file":"CustomLegend.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/CustomLegend.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEvC,KAAK,WAAW,GAAG,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAA;AAIhD,KAAK,iBAAiB,GAAG;IACvB,eAAe,CAAC,EAAE,WAAW,CAAA;IAC7B,IAAI,CAAC,EAAE,KAAK,EAAE,CAAA;IACd,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,YAAY,yJAgFxB,CAAA"}

package/dist/components/LineChart/CustomLegend.js

@@ -5,26 +5,21 @@ import { Checkbox, init_Checkbox } from "../Checkbox/index.js";
 import { getLegendColor, init_legend } from "../../helpers/legend.js";
 import { getAverage, getCurrent, getMax, getMin, getSelected, init_helpers } from "./helpers.js";
 import { backgroundColorLegend, init_styles_css, lineChartStyle } from "./styles.css.js";
+import { Cell, init_LegendCell } from "./LegendCell.js";
 import { theme } from "@ultraviolet/themes";
 import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/LineChart/CustomLegend.tsx
-var Cell, noop, CustomLegend;
+var noop, CustomLegend;
 var init_CustomLegend = __esmMin(() => {
 	init_legend();
 	init_Checkbox();
 	init_Text();
 	init_helpers();
+	init_LegendCell();
 	init_styles_css();
-	Cell = ({ value, variant }) => /* @__PURE__ */ jsx(Text, {
-		as: "span",
-		className: cn(lineChartStyle.textLegend, lineChartStyle.headTitle),
-		sentiment: "neutral",
-		variant,
-		children: value
-	});
 	noop = (value) => value.toString();
 	CustomLegend = ({ axisTransformer = noop, data, selected, setSelected, className, "data-testid": dataTestId }) => /* @__PURE__ */ jsxs("div", {
 		className: cn(className, lineChartStyle.container),
@@ -56,7 +51,7 @@ var init_CustomLegend = __esmMin(() => {
 		}), /* @__PURE__ */ jsx("div", {
 			className: lineChartStyle.body,
 			children: data === null || data === void 0 ? void 0 : data.map((row, index) => {
-				const values = row.data.map((val) => val.y);
+				const values = row.data.map((val) => val.y).filter((val) => typeof val === "number");
 				const labelIndexed = `${row.id}${index}`;
 				const id = row.id.toString();
 				return /* @__PURE__ */ jsxs("div", {

package/dist/components/LineChart/LegendCell.d.ts

@@ -0,0 +1,10 @@
+import { Text } from '../Text';
+import type { DatumValue } from '@nivo/core';
+import type { ComponentProps } from 'react';
+type CellProps = {
+    value?: DatumValue;
+    variant: ComponentProps<typeof Text>['variant'];
+};
+export declare const Cell: ({ value, variant }: CellProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LegendCell.d.ts.map

package/dist/components/LineChart/LegendCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegendCell.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/LegendCell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAI9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,KAAK,SAAS,GAAG;IACf,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,OAAO,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,SAAS,CAAC,CAAA;CAChD,CAAA;AAED,eAAO,MAAM,IAAI,4EAShB,CAAA"}

package/dist/components/LineChart/LegendCell.js

@@ -0,0 +1,23 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../Text/index.js";
+import { init_styles_css, lineChartStyle } from "./styles.css.js";
+import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/LineChart/LegendCell.tsx
+var Cell;
+var init_LegendCell = __esmMin(() => {
+	init_Text();
+	init_styles_css();
+	Cell = ({ value, variant }) => /* @__PURE__ */ jsx(Text, {
+		as: "span",
+		className: cn(lineChartStyle.textLegend, lineChartStyle.headTitle),
+		sentiment: "neutral",
+		variant,
+		children: value === null || value === void 0 ? void 0 : value.toString()
+	});
+});
+
+//#endregion
+init_LegendCell();
+export { Cell, init_LegendCell };

package/dist/components/LineChart/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.120.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import { getLegendColor, init_legend } from "../../helpers/legend.js";
 import { getNivoTheme, init_nivoTheme } from "../../helpers/nivoTheme.js";
 import { getMaxChartValue, getMinChartValue, init_helpers } from "./helpers.js";

package/dist/components/List/Cell.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.120.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import { init_ColumnProvider, useColumnProvider } from "./ColumnProvider.js";
 import { init_ListContext, useListContext } from "./ListContext.js";
 import { init_styles_css, listStyle } from "./styles.css.js";

package/dist/components/List/ExpandButtonCell.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export declare const ExpandButtonCell: ({ disabled, expandable, toggleRowExpand, sentiment, id, }: {
+    disabled?: boolean | undefined;
+    expandable?: ReactNode;
+    toggleRowExpand: () => void;
+    sentiment: "danger" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning";
+    id: string;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ExpandButtonCell.d.ts.map

package/dist/components/List/ExpandButtonCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandButtonCell.d.ts","sourceRoot":"","sources":["../../../src/components/List/ExpandButtonCell.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,eAAO,MAAM,gBAAgB;;;;;;oDAiC5B,CAAA"}

package/dist/components/List/ExpandButtonCell.js

@@ -0,0 +1,44 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Button, init_Button } from "../Button/index.js";
+import { ColumnProvider, init_ColumnProvider } from "./ColumnProvider.js";
+import { init_ListContext, useListContext } from "./ListContext.js";
+import { init_styles_css, listStyle } from "./styles.css.js";
+import { Cell, init_Cell } from "./Cell.js";
+import { theme } from "@ultraviolet/themes";
+import { jsx } from "react/jsx-runtime";
+import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
+import { ArrowUpIcon } from "@ultraviolet/icons/ArrowUpIcon";
+
+//#region src/components/List/ExpandButtonCell.tsx
+var ExpandButtonCell;
+var init_ExpandButtonCell = __esmMin(() => {
+	init_Button();
+	init_Cell();
+	init_ColumnProvider();
+	init_ListContext();
+	init_styles_css();
+	ExpandButtonCell = ({ disabled, expandable, toggleRowExpand, sentiment, id }) => {
+		const { expandedRowIds, expandButton } = useListContext();
+		return expandButton ? /* @__PURE__ */ jsx(ColumnProvider, {
+			width: theme.sizing[400],
+			children: /* @__PURE__ */ jsx(Cell, {
+				className: listStyle.noPaddingCell,
+				children: /* @__PURE__ */ jsx(Button, {
+					"aria-label": "expand",
+					className: listStyle.expandableButton,
+					"data-testid": "list-expand-button",
+					disabled: disabled || !expandable,
+					onClick: () => toggleRowExpand(),
+					sentiment,
+					size: "small",
+					variant: "ghost",
+					children: expandedRowIds[id] ? /* @__PURE__ */ jsx(ArrowUpIcon, {}) : /* @__PURE__ */ jsx(ArrowDownIcon, {})
+				})
+			})
+		}) : null;
+	};
+});
+
+//#endregion
+init_ExpandButtonCell();
+export { ExpandButtonCell, init_ExpandButtonCell };

package/dist/components/List/HeaderCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderCell.d.ts","sourceRoot":"","sources":["../../../src/components/List/HeaderCell.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAStC,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,cAAc,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;IACxC,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAA;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,UAAU,6JAiEtB,CAAA"}
+{"version":3,"file":"HeaderCell.d.ts","sourceRoot":"","sources":["../../../src/components/List/HeaderCell.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,cAAc,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;IACxC,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAA;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,UAAU,6JAiEtB,CAAA"}

package/dist/components/List/HeaderCell.js

@@ -4,24 +4,20 @@ import { Stack, init_Stack } from "../Stack/index.js";
 import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
 import { init_styles_css, listStyle } from "./styles.css.js";
 import { init_variables_css, maxWidthHeaderCell, minWidthHeaderCell, widthHeaderCell } from "./variables.css.js";
+import { SortIcon, init_SortIcon } from "./SortIcon.js";
 import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIcon";
-import { SortIcon } from "@ultraviolet/icons/SortIcon";
-import { SouthShortIcon } from "@ultraviolet/icons/SouthShortIcon";
 
 //#region src/components/List/HeaderCell.tsx
-var SortIcon$1, HeaderCell;
+var HeaderCell;
 var init_HeaderCell = __esmMin(() => {
 	init_Stack();
 	init_Tooltip();
+	init_SortIcon();
 	init_styles_css();
 	init_variables_css();
-	SortIcon$1 = /* @__PURE__ */ __name(({ order }) => order ? /* @__PURE__ */ jsx(SouthShortIcon, {
-		className: listStyle.sortIcon[order],
-		sentiment: "primary"
-	}) : /* @__PURE__ */ jsx(SortIcon, { sentiment: "neutral" }), "SortIcon");
 	HeaderCell = ({ children, isOrdered, orderDirection, onOrder, className, info, width, minWidth, maxWidth }) => {
 		let order;
 		if (isOrdered && orderDirection === "asc") order = "ascending";
@@ -58,7 +54,7 @@ var init_HeaderCell = __esmMin(() => {
 							size: "small"
 						})
 					}) : null,
-					orderDirection !== void 0 && isOrdered !== void 0 ? /* @__PURE__ */ jsx(SortIcon$1, { order }) : null
+					orderDirection !== void 0 && isOrdered !== void 0 ? /* @__PURE__ */ jsx(SortIcon, { order }) : null
 				]
 			})
 		});