@ultraviolet/ui 3.8.2 → 3.10.0

package/dist/components/Key/index.js

@@ -1,62 +1,47 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
-import { useMemo } from "react";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Text } from "../Text/index.js";
 import { KEYS_MATCH } from "./constants.js";
 import { key } from "./styles.css.js";
-const Key = ({
-  children,
-  prominence = "default",
-  disabled,
-  size = "medium",
-  sentiment = "neutral",
-  id,
-  className,
-  "data-testid": dataTestId,
-  style
-}) => {
-  const specialKey = useMemo(
-    () => Object.keys(KEYS_MATCH).find((key2) => key2 === children.toLowerCase()),
-    [children]
-  );
-  const textProminence = useMemo(() => {
-    if (prominence === "default") {
-      return "default";
-    }
-    if (sentiment === "primary") {
-      return "strong";
-    }
-    return "stronger";
-  }, [sentiment, prominence]);
-  return /* @__PURE__ */ jsx(
-    "kbd",
-    {
-      className: cn(
-        className,
-        key({ disabled, prominence, sentiment, size })
-      ),
-      "data-disabled": disabled,
-      "data-prominence": prominence,
-      "data-sentiment": sentiment,
-      "data-size": size,
-      "data-testid": dataTestId,
-      id,
-      style,
-      children: /* @__PURE__ */ jsx(
-        Text,
-        {
-          as: "span",
-          disabled,
-          prominence: textProminence,
-          sentiment,
-          variant: size === "medium" ? "caption" : "captionSmall",
-          children: specialKey ? KEYS_MATCH[specialKey] : children
-        }
-      )
-    }
-  );
-};
-export {
-  Key
+import { cn } from "@ultraviolet/utils";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Key/index.tsx
+/**
+* Key is a visual component used to display keyboard shortcuts.
+*/
+const Key = ({ children, prominence = "default", disabled, size = "medium", sentiment = "neutral", id, className, "data-testid": dataTestId, style }) => {
+	const specialKey = useMemo(() => Object.keys(KEYS_MATCH).find((key) => key === children.toLowerCase()), [children]);
+	const textProminence = useMemo(() => {
+		if (prominence === "default") return "default";
+		if (sentiment === "primary") return "strong";
+		return "stronger";
+	}, [sentiment, prominence]);
+	return /* @__PURE__ */ jsx("kbd", {
+		className: cn(className, key({
+			disabled,
+			prominence,
+			sentiment,
+			size
+		})),
+		"data-disabled": disabled,
+		"data-prominence": prominence,
+		"data-sentiment": sentiment,
+		"data-size": size,
+		"data-testid": dataTestId,
+		id,
+		style,
+		children: /* @__PURE__ */ jsx(Text, {
+			as: "span",
+			disabled,
+			prominence: textProminence,
+			sentiment,
+			variant: size === "medium" ? "caption" : "captionSmall",
+			children: specialKey ? KEYS_MATCH[specialKey] : children
+		})
+	});
 };
+
+//#endregion
+export { Key };

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

@@ -1,6 +1,59 @@
-/* empty css                          */
+/* empty css                      */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var key = createRuntimeFn({ defaultClassName: "uv_1g4bp0q0", variantClassNames: { disabled: { true: "uv_1g4bp0q1" }, prominence: { "default": "uv_1g4bp0q2", strong: "uv_1g4bp0q3" }, sentiment: { neutral: "uv_1g4bp0q4", primary: "uv_1g4bp0q5" }, size: { medium: "uv_1g4bp0q6", small: "uv_1g4bp0q7" } }, defaultVariants: { disabled: false, prominence: "default", sentiment: "neutral", size: "medium" }, compoundVariants: [[{ prominence: "strong", sentiment: "neutral" }, "uv_1g4bp0q8"], [{ disabled: true, prominence: "strong", sentiment: "neutral" }, "uv_1g4bp0q9"], [{ disabled: true, sentiment: "neutral" }, "uv_1g4bp0qa"], [{ prominence: "strong", sentiment: "primary" }, "uv_1g4bp0qb"], [{ disabled: true, prominence: "strong", sentiment: "primary" }, "uv_1g4bp0qc"], [{ disabled: true, sentiment: "primary" }, "uv_1g4bp0qd"]] });
-export {
-  key
-};
+
+//#region src/components/Key/styles.css.ts
+var key = createRuntimeFn({
+	defaultClassName: "uv_1g4bp0q0",
+	variantClassNames: {
+		disabled: { true: "uv_1g4bp0q1" },
+		prominence: {
+			"default": "uv_1g4bp0q2",
+			strong: "uv_1g4bp0q3"
+		},
+		sentiment: {
+			neutral: "uv_1g4bp0q4",
+			primary: "uv_1g4bp0q5"
+		},
+		size: {
+			medium: "uv_1g4bp0q6",
+			small: "uv_1g4bp0q7"
+		}
+	},
+	defaultVariants: {
+		disabled: false,
+		prominence: "default",
+		sentiment: "neutral",
+		size: "medium"
+	},
+	compoundVariants: [
+		[{
+			prominence: "strong",
+			sentiment: "neutral"
+		}, "uv_1g4bp0q8"],
+		[{
+			disabled: true,
+			prominence: "strong",
+			sentiment: "neutral"
+		}, "uv_1g4bp0q9"],
+		[{
+			disabled: true,
+			sentiment: "neutral"
+		}, "uv_1g4bp0qa"],
+		[{
+			prominence: "strong",
+			sentiment: "primary"
+		}, "uv_1g4bp0qb"],
+		[{
+			disabled: true,
+			prominence: "strong",
+			sentiment: "primary"
+		}, "uv_1g4bp0qc"],
+		[{
+			disabled: true,
+			sentiment: "primary"
+		}, "uv_1g4bp0qd"]
+	]
+});
+
+//#endregion
+export { key };

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":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGrE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AA4E9B,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,GAAI,yGAYnB,UAAU,4CAqCV,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Label/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGrE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AA4E9B,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"}

package/dist/components/Label/index.js

@@ -1,127 +1,90 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
-import { useMemo } from "react";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
 import { textPointer } from "./styles.css.js";
-const 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: 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(textPointer[textPointerValue], className),
-      disabled,
-      htmlFor,
-      id,
-      sentiment,
-      style,
-      variant: size === "large" ? "bodyStrong" : "bodySmallStrong",
-      children
-    }
-  );
-};
-const Label = ({
-  as = "label",
-  children,
-  labelDescription,
-  required,
-  size = "large",
-  htmlFor,
-  id,
-  sentiment = "neutral",
-  disabled,
-  style,
-  className
-}) => labelDescription ? /* @__PURE__ */ jsxs(Stack, { alignItems: "center", className, direction: "row", gap: "1", children: [
-  /* @__PURE__ */ jsx(
-    LabelRequiredOrNot,
-    {
-      as,
-      disabled,
-      htmlFor,
-      id,
-      required,
-      sentiment,
-      size,
-      style,
-      children
-    }
-  ),
-  typeof labelDescription === "string" ? /* @__PURE__ */ jsx(Text, { as: "span", variant: "bodySmall", children: labelDescription }) : labelDescription
-] }) : /* @__PURE__ */ jsx(
-  LabelRequiredOrNot,
-  {
-    as,
-    className,
-    disabled,
-    htmlFor,
-    id,
-    required,
-    sentiment,
-    size,
-    style,
-    children
-  }
-);
-export {
-  Label
+import { cn } from "@ultraviolet/utils";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Label/index.tsx
+const 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: 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(textPointer[textPointerValue], className),
+		disabled,
+		htmlFor,
+		id,
+		sentiment,
+		style,
+		variant: size === "large" ? "bodyStrong" : "bodySmallStrong",
+		children
+	});
 };
+/**
+* Label is used inside all of our input components, but it can be used outside for design purposes
+*/
+const Label = ({ as = "label", children, labelDescription, required, size = "large", htmlFor, id, sentiment = "neutral", disabled, style, className }) => labelDescription ? /* @__PURE__ */ jsxs(Stack, {
+	alignItems: "center",
+	className,
+	direction: "row",
+	gap: "1",
+	children: [/* @__PURE__ */ jsx(LabelRequiredOrNot, {
+		as,
+		disabled,
+		htmlFor,
+		id,
+		required,
+		sentiment,
+		size,
+		style,
+		children
+	}), typeof labelDescription === "string" ? /* @__PURE__ */ jsx(Text, {
+		as: "span",
+		variant: "bodySmall",
+		children: labelDescription
+	}) : labelDescription]
+}) : /* @__PURE__ */ jsx(LabelRequiredOrNot, {
+	as,
+	className,
+	disabled,
+	htmlFor,
+	id,
+	required,
+	sentiment,
+	size,
+	style,
+	children
+});
+
+//#endregion
+export { Label };

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

@@ -1,5 +1,11 @@
-/* empty css                          */
-var textPointer = { "default": "uv_17td3g90", disabled: "uv_17td3g91", htmlFor: "uv_17td3g92" };
-export {
-  textPointer
+/* empty css                      */
+
+//#region src/components/Label/styles.css.ts
+var textPointer = {
+	"default": "uv_17td3g90",
+	disabled: "uv_17td3g91",
+	htmlFor: "uv_17td3g92"
 };
+
+//#endregion
+export { textPointer };

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

@@ -9,6 +9,6 @@ type CustomLegendProps = {
     className?: string;
     'data-testid'?: string;
 };
-export declare const CustomLegend: ({ axisTransformer, data, selected, setSelected, className, "data-testid": dataTestId, }: CustomLegendProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomLegend: ({ axisTransformer, data, selected, setSelected, className, 'data-testid': dataTestId, }: CustomLegendProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=CustomLegend.d.ts.map

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":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAuCvC,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,GAAI,yFAO1B,iBAAiB,4CA2DnB,CAAA"}
+{"version":3,"file":"CustomLegend.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/CustomLegend.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAuCvC,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,yJAkExB,CAAA"}

package/dist/components/LineChart/CustomLegend.js

@@ -1,91 +1,102 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { theme } from "@ultraviolet/themes";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { Text } from "../Text/index.js";
+import { Checkbox } from "../Checkbox/index.js";
+import { getLegendColor } from "../../helpers/legend.js";
+import { getAverage, getCurrent, getMax, getMin, getSelected } from "./helpers.js";
+import { backgroundColorLegend, cellValueContainer, container, lineChartBody, lineChartHead, lineChartHeadTitle, lineChartLegend, lineChartRow, lineChartRowContent, longContainer, textLegend } from "./styles.css.js";
 import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
-import { getLegendColor } from "../../helpers/legend.js";
-import { Checkbox } from "../Checkbox/index.js";
-import { Text } from "../Text/index.js";
-import { getSelected, getMin, getMax, getAverage, getCurrent } from "./helpers.js";
-import { lineChartHead, longContainer, lineChartHeadTitle, lineChartBody, lineChartRow, cellValueContainer, lineChartLegend, backgroundColorLegend, lineChartRowContent, container, textLegend } from "./styles.css.js";
-const Cell = ({ value, variant }) => /* @__PURE__ */ jsx(
-  Text,
-  {
-    as: "span",
-    className: cn(textLegend, lineChartHeadTitle),
-    sentiment: "neutral",
-    variant,
-    children: value
-  }
-);
+import { jsx, jsxs } from "react/jsx-runtime";
+import { theme } from "@ultraviolet/themes";
+
+//#region src/components/LineChart/CustomLegend.tsx
+const Cell = ({ value, variant }) => /* @__PURE__ */ jsx(Text, {
+	as: "span",
+	className: cn(textLegend, lineChartHeadTitle),
+	sentiment: "neutral",
+	variant,
+	children: value
+});
 const noop = (value) => value.toString();
-const CustomLegend = ({
-  axisTransformer = noop,
-  data,
-  selected,
-  setSelected,
-  className,
-  "data-testid": dataTestId
-}) => /* @__PURE__ */ jsxs("div", { className: cn(className, container), "data-testid": dataTestId, children: [
-  /* @__PURE__ */ jsxs("div", { className: lineChartHead, children: [
-    /* @__PURE__ */ jsx("div", { className: cn(longContainer, lineChartHeadTitle), children: "Legend" }),
-    /* @__PURE__ */ jsx(Cell, { value: "Minimum", variant: "body" }),
-    /* @__PURE__ */ jsx(Cell, { value: "Maximum", variant: "body" }),
-    /* @__PURE__ */ jsx(Cell, { value: "Average", variant: "body" }),
-    /* @__PURE__ */ jsx(Cell, { value: "Current", variant: "body" })
-  ] }),
-  /* @__PURE__ */ jsx("div", { className: lineChartBody, children: data?.map((row, index) => {
-    const values = row.data.map((val) => val.y);
-    const labelIndexed = `${row.id}${index}`;
-    const id = row.id.toString();
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: lineChartRow,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: cn(longContainer, lineChartRowContent), children: /* @__PURE__ */ jsx(
-            Checkbox,
-            {
-              checked: selected.includes(labelIndexed),
-              name: id,
-              onChange: () => setSelected([...getSelected(id, index, selected)]),
-              children: /* @__PURE__ */ jsxs("div", { className: cellValueContainer, children: [
-                /* @__PURE__ */ jsx(Text, { as: "span", sentiment: "neutral", variant: "bodySmall", children: row?.["label"] }),
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: lineChartLegend,
-                    "data-testid": `label-${id}`,
-                    style: assignInlineVars({
-                      [backgroundColorLegend]: getLegendColor(theme)[index]
-                    })
-                  }
-                )
-              ] })
-            }
-          ) }),
-          /* @__PURE__ */ jsx(Cell, { value: axisTransformer(getMin(values)), variant: "bodySmall" }),
-          /* @__PURE__ */ jsx(Cell, { value: axisTransformer(getMax(values)), variant: "bodySmall" }),
-          /* @__PURE__ */ jsx(
-            Cell,
-            {
-              value: axisTransformer(getAverage(values)),
-              variant: "bodySmall"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Cell,
-            {
-              value: axisTransformer(getCurrent(values)),
-              variant: "bodySmall"
-            }
-          )
-        ]
-      },
-      labelIndexed
-    );
-  }) })
-] });
-export {
-  CustomLegend
-};
+const CustomLegend = ({ axisTransformer = noop, data, selected, setSelected, className, "data-testid": dataTestId }) => /* @__PURE__ */ jsxs("div", {
+	className: cn(className, container),
+	"data-testid": dataTestId,
+	children: [/* @__PURE__ */ jsxs("div", {
+		className: lineChartHead,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: cn(longContainer, lineChartHeadTitle),
+				children: "Legend"
+			}),
+			/* @__PURE__ */ jsx(Cell, {
+				value: "Minimum",
+				variant: "body"
+			}),
+			/* @__PURE__ */ jsx(Cell, {
+				value: "Maximum",
+				variant: "body"
+			}),
+			/* @__PURE__ */ jsx(Cell, {
+				value: "Average",
+				variant: "body"
+			}),
+			/* @__PURE__ */ jsx(Cell, {
+				value: "Current",
+				variant: "body"
+			})
+		]
+	}), /* @__PURE__ */ jsx("div", {
+		className: lineChartBody,
+		children: data === null || data === void 0 ? void 0 : data.map((row, index) => {
+			const values = row.data.map((val) => val.y);
+			const labelIndexed = `${row.id}${index}`;
+			const id = row.id.toString();
+			return /* @__PURE__ */ jsxs("div", {
+				className: lineChartRow,
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: cn(longContainer, lineChartRowContent),
+						children: /* @__PURE__ */ jsx(Checkbox, {
+							checked: selected.includes(labelIndexed),
+							name: id,
+							onChange: () => setSelected([...getSelected(id, index, selected)]),
+							children: /* @__PURE__ */ jsxs("div", {
+								className: cellValueContainer,
+								children: [/* @__PURE__ */ jsx(Text, {
+									as: "span",
+									sentiment: "neutral",
+									variant: "bodySmall",
+									children: row === null || row === void 0 ? void 0 : row["label"]
+								}), /* @__PURE__ */ jsx("div", {
+									className: lineChartLegend,
+									"data-testid": `label-${id}`,
+									style: assignInlineVars({ [backgroundColorLegend]: getLegendColor(theme)[index] })
+								})]
+							})
+						})
+					}),
+					/* @__PURE__ */ jsx(Cell, {
+						value: axisTransformer(getMin(values)),
+						variant: "bodySmall"
+					}),
+					/* @__PURE__ */ jsx(Cell, {
+						value: axisTransformer(getMax(values)),
+						variant: "bodySmall"
+					}),
+					/* @__PURE__ */ jsx(Cell, {
+						value: axisTransformer(getAverage(values)),
+						variant: "bodySmall"
+					}),
+					/* @__PURE__ */ jsx(Cell, {
+						value: axisTransformer(getCurrent(values)),
+						variant: "bodySmall"
+					})
+				]
+			}, labelIndexed);
+		})
+	})]
+});
+
+//#endregion
+export { CustomLegend };

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAKvC,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,KAAK,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,oCAI9B,qBAAqB,4CA6BvB,CAAA"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAKvC,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,KAAK,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,gBAAgB,wGAiC5B,CAAA"}