@kanso-labs/kanso-ui 0.35.0 → 0.37.0

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

@@ -55,11 +55,12 @@ type TableLoadMoreProps = Omit<TableLoadMoreItemProps, 'children'> & {
   /**
    * What the row says while it is loading. Read by a screen reader; the ring
    * itself carries no text.
-   * @default 'Loading more'
+   * Left out, it is the word for it in the I18nProvider's locale — "Loading
+   * more" in English.
    */
   label?: string;
 };
-type TableProps$1 = Omit<TableProps, 'className' | 'style'> & {
+type TableProps$1 = {
   /** A function may compute the class from the table's render state. */
   className?: TableProps['className'];
   /** Called as a column is dragged, with every column's width. */
@@ -75,19 +76,20 @@ type TableProps$1 = Omit<TableProps, 'className' | 'style'> & {
   resizable?: boolean;
   /**
    * What the resize handle is called, for a screen reader. React Aria
-   * composes it with the column's own name.
-   * @default 'Resize column'
+   * composes it with the column's own name. Left out, React Aria names it in
+   * the reader's locale — "Resizer" in English.
    */
   resizeLabel?: string;
   /**
-   * What the select-all checkbox is called, for a screen reader.
-   * @default 'Select all'
+   * What the select-all checkbox is called, for a screen reader. Left out,
+   * React Aria names it in the reader's locale — "Select All" in English.
    */
   selectAllLabel?: string;
   /**
    * What each row's selection checkbox is called, for a screen reader. The
    * row's own text is what names the row; this names the box inside it.
-   * @default 'Select'
+   * Left out, React Aria names it in the reader's locale — "Select" in
+   * English.
    */
   selectLabel?: string;
   /**
@@ -98,7 +100,7 @@ type TableProps$1 = Omit<TableProps, 'className' | 'style'> & {
   stickyHeader?: boolean;
   /** A function may compute the style from the table's render state. */
   style?: TableProps['style'];
-};
+} & Omit<TableProps, 'className' | 'style'>;
 type TableRowProps<T extends object = object> = Omit<RowProps<T>, 'className' | 'style'> & {
   /** A function may compute the class from the row's render state. */
   className?: RowProps<T>['className'];
@@ -195,5 +197,5 @@ declare function TableLoadMore({ label, ...props }: TableLoadMoreProps): import(
  */
 declare function TableRow<T extends object = object>(props: TableRowProps<T>): import("react").JSX.Element;
 //#endregion
-export { type TableBodyProps$1 as TableBodyProps, type TableCellProps, type TableColumnProps, type TableFooterProps$1 as TableFooterProps, type TableHeaderProps$1 as TableHeaderProps, type TableLoadMoreProps, type TableProps$1 as TableProps, type TableRowProps, Table$1 as default };
+export { TableBody$1 as TableBody, type TableBodyProps$1 as TableBodyProps, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableFooter$1 as TableFooter, type TableFooterProps$1 as TableFooterProps, TableHeader$1 as TableHeader, type TableHeaderProps$1 as TableHeaderProps, TableLoadMore, type TableLoadMoreProps, type TableProps$1 as TableProps, TableRow, type TableRowProps, Table$1 as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/table/index.js

@@ -5,21 +5,54 @@ import { ArrowDownwardGlyph, ArrowUpwardGlyph } from "../../glyphs/index.js";
 import Checkbox from "../checkbox/index.js";
 import { CollectionLoadMore } from "../../collection/index.js";
 import { rowStyles as rowStyles$1 } from "../../row/styles.js";
+import { collectionStyles } from "../../collection/styles.js";
 import { c } from "react/compiler-runtime";
 import { createContext, useContext } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Cell, Column, ColumnResizer, ResizableTableContainer, Row, Table, TableBody, TableFooter, TableHeader, TableLoadMoreItem } from "react-aria-components";
 //#region src/components/table/index.tsx
-const SelectAllLabelContext = createContext("Select all");
-const SelectLabelContext = createContext("Select");
+const SelectAllLabelContext = createContext(void 0);
+const SelectLabelContext = createContext(void 0);
 const styles = {
+	cell: {
+		kB7OPa: "x9f619",
+		kg3NbH: "x790zyz",
+		k9WMMc: "x1yc453h",
+		kXLuUW: "xxymvpz",
+		$$css: true
+	},
 	focus: {
-		kjBf7l: "xrgy624",
+		kjBf7l: "xrgy624 x1v8yhc2",
 		kInvED: "x2ssjo2",
 		k3XXqK: "x9v5kkp x1t137rt",
 		kMeerF: "x1de99jn",
 		$$css: true
 	},
+	header: {
+		kZKoxP: "x1ded5cy",
+		kMwMTN: "x1w5n3ug",
+		kMv6JI: "xkknnkr",
+		kGuDYH: "x14zspaw",
+		k63SB2: "x1v9cpvo",
+		kb6lSQ: "x155f00i",
+		kLWn49: "x1lz68p4",
+		kVQacm: "x9h1dke",
+		kVAEAm: "x1n2onr6",
+		$$css: true
+	},
+	headerHovered: {
+		kWkggS: "x1b18xnh",
+		$$css: true
+	},
+	headerPressed: {
+		kWkggS: "xjeeohs",
+		$$css: true
+	},
+	headerSortable: {
+		kWkggS: "xjbqb8w",
+		kkrTdU: "x1ypdohk",
+		$$css: true
+	},
 	row: {
 		kZKoxP: "xdd8jsf",
 		kLZC3w: "x12smttz",
@@ -31,15 +64,43 @@ const styles = {
 		kWkggS: "xjbqb8w",
 		kMwMTN: "x1xj74d8",
 		kkrTdU: "x1h6gzvc",
+		kAXs8y: "xr5dkdi",
 		$$css: true
 	},
 	rowSelected: {
-		kWkggS: "xp89om9",
-		kMwMTN: "xscdzaa",
+		kWkggS: "xp89om9 x1jzqe4",
+		kMwMTN: "xscdzaa x1k5gbb1",
+		kAXs8y: "x1g12otp",
+		$$css: true
+	},
+	selection: {
+		kzqmXN: "x19ddzpn",
+		khDVqt: "xuxw1ft",
+		$$css: true
+	},
+	sticky: {
+		kWkggS: "x14s9m32",
+		kGVxlE: "x1ixd52e",
+		k87sOh: "x13vifvy",
+		kVAEAm: "x7wzq59",
+		kY2c9j: "x1vjfegm",
+		$$css: true
+	},
+	table: {
+		kLvRdT: "x1mwwwfo",
+		kB7OPa: "x9f619",
+		kMwMTN: "x139gbkf",
+		kMv6JI: "xpo2rfv",
+		kGuDYH: "x193rfdd",
+		k63SB2: "x1hews6w",
+		kzqmXN: "xh8yej3",
+		kb6lSQ: "xn43zvd",
+		kLWn49: "xv61bfh",
+		k3XXqK: "x1t137rt",
 		$$css: true
 	}
 };
-const ResizeLabelContext = createContext("Resize column");
+const ResizeLabelContext = createContext(void 0);
 const ResizableContext = createContext(false);
 const StickyHeaderContext = createContext(false);
 function cellContent(children, selection, label) {
@@ -51,8 +112,8 @@ function cellContent(children, selection, label) {
 }
 function cellStyles(selection) {
 	return {
-		0: { className: "x9f619 x790zyz x1yc453h xxymvpz xrgy624 x2ssjo2 x9v5kkp x1t137rt x1de99jn" },
-		1: { className: "x9f619 x790zyz x1yc453h xxymvpz xrgy624 x2ssjo2 x9v5kkp x1t137rt x1de99jn x19ddzpn xuxw1ft" }
+		0: { className: "x9f619 x790zyz x1yc453h xxymvpz xrgy624 x1v8yhc2 x2ssjo2 x9v5kkp x1t137rt x1de99jn" },
+		1: { className: "x9f619 x790zyz x1yc453h xxymvpz xrgy624 x1v8yhc2 x2ssjo2 x9v5kkp x1t137rt x1de99jn x19ddzpn xuxw1ft" }
 	}[!!selection << 0];
 }
 function columnContent(children, selection, label, resizable, resizeLabel) {
@@ -65,20 +126,12 @@ function columnContent(children, selection, label, resizable, resizeLabel) {
 		children: [children, sortArrowFor(state.sortDirection)]
 	}), resizable ? /* @__PURE__ */ jsx(ColumnResizer, {
 		"aria-label": resizeLabel,
-		className: resizerClassName
+		className: "x5yr21d x9f619 xicojor xvy4d1p x13vifvy x18zu7yx x10l6tqk x5ve5x3 x1vjfegm",
+		children: resizerRule
 	}) : null] });
 }
 function columnStyles(selection, sticky) {
-	return (state) => ({
-		0: { className: "x9f619 x790zyz x1yc453h xxymvpz x1ded5cy x1w5n3ug xkknnkr x14zspaw x1v9cpvo x155f00i x1lz68p4 x1n2onr6 xrgy624 x2ssjo2 x9v5kkp x1t137rt x1de99jn" },
-		4: { className: "x9f619 x790zyz x1yc453h xxymvpz x1ded5cy x1w5n3ug xkknnkr x14zspaw x1v9cpvo x155f00i x1lz68p4 xrgy624 x2ssjo2 x9v5kkp x1t137rt x1de99jn x14s9m32 x1ixd52e x13vifvy x7wzq59 x1vjfegm" },
-		2: { className: "x9f619 x790zyz x1yc453h xxymvpz x1ded5cy x1w5n3ug xkknnkr x14zspaw x1v9cpvo x155f00i x1lz68p4 x1n2onr6 xrgy624 x2ssjo2 x9v5kkp x1t137rt x1de99jn x19ddzpn xuxw1ft" },
-		6: { className: "x9f619 x790zyz x1yc453h xxymvpz x1ded5cy x1w5n3ug xkknnkr x14zspaw x1v9cpvo x155f00i x1lz68p4 xrgy624 x2ssjo2 x9v5kkp x1t137rt x1de99jn x14s9m32 x1ixd52e x13vifvy x7wzq59 x1vjfegm x19ddzpn xuxw1ft" },
-		1: { className: "x9f619 x790zyz x1yc453h xxymvpz x1ded5cy x1w5n3ug xkknnkr x14zspaw x1v9cpvo x155f00i x1lz68p4 x1n2onr6 xrgy624 x2ssjo2 x9v5kkp x1t137rt x1de99jn x83qkoq x1p2om7n xjbqb8w x1ypdohk" },
-		5: { className: "x9f619 x790zyz x1yc453h xxymvpz x1ded5cy x1w5n3ug xkknnkr x14zspaw x1v9cpvo x155f00i x1lz68p4 xrgy624 x2ssjo2 x9v5kkp x1t137rt x1de99jn x1ixd52e x13vifvy x7wzq59 x1vjfegm x83qkoq x1p2om7n xjbqb8w x1ypdohk" },
-		3: { className: "x9f619 x790zyz x1yc453h xxymvpz x1ded5cy x1w5n3ug xkknnkr x14zspaw x1v9cpvo x155f00i x1lz68p4 x1n2onr6 xrgy624 x2ssjo2 x9v5kkp x1t137rt x1de99jn x19ddzpn xuxw1ft x83qkoq x1p2om7n xjbqb8w x1ypdohk" },
-		7: { className: "x9f619 x790zyz x1yc453h xxymvpz x1ded5cy x1w5n3ug xkknnkr x14zspaw x1v9cpvo x155f00i x1lz68p4 xrgy624 x2ssjo2 x9v5kkp x1t137rt x1de99jn x1ixd52e x13vifvy x7wzq59 x1vjfegm x19ddzpn xuxw1ft x83qkoq x1p2om7n xjbqb8w x1ypdohk" }
-	})[!!sticky << 2 | !!selection << 1 | !!state.allowsSorting << 0];
+	return (state) => props(styles.cell, styles.header, styles.focus, sticky && styles.sticky, selection && styles.selection, state.allowsSorting && styles.headerSortable, state.allowsSorting && state.isHovered && styles.headerHovered, state.allowsSorting && state.isPressed && styles.headerPressed);
 }
 function dropAriaLevel(node) {
 	node?.removeAttribute("aria-level");
@@ -92,14 +145,14 @@ function emptyContent(renderEmptyState) {
 function resizableContainerClassName() {
 	return { className: "x9f619 xh8yej3 xw2csxc" }.className ?? "";
 }
-function resizerClassName(state) {
-	return {
-		0: { className: "x1l12bh x5yr21d x9f619 xicojor x1i1rx1s x13vifvy xtijo5x x10l6tqk x5ve5x3" },
-		1: { className: "x5yr21d x9f619 xicojor x13vifvy xtijo5x x10l6tqk x5ve5x3 xnety89 xfo62xy" }
-	}[!!(state.isResizing || state.isFocusVisible) << 0].className ?? "";
+function resizerRule(state) {
+	return /* @__PURE__ */ jsx("span", { ...{
+		0: { className: "x1l12bh x5yr21d x1x0u81l xf1j0q2 xmzn1mo x9f619 x1g12otp x1i1rx1s x13vifvy x9q68il x47corl x10l6tqk" },
+		1: { className: "x5yr21d xf1j0q2 x9f619 x1g12otp x13vifvy x9q68il x47corl x10l6tqk xnety89 x1ksdfms x12inkfj xfo62xy" }
+	}[!!(state.isResizing || state.isFocusVisible) << 0] });
 }
 function rowStyles(state) {
-	return props(styles.row, styles.focus, state.isSelected && styles.rowSelected, state.isHovered && rowStyles$1.hovered, state.isPressed && rowStyles$1.pressed, state.isDisabled && styles.rowDisabled);
+	return props(styles.row, styles.focus, state.isDragging && rowStyles$1.dragging, state.isSelected && styles.rowSelected, state.isHovered && rowStyles$1.hovered, state.isPressed && rowStyles$1.pressed, state.isDropTarget && rowStyles$1.dropTarget, state.isDisabled && styles.rowDisabled);
 }
 function sortArrowFor(direction) {
 	if (direction === void 0) return null;
@@ -151,14 +204,14 @@ function Table$1(t0) {
 		const { onResize: t3, onResizeEnd: t4, resizable: t5, resizeLabel: t6, selectAllLabel: t7, selectLabel: t8, stickyHeader: t9, ...props } = t0;
 		onResize = t3;
 		onResizeEnd = t4;
+		resizeLabel = t6;
+		selectAllLabel = t7;
+		selectLabel = t8;
 		resizable = t5 === void 0 ? false : t5;
-		resizeLabel = t6 === void 0 ? "Resize column" : t6;
-		selectAllLabel = t7 === void 0 ? "Select all" : t7;
-		selectLabel = t8 === void 0 ? "Select" : t8;
 		stickyHeader = t9 === void 0 ? false : t9;
 		T0 = Table;
 		t1 = props;
-		t2 = mergeStatefulStyles({ className: "x1mwwwfo x9f619 x139gbkf xpo2rfv x193rfdd x1hews6w xh8yej3 xn43zvd xv61bfh x1t137rt" }, props);
+		t2 = mergeStatefulStyles(tableClasses, props);
 		$[0] = t0;
 		$[1] = T0;
 		$[2] = onResize;
@@ -334,6 +387,9 @@ function TableCell(t0) {
 	} else t4 = $[8];
 	return t4;
 }
+function tableClasses(state) {
+	return props(styles.table, state.isDropTarget && collectionStyles.dropTarget);
+}
 /**
 * One column. `allowsSorting` is React Aria's and makes the header cell
 * itself the control that sorts; the arrow appears on the column the
@@ -448,7 +504,7 @@ function TableLoadMore(t0) {
 	let t2;
 	if ($[0] !== t0) {
 		const { label: t3, ...props } = t0;
-		label = t3 === void 0 ? "Loading more" : t3;
+		label = t3;
 		T0 = TableLoadMoreItem;
 		t1 = props;
 		t2 = mergeStyles({ className: "xdd8jsf" }, props);
@@ -524,6 +580,6 @@ Table$1.Header = TableHeader$1;
 Table$1.LoadMore = TableLoadMore;
 Table$1.Row = TableRow;
 //#endregion
-export { Table$1 as default };
+export { TableBody$1 as TableBody, TableCell, TableColumn, TableFooter$1 as TableFooter, TableHeader$1 as TableHeader, TableLoadMore, TableRow, Table$1 as default };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","ReactNode","RefAttributes","ColumnRenderProps","ColumnResizerRenderProps","CellProps","RACCellProps","ColumnProps","RACColumnProps","RowProps","RACRowProps","TableBodyProps","RACTableBodyProps","TableFooterProps","RACTableFooterProps","TableHeaderProps","RACTableHeaderProps","TableLoadMoreItemProps","RACTableLoadMoreItemProps","TableProps","RACTableProps","ResizableTableContainerProps","RowRenderProps","TableBodyRenderProps","stylex","createContext","useContext","Cell","RACCell","Column","RACColumn","ColumnResizer","RACColumnResizer","ResizableTableContainer","RACResizableTableContainer","Row","RACRow","Table","RACTable","TableBody","RACTableBody","TableFooter","RACTableFooter","TableHeader","RACTableHeader","TableLoadMoreItem","RACTableLoadMoreItem","CollectionLoadMore","ArrowDownwardGlyph","ArrowUpwardGlyph","rowStyles","rowLayers","mergeStatefulStyles","mergeStyles","colors","sizing","spacing","stateLayerOpacity","typography","Checkbox","SelectAllLabelContext","SelectLabelContext","styles","focus","kjBf7l","kInvED","k3XXqK","kMeerF","$$css","row","kZKoxP","kLZC3w","kPef9Z","kEafiO","rowDisabled","kWkggS","kMwMTN","kkrTdU","rowSelected","Omit","T","className","renderEmptyState","style","TableCellProps","children","selection","TableColumnProps","resizable","TableLoadMoreProps","label","onResize","onResizeEnd","resizeLabel","selectAllLabel","selectLabel","stickyHeader","TableRowProps","ResizeLabelContext","ResizableContext","StickyHeaderContext","cellContent","cellStyles","columnContent","state","sortArrowFor","sortDirection","resizerClassName","columnStyles","sticky","allowsSorting","dropAriaLevel","node","HTMLTableRowElement","removeAttribute","emptyContent","resizableContainerClassName","isResizing","isFocusVisible","props","isSelected","isHovered","hovered","isPressed","pressed","isDisabled","direction","undefined","t0","$","T0","t1","t2","t3","t4","t5","t6","t7","t8","t9","table","TableCell","TableColumn","resizableTable","0","1","TableLoadMore","TableRow","Body","Footer","Header","LoadMore","RACColumnResizer","stylex.props","rowLayers","Table","_c","RACTable","RACResizableTableContainer","TableBody","RACTableBody","RACCell","RACColumn","TableFooter","RACTableFooter","TableHeader","RACTableHeader","RACTableLoadMoreItem","RACRow"],"sources":["../../../src/components/table/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode, RefAttributes } from 'react';\nimport type { ColumnRenderProps, ColumnResizerRenderProps, CellProps as RACCellProps, ColumnProps as RACColumnProps, RowProps as RACRowProps, TableBodyProps as RACTableBodyProps, TableFooterProps as RACTableFooterProps, TableHeaderProps as RACTableHeaderProps, TableLoadMoreItemProps as RACTableLoadMoreItemProps, TableProps as RACTableProps, ResizableTableContainerProps, RowRenderProps, TableBodyRenderProps } from 'react-aria-components';\nimport * as stylex from '@stylexjs/stylex';\nimport { createContext, useContext } from 'react';\nimport { Cell as RACCell, Column as RACColumn, ColumnResizer as RACColumnResizer, ResizableTableContainer as RACResizableTableContainer, Row as RACRow, Table as RACTable, TableBody as RACTableBody, TableFooter as RACTableFooter, TableHeader as RACTableHeader, TableLoadMoreItem as RACTableLoadMoreItem } from 'react-aria-components';\nimport { CollectionLoadMore } from '../../collection';\nimport { ArrowDownwardGlyph, ArrowUpwardGlyph } from '../../glyphs';\nimport { rowStyles as rowLayers } from '../../row/styles';\nimport { mergeStatefulStyles, mergeStyles } from '../../styles/merge';\nimport '../../tokens/design.tokens.stylex';\nimport { colors, sizing, spacing, stateLayerOpacity, typography } from '../../tokens/design.tokens.stylex';\nimport Checkbox from '../checkbox';\n\n// A grid of rows and columns, with sorting and selection. The design system\n// carries no data table page — it was dropped after Material Design 2 — so\n// the geometry comes from the archived one at\n// <https://m2.material.io/components/data-tables>, which is the page this\n// component is drawn from: a 56dp header row, 52dp body rows, 16dp of\n// padding on each side of a cell, a medium-weight header to set it apart\n// from the rows, and an arrow beside the name of the column being sorted.\n//\n// Its colour roles are the current system's rather than that page's, since\n// a table sits beside lists, cards and menus that all draw from the tokens\n// here. That means the row's state layers are the ones `src/row` uses — the\n// same hover, pressed and selected treatment a list row takes — so a\n// selected table row and a selected list row on one page cannot disagree.\n//\n// The row is not `src/row`, and that is the one place this departs from the\n// library's other collections. That module's row is a headline with a\n// supporting line and a slot at each end; a table row is a run of cells with\n// no such shape, and forcing one into the other would give every cell the\n// row's 56dp floor and body-large headline. The state layers are shared by\n// being written from the same tokens rather than by sharing the module.\n//\n// Four things are this component's own.\n//\n// **The rule between rows is drawn on the row, not on its cells.** A cell\n// cannot see whether its row is the first one, so a rule per cell either\n// doubles under the header or needs the row's position passed down. The\n// table collapses its borders, which is what lets a `<tr>` carry one.\n//\n// **A selecting table draws its checkbox where the call site puts it.**\n// `selection` on a column and on a cell renders the library's Checkbox in\n// React Aria's selection slot — the column's is select-all, the cell's is\n// that row's. It is a prop rather than an injected column because the header\n// and every row have to agree on how many columns there are, and only the\n// call site can keep that true.\n//\n// **A sortable column is the press target itself.** React Aria puts no\n// button inside the header cell; it makes the cell pressable and sets\n// `aria-sort` on it. So the arrow is content next to the name, and the\n// hover and pressed layers belong to the cell.\n//\n// **The header sticks only when asked.** A sticky header needs an opaque\n// background to scroll rows under, and that colour is only right when the\n// table is in something that scrolls. `stickyHeader` is what says so.\n//\n// **Resizing is asked for twice, and both are needed.** React Aria puts the\n// resize state on a container around the table and the handle inside a\n// column, so `resizable` on the table is what brings the container and\n// `resizable` on a column is what draws its handle. The archived page has no\n// resizer to take a treatment from — it predates the feature — so the handle\n// is the divider's own rule, thickening and taking the primary role while it\n// is dragged.\n//\n// **A resizable table stops filling its width.** The container sets\n// `table-layout: fixed` and `width: min-content` on the table as inline\n// styles, which no rule here can outrank; the container fills the width\n// instead and scrolls when the columns together are wider than it.\n//\n// One thing about React Aria's collection is worth knowing before writing a\n// call site. **A column's `id` and a row's `id` share one namespace**, and a\n// value used by both silently drops every column — the table then throws\n// \"Cell count must match column count\", naming the cells rather than the\n// duplicate key that caused it. Nothing here can catch it, since both ids\n// are the call site's to choose; the docstrings below say to keep them\n// apart, and the stories and tests use `col`-prefixed column ids so the two\n// sets cannot meet.\n\n// What the selection checkboxes are called. A context rather than a prop on\n// every column and cell, since it is the table's decision and repeating it\n// per row is how the two drift.\nconst SelectAllLabelContext = createContext('Select all');\nconst SelectLabelContext = createContext('Select');\nconst styles = {\n  focus: {\n    kjBf7l: \"xrgy624\",\n    kInvED: \"x2ssjo2\",\n    k3XXqK: \"x9v5kkp x1t137rt\",\n    kMeerF: \"x1de99jn\",\n    $$css: true\n  },\n  row: {\n    kZKoxP: \"xdd8jsf\",\n    kLZC3w: \"x12smttz\",\n    kPef9Z: \"x13fuv20\",\n    kEafiO: \"x1g31smg x178xt8z\",\n    $$css: true\n  },\n  rowDisabled: {\n    kWkggS: \"xjbqb8w\",\n    kMwMTN: \"x1xj74d8\",\n    kkrTdU: \"x1h6gzvc\",\n    $$css: true\n  },\n  rowSelected: {\n    kWkggS: \"xp89om9\",\n    kMwMTN: \"xscdzaa\",\n    $$css: true\n  }\n};\ntype TableBodyProps<T extends object = object> = Omit<RACTableBodyProps<T>, 'className' | 'renderEmptyState' | 'style'> & {\n  /** A function may compute the class from the body's render state. */\n  className?: RACTableBodyProps<T>['className'];\n  /**\n   * What the table shows in place of rows when it has none: React Aria's own\n   * render function, under React Aria's own name, as List, ListBox, Tree and\n   * ChipGroup take it. What it returns is drawn in a row of its own spanning\n   * every column, inside the muted, padded box the table draws there.\n   */\n  renderEmptyState?: RACTableBodyProps<T>['renderEmptyState'];\n  /** A function may compute the style from the body's render state. */\n  style?: RACTableBodyProps<T>['style'];\n};\ntype TableCellProps = Omit<RACCellProps, 'children' | 'className' | 'style'> & {\n  /** What the cell holds. */\n  children?: ReactNode;\n  /** A function may compute the class from the cell's render state. */\n  className?: RACCellProps['className'];\n  /**\n   * Draws this row's selection checkbox instead of `children`. The row's own\n   * text is what names the row; the box inside it takes the table's\n   * `selectLabel`.\n   */\n  selection?: boolean;\n  /** A function may compute the style from the cell's render state. */\n  style?: RACCellProps['style'];\n};\ntype TableColumnProps = {\n  /** The column's name. */\n  children?: ReactNode;\n  /** A function may compute the class from the column's render state. */\n  className?: RACColumnProps['className'];\n  /**\n   * Draws a handle at the column's trailing edge that drags its width. Needs\n   * the table's own `resizable` as well — React Aria keeps the resize state\n   * on a container around the table, and without it there is nothing for a\n   * handle to change. `defaultWidth`, `minWidth` and `maxWidth` are React\n   * Aria's and apply only inside that container.\n   */\n  resizable?: boolean;\n  /**\n   * Draws the select-all checkbox instead of `children`, for the column the\n   * rows put their own checkboxes in.\n   */\n  selection?: boolean;\n  /** A function may compute the style from the column's render state. */\n  style?: RACColumnProps['style'];\n} & Omit<RACColumnProps, 'children' | 'className' | 'style'>;\ntype TableFooterProps<T extends object = object> = RACTableFooterProps<T>;\ntype TableHeaderProps<T extends object = object> = RACTableHeaderProps<T>;\ntype TableLoadMoreProps = Omit<RACTableLoadMoreItemProps, 'children'> & {\n  /**\n   * What the row says while it is loading. Read by a screen reader; the ring\n   * itself carries no text.\n   * @default 'Loading more'\n   */\n  label?: string;\n};\ntype TableProps = Omit<RACTableProps, 'className' | 'style'> & {\n  /** A function may compute the class from the table's render state. */\n  className?: RACTableProps['className'];\n  /** Called as a column is dragged, with every column's width. */\n  onResize?: ResizableTableContainerProps['onResize'];\n  /** Called once a drag ends, with every column's width. */\n  onResizeEnd?: ResizableTableContainerProps['onResizeEnd'];\n  /**\n   * Lets columns marked `resizable` be dragged, by putting the table in the\n   * container React Aria keeps the resize state on. A resizable table sizes\n   * to its columns rather than to its parent, and that container is what\n   * fills the width and scrolls instead.\n   */\n  resizable?: boolean;\n  /**\n   * What the resize handle is called, for a screen reader. React Aria\n   * composes it with the column's own name.\n   * @default 'Resize column'\n   */\n  resizeLabel?: string;\n  /**\n   * What the select-all checkbox is called, for a screen reader.\n   * @default 'Select all'\n   */\n  selectAllLabel?: string;\n  /**\n   * What each row's selection checkbox is called, for a screen reader. The\n   * row's own text is what names the row; this names the box inside it.\n   * @default 'Select'\n   */\n  selectLabel?: string;\n  /**\n   * Holds the header row in place while the rows scroll under it. Needs the\n   * table inside something that scrolls; on a table that does not, it draws\n   * the same as without it.\n   */\n  stickyHeader?: boolean;\n  /** A function may compute the style from the table's render state. */\n  style?: RACTableProps['style'];\n};\ntype TableRowProps<T extends object = object> = Omit<RACRowProps<T>, 'className' | 'style'> & {\n  /** A function may compute the class from the row's render state. */\n  className?: RACRowProps<T>['className'];\n  /** A function may compute the style from the row's render state. */\n  style?: RACRowProps<T>['style'];\n};\n\n// What the resize handles are called, for the same reason the selection\n// labels travel this way: it is the table's decision, and repeating it per\n// column is how the two drift.\nconst ResizeLabelContext = createContext('Resize column');\n\n// Whether the table brought the container. React Aria's resizer throws\n// outright without one — \"Wrap your <Table> in a <ResizableTableContainer>\",\n// naming a component a consumer of this library never writes — so a column\n// asking to resize inside a table that does not would take the whole page\n// down. It draws no handle instead.\nconst ResizableContext = createContext(false);\n\n// Whether the header sticks, so a column reaches it without every call site\n// repeating the table's own decision on each one.\nconst StickyHeaderContext = createContext(false);\n\n// What a body cell draws, and the classes it draws with. Written as calls\n// rather than inline at the props, which is what react-perf's\n// no-new-function-as-prop and jsx-no-jsx-as-prop are after; the React\n// Compiler memoises the results on their inputs.\n// The return type is written out rather than inferred, here and in the two\n// below: `ReactNode` is a union that includes a promise, and a function\n// inferred as returning one has to be `async`.\nfunction cellContent(children: ReactNode, selection: boolean, label: string): ReactNode {\n  if (!selection) {\n    return children;\n  }\n  return <Checkbox aria-label={label} slot=\"selection\" />;\n}\nfunction cellStyles(selection: boolean) {\n  return {\n    0: {\n      className: \"x9f619 x790zyz x1yc453h xxymvpz xrgy624 x2ssjo2 x9v5kkp x1t137rt x1de99jn\"\n    },\n    1: {\n      className: \"x9f619 x790zyz x1yc453h xxymvpz xrgy624 x2ssjo2 x9v5kkp x1t137rt x1de99jn x19ddzpn xuxw1ft\"\n    }\n  }[!!selection << 0];\n}\nfunction columnContent(children: ReactNode, selection: boolean, label: string, resizable: boolean, resizeLabel: string): RACColumnProps['children'] {\n  if (selection) {\n    return <Checkbox aria-label={label} slot=\"selection\" />;\n  }\n  // The handle is a sibling of the name rather than part of it: React Aria\n  // renders it as its own element, positioned against the cell's trailing\n  // edge, which the name's own box does not reach.\n  return (state: ColumnRenderProps): ReactNode => <>\n      <span className=\"x6s0dn4 x78zum5 x126z3so\">\n        {children}\n        {sortArrowFor(state.sortDirection)}\n      </span>\n      {resizable ? <RACColumnResizer aria-label={resizeLabel} className={resizerClassName} /> : null}\n    </>;\n}\nfunction columnStyles(selection: boolean, sticky: boolean) {\n  return (state: ColumnRenderProps) => ({\n    0: {\n      className: \"x9f619 x790zyz x1yc453h xxymvpz x1ded5cy x1w5n3ug xkknnkr x14zspaw x1v9cpvo x155f00i x1lz68p4 x1n2onr6 xrgy624 x2ssjo2 x9v5kkp x1t137rt x1de99jn\"\n    },\n    4: {\n      className: \"x9f619 x790zyz x1yc453h xxymvpz x1ded5cy x1w5n3ug xkknnkr x14zspaw x1v9cpvo x155f00i x1lz68p4 xrgy624 x2ssjo2 x9v5kkp x1t137rt x1de99jn x14s9m32 x1ixd52e x13vifvy x7wzq59 x1vjfegm\"\n    },\n    2: {\n      className: \"x9f619 x790zyz x1yc453h xxymvpz x1ded5cy x1w5n3ug xkknnkr x14zspaw x1v9cpvo x155f00i x1lz68p4 x1n2onr6 xrgy624 x2ssjo2 x9v5kkp x1t137rt x1de99jn x19ddzpn xuxw1ft\"\n    },\n    6: {\n      className: \"x9f619 x790zyz x1yc453h xxymvpz x1ded5cy x1w5n3ug xkknnkr x14zspaw x1v9cpvo x155f00i x1lz68p4 xrgy624 x2ssjo2 x9v5kkp x1t137rt x1de99jn x14s9m32 x1ixd52e x13vifvy x7wzq59 x1vjfegm x19ddzpn xuxw1ft\"\n    },\n    1: {\n      className: \"x9f619 x790zyz x1yc453h xxymvpz x1ded5cy x1w5n3ug xkknnkr x14zspaw x1v9cpvo x155f00i x1lz68p4 x1n2onr6 xrgy624 x2ssjo2 x9v5kkp x1t137rt x1de99jn x83qkoq x1p2om7n xjbqb8w x1ypdohk\"\n    },\n    5: {\n      className: \"x9f619 x790zyz x1yc453h xxymvpz x1ded5cy x1w5n3ug xkknnkr x14zspaw x1v9cpvo x155f00i x1lz68p4 xrgy624 x2ssjo2 x9v5kkp x1t137rt x1de99jn x1ixd52e x13vifvy x7wzq59 x1vjfegm x83qkoq x1p2om7n xjbqb8w x1ypdohk\"\n    },\n    3: {\n      className: \"x9f619 x790zyz x1yc453h xxymvpz x1ded5cy x1w5n3ug xkknnkr x14zspaw x1v9cpvo x155f00i x1lz68p4 x1n2onr6 xrgy624 x2ssjo2 x9v5kkp x1t137rt x1de99jn x19ddzpn xuxw1ft x83qkoq x1p2om7n xjbqb8w x1ypdohk\"\n    },\n    7: {\n      className: \"x9f619 x790zyz x1yc453h xxymvpz x1ded5cy x1w5n3ug xkknnkr x14zspaw x1v9cpvo x155f00i x1lz68p4 xrgy624 x2ssjo2 x9v5kkp x1t137rt x1de99jn x1ixd52e x13vifvy x7wzq59 x1vjfegm x19ddzpn xuxw1ft x83qkoq x1p2om7n xjbqb8w x1ypdohk\"\n    }\n  })[!!sticky << 2 | !!selection << 1 | !!state.allowsSorting << 0];\n}\n\n// React Aria puts `aria-level` on the load-more row, and `aria-level` is only\n// valid on a row inside a `treegrid` — a grid's rows have no level. axe flags\n// it as `aria-conditional-attr`, and this library's stories run axe as an\n// error, so a table with a load-more row would fail on an attribute nothing\n// here asks for.\n//\n// It cannot be turned off through props: React Aria writes it after spreading\n// what the call site passed, so `aria-level={undefined}` is overwritten. The\n// attribute is taken off the element instead. React writes an attribute only\n// when its prop changes between renders, and this one is always 1, so the\n// removal holds rather than being undone by the next render. `load more` in\n// index.test.tsx pins that it is gone, which is what would notice if React\n// Aria stopped setting it or started varying it.\nfunction dropAriaLevel(node: HTMLTableRowElement | null) {\n  node?.removeAttribute('aria-level');\n}\n\n// What the body draws in place of rows: whatever the call site's function\n// returns, inside the box that pads and centres it. A call rather than a\n// function written at the prop, for the same reason the others are.\n//\n// The box is the one thing this adds to React Aria's prop, and the one way\n// the table differs from its siblings, which pass theirs straight through and\n// draw nothing around it. A table's empty state goes in a spanning cell that\n// is not this component's and carries no padding, so without the box the\n// content would sit against the table's edge with no room around it.\nfunction emptyContent(renderEmptyState: (state: TableBodyRenderProps) => ReactNode) {\n  // The return type is written out rather than inferred: `ReactNode` is a\n  // union that includes a promise, and a function inferred as returning one\n  // has to be `async`.\n  return (state: TableBodyRenderProps): ReactNode => <span className=\"x9f619 x1w5n3ug x1lliihq xpo2rfv x193rfdd x1hews6w xn43zvd xv61bfh x1lrxzt4 x790zyz x2b8uid\">{renderEmptyState(state)}</span>;\n}\n\n// The container's class. React Aria takes a plain string here rather than a\n// function of render state, since the container reports none — so this is a\n// call rather than the function form the other parts pass.\nfunction resizableContainerClassName() {\n  return {\n    className: \"x9f619 xh8yej3 xw2csxc\"\n  }.className ?? '';\n}\n\n// The handle's classes, from React Aria's own render state — it reports the\n// drag and the keyboard focus separately, and the two get one treatment.\nfunction resizerClassName(state: ColumnResizerRenderProps) {\n  return {\n    0: {\n      className: \"x1l12bh x5yr21d x9f619 xicojor x1i1rx1s x13vifvy xtijo5x x10l6tqk x5ve5x3\"\n    },\n    1: {\n      className: \"x5yr21d x9f619 xicojor x13vifvy xtijo5x x10l6tqk x5ve5x3 xnety89 xfo62xy\"\n    }\n  }[!!(state.isResizing || state.isFocusVisible) << 0].className ?? '';\n}\nfunction rowStyles(state: RowRenderProps) {\n  return stylex.props(styles.row,\n  // The same ring a cell and a column header draw, and for the same\n  // reason: React Aria moves focus to the row itself, so the row is where\n  // it has to show. Unconditional, as it is on those two — `focus` carries\n  // its own `:focus-visible`, and the browser's default ring is what shows\n  // through without it: a colour and an offset the rest of the table does\n  // not use, and one no forced-colours mode is obliged to keep.\n  styles.focus, state.isSelected && styles.rowSelected,\n  // The state layers come from the render state, which is what makes a\n  // row that only runs an action — `onRowAction`, a row's `onAction` or\n  // `href` — take them as a selectable one does: React Aria reports a row\n  // hovered or pressed only when a press does something to it, whether\n  // that is selecting it, running its action or dragging it.\n  state.isHovered && rowLayers.hovered, state.isPressed && rowLayers.pressed, state.isDisabled && styles.rowDisabled);\n}\n\n// The arrow beside a sorted column's name. Nothing is drawn on a column that\n// is sortable but not currently sorted: the page puts the arrow next to the\n// column being sorted, and an arrow on every sortable column would say every\n// one of them was.\nfunction sortArrowFor(direction: 'ascending' | 'descending' | undefined) {\n  if (direction === undefined) {\n    return null;\n  }\n  return direction === 'ascending' ? <ArrowUpwardGlyph className=\"xmix8c7 x2lah0s x1xp8n7a\" /> : <ArrowDownwardGlyph className=\"xmix8c7 x2lah0s x1xp8n7a\" />;\n}\n\n/**\n * A grid of rows and columns. Sorting and selection are React Aria's: pass\n * `sortDescriptor` with `onSortChange` and mark the sortable columns\n * `allowsSorting`, and set `selectionMode` to `single` or `multiple` with\n * `selectedKeys` and `onSelectionChange`, or `defaultSelectedKeys`.\n *\n * ```tsx\n * <Table aria-label=\"Label\" selectionMode=\"multiple\">\n *   <Table.Header>\n *     <Table.Column selection />\n *     <Table.Column id=\"name\" isRowHeader>Label</Table.Column>\n *   </Table.Header>\n *   <Table.Body>\n *     <Table.Row id=\"first\">\n *       <Table.Cell selection />\n *       <Table.Cell>First item</Table.Cell>\n *     </Table.Row>\n *   </Table.Body>\n * </Table>\n * ```\n *\n * Composed from parts, since a cell takes arbitrary content: `Table.Header`,\n * `Table.Column`, `Table.Body`, `Table.Row`, `Table.Cell` and\n * `Table.Footer`. Name the table with `aria-label` or `aria-labelledby`, and\n * mark one column `isRowHeader` so a screen reader has something to read a\n * row by.\n *\n * The call site's `className` and `style` land on the table, which is the\n * element a layout positions.\n */\nfunction Table({\n  onResize,\n  onResizeEnd,\n  resizable = false,\n  resizeLabel = 'Resize column',\n  selectAllLabel = 'Select all',\n  selectLabel = 'Select',\n  stickyHeader = false,\n  ...props\n}: RefAttributes<HTMLTableElement> & TableProps) {\n  const table = <RACTable {...props} {...mergeStatefulStyles({\n    className: \"x1mwwwfo x9f619 x139gbkf xpo2rfv x193rfdd x1hews6w xh8yej3 xn43zvd xv61bfh x1t137rt\"\n  }, props)} />;\n  return <SelectAllLabelContext value={selectAllLabel}>\n      <SelectLabelContext value={selectLabel}>\n        <ResizeLabelContext value={resizeLabel}>\n          <ResizableContext value={resizable}>\n            <StickyHeaderContext value={stickyHeader}>\n              {resizable ? <RACResizableTableContainer className={resizableContainerClassName()} onResize={onResize} onResizeEnd={onResizeEnd}>\n                  {table}\n                </RACResizableTableContainer> : table}\n            </StickyHeaderContext>\n          </ResizableContext>\n        </ResizeLabelContext>\n      </SelectLabelContext>\n    </SelectAllLabelContext>;\n}\n\n/**\n * The rows. `renderEmptyState` is what it shows when there are none — a table\n * with no rows and nothing to say in their place is a blank area with a\n * header over it.\n *\n * It carries no styles of its own, since every rule a body needs is drawn by\n * the rows inside it, so a `className` here lands on the `<tbody>` through\n * React Aria rather than through a merge.\n */\nfunction TableBody<T extends object = object>({\n  renderEmptyState,\n  ...props\n}: TableBodyProps<T>) {\n  return <RACTableBody<T> {...props} renderEmptyState={renderEmptyState === undefined ? undefined : emptyContent(renderEmptyState)} />;\n}\n\n/**\n * One cell. `selection` draws this row's checkbox in place of whatever else\n * the cell would hold.\n */\nfunction TableCell({\n  children,\n  selection = false,\n  ...props\n}: TableCellProps) {\n  const label = useContext(SelectLabelContext);\n  return <RACCell {...props} {...mergeStatefulStyles(cellStyles(selection), props)}>\n      {cellContent(children, selection, label)}\n    </RACCell>;\n}\n\n/**\n * One column. `allowsSorting` is React Aria's and makes the header cell\n * itself the control that sorts; the arrow appears on the column the\n * `sortDescriptor` names. `isRowHeader` marks the column a screen reader\n * reads a row by.\n *\n * Its `id` shares a namespace with the rows', so give the two sets values\n * that cannot collide — a column and a row with one id between them leaves\n * the table with no columns at all.\n */\nfunction TableColumn({\n  children,\n  resizable = false,\n  selection = false,\n  ...props\n}: TableColumnProps) {\n  const label = useContext(SelectAllLabelContext);\n  const resizeLabel = useContext(ResizeLabelContext);\n  const resizableTable = useContext(ResizableContext);\n  const sticky = useContext(StickyHeaderContext);\n  return <RACColumn {...props} {...mergeStatefulStyles(columnStyles(selection, sticky), props)}>\n      {columnContent(children, selection, label, resizable && resizableTable, resizeLabel)}\n    </RACColumn>;\n}\n\n/**\n * A row under the body, for totals and the like. It is not part of the\n * selection or the keyboard navigation — React Aria keeps it out of both.\n */\nfunction TableFooter<T extends object = object>(props: TableFooterProps<T>) {\n  return <RACTableFooter<T> {...props} {...mergeStyles({\n    className: \"x12smttz x13fuv20 x178xt8z x1w5n3ug xkknnkr x14zspaw x1v9cpvo x155f00i x1lz68p4\"\n  }, props)} />;\n}\n\n/**\n * The header row, holding the columns, and the rule drawn under it — which\n * moves to the cells when the header sticks, since a row group's border does\n * not travel with cells `position: sticky` has lifted out of it.\n */\nfunction TableHeader<T extends object = object>(props: TableHeaderProps<T>) {\n  const sticky = useContext(StickyHeaderContext);\n  return <RACTableHeader<T> {...props} {...mergeStatefulStyles({\n    0: {\n      className: \"x1j6faob x1q0q8m5 xso031l\"\n    },\n    1: {}\n  }[!!sticky << 0], props)} />;\n}\n\n/**\n * The row the table shows while it is fetching more. React Aria calls\n * `onLoadMore` when this comes into view, and draws it only while\n * `isLoading`. It goes inside `Table.Body`, after the rows.\n */\nfunction TableLoadMore({\n  label = 'Loading more',\n  ...props\n}: TableLoadMoreProps) {\n  return <RACTableLoadMoreItem {...props} {...mergeStyles({\n    className: \"xdd8jsf\"\n  }, props)} ref={dropAriaLevel}>\n      <span className=\"x6s0dn4 x9f619 x78zum5 xl56j7k\">\n        <CollectionLoadMore label={label} size=\"24px\" />\n      </span>\n    </RACTableLoadMoreItem>;\n}\n\n/**\n * One row. Give every row an `id` — that is the key selection is reported\n * by, and it has to differ from every column's. `onAction` runs when the\n * row is pressed.\n */\nfunction TableRow<T extends object = object>(props: TableRowProps<T>) {\n  return <RACRow<T> {...props} {...mergeStatefulStyles(rowStyles, props)} />;\n}\nTable.Body = TableBody;\nTable.Cell = TableCell;\nTable.Column = TableColumn;\nTable.Footer = TableFooter;\nTable.Header = TableHeader;\nTable.LoadMore = TableLoadMore;\nTable.Row = TableRow;\nexport type { TableBodyProps, TableCellProps, TableColumnProps, TableFooterProps, TableHeaderProps, TableLoadMoreProps, TableProps, TableRowProps };\nexport default Table;"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","ReactNode","RefAttributes","ColumnRenderProps","ColumnResizerRenderProps","CellProps","RACCellProps","ColumnProps","RACColumnProps","RowProps","RACRowProps","TableBodyProps","RACTableBodyProps","TableFooterProps","RACTableFooterProps","TableHeaderProps","RACTableHeaderProps","TableLoadMoreItemProps","RACTableLoadMoreItemProps","TableProps","RACTableProps","ResizableTableContainerProps","RowRenderProps","TableBodyRenderProps","TableRenderProps","stylex","createContext","useContext","Cell","RACCell","Column","RACColumn","ColumnResizer","RACColumnResizer","ResizableTableContainer","RACResizableTableContainer","Row","RACRow","Table","RACTable","TableBody","RACTableBody","TableFooter","RACTableFooter","TableHeader","RACTableHeader","TableLoadMoreItem","RACTableLoadMoreItem","CollectionLoadMore","collectionStyles","ArrowDownwardGlyph","ArrowUpwardGlyph","rowStyles","rowLayers","mergeStatefulStyles","mergeStyles","colors","sizing","spacing","stateLayerOpacity","typography","Checkbox","FORCED_COLORS","SelectAllLabelContext","undefined","SelectLabelContext","styles","cell","kB7OPa","kg3NbH","k9WMMc","kXLuUW","$$css","focus","kjBf7l","kInvED","k3XXqK","kMeerF","header","kZKoxP","kMwMTN","kMv6JI","kGuDYH","k63SB2","kb6lSQ","kLWn49","kVQacm","kVAEAm","headerHovered","kWkggS","headerPressed","headerSortable","kkrTdU","row","kLZC3w","kPef9Z","kEafiO","rowDisabled","kAXs8y","rowSelected","selection","kzqmXN","khDVqt","sticky","kGVxlE","k87sOh","kY2c9j","table","kLvRdT","Omit","T","className","renderEmptyState","style","TableCellProps","children","TableColumnProps","resizable","TableLoadMoreProps","label","onResize","onResizeEnd","resizeLabel","selectAllLabel","selectLabel","stickyHeader","TableRowProps","ResizeLabelContext","ResizableContext","StickyHeaderContext","cellContent","cellStyles","columnContent","state","sortArrowFor","sortDirection","resizerRule","columnStyles","props","allowsSorting","isHovered","isPressed","dropAriaLevel","node","HTMLTableRowElement","removeAttribute","emptyContent","resizableContainerClassName","isResizing","isFocusVisible","isDragging","dragging","isSelected","hovered","pressed","isDropTarget","dropTarget","isDisabled","direction","t0","$","T0","t1","t2","t3","t4","t5","t6","t7","t8","t9","tableClasses","TableCell","TableColumn","resizableTable","0","1","TableLoadMore","TableRow","Body","Footer","Header","LoadMore","RACColumnResizer","stylex.props","rowLayers","Table","_c","RACTable","RACResizableTableContainer","TableBody","RACTableBody","RACCell","RACColumn","TableFooter","RACTableFooter","TableHeader","RACTableHeader","RACTableLoadMoreItem","RACRow"],"sources":["../../../src/components/table/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode, RefAttributes } from 'react';\nimport type { ColumnRenderProps, ColumnResizerRenderProps, CellProps as RACCellProps, ColumnProps as RACColumnProps, RowProps as RACRowProps, TableBodyProps as RACTableBodyProps, TableFooterProps as RACTableFooterProps, TableHeaderProps as RACTableHeaderProps, TableLoadMoreItemProps as RACTableLoadMoreItemProps, TableProps as RACTableProps, ResizableTableContainerProps, RowRenderProps, TableBodyRenderProps, TableRenderProps } from 'react-aria-components';\nimport * as stylex from '@stylexjs/stylex';\nimport { createContext, useContext } from 'react';\nimport { Cell as RACCell, Column as RACColumn, ColumnResizer as RACColumnResizer, ResizableTableContainer as RACResizableTableContainer, Row as RACRow, Table as RACTable, TableBody as RACTableBody, TableFooter as RACTableFooter, TableHeader as RACTableHeader, TableLoadMoreItem as RACTableLoadMoreItem } from 'react-aria-components';\nimport { CollectionLoadMore } from '../../collection';\nimport { collectionStyles } from '../../collection/styles';\nimport { ArrowDownwardGlyph, ArrowUpwardGlyph } from '../../glyphs';\nimport { rowStyles as rowLayers } from '../../row/styles';\nimport { mergeStatefulStyles, mergeStyles } from '../../styles/merge';\nimport '../../tokens/design.tokens.stylex';\nimport { colors, sizing, spacing, stateLayerOpacity, typography } from '../../tokens/design.tokens.stylex';\nimport Checkbox from '../checkbox';\n\n// Windows High Contrast and the rest of the forced-colours modes. Spelled\n// here rather than imported, for the reason src/field/styles.ts records: the\n// StyleX compiler resolves a constant across files only out of a `.stylex.ts`\n// module, and the generated one holds design tokens rather than queries.\nconst FORCED_COLORS = '@media (forced-colors: active)';\n\n// A grid of rows and columns, with sorting and selection. The design system\n// carries no data table page — it was dropped after Material Design 2 — so\n// the geometry comes from the archived one at\n// <https://m2.material.io/components/data-tables>, which is the page this\n// component is drawn from: a 56dp header row, 52dp body rows, 16dp of\n// padding on each side of a cell, a medium-weight header to set it apart\n// from the rows, and an arrow beside the name of the column being sorted.\n//\n// Its colour roles are the current system's rather than that page's, since\n// a table sits beside lists, cards and menus that all draw from the tokens\n// here. That means the row's state layers are the ones `src/row` uses — the\n// same hover, pressed and selected treatment a list row takes — so a\n// selected table row and a selected list row on one page cannot disagree.\n//\n// The row is not `src/row`, and that is the one place this departs from the\n// library's other collections. That module's row is a headline with a\n// supporting line and a slot at each end; a table row is a run of cells with\n// no such shape, and forcing one into the other would give every cell the\n// row's 56dp floor and body-large headline. The state layers are shared by\n// being written from the same tokens rather than by sharing the module.\n//\n// Four things are this component's own.\n//\n// **The rule between rows is drawn on the row, not on its cells.** A cell\n// cannot see whether its row is the first one, so a rule per cell either\n// doubles under the header or needs the row's position passed down. The\n// table collapses its borders, which is what lets a `<tr>` carry one.\n//\n// **A selecting table draws its checkbox where the call site puts it.**\n// `selection` on a column and on a cell renders the library's Checkbox in\n// React Aria's selection slot — the column's is select-all, the cell's is\n// that row's. It is a prop rather than an injected column because the header\n// and every row have to agree on how many columns there are, and only the\n// call site can keep that true.\n//\n// **A sortable column is the press target itself.** React Aria puts no\n// button inside the header cell; it makes the cell pressable and sets\n// `aria-sort` on it. So the arrow is content next to the name, and the\n// hover and pressed layers belong to the cell.\n//\n// **The header sticks only when asked.** A sticky header needs an opaque\n// background to scroll rows under, and that colour is only right when the\n// table is in something that scrolls. `stickyHeader` is what says so.\n//\n// **Resizing is asked for twice, and both are needed.** React Aria puts the\n// resize state on a container around the table and the handle inside a\n// column, so `resizable` on the table is what brings the container and\n// `resizable` on a column is what draws its handle. The archived page has no\n// resizer to take a treatment from — it predates the feature — so the handle\n// draws the divider's own rule, thickening and taking the primary role while\n// it is dragged, over a target far wider than the rule.\n//\n// **A resizable table stops filling its width.** The container sets\n// `table-layout: fixed` and `width: min-content` on the table as inline\n// styles, which no rule here can outrank; the container fills the width\n// instead and scrolls when the columns together are wider than it.\n//\n// One thing about React Aria's collection is worth knowing before writing a\n// call site. **A column's `id` and a row's `id` share one namespace**, and a\n// value used by both silently drops every column — the table then throws\n// \"Cell count must match column count\", naming the cells rather than the\n// duplicate key that caused it. Nothing here can catch it, since both ids\n// are the call site's to choose; the docstrings below say to keep them\n// apart, and the stories and tests use `col`-prefixed column ids so the two\n// sets cannot meet.\n\n// What the selection checkboxes are called. A context rather than a prop on\n// every column and cell, since it is the table's decision and repeating it\n// per row is how the two drift. Undefined unless the table is given one,\n// which leaves the names React Aria gives in the reader's locale.\nconst SelectAllLabelContext = createContext<string | undefined>(undefined);\nconst SelectLabelContext = createContext<string | undefined>(undefined);\nconst styles = {\n  cell: {\n    kB7OPa: \"x9f619\",\n    kg3NbH: \"x790zyz\",\n    k9WMMc: \"x1yc453h\",\n    kXLuUW: \"xxymvpz\",\n    $$css: true\n  },\n  focus: {\n    kjBf7l: \"xrgy624 x1v8yhc2\",\n    kInvED: \"x2ssjo2\",\n    k3XXqK: \"x9v5kkp x1t137rt\",\n    kMeerF: \"x1de99jn\",\n    $$css: true\n  },\n  header: {\n    kZKoxP: \"x1ded5cy\",\n    kMwMTN: \"x1w5n3ug\",\n    kMv6JI: \"xkknnkr\",\n    kGuDYH: \"x14zspaw\",\n    k63SB2: \"x1v9cpvo\",\n    kb6lSQ: \"x155f00i\",\n    kLWn49: \"x1lz68p4\",\n    kVQacm: \"x9h1dke\",\n    kVAEAm: \"x1n2onr6\",\n    $$css: true\n  },\n  headerHovered: {\n    kWkggS: \"x1b18xnh\",\n    $$css: true\n  },\n  headerPressed: {\n    kWkggS: \"xjeeohs\",\n    $$css: true\n  },\n  headerSortable: {\n    kWkggS: \"xjbqb8w\",\n    kkrTdU: \"x1ypdohk\",\n    $$css: true\n  },\n  row: {\n    kZKoxP: \"xdd8jsf\",\n    kLZC3w: \"x12smttz\",\n    kPef9Z: \"x13fuv20\",\n    kEafiO: \"x1g31smg x178xt8z\",\n    $$css: true\n  },\n  rowDisabled: {\n    kWkggS: \"xjbqb8w\",\n    kMwMTN: \"x1xj74d8\",\n    kkrTdU: \"x1h6gzvc\",\n    kAXs8y: \"xr5dkdi\",\n    $$css: true\n  },\n  rowSelected: {\n    kWkggS: \"xp89om9 x1jzqe4\",\n    kMwMTN: \"xscdzaa x1k5gbb1\",\n    kAXs8y: \"x1g12otp\",\n    $$css: true\n  },\n  selection: {\n    kzqmXN: \"x19ddzpn\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  sticky: {\n    kWkggS: \"x14s9m32\",\n    kGVxlE: \"x1ixd52e\",\n    k87sOh: \"x13vifvy\",\n    kVAEAm: \"x7wzq59\",\n    kY2c9j: \"x1vjfegm\",\n    $$css: true\n  },\n  table: {\n    kLvRdT: \"x1mwwwfo\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x139gbkf\",\n    kMv6JI: \"xpo2rfv\",\n    kGuDYH: \"x193rfdd\",\n    k63SB2: \"x1hews6w\",\n    kzqmXN: \"xh8yej3\",\n    kb6lSQ: \"xn43zvd\",\n    kLWn49: \"xv61bfh\",\n    k3XXqK: \"x1t137rt\",\n    $$css: true\n  }\n};\ntype TableBodyProps<T extends object = object> = Omit<RACTableBodyProps<T>, 'className' | 'renderEmptyState' | 'style'> & {\n  /** A function may compute the class from the body's render state. */\n  className?: RACTableBodyProps<T>['className'];\n  /**\n   * What the table shows in place of rows when it has none: React Aria's own\n   * render function, under React Aria's own name, as List, ListBox, Tree and\n   * ChipGroup take it. What it returns is drawn in a row of its own spanning\n   * every column, inside the muted, padded box the table draws there.\n   */\n  renderEmptyState?: RACTableBodyProps<T>['renderEmptyState'];\n  /** A function may compute the style from the body's render state. */\n  style?: RACTableBodyProps<T>['style'];\n};\ntype TableCellProps = Omit<RACCellProps, 'children' | 'className' | 'style'> & {\n  /** What the cell holds. */\n  children?: ReactNode;\n  /** A function may compute the class from the cell's render state. */\n  className?: RACCellProps['className'];\n  /**\n   * Draws this row's selection checkbox instead of `children`. The row's own\n   * text is what names the row; the box inside it takes the table's\n   * `selectLabel`.\n   */\n  selection?: boolean;\n  /** A function may compute the style from the cell's render state. */\n  style?: RACCellProps['style'];\n};\ntype TableColumnProps = {\n  /** The column's name. */\n  children?: ReactNode;\n  /** A function may compute the class from the column's render state. */\n  className?: RACColumnProps['className'];\n  /**\n   * Draws a handle at the column's trailing edge that drags its width. Needs\n   * the table's own `resizable` as well — React Aria keeps the resize state\n   * on a container around the table, and without it there is nothing for a\n   * handle to change. `defaultWidth`, `minWidth` and `maxWidth` are React\n   * Aria's and apply only inside that container.\n   */\n  resizable?: boolean;\n  /**\n   * Draws the select-all checkbox instead of `children`, for the column the\n   * rows put their own checkboxes in.\n   */\n  selection?: boolean;\n  /** A function may compute the style from the column's render state. */\n  style?: RACColumnProps['style'];\n} & Omit<RACColumnProps, 'children' | 'className' | 'style'>;\ntype TableFooterProps<T extends object = object> = RACTableFooterProps<T>;\ntype TableHeaderProps<T extends object = object> = RACTableHeaderProps<T>;\ntype TableLoadMoreProps = Omit<RACTableLoadMoreItemProps, 'children'> & {\n  /**\n   * What the row says while it is loading. Read by a screen reader; the ring\n   * itself carries no text.\n   * Left out, it is the word for it in the I18nProvider's locale — \"Loading\n   * more\" in English.\n   */\n  label?: string;\n};\ntype TableProps = {\n  /** A function may compute the class from the table's render state. */\n  className?: RACTableProps['className'];\n  /** Called as a column is dragged, with every column's width. */\n  onResize?: ResizableTableContainerProps['onResize'];\n  /** Called once a drag ends, with every column's width. */\n  onResizeEnd?: ResizableTableContainerProps['onResizeEnd'];\n  /**\n   * Lets columns marked `resizable` be dragged, by putting the table in the\n   * container React Aria keeps the resize state on. A resizable table sizes\n   * to its columns rather than to its parent, and that container is what\n   * fills the width and scrolls instead.\n   */\n  resizable?: boolean;\n  /**\n   * What the resize handle is called, for a screen reader. React Aria\n   * composes it with the column's own name. Left out, React Aria names it in\n   * the reader's locale — \"Resizer\" in English.\n   */\n  resizeLabel?: string;\n  /**\n   * What the select-all checkbox is called, for a screen reader. Left out,\n   * React Aria names it in the reader's locale — \"Select All\" in English.\n   */\n  selectAllLabel?: string;\n  /**\n   * What each row's selection checkbox is called, for a screen reader. The\n   * row's own text is what names the row; this names the box inside it.\n   * Left out, React Aria names it in the reader's locale — \"Select\" in\n   * English.\n   */\n  selectLabel?: string;\n  /**\n   * Holds the header row in place while the rows scroll under it. Needs the\n   * table inside something that scrolls; on a table that does not, it draws\n   * the same as without it.\n   */\n  stickyHeader?: boolean;\n  /** A function may compute the style from the table's render state. */\n  style?: RACTableProps['style'];\n} & Omit<RACTableProps, 'className' | 'style'>;\ntype TableRowProps<T extends object = object> = Omit<RACRowProps<T>, 'className' | 'style'> & {\n  /** A function may compute the class from the row's render state. */\n  className?: RACRowProps<T>['className'];\n  /** A function may compute the style from the row's render state. */\n  style?: RACRowProps<T>['style'];\n};\n\n// What the resize handles are called, for the same reason the selection\n// labels travel this way: it is the table's decision, and repeating it per\n// column is how the two drift. Undefined by default, as they are.\nconst ResizeLabelContext = createContext<string | undefined>(undefined);\n\n// Whether the table brought the container. React Aria's resizer throws\n// outright without one — \"Wrap your <Table> in a <ResizableTableContainer>\",\n// naming a component a consumer of this library never writes — so a column\n// asking to resize inside a table that does not would take the whole page\n// down. It draws no handle instead.\nconst ResizableContext = createContext(false);\n\n// Whether the header sticks, so a column reaches it without every call site\n// repeating the table's own decision on each one.\nconst StickyHeaderContext = createContext(false);\n\n// What a body cell draws, and the classes it draws with. Written as calls\n// rather than inline at the props, which is what react-perf's\n// no-new-function-as-prop and jsx-no-jsx-as-prop are after; the React\n// Compiler memoises the results on their inputs.\n// The return type is written out rather than inferred, here and in the two\n// below: `ReactNode` is a union that includes a promise, and a function\n// inferred as returning one has to be `async`.\nfunction cellContent(children: ReactNode, selection: boolean, label: string | undefined): ReactNode {\n  if (!selection) {\n    return children;\n  }\n  return <Checkbox aria-label={label} slot=\"selection\" />;\n}\nfunction cellStyles(selection: boolean) {\n  return {\n    0: {\n      className: \"x9f619 x790zyz x1yc453h xxymvpz xrgy624 x1v8yhc2 x2ssjo2 x9v5kkp x1t137rt x1de99jn\"\n    },\n    1: {\n      className: \"x9f619 x790zyz x1yc453h xxymvpz xrgy624 x1v8yhc2 x2ssjo2 x9v5kkp x1t137rt x1de99jn x19ddzpn xuxw1ft\"\n    }\n  }[!!selection << 0];\n}\nfunction columnContent(children: ReactNode, selection: boolean, label: string | undefined, resizable: boolean, resizeLabel: string | undefined): RACColumnProps['children'] {\n  if (selection) {\n    return <Checkbox aria-label={label} slot=\"selection\" />;\n  }\n  // The handle is a sibling of the name rather than part of it: React Aria\n  // renders it as its own element, positioned against the cell's trailing\n  // edge, which the name's own box does not reach.\n  return (state: ColumnRenderProps): ReactNode => <>\n      <span className=\"x6s0dn4 x78zum5 x126z3so\">\n        {children}\n        {sortArrowFor(state.sortDirection)}\n      </span>\n      {resizable ? <RACColumnResizer aria-label={resizeLabel} className=\"x5yr21d x9f619 xicojor xvy4d1p x13vifvy x18zu7yx x10l6tqk x5ve5x3 x1vjfegm\">\n          {resizerRule}\n        </RACColumnResizer> : null}\n    </>;\n}\nfunction columnStyles(selection: boolean, sticky: boolean) {\n  return (state: ColumnRenderProps) => stylex.props(styles.cell, styles.header, styles.focus, sticky && styles.sticky, selection && styles.selection, state.allowsSorting && styles.headerSortable, state.allowsSorting && state.isHovered && styles.headerHovered, state.allowsSorting && state.isPressed && styles.headerPressed);\n}\n\n// React Aria puts `aria-level` on the load-more row, and `aria-level` is only\n// valid on a row inside a `treegrid` — a grid's rows have no level. axe flags\n// it as `aria-conditional-attr`, and this library's stories run axe as an\n// error, so a table with a load-more row would fail on an attribute nothing\n// here asks for.\n//\n// It cannot be turned off through props: React Aria writes it after spreading\n// what the call site passed, so `aria-level={undefined}` is overwritten. The\n// attribute is taken off the element instead. React writes an attribute only\n// when its prop changes between renders, and this one is always 1, so the\n// removal holds rather than being undone by the next render. `load more` in\n// index.test.tsx pins that it is gone, which is what would notice if React\n// Aria stopped setting it or started varying it.\nfunction dropAriaLevel(node: HTMLTableRowElement | null) {\n  node?.removeAttribute('aria-level');\n}\n\n// What the body draws in place of rows: whatever the call site's function\n// returns, inside the box that pads and centres it. A call rather than a\n// function written at the prop, for the same reason the others are.\n//\n// The box is the one thing this adds to React Aria's prop, and the one way\n// the table differs from its siblings, which pass theirs straight through and\n// draw nothing around it. A table's empty state goes in a spanning cell that\n// is not this component's and carries no padding, so without the box the\n// content would sit against the table's edge with no room around it.\nfunction emptyContent(renderEmptyState: (state: TableBodyRenderProps) => ReactNode) {\n  // The return type is written out rather than inferred: `ReactNode` is a\n  // union that includes a promise, and a function inferred as returning one\n  // has to be `async`.\n  return (state: TableBodyRenderProps): ReactNode => <span className=\"x9f619 x1w5n3ug x1lliihq xpo2rfv x193rfdd x1hews6w xn43zvd xv61bfh x1lrxzt4 x790zyz x2b8uid\">{renderEmptyState(state)}</span>;\n}\n\n// The container's class. React Aria takes a plain string here rather than a\n// function of render state, since the container reports none — so this is a\n// call rather than the function form the other parts pass.\nfunction resizableContainerClassName() {\n  return {\n    className: \"x9f619 xh8yej3 xw2csxc\"\n  }.className ?? '';\n}\n\n// The rule a handle draws, from React Aria's own render state — it reports\n// the drag and the keyboard focus separately, and the two get one treatment.\nfunction resizerRule(state: ColumnResizerRenderProps): ReactNode {\n  return <span {...{\n    0: {\n      className: \"x1l12bh x5yr21d x1x0u81l xf1j0q2 xmzn1mo x9f619 x1g12otp x1i1rx1s x13vifvy x9q68il x47corl x10l6tqk\"\n    },\n    1: {\n      className: \"x5yr21d xf1j0q2 x9f619 x1g12otp x13vifvy x9q68il x47corl x10l6tqk xnety89 x1ksdfms x12inkfj xfo62xy\"\n    }\n  }[!!(state.isResizing || state.isFocusVisible) << 0]} />;\n}\nfunction rowStyles(state: RowRenderProps) {\n  return stylex.props(styles.row,\n  // The same ring a cell and a column header draw, and for the same\n  // reason: React Aria moves focus to the row itself, so the row is where\n  // it has to show. Unconditional, as it is on those two — `focus` carries\n  // its own `:focus-visible`, and the browser's default ring is what shows\n  // through without it: a colour and an offset the rest of the table does\n  // not use, and one no forced-colours mode is obliged to keep.\n  styles.focus,\n  // The lists page's dragged row and the drop target a row draws, from\n  // `src/row` as every other collection's row takes them — the dragged one\n  // before the selected container, so a selected row keeps it while it\n  // moves.\n  state.isDragging && rowLayers.dragging, state.isSelected && styles.rowSelected,\n  // The state layers come from the render state, which is what makes a\n  // row that only runs an action — `onRowAction`, a row's `onAction` or\n  // `href` — take them as a selectable one does: React Aria reports a row\n  // hovered or pressed only when a press does something to it, whether\n  // that is selecting it, running its action or dragging it.\n  state.isHovered && rowLayers.hovered, state.isPressed && rowLayers.pressed, state.isDropTarget && rowLayers.dropTarget, state.isDisabled && styles.rowDisabled);\n}\n\n// The arrow beside a sorted column's name. Nothing is drawn on a column that\n// is sortable but not currently sorted: the page puts the arrow next to the\n// column being sorted, and an arrow on every sortable column would say every\n// one of them was.\nfunction sortArrowFor(direction: 'ascending' | 'descending' | undefined) {\n  if (direction === undefined) {\n    return null;\n  }\n  return direction === 'ascending' ? <ArrowUpwardGlyph className=\"xmix8c7 x2lah0s x1xp8n7a\" /> : <ArrowDownwardGlyph className=\"xmix8c7 x2lah0s x1xp8n7a\" />;\n}\n\n/**\n * A grid of rows and columns. Sorting and selection are React Aria's: pass\n * `sortDescriptor` with `onSortChange` and mark the sortable columns\n * `allowsSorting`, and set `selectionMode` to `single` or `multiple` with\n * `selectedKeys` and `onSelectionChange`, or `defaultSelectedKeys`.\n *\n * ```tsx\n * <Table aria-label=\"Label\" selectionMode=\"multiple\">\n *   <Table.Header>\n *     <Table.Column selection />\n *     <Table.Column id=\"name\" isRowHeader>Label</Table.Column>\n *   </Table.Header>\n *   <Table.Body>\n *     <Table.Row id=\"first\">\n *       <Table.Cell selection />\n *       <Table.Cell>First item</Table.Cell>\n *     </Table.Row>\n *   </Table.Body>\n * </Table>\n * ```\n *\n * Composed from parts, since a cell takes arbitrary content: `Table.Header`,\n * `Table.Column`, `Table.Body`, `Table.Row`, `Table.Cell` and\n * `Table.Footer`. Name the table with `aria-label` or `aria-labelledby`, and\n * mark one column `isRowHeader` so a screen reader has something to read a\n * row by.\n *\n * The call site's `className` and `style` land on the table, which is the\n * element a layout positions.\n */\nfunction Table({\n  onResize,\n  onResizeEnd,\n  resizable = false,\n  resizeLabel,\n  selectAllLabel,\n  selectLabel,\n  stickyHeader = false,\n  ...props\n}: RefAttributes<HTMLTableElement> & TableProps) {\n  const table = <RACTable {...props} {...mergeStatefulStyles(tableClasses, props)} />;\n  return <SelectAllLabelContext value={selectAllLabel}>\n      <SelectLabelContext value={selectLabel}>\n        <ResizeLabelContext value={resizeLabel}>\n          <ResizableContext value={resizable}>\n            <StickyHeaderContext value={stickyHeader}>\n              {resizable ? <RACResizableTableContainer className={resizableContainerClassName()} onResize={onResize} onResizeEnd={onResizeEnd}>\n                  {table}\n                </RACResizableTableContainer> : table}\n            </StickyHeaderContext>\n          </ResizableContext>\n        </ResizeLabelContext>\n      </SelectLabelContext>\n    </SelectAllLabelContext>;\n}\n\n/**\n * The rows. `renderEmptyState` is what it shows when there are none — a table\n * with no rows and nothing to say in their place is a blank area with a\n * header over it.\n *\n * It carries no styles of its own, since every rule a body needs is drawn by\n * the rows inside it, so a `className` here lands on the `<tbody>` through\n * React Aria rather than through a merge.\n */\nfunction TableBody<T extends object = object>({\n  renderEmptyState,\n  ...props\n}: TableBodyProps<T>) {\n  return <RACTableBody<T> {...props} renderEmptyState={renderEmptyState === undefined ? undefined : emptyContent(renderEmptyState)} />;\n}\n\n/**\n * One cell. `selection` draws this row's checkbox in place of whatever else\n * the cell would hold.\n */\nfunction TableCell({\n  children,\n  selection = false,\n  ...props\n}: TableCellProps) {\n  const label = useContext(SelectLabelContext);\n  return <RACCell {...props} {...mergeStatefulStyles(cellStyles(selection), props)}>\n      {cellContent(children, selection, label)}\n    </RACCell>;\n}\n\n// The table's own classes, with the drop target the other collections'\n// boxes draw while a drop would land on the table as a whole.\nfunction tableClasses(state: TableRenderProps) {\n  return stylex.props(styles.table, state.isDropTarget && collectionStyles.dropTarget);\n}\n\n/**\n * One column. `allowsSorting` is React Aria's and makes the header cell\n * itself the control that sorts; the arrow appears on the column the\n * `sortDescriptor` names. `isRowHeader` marks the column a screen reader\n * reads a row by.\n *\n * Its `id` shares a namespace with the rows', so give the two sets values\n * that cannot collide — a column and a row with one id between them leaves\n * the table with no columns at all.\n */\nfunction TableColumn({\n  children,\n  resizable = false,\n  selection = false,\n  ...props\n}: TableColumnProps) {\n  const label = useContext(SelectAllLabelContext);\n  const resizeLabel = useContext(ResizeLabelContext);\n  const resizableTable = useContext(ResizableContext);\n  const sticky = useContext(StickyHeaderContext);\n  return <RACColumn {...props} {...mergeStatefulStyles(columnStyles(selection, sticky), props)}>\n      {columnContent(children, selection, label, resizable && resizableTable, resizeLabel)}\n    </RACColumn>;\n}\n\n/**\n * A row under the body, for totals and the like. It is not part of the\n * selection or the keyboard navigation — React Aria keeps it out of both.\n */\nfunction TableFooter<T extends object = object>(props: TableFooterProps<T>) {\n  return <RACTableFooter<T> {...props} {...mergeStyles({\n    className: \"x12smttz x13fuv20 x178xt8z x1w5n3ug xkknnkr x14zspaw x1v9cpvo x155f00i x1lz68p4\"\n  }, props)} />;\n}\n\n/**\n * The header row, holding the columns, and the rule drawn under it — which\n * moves to the cells when the header sticks, since a row group's border does\n * not travel with cells `position: sticky` has lifted out of it.\n */\nfunction TableHeader<T extends object = object>(props: TableHeaderProps<T>) {\n  const sticky = useContext(StickyHeaderContext);\n  return <RACTableHeader<T> {...props} {...mergeStatefulStyles({\n    0: {\n      className: \"x1j6faob x1q0q8m5 xso031l\"\n    },\n    1: {}\n  }[!!sticky << 0], props)} />;\n}\n\n/**\n * The row the table shows while it is fetching more. React Aria calls\n * `onLoadMore` when this comes into view, and draws it only while\n * `isLoading`. It goes inside `Table.Body`, after the rows.\n */\nfunction TableLoadMore({\n  label,\n  ...props\n}: TableLoadMoreProps) {\n  return <RACTableLoadMoreItem {...props} {...mergeStyles({\n    className: \"xdd8jsf\"\n  }, props)} ref={dropAriaLevel}>\n      <span className=\"x6s0dn4 x9f619 x78zum5 xl56j7k\">\n        <CollectionLoadMore label={label} size=\"24px\" />\n      </span>\n    </RACTableLoadMoreItem>;\n}\n\n/**\n * One row. Give every row an `id` — that is the key selection is reported\n * by, and it has to differ from every column's. `onAction` runs when the\n * row is pressed.\n */\nfunction TableRow<T extends object = object>(props: TableRowProps<T>) {\n  return <RACRow<T> {...props} {...mergeStatefulStyles(rowStyles, props)} />;\n}\nTable.Body = TableBody;\nTable.Cell = TableCell;\nTable.Column = TableColumn;\nTable.Footer = TableFooter;\nTable.Header = TableHeader;\nTable.LoadMore = TableLoadMore;\nTable.Row = TableRow;\nexport type { TableBodyProps, TableCellProps, TableColumnProps, TableFooterProps, TableHeaderProps, TableLoadMoreProps, TableProps, TableRowProps };\nexport { TableBody, TableCell, TableColumn, TableFooter, TableHeader, TableLoadMore, TableRow };\nexport default Table;"],"mappings":"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"}

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

@@ -1,8 +1,25 @@
 import { ReactNode, RefAttributes } from "react";
 import { TabListProps, TabPanelProps, TabPanelsProps, TabProps, TabsProps } from "react-aria-components";
 //#region src/components/tabs/index.d.ts
+/** The tabs page's two styles of tab bar. */
+type TabsVariant = 'primary' | 'secondary';
+/** How the bar shares its room among the tabs. */
+type TabsLayout = 'fixed' | 'scrollable';
 type TabsProps$1 = Omit<TabsProps, 'children'> & {
   children?: ReactNode;
+  /**
+   * How the bar shares its room: `fixed` divides it into equal sections, and
+   * `scrollable` gives each tab its label's width in a bar that scrolls,
+   * which is the page's choice for more tabs than the room has sections for.
+   * @default 'fixed'
+   */
+  layout?: TabsLayout;
+  /**
+   * Which of the page's two tab bars this is: `primary` for the main one,
+   * `secondary` for a strip under a primary one.
+   * @default 'primary'
+   */
+  variant?: TabsVariant;
 };
 /**
  * A tab bar and its panels. Selection is React Aria's `selectedKey`: pass
@@ -14,7 +31,7 @@ type TabsProps$1 = Omit<TabsProps, 'children'> & {
  * what each panel holds are the call site's to decide — the parts are
  * `Tabs.List`, `Tabs.Tab`, and `Tabs.Panel`.
  */
-declare function Tabs$1({ children, ...props }: RefAttributes<HTMLDivElement> & TabsProps$1): import("react").JSX.Element;
+declare function Tabs$1({ children, layout, orientation, variant, ...props }: RefAttributes<HTMLDivElement> & TabsProps$1): import("react").JSX.Element;
 declare namespace Tabs$1 {
   var List: typeof TabsList;
   var Panel: typeof TabsPanel;
@@ -29,13 +46,27 @@ declare function TabsPanel(props: TabsPanelProps): import("react").JSX.Element;
  * them simply jumps from one height to the other.
  */
 declare function TabsPanels(props: TabsPanelsProps): import("react").JSX.Element;
-declare function TabsTab({ children, render, ...props }: TabsTabProps): import("react").JSX.Element;
+declare function TabsTab({ badge, children, icon, render, ...props }: TabsTabProps): import("react").JSX.Element;
 type TabsListProps = TabListProps<object>;
 type TabsPanelProps = TabPanelProps;
 type TabsPanelsProps = Omit<TabPanelsProps<object>, 'children'> & {
   children?: ReactNode;
 };
-type TabsTabProps = TabProps;
+type TabsTabProps = {
+  /**
+   * A badge on the tab: `true` for the badges page's small dot, a number for
+   * the large badge holding it. It sits on a primary tab's icon, and after
+   * the label anywhere else. The badge is hidden from assistive technology,
+   * so say what it says in the tab's name too — "First item, 3 new".
+   */
+  badge?: boolean | number;
+  /**
+   * An icon with the label, at the page's 24dp: over it on a primary tab,
+   * whose bar grows to 64dp, and before it on a secondary one. An icon drawn
+   * in `em` takes its size from the slot.
+   */
+  icon?: ReactNode;
+} & TabProps;
 //#endregion
-export { type TabsListProps, type TabsPanelProps, type TabsPanelsProps, type TabsProps$1 as TabsProps, type TabsTabProps, Tabs$1 as default };
+export { type TabsLayout, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, TabsPanels, type TabsPanelsProps, type TabsProps$1 as TabsProps, TabsTab, type TabsTabProps, type TabsVariant, Tabs$1 as default };
 //# sourceMappingURL=index.d.ts.map