@ultraviolet/ui 3.8.2 → 3.10.0

package/dist/components/LineChart/Tooltip.js

@@ -1,45 +1,30 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Text } from "../Text/index.js";
-import { lineTooltipContainer, lineColorSquare, colorLine } from "./styles.css.js";
-const LineChartTooltip = ({
-  point,
-  xFormatted,
-  yFormatted
-}) => /* @__PURE__ */ jsxs("div", { className: lineTooltipContainer, children: [
-  /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: lineColorSquare,
-      style: assignInlineVars({
-        [colorLine]: point.serieColor
-      })
-    }
-  ) }),
-  /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx(
-      Text,
-      {
-        as: "div",
-        prominence: "stronger",
-        sentiment: "neutral",
-        variant: "bodyStronger",
-        children: yFormatted ?? point.data.yFormatted
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Text,
-      {
-        as: "div",
-        prominence: "stronger",
-        sentiment: "neutral",
-        variant: "bodySmall",
-        children: xFormatted ?? point.data.xFormatted
-      }
-    )
-  ] })
-] });
-export {
-  LineChartTooltip
-};
+import { colorLine, lineColorSquare, lineTooltipContainer } from "./styles.css.js";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/LineChart/Tooltip.tsx
+const LineChartTooltip = ({ point, xFormatted, yFormatted }) => /* @__PURE__ */ jsxs("div", {
+	className: lineTooltipContainer,
+	children: [/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("span", {
+		className: lineColorSquare,
+		style: assignInlineVars({ [colorLine]: point.serieColor })
+	}) }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Text, {
+		as: "div",
+		prominence: "stronger",
+		sentiment: "neutral",
+		variant: "bodyStronger",
+		children: yFormatted !== null && yFormatted !== void 0 ? yFormatted : point.data.yFormatted
+	}), /* @__PURE__ */ jsx(Text, {
+		as: "div",
+		prominence: "stronger",
+		sentiment: "neutral",
+		variant: "bodySmall",
+		children: xFormatted !== null && xFormatted !== void 0 ? xFormatted : point.data.xFormatted
+	})] })]
+});
+
+//#endregion
+export { LineChartTooltip };

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

@@ -1,9 +1,9 @@
-import type { DatumValue, Serie } from '@nivo/line';
-export declare const getMin: (values?: DatumValue[]) => number;
-export declare const getMax: (values?: DatumValue[]) => number;
-export declare const getAverage: (values?: DatumValue[]) => number;
-export declare const getMaxChartValue: (preppedData?: Serie[]) => number;
-export declare const getMinChartValue: (preppedData?: Serie[]) => number;
+import type { Serie } from '@nivo/line';
+export declare const getMin: (values?: import("@nivo/core").DatumValue[]) => number;
+export declare const getMax: (values?: import("@nivo/core").DatumValue[]) => number;
+export declare const getAverage: (values?: import("@nivo/core").DatumValue[]) => number;
+export declare const getMaxChartValue: (preppedData?: Serie[] | undefined) => number;
+export declare const getMinChartValue: (preppedData?: Serie[] | undefined) => number;
 export declare const getCurrent: (values?: number[]) => number;
 export declare const getSelected: (label: string, index: number, selected?: string[]) => string[];
 //# sourceMappingURL=helpers.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAgBnD,eAAO,MAAM,MAAM,GAAI,SAAQ,UAAU,EAAO,KAAG,MACmB,CAAA;AAEtE,eAAO,MAAM,MAAM,GAAI,SAAQ,UAAU,EAAO,KAAG,MACmB,CAAA;AAEtE,eAAO,MAAM,UAAU,GAAI,SAAQ,UAAU,EAAO,KAAG,MAOhD,CAAA;AAEP,eAAO,MAAM,gBAAgB,GAAI,cAAc,KAAK,EAAE,KAAG,MAUxD,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,cAAc,KAAK,EAAE,KAAG,MAUxD,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,SAAQ,MAAM,EAAO,KAAG,MAIlD,CAAA;AAED,eAAO,MAAM,WAAW,GACtB,OAAO,MAAM,EACb,OAAO,MAAM,EACb,WAAU,MAAM,EAAO,KACtB,MAAM,EAWR,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,KAAK,EAAE,MAAM,YAAY,CAAA;AAgBnD,eAAO,MAAM,MAAM,wDACmD,CAAA;AAEtE,eAAO,MAAM,MAAM,wDACmD,CAAA;AAEtE,eAAO,MAAM,UAAU,wDAOhB,CAAA;AAEP,eAAO,MAAM,gBAAgB,+CAU5B,CAAA;AAED,eAAO,MAAM,gBAAgB,+CAU5B,CAAA;AAED,eAAO,MAAM,UAAU,+BAItB,CAAA;AAED,eAAO,MAAM,WAAW,iEAevB,CAAA"}

package/dist/components/LineChart/helpers.js

@@ -1,58 +1,36 @@
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/LineChart/helpers.ts
 const parse = (data) => {
-  if (typeof data === "number") {
-    return data || 0;
-  }
-  if (typeof data === "string") {
-    return Number.parseFloat(data) || 0;
-  }
-  if (data instanceof Date) {
-    return data.getTime();
-  }
-  return 0;
+	if (typeof data === "number") return data || 0;
+	if (typeof data === "string") return Number.parseFloat(data) || 0;
+	if (data instanceof Date) return data.getTime();
+	return 0;
 };
 const getMin = (values = []) => values.length > 0 ? Math.min(...values.map((data) => parse(data))) : 0;
 const getMax = (values = []) => values.length > 0 ? Math.max(...values.map((data) => parse(data))) : 0;
-const getAverage = (values = []) => values.length > 0 ? Math.round(
-  values.reduce((sum, curr) => sum + parse(curr), 0) / values.length * 100
-) / 100 : 0;
+const getAverage = (values = []) => values.length > 0 ? Math.round(values.reduce((sum, curr) => sum + parse(curr), 0) / values.length * 100) / 100 : 0;
 const getMaxChartValue = (preppedData) => {
-  if (!preppedData?.length) {
-    return 0;
-  }
-  const maximum = Math.max(
-    ...preppedData.map(({ data }) => getMax(data.map(({ y }) => y || 0)))
-  );
-  return Math.ceil(maximum + maximum * 0.1);
+	if (!(preppedData === null || preppedData === void 0 ? void 0 : preppedData.length)) return 0;
+	const maximum = Math.max(...preppedData.map(({ data }) => getMax(data.map(({ y }) => y !== null && y !== void 0 ? y : 0))));
+	return Math.ceil(maximum + maximum * .1);
 };
 const getMinChartValue = (preppedData) => {
-  if (!preppedData?.length) {
-    return 0;
-  }
-  const minimum = Math.min(
-    ...preppedData.map(({ data }) => getMin(data.map(({ y }) => y || 0)))
-  );
-  return Math.floor(minimum - minimum * 0.1);
+	if (!(preppedData === null || preppedData === void 0 ? void 0 : preppedData.length)) return 0;
+	const minimum = Math.min(...preppedData.map(({ data }) => getMin(data.map(({ y }) => y !== null && y !== void 0 ? y : 0))));
+	return Math.floor(minimum - minimum * .1);
 };
 const getCurrent = (values = []) => {
-  const val = values.at(-1);
-  return val || 0;
+	const val = values.at(-1);
+	return val !== null && val !== void 0 ? val : 0;
 };
 const getSelected = (label, index, selected = []) => {
-  const labelIndexed = label + index.toString();
-  const found = selected.indexOf(labelIndexed);
-  if (found !== -1) {
-    selected.splice(found, 1);
-  } else {
-    selected.push(labelIndexed);
-  }
-  return selected;
-};
-export {
-  getAverage,
-  getCurrent,
-  getMax,
-  getMaxChartValue,
-  getMin,
-  getMinChartValue,
-  getSelected
+	const labelIndexed = label + index.toString();
+	const found = selected.indexOf(labelIndexed);
+	if (found !== -1) selected.splice(found, 1);
+	else selected.push(labelIndexed);
+	return selected;
 };
+
+//#endregion
+export { getAverage, getCurrent, getMax, getMaxChartValue, getMin, getMinChartValue, getSelected };

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

@@ -26,6 +26,6 @@ type LineChartProps = {
  * See https://nivo.rocks/line/ for more information.
  * @experimental This component is experimental and may be subject to breaking changes in the future.
  */
-export declare const LineChart: ({ height, margin, xScale, yScale, data, withLegend, tooltipFunction, axisFormatters, pointFormatters, tickValues, chartProps, style, "data-testid": dataTestId, }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LineChart: ({ height, margin, xScale, yScale, data, withLegend, tooltipFunction, axisFormatters, pointFormatters, tickValues, chartProps, style, 'data-testid': dataTestId, }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,GAAG,IAAI,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAE5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAG7C,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAI1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAE5C,KAAK,cAAc,GAAG;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,EAAE,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,KAAK,EAAE,KAAK,CAAA;KACb,KAAK,OAAO,CACX,IAAI,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,EAAE,YAAY,GAAG,YAAY,CAAC,CAC3E,CAAA;IACD,cAAc,CAAC,EAAE,OAAO,CACtB,MAAM,CACJ,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,EACnC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,iBAAiB,CAAC,CACvD,CACF,CAAA;IACD,eAAe,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;IACrE,UAAU,CAAC,EAAE,OAAO,CAClB,MAAM,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,CAC7D,CAAA;IACD,UAAU,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;IAClC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AA0BD;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,mKAcvB,cAAc,4CA+EhB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,GAAG,IAAI,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAE5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAG7C,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAI1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAE5C,KAAK,cAAc,GAAG;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,EAAE,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,KAAK,EAAE,KAAK,CAAA;KACb,KAAK,OAAO,CACX,IAAI,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,EAAE,YAAY,GAAG,YAAY,CAAC,CAC3E,CAAA;IACD,cAAc,CAAC,EAAE,OAAO,CACtB,MAAM,CACJ,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,EACnC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,iBAAiB,CAAC,CACvD,CACF,CAAA;IACD,eAAe,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;IACrE,UAAU,CAAC,EAAE,OAAO,CAClB,MAAM,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,CAC7D,CAAA;IACD,UAAU,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;IAClC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AA0BD;;;;GAIG;AACH,eAAO,MAAM,SAAS,gOA6FrB,CAAA"}

package/dist/components/LineChart/index.js

@@ -1,121 +1,103 @@
-"use client";
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { ResponsiveLine } from "@nivo/line";
-import { useTheme } from "@ultraviolet/themes";
-import { useState, useEffect } from "react";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
 import { getLegendColor } from "../../helpers/legend.js";
 import { getNivoTheme } from "../../helpers/nivoTheme.js";
+import { getMaxChartValue, getMinChartValue } from "./helpers.js";
 import { CustomLegend } from "./CustomLegend.js";
-import { getMinChartValue, getMaxChartValue } from "./helpers.js";
 import { LineChartTooltip } from "./Tooltip.js";
-const DEFAULT_MARGIN = { bottom: 50, left: 60, right: 25, top: 50 };
+import { useEffect, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useTheme } from "@ultraviolet/themes";
+import { ResponsiveLine } from "@nivo/line";
+
+//#region src/components/LineChart/index.tsx
+const DEFAULT_MARGIN = {
+	bottom: 50,
+	left: 60,
+	right: 25,
+	top: 50
+};
 const DEFAULT_XSCALE = {
-  format: "%Y-%m-%dT%H:%M:%S%Z",
-  // 2021-08-30T02:56:07Z
-  precision: "minute",
-  type: "time",
-  useUTC: false
+	format: "%Y-%m-%dT%H:%M:%S%Z",
+	precision: "minute",
+	type: "time",
+	useUTC: false
 };
 const DEFAULT_YSCALE = { type: "linear" };
 const DEFAULT_CHARTPROPS = {};
 const createCustomTooltip = (tooltipFunction) => (props) => {
-  const customProps = tooltipFunction ? tooltipFunction(props) : {};
-  return /* @__PURE__ */ jsx(
-    LineChartTooltip,
-    {
-      point: props.point,
-      xFormatted: customProps.xFormatted,
-      yFormatted: customProps.yFormatted
-    }
-  );
-};
-const LineChart = ({
-  height = "537px",
-  // to maintain aspect ratio based on our standard 1074px width
-  margin = DEFAULT_MARGIN,
-  xScale = DEFAULT_XSCALE,
-  yScale = DEFAULT_YSCALE,
-  data,
-  withLegend = false,
-  tooltipFunction,
-  axisFormatters,
-  pointFormatters,
-  tickValues,
-  chartProps = DEFAULT_CHARTPROPS,
-  style,
-  "data-testid": dataTestId
-}) => {
-  const theme = useTheme();
-  const dataset = {
-    datasets: data?.map((d) => ({
-      data: d.data,
-      id: d.id,
-      label: d?.["label"]
-    }))
-  };
-  const [selected, setSelected] = useState(
-    dataset.datasets?.map(({ id }, index) => `${id}${index}`)
-  );
-  const finalData = dataset.datasets?.filter(
-    ({ id }, index) => selected ? selected.includes(`${id}${index}`) : false
-  );
-  useEffect(() => {
-    if (selected !== void 0) {
-      return;
-    }
-    setSelected(dataset.datasets?.map(({ id }, index) => `${id}${index}`));
-  }, [dataset.datasets, selected]);
-  const localColors = getLegendColor(theme);
-  const CustomTooltip = createCustomTooltip(tooltipFunction);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { style: { height, ...style }, children: /* @__PURE__ */ jsx(
-      ResponsiveLine,
-      {
-        axisBottom: {
-          format: axisFormatters?.bottom,
-          tickPadding: 5,
-          tickRotation: 0,
-          tickSize: 5,
-          tickValues: tickValues?.bottom
-        },
-        axisLeft: {
-          format: axisFormatters?.left,
-          tickPadding: 5,
-          tickRotation: 0,
-          tickSize: 5,
-          tickValues: tickValues?.left
-        },
-        colors: localColors,
-        curve: "monotoneX",
-        data: finalData ?? [],
-        "data-testid": dataTestId,
-        margin,
-        pointSize: 10,
-        theme: getNivoTheme(theme),
-        tooltip: CustomTooltip,
-        useMesh: true,
-        xFormat: pointFormatters?.x,
-        xScale,
-        yFormat: pointFormatters?.y,
-        yScale: {
-          max: getMaxChartValue(finalData),
-          min: getMinChartValue(finalData),
-          ...yScale
-        },
-        ...chartProps
-      }
-    ) }),
-    withLegend && /* @__PURE__ */ jsx(
-      CustomLegend,
-      {
-        axisTransformer: axisFormatters?.left,
-        data: dataset.datasets,
-        selected: selected ?? [],
-        setSelected
-      }
-    )
-  ] });
+	const customProps = tooltipFunction ? tooltipFunction(props) : {};
+	return /* @__PURE__ */ jsx(LineChartTooltip, {
+		point: props.point,
+		xFormatted: customProps.xFormatted,
+		yFormatted: customProps.yFormatted
+	});
 };
-export {
-  LineChart
+/**
+* LineChart component is a wrapper around Nivo's ResponsiveLine component used to display data in a line chart.
+* See https://nivo.rocks/line/ for more information.
+* @experimental This component is experimental and may be subject to breaking changes in the future.
+*/
+const LineChart = ({ height = "537px", margin = DEFAULT_MARGIN, xScale = DEFAULT_XSCALE, yScale = DEFAULT_YSCALE, data, withLegend = false, tooltipFunction, axisFormatters, pointFormatters, tickValues, chartProps = DEFAULT_CHARTPROPS, style, "data-testid": dataTestId }) => {
+	var _dataset$datasets;
+	var _dataset$datasets2;
+	const theme = useTheme();
+	const dataset = { datasets: data === null || data === void 0 ? void 0 : data.map((d) => ({
+		data: d.data,
+		id: d.id,
+		label: d === null || d === void 0 ? void 0 : d["label"]
+	})) };
+	const [selected, setSelected] = useState((_dataset$datasets = dataset.datasets) === null || _dataset$datasets === void 0 ? void 0 : _dataset$datasets.map(({ id }, index) => `${id}${index}`));
+	const finalData = (_dataset$datasets2 = dataset.datasets) === null || _dataset$datasets2 === void 0 ? void 0 : _dataset$datasets2.filter(({ id }, index) => selected ? selected.includes(`${id}${index}`) : false);
+	useEffect(() => {
+		var _dataset$datasets3;
+		if (selected !== void 0) return;
+		setSelected((_dataset$datasets3 = dataset.datasets) === null || _dataset$datasets3 === void 0 ? void 0 : _dataset$datasets3.map(({ id }, index) => `${id}${index}`));
+	}, [dataset.datasets, selected]);
+	const localColors = getLegendColor(theme);
+	const CustomTooltip = createCustomTooltip(tooltipFunction);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+		style: _objectSpread2({ height }, style),
+		children: /* @__PURE__ */ jsx(ResponsiveLine, _objectSpread2({
+			axisBottom: {
+				format: axisFormatters === null || axisFormatters === void 0 ? void 0 : axisFormatters.bottom,
+				tickPadding: 5,
+				tickRotation: 0,
+				tickSize: 5,
+				tickValues: tickValues === null || tickValues === void 0 ? void 0 : tickValues.bottom
+			},
+			axisLeft: {
+				format: axisFormatters === null || axisFormatters === void 0 ? void 0 : axisFormatters.left,
+				tickPadding: 5,
+				tickRotation: 0,
+				tickSize: 5,
+				tickValues: tickValues === null || tickValues === void 0 ? void 0 : tickValues.left
+			},
+			colors: localColors,
+			curve: "monotoneX",
+			data: finalData !== null && finalData !== void 0 ? finalData : [],
+			"data-testid": dataTestId,
+			margin,
+			pointSize: 10,
+			theme: getNivoTheme(theme),
+			tooltip: CustomTooltip,
+			useMesh: true,
+			xFormat: pointFormatters === null || pointFormatters === void 0 ? void 0 : pointFormatters.x,
+			xScale,
+			yFormat: pointFormatters === null || pointFormatters === void 0 ? void 0 : pointFormatters.y,
+			yScale: _objectSpread2({
+				max: getMaxChartValue(finalData),
+				min: getMinChartValue(finalData)
+			}, yScale)
+		}, chartProps))
+	}), withLegend && /* @__PURE__ */ jsx(CustomLegend, {
+		axisTransformer: axisFormatters === null || axisFormatters === void 0 ? void 0 : axisFormatters.left,
+		data: dataset.datasets,
+		selected: selected !== null && selected !== void 0 ? selected : [],
+		setSelected
+	})] });
 };
+
+//#endregion
+export { LineChart };

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

@@ -1,4 +1,6 @@
-/* empty css                          */
+/* empty css                      */
+
+//#region src/components/LineChart/styles.css.ts
 var colorLine = "var(--uv_8i9lug0)";
 var backgroundColorLegend = "var(--uv_8i9lug1)";
 var textLegend = "uv_8i9lug2";
@@ -13,19 +15,6 @@ var lineChartHeadTitle = "uv_8i9luga";
 var lineChartLegend = "uv_8i9lugb";
 var lineChartRow = "uv_8i9lugc";
 var lineChartRowContent = "uv_8i9lugd";
-export {
-  backgroundColorLegend,
-  cellValueContainer,
-  colorLine,
-  container,
-  lineChartBody,
-  lineChartHead,
-  lineChartHeadTitle,
-  lineChartLegend,
-  lineChartRow,
-  lineChartRowContent,
-  lineColorSquare,
-  lineTooltipContainer,
-  longContainer,
-  textLegend
-};
+
+//#endregion
+export { backgroundColorLegend, cellValueContainer, colorLine, container, lineChartBody, lineChartHead, lineChartHeadTitle, lineChartLegend, lineChartRow, lineChartRowContent, lineColorSquare, lineTooltipContainer, longContainer, textLegend };

package/dist/components/Link/index.js

@@ -1,111 +1,99 @@
-"use client";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { Tooltip } from "../Tooltip/index.js";
+import recursivelyGetChildrenString from "../../helpers/recursivelyGetChildrenString.js";
+import { containerIconLink, defaultLink, iconLeftLink, iconRightLink, link } from "./styles.css.js";
+import { cn, renderElement } from "@ultraviolet/utils";
+import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowLeftIcon } from "@ultraviolet/icons/ArrowLeftIcon";
 import { ArrowRightIcon } from "@ultraviolet/icons/ArrowRightIcon";
 import { OpenInNewIcon } from "@ultraviolet/icons/OpenInNewIcon";
-import { cn, renderElement } from "@ultraviolet/utils";
-import { forwardRef, useState, useRef, useMemo, useEffect } from "react";
-import recursivelyGetChildrenString from "../../helpers/recursivelyGetChildrenString.js";
-import { Tooltip } from "../Tooltip/index.js";
-import { link, defaultLink, iconLeftLink, containerIconLink, iconRightLink } from "./styles.css.js";
+
+//#region src/components/Link/index.tsx
 const ICON_SIZE = "small";
 const BLANK_TARGET_ICON_SIZE = "small";
-const Link = forwardRef(
-  ({
-    children,
-    href,
-    target,
-    download,
-    sentiment = "info",
-    prominence,
-    size = "large",
-    iconPosition,
-    rel,
-    className,
-    onClick,
-    "aria-label": ariaLabel,
-    "aria-current": ariaCurrent,
-    "aria-keyshortcuts": ariaKeyshortcuts,
-    oneLine = false,
-    "data-testid": dataTestId,
-    variant = "standalone",
-    style,
-    render
-  }, ref) => {
-    const isBlank = target === "_blank";
-    const computedRel = rel || (isBlank ? "noopener noreferrer" : void 0);
-    const [isTruncated, setIsTruncated] = useState(false);
-    const elementRef = useRef(null);
-    const usedRef = ref ?? elementRef;
-    const finalStringChildren = recursivelyGetChildrenString(children);
-    const textVariant = useMemo(() => {
-      if (size === "xsmall") {
-        return "captionStrong";
-      }
-      if (size === "small") {
-        return "bodySmallStrong";
-      }
-      return "bodyStrong";
-    }, [size]);
-    useEffect(() => {
-      if (oneLine && usedRef?.current) {
-        const { offsetWidth, scrollWidth } = usedRef.current;
-        setIsTruncated(offsetWidth < scrollWidth);
-      }
-    }, [oneLine, ref, usedRef]);
-    const computedClassName = cn(
-      className,
-      link({
-        oneLine,
-        prominence,
-        sentiment,
-        type: variant,
-        variant: textVariant
-      }),
-      defaultLink
-    );
-    if (render) {
-      return /* @__PURE__ */ jsx(Tooltip, { text: oneLine && isTruncated ? finalStringChildren : "", children: renderElement(render, {
-        children,
-        className: computedClassName,
-        "data-testid": dataTestId,
-        "data-variant": variant,
-        ref: usedRef,
-        style
-      }) });
-    }
-    return /* @__PURE__ */ jsx(Tooltip, { text: oneLine && isTruncated ? finalStringChildren : "", children: /* @__PURE__ */ jsxs(
-      "a",
-      {
-        "aria-current": ariaCurrent,
-        "aria-keyshortcuts": ariaKeyshortcuts,
-        "aria-label": ariaLabel,
-        className: computedClassName,
-        "data-testid": dataTestId,
-        "data-variant": variant,
-        download,
-        href,
-        onClick,
-        ref: usedRef,
-        rel: computedRel,
-        style,
-        target,
-        children: [
-          !isBlank && iconPosition === "left" ? /* @__PURE__ */ jsx(ArrowLeftIcon, { className: iconLeftLink, size: ICON_SIZE }) : null,
-          children,
-          isBlank ? /* @__PURE__ */ jsx("span", { className: containerIconLink, children: /* @__PURE__ */ jsx(
-            OpenInNewIcon,
-            {
-              className: iconRightLink,
-              size: BLANK_TARGET_ICON_SIZE
-            }
-          ) }) : null,
-          !isBlank && iconPosition === "right" ? /* @__PURE__ */ jsx(ArrowRightIcon, { className: iconRightLink, size: ICON_SIZE }) : null
-        ]
-      }
-    ) });
-  }
-);
-export {
-  Link
-};
+/**
+* Link is a component used to navigate between pages or to external websites.
+* Use `render` prop to render a custom element (e.g., Next.js Link) while preserving Link's styling.
+*/
+const Link = forwardRef(({ children, href, target, download, sentiment = "info", prominence, size = "large", iconPosition, rel, className, onClick, "aria-label": ariaLabel, "aria-current": ariaCurrent, "aria-keyshortcuts": ariaKeyshortcuts, oneLine = false, "data-testid": dataTestId, variant = "standalone", style, render }, ref) => {
+	const isBlank = target === "_blank";
+	const computedRel = rel !== null && rel !== void 0 ? rel : isBlank ? "noopener noreferrer" : void 0;
+	const [isTruncated, setIsTruncated] = useState(false);
+	const elementRef = useRef(null);
+	const usedRef = ref !== null && ref !== void 0 ? ref : elementRef;
+	const finalStringChildren = recursivelyGetChildrenString(children);
+	const textVariant = useMemo(() => {
+		if (size === "xsmall") return "captionStrong";
+		if (size === "small") return "bodySmallStrong";
+		return "bodyStrong";
+	}, [size]);
+	useEffect(() => {
+		if (oneLine && (usedRef === null || usedRef === void 0 ? void 0 : usedRef.current)) {
+			const { offsetWidth, scrollWidth } = usedRef.current;
+			setIsTruncated(offsetWidth < scrollWidth);
+		}
+	}, [
+		oneLine,
+		ref,
+		usedRef
+	]);
+	const computedClassName = cn(className, link({
+		oneLine,
+		prominence,
+		sentiment,
+		type: variant,
+		variant: textVariant
+	}), defaultLink);
+	if (render) return /* @__PURE__ */ jsx(Tooltip, {
+		text: oneLine && isTruncated ? finalStringChildren : "",
+		children: renderElement(render, {
+			children,
+			className: computedClassName,
+			"data-testid": dataTestId,
+			"data-variant": variant,
+			ref: usedRef,
+			style
+		})
+	});
+	return /* @__PURE__ */ jsx(Tooltip, {
+		text: oneLine && isTruncated ? finalStringChildren : "",
+		children: /* @__PURE__ */ jsxs("a", {
+			"aria-current": ariaCurrent,
+			"aria-keyshortcuts": ariaKeyshortcuts,
+			"aria-label": ariaLabel,
+			className: computedClassName,
+			"data-testid": dataTestId,
+			"data-variant": variant,
+			download,
+			href,
+			onClick,
+			ref: usedRef,
+			rel: computedRel,
+			style,
+			target,
+			children: [
+				!isBlank && iconPosition === "left" ? /* @__PURE__ */ jsx(ArrowLeftIcon, {
+					className: iconLeftLink,
+					size: ICON_SIZE
+				}) : null,
+				children,
+				isBlank ? /* @__PURE__ */ jsx("span", {
+					className: containerIconLink,
+					children: /* @__PURE__ */ jsx(OpenInNewIcon, {
+						className: iconRightLink,
+						size: BLANK_TARGET_ICON_SIZE
+					})
+				}) : null,
+				!isBlank && iconPosition === "right" ? /* @__PURE__ */ jsx(ArrowRightIcon, {
+					className: iconRightLink,
+					size: ICON_SIZE
+				}) : null
+			]
+		})
+	});
+});
+
+//#endregion
+export { Link };