@ultraviolet/ui 3.24.2 → 3.25.0

package/dist/components/Data Display/Table/Row.js

@@ -0,0 +1,136 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Tooltip, init_Tooltip } from "../../Overlay/Tooltip/index.js";
+import { Button, init_Button } from "../../Action/Button/index.js";
+import { Checkbox, init_Checkbox } from "../../Data Entry/Checkbox/index.js";
+import { init_styles_css, listStyle } from "../List/styles.css.js";
+import { init_styles_css as init_styles_css$1, tableStyle } from "./styles.css.js";
+import { ColumnProvider, init_ColumnProvider } from "../List/ColumnProvider.js";
+import { init_TableContext, useTableContext } from "./TableContext.js";
+import { Cell, init_Cell } from "./Cell.js";
+import { Children, useCallback, useEffect, useRef } from "react";
+import { theme } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
+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/Data Display/Table/Row.tsx
+var Row;
+function init_Row() {
+	return (init_Row = __esmMin(() => {
+		init_Button();
+		init_Checkbox();
+		init_Tooltip();
+		init_ColumnProvider();
+		init_Cell();
+		init_TableContext();
+		init_styles_css();
+		init_styles_css$1();
+		Row = ({ children, className, id, selectDisabled, highlightAnimation, expandable, expanded, style, "data-testid": dataTestid }) => {
+			const { selectable, registerExpandableRow, expandedRowIds, expandRow, collapseRow, registerSelectableRow, selectedRowIds, expandButton, inRange, columns, refList, setRefList, handleOnChange } = useTableContext();
+			const checkboxRowRef = useRef(null);
+			const hasExpandable = !!expandable;
+			useEffect(() => {
+				if (hasExpandable) return registerExpandableRow(id, expanded);
+			}, [
+				id,
+				hasExpandable,
+				registerExpandableRow,
+				expanded,
+				expandRow
+			]);
+			useEffect(() => {
+				if (!selectDisabled) return registerSelectableRow(id);
+			}, [
+				id,
+				registerSelectableRow,
+				selectDisabled
+			]);
+			const toggleRowExpand = useCallback(() => {
+				if (expandedRowIds[id]) collapseRow(id);
+				else expandRow(id);
+			}, [
+				collapseRow,
+				expandRow,
+				expandedRowIds,
+				id
+			]);
+			const canClickRowToExpand = hasExpandable && !expandButton;
+			const childrenLength = Children.count(children) + (selectable ? 1 : 0) + (expandButton ? 1 : 0);
+			useEffect(() => {
+				if (refList && checkboxRowRef.current !== null && !refList.includes(checkboxRowRef)) setRefList([...refList, checkboxRowRef]);
+			}, [refList, setRefList]);
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("tr", {
+				className: cn(className, highlightAnimation ? tableStyle.trAnimation : "", tableStyle.row),
+				"data-testid": dataTestid,
+				role: canClickRowToExpand ? "button row" : "row",
+				style,
+				children: [
+					selectable ? /* @__PURE__ */ jsx(ColumnProvider, {
+						width: theme.sizing[300],
+						children: /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx("div", {
+							className: tableStyle.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 : void 0,
+									disabled: !!selectDisabled,
+									name: "table-select-checkbox",
+									onChange: () => {
+										var _selectedRowIds$id;
+										return handleOnChange(id, (_selectedRowIds$id = selectedRowIds[id]) !== null && _selectedRowIds$id !== void 0 ? _selectedRowIds$id : false);
+									},
+									ref: checkboxRowRef,
+									value: id
+								})
+							})
+						}) })
+					}) : null,
+					expandButton ? /* @__PURE__ */ jsx(ColumnProvider, {
+						width: theme.sizing[300],
+						children: /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(Button, {
+							accessibleLabel: "expand",
+							"data-testid": "list-expand-button",
+							disabled: !expandable,
+							onClick: toggleRowExpand,
+							sentiment: "neutral",
+							size: "xsmall",
+							variant: "ghost",
+							children: expandedRowIds[id] ? /* @__PURE__ */ jsx(ArrowUpIcon, {}) : /* @__PURE__ */ jsx(ArrowDownIcon, {})
+						}) })
+					}) : null,
+					Children.map(children, (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
+						});
+					})
+				]
+			}), expandable && expandedRowIds[id] ? /* @__PURE__ */ jsx("tr", {
+				className: tableStyle.expandableWrapper,
+				"data-expandable-content": true,
+				onClick: canClickRowToExpand ? (e) => {
+					e.stopPropagation();
+				} : void 0,
+				onKeyDown: canClickRowToExpand ? (e) => {
+					e.stopPropagation();
+				} : void 0,
+				children: /* @__PURE__ */ jsx(Cell, {
+					colSpan: childrenLength,
+					children: expandable
+				})
+			}) : null] });
+		};
+		Row.displayName = "Table.Row";
+	}))();
+}
+
+//#endregion
+init_Row();
+export { Row, init_Row };

package/dist/components/Data Display/Table/SelectBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectBar.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/Table/SelectBar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC,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;kCAEyB,CAAC,EAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC"}

package/dist/components/Data Display/Table/SelectBar.js

@@ -0,0 +1,45 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Layout/Stack/index.js";
+import { ActionBar, init_ActionBar } from "../../Overlay/ActionBar/index.js";
+import { init_TableContext, useTableContext } from "./TableContext.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Data Display/Table/SelectBar.tsx
+var SelectBar;
+function init_SelectBar() {
+	return (init_SelectBar = __esmMin(() => {
+		init_Stack();
+		init_ActionBar();
+		init_TableContext();
+		SelectBar = ({ children, data, idKey, className }) => {
+			const { selectedRowIds, unselectAll } = useTableContext();
+			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
+					})
+				})
+			});
+		};
+		SelectBar.displayName = "Table.SelectBar";
+	}))();
+}
+
+//#endregion
+init_SelectBar();
+export { SelectBar, init_SelectBar };

package/dist/components/Data Display/Table/SkeletonRows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonRows.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/Table/SkeletonRows.tsx"],"names":[],"mappings":"AAMA,KAAK,iBAAiB,GAAG;IACvB,UAAU,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,YAAY,+BAAgC,iBAAiB,gCAkBzE,CAAA"}

package/dist/components/Data Display/Table/SkeletonRows.js

@@ -0,0 +1,32 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Skeleton, init_Skeleton } from "../../Feedback/Skeleton/index.js";
+import { init_styles_css, tableStyle } from "./styles.css.js";
+import { Cell, init_Cell } from "./Cell.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Data Display/Table/SkeletonRows.tsx
+var SkeletonRows;
+function init_SkeletonRows() {
+	return (init_SkeletonRows = __esmMin(() => {
+		init_Skeleton();
+		init_Cell();
+		init_styles_css();
+		SkeletonRows = ({ selectable, rows, cols }) => {
+			const rowArray = Array.from({ length: rows }, (_, index) => index);
+			const colArray = Array.from({ length: cols }, (_, index) => index);
+			return /* @__PURE__ */ jsx(Fragment, { children: rowArray.map((index) => /* @__PURE__ */ jsxs("tr", {
+				className: tableStyle.skeletonRow,
+				id: `skeleton-${index}`,
+				children: [selectable ? /* @__PURE__ */ jsx(Cell, {}) : null, colArray.map((columnIndex) => /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(Skeleton, {
+					className: tableStyle.skeleton,
+					variant: "line"
+				}) }, columnIndex))]
+			}, index)) });
+		};
+	}))();
+}
+
+//#endregion
+init_SkeletonRows();
+export { SkeletonRows, init_SkeletonRows };

package/dist/components/Data Display/Table/SortIcon.d.ts.map

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

package/dist/components/Data Display/Table/SortIcon.js

@@ -0,0 +1,21 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, listStyle } from "../List/styles.css.js";
+import { jsx } from "react/jsx-runtime";
+import { SortIcon } from "@ultraviolet/icons/SortIcon";
+import { SouthShortIcon } from "@ultraviolet/icons/SouthShortIcon";
+
+//#region src/components/Data Display/Table/SortIcon.tsx
+var SortIcon$1;
+function init_SortIcon() {
+	return (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/Data Display/Table/TableContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/Table/TableContainer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,eAAO,MAAM,cAAc,iBAAkB;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,gCAenE,CAAA"}

package/dist/components/Data Display/Table/TableContainer.js

@@ -0,0 +1,33 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, listStyle } from "../List/styles.css.js";
+import { init_ListContext, useListContext } from "../List/ListContext.js";
+import { Children, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Data Display/Table/TableContainer.tsx
+var TableContainer;
+function init_TableContainer() {
+	return (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/Data Display/Table/TableContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/Table/TableContext.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAC9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,KAAK,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IAC3D,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CACnC,CAAA;AAID,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,GAAG;IACpE,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CACpC,CAAA;AAuBD,eAAO,MAAM,aAAa,wDAAyD,kBAAkB,gCAMpG,CAAA;AAED,eAAO,MAAM,eAAe,yBAO3B,CAAA"}

package/dist/components/Data Display/Table/TableContext.js

@@ -0,0 +1,64 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectWithoutProperties, { init_objectWithoutProperties } from "../../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectWithoutProperties.js";
+import { ListProvider, init_ListContext, useListContext } from "../List/ListContext.js";
+import { createContext, useContext, useEffect, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Data Display/Table/TableContext.tsx
+var _excluded, _excluded2, TableContext, Provider, TableProvider, useTableContext;
+function init_TableContext() {
+	return (init_TableContext = __esmMin(() => {
+		init_ListContext();
+		init_objectWithoutProperties();
+		init_objectSpread2();
+		_excluded = ["subscribeHandler"];
+		_excluded2 = [
+			"children",
+			"bordered",
+			"stripped",
+			"columns"
+		];
+		TableContext = createContext(void 0);
+		Provider = ({ children, bordered, stripped, columns, size = "medium" }) => {
+			const _useListContext = useListContext(), { subscribeHandler } = _useListContext, listContext = _objectWithoutProperties(_useListContext, _excluded);
+			useEffect(subscribeHandler, [subscribeHandler]);
+			const value = useMemo(() => _objectSpread2(_objectSpread2({}, listContext), {}, {
+				bordered,
+				columns,
+				stripped,
+				subscribeHandler,
+				size
+			}), [
+				bordered,
+				columns,
+				stripped,
+				subscribeHandler,
+				listContext,
+				size
+			]);
+			return /* @__PURE__ */ jsx(TableContext.Provider, {
+				value,
+				children
+			});
+		};
+		TableProvider = (_ref) => {
+			let { children, bordered, stripped, columns } = _ref, props = _objectWithoutProperties(_ref, _excluded2);
+			return /* @__PURE__ */ jsx(ListProvider, _objectSpread2(_objectSpread2({ columns: [] }, props), {}, { children: /* @__PURE__ */ jsx(Provider, _objectSpread2(_objectSpread2({
+				bordered,
+				columns,
+				stripped
+			}, props), {}, { children })) }));
+		};
+		useTableContext = () => {
+			const context = useContext(TableContext);
+			if (!context) throw new Error("useTableContext should be used inside a Table component");
+			return context;
+		};
+	}))();
+}
+
+//#endregion
+init_TableContext();
+export { TableProvider, init_TableContext, useTableContext };

package/dist/components/Data Display/Table/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/Table/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB;aACnC,KAAK,EAAE,KAAK;aACZ,MAAM,EAAE,KAAK;aACb,KAAK,EAAE,KAAK;CACJ,CAAA;AAEV,eAAO,MAAM,sBAAsB;aACjC,KAAK,EAAE,KAAK;aACZ,MAAM,EAAE,KAAK;aACb,KAAK,EAAE,KAAK;CACJ,CAAA"}

package/dist/components/Data Display/Table/constants.js

@@ -0,0 +1,17 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Data Display/Table/constants.ts
+var SELECTABLE_CHECKBOX_SIZE;
+function init_constants() {
+	return (init_constants = __esmMin(() => {
+		SELECTABLE_CHECKBOX_SIZE = {
+			small: "400",
+			medium: "500",
+			large: "700"
+		};
+	}))();
+}
+
+//#endregion
+init_constants();
+export { SELECTABLE_CHECKBOX_SIZE, init_constants };

package/dist/components/Data Display/Table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/Table/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAI7B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAGvC,OAAO,EAAiB,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAC/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAiC1C,eAAO,MAAM,SAAS;iBAnBP,OAAO;IACpB;;OAEG;cACO,OAAO;eACN,OAAO;eACP,OAAO;iBACL,OAAO;IACpB;;OAEG;mBACY,OAAO;mBACP,OAAO;aACb,WAAW,EAAE;WACf,OAAO,GAAG,QAAQ,GAAG,OAAO;sBACjB,OAAO;YACjB,aAAa;oDAmEtB,CAAA;AAID;;GAEG;AACH,eAAO,MAAM,KAAK;iBA1FH,OAAO;IACpB;;OAEG;cACO,OAAO;eACN,OAAO;eACP,OAAO;iBACL,OAAO;IACpB;;OAEG;mBACY,OAAO;mBACP,OAAO;aACb,WAAW,EAAE;WACf,OAAO,GAAG,QAAQ,GAAG,OAAO;sBACjB,OAAO;YACjB,aAAa;;;;;;;CAgFrB,CAAA"}

package/dist/components/Data Display/Table/index.js

@@ -0,0 +1,82 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, tableStyle } from "./styles.css.js";
+import { Body, init_Body } from "./Body.js";
+import { TableProvider, init_TableContext, useTableContext } from "./TableContext.js";
+import { Cell, init_Cell } from "./Cell.js";
+import { Header, init_Header } from "./Header.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 { TableContainer, init_TableContainer } from "./TableContainer.js";
+import { forwardRef } from "react";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Data Display/Table/index.tsx
+var BaseTable, Table;
+function init_Table() {
+	return (init_Table = __esmMin(() => {
+		init_Body();
+		init_Cell();
+		init_Header();
+		init_HeaderCell();
+		init_HeaderRow();
+		init_Row();
+		init_SelectBar();
+		init_SkeletonRows();
+		init_TableContainer();
+		init_TableContext();
+		init_styles_css();
+		BaseTable = forwardRef(({ selectable = false, expandable = false, children, columns, loading, bordered = false, stripped = false, autoCollapse = false, onSelectedChange, style, highlightHeader, size = "medium" }, ref) => /* @__PURE__ */ jsx(TableProvider, {
+			autoCollapse,
+			bordered,
+			columns,
+			expandButton: expandable,
+			onSelectedChange,
+			selectable,
+			stripped,
+			size,
+			children: /* @__PURE__ */ jsx(TableContainer, { children: /* @__PURE__ */ jsxs("table", {
+				className: cn(tableStyle.table, stripped ? tableStyle.stripped : "", bordered ? tableStyle.bordered : ""),
+				ref,
+				style,
+				children: [/* @__PURE__ */ jsx(Header, {
+					highlighted: highlightHeader,
+					children: /* @__PURE__ */ jsx(HeaderRow, {
+						hasSelectAllColumn: selectable,
+						children: columns.map((column, index) => /* @__PURE__ */ jsx(HeaderCell, {
+							align: column.align,
+							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}`))
+					})
+				}), loading ? /* @__PURE__ */ jsx(Body, { children: /* @__PURE__ */ jsx(SkeletonRows, {
+					cols: columns.length,
+					rows: 5,
+					selectable
+				}) }) : children]
+			}) })
+		}));
+		BaseTable.displayName = "Table";
+		Table = Object.assign(BaseTable, {
+			Body,
+			Cell,
+			Row,
+			SelectBar,
+			useTableContext
+		});
+	}))();
+}
+
+//#endregion
+init_Table();
+export { BaseTable, Table, init_Table };

package/dist/components/Data Display/Table/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/Table/styles.css.ts"],"names":[],"mappings":"AA8JA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;YAhHjB,MAAM;gBAAI,eAAe;;YACzB,IAAI;gBAAI,eAAe;;YACvB,OAAO;gBAAI,eAAe;;YAC1B,OAAO;gBACL,eAAe;;YAEjB,SAAS;gBAAI,eAAe;;YAC5B,OAAO;gBAAI,eAAe;;YAC1B,OAAO;gBAAI,eAAe;;;;YAG1B,KAAK;gBACH,OAAO;;YAET,MAAM;gBACJ,OAAO;;YAET,KAAK;gBAAI,OAAO;;;;;;YAWhB,IAAI;gBACF,UAAU;;;;;;;;;;;;;;;;;YA8BZ,IAAI;;;YAGJ,KAAK;gBACH,OAAO;;YAET,MAAM;gBACJ,OAAO;;YAET,KAAK;gBAAI,OAAO;;;;;;;;;;;CA0DrB,CAAA"}

package/dist/components/Data Display/Table/styles.css.js

@@ -0,0 +1,77 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/components/Data Display/Table/styles.css.ts
+var tableStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		tableStyle = {
+			stripped: "uv_1k8ie5a2",
+			table: "uv_1k8ie5a1",
+			bordered: "uv_1k8ie5a3",
+			cell: createRuntimeFn({
+				defaultClassName: "uv_1k8ie5a4",
+				variantClassNames: {
+					align: {
+						center: "uv_1k8ie5a5",
+						left: "uv_1k8ie5a6",
+						right: "uv_1k8ie5a7"
+					},
+					sentiment: {
+						danger: "uv_1k8ie5a8",
+						info: "uv_1k8ie5a9",
+						neutral: "uv_1k8ie5aa",
+						primary: "uv_1k8ie5ab",
+						secondary: "uv_1k8ie5ac",
+						success: "uv_1k8ie5ad",
+						warning: "uv_1k8ie5ae"
+					},
+					size: {
+						small: "uv_1k8ie5af",
+						medium: "uv_1k8ie5ag",
+						large: "uv_1k8ie5ah"
+					}
+				},
+				defaultVariants: {},
+				compoundVariants: []
+			}),
+			header: createRuntimeFn({
+				defaultClassName: "uv_1k8ie5ai",
+				variantClassNames: { highlighted: { true: "uv_1k8ie5aj" } },
+				defaultVariants: { highlighted: false },
+				compoundVariants: []
+			}),
+			headerCell: createRuntimeFn({
+				defaultClassName: "uv_1k8ie5ak",
+				variantClassNames: {
+					align: {
+						center: "uv_1k8ie5al",
+						left: "uv_1k8ie5am",
+						right: "uv_1k8ie5an"
+					},
+					checked: { true: "uv_1k8ie5ao" },
+					size: {
+						small: "uv_1k8ie5ap",
+						medium: "uv_1k8ie5aq",
+						large: "uv_1k8ie5ar"
+					}
+				},
+				defaultVariants: {},
+				compoundVariants: []
+			}),
+			headerCellText: "uv_1k8ie5as",
+			expandableWrapper: "uv_1k8ie5at",
+			checkboxContainer: "uv_1k8ie5au",
+			trAnimation: "uv_1k8ie5av",
+			skeletonRow: "uv_1k8ie5aw",
+			skeleton: "uv_1k8ie5ax",
+			row: "uv_1k8ie5ay"
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { init_styles_css, tableStyle };

package/dist/components/Data Display/Table/styles.css.ts.vanilla.js

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Data Display/Table/styles.css.ts.vanilla.css
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/Data Display/Table/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/Table/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAE9C,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,gBAAgB,CAAC,GAAG;IAC9G,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;CACpC,CAAA"}

package/dist/components/Data Display/Table/variables.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variables.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/Table/variables.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,oBAAc,CAAA;AAC1C,eAAO,MAAM,kBAAkB,oBAAc,CAAA;AAC7C,eAAO,MAAM,kBAAkB,oBAAc,CAAA;AAE7C,eAAO,MAAM,SAAS,oBAAc,CAAA;AACpC,eAAO,MAAM,YAAY,oBAAc,CAAA;AACvC,eAAO,MAAM,YAAY,oBAAc,CAAA"}

package/dist/components/Data Display/Table/variables.css.js

@@ -0,0 +1,18 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Data Display/Table/variables.css.ts
+var headerCellWidth, headerCellMinWidth, headerCellMaxWidth, widthCell, maxWidthCell, minWidthCell;
+function init_variables_css() {
+	return (init_variables_css = __esmMin(() => {
+		headerCellWidth = "var(--uv_1oauz2i0)";
+		headerCellMinWidth = "var(--uv_1oauz2i1)";
+		headerCellMaxWidth = "var(--uv_1oauz2i2)";
+		widthCell = "var(--uv_1oauz2i3)";
+		maxWidthCell = "var(--uv_1oauz2i4)";
+		minWidthCell = "var(--uv_1oauz2i5)";
+	}))();
+}
+
+//#endregion
+init_variables_css();
+export { headerCellMaxWidth, headerCellMinWidth, headerCellWidth, init_variables_css, maxWidthCell, minWidthCell, widthCell };

package/dist/components/Data Display/TagList/constant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/TagList/constant.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,IAAI,CAAA;AAE5B,eAAO,MAAM,0BAA0B,UAAU,CAAA;AACjD,eAAO,MAAM,gBAAgB,KAAK,CAAA"}

package/dist/components/Data Display/TagList/constant.js

@@ -0,0 +1,13 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Data Display/TagList/constant.ts
+var DEFAULT_POPOVER_MAX_HEIGHT;
+function init_constant() {
+	return (init_constant = __esmMin(() => {
+		DEFAULT_POPOVER_MAX_HEIGHT = "16rem";
+	}))();
+}
+
+//#endregion
+init_constant();
+export { DEFAULT_POPOVER_MAX_HEIGHT, init_constant };

package/dist/components/Data Display/TagList/index.d.ts

@@ -0,0 +1,50 @@
+import type { ComponentProps, CSSProperties, ReactNode } from 'react';
+import { Tag } from '../../Badges/Tag';
+import { Popover } from '../../Overlay/Popover';
+type TagKeyValue = {
+    key: string;
+    value: string;
+};
+type TagIcon = {
+    label: string;
+    icon: ReactNode;
+};
+export type TagType = string | TagKeyValue | TagIcon;
+type TagListProps = {
+    /**
+     * Maximum character length of all tags before hiding them into a popover.
+     */
+    maxLength?: number;
+    tags?: TagType[];
+    /**
+     * Maximum number of tags to display before hiding them in a popover.
+     */
+    threshold?: number;
+    /**
+     * Wrap the tags on multiple lines instead of containing them on the first one.
+     */
+    multiline?: boolean;
+    /**
+     * Title of the Popover added when some tags are hidden because of the `threshold` or `maxLength` properties.
+     */
+    popoverTitle: string;
+    /**
+     * The popover will be placed automatically by default. You can also specify the placement of the popover through
+     * this property.
+     */
+    popoverPlacement?: ComponentProps<typeof Popover>['placement'];
+    /**
+     * The popover maxHeight
+     * @default 12.5rem
+     */
+    popoverMaxHeight?: ComponentProps<typeof Popover>['maxHeight'];
+    className?: string;
+    'data-testid'?: string;
+    style?: CSSProperties;
+} & Pick<ComponentProps<typeof Tag>, 'copiable' | 'copyText' | 'copiedText' | 'variant' | 'sentiment'>;
+export declare function TagList({ maxLength, tags, threshold, multiline, popoverTitle, popoverPlacement, popoverMaxHeight, copiable, copyText, copiedText, sentiment, variant, className, 'data-testid': dataTestId, style, }: TagListProps): import("react").JSX.Element;
+export declare namespace TagList {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Data Display/TagList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/TagList/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAI/C,KAAK,WAAW,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AACjD,KAAK,OAAO,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CAAE,CAAA;AACjD,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,CAAA;AAEpD,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;IAC9D;;;OAGG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,GAAG,SAAS,GAAG,WAAW,CAAC,CAAA;gCAyC9E,EACtB,SAAe,EACf,IAAmB,EACnB,SAAa,EACb,SAAiB,EACjB,YAAY,EACZ,gBAAgB,EAChB,gBAA6C,EAC7C,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,SAAqB,EACrB,OAAmB,EACnB,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,KAAK,GACN,EAAE,YAAY"}