@ultraviolet/ui 3.21.1 → 3.22.0

package/dist/components/LineChart/LegendCell.js

@@ -6,17 +6,19 @@ 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()
-	});
-});
+function init_LegendCell() {
+	return (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();

package/dist/components/LineChart/Tooltip.js

@@ -7,29 +7,31 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/LineChart/Tooltip.tsx
 var LineChartTooltip;
-var init_Tooltip = __esmMin(() => {
-	init_Text();
-	init_styles_css();
-	LineChartTooltip = ({ point, xFormatted, yFormatted }) => /* @__PURE__ */ jsxs("div", {
-		className: lineChartStyle.lineTooltipContainer,
-		children: [/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("span", {
-			className: lineChartStyle.lineColorSquare,
-			style: assignInlineVars({ [colorLine]: point.seriesColor })
-		}) }), /* @__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
-		})] })]
-	});
-});
+function init_Tooltip() {
+	return (init_Tooltip = __esmMin(() => {
+		init_Text();
+		init_styles_css();
+		LineChartTooltip = ({ point, xFormatted, yFormatted }) => /* @__PURE__ */ jsxs("div", {
+			className: lineChartStyle.lineTooltipContainer,
+			children: [/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("span", {
+				className: lineChartStyle.lineColorSquare,
+				style: assignInlineVars({ [colorLine]: point.seriesColor })
+			}) }), /* @__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
 init_Tooltip();

package/dist/components/LineChart/helpers.js

@@ -2,38 +2,40 @@ import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/LineChart/helpers.ts
 var parse, getMin, getMax, getAverage, getMaxChartValue, getMinChartValue, getCurrent, getSelected;
-var init_helpers = __esmMin(() => {
-	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;
-	};
-	getMin = (values = []) => values.length > 0 ? Math.min(...values.map((data) => parse(data))) : 0;
-	getMax = (values = []) => values.length > 0 ? Math.max(...values.map((data) => parse(data))) : 0;
-	getAverage = (values = []) => values.length > 0 ? Math.round(values.reduce((sum, curr) => sum + parse(curr), 0) / values.length * 100) / 100 : 0;
-	getMaxChartValue = (preppedData) => {
-		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);
-	};
-	getMinChartValue = (preppedData) => {
-		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);
-	};
-	getCurrent = (values = []) => {
-		const val = values.at(-1);
-		return val !== null && val !== void 0 ? val : 0;
-	};
-	getSelected = (label, index, selected = []) => {
-		const labelIndexed = label + index.toString();
-		const found = selected.indexOf(labelIndexed);
-		if (found === -1) selected.push(labelIndexed);
-		else selected.splice(found, 1);
-		return selected;
-	};
-});
+function init_helpers() {
+	return (init_helpers = __esmMin(() => {
+		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;
+		};
+		getMin = (values = []) => values.length > 0 ? Math.min(...values.map((data) => parse(data))) : 0;
+		getMax = (values = []) => values.length > 0 ? Math.max(...values.map((data) => parse(data))) : 0;
+		getAverage = (values = []) => values.length > 0 ? Math.round(values.reduce((sum, curr) => sum + parse(curr), 0) / values.length * 100) / 100 : 0;
+		getMaxChartValue = (preppedData) => {
+			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);
+		};
+		getMinChartValue = (preppedData) => {
+			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);
+		};
+		getCurrent = (values = []) => {
+			const val = values.at(-1);
+			return val !== null && val !== void 0 ? val : 0;
+		};
+		getSelected = (label, index, selected = []) => {
+			const labelIndexed = label + index.toString();
+			const found = selected.indexOf(labelIndexed);
+			if (found === -1) selected.push(labelIndexed);
+			else selected.splice(found, 1);
+			return selected;
+		};
+	}))();
+}
 
 //#endregion
 init_helpers();

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.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/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";
@@ -13,96 +13,98 @@ import { ResponsiveLine } from "@nivo/line";
 
 //#region src/components/LineChart/index.tsx
 var DEFAULT_MARGIN, DEFAULT_XSCALE, DEFAULT_YSCALE, DEFAULT_CHARTPROPS, createCustomTooltip, LineChart;
-var init_LineChart = __esmMin(() => {
-	init_legend();
-	init_nivoTheme();
-	init_CustomLegend();
-	init_helpers();
-	init_Tooltip();
-	init_objectSpread2();
-	DEFAULT_MARGIN = {
-		bottom: 50,
-		left: 60,
-		right: 25,
-		top: 50
-	};
-	DEFAULT_XSCALE = {
-		format: "%Y-%m-%dT%H:%M:%S%Z",
-		precision: "minute",
-		type: "time",
-		useUTC: false
-	};
-	DEFAULT_YSCALE = { type: "linear" };
-	DEFAULT_CHARTPROPS = {};
-	createCustomTooltip = (tooltipFunction) => (props) => {
-		const customProps = tooltipFunction ? tooltipFunction(props) : {};
-		return /* @__PURE__ */ jsx(LineChartTooltip, {
-			point: props.point,
-			xFormatted: customProps.xFormatted,
-			yFormatted: customProps.yFormatted
-		});
-	};
-	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,
-			selected: selected !== null && selected !== void 0 ? selected : [],
-			setSelected
-		})] });
-	};
-	LineChart.displayName = "LineChart";
-});
+function init_LineChart() {
+	return (init_LineChart = __esmMin(() => {
+		init_legend();
+		init_nivoTheme();
+		init_CustomLegend();
+		init_helpers();
+		init_Tooltip();
+		init_objectSpread2();
+		DEFAULT_MARGIN = {
+			bottom: 50,
+			left: 60,
+			right: 25,
+			top: 50
+		};
+		DEFAULT_XSCALE = {
+			format: "%Y-%m-%dT%H:%M:%S%Z",
+			precision: "minute",
+			type: "time",
+			useUTC: false
+		};
+		DEFAULT_YSCALE = { type: "linear" };
+		DEFAULT_CHARTPROPS = {};
+		createCustomTooltip = (tooltipFunction) => (props) => {
+			const customProps = tooltipFunction ? tooltipFunction(props) : {};
+			return /* @__PURE__ */ jsx(LineChartTooltip, {
+				point: props.point,
+				xFormatted: customProps.xFormatted,
+				yFormatted: customProps.yFormatted
+			});
+		};
+		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,
+				selected: selected !== null && selected !== void 0 ? selected : [],
+				setSelected
+			})] });
+		};
+		LineChart.displayName = "LineChart";
+	}))();
+}
 
 //#endregion
 init_LineChart();

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

@@ -3,25 +3,27 @@ import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/LineChart/styles.css.ts
 var colorLine, backgroundColorLegend, lineChartStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	colorLine = "var(--uv_8i9lug0)";
-	backgroundColorLegend = "var(--uv_8i9lug1)";
-	lineChartStyle = {
-		textLegend: "uv_8i9lug2",
-		cellValueContainer: "uv_8i9lug3",
-		longContainer: "uv_8i9lug4",
-		container: "uv_8i9lug5",
-		lineTooltipContainer: "uv_8i9lug6",
-		row: "uv_8i9lugc",
-		lineColorSquare: "uv_8i9lug7",
-		body: "uv_8i9lug8",
-		head: "uv_8i9lug9",
-		headTitle: "uv_8i9luga",
-		legend: "uv_8i9lugb",
-		content: "uv_8i9lugd"
-	};
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		colorLine = "var(--uv_8i9lug0)";
+		backgroundColorLegend = "var(--uv_8i9lug1)";
+		lineChartStyle = {
+			textLegend: "uv_8i9lug2",
+			cellValueContainer: "uv_8i9lug3",
+			longContainer: "uv_8i9lug4",
+			container: "uv_8i9lug5",
+			lineTooltipContainer: "uv_8i9lug6",
+			row: "uv_8i9lugc",
+			lineColorSquare: "uv_8i9lug7",
+			body: "uv_8i9lug8",
+			head: "uv_8i9lug9",
+			headTitle: "uv_8i9luga",
+			legend: "uv_8i9lugb",
+			content: "uv_8i9lugd"
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

@@ -1,7 +1,9 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/LineChart/styles.css.ts.vanilla.css
-var init_styles_css_ts_vanilla = __esmMin(() => {});
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
 
 //#endregion
 init_styles_css_ts_vanilla();

package/dist/components/Link/index.js

@@ -12,92 +12,94 @@ import { ArrowLeftIcon } from "@ultraviolet/icons/ArrowLeftIcon";
 
 //#region src/components/Link/index.tsx
 var ICON_SIZE, BLANK_TARGET_ICON_SIZE, Link;
-var init_Link = __esmMin(() => {
-	init_recursivelyGetChildrenString();
-	init_Tooltip();
-	init_styles_css();
-	ICON_SIZE = "small";
-	BLANK_TARGET_ICON_SIZE = "small";
-	Link = forwardRef(({ children, href, target, download, sentiment = "info", prominence, size = "large", iconPosition, rel, className, onClick, onKeyDown, "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, linkStyle.link({
-			oneLine,
-			prominence,
-			sentiment,
-			type: variant,
-			variant: textVariant
-		}), linkStyle.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,
-				onKeyDown,
-				ref: usedRef,
-				rel: computedRel,
-				style,
-				target,
-				children: [
-					!isBlank && iconPosition === "left" ? /* @__PURE__ */ jsx(ArrowLeftIcon, {
-						className: linkStyle.iconLeft,
-						size: ICON_SIZE
-					}) : null,
+function init_Link() {
+	return (init_Link = __esmMin(() => {
+		init_recursivelyGetChildrenString();
+		init_Tooltip();
+		init_styles_css();
+		ICON_SIZE = "small";
+		BLANK_TARGET_ICON_SIZE = "small";
+		Link = forwardRef(({ children, href, target, download, sentiment = "info", prominence, size = "large", iconPosition, rel, className, onClick, onKeyDown, "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, linkStyle.link({
+				oneLine,
+				prominence,
+				sentiment,
+				type: variant,
+				variant: textVariant
+			}), linkStyle.defaultLink);
+			if (render) return /* @__PURE__ */ jsx(Tooltip, {
+				text: oneLine && isTruncated ? finalStringChildren : "",
+				children: renderElement(render, {
 					children,
-					isBlank ? /* @__PURE__ */ jsx("span", {
-						className: linkStyle.containerIcon,
-						children: /* @__PURE__ */ jsx(OpenInNewIcon, {
+					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,
+					onKeyDown,
+					ref: usedRef,
+					rel: computedRel,
+					style,
+					target,
+					children: [
+						!isBlank && iconPosition === "left" ? /* @__PURE__ */ jsx(ArrowLeftIcon, {
+							className: linkStyle.iconLeft,
+							size: ICON_SIZE
+						}) : null,
+						children,
+						isBlank ? /* @__PURE__ */ jsx("span", {
+							className: linkStyle.containerIcon,
+							children: /* @__PURE__ */ jsx(OpenInNewIcon, {
+								className: linkStyle.iconRight,
+								size: BLANK_TARGET_ICON_SIZE
+							})
+						}) : null,
+						!isBlank && iconPosition === "right" ? /* @__PURE__ */ jsx(ArrowRightIcon, {
 							className: linkStyle.iconRight,
-							size: BLANK_TARGET_ICON_SIZE
-						})
-					}) : null,
-					!isBlank && iconPosition === "right" ? /* @__PURE__ */ jsx(ArrowRightIcon, {
-						className: linkStyle.iconRight,
-						size: ICON_SIZE
-					}) : null
-				]
-			})
+							size: ICON_SIZE
+						}) : null
+					]
+				})
+			});
 		});
-	});
-	Link.displayName = "Link";
-});
+		Link.displayName = "Link";
+	}))();
+}
 
 //#endregion
 init_Link();