@ultraviolet/ui 3.12.3 → 3.13.1

package/dist/components/LineChart/CustomLegend.js

@@ -5,26 +5,21 @@ import { Checkbox, init_Checkbox } from "../Checkbox/index.js";
 import { getLegendColor, init_legend } from "../../helpers/legend.js";
 import { getAverage, getCurrent, getMax, getMin, getSelected, init_helpers } from "./helpers.js";
 import { backgroundColorLegend, init_styles_css, lineChartStyle } from "./styles.css.js";
+import { Cell, init_LegendCell } from "./LegendCell.js";
 import { theme } from "@ultraviolet/themes";
 import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/LineChart/CustomLegend.tsx
-var Cell, noop, CustomLegend;
+var noop, CustomLegend;
 var init_CustomLegend = __esmMin(() => {
 	init_legend();
 	init_Checkbox();
 	init_Text();
 	init_helpers();
+	init_LegendCell();
 	init_styles_css();
-	Cell = ({ value, variant }) => /* @__PURE__ */ jsx(Text, {
-		as: "span",
-		className: cn(lineChartStyle.textLegend, lineChartStyle.headTitle),
-		sentiment: "neutral",
-		variant,
-		children: value
-	});
 	noop = (value) => value.toString();
 	CustomLegend = ({ axisTransformer = noop, data, selected, setSelected, className, "data-testid": dataTestId }) => /* @__PURE__ */ jsxs("div", {
 		className: cn(className, lineChartStyle.container),
@@ -56,7 +51,7 @@ var init_CustomLegend = __esmMin(() => {
 		}), /* @__PURE__ */ jsx("div", {
 			className: lineChartStyle.body,
 			children: data === null || data === void 0 ? void 0 : data.map((row, index) => {
-				const values = row.data.map((val) => val.y);
+				const values = row.data.map((val) => val.y).filter((val) => typeof val === "number");
 				const labelIndexed = `${row.id}${index}`;
 				const id = row.id.toString();
 				return /* @__PURE__ */ jsxs("div", {

package/dist/components/LineChart/LegendCell.d.ts

@@ -0,0 +1,10 @@
+import { Text } from '../Text';
+import type { DatumValue } from '@nivo/core';
+import type { ComponentProps } from 'react';
+type CellProps = {
+    value?: DatumValue;
+    variant: ComponentProps<typeof Text>['variant'];
+};
+export declare const Cell: ({ value, variant }: CellProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LegendCell.d.ts.map

package/dist/components/LineChart/LegendCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegendCell.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/LegendCell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAI9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,KAAK,SAAS,GAAG;IACf,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,OAAO,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,SAAS,CAAC,CAAA;CAChD,CAAA;AAED,eAAO,MAAM,IAAI,uBAAwB,SAAS,4CASjD,CAAA"}

package/dist/components/LineChart/LegendCell.js

@@ -0,0 +1,23 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../Text/index.js";
+import { init_styles_css, lineChartStyle } from "./styles.css.js";
+import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/LineChart/LegendCell.tsx
+var Cell;
+var init_LegendCell = __esmMin(() => {
+	init_Text();
+	init_styles_css();
+	Cell = ({ value, variant }) => /* @__PURE__ */ jsx(Text, {
+		as: "span",
+		className: cn(lineChartStyle.textLegend, lineChartStyle.headTitle),
+		sentiment: "neutral",
+		variant,
+		children: value === null || value === void 0 ? void 0 : value.toString()
+	});
+});
+
+//#endregion
+init_LegendCell();
+export { Cell, init_LegendCell };

package/dist/components/LineChart/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/Tooltip.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEvC,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,KAAK,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,gBAAgB,wGAiC5B,CAAA"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/Tooltip.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEvC,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,KAAK,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,gBAAgB,uCAI1B,qBAAqB,4CA6BvB,CAAA"}

package/dist/components/LineChart/helpers.d.ts

@@ -1,9 +1,9 @@
-import type { Serie } from '@nivo/line';
-export declare const getMin: (values?: import("@nivo/core").DatumValue[]) => number;
-export declare const getMax: (values?: import("@nivo/core").DatumValue[]) => number;
-export declare const getAverage: (values?: import("@nivo/core").DatumValue[]) => number;
-export declare const getMaxChartValue: (preppedData?: Serie[] | undefined) => number;
-export declare const getMinChartValue: (preppedData?: Serie[] | undefined) => number;
+import type { DatumValue, Serie } from '@nivo/line';
+export declare const getMin: (values?: DatumValue[]) => number;
+export declare const getMax: (values?: DatumValue[]) => number;
+export declare const getAverage: (values?: DatumValue[]) => number;
+export declare const getMaxChartValue: (preppedData?: Serie[]) => number;
+export declare const getMinChartValue: (preppedData?: Serie[]) => number;
 export declare const getCurrent: (values?: number[]) => number;
 export declare const getSelected: (label: string, index: number, selected?: string[]) => string[];
 //# sourceMappingURL=helpers.d.ts.map

package/dist/components/LineChart/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,KAAK,EAAE,MAAM,YAAY,CAAA;AAgBnD,eAAO,MAAM,MAAM,wDACmD,CAAA;AAEtE,eAAO,MAAM,MAAM,wDACmD,CAAA;AAEtE,eAAO,MAAM,UAAU,wDAOhB,CAAA;AAEP,eAAO,MAAM,gBAAgB,+CAU5B,CAAA;AAED,eAAO,MAAM,gBAAgB,+CAU5B,CAAA;AAED,eAAO,MAAM,UAAU,+BAItB,CAAA;AAED,eAAO,MAAM,WAAW,iEAevB,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAgBnD,eAAO,MAAM,MAAM,YAAY,UAAU,EAAE,KAAQ,MACmB,CAAA;AAEtE,eAAO,MAAM,MAAM,YAAY,UAAU,EAAE,KAAQ,MACmB,CAAA;AAEtE,eAAO,MAAM,UAAU,YAAY,UAAU,EAAE,KAAQ,MAOhD,CAAA;AAEP,eAAO,MAAM,gBAAgB,iBAAkB,KAAK,EAAE,KAAG,MAUxD,CAAA;AAED,eAAO,MAAM,gBAAgB,iBAAkB,KAAK,EAAE,KAAG,MAUxD,CAAA;AAED,eAAO,MAAM,UAAU,YAAY,MAAM,EAAE,KAAQ,MAIlD,CAAA;AAED,eAAO,MAAM,WAAW,UACf,MAAM,SACN,MAAM,aACH,MAAM,EAAE,KACjB,MAAM,EAWR,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAE5C,OAAO,KAAK,EAAE,UAAU,EAAE,GAAG,IAAI,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1D,KAAK,cAAc,GAAG;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,EAAE,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,KAAK,EAAE,KAAK,CAAA;KACb,KAAK,OAAO,CACX,IAAI,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,EAAE,YAAY,GAAG,YAAY,CAAC,CAC3E,CAAA;IACD,cAAc,CAAC,EAAE,OAAO,CACtB,MAAM,CACJ,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,EACnC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,iBAAiB,CAAC,CACvD,CACF,CAAA;IACD,eAAe,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;IACrE,UAAU,CAAC,EAAE,OAAO,CAClB,MAAM,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,CAC7D,CAAA;IACD,UAAU,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;IAClC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AA0BD;;;;GAIG;AACH,eAAO,MAAM,SAAS,gOA6FrB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAE5C,OAAO,KAAK,EAAE,UAAU,EAAE,GAAG,IAAI,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1D,KAAK,cAAc,GAAG;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,EAAE,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,KAAK,EAAE,KAAK,CAAA;KACb,KAAK,OAAO,CACX,IAAI,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,EAAE,YAAY,GAAG,YAAY,CAAC,CAC3E,CAAA;IACD,cAAc,CAAC,EAAE,OAAO,CACtB,MAAM,CACJ,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,EACnC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,iBAAiB,CAAC,CACvD,CACF,CAAA;IACD,eAAe,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;IACrE,UAAU,CAAC,EAAE,OAAO,CAClB,MAAM,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,CAC7D,CAAA;IACD,UAAU,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;IAClC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AA0BD;;;;GAIG;AACH,eAAO,MAAM,SAAS,sKAcnB,cAAc,4CA+EhB,CAAA"}

package/dist/components/LineChart/index.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.120.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import { getLegendColor, init_legend } from "../../helpers/legend.js";
 import { getNivoTheme, init_nivoTheme } from "../../helpers/nivoTheme.js";
 import { getMaxChartValue, getMinChartValue, init_helpers } from "./helpers.js";

package/dist/components/Link/constants.d.ts

@@ -1,7 +1,7 @@
 export declare const PROMINENCES: {
-    readonly default: "";
-    readonly strong: "strong";
-    readonly stronger: "stronger";
-    readonly weak: "weak";
+    readonly default: '';
+    readonly strong: 'strong';
+    readonly stronger: 'stronger';
+    readonly weak: 'weak';
 };
 //# sourceMappingURL=constants.d.ts.map

package/dist/components/Link/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Link/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;CAKd,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Link/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;aACtB,OAAO,EAAE,EAAE;aACX,MAAM,EAAE,QAAQ;aAChB,QAAQ,EAAE,UAAU;aACpB,IAAI,EAAE,MAAM;CACJ,CAAA"}

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":"AAiMA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMrB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Link/styles.css.ts"],"names":[],"mappings":"AAiMA,eAAO,MAAM,SAAS;;;YAnHhB,OAAO;gBACL,SAAS;oBACP,gBAAgB;wBACd,eAAe;;oBAEjB,gBAAgB;wBACd,eAAe;;;;YAIrB,IAAI;gBACF,SAAS;oBACP,gBAAgB;wBACd,eAAe;;oBAEjB,gBAAgB;wBACd,eAAe;;;;;;;;;;;;;;;;;;;;YAoBrB,aAAa;;;;;;;;;YACb,eAAe;;;;;;;;;YACf,UAAU;;;;;;;;;;;;;;;;;;;;;;CAmFf,CAAA"}

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.120.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.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";

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":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,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"}
+{"version":3,"file":"ColumnProvider.d.ts","sourceRoot":"","sources":["../../../src/components/List/ColumnProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,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,6CAKxB,mBAAmB,4CAYrB,CAAA;AAGD,eAAO,MAAM,iBAAiB,mBAAkC,CAAA"}

package/dist/components/List/ExpandButtonCell.d.ts

@@ -0,0 +1,10 @@
+import type { SENTIMENTS } from '../../theme';
+import type { ReactNode } from 'react';
+export declare const ExpandButtonCell: ({ disabled, expandable, toggleRowExpand, sentiment, id, }: {
+    disabled?: boolean;
+    expandable?: ReactNode;
+    toggleRowExpand: () => void;
+    sentiment: (typeof SENTIMENTS)[number];
+    id: string;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ExpandButtonCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandButtonCell.d.ts","sourceRoot":"","sources":["../../../src/components/List/ExpandButtonCell.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,eAAO,MAAM,gBAAgB,8DAM1B;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,SAAS,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACtC,EAAE,EAAE,MAAM,CAAA;CACX,mDAqBA,CAAA"}

package/dist/components/List/ExpandButtonCell.js

@@ -0,0 +1,44 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Button, init_Button } from "../Button/index.js";
+import { ColumnProvider, init_ColumnProvider } from "./ColumnProvider.js";
+import { init_ListContext, useListContext } from "./ListContext.js";
+import { init_styles_css, listStyle } from "./styles.css.js";
+import { Cell, init_Cell } from "./Cell.js";
+import { theme } from "@ultraviolet/themes";
+import { jsx } from "react/jsx-runtime";
+import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
+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, {})
+				})
+			})
+		}) : null;
+	};
+});
+
+//#endregion
+init_ExpandButtonCell();
+export { ExpandButtonCell, init_ExpandButtonCell };

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderCell.d.ts","sourceRoot":"","sources":["../../../src/components/List/HeaderCell.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAStC,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,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,UAAU,6JAiEtB,CAAA"}
+{"version":3,"file":"HeaderCell.d.ts","sourceRoot":"","sources":["../../../src/components/List/HeaderCell.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,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,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,UAAU,kGAUpB,eAAe,4CAuDjB,CAAA"}

package/dist/components/List/HeaderCell.js

@@ -4,24 +4,20 @@ 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 { SortIcon, init_SortIcon } from "./SortIcon.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/List/HeaderCell.tsx
-var SortIcon$1, HeaderCell;
+var HeaderCell;
 var init_HeaderCell = __esmMin(() => {
 	init_Stack();
 	init_Tooltip();
+	init_SortIcon();
 	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";
@@ -58,7 +54,7 @@ var init_HeaderCell = __esmMin(() => {
 							size: "small"
 						})
 					}) : null,
-					orderDirection !== void 0 && isOrdered !== void 0 ? /* @__PURE__ */ jsx(SortIcon$1, { order }) : null
+					orderDirection !== void 0 && isOrdered !== void 0 ? /* @__PURE__ */ jsx(SortIcon, { order }) : null
 				]
 			})
 		});

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":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,KAAK,QAAQ,GAAG;IACd,kBAAkB,EAAE,OAAO,CAAA;IAC3B,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,SAAS,yFA8BrB,CAAA"}
+{"version":3,"file":"HeaderRow.d.ts","sourceRoot":"","sources":["../../../src/components/List/HeaderRow.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,KAAK,QAAQ,GAAG;IACd,kBAAkB,EAAE,OAAO,CAAA;IAC3B,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,SAAS,qCAAsC,QAAQ,4CA8BnE,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ListContext.d.ts","sourceRoot":"","sources":["../../../src/components/List/ListContext.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,KAAK,EACV,cAAc,EACd,QAAQ,EACR,WAAW,IAAI,gBAAgB,EAC/B,SAAS,EACT,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAA;AAEd,KAAK,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,CAAA;AAEhD,MAAM,MAAM,gBAAgB,GAAG;IAE7B;;OAEG;IACH,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,MAAM,IAAI,CAAA;IACxE,cAAc,EAAE,QAAQ,CAAA;IACxB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,YAAY,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,IAAI,CAAA;IACpD,iBAAiB,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAA;IAC7D,gBAAgB,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACrE,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;IACnB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,cAAc,EAAE,QAAQ,CAAA;IACxB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,OAAO,EAAE,SAAS,CAAC,gBAAgB,CAAC,EAAE,CAAA;IACtC,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,CAAA;IACnE,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACzD,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;CAChC,CAAA;AAID,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,EAAE,OAAO,CAAA;IACrB,UAAU,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;IACrD,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;CAChC,CAAA;AAkBD,eAAO,MAAM,YAAY,2JA4SxB,CAAA;AAGD,eAAO,MAAM,cAAc,wBAO1B,CAAA"}
+{"version":3,"file":"ListContext.d.ts","sourceRoot":"","sources":["../../../src/components/List/ListContext.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,KAAK,EACV,cAAc,EACd,QAAQ,EACR,WAAW,IAAI,gBAAgB,EAC/B,SAAS,EACT,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAA;AAEd,KAAK,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,CAAA;AAEhD,MAAM,MAAM,gBAAgB,GAAG;IAE7B;;OAEG;IACH,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,MAAM,IAAI,CAAA;IACxE,cAAc,EAAE,QAAQ,CAAA;IACxB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,YAAY,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,IAAI,CAAA;IACpD,iBAAiB,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAA;IAC7D,gBAAgB,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACrE,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;IACnB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,cAAc,EAAE,QAAQ,CAAA;IACxB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,OAAO,EAAE,SAAS,CAAC,gBAAgB,CAAC,EAAE,CAAA;IACtC,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,CAAA;IACnE,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACzD,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;CAChC,CAAA;AAID,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,EAAE,OAAO,CAAA;IACrB,UAAU,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;IACrD,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;CAChC,CAAA;AAkBD,eAAO,MAAM,YAAY,8FAQtB,iBAAiB,4CAoSnB,CAAA;AAGD,eAAO,MAAM,cAAc,wBAO1B,CAAA"}

package/dist/components/List/ListContext.js

@@ -1,8 +1,8 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { init_toPropertyKey, toPropertyKey } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/toPropertyKey.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectSpread2.js";
-import { _objectWithoutProperties, init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectWithoutProperties.js";
+import { init_toPropertyKey, toPropertyKey } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/toPropertyKey.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties, init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectWithoutProperties.js";
 import { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 

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

@@ -1 +1 @@
-{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/List/Row.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACpD,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAEd,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACrD,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,GAAG,0GA+Of,CAAA"}
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/List/Row.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACpD,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAEd,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACrD,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,GAAG,0GA8Mf,CAAA"}

package/dist/components/List/Row.js

@@ -1,34 +1,30 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
-import { Button, init_Button } from "../Button/index.js";
-import { Checkbox, init_Checkbox } from "../Checkbox/index.js";
 import { ColumnProvider, init_ColumnProvider } from "./ColumnProvider.js";
 import { init_ListContext, useListContext } from "./ListContext.js";
 import { init_styles_css, listStyle } from "./styles.css.js";
 import { init_variables_css, paddingExpandableCell } from "./variables.css.js";
 import { Cell, init_Cell } from "./Cell.js";
+import { ExpandButtonCell, init_ExpandButtonCell } from "./ExpandButtonCell.js";
+import { SelectRowCell, init_SelectRowCell } from "./SelectRowCell.js";
 import { Children, Fragment, forwardRef, isValidElement, useCallback, useEffect, useId, useRef } from "react";
 import { theme } from "@ultraviolet/themes";
 import { cn } from "@ultraviolet/utils";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
-import { ArrowUpIcon } from "@ultraviolet/icons/ArrowUpIcon";
 
 //#region src/components/List/Row.tsx
 var Row;
 var init_Row = __esmMin(() => {
-	init_Button();
-	init_Checkbox();
-	init_Tooltip();
 	init_Cell();
 	init_ColumnProvider();
+	init_ExpandButtonCell();
 	init_ListContext();
+	init_SelectRowCell();
 	init_styles_css();
 	init_variables_css();
 	Row = forwardRef(({ children, id, expandable, disabled, selectDisabled, sentiment = "neutral", highlightAnimation, expanded, className, expandablePadding, "data-testid": dataTestid, style, "data-dragging": dataDragging, onMouseEnter, onMouseLeave, onClick, disabledClickRowToExpand }, forwardedRef) => {
-		const { selectable, registerExpandableRow, expandedRowIds, expandRow, collapseRow, registerSelectableRow, selectedRowIds, expandButton, columns, inRange, refList, setRefList, handleOnChange } = useListContext();
+		const { selectable, registerExpandableRow, expandedRowIds, expandRow, collapseRow, registerSelectableRow, selectedRowIds, expandButton, columns, refList, setRefList } = useListContext();
 		const expandedRowId = useId();
 		const checkboxRef = useRef(null);
 		const isSelectDisabled = disabled || selectDisabled !== void 0 && selectDisabled !== false;
@@ -68,6 +64,7 @@ var init_Row = __esmMin(() => {
 		});
 		const validChildrenArray = Children.toArray(childrenArrayNoFragment).filter((child) => isValidElement(child));
 		const totalColumns = columns.length + (selectable ? 1 : 0) + (expandButton ? 1 : 0);
+		const hasHightLight = selectable && !!selectedRowIds[id];
 		return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("tr", {
 			"aria-controls": expandable && expandedRowIds[id] ? expandedRowId : void 0,
 			"aria-disabled": disabled,
@@ -77,7 +74,7 @@ var init_Row = __esmMin(() => {
 				sentiment
 			})),
 			"data-dragging": dataDragging,
-			"data-highlight": selectable && !!selectedRowIds[id],
+			"data-highlight": hasHightLight,
 			"data-testid": dataTestid,
 			onClick: () => {
 				onClick === null || onClick === void 0 || onClick(id);
@@ -96,45 +93,19 @@ var init_Row = __esmMin(() => {
 			style,
 			tabIndex: cannotClickRowToExpand ? -1 : 0,
 			children: [
-				selectable ? /* @__PURE__ */ jsx(ColumnProvider, {
-					width: theme.sizing[300],
-					children: /* @__PURE__ */ jsx(Cell, {
-						className: listStyle.noPaddingCell,
-						children: /* @__PURE__ */ jsx("div", {
-							className: listStyle.checkboxContainer,
-							children: /* @__PURE__ */ jsx(Tooltip, {
-								text: typeof selectDisabled === "string" ? selectDisabled : void 0,
-								children: /* @__PURE__ */ jsx(Checkbox, {
-									"aria-label": "select",
-									checked: selectedRowIds[id],
-									className: (inRange === null || inRange === void 0 ? void 0 : inRange.includes(id)) ? listStyle.checkboxInRange : "",
-									disabled: isSelectDisabled,
-									name: "list-select-checkbox",
-									onChange: () => handleOnChange(id, selectedRowIds[id]),
-									ref: checkboxRef,
-									value: id
-								})
-							})
-						})
-					})
-				}) : null,
-				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,
+				/* @__PURE__ */ jsx(SelectRowCell, {
+					checkboxRef,
+					id,
+					isSelectDisabled,
+					selectDisabled
+				}),
+				/* @__PURE__ */ jsx(ExpandButtonCell, {
+					disabled,
+					expandable,
+					id,
+					sentiment,
+					toggleRowExpand
+				}),
 				validChildrenArray.map((child, index) => {
 					const column = columns[index];
 					return /* @__PURE__ */ jsx(ColumnProvider, {
@@ -148,7 +119,7 @@ var init_Row = __esmMin(() => {
 		}), expandable && expandedRowIds[id] ? /* @__PURE__ */ jsx("tr", {
 			className: listStyle.expandableWrapper,
 			"data-expandable-content": true,
-			"data-highlight": selectable && !!selectedRowIds[id],
+			"data-highlight": hasHightLight,
 			id: expandedRowId,
 			onClick: cannotClickRowToExpand ? void 0 : (e) => {
 				e.stopPropagation();

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

@@ -1 +1 @@
-{"version":3,"file":"SelectBar.d.ts","sourceRoot":"","sources":["../../../src/components/List/SelectBar.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,KAAK,cAAc,CAAC,CAAC,IAAI;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,CAAC,EAAE;QAAE,aAAa,EAAE,CAAC,EAAE,CAAC;QAAC,WAAW,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAA;IAC3E,IAAI,EAAE,CAAC,EAAE,CAAA;IACT;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC,CAAA;CACf,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,CAAC,6GAiC1B,CAAA"}
+{"version":3,"file":"SelectBar.d.ts","sourceRoot":"","sources":["../../../src/components/List/SelectBar.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,KAAK,cAAc,CAAC,CAAC,IAAI;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,CAAC,EAAE;QAAE,aAAa,EAAE,CAAC,EAAE,CAAC;QAAC,WAAW,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAA;IAC3E,IAAI,EAAE,CAAC,EAAE,CAAA;IACT;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC,CAAA;CACf,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,CAAC,yCAKxB,cAAc,CAAC,CAAC,CAAC,mDA4BnB,CAAA"}

package/dist/components/List/SelectRowCell.d.ts

@@ -0,0 +1,8 @@
+import type { RefObject } from 'react';
+export declare const SelectRowCell: ({ selectDisabled, id, isSelectDisabled, checkboxRef, }: {
+    selectDisabled?: string | boolean;
+    id: string;
+    isSelectDisabled: boolean;
+    checkboxRef: RefObject<HTMLInputElement | null>;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=SelectRowCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectRowCell.d.ts","sourceRoot":"","sources":["../../../src/components/List/SelectRowCell.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,eAAO,MAAM,aAAa,2DAKvB;IACD,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACjC,EAAE,EAAE,MAAM,CAAA;IACV,gBAAgB,EAAE,OAAO,CAAA;IACzB,WAAW,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;CAChD,mDA4BA,CAAA"}

package/dist/components/List/SelectRowCell.js

@@ -0,0 +1,49 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
+import { Checkbox, init_Checkbox } from "../Checkbox/index.js";
+import { ColumnProvider, init_ColumnProvider } from "./ColumnProvider.js";
+import { init_ListContext, useListContext } from "./ListContext.js";
+import { init_styles_css, listStyle } from "./styles.css.js";
+import { Cell, init_Cell } from "./Cell.js";
+import { theme } from "@ultraviolet/themes";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/List/SelectRowCell.tsx
+var SelectRowCell;
+var init_SelectRowCell = __esmMin(() => {
+	init_Checkbox();
+	init_Tooltip();
+	init_Cell();
+	init_ColumnProvider();
+	init_ListContext();
+	init_styles_css();
+	SelectRowCell = ({ selectDisabled, id, isSelectDisabled, checkboxRef }) => {
+		const { selectable, selectedRowIds, inRange, handleOnChange } = useListContext();
+		return selectable ? /* @__PURE__ */ jsx(ColumnProvider, {
+			width: theme.sizing[300],
+			children: /* @__PURE__ */ jsx(Cell, {
+				className: listStyle.noPaddingCell,
+				children: /* @__PURE__ */ jsx("div", {
+					className: listStyle.checkboxContainer,
+					children: /* @__PURE__ */ jsx(Tooltip, {
+						text: typeof selectDisabled === "string" ? selectDisabled : void 0,
+						children: /* @__PURE__ */ jsx(Checkbox, {
+							"aria-label": "select",
+							checked: selectedRowIds[id],
+							className: (inRange === null || inRange === void 0 ? void 0 : inRange.includes(id)) ? listStyle.checkboxInRange : "",
+							disabled: isSelectDisabled,
+							name: "list-select-checkbox",
+							onChange: () => handleOnChange(id, selectedRowIds[id]),
+							ref: checkboxRef,
+							value: id
+						})
+					})
+				})
+			})
+		}) : null;
+	};
+});
+
+//#endregion
+init_SelectRowCell();
+export { SelectRowCell, init_SelectRowCell };

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

@@ -1 +1 @@
-{"version":3,"file":"SkeletonRows.d.ts","sourceRoot":"","sources":["../../../src/components/List/SkeletonRows.tsx"],"names":[],"mappings":"AAWA,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,YAAY,oGAqCxB,CAAA"}
+{"version":3,"file":"SkeletonRows.d.ts","sourceRoot":"","sources":["../../../src/components/List/SkeletonRows.tsx"],"names":[],"mappings":"AAWA,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,YAAY,gCAItB,wBAAwB,4CAiC1B,CAAA"}

package/dist/components/List/SortIcon.d.ts

@@ -0,0 +1,4 @@
+export declare const SortIcon: ({ order }: {
+    order?: 'ascending' | 'descending';
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SortIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SortIcon.d.ts","sourceRoot":"","sources":["../../../src/components/List/SortIcon.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,cAAe;IAAE,KAAK,CAAC,EAAE,WAAW,GAAG,YAAY,CAAA;CAAE,4CAKvE,CAAA"}

package/dist/components/List/SortIcon.js

@@ -0,0 +1,19 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, listStyle } from "./styles.css.js";
+import { jsx } from "react/jsx-runtime";
+import { SortIcon } from "@ultraviolet/icons/SortIcon";
+import { SouthShortIcon } from "@ultraviolet/icons/SouthShortIcon";
+
+//#region src/components/List/SortIcon.tsx
+var SortIcon$1;
+var init_SortIcon = __esmMin(() => {
+	init_styles_css();
+	SortIcon$1 = /* @__PURE__ */ __name(({ order }) => order ? /* @__PURE__ */ jsx(SouthShortIcon, {
+		className: listStyle.sortIcon[order],
+		sentiment: "primary"
+	}) : /* @__PURE__ */ jsx(SortIcon, { sentiment: "neutral" }), "SortIcon");
+});
+
+//#endregion
+init_SortIcon();
+export { SortIcon$1 as SortIcon, init_SortIcon };

package/dist/components/List/TableContainer.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react';
+export declare const TableContainer: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TableContainer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableContainer.d.ts","sourceRoot":"","sources":["../../../src/components/List/TableContainer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,eAAO,MAAM,cAAc,iBAAkB;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAiBnE,CAAA"}

package/dist/components/List/TableContainer.js

@@ -0,0 +1,31 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { init_ListContext, useListContext } from "./ListContext.js";
+import { init_styles_css, listStyle } from "./styles.css.js";
+import { Children, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/List/TableContainer.tsx
+var TableContainer;
+var init_TableContainer = __esmMin(() => {
+	init_ListContext();
+	init_styles_css();
+	TableContainer = ({ children }) => {
+		const [childrenMemory, setChildrenMemory] = useState(Children.toArray(children));
+		const { setRefList } = useListContext();
+		useEffect(() => {
+			if (Children.toArray(children) !== childrenMemory) {
+				setRefList([]);
+				setChildrenMemory(Children.toArray(children));
+			}
+		}, [children, setRefList]);
+		return /* @__PURE__ */ jsx("div", {
+			className: listStyle.container,
+			children
+		});
+	};
+});
+
+//#endregion
+init_TableContainer();
+export { TableContainer, init_TableContainer };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAG7B,OAAO,EAAgB,cAAc,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAIvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,KAAK,EACV,aAAa,EACb,QAAQ,EACR,SAAS,EACT,aAAa,EACb,cAAc,EACf,MAAM,OAAO,CAAA;AAGd,KAAK,SAAS,GAAG;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;IACrD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,OAAO,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;CAC3C,CAAA;AAED,KAAK,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG;IAC/C,OAAO,EAAE,QAAQ,CAAA;CAClB,CAAA;AACD,KAAK,eAAe,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG;IAClD,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;CACjC,CAAA;AAqFD;;GAEG;AACH,KAAK,QAAQ,GAAG;IACd,CAAC,KAAK,EAAE,YAAY,GAAG,aAAa,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAA;IAClE;;OAEG;IAEH,CAEE,KAAK,EAAE,eAAe,GAAG,aAAa,CAAC,gBAAgB,CAAC,GACvD,SAAS,CAAA;IACZ,IAAI,EAAE,OAAO,IAAI,CAAA;IACjB,GAAG,EAAE,OAAO,GAAG,CAAA;IACf,SAAS,EAAE,OAAO,SAAS,CAAA;IAC3B,cAAc,EAAE,OAAO,cAAc,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,QAKjB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAG7B,OAAO,EAAgB,cAAc,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAKvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,KAAK,EACV,aAAa,EACb,QAAQ,EACR,SAAS,EACT,aAAa,EACb,cAAc,EACf,MAAM,OAAO,CAAA;AAGd,KAAK,SAAS,GAAG;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;IACrD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,OAAO,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;CAC3C,CAAA;AAED,KAAK,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG;IAC/C,OAAO,EAAE,QAAQ,CAAA;CAClB,CAAA;AACD,KAAK,eAAe,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG;IAClD,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;CACjC,CAAA;AAkED;;GAEG;AACH,KAAK,QAAQ,GAAG;IAEd,CAAC,KAAK,EAAE,YAAY,GAAG,aAAa,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAA;IAClE;;OAEG;IAEH,CAEE,KAAK,EAAE,eAAe,GAAG,aAAa,CAAC,gBAAgB,CAAC,GACvD,SAAS,CAAA;IACZ,IAAI,EAAE,OAAO,IAAI,CAAA;IACjB,GAAG,EAAE,OAAO,GAAG,CAAA;IACf,SAAS,EAAE,OAAO,SAAS,CAAA;IAC3B,cAAc,EAAE,OAAO,cAAc,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,QAKjB,CAAA"}