@ultraviolet/ui 3.21.0 → 3.21.2

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();

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

@@ -4,84 +4,86 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Link/styles.css.ts
 var linkStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	linkStyle = {
-		link: createRuntimeFn({
-			defaultClassName: "uv_1dtqm9e0",
-			variantClassNames: {
-				sentiment: {
-					primary: "uv_1dtqm9e1",
-					info: "uv_1dtqm9e2"
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		linkStyle = {
+			link: createRuntimeFn({
+				defaultClassName: "uv_1dtqm9e0",
+				variantClassNames: {
+					sentiment: {
+						primary: "uv_1dtqm9e1",
+						info: "uv_1dtqm9e2"
+					},
+					prominence: {
+						"default": "uv_1dtqm9e3",
+						strong: "uv_1dtqm9e4",
+						stronger: "uv_1dtqm9e5",
+						weak: "uv_1dtqm9e6"
+					},
+					oneLine: {
+						true: "uv_1dtqm9e7",
+						false: "uv_1dtqm9e8"
+					},
+					variant: {
+						captionStrong: "uv_1dtqm9e9",
+						bodySmallStrong: "uv_1dtqm9ea",
+						bodyStrong: "uv_1dtqm9eb"
+					},
+					type: {
+						inline: "uv_1dtqm9ec",
+						standalone: "uv_1dtqm9ed"
+					}
 				},
-				prominence: {
-					"default": "uv_1dtqm9e3",
-					strong: "uv_1dtqm9e4",
-					stronger: "uv_1dtqm9e5",
-					weak: "uv_1dtqm9e6"
-				},
-				oneLine: {
-					true: "uv_1dtqm9e7",
-					false: "uv_1dtqm9e8"
-				},
-				variant: {
-					captionStrong: "uv_1dtqm9e9",
-					bodySmallStrong: "uv_1dtqm9ea",
-					bodyStrong: "uv_1dtqm9eb"
-				},
-				type: {
-					inline: "uv_1dtqm9ec",
-					standalone: "uv_1dtqm9ed"
-				}
-			},
-			defaultVariants: {
-				prominence: "default",
-				sentiment: "info",
-				oneLine: false,
-				variant: "bodyStrong",
-				type: "standalone"
-			},
-			compoundVariants: [
-				[{
-					sentiment: "primary",
-					prominence: "default"
-				}, "uv_1dtqm9ee"],
-				[{
-					sentiment: "primary",
-					prominence: "strong"
-				}, "uv_1dtqm9ef"],
-				[{
-					sentiment: "primary",
-					prominence: "stronger"
-				}, "uv_1dtqm9eg"],
-				[{
-					sentiment: "primary",
-					prominence: "weak"
-				}, "uv_1dtqm9eh"],
-				[{
-					sentiment: "info",
-					prominence: "default"
-				}, "uv_1dtqm9ei"],
-				[{
+				defaultVariants: {
+					prominence: "default",
 					sentiment: "info",
-					prominence: "strong"
-				}, "uv_1dtqm9ej"],
-				[{
-					sentiment: "info",
-					prominence: "stronger"
-				}, "uv_1dtqm9ek"],
-				[{
-					sentiment: "info",
-					prominence: "weak"
-				}, "uv_1dtqm9el"]
-			]
-		}),
-		containerIcon: "uv_1dtqm9em",
-		defaultLink: "uv_1dtqm9en",
-		iconLeft: "uv_1dtqm9eo",
-		iconRight: "uv_1dtqm9ep"
-	};
-});
+					oneLine: false,
+					variant: "bodyStrong",
+					type: "standalone"
+				},
+				compoundVariants: [
+					[{
+						sentiment: "primary",
+						prominence: "default"
+					}, "uv_1dtqm9ee"],
+					[{
+						sentiment: "primary",
+						prominence: "strong"
+					}, "uv_1dtqm9ef"],
+					[{
+						sentiment: "primary",
+						prominence: "stronger"
+					}, "uv_1dtqm9eg"],
+					[{
+						sentiment: "primary",
+						prominence: "weak"
+					}, "uv_1dtqm9eh"],
+					[{
+						sentiment: "info",
+						prominence: "default"
+					}, "uv_1dtqm9ei"],
+					[{
+						sentiment: "info",
+						prominence: "strong"
+					}, "uv_1dtqm9ej"],
+					[{
+						sentiment: "info",
+						prominence: "stronger"
+					}, "uv_1dtqm9ek"],
+					[{
+						sentiment: "info",
+						prominence: "weak"
+					}, "uv_1dtqm9el"]
+				]
+			}),
+			containerIcon: "uv_1dtqm9em",
+			defaultLink: "uv_1dtqm9en",
+			iconLeft: "uv_1dtqm9eo",
+			iconRight: "uv_1dtqm9ep"
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

@@ -1,7 +1,9 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/Link/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/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.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { init_styles_css, listStyle } from "./styles.css.js";
 import { init_ColumnProvider, useColumnProvider } from "./ColumnProvider.js";
 import { init_ListContext, useListContext } from "./ListContext.js";
@@ -12,40 +12,42 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/List/Cell.tsx
 var Cell;
-var init_Cell = __esmMin(() => {
-	init_ColumnProvider();
-	init_ListContext();
-	init_styles_css();
-	init_variables_css();
-	init_objectSpread2();
-	Cell = forwardRef(({ children, className, "data-testid": dataTestid, colSpan, style }, ref) => {
-		const context = useColumnProvider();
-		const { colMode } = useListContext();
-		const width = context === null || context === void 0 ? void 0 : context.width;
-		const maxWidth = context === null || context === void 0 ? void 0 : context.maxWidth;
-		const minWidth = context === null || context === void 0 ? void 0 : context.minWidth;
-		/** Remove padding from width to avoid overflow since boxSizing = 'content-box' */
-		const widthChildren = (width === null || width === void 0 ? void 0 : width.includes("%")) ? "100%" : `calc(${width} - ${listCellPadding} - ${listCellPadding})`;
-		const maxWidthChildren = (maxWidth === null || maxWidth === void 0 ? void 0 : maxWidth.includes("%")) ? "100%" : `calc(${maxWidth} - ${listCellPadding} - ${listCellPadding})`;
-		const minWidthChildren = (minWidth === null || minWidth === void 0 ? void 0 : minWidth.includes("%")) ? "100%" : `calc(${minWidth} - ${listCellPadding} - ${listCellPadding})`;
-		return /* @__PURE__ */ jsx("td", {
-			className: cn(className, listStyle.cell, colMode === "strict" ? listStyle.cellStrict : ""),
-			colSpan,
-			"data-testid": dataTestid,
-			ref,
-			style: _objectSpread2(_objectSpread2({}, assignInlineVars({
-				[widthCell]: width !== null && width !== void 0 ? width : "auto",
-				[minWidthCell]: minWidth !== null && minWidth !== void 0 ? minWidth : "auto",
-				[maxWidthCell]: maxWidth !== null && maxWidth !== void 0 ? maxWidth : "none",
-				[widthChildrenCell]: width ? widthChildren : "auto",
-				[maxWidthChildrenCell]: maxWidth ? maxWidthChildren : "none",
-				[minWidthChildrenCell]: minWidth ? minWidthChildren : "auto"
-			})), style),
-			children
+function init_Cell() {
+	return (init_Cell = __esmMin(() => {
+		init_ColumnProvider();
+		init_ListContext();
+		init_styles_css();
+		init_variables_css();
+		init_objectSpread2();
+		Cell = forwardRef(({ children, className, "data-testid": dataTestid, colSpan, style }, ref) => {
+			const context = useColumnProvider();
+			const { colMode } = useListContext();
+			const width = context === null || context === void 0 ? void 0 : context.width;
+			const maxWidth = context === null || context === void 0 ? void 0 : context.maxWidth;
+			const minWidth = context === null || context === void 0 ? void 0 : context.minWidth;
+			/** Remove padding from width to avoid overflow since boxSizing = 'content-box' */
+			const widthChildren = (width === null || width === void 0 ? void 0 : width.includes("%")) ? "100%" : `calc(${width} - ${listCellPadding} - ${listCellPadding})`;
+			const maxWidthChildren = (maxWidth === null || maxWidth === void 0 ? void 0 : maxWidth.includes("%")) ? "100%" : `calc(${maxWidth} - ${listCellPadding} - ${listCellPadding})`;
+			const minWidthChildren = (minWidth === null || minWidth === void 0 ? void 0 : minWidth.includes("%")) ? "100%" : `calc(${minWidth} - ${listCellPadding} - ${listCellPadding})`;
+			return /* @__PURE__ */ jsx("td", {
+				className: cn(className, listStyle.cell, colMode === "strict" ? listStyle.cellStrict : ""),
+				colSpan,
+				"data-testid": dataTestid,
+				ref,
+				style: _objectSpread2(_objectSpread2({}, assignInlineVars({
+					[widthCell]: width !== null && width !== void 0 ? width : "auto",
+					[minWidthCell]: minWidth !== null && minWidth !== void 0 ? minWidth : "auto",
+					[maxWidthCell]: maxWidth !== null && maxWidth !== void 0 ? maxWidth : "none",
+					[widthChildrenCell]: width ? widthChildren : "auto",
+					[maxWidthChildrenCell]: maxWidth ? maxWidthChildren : "none",
+					[minWidthChildrenCell]: minWidth ? minWidthChildren : "auto"
+				})), style),
+				children
+			});
 		});
-	});
-	Cell.displayName = "List.Cell";
-});
+		Cell.displayName = "List.Cell";
+	}))();
+}
 
 //#endregion
 init_Cell();

package/dist/components/List/ColumnProvider.js

@@ -4,25 +4,27 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/List/ColumnProvider.tsx
 var ColumnContext, ColumnProvider, useColumnProvider;
-var init_ColumnProvider = __esmMin(() => {
-	ColumnContext = createContext(void 0);
-	ColumnProvider = ({ width, minWidth, maxWidth, children }) => {
-		const value = useMemo(() => ({
-			maxWidth,
-			minWidth,
-			width
-		}), [
-			maxWidth,
-			minWidth,
-			width
-		]);
-		return /* @__PURE__ */ jsx(ColumnContext.Provider, {
-			value,
-			children
-		});
-	};
-	useColumnProvider = () => useContext(ColumnContext);
-});
+function init_ColumnProvider() {
+	return (init_ColumnProvider = __esmMin(() => {
+		ColumnContext = createContext(void 0);
+		ColumnProvider = ({ width, minWidth, maxWidth, children }) => {
+			const value = useMemo(() => ({
+				maxWidth,
+				minWidth,
+				width
+			}), [
+				maxWidth,
+				minWidth,
+				width
+			]);
+			return /* @__PURE__ */ jsx(ColumnContext.Provider, {
+				value,
+				children
+			});
+		};
+		useColumnProvider = () => useContext(ColumnContext);
+	}))();
+}
 
 //#endregion
 init_ColumnProvider();

package/dist/components/List/ExpandButtonCell.js

@@ -11,33 +11,35 @@ 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, {})
+function init_ExpandButtonCell() {
+	return (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;
-	};
-});
+			}) : null;
+		};
+	}))();
+}
 
 //#endregion
 init_ExpandButtonCell();