jaci-ui 0.4.0 → 0.5.0

package/dist/components/table/table.d.ts

@@ -2,55 +2,86 @@ import { ComponentPropsWithoutRef, ReactNode } from "react";
 //#region src/components/table/table.d.ts
 type TableSortDirection = "none" | "ascending" | "descending";
 type TableDensity = "compact" | "comfortable";
+type TableSelectionMode = "none" | "single" | "multiple";
+type TableStatus = "idle" | "loading" | "empty" | "error" | "ready";
+type TableAlignment = "start" | "center" | "end";
+type TableHideBelow = "sm" | "md" | "lg";
+interface TableSortState {
+  id: string;
+  direction: Exclude<TableSortDirection, "none">;
+}
 interface TableContainerProps extends ComponentPropsWithoutRef<"div"> {}
 declare const TableContainer: import("react").ForwardRefExoticComponent<TableContainerProps & import("react").RefAttributes<HTMLDivElement>>;
 interface TableRootProps extends ComponentPropsWithoutRef<"table"> {
   bordered?: boolean;
   density?: TableDensity;
+  defaultSelectedRowIds?: readonly string[];
+  defaultSort?: TableSortState | null;
+  onSelectionChange?: (rowIds: string[]) => void;
+  onSortChange?: (sort: TableSortState | null) => void;
+  selectedRowIds?: readonly string[];
+  selectionMode?: TableSelectionMode;
+  sort?: TableSortState | null;
+  status?: TableStatus;
   stickyHeader?: boolean;
   striped?: boolean;
 }
 declare const TableRoot: import("react").ForwardRefExoticComponent<TableRootProps & import("react").RefAttributes<HTMLTableElement>>;
 type TableCaptionProps = ComponentPropsWithoutRef<"caption">;
 declare const TableCaption: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLTableCaptionElement>>;
+type TableDescriptionProps = ComponentPropsWithoutRef<"p">;
+declare const TableDescription: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
 type TableHeaderProps = ComponentPropsWithoutRef<"thead">;
 declare const TableHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
 type TableBodyProps = ComponentPropsWithoutRef<"tbody">;
 declare const TableBody: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
 type TableFooterProps = ComponentPropsWithoutRef<"tfoot">;
 declare const TableFooter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
-interface TableRowProps extends ComponentPropsWithoutRef<"tr"> {
+interface TableRowProps extends Omit<ComponentPropsWithoutRef<"tr">, "id"> {
+  id: string;
+  selectionDisabled?: boolean;
   selected?: boolean;
 }
 declare const TableRow: import("react").ForwardRefExoticComponent<TableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;
-interface TableHeadProps extends ComponentPropsWithoutRef<"th"> {
-  onSort?: () => void;
+interface TableHeadProps extends Omit<ComponentPropsWithoutRef<"th">, "align"> {
+  align?: TableAlignment;
+  hideBelow?: TableHideBelow;
+  onSort?: (direction: TableSortDirection) => void;
   sortDirection?: TableSortDirection;
   sortable?: boolean;
 }
 declare const TableHead: import("react").ForwardRefExoticComponent<TableHeadProps & import("react").RefAttributes<HTMLTableCellElement>>;
-interface TableCellProps extends ComponentPropsWithoutRef<"td"> {}
+interface TableCellProps extends Omit<ComponentPropsWithoutRef<"td">, "align"> {
+  align?: TableAlignment;
+  hideBelow?: TableHideBelow;
+}
 declare const TableCell: import("react").ForwardRefExoticComponent<TableCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
 interface TableSelectionInputProps {
   "aria-label"?: string | undefined;
   checked?: boolean | undefined;
   indeterminate?: boolean | undefined;
-  inputProps?: Omit<ComponentPropsWithoutRef<"input">, "checked" | "defaultChecked" | "onChange" | "type"> | undefined;
-  onCheckedChange?: ((checked: boolean) => void) | undefined;
+  inputProps?: Omit<ComponentPropsWithoutRef<"input">, "checked" | "defaultChecked" | "onChange" | "type">;
+  onCheckedChange?: (checked: boolean) => void;
 }
 interface TableSelectionHeaderProps extends Omit<ComponentPropsWithoutRef<"th">, "children">, TableSelectionInputProps {}
 declare const TableSelectionHeader: import("react").ForwardRefExoticComponent<TableSelectionHeaderProps & import("react").RefAttributes<HTMLTableCellElement>>;
 interface TableSelectionCellProps extends Omit<ComponentPropsWithoutRef<"td">, "children">, TableSelectionInputProps {}
 declare const TableSelectionCell: import("react").ForwardRefExoticComponent<TableSelectionCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
-interface TableEmptyProps extends Omit<ComponentPropsWithoutRef<"tr">, "children"> {
+interface TableStateProps extends Omit<ComponentPropsWithoutRef<"tr">, "children"> {
   children?: ReactNode;
   colSpan?: number;
 }
+interface TableEmptyProps extends TableStateProps {}
+type TableLoadingProps = TableStateProps;
+type TableErrorProps = TableStateProps;
 declare const TableEmpty: import("react").ForwardRefExoticComponent<TableEmptyProps & import("react").RefAttributes<HTMLTableRowElement>>;
+declare const TableLoading: import("react").ForwardRefExoticComponent<TableStateProps & import("react").RefAttributes<HTMLTableRowElement>>;
+declare const TableError: import("react").ForwardRefExoticComponent<TableStateProps & import("react").RefAttributes<HTMLTableRowElement>>;
 declare const Table: {
   Container: import("react").ForwardRefExoticComponent<TableContainerProps & import("react").RefAttributes<HTMLDivElement>>;
   Root: import("react").ForwardRefExoticComponent<TableRootProps & import("react").RefAttributes<HTMLTableElement>>;
   Caption: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLTableCaptionElement>>;
+  Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
   Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
   Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
   Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
@@ -60,7 +91,9 @@ declare const Table: {
   SelectionHeader: import("react").ForwardRefExoticComponent<TableSelectionHeaderProps & import("react").RefAttributes<HTMLTableCellElement>>;
   SelectionCell: import("react").ForwardRefExoticComponent<TableSelectionCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
   Empty: import("react").ForwardRefExoticComponent<TableEmptyProps & import("react").RefAttributes<HTMLTableRowElement>>;
+  Loading: import("react").ForwardRefExoticComponent<TableStateProps & import("react").RefAttributes<HTMLTableRowElement>>;
+  Error: import("react").ForwardRefExoticComponent<TableStateProps & import("react").RefAttributes<HTMLTableRowElement>>;
 };
 //#endregion
-export { Table, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableDensity, TableEmpty, TableEmptyProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, TableSelectionCell, TableSelectionCellProps, TableSelectionHeader, TableSelectionHeaderProps, TableSortDirection };
+export { Table, TableAlignment, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableDensity, TableDescription, TableDescriptionProps, TableEmpty, TableEmptyProps, TableError, TableErrorProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableHideBelow, TableLoading, TableLoadingProps, TableRoot, TableRootProps, TableRow, TableRowProps, TableSelectionCell, TableSelectionCellProps, TableSelectionHeader, TableSelectionHeaderProps, TableSelectionMode, TableSortDirection, TableSortState, TableStateProps, TableStatus };
 //# sourceMappingURL=table.d.ts.map

package/dist/components/table/table.js

@@ -1,9 +1,28 @@
 "use client";
 import { cx } from "../../styled-system/css/cx.js";
 import { table } from "../../styled-system/recipes/table.js";
-import { forwardRef, useEffect, useRef } from "react";
+import { createContext, forwardRef, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/table/table.tsx
+const TableContext = createContext(null);
+const TableRowContext = createContext(null);
+const TableSectionContext = createContext("body");
+function useTableContext() {
+	return useContext(TableContext);
+}
+function useRequiredTableContext() {
+	const context = useTableContext();
+	if (!context) throw new Error("Table parts must be rendered inside Table.Root.");
+	return context;
+}
+function useTableRowContext() {
+	return useContext(TableRowContext);
+}
+function cycleSortDirection(direction) {
+	if (direction === "none") return "ascending";
+	if (direction === "ascending") return "descending";
+	return "none";
+}
 const TableContainer = forwardRef(function TableContainer({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx("div", {
 		...props,
@@ -13,19 +32,115 @@ const TableContainer = forwardRef(function TableContainer({ className, ...props
 		"data-slot": "table-container"
 	});
 });
-const TableRoot = forwardRef(function TableRoot({ bordered = false, className, density = "comfortable", stickyHeader = false, striped = false, ...props }, ref) {
+const TableRoot = forwardRef(function TableRoot({ bordered = false, className, defaultSelectedRowIds = [], defaultSort = null, density = "comfortable", onSelectionChange, onSortChange, selectedRowIds: controlledSelectedRowIds, selectionMode = "none", sort: controlledSort, status = "idle", stickyHeader = false, striped = false, ...props }, ref) {
+	const [uncontrolledSelectedRowIds, setUncontrolledSelectedRowIds] = useState(() => new Set(defaultSelectedRowIds));
+	const [uncontrolledSort, setUncontrolledSort] = useState(defaultSort);
+	const [rows, setRows] = useState(() => /* @__PURE__ */ new Map());
+	const selectedRowIds = useMemo(() => new Set(controlledSelectedRowIds ?? uncontrolledSelectedRowIds), [controlledSelectedRowIds, uncontrolledSelectedRowIds]);
+	const sort = controlledSort === void 0 ? uncontrolledSort : controlledSort;
+	const selectableRows = useMemo(() => [...rows.entries()].filter(([, row]) => !row.disabled).map(([id]) => id), [rows]);
+	const selectedSelectableRows = selectableRows.filter((id) => selectedRowIds.has(id));
+	const allSelected = selectableRows.length > 0 && selectedSelectableRows.length === selectableRows.length;
+	const indeterminate = selectedSelectableRows.length > 0 && !allSelected;
 	const styles = table({
 		bordered,
 		density,
 		stickyHeader,
 		striped
 	});
-	return /* @__PURE__ */ jsx("table", {
-		...props,
-		ref,
-		className: cx(styles.root, className),
-		"data-jaci-component": "table",
-		"data-slot": "table"
+	const updateSelection = useCallback((next) => {
+		const normalized = selectionMode === "single" ? new Set([...next].slice(-1)) : next;
+		if (controlledSelectedRowIds === void 0) setUncontrolledSelectedRowIds(normalized);
+		onSelectionChange?.([...normalized]);
+	}, [
+		controlledSelectedRowIds,
+		onSelectionChange,
+		selectionMode
+	]);
+	const toggleRow = useCallback((id, checked) => {
+		const row = rows.get(id);
+		if (selectionMode === "none" || row?.disabled) return;
+		const next = new Set(selectedRowIds);
+		if (selectionMode === "single") next.clear();
+		if (checked) next.add(id);
+		else next.delete(id);
+		updateSelection(next);
+	}, [
+		rows,
+		selectedRowIds,
+		selectionMode,
+		updateSelection
+	]);
+	const toggleAll = useCallback((checked) => {
+		if (selectionMode !== "multiple") return;
+		updateSelection(new Set(checked ? selectableRows : []));
+	}, [
+		selectableRows,
+		selectionMode,
+		updateSelection
+	]);
+	const registerRow = useCallback((id, row) => {
+		setRows((current) => {
+			const next = new Map(current);
+			next.set(id, row);
+			return next;
+		});
+		return () => setRows((current) => {
+			if (!current.has(id)) return current;
+			const next = new Map(current);
+			next.delete(id);
+			return next;
+		});
+	}, []);
+	const requestSort = useCallback((id, requestedDirection) => {
+		const currentDirection = sort?.id === id ? sort.direction : "none";
+		const direction = requestedDirection ?? cycleSortDirection(currentDirection);
+		const nextSort = direction === "none" ? null : {
+			id,
+			direction
+		};
+		if (controlledSort === void 0) setUncontrolledSort(nextSort);
+		onSortChange?.(nextSort);
+	}, [
+		controlledSort,
+		onSortChange,
+		sort
+	]);
+	const context = useMemo(() => ({
+		allSelected,
+		indeterminate,
+		isRowSelected: (id) => selectedRowIds.has(id),
+		registerRow,
+		requestSort,
+		selectedRowIds,
+		selectionMode,
+		status,
+		toggleAll,
+		toggleRow,
+		sort
+	}), [
+		allSelected,
+		indeterminate,
+		registerRow,
+		requestSort,
+		selectedRowIds,
+		selectionMode,
+		sort,
+		status,
+		toggleAll,
+		toggleRow
+	]);
+	return /* @__PURE__ */ jsx(TableContext.Provider, {
+		value: context,
+		children: /* @__PURE__ */ jsx("table", {
+			...props,
+			ref,
+			"aria-busy": props["aria-busy"] ?? (status === "loading" || void 0),
+			className: cx(styles.root, className),
+			"data-jaci-component": "table",
+			"data-status": status,
+			"data-slot": "table"
+		})
 	});
 });
 const TableCaption = forwardRef(function TableCaption({ className, ...props }, ref) {
@@ -36,72 +151,123 @@ const TableCaption = forwardRef(function TableCaption({ className, ...props }, r
 		"data-slot": "table-caption"
 	});
 });
-const TableHeader = forwardRef(function TableHeader({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx("thead", {
+const TableDescription = forwardRef(function TableDescription({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("p", {
 		...props,
 		ref,
-		className: cx(table().header, className),
-		"data-slot": "table-header"
+		className: cx(table().description, className),
+		"data-slot": "table-description"
+	});
+});
+const TableHeader = forwardRef(function TableHeader({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(TableSectionContext.Provider, {
+		value: "head",
+		children: /* @__PURE__ */ jsx("thead", {
+			...props,
+			ref,
+			className: cx(table().header, className),
+			"data-slot": "table-header"
+		})
 	});
 });
 const TableBody = forwardRef(function TableBody({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx("tbody", {
-		...props,
-		ref,
-		className: cx(table().body, className),
-		"data-slot": "table-body"
+	return /* @__PURE__ */ jsx(TableSectionContext.Provider, {
+		value: "body",
+		children: /* @__PURE__ */ jsx("tbody", {
+			...props,
+			ref,
+			className: cx(table().body, className),
+			"data-slot": "table-body"
+		})
 	});
 });
 const TableFooter = forwardRef(function TableFooter({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx("tfoot", {
-		...props,
-		ref,
-		className: cx(table().footer, className),
-		"data-slot": "table-footer"
+	return /* @__PURE__ */ jsx(TableSectionContext.Provider, {
+		value: "foot",
+		children: /* @__PURE__ */ jsx("tfoot", {
+			...props,
+			ref,
+			className: cx(table().footer, className),
+			"data-slot": "table-footer"
+		})
 	});
 });
-const TableRow = forwardRef(function TableRow({ className, selected = false, ...props }, ref) {
-	return /* @__PURE__ */ jsx("tr", {
-		...props,
-		ref,
-		"aria-selected": selected || void 0,
-		className: cx(table().row, className),
-		"data-selected": selected || void 0,
-		"data-slot": "table-row"
+const TableRow = forwardRef(function TableRow({ className, id, selectionDisabled = false, selected: selectedOverride, ...props }, ref) {
+	const context = useTableContext();
+	const section = useContext(TableSectionContext);
+	const selected = selectedOverride ?? context?.isRowSelected(id) ?? false;
+	useEffect(() => section === "head" ? void 0 : context?.registerRow(id, { disabled: selectionDisabled }), [
+		context?.registerRow,
+		id,
+		section,
+		selectionDisabled
+	]);
+	return /* @__PURE__ */ jsx(TableRowContext.Provider, {
+		value: {
+			id,
+			selectionDisabled
+		},
+		children: /* @__PURE__ */ jsx("tr", {
+			...props,
+			id,
+			ref,
+			"aria-selected": selected || void 0,
+			className: cx(table().row, className),
+			"data-selected": selected || void 0,
+			"data-selection-disabled": selectionDisabled || void 0,
+			"data-slot": "table-row"
+		})
 	});
 });
-const TableHead = forwardRef(function TableHead({ children, className, onSort, sortDirection = "none", sortable = false, ...props }, ref) {
-	const styles = table();
-	const ariaSort = sortable ? sortDirection : void 0;
+const TableHead = forwardRef(function TableHead({ align = "start", children, className, hideBelow, onSort, sortDirection, sortable = false, ...props }, ref) {
+	const context = useTableContext();
+	const styles = table({
+		align,
+		hideBelow
+	});
+	const resolvedDirection = sortDirection ?? (sortable && props.id && context?.sort?.id === props.id ? context.sort.direction : "none");
+	const sort = () => {
+		const next = cycleSortDirection(resolvedDirection);
+		if (props.id) context?.requestSort(props.id, next);
+		onSort?.(next);
+	};
 	return /* @__PURE__ */ jsx("th", {
 		...props,
 		ref,
-		"aria-sort": ariaSort,
+		"aria-sort": sortable ? resolvedDirection : void 0,
 		className: cx(styles.head, className),
-		"data-sort-direction": sortable ? sortDirection : void 0,
+		"data-align": align,
+		"data-hide-below": hideBelow,
+		"data-sort-direction": sortable ? resolvedDirection : void 0,
 		"data-slot": "table-head",
 		scope: props.scope ?? "col",
 		children: sortable ? /* @__PURE__ */ jsxs("button", {
 			"aria-label": props["aria-label"] ?? `Sort by ${typeof children === "string" ? children : "column"}`,
 			className: styles.sortButton,
-			onClick: onSort,
+			onClick: sort,
 			type: "button",
 			children: [/* @__PURE__ */ jsx("span", { children }), /* @__PURE__ */ jsx("span", {
 				"aria-hidden": "true",
-				children: sortDirection === "ascending" ? "↑" : sortDirection === "descending" ? "↓" : "↕"
+				children: resolvedDirection === "ascending" ? "↑" : resolvedDirection === "descending" ? "↓" : "↕"
 			})]
 		}) : children
 	});
 });
-const TableCell = forwardRef(function TableCell({ className, ...props }, ref) {
+const TableCell = forwardRef(function TableCell({ align = "start", className, hideBelow, ...props }, ref) {
+	const styles = table({
+		align,
+		hideBelow
+	});
 	return /* @__PURE__ */ jsx("td", {
 		...props,
 		ref,
-		className: cx(table().cell, className),
+		className: cx(styles.cell, className),
+		"data-align": align,
+		"data-hide-below": hideBelow,
 		"data-slot": "table-cell"
 	});
 });
-function SelectionInput({ "aria-label": ariaLabel, checked, indeterminate = false, inputProps, onCheckedChange }) {
+function SelectionInput({ "aria-label": ariaLabel, checked = false, indeterminate = false, inputProps, onCheckedChange }) {
 	const ref = useRef(null);
 	useEffect(() => {
 		if (ref.current) ref.current.indeterminate = indeterminate;
@@ -116,8 +282,12 @@ function SelectionInput({ "aria-label": ariaLabel, checked, indeterminate = fals
 		type: "checkbox"
 	});
 }
-const TableSelectionHeader = forwardRef(function TableSelectionHeader({ checked, className, indeterminate, inputProps, onCheckedChange, ...props }, ref) {
+const TableSelectionHeader = forwardRef(function TableSelectionHeader({ checked: checkedOverride, className, indeterminate: indeterminateOverride, inputProps, onCheckedChange, ...props }, ref) {
+	const context = useRequiredTableContext();
 	const ariaLabel = props["aria-label"] ?? inputProps?.["aria-label"] ?? "Select all rows";
+	const checked = checkedOverride ?? context.allSelected;
+	const indeterminate = indeterminateOverride ?? context.indeterminate;
+	const disabled = Boolean(inputProps?.disabled || context.selectionMode !== "multiple" && !onCheckedChange && checkedOverride === void 0);
 	return /* @__PURE__ */ jsx("th", {
 		...props,
 		ref,
@@ -128,14 +298,22 @@ const TableSelectionHeader = forwardRef(function TableSelectionHeader({ checked,
 		children: /* @__PURE__ */ jsx(SelectionInput, {
 			"aria-label": ariaLabel,
 			checked,
-			inputProps,
 			indeterminate,
-			onCheckedChange
+			inputProps: {
+				...inputProps,
+				disabled
+			},
+			onCheckedChange: onCheckedChange ?? context.toggleAll
 		})
 	});
 });
-const TableSelectionCell = forwardRef(function TableSelectionCell({ checked, className, indeterminate, inputProps, onCheckedChange, ...props }, ref) {
+const TableSelectionCell = forwardRef(function TableSelectionCell({ checked: checkedOverride, className, indeterminate = false, inputProps, onCheckedChange, ...props }, ref) {
+	const context = useRequiredTableContext();
+	const row = useTableRowContext();
+	const id = row?.id ?? "";
 	const ariaLabel = props["aria-label"] ?? inputProps?.["aria-label"] ?? "Select row";
+	const checked = checkedOverride ?? context.isRowSelected(id);
+	const disabled = Boolean(inputProps?.disabled || row?.selectionDisabled || context.selectionMode === "none" && !onCheckedChange && checkedOverride === void 0);
 	return /* @__PURE__ */ jsx("td", {
 		...props,
 		ref,
@@ -144,9 +322,28 @@ const TableSelectionCell = forwardRef(function TableSelectionCell({ checked, cla
 		children: /* @__PURE__ */ jsx(SelectionInput, {
 			"aria-label": ariaLabel,
 			checked,
-			inputProps,
 			indeterminate,
-			onCheckedChange
+			inputProps: {
+				...inputProps,
+				disabled
+			},
+			onCheckedChange: onCheckedChange ?? ((next) => context.toggleRow(id, next))
+		})
+	});
+});
+const TableStateRow = forwardRef(function TableStateRow({ children, className, colSpan = 1, live = "polite", ...props }, ref) {
+	const name = live === "assertive" ? "error" : "loading";
+	return /* @__PURE__ */ jsx("tr", {
+		...props,
+		ref,
+		className: cx(table().row, className),
+		"data-slot": `table-${name}-row`,
+		children: /* @__PURE__ */ jsx("td", {
+			"aria-live": live,
+			className: table().empty,
+			colSpan,
+			"data-slot": `table-${name}`,
+			children
 		})
 	});
 });
@@ -164,10 +361,27 @@ const TableEmpty = forwardRef(function TableEmpty({ children = "No results found
 		})
 	});
 });
+const TableLoading = forwardRef(function TableLoading({ children = "Loading…", ...props }, ref) {
+	return /* @__PURE__ */ jsx(TableStateRow, {
+		...props,
+		ref,
+		live: "polite",
+		children
+	});
+});
+const TableError = forwardRef(function TableError({ children = "Something went wrong.", ...props }, ref) {
+	return /* @__PURE__ */ jsx(TableStateRow, {
+		...props,
+		ref,
+		live: "assertive",
+		children
+	});
+});
 const Table = {
 	Container: TableContainer,
 	Root: TableRoot,
 	Caption: TableCaption,
+	Description: TableDescription,
 	Header: TableHeader,
 	Body: TableBody,
 	Footer: TableFooter,
@@ -176,9 +390,11 @@ const Table = {
 	Cell: TableCell,
 	SelectionHeader: TableSelectionHeader,
 	SelectionCell: TableSelectionCell,
-	Empty: TableEmpty
+	Empty: TableEmpty,
+	Loading: TableLoading,
+	Error: TableError
 };
 //#endregion
-export { Table, TableBody, TableCaption, TableCell, TableContainer, TableEmpty, TableFooter, TableHead, TableHeader, TableRoot, TableRow, TableSelectionCell, TableSelectionHeader };
+export { Table, TableBody, TableCaption, TableCell, TableContainer, TableDescription, TableEmpty, TableError, TableFooter, TableHead, TableHeader, TableLoading, TableRoot, TableRow, TableSelectionCell, TableSelectionHeader };
 
 //# sourceMappingURL=table.js.map

package/dist/components/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":[],"sources":["../../../src/components/table/table.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useEffect, useRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { table } from \"../../styled-system/recipes\";\n\nexport type TableSortDirection = \"none\" | \"ascending\" | \"descending\";\nexport type TableDensity = \"compact\" | \"comfortable\";\n\nexport interface TableContainerProps extends ComponentPropsWithoutRef<\"div\"> {}\n\nexport const TableContainer = forwardRef<HTMLDivElement, TableContainerProps>(\n  function TableContainer({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(table().container, className)}\n        data-jaci-component=\"table\"\n        data-slot=\"table-container\"\n      />\n    );\n  },\n);\n\nexport interface TableRootProps extends ComponentPropsWithoutRef<\"table\"> {\n  bordered?: boolean;\n  density?: TableDensity;\n  stickyHeader?: boolean;\n  striped?: boolean;\n}\n\nexport const TableRoot = forwardRef<HTMLTableElement, TableRootProps>(function TableRoot(\n  {\n    bordered = false,\n    className,\n    density = \"comfortable\",\n    stickyHeader = false,\n    striped = false,\n    ...props\n  },\n  ref,\n) {\n  const styles = table({ bordered, density, stickyHeader, striped });\n\n  return (\n    <table\n      {...props}\n      ref={ref}\n      className={cx(styles.root, className)}\n      data-jaci-component=\"table\"\n      data-slot=\"table\"\n    />\n  );\n});\n\nexport type TableCaptionProps = ComponentPropsWithoutRef<\"caption\">;\n\nexport const TableCaption = forwardRef<HTMLTableCaptionElement, TableCaptionProps>(\n  function TableCaption({ className, ...props }, ref) {\n    return (\n      <caption\n        {...props}\n        ref={ref}\n        className={cx(table().caption, className)}\n        data-slot=\"table-caption\"\n      />\n    );\n  },\n);\n\nexport type TableHeaderProps = ComponentPropsWithoutRef<\"thead\">;\nexport const TableHeader = forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n  function TableHeader({ className, ...props }, ref) {\n    return (\n      <thead\n        {...props}\n        ref={ref}\n        className={cx(table().header, className)}\n        data-slot=\"table-header\"\n      />\n    );\n  },\n);\n\nexport type TableBodyProps = ComponentPropsWithoutRef<\"tbody\">;\nexport const TableBody = forwardRef<HTMLTableSectionElement, TableBodyProps>(function TableBody(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <tbody {...props} ref={ref} className={cx(table().body, className)} data-slot=\"table-body\" />\n  );\n});\n\nexport type TableFooterProps = ComponentPropsWithoutRef<\"tfoot\">;\nexport const TableFooter = forwardRef<HTMLTableSectionElement, TableFooterProps>(\n  function TableFooter({ className, ...props }, ref) {\n    return (\n      <tfoot\n        {...props}\n        ref={ref}\n        className={cx(table().footer, className)}\n        data-slot=\"table-footer\"\n      />\n    );\n  },\n);\n\nexport interface TableRowProps extends ComponentPropsWithoutRef<\"tr\"> {\n  selected?: boolean;\n}\n\nexport const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(function TableRow(\n  { className, selected = false, ...props },\n  ref,\n) {\n  return (\n    <tr\n      {...props}\n      ref={ref}\n      aria-selected={selected || undefined}\n      className={cx(table().row, className)}\n      data-selected={selected || undefined}\n      data-slot=\"table-row\"\n    />\n  );\n});\n\nexport interface TableHeadProps extends ComponentPropsWithoutRef<\"th\"> {\n  onSort?: () => void;\n  sortDirection?: TableSortDirection;\n  sortable?: boolean;\n}\n\nexport const TableHead = forwardRef<HTMLTableCellElement, TableHeadProps>(function TableHead(\n  { children, className, onSort, sortDirection = \"none\", sortable = false, ...props },\n  ref,\n) {\n  const styles = table();\n  const ariaSort = sortable ? sortDirection : undefined;\n\n  return (\n    <th\n      {...props}\n      ref={ref}\n      aria-sort={ariaSort}\n      className={cx(styles.head, className)}\n      data-sort-direction={sortable ? sortDirection : undefined}\n      data-slot=\"table-head\"\n      scope={props.scope ?? \"col\"}\n    >\n      {sortable ? (\n        <button\n          aria-label={\n            props[\"aria-label\"] ?? `Sort by ${typeof children === \"string\" ? children : \"column\"}`\n          }\n          className={styles.sortButton}\n          onClick={onSort}\n          type=\"button\"\n        >\n          <span>{children}</span>\n          <span aria-hidden=\"true\">\n            {sortDirection === \"ascending\" ? \"↑\" : sortDirection === \"descending\" ? \"↓\" : \"↕\"}\n          </span>\n        </button>\n      ) : (\n        children\n      )}\n    </th>\n  );\n});\n\nexport interface TableCellProps extends ComponentPropsWithoutRef<\"td\"> {}\n\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(function TableCell(\n  { className, ...props },\n  ref,\n) {\n  return <td {...props} ref={ref} className={cx(table().cell, className)} data-slot=\"table-cell\" />;\n});\n\ninterface TableSelectionInputProps {\n  \"aria-label\"?: string | undefined;\n  checked?: boolean | undefined;\n  indeterminate?: boolean | undefined;\n  inputProps?:\n    | Omit<ComponentPropsWithoutRef<\"input\">, \"checked\" | \"defaultChecked\" | \"onChange\" | \"type\">\n    | undefined;\n  onCheckedChange?: ((checked: boolean) => void) | undefined;\n}\n\nfunction SelectionInput({\n  \"aria-label\": ariaLabel,\n  checked,\n  indeterminate = false,\n  inputProps,\n  onCheckedChange,\n}: TableSelectionInputProps) {\n  const ref = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (ref.current) {\n      ref.current.indeterminate = indeterminate;\n    }\n  }, [indeterminate]);\n\n  return (\n    <input\n      {...inputProps}\n      ref={ref}\n      aria-label={ariaLabel ?? inputProps?.[\"aria-label\"]}\n      aria-checked={indeterminate ? \"mixed\" : checked}\n      checked={checked}\n      onChange={(event) => onCheckedChange?.(event.currentTarget.checked)}\n      type=\"checkbox\"\n    />\n  );\n}\n\nexport interface TableSelectionHeaderProps\n  extends Omit<ComponentPropsWithoutRef<\"th\">, \"children\">,\n    TableSelectionInputProps {}\n\nexport const TableSelectionHeader = forwardRef<HTMLTableCellElement, TableSelectionHeaderProps>(\n  function TableSelectionHeader(\n    { checked, className, indeterminate, inputProps, onCheckedChange, ...props },\n    ref,\n  ) {\n    const ariaLabel = props[\"aria-label\"] ?? inputProps?.[\"aria-label\"] ?? \"Select all rows\";\n\n    return (\n      <th\n        {...props}\n        ref={ref}\n        aria-label={ariaLabel}\n        className={cx(table().selection, className)}\n        data-slot=\"table-selection-header\"\n        scope=\"col\"\n      >\n        <SelectionInput\n          aria-label={ariaLabel}\n          checked={checked}\n          inputProps={inputProps}\n          indeterminate={indeterminate}\n          onCheckedChange={onCheckedChange}\n        />\n      </th>\n    );\n  },\n);\n\nexport interface TableSelectionCellProps\n  extends Omit<ComponentPropsWithoutRef<\"td\">, \"children\">,\n    TableSelectionInputProps {}\n\nexport const TableSelectionCell = forwardRef<HTMLTableCellElement, TableSelectionCellProps>(\n  function TableSelectionCell(\n    { checked, className, indeterminate, inputProps, onCheckedChange, ...props },\n    ref,\n  ) {\n    const ariaLabel = props[\"aria-label\"] ?? inputProps?.[\"aria-label\"] ?? \"Select row\";\n\n    return (\n      <td\n        {...props}\n        ref={ref}\n        className={cx(table().selection, className)}\n        data-slot=\"table-selection-cell\"\n      >\n        <SelectionInput\n          aria-label={ariaLabel}\n          checked={checked}\n          inputProps={inputProps}\n          indeterminate={indeterminate}\n          onCheckedChange={onCheckedChange}\n        />\n      </td>\n    );\n  },\n);\n\nexport interface TableEmptyProps extends Omit<ComponentPropsWithoutRef<\"tr\">, \"children\"> {\n  children?: ReactNode;\n  colSpan?: number;\n}\n\nexport const TableEmpty = forwardRef<HTMLTableRowElement, TableEmptyProps>(function TableEmpty(\n  { children = \"No results found.\", className, colSpan = 1, ...props },\n  ref,\n) {\n  return (\n    <tr {...props} ref={ref} className={cx(table().row, className)} data-slot=\"table-empty-row\">\n      <td className={table().empty} colSpan={colSpan} data-slot=\"table-empty\">\n        {children}\n      </td>\n    </tr>\n  );\n});\n\nexport const Table = {\n  Container: TableContainer,\n  Root: TableRoot,\n  Caption: TableCaption,\n  Header: TableHeader,\n  Body: TableBody,\n  Footer: TableFooter,\n  Row: TableRow,\n  Head: TableHead,\n  Cell: TableCell,\n  SelectionHeader: TableSelectionHeader,\n  SelectionCell: TableSelectionCell,\n  Empty: TableEmpty,\n};\n"],"mappings":"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"}
+{"version":3,"file":"table.js","names":[],"sources":["../../../src/components/table/table.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { table } from \"../../styled-system/recipes\";\n\nexport type TableSortDirection = \"none\" | \"ascending\" | \"descending\";\nexport type TableDensity = \"compact\" | \"comfortable\";\nexport type TableSelectionMode = \"none\" | \"single\" | \"multiple\";\nexport type TableStatus = \"idle\" | \"loading\" | \"empty\" | \"error\" | \"ready\";\nexport type TableAlignment = \"start\" | \"center\" | \"end\";\nexport type TableHideBelow = \"sm\" | \"md\" | \"lg\";\n\nexport interface TableSortState {\n  id: string;\n  direction: Exclude<TableSortDirection, \"none\">;\n}\n\ninterface TableRowRecord {\n  disabled: boolean;\n}\n\ninterface TableContextValue {\n  allSelected: boolean;\n  indeterminate: boolean;\n  isRowSelected: (id: string) => boolean;\n  registerRow: (id: string, row: TableRowRecord) => () => void;\n  requestSort: (id: string, direction?: TableSortDirection) => void;\n  selectedRowIds: ReadonlySet<string>;\n  selectionMode: TableSelectionMode;\n  toggleAll: (checked: boolean) => void;\n  toggleRow: (id: string, checked: boolean) => void;\n  sort: TableSortState | null;\n  status: TableStatus;\n}\n\ninterface TableRowContextValue {\n  id: string;\n  selectionDisabled: boolean;\n}\n\ntype TableSection = \"head\" | \"body\" | \"foot\";\n\nconst TableContext = createContext<TableContextValue | null>(null);\nconst TableRowContext = createContext<TableRowContextValue | null>(null);\nconst TableSectionContext = createContext<TableSection>(\"body\");\n\nfunction useTableContext() {\n  return useContext(TableContext);\n}\n\nfunction useRequiredTableContext() {\n  const context = useTableContext();\n  if (!context) throw new Error(\"Table parts must be rendered inside Table.Root.\");\n  return context;\n}\n\nfunction useTableRowContext() {\n  return useContext(TableRowContext);\n}\n\nfunction cycleSortDirection(direction: TableSortDirection): TableSortDirection {\n  if (direction === \"none\") return \"ascending\";\n  if (direction === \"ascending\") return \"descending\";\n  return \"none\";\n}\n\nexport interface TableContainerProps extends ComponentPropsWithoutRef<\"div\"> {}\n\nexport const TableContainer = forwardRef<HTMLDivElement, TableContainerProps>(\n  function TableContainer({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(table().container, className)}\n        data-jaci-component=\"table\"\n        data-slot=\"table-container\"\n      />\n    );\n  },\n);\n\nexport interface TableRootProps extends ComponentPropsWithoutRef<\"table\"> {\n  bordered?: boolean;\n  density?: TableDensity;\n  defaultSelectedRowIds?: readonly string[];\n  defaultSort?: TableSortState | null;\n  onSelectionChange?: (rowIds: string[]) => void;\n  onSortChange?: (sort: TableSortState | null) => void;\n  selectedRowIds?: readonly string[];\n  selectionMode?: TableSelectionMode;\n  sort?: TableSortState | null;\n  status?: TableStatus;\n  stickyHeader?: boolean;\n  striped?: boolean;\n}\n\nexport const TableRoot = forwardRef<HTMLTableElement, TableRootProps>(function TableRoot(\n  {\n    bordered = false,\n    className,\n    defaultSelectedRowIds = [],\n    defaultSort = null,\n    density = \"comfortable\",\n    onSelectionChange,\n    onSortChange,\n    selectedRowIds: controlledSelectedRowIds,\n    selectionMode = \"none\",\n    sort: controlledSort,\n    status = \"idle\",\n    stickyHeader = false,\n    striped = false,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledSelectedRowIds, setUncontrolledSelectedRowIds] = useState(\n    () => new Set(defaultSelectedRowIds),\n  );\n  const [uncontrolledSort, setUncontrolledSort] = useState<TableSortState | null>(defaultSort);\n  const [rows, setRows] = useState<Map<string, TableRowRecord>>(() => new Map());\n  const selectedRowIds = useMemo(\n    () => new Set(controlledSelectedRowIds ?? uncontrolledSelectedRowIds),\n    [controlledSelectedRowIds, uncontrolledSelectedRowIds],\n  );\n  const sort = controlledSort === undefined ? uncontrolledSort : controlledSort;\n  const selectableRows = useMemo(\n    () => [...rows.entries()].filter(([, row]) => !row.disabled).map(([id]) => id),\n    [rows],\n  );\n  const selectedSelectableRows = selectableRows.filter((id) => selectedRowIds.has(id));\n  const allSelected =\n    selectableRows.length > 0 && selectedSelectableRows.length === selectableRows.length;\n  const indeterminate = selectedSelectableRows.length > 0 && !allSelected;\n  const styles = table({ bordered, density, stickyHeader, striped });\n\n  const updateSelection = useCallback(\n    (next: Set<string>) => {\n      const normalized = selectionMode === \"single\" ? new Set([...next].slice(-1)) : next;\n      if (controlledSelectedRowIds === undefined) setUncontrolledSelectedRowIds(normalized);\n      onSelectionChange?.([...normalized]);\n    },\n    [controlledSelectedRowIds, onSelectionChange, selectionMode],\n  );\n  const toggleRow = useCallback(\n    (id: string, checked: boolean) => {\n      const row = rows.get(id);\n      if (selectionMode === \"none\" || row?.disabled) return;\n      const next = new Set(selectedRowIds);\n      if (selectionMode === \"single\") next.clear();\n      if (checked) next.add(id);\n      else next.delete(id);\n      updateSelection(next);\n    },\n    [rows, selectedRowIds, selectionMode, updateSelection],\n  );\n  const toggleAll = useCallback(\n    (checked: boolean) => {\n      if (selectionMode !== \"multiple\") return;\n      updateSelection(new Set(checked ? selectableRows : []));\n    },\n    [selectableRows, selectionMode, updateSelection],\n  );\n  const registerRow = useCallback((id: string, row: TableRowRecord) => {\n    setRows((current) => {\n      const next = new Map(current);\n      next.set(id, row);\n      return next;\n    });\n    return () =>\n      setRows((current) => {\n        if (!current.has(id)) return current;\n        const next = new Map(current);\n        next.delete(id);\n        return next;\n      });\n  }, []);\n  const requestSort = useCallback(\n    (id: string, requestedDirection?: TableSortDirection) => {\n      const currentDirection = sort?.id === id ? sort.direction : \"none\";\n      const direction = requestedDirection ?? cycleSortDirection(currentDirection);\n      const nextSort = direction === \"none\" ? null : { id, direction };\n      if (controlledSort === undefined) setUncontrolledSort(nextSort);\n      onSortChange?.(nextSort);\n    },\n    [controlledSort, onSortChange, sort],\n  );\n\n  const context = useMemo<TableContextValue>(\n    () => ({\n      allSelected,\n      indeterminate,\n      isRowSelected: (id) => selectedRowIds.has(id),\n      registerRow,\n      requestSort,\n      selectedRowIds,\n      selectionMode,\n      status,\n      toggleAll,\n      toggleRow,\n      sort,\n    }),\n    [\n      allSelected,\n      indeterminate,\n      registerRow,\n      requestSort,\n      selectedRowIds,\n      selectionMode,\n      sort,\n      status,\n      toggleAll,\n      toggleRow,\n    ],\n  );\n\n  return (\n    <TableContext.Provider value={context}>\n      <table\n        {...props}\n        ref={ref}\n        aria-busy={props[\"aria-busy\"] ?? (status === \"loading\" || undefined)}\n        className={cx(styles.root, className)}\n        data-jaci-component=\"table\"\n        data-status={status}\n        data-slot=\"table\"\n      />\n    </TableContext.Provider>\n  );\n});\n\nexport type TableCaptionProps = ComponentPropsWithoutRef<\"caption\">;\nexport const TableCaption = forwardRef<HTMLTableCaptionElement, TableCaptionProps>(\n  function TableCaption({ className, ...props }, ref) {\n    return (\n      <caption\n        {...props}\n        ref={ref}\n        className={cx(table().caption, className)}\n        data-slot=\"table-caption\"\n      />\n    );\n  },\n);\n\nexport type TableDescriptionProps = ComponentPropsWithoutRef<\"p\">;\nexport const TableDescription = forwardRef<HTMLParagraphElement, TableDescriptionProps>(\n  function TableDescription({ className, ...props }, ref) {\n    return (\n      <p\n        {...props}\n        ref={ref}\n        className={cx(table().description, className)}\n        data-slot=\"table-description\"\n      />\n    );\n  },\n);\n\nexport type TableHeaderProps = ComponentPropsWithoutRef<\"thead\">;\nexport const TableHeader = forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n  function TableHeader({ className, ...props }, ref) {\n    return (\n      <TableSectionContext.Provider value=\"head\">\n        <thead\n          {...props}\n          ref={ref}\n          className={cx(table().header, className)}\n          data-slot=\"table-header\"\n        />\n      </TableSectionContext.Provider>\n    );\n  },\n);\n\nexport type TableBodyProps = ComponentPropsWithoutRef<\"tbody\">;\nexport const TableBody = forwardRef<HTMLTableSectionElement, TableBodyProps>(function TableBody(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <TableSectionContext.Provider value=\"body\">\n      <tbody {...props} ref={ref} className={cx(table().body, className)} data-slot=\"table-body\" />\n    </TableSectionContext.Provider>\n  );\n});\n\nexport type TableFooterProps = ComponentPropsWithoutRef<\"tfoot\">;\nexport const TableFooter = forwardRef<HTMLTableSectionElement, TableFooterProps>(\n  function TableFooter({ className, ...props }, ref) {\n    return (\n      <TableSectionContext.Provider value=\"foot\">\n        <tfoot\n          {...props}\n          ref={ref}\n          className={cx(table().footer, className)}\n          data-slot=\"table-footer\"\n        />\n      </TableSectionContext.Provider>\n    );\n  },\n);\n\nexport interface TableRowProps extends Omit<ComponentPropsWithoutRef<\"tr\">, \"id\"> {\n  id: string;\n  selectionDisabled?: boolean;\n  selected?: boolean;\n}\n\nexport const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(function TableRow(\n  { className, id, selectionDisabled = false, selected: selectedOverride, ...props },\n  ref,\n) {\n  const context = useTableContext();\n  const section = useContext(TableSectionContext);\n  const selected = selectedOverride ?? context?.isRowSelected(id) ?? false;\n  useEffect(\n    () =>\n      section === \"head\" ? undefined : context?.registerRow(id, { disabled: selectionDisabled }),\n    [context?.registerRow, id, section, selectionDisabled],\n  );\n\n  return (\n    <TableRowContext.Provider value={{ id, selectionDisabled }}>\n      <tr\n        {...props}\n        id={id}\n        ref={ref}\n        aria-selected={selected || undefined}\n        className={cx(table().row, className)}\n        data-selected={selected || undefined}\n        data-selection-disabled={selectionDisabled || undefined}\n        data-slot=\"table-row\"\n      />\n    </TableRowContext.Provider>\n  );\n});\n\nexport interface TableHeadProps extends Omit<ComponentPropsWithoutRef<\"th\">, \"align\"> {\n  align?: TableAlignment;\n  hideBelow?: TableHideBelow;\n  onSort?: (direction: TableSortDirection) => void;\n  sortDirection?: TableSortDirection;\n  sortable?: boolean;\n}\n\nexport const TableHead = forwardRef<HTMLTableCellElement, TableHeadProps>(function TableHead(\n  {\n    align = \"start\",\n    children,\n    className,\n    hideBelow,\n    onSort,\n    sortDirection,\n    sortable = false,\n    ...props\n  },\n  ref,\n) {\n  const context = useTableContext();\n  const styles = table({ align, hideBelow });\n  const resolvedDirection =\n    sortDirection ??\n    (sortable && props.id && context?.sort?.id === props.id ? context.sort.direction : \"none\");\n  const sort = () => {\n    const next = cycleSortDirection(resolvedDirection);\n    if (props.id) context?.requestSort(props.id, next);\n    onSort?.(next);\n  };\n\n  return (\n    <th\n      {...props}\n      ref={ref}\n      aria-sort={sortable ? resolvedDirection : undefined}\n      className={cx(styles.head, className)}\n      data-align={align}\n      data-hide-below={hideBelow}\n      data-sort-direction={sortable ? resolvedDirection : undefined}\n      data-slot=\"table-head\"\n      scope={props.scope ?? \"col\"}\n    >\n      {sortable ? (\n        <button\n          aria-label={\n            props[\"aria-label\"] ?? `Sort by ${typeof children === \"string\" ? children : \"column\"}`\n          }\n          className={styles.sortButton}\n          onClick={sort}\n          type=\"button\"\n        >\n          <span>{children}</span>\n          <span aria-hidden=\"true\">\n            {resolvedDirection === \"ascending\"\n              ? \"↑\"\n              : resolvedDirection === \"descending\"\n                ? \"↓\"\n                : \"↕\"}\n          </span>\n        </button>\n      ) : (\n        children\n      )}\n    </th>\n  );\n});\n\nexport interface TableCellProps extends Omit<ComponentPropsWithoutRef<\"td\">, \"align\"> {\n  align?: TableAlignment;\n  hideBelow?: TableHideBelow;\n}\n\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(function TableCell(\n  { align = \"start\", className, hideBelow, ...props },\n  ref,\n) {\n  const styles = table({ align, hideBelow });\n  return (\n    <td\n      {...props}\n      ref={ref}\n      className={cx(styles.cell, className)}\n      data-align={align}\n      data-hide-below={hideBelow}\n      data-slot=\"table-cell\"\n    />\n  );\n});\n\ninterface TableSelectionInputProps {\n  \"aria-label\"?: string | undefined;\n  checked?: boolean | undefined;\n  indeterminate?: boolean | undefined;\n  inputProps?: Omit<\n    ComponentPropsWithoutRef<\"input\">,\n    \"checked\" | \"defaultChecked\" | \"onChange\" | \"type\"\n  >;\n  onCheckedChange?: (checked: boolean) => void;\n}\n\nfunction SelectionInput({\n  \"aria-label\": ariaLabel,\n  checked = false,\n  indeterminate = false,\n  inputProps,\n  onCheckedChange,\n}: TableSelectionInputProps) {\n  const ref = useRef<HTMLInputElement>(null);\n  useEffect(() => {\n    if (ref.current) ref.current.indeterminate = indeterminate;\n  }, [indeterminate]);\n\n  return (\n    <input\n      {...inputProps}\n      ref={ref}\n      aria-label={ariaLabel ?? inputProps?.[\"aria-label\"]}\n      aria-checked={indeterminate ? \"mixed\" : checked}\n      checked={checked}\n      onChange={(event) => onCheckedChange?.(event.currentTarget.checked)}\n      type=\"checkbox\"\n    />\n  );\n}\n\nexport interface TableSelectionHeaderProps\n  extends Omit<ComponentPropsWithoutRef<\"th\">, \"children\">,\n    TableSelectionInputProps {}\n\nexport const TableSelectionHeader = forwardRef<HTMLTableCellElement, TableSelectionHeaderProps>(\n  function TableSelectionHeader(\n    {\n      checked: checkedOverride,\n      className,\n      indeterminate: indeterminateOverride,\n      inputProps,\n      onCheckedChange,\n      ...props\n    },\n    ref,\n  ) {\n    const context = useRequiredTableContext();\n    const ariaLabel = props[\"aria-label\"] ?? inputProps?.[\"aria-label\"] ?? \"Select all rows\";\n    const checked = checkedOverride ?? context.allSelected;\n    const indeterminate = indeterminateOverride ?? context.indeterminate;\n    const disabled = Boolean(\n      inputProps?.disabled ||\n        (context.selectionMode !== \"multiple\" && !onCheckedChange && checkedOverride === undefined),\n    );\n    return (\n      <th\n        {...props}\n        ref={ref}\n        aria-label={ariaLabel}\n        className={cx(table().selection, className)}\n        data-slot=\"table-selection-header\"\n        scope=\"col\"\n      >\n        <SelectionInput\n          aria-label={ariaLabel}\n          checked={checked}\n          indeterminate={indeterminate}\n          inputProps={{ ...inputProps, disabled }}\n          onCheckedChange={onCheckedChange ?? context.toggleAll}\n        />\n      </th>\n    );\n  },\n);\n\nexport interface TableSelectionCellProps\n  extends Omit<ComponentPropsWithoutRef<\"td\">, \"children\">,\n    TableSelectionInputProps {}\n\nexport const TableSelectionCell = forwardRef<HTMLTableCellElement, TableSelectionCellProps>(\n  function TableSelectionCell(\n    {\n      checked: checkedOverride,\n      className,\n      indeterminate = false,\n      inputProps,\n      onCheckedChange,\n      ...props\n    },\n    ref,\n  ) {\n    const context = useRequiredTableContext();\n    const row = useTableRowContext();\n    const id = row?.id ?? \"\";\n    const ariaLabel = props[\"aria-label\"] ?? inputProps?.[\"aria-label\"] ?? \"Select row\";\n    const checked = checkedOverride ?? context.isRowSelected(id);\n    const disabled = Boolean(\n      inputProps?.disabled ||\n        row?.selectionDisabled ||\n        (context.selectionMode === \"none\" && !onCheckedChange && checkedOverride === undefined),\n    );\n    return (\n      <td\n        {...props}\n        ref={ref}\n        className={cx(table().selection, className)}\n        data-slot=\"table-selection-cell\"\n      >\n        <SelectionInput\n          aria-label={ariaLabel}\n          checked={checked}\n          indeterminate={indeterminate}\n          inputProps={{ ...inputProps, disabled }}\n          onCheckedChange={onCheckedChange ?? ((next) => context.toggleRow(id, next))}\n        />\n      </td>\n    );\n  },\n);\n\nexport interface TableStateProps extends Omit<ComponentPropsWithoutRef<\"tr\">, \"children\"> {\n  children?: ReactNode;\n  colSpan?: number;\n}\n\nconst TableStateRow = forwardRef<\n  HTMLTableRowElement,\n  TableStateProps & { live?: \"polite\" | \"assertive\" }\n>(function TableStateRow({ children, className, colSpan = 1, live = \"polite\", ...props }, ref) {\n  const name = live === \"assertive\" ? \"error\" : \"loading\";\n  return (\n    <tr {...props} ref={ref} className={cx(table().row, className)} data-slot={`table-${name}-row`}>\n      <td aria-live={live} className={table().empty} colSpan={colSpan} data-slot={`table-${name}`}>\n        {children}\n      </td>\n    </tr>\n  );\n});\n\nexport interface TableEmptyProps extends TableStateProps {}\nexport type TableLoadingProps = TableStateProps;\nexport type TableErrorProps = TableStateProps;\nexport const TableEmpty = forwardRef<HTMLTableRowElement, TableEmptyProps>(function TableEmpty(\n  { children = \"No results found.\", className, colSpan = 1, ...props },\n  ref,\n) {\n  return (\n    <tr {...props} ref={ref} className={cx(table().row, className)} data-slot=\"table-empty-row\">\n      <td className={table().empty} colSpan={colSpan} data-slot=\"table-empty\">\n        {children}\n      </td>\n    </tr>\n  );\n});\n\nexport const TableLoading = forwardRef<HTMLTableRowElement, TableStateProps>(function TableLoading(\n  { children = \"Loading…\", ...props },\n  ref,\n) {\n  return (\n    <TableStateRow {...props} ref={ref} live=\"polite\">\n      {children}\n    </TableStateRow>\n  );\n});\n\nexport const TableError = forwardRef<HTMLTableRowElement, TableStateProps>(function TableError(\n  { children = \"Something went wrong.\", ...props },\n  ref,\n) {\n  return (\n    <TableStateRow {...props} ref={ref} live=\"assertive\">\n      {children}\n    </TableStateRow>\n  );\n});\n\nexport const Table = {\n  Container: TableContainer,\n  Root: TableRoot,\n  Caption: TableCaption,\n  Description: TableDescription,\n  Header: TableHeader,\n  Body: TableBody,\n  Footer: TableFooter,\n  Row: TableRow,\n  Head: TableHead,\n  Cell: TableCell,\n  SelectionHeader: TableSelectionHeader,\n  SelectionCell: TableSelectionCell,\n  Empty: TableEmpty,\n  Loading: TableLoading,\n  Error: TableError,\n};\n"],"mappings":"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"}

package/dist/components/tree-view/index.d.cts

@@ -1,2 +1,2 @@
-import { TreeView, TreeViewGroup, TreeViewGroupProps, TreeViewItem, TreeViewItemProps, TreeViewLabel, TreeViewLabelProps, TreeViewRoot, TreeViewRootProps, TreeViewSelection, TreeViewSelectionMode, TreeViewToggle, TreeViewToggleProps } from "./tree-view.cjs";
-export { TreeView, TreeViewGroup, type TreeViewGroupProps, TreeViewItem, type TreeViewItemProps, TreeViewLabel, type TreeViewLabelProps, TreeViewRoot, type TreeViewRootProps, type TreeViewSelection, type TreeViewSelectionMode, TreeViewToggle, type TreeViewToggleProps };
+import { TreeView, TreeViewEmpty, TreeViewError, TreeViewGroup, TreeViewGroupProps, TreeViewItem, TreeViewItemProps, TreeViewLabel, TreeViewLabelProps, TreeViewLoading, TreeViewRoot, TreeViewRootProps, TreeViewSelection, TreeViewSelectionMode, TreeViewStateProps, TreeViewToggle, TreeViewToggleProps } from "./tree-view.cjs";
+export { TreeView, TreeViewEmpty, TreeViewError, TreeViewGroup, type TreeViewGroupProps, TreeViewItem, type TreeViewItemProps, TreeViewLabel, type TreeViewLabelProps, TreeViewLoading, TreeViewRoot, type TreeViewRootProps, type TreeViewSelection, type TreeViewSelectionMode, type TreeViewStateProps, TreeViewToggle, type TreeViewToggleProps };

package/dist/components/tree-view/index.d.ts

@@ -1,2 +1,2 @@
-import { TreeView, TreeViewGroup, TreeViewGroupProps, TreeViewItem, TreeViewItemProps, TreeViewLabel, TreeViewLabelProps, TreeViewRoot, TreeViewRootProps, TreeViewSelection, TreeViewSelectionMode, TreeViewToggle, TreeViewToggleProps } from "./tree-view.js";
-export { TreeView, TreeViewGroup, type TreeViewGroupProps, TreeViewItem, type TreeViewItemProps, TreeViewLabel, type TreeViewLabelProps, TreeViewRoot, type TreeViewRootProps, type TreeViewSelection, type TreeViewSelectionMode, TreeViewToggle, type TreeViewToggleProps };
+import { TreeView, TreeViewEmpty, TreeViewError, TreeViewGroup, TreeViewGroupProps, TreeViewItem, TreeViewItemProps, TreeViewLabel, TreeViewLabelProps, TreeViewLoading, TreeViewRoot, TreeViewRootProps, TreeViewSelection, TreeViewSelectionMode, TreeViewStateProps, TreeViewToggle, TreeViewToggleProps } from "./tree-view.js";
+export { TreeView, TreeViewEmpty, TreeViewError, TreeViewGroup, type TreeViewGroupProps, TreeViewItem, type TreeViewItemProps, TreeViewLabel, type TreeViewLabelProps, TreeViewLoading, TreeViewRoot, type TreeViewRootProps, type TreeViewSelection, type TreeViewSelectionMode, type TreeViewStateProps, TreeViewToggle, type TreeViewToggleProps };