@ultraviolet/ui 3.11.1 → 3.12.0

package/dist/components/Link/styles.css.d.ts

@@ -1,79 +1,81 @@
-export declare const link: import("@vanilla-extract/recipes").RuntimeFn<{
-    sentiment: {
-        primary: {
-            selectors: {
-                '&:hover::after': {
-                    backgroundColor: `var(--${string})`;
-                };
-                '&:focus::after': {
-                    backgroundColor: `var(--${string})`;
+export declare const linkStyle: {
+    link: import("@vanilla-extract/recipes").RuntimeFn<{
+        sentiment: {
+            primary: {
+                selectors: {
+                    '&:hover::after': {
+                        backgroundColor: `var(--${string})`;
+                    };
+                    '&:focus::after': {
+                        backgroundColor: `var(--${string})`;
+                    };
                 };
             };
-        };
-        info: {
-            selectors: {
-                '&:hover::after': {
-                    backgroundColor: `var(--${string})`;
-                };
-                '&:focus::after': {
-                    backgroundColor: `var(--${string})`;
+            info: {
+                selectors: {
+                    '&:hover::after': {
+                        backgroundColor: `var(--${string})`;
+                    };
+                    '&:focus::after': {
+                        backgroundColor: `var(--${string})`;
+                    };
                 };
             };
         };
-    };
-    prominence: {
-        [k: string]: {};
-    };
-    oneLine: {
-        true: {
-            whiteSpace: "nowrap";
-            textOverflow: "ellipsis";
-            overflow: "hidden";
-            display: "block";
+        prominence: {
+            [k: string]: {};
         };
-        false: {
-            width: "fit-content";
-        };
-    };
-    variant: {
-        captionStrong: {
-            fontSize: `var(--${string})`;
-            fontFamily: `var(--${string})`;
-            fontWeight: `var(--${string})`;
-            letterSpacing: `var(--${string})`;
-            lineHeight: `var(--${string})`;
-            paragraphSpacing: `var(--${string})`;
-            textCase: `var(--${string})`;
-        };
-        bodySmallStrong: {
-            fontSize: `var(--${string})`;
-            fontFamily: `var(--${string})`;
-            fontWeight: `var(--${string})`;
-            letterSpacing: `var(--${string})`;
-            lineHeight: `var(--${string})`;
-            paragraphSpacing: `var(--${string})`;
-            textCase: `var(--${string})`;
+        oneLine: {
+            true: {
+                whiteSpace: "nowrap";
+                textOverflow: "ellipsis";
+                overflow: "hidden";
+                display: "block";
+            };
+            false: {
+                width: "fit-content";
+            };
         };
-        bodyStrong: {
-            fontSize: `var(--${string})`;
-            fontFamily: `var(--${string})`;
-            fontWeight: `var(--${string})`;
-            letterSpacing: `var(--${string})`;
-            lineHeight: `var(--${string})`;
-            paragraphSpacing: `var(--${string})`;
-            textCase: `var(--${string})`;
+        variant: {
+            captionStrong: {
+                fontSize: `var(--${string})`;
+                fontFamily: `var(--${string})`;
+                fontWeight: `var(--${string})`;
+                letterSpacing: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+                paragraphSpacing: `var(--${string})`;
+                textCase: `var(--${string})`;
+            };
+            bodySmallStrong: {
+                fontSize: `var(--${string})`;
+                fontFamily: `var(--${string})`;
+                fontWeight: `var(--${string})`;
+                letterSpacing: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+                paragraphSpacing: `var(--${string})`;
+                textCase: `var(--${string})`;
+            };
+            bodyStrong: {
+                fontSize: `var(--${string})`;
+                fontFamily: `var(--${string})`;
+                fontWeight: `var(--${string})`;
+                letterSpacing: `var(--${string})`;
+                lineHeight: `var(--${string})`;
+                paragraphSpacing: `var(--${string})`;
+                textCase: `var(--${string})`;
+            };
         };
-    };
-    type: {
-        inline: {
-            textDecoration: "underline";
-            textDecorationThickness: number;
+        type: {
+            inline: {
+                textDecoration: "underline";
+                textDecorationThickness: number;
+            };
+            standalone: {};
         };
-        standalone: {};
-    };
-}>;
-export declare const containerIconLink: string;
-export declare const defaultLink: string;
-export declare const iconLeftLink: string;
-export declare const iconRightLink: string;
+    }>;
+    containerIcon: string;
+    defaultLink: string;
+    iconLeft: string;
+    iconRight: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Link/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Link/styles.css.ts"],"names":[],"mappings":"AAuDA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6Ff,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAG5B,CAAA;AAKF,eAAO,MAAM,WAAW,QAAY,CAAA;AAEpC,eAAO,MAAM,YAAY,QAWvB,CAAA;AAGF,eAAO,MAAM,aAAa,QAWxB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Link/styles.css.ts"],"names":[],"mappings":"AAgMA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMrB,CAAA"}

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

@@ -1,80 +1,88 @@
-/* empty css                      */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Link/styles.css.ts
-var 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"
-		}
-	},
-	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"],
-		[{
-			sentiment: "info",
-			prominence: "strong"
-		}, "uv_1dtqm9ej"],
-		[{
-			sentiment: "info",
-			prominence: "stronger"
-		}, "uv_1dtqm9ek"],
-		[{
-			sentiment: "info",
-			prominence: "weak"
-		}, "uv_1dtqm9el"]
-	]
+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"
+				},
+				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"],
+				[{
+					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"
+	};
 });
-var containerIconLink = "uv_1dtqm9em";
-var defaultLink = "uv_1dtqm9en";
-var iconLeftLink = "uv_1dtqm9eo";
-var iconRightLink = "uv_1dtqm9ep";
 
 //#endregion
-export { containerIconLink, defaultLink, iconLeftLink, iconRightLink, link };
+init_styles_css();
+export { init_styles_css, linkStyle };

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

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Link/styles.css.ts.vanilla.css
+var init_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/List/Cell.js

@@ -1,42 +1,51 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
-import { useColumnProvider } from "./ColumnProvider.js";
-import { useListContext } from "./ListContext.js";
-import { listCell, listCellStrict } from "./styles.css.js";
-import { listCellPadding, maxWidthCell, maxWidthChildrenCell, minWidthCell, minWidthChildrenCell, widthCell, widthChildrenCell } from "./variables.css.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.115.0/helpers/objectSpread2.js";
+import { init_ColumnProvider, useColumnProvider } from "./ColumnProvider.js";
+import { init_ListContext, useListContext } from "./ListContext.js";
+import { init_styles_css, listStyle } from "./styles.css.js";
+import { init_variables_css, listCellPadding, maxWidthCell, maxWidthChildrenCell, minWidthCell, minWidthChildrenCell, widthCell, widthChildrenCell } from "./variables.css.js";
 import { forwardRef } from "react";
+import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
 
 //#region src/components/List/Cell.tsx
-const 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, listCell, colMode === "strict" ? listCellStrict : ""),
-		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
+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
+		});
 	});
 });
 
 //#endregion
-export { Cell };
+init_Cell();
+export { Cell, init_Cell };

package/dist/components/List/ColumnProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnProvider.d.ts","sourceRoot":"","sources":["../../../src/components/List/ColumnProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,KAAK,WAAW,GACZ;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,GACD,SAAS,CAAA;AAEb,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAGD,eAAO,MAAM,cAAc,4GAe1B,CAAA;AAGD,eAAO,MAAM,iBAAiB,mBAAkC,CAAA"}
+{"version":3,"file":"ColumnProvider.d.ts","sourceRoot":"","sources":["../../../src/components/List/ColumnProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,KAAK,WAAW,GACZ;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,GACD,SAAS,CAAA;AAEb,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAGD,eAAO,MAAM,cAAc,4GAiB1B,CAAA;AAGD,eAAO,MAAM,iBAAiB,mBAAkC,CAAA"}

package/dist/components/List/ColumnProvider.js

@@ -1,18 +1,29 @@
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { createContext, useContext } from "react";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/List/ColumnProvider.tsx
-const ColumnContext = createContext(void 0);
-const ColumnProvider = ({ width, minWidth, maxWidth, children }) => /* @__PURE__ */ jsx(ColumnContext.Provider, {
-	value: {
-		maxWidth,
-		minWidth,
-		width
-	},
-	children
+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);
 });
-const useColumnProvider = () => useContext(ColumnContext);
 
 //#endregion
-export { ColumnProvider, useColumnProvider };
+init_ColumnProvider();
+export { ColumnProvider, init_ColumnProvider, useColumnProvider };

package/dist/components/List/HeaderCell.js

@@ -1,62 +1,70 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../Stack/index.js";
-import { Tooltip } from "../Tooltip/index.js";
-import { listHeaderCell, listSortIcon } from "./styles.css.js";
-import { maxWidthHeaderCell, minWidthHeaderCell, widthHeaderCell } from "./variables.css.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../Stack/index.js";
+import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
+import { init_styles_css, listStyle } from "./styles.css.js";
+import { init_variables_css, maxWidthHeaderCell, minWidthHeaderCell, widthHeaderCell } from "./variables.css.js";
+import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
 import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIcon";
 import { SortIcon } from "@ultraviolet/icons/SortIcon";
 import { SouthShortIcon } from "@ultraviolet/icons/SouthShortIcon";
 
 //#region src/components/List/HeaderCell.tsx
-const SortIcon$1 = /* @__PURE__ */ __name(({ order }) => order ? /* @__PURE__ */ jsx(SouthShortIcon, {
-	className: listSortIcon[order],
-	sentiment: "primary"
-}) : /* @__PURE__ */ jsx(SortIcon, { sentiment: "neutral" }), "SortIcon");
-const 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, listHeaderCell),
-		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$1, { order }) : null
-			]
-		})
-	});
-};
+var SortIcon$1, HeaderCell;
+var init_HeaderCell = __esmMin(() => {
+	init_Stack();
+	init_Tooltip();
+	init_styles_css();
+	init_variables_css();
+	SortIcon$1 = /* @__PURE__ */ __name(({ order }) => order ? /* @__PURE__ */ jsx(SouthShortIcon, {
+		className: listStyle.sortIcon[order],
+		sentiment: "primary"
+	}) : /* @__PURE__ */ jsx(SortIcon, { sentiment: "neutral" }), "SortIcon");
+	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$1, { order }) : null
+				]
+			})
+		});
+	};
+});
 
 //#endregion
-export { HeaderCell };
+init_HeaderCell();
+export { HeaderCell, init_HeaderCell };

package/dist/components/List/HeaderRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderRow.d.ts","sourceRoot":"","sources":["../../../src/components/List/HeaderRow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,KAAK,QAAQ,GAAG;IACd,kBAAkB,EAAE,OAAO,CAAA;IAC3B,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,SAAS,yFA4BrB,CAAA"}
+{"version":3,"file":"HeaderRow.d.ts","sourceRoot":"","sources":["../../../src/components/List/HeaderRow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,KAAK,QAAQ,GAAG;IACd,kBAAkB,EAAE,OAAO,CAAA;IAC3B,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,SAAS,yFA8BrB,CAAA"}