@ultraviolet/ui 3.8.2 → 3.10.0

package/dist/components/SwitchButton/index.js

@@ -1,160 +1,140 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
-import { useRef, useState, useCallback, useEffect, useMemo } from "react";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack } from "../Stack/index.js";
 import { Tooltip } from "../Tooltip/index.js";
-import { FOCUS_OVERLAY_SCALE_RATIO } from "./constant.js";
+import { switchButtonContainer } from "./styles.css.js";
 import { FocusOverlay } from "./FocusOverlay.js";
-import { Option } from "./Option.js";
 import { SwitchButtonContext } from "./SwitchButtonContext.js";
-import { switchButtonContainer } from "./styles.css.js";
-const SwitchButton = ({
-  value,
-  onChange,
-  onFocus,
-  onBlur,
-  name,
-  size = "small",
-  sentiment = "primary",
-  tooltip,
-  className,
-  children,
-  "data-testid": dataTestId,
-  style
-}) => {
-  const containerRef = useRef(null);
-  const [localValue, setLocalValue] = useState(value);
-  const [refOptions, setRefOptions] = useState([]);
-  const [position, setPosition] = useState(0);
-  const [width, setWidth] = useState(0);
-  const [mouseDownSide, setMouseDownSide] = useState(
-    null
-  );
-  const getElement = useCallback(
-    (referenceValue) => refOptions.find(
-      (element) => element.current && element.value === referenceValue
-    )?.current,
-    [refOptions]
-  );
-  const getPosition = (curentElement) => {
-    if (!curentElement) {
-      return 0;
-    }
-    const currentPosition = curentElement.getBoundingClientRect().left;
-    const containerPosition = containerRef.current?.getBoundingClientRect().left ?? 0;
-    return currentPosition - containerPosition;
-  };
-  useEffect(() => {
-    setLocalValue(value);
-    setWidth(getElement(value)?.offsetWidth ?? 0);
-    setPosition(getPosition(getElement(value)));
-  }, [refOptions, value, getElement]);
-  useEffect(() => {
-    const element = getElement(localValue);
-    if (!element) {
-      return void 0;
-    }
-    const resizeObserver = new ResizeObserver(() => {
-      if (element.offsetWidth && (![
-        width,
-        width + FOCUS_OVERLAY_SCALE_RATIO,
-        width - FOCUS_OVERLAY_SCALE_RATIO
-      ].includes(element.offsetWidth) || getPosition(element) !== position)) {
-        setWidth(element.offsetWidth ?? 0);
-        setPosition(getPosition(element));
-      }
-    });
-    resizeObserver.observe(element);
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, [getElement, width, position, localValue, children]);
-  const handleOnChange = useCallback(
-    (event) => {
-      onChange?.(event);
-      setLocalValue(event.target.value);
-      const currentElement = getElement(event.target.value);
-      if (currentElement && containerRef.current) {
-        const currentWidth = currentElement.offsetWidth ?? 0;
-        setWidth(currentWidth);
-        setPosition(getPosition(currentElement));
-      }
-    },
-    [getElement, onChange]
-  );
-  const valueContext = useMemo(
-    () => ({
-      handleOnChange,
-      localValue,
-      name,
-      onBlur,
-      onFocus,
-      refOptions,
-      sentiment,
-      setRefOptions,
-      size
-    }),
-    [
-      handleOnChange,
-      localValue,
-      name,
-      onBlur,
-      onFocus,
-      refOptions,
-      size,
-      sentiment
-    ]
-  );
-  return /* @__PURE__ */ jsx(SwitchButtonContext.Provider, { value: valueContext, children: /* @__PURE__ */ jsx(Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxs(
-    Stack,
-    {
-      className: cn(className, switchButtonContainer[size]),
-      "data-testid": dataTestId,
-      direction: "row",
-      onMouseDown: (event) => {
-        const rect = event.currentTarget.getBoundingClientRect();
-        const clickX = event.clientX - rect.left;
-        const clickInCurrentElement = clickX > position && clickX < position + width;
-        if (clickInCurrentElement) {
-          setMouseDownSide(null);
-        } else {
-          setMouseDownSide(
-            clickX < getPosition(getElement(localValue)) ? "left" : "right"
-          );
-          setWidth(width + FOCUS_OVERLAY_SCALE_RATIO);
-        }
-      },
-      onMouseLeave: () => {
-        setMouseDownSide(null);
-        if (mouseDownSide) {
-          setWidth(width - FOCUS_OVERLAY_SCALE_RATIO);
-        }
-      },
-      onMouseUp: () => {
-        setMouseDownSide(null);
-        if (mouseDownSide) {
-          setWidth(width - FOCUS_OVERLAY_SCALE_RATIO);
-        }
-      },
-      ref: containerRef,
-      style,
-      children: [
-        width ? /* @__PURE__ */ jsx(
-          FocusOverlay,
-          {
-            cardWidth: width,
-            mouseDownSide,
-            position,
-            sentiment
-          }
-        ) : null,
-        children
-      ]
-    }
-  ) }) });
+import { Option } from "./Option.js";
+import { cn } from "@ultraviolet/utils";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/SwitchButton/index.tsx
+/**
+* SwitchButton is a component that allows the user to select between two options.
+*/
+const SwitchButton = ({ value, onChange, onFocus, onBlur, name, size = "small", sentiment = "primary", tooltip, className, children, "data-testid": dataTestId, style }) => {
+	const containerRef = useRef(null);
+	const [localValue, setLocalValue] = useState(value);
+	const [refOptions, setRefOptions] = useState([]);
+	const [position, setPosition] = useState(0);
+	const [width, setWidth] = useState(0);
+	const [mouseDownSide, setMouseDownSide] = useState(null);
+	const getElement = useCallback((referenceValue) => {
+		var _refOptions$find;
+		return (_refOptions$find = refOptions.find((element) => element.current && element.value === referenceValue)) === null || _refOptions$find === void 0 ? void 0 : _refOptions$find.current;
+	}, [refOptions]);
+	const getPosition = (curentElement) => {
+		var _containerRef$current;
+		var _containerRef$current2;
+		if (!curentElement) return 0;
+		return curentElement.getBoundingClientRect().left - ((_containerRef$current = (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.getBoundingClientRect().left) !== null && _containerRef$current !== void 0 ? _containerRef$current : 0);
+	};
+	useEffect(() => {
+		var _getElement$offsetWid;
+		var _getElement;
+		setLocalValue(value);
+		setWidth((_getElement$offsetWid = (_getElement = getElement(value)) === null || _getElement === void 0 ? void 0 : _getElement.offsetWidth) !== null && _getElement$offsetWid !== void 0 ? _getElement$offsetWid : 0);
+		setPosition(getPosition(getElement(value)));
+	}, [
+		refOptions,
+		value,
+		getElement
+	]);
+	useEffect(() => {
+		const element = getElement(localValue);
+		if (!element) return;
+		const resizeObserver = new ResizeObserver(() => {
+			if (element.offsetWidth && (![
+				width,
+				width + 6,
+				width - 6
+			].includes(element.offsetWidth) || getPosition(element) !== position)) {
+				var _element$offsetWidth;
+				setWidth((_element$offsetWidth = element.offsetWidth) !== null && _element$offsetWidth !== void 0 ? _element$offsetWidth : 0);
+				setPosition(getPosition(element));
+			}
+		});
+		resizeObserver.observe(element);
+		return () => {
+			resizeObserver.disconnect();
+		};
+	}, [
+		getElement,
+		width,
+		position,
+		localValue,
+		children
+	]);
+	const handleOnChange = useCallback((event) => {
+		onChange === null || onChange === void 0 || onChange(event);
+		setLocalValue(event.target.value);
+		const currentElement = getElement(event.target.value);
+		if (currentElement && containerRef.current) {
+			var _currentElement$offse;
+			setWidth((_currentElement$offse = currentElement.offsetWidth) !== null && _currentElement$offse !== void 0 ? _currentElement$offse : 0);
+			setPosition(getPosition(currentElement));
+		}
+	}, [getElement, onChange]);
+	const valueContext = useMemo(() => ({
+		handleOnChange,
+		localValue,
+		name,
+		onBlur,
+		onFocus,
+		refOptions,
+		sentiment,
+		setRefOptions,
+		size
+	}), [
+		handleOnChange,
+		localValue,
+		name,
+		onBlur,
+		onFocus,
+		refOptions,
+		size,
+		sentiment
+	]);
+	return /* @__PURE__ */ jsx(SwitchButtonContext.Provider, {
+		value: valueContext,
+		children: /* @__PURE__ */ jsx(Tooltip, {
+			text: tooltip,
+			children: /* @__PURE__ */ jsxs(Stack, {
+				className: cn(className, switchButtonContainer[size]),
+				"data-testid": dataTestId,
+				direction: "row",
+				onMouseDown: (event) => {
+					const rect = event.currentTarget.getBoundingClientRect();
+					const clickX = event.clientX - rect.left;
+					if (clickX > position && clickX < position + width) setMouseDownSide(null);
+					else {
+						setMouseDownSide(clickX < getPosition(getElement(localValue)) ? "left" : "right");
+						setWidth(width + 6);
+					}
+				},
+				onMouseLeave: () => {
+					setMouseDownSide(null);
+					if (mouseDownSide) setWidth(width - 6);
+				},
+				onMouseUp: () => {
+					setMouseDownSide(null);
+					if (mouseDownSide) setWidth(width - 6);
+				},
+				ref: containerRef,
+				style,
+				children: [width ? /* @__PURE__ */ jsx(FocusOverlay, {
+					cardWidth: width,
+					mouseDownSide,
+					position,
+					sentiment
+				}) : null, children]
+			})
+		})
+	});
 };
 SwitchButton.Option = Option;
-export {
-  SwitchButton
-};
+
+//#endregion
+export { SwitchButton };

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

@@ -1,4 +1,4 @@
-export declare const switchButtonContainer: Record<"small" | "medium", string>;
+export declare const switchButtonContainer: Record<"medium" | "small", string>;
 export declare const switchButtonOptionBase: string;
 /**
  * Create style variant so it is easier to deal with the global styles

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

@@ -1,13 +1,17 @@
-/* empty css                          */
-var switchButtonContainer = { medium: "uv_m5izgx1 uv_m5izgx0", small: "uv_m5izgx2 uv_m5izgx0" };
+/* empty css                      */
+
+//#region src/components/SwitchButton/styles.css.ts
+var switchButtonContainer = {
+	medium: "uv_m5izgx1 uv_m5izgx0",
+	small: "uv_m5izgx2 uv_m5izgx0"
+};
 var switchButtonOptionBase = "uv_m5izgx3";
 var switchButtonOptionPrimary = "uv_m5izgx4";
 var switchButtonOptionNeutral = "uv_m5izgx5";
-var focusOverlay = { neutral: "uv_m5izgx7 uv_m5izgx6", primary: "uv_m5izgx8 uv_m5izgx6" };
-export {
-  focusOverlay,
-  switchButtonContainer,
-  switchButtonOptionBase,
-  switchButtonOptionNeutral,
-  switchButtonOptionPrimary
+var focusOverlay = {
+	neutral: "uv_m5izgx7 uv_m5izgx6",
+	primary: "uv_m5izgx8 uv_m5izgx6"
 };
+
+//#endregion
+export { focusOverlay, switchButtonContainer, switchButtonOptionBase, switchButtonOptionNeutral, switchButtonOptionPrimary };

package/dist/components/Table/Body.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Body.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,IAAI,GAAI,cAAc,SAAS,4CAA8B,CAAA"}
+{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Body.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,IAAI,sEAAyD,CAAA"}

package/dist/components/Table/Body.js

@@ -1,6 +1,9 @@
-"use client";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Table/Body.tsx
 const Body = ({ children }) => /* @__PURE__ */ jsx("tbody", { children });
-export {
-  Body
-};
+
+//#endregion
+export { Body };

package/dist/components/Table/Cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Cell.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAKxC,KAAK,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AAExC,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,IAAI,GAAI,qEAQlB,SAAS,4CAqBX,CAAA"}
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Cell.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAKxC,KAAK,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AAExC,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,IAAI,6HA6BhB,CAAA"}

package/dist/components/Table/Cell.js

@@ -1,39 +1,35 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { useColumnProvider } from "../List/ColumnProvider.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
 import { tableCell } from "./styles.css.js";
 import { maxWidthCell, minWidthCell, widthCell } from "./variables.css.js";
-const Cell = ({
-  children,
-  className,
-  colSpan,
-  rowSpan,
-  sentiment,
-  align = "left",
-  style
-}) => {
-  const context = useColumnProvider();
-  return /* @__PURE__ */ jsx(
-    "td",
-    {
-      align,
-      className: cn(className, tableCell({ align, sentiment })),
-      colSpan,
-      rowSpan,
-      style: {
-        ...assignInlineVars({
-          [widthCell]: context?.width ?? "auto",
-          [minWidthCell]: context?.minWidth ?? "auto",
-          [maxWidthCell]: context?.maxWidth ?? "none"
-        }),
-        ...style
-      },
-      children
-    }
-  );
-};
-export {
-  Cell
+import { cn } from "@ultraviolet/utils";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Table/Cell.tsx
+const Cell = ({ children, className, colSpan, rowSpan, sentiment, align = "left", style }) => {
+	var _context$width;
+	var _context$minWidth;
+	var _context$maxWidth;
+	const context = useColumnProvider();
+	return /* @__PURE__ */ jsx("td", {
+		align,
+		className: cn(className, tableCell({
+			align,
+			sentiment
+		})),
+		colSpan,
+		rowSpan,
+		style: _objectSpread2(_objectSpread2({}, assignInlineVars({
+			[widthCell]: (_context$width = context === null || context === void 0 ? void 0 : context.width) !== null && _context$width !== void 0 ? _context$width : "auto",
+			[minWidthCell]: (_context$minWidth = context === null || context === void 0 ? void 0 : context.minWidth) !== null && _context$minWidth !== void 0 ? _context$minWidth : "auto",
+			[maxWidthCell]: (_context$maxWidth = context === null || context === void 0 ? void 0 : context.maxWidth) !== null && _context$maxWidth !== void 0 ? _context$maxWidth : "none"
+		})), style),
+		children
+	});
 };
+
+//#endregion
+export { Cell };

package/dist/components/Table/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,MAAM,GAAI,cAAc,WAAW,4CAE/C,CAAA"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,MAAM,wEAElB,CAAA"}

package/dist/components/Table/Header.js

@@ -1,7 +1,13 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { tableHeader } from "./styles.css.js";
-const Header = ({ children }) => /* @__PURE__ */ jsx("thead", { className: tableHeader, children });
-export {
-  Header
-};
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Table/Header.tsx
+const Header = ({ children }) => /* @__PURE__ */ jsx("thead", {
+	className: tableHeader,
+	children
+});
+
+//#endregion
+export { Header };

package/dist/components/Table/HeaderCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderCell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/HeaderCell.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAkBtC,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,cAAc,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;IACxC,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAA;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,kHAYxB,eAAe,4CA6DjB,CAAA"}
+{"version":3,"file":"HeaderCell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/HeaderCell.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAkBtC,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,cAAc,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;IACxC,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAA;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,UAAU,gLAyEtB,CAAA"}

package/dist/components/Table/HeaderCell.js

@@ -1,82 +1,71 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIcon";
-import { SortIcon as SortIcon$1 } from "@ultraviolet/icons/SortIcon";
-import { SouthShortIcon } from "@ultraviolet/icons/SouthShortIcon";
-import { cn } from "@ultraviolet/utils";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { listSortIcon } from "../List/styles.css.js";
-import { Text } from "../Text/index.js";
 import { Tooltip } from "../Tooltip/index.js";
+import { Text } from "../Text/index.js";
 import { headerCellText, tableHeaderCell } from "./styles.css.js";
-import { headerCellMinWidth, headerCellMaxWidth, headerCellWidth } from "./variables.css.js";
-const SortIcon = ({ order }) => order ? /* @__PURE__ */ jsx(SouthShortIcon, { className: listSortIcon[order], sentiment: "primary" }) : /* @__PURE__ */ jsx(SortIcon$1, { sentiment: "neutral" });
-const HeaderCell = ({
-  children,
-  className,
-  isOrdered,
-  onOrder,
-  orderDirection,
-  info,
-  align,
-  width,
-  maxWidth,
-  minWidth,
-  isCheckbox
-}) => {
-  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",
-    {
-      align,
-      "aria-sort": order,
-      className: cn(className, tableHeaderCell({ align, checked: isCheckbox })),
-      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({
-        [headerCellWidth]: width ?? "auto",
-        [headerCellMaxWidth]: maxWidth ?? "none",
-        [headerCellMinWidth]: minWidth ?? "auto"
-      }),
-      tabIndex: handleOrder ? 0 : -1,
-      children: /* @__PURE__ */ jsxs(
-        Text,
-        {
-          as: "div",
-          className: headerCellText,
-          sentiment: order !== void 0 ? "primary" : "neutral",
-          variant: "bodySmall",
-          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, { "aria-disabled": !onOrder, order }) : null
-          ]
-        }
-      )
-    }
-  );
-};
-export {
-  HeaderCell
+import { headerCellMaxWidth, headerCellMinWidth, headerCellWidth } from "./variables.css.js";
+import { cn } from "@ultraviolet/utils";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIcon";
+import { SortIcon } from "@ultraviolet/icons/SortIcon";
+import { SouthShortIcon } from "@ultraviolet/icons/SouthShortIcon";
+
+//#region src/components/Table/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, className, isOrdered, onOrder, orderDirection, info, align, width, maxWidth, minWidth, isCheckbox }) => {
+	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", {
+		align,
+		"aria-sort": order,
+		className: cn(className, tableHeaderCell({
+			align,
+			checked: isCheckbox
+		})),
+		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({
+			[headerCellWidth]: width !== null && width !== void 0 ? width : "auto",
+			[headerCellMaxWidth]: maxWidth !== null && maxWidth !== void 0 ? maxWidth : "none",
+			[headerCellMinWidth]: minWidth !== null && minWidth !== void 0 ? minWidth : "auto"
+		}),
+		tabIndex: handleOrder ? 0 : -1,
+		children: /* @__PURE__ */ jsxs(Text, {
+			as: "div",
+			className: headerCellText,
+			sentiment: order !== void 0 ? "primary" : "neutral",
+			variant: "bodySmall",
+			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, {
+					"aria-disabled": !onOrder,
+					order
+				}) : null
+			]
+		})
+	});
 };
+
+//#endregion
+export { HeaderCell };

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderRow.d.ts","sourceRoot":"","sources":["../../../src/components/Table/HeaderRow.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,kBAAkB,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,kCAAkC,cAAc,4CA4BzE,CAAA"}
+{"version":3,"file":"HeaderRow.d.ts","sourceRoot":"","sources":["../../../src/components/Table/HeaderRow.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,kBAAkB,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,SAAS,+FA4BrB,CAAA"}