@ultraviolet/ui 3.21.0 → 3.21.2

package/dist/components/SwitchButton/index.d.ts

@@ -1,4 +1,5 @@
 import type { ChangeEventHandler, CSSProperties, FocusEventHandler, ReactNode } from 'react';
+import { Option } from './Option';
 type SwitchButtonProps = {
     name?: string;
     children: ReactNode;
@@ -16,17 +17,7 @@ type SwitchButtonProps = {
 export declare function SwitchButton({ value, onChange, onFocus, onBlur, name, size, sentiment, tooltip, className, children, 'data-testid': dataTestId, style, }: SwitchButtonProps): import("react").JSX.Element;
 export declare namespace SwitchButton {
     var displayName: string;
-    var Option: {
-        ({ value, children, 'data-testid': dataTestId, disabled, tooltip, style }: {
-            value: string;
-            children: ReactNode;
-            'data-testid'?: string;
-            disabled?: boolean;
-            tooltip?: string;
-            style?: CSSProperties;
-        }): import("react").JSX.Element;
-        displayName: string;
-    };
+    export { Option };
 }
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/SwitchButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchButton/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAe,kBAAkB,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUzG,KAAK,iBAAiB,GAAG;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC5C,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAC9C,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;qCAK4B,EAC3B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,MAAM,EACN,IAAI,EACJ,IAAc,EACd,SAAqB,EACrB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,aAAa,EAAE,UAAU,EACzB,KAAK,GACN,EAAE,iBAAiB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchButton/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAe,kBAAkB,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKzG,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAKjC,KAAK,iBAAiB,GAAG;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC5C,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAC9C,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;qCAK4B,EAC3B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,MAAM,EACN,IAAI,EACJ,IAAc,EACd,SAAqB,EACrB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,aAAa,EAAE,UAAU,EACzB,KAAK,GACN,EAAE,iBAAiB"}

package/dist/components/SwitchButton/index.js

@@ -3,7 +3,6 @@ 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, switchButtonStyle } from "./styles.css.js";
-import { init_constant } from "./constant.js";
 import { FocusOverlay, init_FocusOverlay } from "./FocusOverlay.js";
 import { SwitchButtonContext, init_SwitchButtonContext } from "./SwitchButtonContext.js";
 import { Option, init_Option } from "./Option.js";
@@ -13,138 +12,139 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/SwitchButton/index.tsx
 var SwitchButton;
-var init_SwitchButton = __esmMin(() => {
-	init_Stack();
-	init_Tooltip();
-	init_constant();
-	init_FocusOverlay();
-	init_Option();
-	init_SwitchButtonContext();
-	init_styles_css();
-	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();
+function init_SwitchButton() {
+	return (init_SwitchButton = __esmMin(() => {
+		init_Stack();
+		init_Tooltip();
+		init_FocusOverlay();
+		init_Option();
+		init_SwitchButtonContext();
+		init_styles_css();
+		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);
 			};
-		}, [
-			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;
-				const currentWidth = (_currentElement$offse = currentElement.offsetWidth) !== null && _currentElement$offse !== void 0 ? _currentElement$offse : 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, switchButtonStyle.container[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]
+			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;
+					const currentWidth = (_currentElement$offse = currentElement.offsetWidth) !== null && _currentElement$offse !== void 0 ? _currentElement$offse : 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, switchButtonStyle.container[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.displayName = "SwitchButton";
-	SwitchButton.Option = Option;
-});
+			});
+		};
+		SwitchButton.displayName = "SwitchButton";
+		SwitchButton.Option = Option;
+	}))();
+}
 
 //#endregion
 init_SwitchButton();

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

@@ -3,22 +3,24 @@ import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/SwitchButton/styles.css.ts
 var switchButtonStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	switchButtonStyle = {
-		container: {
-			medium: "uv_m5izgx1 uv_m5izgx0",
-			small: "uv_m5izgx2 uv_m5izgx0"
-		},
-		optionBase: "uv_m5izgx3",
-		optionNeutral: "uv_m5izgx5",
-		optionPrimary: "uv_m5izgx4",
-		focusOverlay: {
-			neutral: "uv_m5izgx7 uv_m5izgx6",
-			primary: "uv_m5izgx8 uv_m5izgx6"
-		}
-	};
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		switchButtonStyle = {
+			container: {
+				medium: "uv_m5izgx1 uv_m5izgx0",
+				small: "uv_m5izgx2 uv_m5izgx0"
+			},
+			optionBase: "uv_m5izgx3",
+			optionNeutral: "uv_m5izgx5",
+			optionPrimary: "uv_m5izgx4",
+			focusOverlay: {
+				neutral: "uv_m5izgx7 uv_m5izgx6",
+				primary: "uv_m5izgx8 uv_m5izgx6"
+			}
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

@@ -1,7 +1,9 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/SwitchButton/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/Table/Body.js

@@ -4,10 +4,12 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Table/Body.tsx
 var Body;
-var init_Body = __esmMin(() => {
-	Body = ({ children }) => /* @__PURE__ */ jsx("tbody", { children });
-	Body.displayName = "Table.Body";
-});
+function init_Body() {
+	return (init_Body = __esmMin(() => {
+		Body = ({ children }) => /* @__PURE__ */ jsx("tbody", { children });
+		Body.displayName = "Table.Body";
+	}))();
+}
 
 //#endregion
 init_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;6BAEoB,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,KAAc,EAAE,KAAK,EAAE,EAAE,SAAS"}
+{"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;AAMxC,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;6BAEoB,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,KAAc,EAAE,KAAK,EAAE,EAAE,SAAS"}

package/dist/components/Table/Cell.js

@@ -1,8 +1,9 @@
 '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, tableStyle } from "./styles.css.js";
 import { init_ColumnProvider, useColumnProvider } from "../List/ColumnProvider.js";
+import { init_TableContext, useTableContext } from "./TableContext.js";
 import { init_variables_css, maxWidthCell, minWidthCell, widthCell } from "./variables.css.js";
 import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
@@ -10,34 +11,39 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Table/Cell.tsx
 var Cell;
-var init_Cell = __esmMin(() => {
-	init_ColumnProvider();
-	init_styles_css();
-	init_variables_css();
-	init_objectSpread2();
-	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, tableStyle.cell({
+function init_Cell() {
+	return (init_Cell = __esmMin(() => {
+		init_ColumnProvider();
+		init_TableContext();
+		init_styles_css();
+		init_variables_css();
+		init_objectSpread2();
+		Cell = ({ children, className, colSpan, rowSpan, sentiment, align = "left", style }) => {
+			var _context$width;
+			var _context$minWidth;
+			var _context$maxWidth;
+			const context = useColumnProvider();
+			const { size } = useTableContext();
+			return /* @__PURE__ */ jsx("td", {
 				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
-		});
-	};
-	Cell.displayName = "Table.Cell";
-});
+				className: cn(className, tableStyle.cell({
+					align,
+					sentiment,
+					size
+				})),
+				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
+			});
+		};
+		Cell.displayName = "Table.Cell";
+	}))();
+}
 
 //#endregion
 init_Cell();

package/dist/components/Table/Header.js

@@ -5,13 +5,15 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Table/Header.tsx
 var Header;
-var init_Header = __esmMin(() => {
-	init_styles_css();
-	Header = ({ children, highlighted }) => /* @__PURE__ */ jsx("thead", {
-		className: tableStyle.header({ highlighted }),
-		children
-	});
-});
+function init_Header() {
+	return (init_Header = __esmMin(() => {
+		init_styles_css();
+		Header = ({ children, highlighted }) => /* @__PURE__ */ jsx("thead", {
+			className: tableStyle.header({ highlighted }),
+			children
+		});
+	}))();
+}
 
 //#endregion
 init_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":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtC,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,qHAYpB,eAAe,gCAuDjB,CAAA"}
+{"version":3,"file":"HeaderCell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/HeaderCell.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQtC,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,qHAYpB,eAAe,gCAwDjB,CAAA"}

package/dist/components/Table/HeaderCell.js

@@ -3,6 +3,7 @@ import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
 import { Text, init_Text } from "../Text/index.js";
 import { init_styles_css, tableStyle } from "./styles.css.js";
+import { init_TableContext, useTableContext } from "./TableContext.js";
 import { headerCellMaxWidth, headerCellMinWidth, headerCellWidth, init_variables_css } from "./variables.css.js";
 import { SortIcon, init_SortIcon } from "./SortIcon.js";
 import { cn } from "@ultraviolet/utils";
@@ -12,62 +13,67 @@ import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIco
 
 //#region src/components/Table/HeaderCell.tsx
 var HeaderCell;
-var init_HeaderCell = __esmMin(() => {
-	init_Text();
-	init_Tooltip();
-	init_SortIcon();
-	init_styles_css();
-	init_variables_css();
-	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, tableStyle.headerCell({
+function init_HeaderCell() {
+	return (init_HeaderCell = __esmMin(() => {
+		init_Text();
+		init_Tooltip();
+		init_SortIcon();
+		init_TableContext();
+		init_styles_css();
+		init_variables_css();
+		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;
+			const { size } = useTableContext();
+			return /* @__PURE__ */ jsx("th", {
 				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: tableStyle.headerCellText,
-				sentiment: order === void 0 ? "neutral" : "primary",
-				variant: "bodySmallStronger",
-				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
-				]
-			})
-		});
-	};
-});
+				"aria-sort": order,
+				className: cn(className, tableStyle.headerCell({
+					align,
+					checked: isCheckbox,
+					size
+				})),
+				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: tableStyle.headerCellText,
+					sentiment: order === void 0 ? "neutral" : "primary",
+					variant: "bodySmallStronger",
+					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
+					]
+				})
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_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,qCAAsC,cAAc,gCAwBzE,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,qCAAsC,cAAc,gCAyBzE,CAAA"}