@ultraviolet/ui 3.21.1 → 3.22.0

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

package/dist/components/List/HeaderCell.js

@@ -12,54 +12,56 @@ import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIco
 
 //#region src/components/List/HeaderCell.tsx
 var HeaderCell;
-var init_HeaderCell = __esmMin(() => {
-	init_Stack();
-	init_Tooltip();
-	init_SortIcon();
-	init_styles_css();
-	init_variables_css();
-	HeaderCell = ({ children, isOrdered, orderDirection, onOrder, className, info, width, minWidth, maxWidth }) => {
-		let order;
-		if (isOrdered && orderDirection === "asc") order = "ascending";
-		else if (isOrdered && orderDirection === "desc") order = "descending";
-		const handleOrder = onOrder ? () => onOrder(order === "ascending" ? "desc" : "asc") : void 0;
-		return /* @__PURE__ */ jsx("th", {
-			"aria-sort": order,
-			className: cn(className, listStyle.headerCell),
-			onClick: handleOrder,
-			onKeyDown: handleOrder ? (event) => {
-				if (event.key === " " || event.key === "Enter") {
-					handleOrder();
-					if (event.key === " ") event.preventDefault();
-				}
-			} : void 0,
-			role: onOrder ? "button columnheader" : void 0,
-			style: assignInlineVars({
-				[widthHeaderCell]: width,
-				[minWidthHeaderCell]: minWidth,
-				[maxWidthHeaderCell]: maxWidth
-			}),
-			tabIndex: handleOrder ? 0 : -1,
-			children: /* @__PURE__ */ jsxs(Stack, {
-				alignItems: "center",
-				direction: "row",
-				gap: 1,
-				children: [
-					children,
-					info ? /* @__PURE__ */ jsx(Tooltip, {
-						text: info,
-						children: /* @__PURE__ */ jsx(InformationOutlineIcon, {
-							prominence: "weak",
-							sentiment: "neutral",
-							size: "small"
-						})
-					}) : null,
-					orderDirection !== void 0 && isOrdered !== void 0 ? /* @__PURE__ */ jsx(SortIcon, { order }) : null
-				]
-			})
-		});
-	};
-});
+function init_HeaderCell() {
+	return (init_HeaderCell = __esmMin(() => {
+		init_Stack();
+		init_Tooltip();
+		init_SortIcon();
+		init_styles_css();
+		init_variables_css();
+		HeaderCell = ({ children, isOrdered, orderDirection, onOrder, className, info, width, minWidth, maxWidth }) => {
+			let order;
+			if (isOrdered && orderDirection === "asc") order = "ascending";
+			else if (isOrdered && orderDirection === "desc") order = "descending";
+			const handleOrder = onOrder ? () => onOrder(order === "ascending" ? "desc" : "asc") : void 0;
+			return /* @__PURE__ */ jsx("th", {
+				"aria-sort": order,
+				className: cn(className, listStyle.headerCell),
+				onClick: handleOrder,
+				onKeyDown: handleOrder ? (event) => {
+					if (event.key === " " || event.key === "Enter") {
+						handleOrder();
+						if (event.key === " ") event.preventDefault();
+					}
+				} : void 0,
+				role: onOrder ? "button columnheader" : void 0,
+				style: assignInlineVars({
+					[widthHeaderCell]: width,
+					[minWidthHeaderCell]: minWidth,
+					[maxWidthHeaderCell]: maxWidth
+				}),
+				tabIndex: handleOrder ? 0 : -1,
+				children: /* @__PURE__ */ jsxs(Stack, {
+					alignItems: "center",
+					direction: "row",
+					gap: 1,
+					children: [
+						children,
+						info ? /* @__PURE__ */ jsx(Tooltip, {
+							text: info,
+							children: /* @__PURE__ */ jsx(InformationOutlineIcon, {
+								prominence: "weak",
+								sentiment: "neutral",
+								size: "small"
+							})
+						}) : null,
+						orderDirection !== void 0 && isOrdered !== void 0 ? /* @__PURE__ */ jsx(SortIcon, { order }) : null
+					]
+				})
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_HeaderCell();

package/dist/components/List/HeaderRow.js

@@ -8,37 +8,39 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/List/HeaderRow.tsx
 var HeaderRow;
-var init_HeaderRow = __esmMin(() => {
-	init_Checkbox();
-	init_HeaderCell();
-	init_ListContext();
-	init_styles_css();
-	HeaderRow = ({ children, hasSelectAllColumn }) => {
-		const { allRowSelectValue, selectAllHandler, selectedRowIds, expandButton } = useListContext();
-		const selectableRowCount = Object.keys(selectedRowIds).length;
-		return /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", {
-			className: listStyle.headerRow,
-			children: [
-				hasSelectAllColumn ? /* @__PURE__ */ jsx(HeaderCell, {
-					className: listStyle.noPaddingHeaderCell,
-					children: /* @__PURE__ */ jsx(Checkbox, {
-						"aria-label": "select all",
-						checked: allRowSelectValue,
-						disabled: selectableRowCount === 0,
-						name: "list-select-checkbox",
-						onChange: selectAllHandler,
-						value: "all"
-					})
-				}) : null,
-				expandButton ? /* @__PURE__ */ jsx(HeaderCell, {
-					className: listStyle.noPaddingHeaderCell,
-					children: null
-				}) : null,
-				children
-			]
-		}) });
-	};
-});
+function init_HeaderRow() {
+	return (init_HeaderRow = __esmMin(() => {
+		init_Checkbox();
+		init_HeaderCell();
+		init_ListContext();
+		init_styles_css();
+		HeaderRow = ({ children, hasSelectAllColumn }) => {
+			const { allRowSelectValue, selectAllHandler, selectedRowIds, expandButton } = useListContext();
+			const selectableRowCount = Object.keys(selectedRowIds).length;
+			return /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", {
+				className: listStyle.headerRow,
+				children: [
+					hasSelectAllColumn ? /* @__PURE__ */ jsx(HeaderCell, {
+						className: listStyle.noPaddingHeaderCell,
+						children: /* @__PURE__ */ jsx(Checkbox, {
+							"aria-label": "select all",
+							checked: allRowSelectValue,
+							disabled: selectableRowCount === 0,
+							name: "list-select-checkbox",
+							onChange: selectAllHandler,
+							value: "all"
+						})
+					}) : null,
+					expandButton ? /* @__PURE__ */ jsx(HeaderCell, {
+						className: listStyle.noPaddingHeaderCell,
+						children: null
+					}) : null,
+					children
+				]
+			}) });
+		};
+	}))();
+}
 
 //#endregion
 init_HeaderRow();