@ultraviolet/ui 3.11.1 → 3.12.0

package/dist/components/List/Row.js

@@ -1,159 +1,171 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Tooltip } from "../Tooltip/index.js";
-import { Button } from "../Button/index.js";
-import { Checkbox } from "../Checkbox/index.js";
-import { ColumnProvider } from "./ColumnProvider.js";
-import { useListContext } from "./ListContext.js";
-import { listCheckboxContainer, listCheckboxInRange, listExpandableButton, listExpandableCell, listExpandableWrapper, listNoPaddingCell, listRow } from "./styles.css.js";
-import { paddingExpandableCell } from "./variables.css.js";
-import { Cell } from "./Cell.js";
+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 { 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 { cn } from "@ultraviolet/utils";
 import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
 import { ArrowUpIcon } from "@ultraviolet/icons/ArrowUpIcon";
 
 //#region src/components/List/Row.tsx
-const Row = forwardRef(({ children, id, expandable, disabled, selectDisabled, sentiment = "neutral", highlightAnimation, expanded, className, expandablePadding, "data-testid": dataTestid, style, "data-dragging": dataDragging, onMouseEnter, onMouseLeave, onClick }, forwardedRef) => {
-	const { selectable, registerExpandableRow, expandedRowIds, expandRow, collapseRow, registerSelectableRow, selectedRowIds, expandButton, columns, inRange, refList, setRefList, handleOnChange } = useListContext();
-	const expandedRowId = useId();
-	const checkboxRef = useRef(null);
-	const isSelectDisabled = disabled || selectDisabled !== void 0 && selectDisabled !== false;
-	const hasExpandable = !!expandable;
-	useEffect(() => {
-		if (hasExpandable) return registerExpandableRow(id, expanded);
-	}, [
-		id,
-		hasExpandable,
-		registerExpandableRow,
-		expanded,
-		expandRow
-	]);
-	useEffect(() => {
-		if (!isSelectDisabled) return registerSelectableRow(id);
-	}, [
-		id,
-		registerSelectableRow,
-		isSelectDisabled
-	]);
-	const toggleRowExpand = useCallback(() => {
-		if (expandedRowIds[id]) collapseRow(id);
-		else expandRow(id);
-	}, [
-		collapseRow,
-		expandRow,
-		expandedRowIds,
-		id
-	]);
-	const canClickRowToExpand = !disabled && !!expandable && !expandButton;
-	useEffect(() => {
-		if (checkboxRef.current !== null && !refList.includes(checkboxRef)) setRefList([...refList, checkboxRef]);
-	}, [refList, setRefList]);
-	const childrenArrayNoFragment = Children.toArray(children).flatMap((node) => {
-		if (isValidElement(node) && node.type === Fragment) return node.props.children;
-		return node;
-	});
-	const validChildrenArray = Children.toArray(childrenArrayNoFragment).filter((child) => isValidElement(child));
-	const totalColumns = columns.length + (selectable ? 1 : 0) + (expandButton ? 1 : 0);
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("tr", {
-		"aria-controls": expandable && expandedRowIds[id] ? expandedRowId : void 0,
-		"aria-disabled": disabled,
-		"aria-expanded": expandable ? expandedRowIds[id] : void 0,
-		className: cn(className, listRow({
-			highlightAnimation,
-			sentiment
-		})),
-		"data-dragging": dataDragging,
-		"data-highlight": selectable && !!selectedRowIds[id],
-		"data-testid": dataTestid,
-		onClick: () => {
-			onClick === null || onClick === void 0 || onClick(id);
-			if (canClickRowToExpand) toggleRowExpand();
-		},
-		onKeyDown: canClickRowToExpand ? (event) => {
-			if (event.key === " ") {
-				toggleRowExpand();
-				event.preventDefault();
-			}
-		} : void 0,
-		onMouseEnter,
-		onMouseLeave,
-		ref: forwardedRef,
-		role: canClickRowToExpand ? "button row" : void 0,
-		style,
-		tabIndex: canClickRowToExpand ? 0 : -1,
-		children: [
-			selectable ? /* @__PURE__ */ jsx(ColumnProvider, {
-				width: theme.sizing[300],
-				children: /* @__PURE__ */ jsx(Cell, {
-					className: listNoPaddingCell,
-					children: /* @__PURE__ */ jsx("div", {
-						className: listCheckboxContainer,
-						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)) ? listCheckboxInRange : "",
-								disabled: isSelectDisabled,
-								name: "list-select-checkbox",
-								onChange: () => handleOnChange(id, selectedRowIds[id]),
-								ref: checkboxRef,
-								value: id
+var Row;
+var init_Row = __esmMin(() => {
+	init_Button();
+	init_Checkbox();
+	init_Tooltip();
+	init_Cell();
+	init_ColumnProvider();
+	init_ListContext();
+	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 }, forwardedRef) => {
+		const { selectable, registerExpandableRow, expandedRowIds, expandRow, collapseRow, registerSelectableRow, selectedRowIds, expandButton, columns, inRange, refList, setRefList, handleOnChange } = useListContext();
+		const expandedRowId = useId();
+		const checkboxRef = useRef(null);
+		const isSelectDisabled = disabled || selectDisabled !== void 0 && selectDisabled !== false;
+		const hasExpandable = !!expandable;
+		useEffect(() => {
+			if (hasExpandable) return registerExpandableRow(id, expanded);
+		}, [
+			id,
+			hasExpandable,
+			registerExpandableRow,
+			expanded,
+			expandRow
+		]);
+		useEffect(() => {
+			if (!isSelectDisabled) return registerSelectableRow(id);
+		}, [
+			id,
+			registerSelectableRow,
+			isSelectDisabled
+		]);
+		const toggleRowExpand = useCallback(() => {
+			if (expandedRowIds[id]) collapseRow(id);
+			else expandRow(id);
+		}, [
+			collapseRow,
+			expandRow,
+			expandedRowIds,
+			id
+		]);
+		const canClickRowToExpand = !disabled && !!expandable && !expandButton;
+		useEffect(() => {
+			if (checkboxRef.current !== null && !refList.includes(checkboxRef)) setRefList([...refList, checkboxRef]);
+		}, [refList, setRefList]);
+		const childrenArrayNoFragment = Children.toArray(children).flatMap((node) => {
+			if (isValidElement(node) && node.type === Fragment) return node.props.children;
+			return node;
+		});
+		const validChildrenArray = Children.toArray(childrenArrayNoFragment).filter((child) => isValidElement(child));
+		const totalColumns = columns.length + (selectable ? 1 : 0) + (expandButton ? 1 : 0);
+		return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("tr", {
+			"aria-controls": expandable && expandedRowIds[id] ? expandedRowId : void 0,
+			"aria-disabled": disabled,
+			"aria-expanded": expandable ? expandedRowIds[id] : void 0,
+			className: cn(className, listStyle.row({
+				highlightAnimation,
+				sentiment
+			})),
+			"data-dragging": dataDragging,
+			"data-highlight": selectable && !!selectedRowIds[id],
+			"data-testid": dataTestid,
+			onClick: () => {
+				onClick === null || onClick === void 0 || onClick(id);
+				if (canClickRowToExpand) toggleRowExpand();
+			},
+			onKeyDown: canClickRowToExpand ? (event) => {
+				if (event.key === " ") {
+					toggleRowExpand();
+					event.preventDefault();
+				}
+			} : void 0,
+			onMouseEnter,
+			onMouseLeave,
+			ref: forwardedRef,
+			role: canClickRowToExpand ? "button row" : void 0,
+			style,
+			tabIndex: canClickRowToExpand ? 0 : -1,
+			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: listNoPaddingCell,
-					children: /* @__PURE__ */ jsx(Button, {
-						"aria-label": "expand",
-						className: listExpandableButton,
-						"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,
+				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,
+				validChildrenArray.map((child, index) => {
+					const column = columns[index];
+					return /* @__PURE__ */ jsx(ColumnProvider, {
+						maxWidth: column === null || column === void 0 ? void 0 : column.maxWidth,
+						minWidth: column === null || column === void 0 ? void 0 : column.minWidth,
+						width: column === null || column === void 0 ? void 0 : column.width,
+						children: child
+					}, `column-provider-${child.key}`);
 				})
-			}) : null,
-			validChildrenArray.map((child, index) => {
-				const column = columns[index];
-				return /* @__PURE__ */ jsx(ColumnProvider, {
-					maxWidth: column === null || column === void 0 ? void 0 : column.maxWidth,
-					minWidth: column === null || column === void 0 ? void 0 : column.minWidth,
-					width: column === null || column === void 0 ? void 0 : column.width,
-					children: child
-				}, `column-provider-${child.key}`);
+			]
+		}), expandable && expandedRowIds[id] ? /* @__PURE__ */ jsx("tr", {
+			className: listStyle.expandableWrapper,
+			"data-expandable-content": true,
+			"data-highlight": selectable && !!selectedRowIds[id],
+			id: expandedRowId,
+			onClick: canClickRowToExpand ? (e) => {
+				e.stopPropagation();
+			} : void 0,
+			onKeyDown: canClickRowToExpand ? (e) => {
+				e.stopPropagation();
+			} : void 0,
+			children: /* @__PURE__ */ jsx(Cell, {
+				className: listStyle.expandableCell,
+				colSpan: totalColumns,
+				style: assignInlineVars({ [paddingExpandableCell]: theme.space[expandablePadding !== null && expandablePadding !== void 0 ? expandablePadding : "2"] }),
+				children: expandable
 			})
-		]
-	}), expandable && expandedRowIds[id] ? /* @__PURE__ */ jsx("tr", {
-		className: listExpandableWrapper,
-		"data-expandable-content": true,
-		"data-highlight": selectable && !!selectedRowIds[id],
-		id: expandedRowId,
-		onClick: canClickRowToExpand ? (e) => {
-			e.stopPropagation();
-		} : void 0,
-		onKeyDown: canClickRowToExpand ? (e) => {
-			e.stopPropagation();
-		} : void 0,
-		children: /* @__PURE__ */ jsx(Cell, {
-			className: listExpandableCell,
-			colSpan: totalColumns,
-			style: assignInlineVars({ [paddingExpandableCell]: theme.space[expandablePadding !== null && expandablePadding !== void 0 ? expandablePadding : "2"] }),
-			children: expandable
-		})
-	}) : null] });
+		}) : null] });
+	});
 });
 
 //#endregion
-export { Row };
+init_Row();
+export { Row, init_Row };

package/dist/components/List/SelectBar.js

@@ -1,35 +1,42 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../Stack/index.js";
-import { useListContext } from "./ListContext.js";
-import { ActionBar } from "../ActionBar/index.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../Stack/index.js";
+import { init_ListContext, useListContext } from "./ListContext.js";
+import { ActionBar, init_ActionBar } from "../ActionBar/index.js";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/List/SelectBar.tsx
-const SelectBar = ({ children, data, idKey, className }) => {
-	const { selectedRowIds, unselectAll } = useListContext();
-	const selectedItems = useMemo(() => data.filter((item) => selectedRowIds[item[idKey]]), [
-		data,
-		idKey,
-		selectedRowIds
-	]);
-	if (selectedItems.length === 0) return null;
-	return /* @__PURE__ */ jsx(ActionBar, {
-		className,
-		children: /* @__PURE__ */ jsx(Stack, {
-			alignItems: "center",
-			direction: "row",
-			flex: "1 1 auto",
-			justifyContent: "space-between",
-			width: "100%",
-			children: children({
-				selectedItems,
-				unselectAll
+var SelectBar;
+var init_SelectBar = __esmMin(() => {
+	init_ActionBar();
+	init_Stack();
+	init_ListContext();
+	SelectBar = ({ children, data, idKey, className }) => {
+		const { selectedRowIds, unselectAll } = useListContext();
+		const selectedItems = useMemo(() => data.filter((item) => selectedRowIds[item[idKey]]), [
+			data,
+			idKey,
+			selectedRowIds
+		]);
+		if (selectedItems.length === 0) return null;
+		return /* @__PURE__ */ jsx(ActionBar, {
+			className,
+			children: /* @__PURE__ */ jsx(Stack, {
+				alignItems: "center",
+				direction: "row",
+				flex: "1 1 auto",
+				justifyContent: "space-between",
+				width: "100%",
+				children: children({
+					selectedItems,
+					unselectAll
+				})
 			})
-		})
-	});
-};
+		});
+	};
+});
 
 //#endregion
-export { SelectBar };
+init_SelectBar();
+export { SelectBar, init_SelectBar };

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":"AASA,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,YAAY,oGAkCxB,CAAA"}
+{"version":3,"file":"SkeletonRows.d.ts","sourceRoot":"","sources":["../../../src/components/List/SkeletonRows.tsx"],"names":[],"mappings":"AASA,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"}

package/dist/components/List/SkeletonRows.js

@@ -1,32 +1,41 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Skeleton } from "../Skeleton/index.js";
-import { ColumnProvider } from "./ColumnProvider.js";
-import { useListContext } from "./ListContext.js";
-import { listLoadingRow, listRow, listSkeleton } from "./styles.css.js";
-import { Cell } from "./Cell.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Skeleton, init_Skeleton } from "../Skeleton/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 { cn } from "@ultraviolet/utils";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/List/SkeletonRows.tsx
-const SkeletonRows = ({ selectable, rows, cols }) => {
-	const rowArray = Array.from({ length: rows }, (_, index) => index);
-	const colArray = Array.from({ length: cols }, (_, index) => index);
-	const { columns } = useListContext();
-	return /* @__PURE__ */ jsx(Fragment, { children: rowArray.map((index) => /* @__PURE__ */ jsxs("tr", {
-		className: cn(listRow({ sentiment: "neutral" }), listLoadingRow),
-		id: `skeleton-${index}`,
-		children: [selectable ? /* @__PURE__ */ jsx("td", {}) : null, colArray.map((columnIndex) => /* @__PURE__ */ jsx(ColumnProvider, {
-			maxWidth: columns[columnIndex].maxWidth,
-			minWidth: columns[columnIndex].minWidth,
-			width: columns[columnIndex].width,
-			children: /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(Skeleton, {
-				className: listSkeleton,
-				variant: "line"
-			}) })
-		}, columnIndex))]
-	}, index)) });
-};
+var SkeletonRows;
+var init_SkeletonRows = __esmMin(() => {
+	init_Skeleton();
+	init_Cell();
+	init_ColumnProvider();
+	init_ListContext();
+	init_styles_css();
+	SkeletonRows = ({ selectable, rows, cols }) => {
+		const rowArray = Array.from({ length: rows }, (_, index) => index);
+		const colArray = Array.from({ length: cols }, (_, index) => index);
+		const { columns } = useListContext();
+		return /* @__PURE__ */ jsx(Fragment, { children: rowArray.map((index) => /* @__PURE__ */ jsxs("tr", {
+			className: cn(listStyle.row({ sentiment: "neutral" }), listStyle.loadingRow),
+			id: `skeleton-${index}`,
+			children: [selectable ? /* @__PURE__ */ jsx("td", {}) : null, colArray.map((columnIndex) => /* @__PURE__ */ jsx(ColumnProvider, {
+				maxWidth: columns[columnIndex].maxWidth,
+				minWidth: columns[columnIndex].minWidth,
+				width: columns[columnIndex].width,
+				children: /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(Skeleton, {
+					className: listStyle.skeleton,
+					variant: "line"
+				}) })
+			}, columnIndex))]
+		}, index)) });
+	};
+});
 
 //#endregion
-export { SkeletonRows };
+init_SkeletonRows();
+export { SkeletonRows, init_SkeletonRows };

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":"AAGA,OAAO,KAAK,EACV,aAAa,EACb,QAAQ,EACR,SAAS,EACT,aAAa,EACb,cAAc,EACf,MAAM,OAAO,CAAA;AAEd,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;AAGvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C,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;AAiFD;;GAEG;AACH,KAAK,QAAQ,GAAG;IAEd,CAAC,KAAK,EAAE,YAAY,GAAG,aAAa,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAA;IAClE;;OAEG;IACH,CAAC,KAAK,EAAE,eAAe,GAAG,aAAa,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAA;IACrE,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":"AAGA,OAAO,KAAK,EACV,aAAa,EACb,QAAQ,EACR,SAAS,EACT,aAAa,EACb,cAAc,EACf,MAAM,OAAO,CAAA;AAEd,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;AAGvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C,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;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"}

package/dist/components/List/index.js

@@ -1,68 +1,80 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { ListProvider, useListContext } from "./ListContext.js";
-import { list, listContainer } from "./styles.css.js";
-import { Cell } from "./Cell.js";
-import { HeaderCell } from "./HeaderCell.js";
-import { HeaderRow } from "./HeaderRow.js";
-import { Row } from "./Row.js";
-import { SelectBar } from "./SelectBar.js";
-import { SkeletonRows } from "./SkeletonRows.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { ListProvider, init_ListContext, useListContext } from "./ListContext.js";
+import { init_styles_css, listStyle } from "./styles.css.js";
+import { Cell, init_Cell } from "./Cell.js";
+import { HeaderCell, init_HeaderCell } from "./HeaderCell.js";
+import { HeaderRow, init_HeaderRow } from "./HeaderRow.js";
+import { Row, init_Row } from "./Row.js";
+import { SelectBar, init_SelectBar } from "./SelectBar.js";
+import { SkeletonRows, init_SkeletonRows } from "./SkeletonRows.js";
 import { Children, forwardRef, useEffect, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/List/index.tsx
-const 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: listContainer,
-		children
+var TableContainer, BaseList, List;
+var init_List = __esmMin(() => {
+	init_Cell();
+	init_HeaderCell();
+	init_HeaderRow();
+	init_ListContext();
+	init_Row();
+	init_SelectBar();
+	init_SkeletonRows();
+	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
+		});
+	};
+	BaseList = forwardRef(({ expandable = false, selectable = false, columns, children, loading, autoCollapse = false, onSelectedChange, className, style, colMode = "flexible" }, ref) => /* @__PURE__ */ jsx(ListProvider, {
+		autoCollapse,
+		colMode,
+		columns,
+		expandButton: expandable,
+		onSelectedChange,
+		selectable,
+		children: /* @__PURE__ */ jsx(TableContainer, { children: /* @__PURE__ */ jsxs("table", {
+			className: cn(className, listStyle.list),
+			ref,
+			style,
+			children: [/* @__PURE__ */ jsx(HeaderRow, {
+				hasSelectAllColumn: selectable,
+				children: columns.map((column, index) => /* @__PURE__ */ jsx(HeaderCell, {
+					info: column.info,
+					isOrdered: column.isOrdered,
+					maxWidth: column.maxWidth,
+					minWidth: column.minWidth,
+					onOrder: column.onOrder,
+					orderDirection: column.orderDirection,
+					width: column.width,
+					children: column.label
+				}, `header-column-${index}`))
+			}), /* @__PURE__ */ jsx("tbody", { children: loading ? /* @__PURE__ */ jsx(SkeletonRows, {
+				cols: columns.length,
+				rows: 5,
+				selectable
+			}) : children })]
+		}) })
+	}));
+	List = Object.assign(BaseList, {
+		Cell,
+		Row,
+		SelectBar,
+		useListContext
 	});
-};
-const BaseList = forwardRef(({ expandable = false, selectable = false, columns, children, loading, autoCollapse = false, onSelectedChange, className, style, colMode = "flexible" }, ref) => /* @__PURE__ */ jsx(ListProvider, {
-	autoCollapse,
-	colMode,
-	columns,
-	expandButton: expandable,
-	onSelectedChange,
-	selectable,
-	children: /* @__PURE__ */ jsx(TableContainer, { children: /* @__PURE__ */ jsxs("table", {
-		className: cn(className, list),
-		ref,
-		style,
-		children: [/* @__PURE__ */ jsx(HeaderRow, {
-			hasSelectAllColumn: selectable,
-			children: columns.map((column, index) => /* @__PURE__ */ jsx(HeaderCell, {
-				info: column.info,
-				isOrdered: column.isOrdered,
-				maxWidth: column.maxWidth,
-				minWidth: column.minWidth,
-				onOrder: column.onOrder,
-				orderDirection: column.orderDirection,
-				width: column.width,
-				children: column.label
-			}, `header-column-${index}`))
-		}), /* @__PURE__ */ jsx("tbody", { children: loading ? /* @__PURE__ */ jsx(SkeletonRows, {
-			cols: columns.length,
-			rows: 5,
-			selectable
-		}) : children })]
-	}) })
-}));
-const List = Object.assign(BaseList, {
-	Cell,
-	Row,
-	SelectBar,
-	useListContext
 });
 
 //#endregion
-export { List };
+init_List();
+export { List, init_List };