@cube-dev/ui-kit 0.196.0 → 0.198.0

package/dist/components/data/TableBase/styled.js

@@ -1,8 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
-import { _Item } from "../../content/Item/Item.js";
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
+import { Item as _Item } from "../../content/Item/Item.js";
 import { Action } from "../../actions/Action/Action.js";
 import { keyframes, tasty } from "@tenphi/tasty";
-
 //#region src/components/data/TableBase/styled.ts
 /**
 * The refresh sweep: a band of reduced opacity travelling left to right, the
@@ -49,6 +48,21 @@ const CELL_STYLES = {
 		"": "$cell-padding-x",
 		"@own(kind=selection) | @own(kind=actions)": 0
 	},
+	/**
+	* One more level of indirection than the row publishes, and the level a
+	* per-column tint plugs into.
+	*
+	* An untinted cell is simply its row. A tinted one swaps its own base and text
+	* — see `column-tint.ts`, which generates a `@own(tint=…)` branch per distinct
+	* column colour and merges it in through `styles.Cell` / `styles.HeaderCell`.
+	*
+	* The tint is pre-composed into the BASE rather than stacked as a second
+	* overlay, because `fill` has exactly two layers and the interaction paint
+	* needs the other one. That is what keeps hover, focus, selection and
+	* drop-target working over a tinted column instead of being displaced by it —
+	* and it is why the row band has to reach the cell (`data-odd` is mirrored onto
+	* body cells) rather than staying on the `<tr>`.
+	*/
 	"#cell-base": "#row-base",
 	"#cell-text": "#row-text",
 	fill: {
@@ -149,6 +163,25 @@ const TableElement = tasty({
 			gridRow: 2,
 			position: "relative",
 			overflow: "auto",
+			/**
+			* No focus ring of its own.
+			*
+			* The scroller takes `tabIndex={-1}` so a cell press can move focus here
+			* and the range's shortcuts (Escape, ⌘/Ctrl+C) have somewhere to land. It
+			* is a mechanism, not a control the user aimed at — but the browser does
+			* not know that, and drew its default `outline: auto` around the whole
+			* scrollport. Three edges are clipped by the frame's `overflow: hidden`,
+			* so what actually shipped was a stray line across the bottom of the
+			* table, right above the footer.
+			*
+			* Nothing is lost by removing it: focus only ever arrives here alongside a
+			* selected cell, and that cell draws its own ring.
+			*
+			* `'none'`, not `false` — tasty reads `false` as "no ring of the kit's
+			* own" and emits no declaration at all, which leaves the browser's default
+			* in place. Verified: with `false` the Scroller's rule carried no
+			* `outline` property.
+			*/
 			outline: "none",
 			scrollbar: "thin stable",
 			userSelect: {
@@ -264,6 +297,19 @@ const TableElement = tasty({
 				"": "hidden",
 				"@own(resizable)": "visible"
 			},
+			/**
+			* How visible the sort arrow is when the column is NOT sorted — read by
+			* `SortIndicator`.
+			*
+			* Published as an inherited custom property because a sub-element's state
+			* keys resolve against the ROOT, not its DOM parent: from inside
+			* `SortIndicator`, `@own(:hover)` asks whether the 16px arrow itself is
+			* hovered, not the header cell it sits in. Same mechanism as `$dim` and
+			* `$resizer-offset`.
+			*
+			* `:focus-visible` as well as `:hover`, so a keyboard user gets the same
+			* hint.
+			*/
 			"$sort-hint": {
 				"": 0,
 				"@own(sortable) & (@own(:hover) | @own(:focus-visible))": .4
@@ -273,6 +319,14 @@ const TableElement = tasty({
 				"@own(last-column)": "0px"
 			}
 		},
+		/**
+		* The column resize handle, on the header cell's trailing edge.
+		*
+		* Positioned with longhands rather than an `inset` shorthand: the
+		* arithmetic form compiled to garbage (`32px -24px 1px 16px`), which put
+		* the handle inside the body and collapsed its height. It sits fully inside
+		* the cell, so there is no negative offset to get wrong.
+		*/
 		Resizer: {
 			$: "> Scroller > Table > Head > HeadRow > HeaderCell >",
 			position: "absolute",
@@ -288,6 +342,12 @@ const TableElement = tasty({
 				"@own(:focus-visible)": "1bw #focus"
 			},
 			outlineOffset: "1bw",
+			/**
+			* The line is a real child, not `&::after`: state maps inside a
+			* pseudo-element block do not compile — `width` and `fill` both came out
+			* empty — so the handle's own state is published as tokens instead, the
+			* same mechanism `#row-base` and `$link-decoration` use.
+			*/
 			"#resizer-line": {
 				"": "#border",
 				"column-dividers": "#clear",
@@ -298,6 +358,12 @@ const TableElement = tasty({
 				"@own(:hover) | @own(:focus-visible)": "2bw"
 			}
 		},
+		/**
+		* The visible column edge. Drawn at rest rather than only on hover — an
+		* affordance you have to find by hovering an 8px strip is one nobody finds.
+		* A table that rules its columns already draws that edge, so there the line
+		* only appears under the cursor (see `#resizer-line`).
+		*/
 		ResizerLine: {
 			$: "> Scroller > Table > Head > HeadRow > HeaderCell > Resizer >",
 			position: "absolute",
@@ -309,6 +375,18 @@ const TableElement = tasty({
 			fill: "#resizer-line",
 			transition: "theme"
 		},
+		/**
+		* Where a dragged column would land.
+		*
+		* A distinct sub-element NAME from the row's `DropIndicator` rather than a
+		* second selector chain on the same one: two entries whose chains differ is
+		* exactly the shape that produced an indicator matching nothing at all.
+		*
+		* Positioned fully INSIDE the cell box. `HeaderCell` is `overflow: hidden`
+		* and only opts out to `visible` when it is resizable, so the centred
+		* `translate: -50%` the resizer line uses would lose its outer half on every
+		* non-resizable column.
+		*/
 		ColumnDropIndicator: {
 			$: "> Scroller > Table > Head > HeadRow > HeaderCell >",
 			position: "absolute",
@@ -327,6 +405,23 @@ const TableElement = tasty({
 			radius: "1r",
 			zIndex: 4
 		},
+		/**
+		* Centres the checkbox in its cell. A `<td>` cannot be a flex container
+		* without dropping out of table layout, so the centring lives on a wrapper
+		* inside it.
+		*
+		* Descendant rather than direct-child, so one entry covers both the header
+		* cell and the body cells.
+		*/
+		/**
+		* The stretched row link. A `<tr>` cannot be wrapped in an `<a>`, so the
+		* anchor sits in the row-header cell and covers the row through `inset`.
+		* Its text comes from the row-header cell, so the accessible name is the
+		* row's name rather than "link".
+		*
+		* Below the cells' own content in the stacking order, so an in-cell button
+		* or menu trigger still takes its own clicks.
+		*/
 		RowLink: {
 			$: "> Scroller > Table > Body > Row > Cell >",
 			position: "absolute",
@@ -339,6 +434,16 @@ const TableElement = tasty({
 				focused: "1bw #focus"
 			}
 		},
+		/**
+		* The line showing where a dragged row would land.
+		*
+		* Its own row, because a native table cannot hold an arbitrary element
+		* between two rows — the shape `ListBox` uses with `<li>`.
+		*
+		* The row and its cell collapse to nothing and the line is positioned out
+		* of flow, so inserting one mid-drag does not push the rows apart. The line
+		* then sits *over* the divider it replaces rather than beside it.
+		*/
 		DropIndicatorRow: {
 			$: "> Scroller > Table > Body >",
 			height: 0
@@ -370,11 +475,16 @@ const TableElement = tasty({
 			},
 			outlineOffset: "1bw"
 		},
+		/**
+		* Row numbers. Muted and tabular so they read as a ruler down the side
+		* rather than as a data column competing with the real ones.
+		*/
 		RowNumber: {
 			$: "> Scroller > Table > Body > Row > Cell",
 			color: "#surface-text-soft",
 			fontVariantNumeric: "tabular-nums"
 		},
+		/** Wraps the `⋮` trigger so it centres without becoming a table cell box. */
 		RowActions: {
 			$: "> Scroller > Table > Body > Row > Cell >",
 			position: "relative",
@@ -384,6 +494,11 @@ const TableElement = tasty({
 			placeItems: "center",
 			height: "100%"
 		},
+		/**
+		* Hierarchy chrome inside the consumer-selected tree column. The wrapper
+		* owns indentation so custom renderers, links and text truncation all move
+		* together as one row label.
+		*/
 		TreeContent: {
 			$: "> Scroller > Table > Body > Row > Cell >",
 			display: "flex",
@@ -414,6 +529,11 @@ const TableElement = tasty({
 			placeItems: "center",
 			height: "100%"
 		},
+		/**
+		* The sort arrow. Lives in the header `Item`'s `suffix`, so it participates
+		* in the header's grid rather than overlapping the label. Reserved space
+		* even when unsorted — otherwise the label shifts on every sort.
+		*/
 		SortIndicator: {
 			$: "> Scroller > Table > Head > HeadRow > HeaderCell",
 			display: "grid",
@@ -430,6 +550,13 @@ const TableElement = tasty({
 		Body: { $: "> Scroller > Table >" },
 		Row: {
 			$: "> Scroller > Table > Body >",
+			/**
+			* Totals and subtotals, pinned to the edges of the scroller.
+			*
+			* They live in `<tbody>` so they keep ordinary row styling, so the
+			* stickiness has to be stated here. The top offset is the header's own
+			* height — a pinned row sticks *under* the header, not over it.
+			*/
 			position: {
 				"": "relative",
 				"@own(pinned)": "sticky"
@@ -522,6 +649,15 @@ const TableElement = tasty({
 				"@own(pinned=bottom)": "1bw #border top"
 			}
 		},
+		/**
+		* The single full-span cell that carries the empty / no-results / error
+		* content.
+		*
+		* Deliberately NOT a `Cell`: a `Cell` paints `#row-base`/`#row-overlay`, so
+		* the state content picked up the row's banding and hover fill and lit up
+		* under the cursor as though it were a row of data to click. It is not a
+		* row, so it does not read the row's paint tokens at all.
+		*/
 		StateCell: {
 			$: "> Scroller > Table > Body > Row >",
 			boxSizing: "border-box",
@@ -531,6 +667,11 @@ const TableElement = tasty({
 			textAlign: "center",
 			verticalAlign: "middle"
 		},
+		/**
+		* Empty / no-results / error content. Rendered as a full-span cell inside
+		* the table rather than as an absolutely-positioned overlay, so the column
+		* header stays visible and nothing has to be excluded from the scroll area.
+		*/
 		StateContent: {
 			$: "> Scroller > Table > Body > Row > StateCell >",
 			display: "grid",
@@ -542,6 +683,14 @@ const TableElement = tasty({
 			color: "#surface-text-soft",
 			textAlign: "center"
 		},
+		/**
+		* Sits over the Scroller, not inside it, so it stays put while the rows
+		* underneath remain scrollable and readable.
+		*
+		* A refresh does NOT use this — it sweeps the table itself (see `Table`).
+		* A spinner parked in the middle of the rows covered the very content the
+		* "keep showing the previous result" behaviour exists to preserve.
+		*/
 		Overlay: {
 			$: ">",
 			gridRow: 2,
@@ -625,6 +774,21 @@ const TableHeaderItem = tasty(_Item, {
 		preset: "inherit",
 		color: "inherit",
 		"$inline-padding": 0,
+		/**
+		* The indent, per side, chosen for optical rather than geometric alignment.
+		*
+		* Text lines up with the body text below it at the full cell padding. An
+		* icon does not: at this size it is a small, light shape, and the same 16px
+		* reads as a gap — 8px sits right. A trailing icon (the sort arrow) wants
+		* none at all, so it hangs at the column edge rather than floating short of
+		* it.
+		*
+		* The `padding` shorthand rather than `paddingInline`: `Item` writes its own
+		* `padding`, and a shorthand landing after a longhand wipes it — the
+		* longhand form compiled away silently and every column kept the default.
+		*
+		* One map keeps the four icon combinations explicit.
+		*/
 		padding: {
 			"": "0 $cell-padding-x",
 			"has-icon": "1x left, $cell-padding-x right",
@@ -640,7 +804,7 @@ const TableHeaderItem = tasty(_Item, {
 		Description: { textTransform: "none" }
 	}
 });
-
 //#endregion
 export { TableElement, TableHeaderItem, TableTreeToggle, TableTreeTogglePlaceholder };
+
 //# sourceMappingURL=styled.js.map

package/dist/components/data/TableBase/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["keyframes","tasty","Action","Item","Styles","refreshSweep","CELL_STYLES","boxSizing","height","padding","textAlign","verticalAlign","overflow","whiteSpace","paddingBlock","paddingInline","fill","color","opacity","position","insetInlineStart","insetInlineEnd","zIndex","shadow","radius","transition","TableElement","qa","styles","$dim","display","gridRows","gridColumns","border","Scroller","$","gridRow","outline","scrollbar","userSelect","overscrollBehavior","Table","stale","maskImage","maskSize","animation","animationPlayState","tableLayout","borderCollapse","borderSpacing","width","preset","Head","inset","HeadRow","HeaderGroupCell","HeaderCell","cursor","Resizer","top","bottom","right","touchAction","outlineOffset","ResizerLine","left","translate","ColumnDropIndicator","RowLink","focused","DropIndicatorRow","DropIndicatorCell","lineHeight","fontSize","DropIndicator","RowNumber","fontVariantNumeric","RowActions","placeContent","placeItems","TreeContent","alignItems","gap","minWidth","TreeValue","flexGrow","flexShrink","flexBasis","TreeToggle","SelectionBox","SortIndicator","Body","Row","insetBlockStart","insetBlockEnd","Cell","fontWeight","textDecoration","ColumnSpacer","StateCell","StateContent","Overlay","pointerEvents","Foot","FootRow","FootCell","TREE_TOGGLE_STYLES","TableTreeToggle","TableTreeTogglePlaceholder","TableHeaderItem","as","hovered","pressed","selected","Description","textTransform"],"sources":["../../../../src/components/data/TableBase/styled.ts"],"sourcesContent":["import { keyframes, tasty } from '@tenphi/tasty';\n\nimport { Action } from '../../actions/Action/Action';\nimport { Item } from '../../content/Item';\n\nimport type { Styles } from '@tenphi/tasty';\n\n/**\n * The refresh sweep: a band of reduced opacity travelling left to right, the\n * way ag-grid marks a grid that is reloading.\n *\n * A mask rather than a coloured overlay, so the band genuinely lowers the\n * content's opacity instead of painting a surface-coloured stripe over it. That\n * costs nothing in theming — the gradient is pure black and alpha, with no\n * colour token to resolve — and it stays correct on any backdrop.\n *\n * `mask-position` runs 100% → 0% because a mask wider than its box moves the\n * OPPOSITE way to the position value: raising it slides the image left, which\n * would send the band right to left.\n */\nconst refreshSweep = keyframes({\n  '0%': { 'mask-position': '100% 0' },\n  '100%': { 'mask-position': '0% 0' },\n});\n\n/**\n * Geometry shared by the cells of every row group. They cannot share a\n * sub-element key, so they share a const — the same technique `Item.tsx` uses\n * for `DEFAULT_ICON_STYLES`.\n */\nconst CELL_STYLES: Styles = {\n  boxSizing: 'border-box',\n  // Row height lives on the CELLS, not the `<tr>`: table layout ignores\n  // `min-height` on a row, and sizes it from its cells instead. `height` on a\n  // cell is treated as a minimum, so a wrapping or auto-height cell still grows\n  // the row.\n  //\n  // Cells are `border-box` and carry the 1px row separator, so the border is\n  // added on top: `$row-height` is the content box, and a default row occupies\n  // 41px in total.\n  height: '($row-height + 1bw)',\n  padding: '$cell-padding-y $cell-padding-x',\n  textAlign: {\n    '': 'start',\n    '@own(align=center)': 'center',\n    '@own(align=end)': 'end',\n  },\n  verticalAlign: 'middle',\n  overflow: 'hidden',\n  // An `autoHeight` column wraps and lets its row grow. `height` on a cell is a\n  // minimum in table layout, so the declared row height stays the floor.\n  whiteSpace: { '': 'nowrap', '@own(wrap)': 'normal' },\n  paddingBlock: { '': '$cell-padding-y', '@own(wrap)': '1x' },\n  // The checkbox column is a square affordance, not content: it centres its\n  // control and contributes no inline padding of its own.\n  paddingInline: {\n    '': '$cell-padding-x',\n    '@own(kind=selection) | @own(kind=actions)': 0,\n  },\n  // Pinned cells overlay the scrolling ones, so they must be opaque. Reading\n  // the row's inherited paint tokens means every row state is matched for free\n  // — no duplicated state matrix, no chance of the two drifting apart.\n  // Reading the row's inherited paint tokens means every row state is matched\n  // for free. A selected cell steps out of that and takes a flat accent tint:\n  // without it a wide range is a mesh of per-cell rings rather than one block,\n  // and the row's hover would keep moving underneath a selection the user has\n  // already committed to.\n  /**\n   * One more level of indirection than the row publishes, and the level a\n   * per-column tint plugs into.\n   *\n   * An untinted cell is simply its row. A tinted one swaps its own base and text\n   * — see `column-tint.ts`, which generates a `@own(tint=…)` branch per distinct\n   * column colour and merges it in through `styles.Cell` / `styles.HeaderCell`.\n   *\n   * The tint is pre-composed into the BASE rather than stacked as a second\n   * overlay, because `fill` has exactly two layers and the interaction paint\n   * needs the other one. That is what keeps hover, focus, selection and\n   * drop-target working over a tinted column instead of being displaced by it —\n   * and it is why the row band has to reach the cell (`data-odd` is mirrored onto\n   * body cells) rather than staying on the `<tr>`.\n   */\n  '#cell-base': '#row-base',\n  '#cell-text': '#row-text',\n  fill: {\n    '': '#cell-base #row-overlay',\n    '@own(cell-selected)': '#cell-base #purple.10',\n  },\n  color: '#cell-text',\n  opacity: '$dim',\n  position: { '': 'static', '@own(pin=start | pin=end)': 'sticky' },\n  insetInlineStart: { '': 'auto', '@own(pin=start)': '$pin-offset' },\n  insetInlineEnd: { '': 'auto', '@own(pin=end)': '$pin-offset' },\n  zIndex: { '': 'auto', '@own(pin=start | pin=end)': 1 },\n  // The innermost pinned column needs an edge, or content scrolling underneath\n  // reads as part of the pinned group. An inset box-shadow rather than a border\n  // so it costs no column width, and `#border` rather than `#shadow` so it\n  // matches the row dividers instead of reading as a hard black line on a dark\n  // surface.\n  // The pinned column's edge, and the selected cell's ring. Both are inset\n  // shadows and both share this map, so the two compose rather than one\n  // clobbering the other on a pinned selected cell.\n  //\n  // The ring is a shadow rather than an `outline`: an outline is drawn OUTSIDE\n  // the box, and pulling it back with a negative `outlineOffset` needs a value\n  // tasty will not resolve (`-1bw`), so the ring came out a pixel oversized on\n  // every side — over the row divider above and the column rule to the left. An\n  // inset shadow lands exactly on the cell's own edges and costs no layout.\n  shadow: {\n    '': false,\n    '@own(pin-edge) & @own(pin=start)': 'inset -1bw 0 0 0 #border',\n    '@own(pin-edge) & @own(pin=end)': 'inset 1bw 0 0 0 #border',\n    '@own(cell-selected)': 'inset 0 0 0 1bw #purple',\n    '@own(cell-selected) & @own(pin-edge) & @own(pin=start)':\n      'inset 0 0 0 1bw #purple, inset -1bw 0 0 0 #border',\n    '@own(cell-selected) & @own(pin-edge) & @own(pin=end)':\n      'inset 0 0 0 1bw #purple, inset 1bw 0 0 0 #border',\n  },\n  // The frame's rounded corner, mirrored onto the cell that meets it. Without\n  // it a selected cell there has its ring sliced off at 45°, since the root\n  // clips with a radius. One border-width smaller than the frame's, because the\n  // cell sits inside the frame's own border.\n  radius: {\n    '': 0,\n    // `1cr` is the card radius (`--card-radius`), used directly rather than\n    // aliased onto a token of our own — and emphatically not onto `$radius`,\n    // which is the kit's GLOBAL radius. Declaring that here handed every\n    // Button, Input and Tag rendered inside a cell the card's 10px instead of\n    // the 6px they inherit everywhere else, and took every `1r`/`2r` unit in\n    // the subtree with it.\n    '@own(corner=start)': '(1cr - 1bw) bottom-left',\n    '@own(corner=end)': '(1cr - 1bw) bottom-right',\n  },\n  // The vertical rule, resolved in two steps so the border maps below stay\n  // small. `$column-rule` is the TABLE's answer (root-level `column-dividers`);\n  // this narrows it per cell.\n  //\n  // A WIDTH rather than a colour. A transparent 1px border still occupies its\n  // px: with `border-box` cells that quietly took a pixel of content width from\n  // every column of every table, dividers or not.\n  //\n  // The trailing column is exempt: its rule lands flush against the frame in\n  // `card` shape and reads as a doubled edge, and in `plain` shape it is a line\n  // hanging off the end of the table with nothing after it.\n  '$column-divider': { '': '$column-rule', '@own(last-column)': '0px' },\n  transition: 'fill',\n};\n\nexport const TableElement = tasty({\n  qa: 'Table',\n  styles: {\n    /* ── tokens the root owns ─────────────────────────────────────────── */\n    // Rows are 40px at the default size and the header is one step tighter at\n    // 32px — the proportion the Cloud tables use. Each is the content height;\n    // the 1px separator is added on top (see `CELL_STYLES.height`).\n    '$row-height': {\n      '': '$size-lg',\n      'size=xsmall': '$size-sm',\n      'size=small': '$size-md',\n      'size=large': '$size-xl',\n      'size=xlarge': '7x',\n    },\n    '$header-height': {\n      '': '$size-md',\n      'size=xsmall': '$size-xs',\n      'size=small': '$size-sm',\n      'size=large': '$size-lg',\n      'size=xlarge': '$size-xl',\n    },\n    // 16px. Matches the `cellHorizontalPadding` the Cloud tables ship (ag-grid's\n    // own default is 15px, which is off the 8px grid).\n    '$cell-padding-x': '2x',\n    '$cell-padding-y': 0,\n    '$pin-offset': '0px',\n    $dim: 1,\n    '$link-decoration': 'none',\n    '$resizer-hit': '1x',\n    '$resizer-offset': '-.5x',\n    '$resizer-line-width': '1bw',\n    '#resizer-line': '#clear',\n    // Vertical rules between columns: on for a grid read down a column, off for\n    // a list read across a row. See `TableView`'s `hasColumnDividers`.\n    '$column-rule': { '': '0px', 'column-dividers': '1bw' },\n    // Neutral defaults so a cell rendered outside a row still paints sanely.\n    '#row-base': '#surface',\n    '#row-overlay': '#clear',\n    '#row-text': '#surface-text',\n    // The cell-level pair defaults to the row's, and a tinted column overrides\n    // its own — see `CELL_STYLES`. Declared here too so the chain has a root even\n    // for a cell that is somehow outside a row.\n    '#cell-base': '#row-base',\n    '#cell-text': '#row-text',\n\n    /* ── frame ────────────────────────────────────────────────────────── */\n    display: 'grid',\n    gridRows: 'max-content minmax(0, 1fr) max-content',\n    gridColumns: 'minmax(0, 1fr)',\n    position: 'relative',\n    boxSizing: 'border-box',\n    fill: '#surface',\n    color: '#surface-text',\n    radius: { '': 0, 'shape=card': '1cr' },\n    border: { '': false, 'shape=card': true },\n    overflow: 'hidden',\n    // Bounded by the consumer (`height` / `maxHeight`). There is no page-scroll\n    // mode: an unbounded table simply sizes to its content.\n    height: 'max 100%',\n\n    /* ── the single scroller ──────────────────────────────────────────── */\n    Scroller: {\n      $: '>',\n      gridRow: 2,\n      position: 'relative',\n      overflow: 'auto',\n      /**\n       * No focus ring of its own.\n       *\n       * The scroller takes `tabIndex={-1}` so a cell press can move focus here\n       * and the range's shortcuts (Escape, ⌘/Ctrl+C) have somewhere to land. It\n       * is a mechanism, not a control the user aimed at — but the browser does\n       * not know that, and drew its default `outline: auto` around the whole\n       * scrollport. Three edges are clipped by the frame's `overflow: hidden`,\n       * so what actually shipped was a stray line across the bottom of the\n       * table, right above the footer.\n       *\n       * Nothing is lost by removing it: focus only ever arrives here alongside a\n       * selected cell, and that cell draws its own ring.\n       *\n       * `'none'`, not `false` — tasty reads `false` as \"no ring of the kit's\n       * own\" and emits no declaration at all, which leaves the browser's default\n       * in place. Verified: with `false` the Scroller's rule carried no\n       * `outline` property.\n       */\n      outline: 'none',\n      // A reserved gutter stops an appearing scrollbar from reflowing every\n      // column. With one scroller for head and body there is nothing else to\n      // keep in sync — this is the whole reason for the native-table design.\n      scrollbar: 'thin stable',\n      // Locked per axis, and only on an axis that can actually scroll.\n      //\n      // `none` rather than `contain`: both stop a swipe at the scroll edge from\n      // chaining to the page — which is what keeps a horizontal flick from\n      // triggering browser back-navigation — but `contain` still allows the\n      // rubber-band bounce, and bouncing a table drags its rows away from the\n      // sticky header and shows blank surface behind them.\n      //\n      // The non-scrollable axis stays `auto` on purpose. Chrome applies\n      // overscroll rules to any `overflow: auto` element, including one whose\n      // content fits, so locking both axes unconditionally makes a five-row\n      // table swallow the wheel and pin the page behind it.\n      // While a range drag is in progress the pointer is painting cells, not\n      // text — without this a drag across the grid leaves every cell it passed\n      // highlighted blue underneath the range.\n      userSelect: { '': 'auto', 'range-dragging': 'none' },\n      overscrollBehavior: {\n        '': 'auto',\n        'scroll-x & scroll-y': 'none',\n        'scroll-x & !scroll-y': 'none auto',\n        '!scroll-x & scroll-y': 'auto none',\n      },\n    },\n\n    Table: {\n      $: '> Scroller >',\n      // The whole table fades while a refresh is in flight — header included.\n      // Dimming only the rows left the header at full strength, which read as\n      // though the columns were current and only the data was not.\n      opacity: { '': 1, stale: 0.5 },\n      // `#black` throughout, but only its ALPHA is doing anything: a gradient\n      // mask defaults to `mask-mode: alpha`, so the colour channel is discarded\n      // and `#black.4` is simply \"40% through\". Any opaque token would render\n      // identically — `#black` is the conventional way to write it.\n      maskImage: {\n        '': 'none',\n        stale:\n          'linear-gradient(90deg, #black 0%, #black 35%, #black.4 50%, #black 65%, #black 100%)',\n        // A flat, fully opaque mask is a no-op, so there is nothing to sweep —\n        // the table still fades, it just does not move. A loading state can\n        // last a long time, and this one would otherwise animate continuously\n        // beside the data with no way to stop it.\n        '@media(prefers-reduced-motion)':\n          'linear-gradient(90deg, #black 0%, #black 100%)',\n      },\n      // Three times the width, so the band is a third of the table and there is\n      // an opaque stretch either side of it. The default `repeat` tiles\n      // seamlessly, both ends of the gradient being fully opaque.\n      //\n      // oxlint's `tasty(known-property)` flags this — its property list has\n      // `maskImage` but not `maskSize`, in either spelling. Tasty passes an\n      // unknown key through as raw CSS, so it emits fine: verified computing to\n      // `300% 100%` with the sweep running. The warning is the linter's gap.\n      maskSize: '300% 100%',\n      animation: {\n        '': 'none',\n        stale: `${refreshSweep} 1.4s linear infinite`,\n      },\n      // Belt and braces with the flat mask above, and the same shape `Spin`\n      // already uses.\n      animationPlayState: {\n        '': 'running',\n        '@media(prefers-reduced-motion)': 'paused',\n      },\n      transition: 'opacity',\n      // `fixed` makes `<colgroup>` authoritative, so the header and the body\n      // are guaranteed to agree on every column width.\n      tableLayout: 'fixed',\n      // `separate` is required: with `collapse`, a sticky `<thead>` loses its\n      // borders and they scroll away with the content.\n      borderCollapse: 'separate',\n      borderSpacing: 0,\n      // The exact width is set inline from the resolved layout; this is only\n      // the pre-measurement fallback.\n      width: '100%',\n      preset: 't3',\n    },\n\n    /* ── head ─────────────────────────────────────────────────────────── */\n    Head: {\n      $: '> Scroller > Table >',\n      position: { '': 'static', 'sticky-header': 'sticky' },\n      inset: { '': 'auto', 'sticky-header': '0 top' },\n      zIndex: 2,\n    },\n    HeadRow: {\n      $: '> Scroller > Table > Head >',\n      position: 'relative',\n      // Header rows never carry interaction paint; neutralise the inherited\n      // tokens so nothing can leak in from a row above.\n      '#row-base': '#surface-2',\n      '#row-overlay': '#clear',\n      '#row-text': '#dark-03',\n      $dim: 1,\n    },\n    HeaderGroupCell: {\n      $: '> Scroller > Table > Head > HeadRow >',\n      // eslint-disable-next-line tasty/no-style-spread -- cell geometry shared by the cells of every row group\n      ...CELL_STYLES,\n      padding: 0,\n      paddingInline: 0,\n      height: '($header-height + 1bw)',\n      preset: 't3m',\n      border: '1bw #border bottom, $column-divider #border right',\n      fill: '#surface-3',\n      userSelect: 'none',\n      position: { '': 'relative', '@own(pin=start | pin=end)': 'sticky' },\n      overflow: 'hidden',\n      zIndex: { '': 'auto', '@own(pin=start | pin=end)': 3 },\n    },\n    HeaderCell: {\n      $: '> Scroller > Table > Head > HeadRow >',\n      // eslint-disable-next-line tasty/no-style-spread -- cell geometry shared by the cells of every row group\n      ...CELL_STYLES,\n      // No padding at all: the `Item` inside fills the cell edge to edge and\n      // supplies the indent itself, per side. That is what lets a leading icon\n      // sit tighter than text and a trailing icon sit flush — see\n      // `TableHeaderItem`.\n      //\n      // `paddingInline` as well as the shorthand: the shared cell styles set\n      // the longhand for the checkbox column, and a longhand arriving through\n      // the spread outlives a `padding: 0` written after it.\n      padding: 0,\n      paddingInline: 0,\n      height: '($header-height + 1bw)',\n      // The header's typography lives here rather than on the `Item`, so a\n      // consumer can restyle it through `headerCellStyles` / `styles.HeaderCell`.\n      // The adapter supplies the real default via `headerPreset`; this is only\n      // the fallback for a `TableView` rendered without one.\n      preset: 't3m',\n      border: '1bw #border bottom, $column-divider #border right',\n      zIndex: { '': 'auto', '@own(pin=start | pin=end)': 3 },\n      fill: {\n        '': '#cell-base #row-overlay',\n        '(@own(sortable) & @own(:hover)) | @own(menu-open)':\n          '#cell-base #surface-text.04',\n      },\n      // `pointer` wins on a sortable header: sorting is the primary action, and a\n      // native drag needs movement while a click does not, so both still work.\n      // `grab` is only honest where there is nothing else to click.\n      cursor: {\n        '': 'default',\n        '@own(sortable)': 'pointer',\n        '@own(draggable) & !@own(sortable)': 'grab',\n        '@own(dragging)': 'grabbing',\n      },\n      // Matches the row being dragged.\n      opacity: { '': 1, '@own(dragging)': 0.4 },\n      userSelect: 'none',\n      // The containing block for `Resizer`. Cells are `static` by default, so\n      // without this every handle resolves against the scroller instead and\n      // they all stack up at its right edge.\n      position: { '': 'relative', '@own(pin=start | pin=end)': 'sticky' },\n      // A cell clips its overflow so a long label cannot bleed into its\n      // neighbour, but the resize handle straddles the boundary on purpose and\n      // would lose its outer half. Only cells that actually have one opt out.\n      overflow: { '': 'hidden', '@own(resizable)': 'visible' },\n      /**\n       * How visible the sort arrow is when the column is NOT sorted — read by\n       * `SortIndicator`.\n       *\n       * Published as an inherited custom property because a sub-element's state\n       * keys resolve against the ROOT, not its DOM parent: from inside\n       * `SortIndicator`, `@own(:hover)` asks whether the 16px arrow itself is\n       * hovered, not the header cell it sits in. Same mechanism as `$dim` and\n       * `$resizer-offset`.\n       *\n       * `:focus-visible` as well as `:hover`, so a keyboard user gets the same\n       * hint.\n       */\n      '$sort-hint': {\n        '': 0,\n        '@own(sortable) & (@own(:hover) | @own(:focus-visible))': 0.4,\n      },\n      // How far the handle hangs past this cell's trailing edge — read by\n      // `Resizer`. Published as an inherited custom property rather than asked\n      // for from the handle with `@parent(...)`: a sub-element's state keys\n      // resolve against the ROOT, so the handle cannot ask about the cell it\n      // sits in (the same reason `#row-base` and `$link-decoration` exist).\n      //\n      // The trailing column has no neighbour to straddle. Left hanging, it puts\n      // half its width past the table and the scroller gains a few pixels of\n      // horizontal scroll onto blank space.\n      '$resizer-offset': { '': '-.5x', '@own(last-column)': '0px' },\n    },\n\n    /**\n     * The column resize handle, on the header cell's trailing edge.\n     *\n     * Positioned with longhands rather than an `inset` shorthand: the\n     * arithmetic form compiled to garbage (`32px -24px 1px 16px`), which put\n     * the handle inside the body and collapsed its height. It sits fully inside\n     * the cell, so there is no negative offset to get wrong.\n     */\n    Resizer: {\n      $: '> Scroller > Table > Head > HeadRow > HeaderCell >',\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      // Centred on the boundary rather than tucked inside the cell: a handle\n      // you can only grab from one side of the line is half a target, and the\n      // focus ring would sit visibly off to the left of the edge it resizes.\n      // The offset is half of `$resizer-hit`.\n      right: '$resizer-offset',\n      // A 1px line is impossible to grab, so the hit area is wider than it.\n      width: '$resizer-hit',\n      zIndex: 2,\n      cursor: 'col-resize',\n      touchAction: 'none',\n      outline: {\n        '': 'none',\n        '@own(:focus-visible)': '1bw #focus',\n      },\n      outlineOffset: '1bw',\n\n      /**\n       * The line is a real child, not `&::after`: state maps inside a\n       * pseudo-element block do not compile — `width` and `fill` both came out\n       * empty — so the handle's own state is published as tokens instead, the\n       * same mechanism `#row-base` and `$link-decoration` use.\n       */\n      // Drawn at rest so the handle is discoverable — except when the table\n      // already rules its columns, where the cell's own border is that line and\n      // a second one 4px away reads as a doubled edge. (`column-dividers` has no\n      // `@own`: bare keys resolve against the root, which is where it lives.)\n      '#resizer-line': {\n        '': '#border',\n        'column-dividers': '#clear',\n        '@own(:hover) | @own(:focus-visible)': '#purple',\n      },\n      '$resizer-line-width': {\n        '': '1bw',\n        '@own(:hover) | @own(:focus-visible)': '2bw',\n      },\n    },\n\n    /**\n     * The visible column edge. Drawn at rest rather than only on hover — an\n     * affordance you have to find by hovering an 8px strip is one nobody finds.\n     * A table that rules its columns already draws that edge, so there the line\n     * only appears under the cursor (see `#resizer-line`).\n     */\n    ResizerLine: {\n      $: '> Scroller > Table > Head > HeadRow > HeaderCell > Resizer >',\n      // Absolute rather than flex-aligned: `placeContent` maps to\n      // `align-content justify-content`, so the obvious-looking `'end center'`\n      // silently centred the line instead of ending it.\n      //\n      // Centred inside the handle, which is itself centred on the boundary, so\n      // the line lands exactly on the edge it represents and a thicker hover\n      // state grows evenly to both sides.\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      left: '50%',\n      translate: '-50% 0',\n      width: '$resizer-line-width',\n      fill: '#resizer-line',\n      transition: 'theme',\n    },\n\n    /**\n     * Where a dragged column would land.\n     *\n     * A distinct sub-element NAME from the row's `DropIndicator` rather than a\n     * second selector chain on the same one: two entries whose chains differ is\n     * exactly the shape that produced an indicator matching nothing at all.\n     *\n     * Positioned fully INSIDE the cell box. `HeaderCell` is `overflow: hidden`\n     * and only opts out to `visible` when it is resizable, so the centred\n     * `translate: -50%` the resizer line uses would lose its outer half on every\n     * non-resizable column.\n     */\n    ColumnDropIndicator: {\n      $: '> Scroller > Table > Head > HeadRow > HeaderCell >',\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      width: '2bw',\n      insetInlineStart: { '': 'auto', '@own(position=before)': 0 },\n      insetInlineEnd: { '': 'auto', '@own(position=after)': 0 },\n      fill: '#purple',\n      radius: '1r',\n      // Above the pinned header cell (3) and the resize handle (2).\n      zIndex: 4,\n    },\n\n    /**\n     * Centres the checkbox in its cell. A `<td>` cannot be a flex container\n     * without dropping out of table layout, so the centring lives on a wrapper\n     * inside it.\n     *\n     * Descendant rather than direct-child, so one entry covers both the header\n     * cell and the body cells.\n     */\n    /**\n     * The stretched row link. A `<tr>` cannot be wrapped in an `<a>`, so the\n     * anchor sits in the row-header cell and covers the row through `inset`.\n     * Its text comes from the row-header cell, so the accessible name is the\n     * row's name rather than \"link\".\n     *\n     * Below the cells' own content in the stacking order, so an in-cell button\n     * or menu trigger still takes its own clicks.\n     */\n    RowLink: {\n      $: '> Scroller > Table > Body > Row > Cell >',\n      position: 'absolute',\n      inset: 0,\n      zIndex: 0,\n      // The row already paints hover and focus; the link must add nothing.\n      fill: '#clear',\n      radius: 0,\n      outline: {\n        '': 'none',\n        // Keyboard focus still has to be visible, even though the row is what\n        // the user perceives as focused.\n        focused: '1bw #focus',\n      },\n    },\n\n    /**\n     * The line showing where a dragged row would land.\n     *\n     * Its own row, because a native table cannot hold an arbitrary element\n     * between two rows — the shape `ListBox` uses with `<li>`.\n     *\n     * The row and its cell collapse to nothing and the line is positioned out\n     * of flow, so inserting one mid-drag does not push the rows apart. The line\n     * then sits *over* the divider it replaces rather than beside it.\n     */\n    DropIndicatorRow: {\n      $: '> Scroller > Table > Body >',\n      height: 0,\n    },\n\n    DropIndicatorCell: {\n      $: '> Scroller > Table > Body > DropIndicatorRow >',\n      // Every one of these matters: a `<td>` carries UA padding, and any of\n      // them left in place gives the row real height and shifts the table.\n      padding: 0,\n      border: 0,\n      height: 0,\n      lineHeight: 0,\n      fontSize: 0,\n      // The containing block for the line below.\n      position: 'relative',\n      overflow: 'visible',\n    },\n\n    DropIndicator: {\n      $: '> Scroller > Table > Body > DropIndicatorRow > DropIndicatorCell >',\n      position: 'absolute',\n      insetInlineStart: 0,\n      insetInlineEnd: 0,\n      top: 0,\n      height: '2bw',\n      // Centred on the boundary, so it covers the row divider instead of\n      // sitting above or below it.\n      translate: '0 -50%',\n      fill: '#purple',\n      radius: '1r',\n      zIndex: 3,\n      outline: {\n        '': 'none',\n        // `@own`, not a bare `:focus-visible`: a sub-element's state keys\n        // resolve against the ROOT, so the plain form asked whether the whole\n        // table was focused. This is the keyboard drop target and needs its own.\n        '@own(:focus-visible)': '2bw #purple',\n      },\n      outlineOffset: '1bw',\n    },\n\n    /**\n     * Row numbers. Muted and tabular so they read as a ruler down the side\n     * rather than as a data column competing with the real ones.\n     */\n    RowNumber: {\n      $: '> Scroller > Table > Body > Row > Cell',\n      color: '#surface-text-soft',\n      fontVariantNumeric: 'tabular-nums',\n    },\n\n    /** Wraps the `⋮` trigger so it centres without becoming a table cell box. */\n    RowActions: {\n      $: '> Scroller > Table > Body > Row > Cell >',\n      position: 'relative',\n      // Above `RowLink`, or the stretched anchor would swallow its clicks.\n      zIndex: 1,\n      display: 'flex',\n      placeContent: 'center',\n      placeItems: 'center',\n      height: '100%',\n    },\n\n    /**\n     * Hierarchy chrome inside the consumer-selected tree column. The wrapper\n     * owns indentation so custom renderers, links and text truncation all move\n     * together as one row label.\n     */\n    TreeContent: {\n      $: '> Scroller > Table > Body > Row > Cell >',\n      display: 'flex',\n      alignItems: 'center',\n      gap: '.5x',\n      minWidth: 0,\n      padding: 'left ($tree-indent * 2x)',\n      '$tree-indent': '($tree-level, 0)',\n    },\n\n    TreeValue: {\n      $: '> Scroller > Table > Body > Row > Cell > TreeContent >',\n      flexGrow: 1,\n      flexShrink: 1,\n      flexBasis: 0,\n      minWidth: 0,\n      overflow: 'hidden',\n    },\n\n    TreeToggle: {\n      $: '> Scroller > Table > Body > Row > Cell > TreeContent >',\n      flexGrow: 0,\n      flexShrink: 0,\n      flexBasis: 'auto',\n    },\n\n    SelectionBox: {\n      $: '> Scroller > Table',\n      display: 'flex',\n      placeContent: 'center',\n      placeItems: 'center',\n      height: '100%',\n    },\n\n    /**\n     * The sort arrow. Lives in the header `Item`'s `suffix`, so it participates\n     * in the header's grid rather than overlapping the label. Reserved space\n     * even when unsorted — otherwise the label shifts on every sort.\n     */\n    SortIndicator: {\n      // Descendant, not direct child: the indicator is handed to the header\n      // `Item` as a slot, so it renders inside Item's own `RightIcon` (or\n      // `Suffix`) wrapper rather than directly under the `<th>`.\n      $: '> Scroller > Table > Head > HeadRow > HeaderCell',\n      display: 'grid',\n      placeItems: 'center',\n      width: '2x',\n      height: '2x',\n      color: '#surface-text',\n      // Hovering a sortable header previews the arrow it would get; sorting for\n      // real makes it solid. `$sort-hint` is the header cell's answer — see\n      // there for why this cannot just ask about hover itself.\n      //\n      // The preview points the right way for free: `data-dir` is absent while\n      // unsorted, so the `scale` map below leaves the chevron pointing up, and\n      // the first press of an unsorted column sorts ascending. The hint predicts\n      // the press rather than just advertising that one is possible.\n      opacity: {\n        '': '$sort-hint',\n        '@own(sorted)': 1,\n      },\n      // No `scale` flip any more: `TableView` renders the real\n      // `ArrowNarrowDownIcon` for `desc` rather than turning the up arrow over,\n      // so there is no transform left to animate. `opacity` still is — that is\n      // the hover hint fading in.\n      transition: 'opacity',\n    },\n\n    /* ── body ─────────────────────────────────────────────────────────── */\n    Body: {\n      $: '> Scroller > Table >',\n    },\n    Row: {\n      $: '> Scroller > Table > Body >',\n      // `position: relative` (below) is also the containing block for\n      // `RowLink`, which stretches over the whole row from inside the\n      // row-header cell, and for the drop indicator.\n      /**\n       * Totals and subtotals, pinned to the edges of the scroller.\n       *\n       * They live in `<tbody>` so they keep ordinary row styling, so the\n       * stickiness has to be stated here. The top offset is the header's own\n       * height — a pinned row sticks *under* the header, not over it.\n       */\n      position: { '': 'relative', '@own(pinned)': 'sticky' },\n      insetBlockStart: {\n        '': 'auto',\n        '@own(pinned=top)': '($header-height + 1bw)',\n      },\n      insetBlockEnd: { '': 'auto', '@own(pinned=bottom)': 0 },\n      zIndex: { '': 'auto', '@own(pinned)': 1 },\n\n      // The row being dragged, and a row that would receive a drop *on* it.\n      // Landing *between* rows is drawn by `DropIndicator` instead.\n      opacity: { '': 1, '@own(dragging)': 0.4 },\n      // An inset shadow rather than an outline: an outline on a `<tr>` is drawn\n      // outside the row and overlaps its neighbours, and `inside` is not a\n      // modifier `outline` accepts.\n      shadow: {\n        '': false,\n        '@own(drop-target)': 'inset 0 0 0 2bw #purple',\n      },\n      cursor: {\n        '': 'default',\n        '@own(clickable)': 'pointer',\n        '@own(draggable)': 'grab',\n        '@own(dragging)': 'grabbing',\n      },\n\n      /* ─── the row state matrix ─────────────────────────────────────────\n       * Keep base, interaction overlay and text/dimming independent so each\n       * responsibility can change without enumerating their combinations.\n       *\n       *   1. `odd` and `pinned` choose the opaque `#row-base`.\n       *   2. Interaction states choose `#row-overlay`.\n       *   3. `dimmed` and `disabled` choose `#row-text`; `dimmed` drives `$dim`.\n       * ────────────────────────────────────────────────────────────────── */\n      '#row-base': {\n        '': '#surface',\n        '@own(odd)': '#surface-2',\n        // Opaque and distinct, because scrolling rows pass underneath it.\n        '@own(pinned)': '#surface-3',\n      },\n      '#row-overlay': {\n        '': '#surface-text.0',\n        '@own(:hover)': '#surface-text.04',\n        '@own(focused)': '#surface-text.06',\n        '@own(selected)': '#surface-text.09',\n        '@own(selected & :hover)': '#surface-text.12',\n        '@own(drop-target)': '#purple.10',\n        '@own(disabled)': '#surface-text.02',\n      },\n      '#row-text': {\n        '': '#surface-text',\n        '@own(dimmed)': '#surface-text-soft',\n        '@own(disabled)': '#surface-text-soft-2',\n      },\n      $dim: {\n        '': 1,\n        '@own(dimmed)': 0.6,\n      },\n      // Read by a row-header cell that carries a `rowLink`.\n      '$link-decoration': {\n        '': 'none',\n        '@own(:hover)': 'underline',\n      },\n    },\n    Cell: {\n      $: '> Scroller > Table > Body > Row >',\n      // eslint-disable-next-line tasty/no-style-spread -- cell geometry shared by the cells of every row group\n      ...CELL_STYLES,\n      // A row-header cell is a `<th>`, which the UA renders bold. Weight is the\n      // table's decision, not the tag's — and a UA rule beats inheritance, so it\n      // has to be stated. Deliberately NOT in the shared cell styles: the header\n      // cell is a `<th>` as well, and there this would overwrite the weight its\n      // `preset` sets.\n      fontWeight: {\n        '': 'inherit',\n        // A row-header cell carrying a `rowLink` reads as a link, so it takes\n        // the weight `Link` does — colour alone is easy to miss in a dense\n        // table, and there is nothing else marking the row as navigable.\n        '@own(link)': 600,\n      },\n      color: {\n        '': '#cell-text',\n        '@own(link)': '#purple-text',\n      },\n      // Underline only while the row is hovered, matching how the kit's `Link`\n      // stays undecorated at rest.\n      //\n      // Read from a token the Row publishes rather than asking about the row\n      // from here: a sub-element's state keys resolve against the *root*, and\n      // `@parent(:hover)` did not constrain the rule at all — every linked cell\n      // came out underlined. Custom properties inherit through the DOM and\n      // ignore selector context, which is the same mechanism `$dim` and\n      // `#row-text` already use.\n      textDecoration: {\n        '': 'none',\n        '@own(link)': '$link-decoration',\n      },\n      // A bottom border separates two rows, so the last row has nothing to\n      // separate from. Whenever something else already draws that closing edge\n      // — the frame in `card` shape, or the footer's own top border — the row's\n      // border lands on top of it and reads as one thick 2px line.\n      //\n      // `last-row` is stamped on the cell by the renderer rather than derived\n      // in CSS, for two reasons:\n      //\n      //   1. Virtualization. The window is padded with spacer `<tr>`s, so\n      //      mid-scroll the last *mounted* row is not `:last-child` — the\n      //      trailing spacer is. A structural selector would move the missing\n      //      border around as you scroll; the stamped flag always marks the\n      //      last row of the DATA.\n      //   2. `@parent(:last-child, >)` asks \"is my parent the last child of my\n      //      grandparent\". Asked from the Row that is a question about the\n      //      table body, identical for every row, and an ancestor-constant\n      //      condition inside a mutually-exclusive map silently deletes the\n      //      default's `:not(...)` branch — which is how an earlier attempt\n      //      removed every divider at once. (`@own(:last-child)` is the form\n      //      that varies per row, but see 1.)\n      //\n      // `column-dividers` has no `@own`: a sub-element's bare state keys resolve\n      // against the ROOT, which is exactly right here — the vertical rule is a\n      // property of the table, not of one cell.\n      //\n      // Two groups, so the horizontal and the vertical rule vary independently:\n      // the trailing group's width is `$column-divider`, which already knows\n      // whether this table rules its columns and whether this is the last one.\n      // Directions a group does not name come out zero-width, which is how the\n      // middle entry drops the bottom edge without touching the rule.\n      border: {\n        '': '1bw #border bottom, $column-divider #border right',\n        // The frame or the footer already draws the closing edge; a second one\n        // on top of it reads as a single 2px line.\n        '(shape=card | has-footer) & @own(last-row)':\n          '$column-divider #border right',\n        // A pinned bottom row opens the pinned group, so the divider goes above\n        // it — the last scrolling row has already dropped its own bottom edge,\n        // and a total sitting at the frame's edge needs nothing below.\n        '@own(pinned=bottom)': '1bw #border top, $column-divider #border right',\n      },\n    },\n\n    ColumnSpacer: {\n      $: '> Scroller > Table > Body > Row >',\n      boxSizing: 'border-box',\n      height: '($row-height + 1bw)',\n      padding: 0,\n      fill: '#row-base #row-overlay',\n      opacity: '$dim',\n      border: {\n        '': '1bw #border bottom',\n        '(shape=card | has-footer) & @own(last-row)': 0,\n        '@own(pinned=bottom)': '1bw #border top',\n      },\n    },\n\n    /**\n     * The single full-span cell that carries the empty / no-results / error\n     * content.\n     *\n     * Deliberately NOT a `Cell`: a `Cell` paints `#row-base`/`#row-overlay`, so\n     * the state content picked up the row's banding and hover fill and lit up\n     * under the cursor as though it were a row of data to click. It is not a\n     * row, so it does not read the row's paint tokens at all.\n     */\n    StateCell: {\n      $: '> Scroller > Table > Body > Row >',\n      boxSizing: 'border-box',\n      fill: '#surface',\n      color: '#surface-text',\n      border: false,\n      textAlign: 'center',\n      verticalAlign: 'middle',\n    },\n\n    /**\n     * Empty / no-results / error content. Rendered as a full-span cell inside\n     * the table rather than as an absolutely-positioned overlay, so the column\n     * header stays visible and nothing has to be excluded from the scroll area.\n     */\n    StateContent: {\n      $: '> Scroller > Table > Body > Row > StateCell >',\n      display: 'grid',\n      placeItems: 'center',\n      placeContent: 'center',\n      gap: '1x',\n      padding: '8x 2x',\n      preset: 't3',\n      color: '#surface-text-soft',\n      textAlign: 'center',\n    },\n\n    /* ── foot (pinned totals) ─────────────────────────────────────────── */\n    /* ── consumer overlay ─────────────────────────────────────────────── */\n    /**\n     * Sits over the Scroller, not inside it, so it stays put while the rows\n     * underneath remain scrollable and readable.\n     *\n     * A refresh does NOT use this — it sweeps the table itself (see `Table`).\n     * A spinner parked in the middle of the rows covered the very content the\n     * \"keep showing the previous result\" behaviour exists to preserve.\n     */\n    Overlay: {\n      $: '>',\n      gridRow: 2,\n      position: 'absolute',\n      inset: 0,\n      display: 'flex',\n      placeContent: 'center',\n      placeItems: 'center',\n      // No scrim: the body already dims itself, and a second layer of dimming\n      // over the same rows only makes the previous result harder to read — the\n      // one thing this behaviour exists to preserve.\n      zIndex: 3,\n      pointerEvents: 'none',\n    },\n\n    Foot: {\n      $: '> Scroller > Table >',\n      position: 'sticky',\n      inset: '0 bottom',\n      zIndex: 2,\n    },\n    FootRow: {\n      $: '> Scroller > Table > Foot >',\n      position: 'relative',\n      '#row-base': '#surface-2',\n      '#row-overlay': '#clear',\n      '#row-text': '#surface-text',\n      $dim: 1,\n    },\n    FootCell: {\n      $: '> Scroller > Table > Foot > FootRow >',\n      // eslint-disable-next-line tasty/no-style-spread -- cell geometry shared by the cells of every row group\n      ...CELL_STYLES,\n      border: '1bw #border top',\n      preset: 't3m',\n    },\n  },\n});\n\nconst TREE_TOGGLE_STYLES: Styles = {\n  display: 'grid',\n  placeItems: 'center',\n  placeContent: 'center',\n  flexGrow: 0,\n  flexShrink: 0,\n  flexBasis: 'auto',\n  width: '3x',\n  height: '3x',\n  radius: true,\n  transition: 'theme',\n};\n\n/** Disclosure control rendered in the configured tree column. */\nexport const TableTreeToggle = tasty(Action, {\n  qa: 'TableTreeToggle',\n  styles: {\n    // eslint-disable-next-line tasty/no-style-spread -- shared with TableTreeTogglePlaceholder so leaf rows keep the toggle footprint\n    ...TREE_TOGGLE_STYLES,\n    color: { '': '#dark-02', ':hover': '#dark' },\n    fill: { '': '#clear', ':hover': '#dark.04' },\n  },\n});\n\n/** Leaf placeholder matching the disclosure control's footprint. */\nexport const TableTreeTogglePlaceholder = tasty({\n  styles: TREE_TOGGLE_STYLES,\n});\n\n/**\n * The header cell's content. `Item` lives INSIDE the `<th>`, never as the `<th>`\n * itself — it emits `aria-selected` whenever `isSelected` is set (in\n * `renderItemElement`, unless the row sets `aria-pressed`), which on a\n * `columnheader` would claim the column is selected rather than sorted.\n *\n * Keeping it inside also means the `<th>` owns the interaction fill while\n * `Item` contributes only layout, and — the real prize — `Item`'s `Actions`\n * slot already stops click/pointer/Enter/Space propagation, so pressing a\n * column menu can never trigger the sort.\n */\nexport const TableHeaderItem = tasty(Item, {\n  as: 'div',\n  // Deliberately NOT `type=\"header\"`. That maps Item's preset onto the heading\n  // scale via state rules that outrank a plain override, and it renders the\n  // label as an `<h3>`, which would put every column name into the document\n  // outline.\n  styles: {\n    // `Item` is `inline-grid`; the header cell needs it to fill the `<th>`\n    // horizontally. Same fix as `TreeRowItem` in Tree/styled.ts. Its height is\n    // left alone so it keeps its natural `medium` size rather than stretching\n    // to whatever the row height happens to be.\n    display: 'grid',\n    width: '100%',\n    radius: 0,\n    // `Item` reserves a 1px transparent border for its focus/hover treatments.\n    // The `<th>` owns those here, and the border would inset the label by 1px\n    // against the body cells below.\n    border: 0,\n    // Typography and colour are the header CELL's decision, so they stay\n    // overridable through the table's own `styles`. See `HeaderCell`.\n    preset: 'inherit',\n    color: 'inherit',\n    // Zero: `Item` applies this to the label only, which would indent the label\n    // but not an icon beside it. The padding below sits on the `Item` box\n    // instead, so it moves whatever is actually first in the row.\n    '$inline-padding': 0,\n\n    /**\n     * The indent, per side, chosen for optical rather than geometric alignment.\n     *\n     * Text lines up with the body text below it at the full cell padding. An\n     * icon does not: at this size it is a small, light shape, and the same 16px\n     * reads as a gap — 8px sits right. A trailing icon (the sort arrow) wants\n     * none at all, so it hangs at the column edge rather than floating short of\n     * it.\n     *\n     * The `padding` shorthand rather than `paddingInline`: `Item` writes its own\n     * `padding`, and a shorthand landing after a longhand wipes it — the\n     * longhand form compiled away silently and every column kept the default.\n     *\n     * One map keeps the four icon combinations explicit.\n     */\n    padding: {\n      '': '0 $cell-padding-x',\n      'has-icon': '1x left, $cell-padding-x right',\n      'has-right-icon': '$cell-padding-x left',\n      'has-icon & has-right-icon': '1x left',\n    },\n    // The `<th>` owns the interaction paint — neutralise Item's own ramp so the\n    // two do not stack.\n    fill: {\n      '': '#clear',\n      hovered: '#clear',\n      pressed: '#clear',\n      selected: '#clear',\n    },\n    // The default `c2` header preset uppercases its text. That is right for the\n    // column name and wrong for the sentence explaining it.\n    Description: { textTransform: 'none' },\n  },\n});\n"],"mappings":"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"}
+{"version":3,"file":"styled.js","names":["keyframes","tasty","Action","Item","Styles","refreshSweep","CELL_STYLES","boxSizing","height","padding","textAlign","verticalAlign","overflow","whiteSpace","paddingBlock","paddingInline","fill","color","opacity","position","insetInlineStart","insetInlineEnd","zIndex","shadow","radius","transition","TableElement","qa","styles","$dim","display","gridRows","gridColumns","border","Scroller","$","gridRow","outline","scrollbar","userSelect","overscrollBehavior","Table","stale","maskImage","maskSize","animation","animationPlayState","tableLayout","borderCollapse","borderSpacing","width","preset","Head","inset","HeadRow","HeaderGroupCell","HeaderCell","cursor","Resizer","top","bottom","right","touchAction","outlineOffset","ResizerLine","left","translate","ColumnDropIndicator","RowLink","focused","DropIndicatorRow","DropIndicatorCell","lineHeight","fontSize","DropIndicator","RowNumber","fontVariantNumeric","RowActions","placeContent","placeItems","TreeContent","alignItems","gap","minWidth","TreeValue","flexGrow","flexShrink","flexBasis","TreeToggle","SelectionBox","SortIndicator","Body","Row","insetBlockStart","insetBlockEnd","Cell","fontWeight","textDecoration","ColumnSpacer","StateCell","StateContent","Overlay","pointerEvents","Foot","FootRow","FootCell","TREE_TOGGLE_STYLES","TableTreeToggle","TableTreeTogglePlaceholder","TableHeaderItem","as","hovered","pressed","selected","Description","textTransform","Item"],"sources":["../../../../src/components/data/TableBase/styled.ts"],"sourcesContent":["import { keyframes, tasty } from '@tenphi/tasty';\n\nimport { Action } from '../../actions/Action/Action';\nimport { Item } from '../../content/Item';\n\nimport type { Styles } from '@tenphi/tasty';\n\n/**\n * The refresh sweep: a band of reduced opacity travelling left to right, the\n * way ag-grid marks a grid that is reloading.\n *\n * A mask rather than a coloured overlay, so the band genuinely lowers the\n * content's opacity instead of painting a surface-coloured stripe over it. That\n * costs nothing in theming — the gradient is pure black and alpha, with no\n * colour token to resolve — and it stays correct on any backdrop.\n *\n * `mask-position` runs 100% → 0% because a mask wider than its box moves the\n * OPPOSITE way to the position value: raising it slides the image left, which\n * would send the band right to left.\n */\nconst refreshSweep = keyframes({\n  '0%': { 'mask-position': '100% 0' },\n  '100%': { 'mask-position': '0% 0' },\n});\n\n/**\n * Geometry shared by the cells of every row group. They cannot share a\n * sub-element key, so they share a const — the same technique `Item.tsx` uses\n * for `DEFAULT_ICON_STYLES`.\n */\nconst CELL_STYLES: Styles = {\n  boxSizing: 'border-box',\n  // Row height lives on the CELLS, not the `<tr>`: table layout ignores\n  // `min-height` on a row, and sizes it from its cells instead. `height` on a\n  // cell is treated as a minimum, so a wrapping or auto-height cell still grows\n  // the row.\n  //\n  // Cells are `border-box` and carry the 1px row separator, so the border is\n  // added on top: `$row-height` is the content box, and a default row occupies\n  // 41px in total.\n  height: '($row-height + 1bw)',\n  padding: '$cell-padding-y $cell-padding-x',\n  textAlign: {\n    '': 'start',\n    '@own(align=center)': 'center',\n    '@own(align=end)': 'end',\n  },\n  verticalAlign: 'middle',\n  overflow: 'hidden',\n  // An `autoHeight` column wraps and lets its row grow. `height` on a cell is a\n  // minimum in table layout, so the declared row height stays the floor.\n  whiteSpace: { '': 'nowrap', '@own(wrap)': 'normal' },\n  paddingBlock: { '': '$cell-padding-y', '@own(wrap)': '1x' },\n  // The checkbox column is a square affordance, not content: it centres its\n  // control and contributes no inline padding of its own.\n  paddingInline: {\n    '': '$cell-padding-x',\n    '@own(kind=selection) | @own(kind=actions)': 0,\n  },\n  // Pinned cells overlay the scrolling ones, so they must be opaque. Reading\n  // the row's inherited paint tokens means every row state is matched for free\n  // — no duplicated state matrix, no chance of the two drifting apart.\n  // Reading the row's inherited paint tokens means every row state is matched\n  // for free. A selected cell steps out of that and takes a flat accent tint:\n  // without it a wide range is a mesh of per-cell rings rather than one block,\n  // and the row's hover would keep moving underneath a selection the user has\n  // already committed to.\n  /**\n   * One more level of indirection than the row publishes, and the level a\n   * per-column tint plugs into.\n   *\n   * An untinted cell is simply its row. A tinted one swaps its own base and text\n   * — see `column-tint.ts`, which generates a `@own(tint=…)` branch per distinct\n   * column colour and merges it in through `styles.Cell` / `styles.HeaderCell`.\n   *\n   * The tint is pre-composed into the BASE rather than stacked as a second\n   * overlay, because `fill` has exactly two layers and the interaction paint\n   * needs the other one. That is what keeps hover, focus, selection and\n   * drop-target working over a tinted column instead of being displaced by it —\n   * and it is why the row band has to reach the cell (`data-odd` is mirrored onto\n   * body cells) rather than staying on the `<tr>`.\n   */\n  '#cell-base': '#row-base',\n  '#cell-text': '#row-text',\n  fill: {\n    '': '#cell-base #row-overlay',\n    '@own(cell-selected)': '#cell-base #purple.10',\n  },\n  color: '#cell-text',\n  opacity: '$dim',\n  position: { '': 'static', '@own(pin=start | pin=end)': 'sticky' },\n  insetInlineStart: { '': 'auto', '@own(pin=start)': '$pin-offset' },\n  insetInlineEnd: { '': 'auto', '@own(pin=end)': '$pin-offset' },\n  zIndex: { '': 'auto', '@own(pin=start | pin=end)': 1 },\n  // The innermost pinned column needs an edge, or content scrolling underneath\n  // reads as part of the pinned group. An inset box-shadow rather than a border\n  // so it costs no column width, and `#border` rather than `#shadow` so it\n  // matches the row dividers instead of reading as a hard black line on a dark\n  // surface.\n  // The pinned column's edge, and the selected cell's ring. Both are inset\n  // shadows and both share this map, so the two compose rather than one\n  // clobbering the other on a pinned selected cell.\n  //\n  // The ring is a shadow rather than an `outline`: an outline is drawn OUTSIDE\n  // the box, and pulling it back with a negative `outlineOffset` needs a value\n  // tasty will not resolve (`-1bw`), so the ring came out a pixel oversized on\n  // every side — over the row divider above and the column rule to the left. An\n  // inset shadow lands exactly on the cell's own edges and costs no layout.\n  shadow: {\n    '': false,\n    '@own(pin-edge) & @own(pin=start)': 'inset -1bw 0 0 0 #border',\n    '@own(pin-edge) & @own(pin=end)': 'inset 1bw 0 0 0 #border',\n    '@own(cell-selected)': 'inset 0 0 0 1bw #purple',\n    '@own(cell-selected) & @own(pin-edge) & @own(pin=start)':\n      'inset 0 0 0 1bw #purple, inset -1bw 0 0 0 #border',\n    '@own(cell-selected) & @own(pin-edge) & @own(pin=end)':\n      'inset 0 0 0 1bw #purple, inset 1bw 0 0 0 #border',\n  },\n  // The frame's rounded corner, mirrored onto the cell that meets it. Without\n  // it a selected cell there has its ring sliced off at 45°, since the root\n  // clips with a radius. One border-width smaller than the frame's, because the\n  // cell sits inside the frame's own border.\n  radius: {\n    '': 0,\n    // `1cr` is the card radius (`--card-radius`), used directly rather than\n    // aliased onto a token of our own — and emphatically not onto `$radius`,\n    // which is the kit's GLOBAL radius. Declaring that here handed every\n    // Button, Input and Tag rendered inside a cell the card's 10px instead of\n    // the 6px they inherit everywhere else, and took every `1r`/`2r` unit in\n    // the subtree with it.\n    '@own(corner=start)': '(1cr - 1bw) bottom-left',\n    '@own(corner=end)': '(1cr - 1bw) bottom-right',\n  },\n  // The vertical rule, resolved in two steps so the border maps below stay\n  // small. `$column-rule` is the TABLE's answer (root-level `column-dividers`);\n  // this narrows it per cell.\n  //\n  // A WIDTH rather than a colour. A transparent 1px border still occupies its\n  // px: with `border-box` cells that quietly took a pixel of content width from\n  // every column of every table, dividers or not.\n  //\n  // The trailing column is exempt: its rule lands flush against the frame in\n  // `card` shape and reads as a doubled edge, and in `plain` shape it is a line\n  // hanging off the end of the table with nothing after it.\n  '$column-divider': { '': '$column-rule', '@own(last-column)': '0px' },\n  transition: 'fill',\n};\n\nexport const TableElement = tasty({\n  qa: 'Table',\n  styles: {\n    /* ── tokens the root owns ─────────────────────────────────────────── */\n    // Rows are 40px at the default size and the header is one step tighter at\n    // 32px — the proportion the Cloud tables use. Each is the content height;\n    // the 1px separator is added on top (see `CELL_STYLES.height`).\n    '$row-height': {\n      '': '$size-lg',\n      'size=xsmall': '$size-sm',\n      'size=small': '$size-md',\n      'size=large': '$size-xl',\n      'size=xlarge': '7x',\n    },\n    '$header-height': {\n      '': '$size-md',\n      'size=xsmall': '$size-xs',\n      'size=small': '$size-sm',\n      'size=large': '$size-lg',\n      'size=xlarge': '$size-xl',\n    },\n    // 16px. Matches the `cellHorizontalPadding` the Cloud tables ship (ag-grid's\n    // own default is 15px, which is off the 8px grid).\n    '$cell-padding-x': '2x',\n    '$cell-padding-y': 0,\n    '$pin-offset': '0px',\n    $dim: 1,\n    '$link-decoration': 'none',\n    '$resizer-hit': '1x',\n    '$resizer-offset': '-.5x',\n    '$resizer-line-width': '1bw',\n    '#resizer-line': '#clear',\n    // Vertical rules between columns: on for a grid read down a column, off for\n    // a list read across a row. See `TableView`'s `hasColumnDividers`.\n    '$column-rule': { '': '0px', 'column-dividers': '1bw' },\n    // Neutral defaults so a cell rendered outside a row still paints sanely.\n    '#row-base': '#surface',\n    '#row-overlay': '#clear',\n    '#row-text': '#surface-text',\n    // The cell-level pair defaults to the row's, and a tinted column overrides\n    // its own — see `CELL_STYLES`. Declared here too so the chain has a root even\n    // for a cell that is somehow outside a row.\n    '#cell-base': '#row-base',\n    '#cell-text': '#row-text',\n\n    /* ── frame ────────────────────────────────────────────────────────── */\n    display: 'grid',\n    gridRows: 'max-content minmax(0, 1fr) max-content',\n    gridColumns: 'minmax(0, 1fr)',\n    position: 'relative',\n    boxSizing: 'border-box',\n    fill: '#surface',\n    color: '#surface-text',\n    radius: { '': 0, 'shape=card': '1cr' },\n    border: { '': false, 'shape=card': true },\n    overflow: 'hidden',\n    // Bounded by the consumer (`height` / `maxHeight`). There is no page-scroll\n    // mode: an unbounded table simply sizes to its content.\n    height: 'max 100%',\n\n    /* ── the single scroller ──────────────────────────────────────────── */\n    Scroller: {\n      $: '>',\n      gridRow: 2,\n      position: 'relative',\n      overflow: 'auto',\n      /**\n       * No focus ring of its own.\n       *\n       * The scroller takes `tabIndex={-1}` so a cell press can move focus here\n       * and the range's shortcuts (Escape, ⌘/Ctrl+C) have somewhere to land. It\n       * is a mechanism, not a control the user aimed at — but the browser does\n       * not know that, and drew its default `outline: auto` around the whole\n       * scrollport. Three edges are clipped by the frame's `overflow: hidden`,\n       * so what actually shipped was a stray line across the bottom of the\n       * table, right above the footer.\n       *\n       * Nothing is lost by removing it: focus only ever arrives here alongside a\n       * selected cell, and that cell draws its own ring.\n       *\n       * `'none'`, not `false` — tasty reads `false` as \"no ring of the kit's\n       * own\" and emits no declaration at all, which leaves the browser's default\n       * in place. Verified: with `false` the Scroller's rule carried no\n       * `outline` property.\n       */\n      outline: 'none',\n      // A reserved gutter stops an appearing scrollbar from reflowing every\n      // column. With one scroller for head and body there is nothing else to\n      // keep in sync — this is the whole reason for the native-table design.\n      scrollbar: 'thin stable',\n      // Locked per axis, and only on an axis that can actually scroll.\n      //\n      // `none` rather than `contain`: both stop a swipe at the scroll edge from\n      // chaining to the page — which is what keeps a horizontal flick from\n      // triggering browser back-navigation — but `contain` still allows the\n      // rubber-band bounce, and bouncing a table drags its rows away from the\n      // sticky header and shows blank surface behind them.\n      //\n      // The non-scrollable axis stays `auto` on purpose. Chrome applies\n      // overscroll rules to any `overflow: auto` element, including one whose\n      // content fits, so locking both axes unconditionally makes a five-row\n      // table swallow the wheel and pin the page behind it.\n      // While a range drag is in progress the pointer is painting cells, not\n      // text — without this a drag across the grid leaves every cell it passed\n      // highlighted blue underneath the range.\n      userSelect: { '': 'auto', 'range-dragging': 'none' },\n      overscrollBehavior: {\n        '': 'auto',\n        'scroll-x & scroll-y': 'none',\n        'scroll-x & !scroll-y': 'none auto',\n        '!scroll-x & scroll-y': 'auto none',\n      },\n    },\n\n    Table: {\n      $: '> Scroller >',\n      // The whole table fades while a refresh is in flight — header included.\n      // Dimming only the rows left the header at full strength, which read as\n      // though the columns were current and only the data was not.\n      opacity: { '': 1, stale: 0.5 },\n      // `#black` throughout, but only its ALPHA is doing anything: a gradient\n      // mask defaults to `mask-mode: alpha`, so the colour channel is discarded\n      // and `#black.4` is simply \"40% through\". Any opaque token would render\n      // identically — `#black` is the conventional way to write it.\n      maskImage: {\n        '': 'none',\n        stale:\n          'linear-gradient(90deg, #black 0%, #black 35%, #black.4 50%, #black 65%, #black 100%)',\n        // A flat, fully opaque mask is a no-op, so there is nothing to sweep —\n        // the table still fades, it just does not move. A loading state can\n        // last a long time, and this one would otherwise animate continuously\n        // beside the data with no way to stop it.\n        '@media(prefers-reduced-motion)':\n          'linear-gradient(90deg, #black 0%, #black 100%)',\n      },\n      // Three times the width, so the band is a third of the table and there is\n      // an opaque stretch either side of it. The default `repeat` tiles\n      // seamlessly, both ends of the gradient being fully opaque.\n      //\n      // oxlint's `tasty(known-property)` flags this — its property list has\n      // `maskImage` but not `maskSize`, in either spelling. Tasty passes an\n      // unknown key through as raw CSS, so it emits fine: verified computing to\n      // `300% 100%` with the sweep running. The warning is the linter's gap.\n      maskSize: '300% 100%',\n      animation: {\n        '': 'none',\n        stale: `${refreshSweep} 1.4s linear infinite`,\n      },\n      // Belt and braces with the flat mask above, and the same shape `Spin`\n      // already uses.\n      animationPlayState: {\n        '': 'running',\n        '@media(prefers-reduced-motion)': 'paused',\n      },\n      transition: 'opacity',\n      // `fixed` makes `<colgroup>` authoritative, so the header and the body\n      // are guaranteed to agree on every column width.\n      tableLayout: 'fixed',\n      // `separate` is required: with `collapse`, a sticky `<thead>` loses its\n      // borders and they scroll away with the content.\n      borderCollapse: 'separate',\n      borderSpacing: 0,\n      // The exact width is set inline from the resolved layout; this is only\n      // the pre-measurement fallback.\n      width: '100%',\n      preset: 't3',\n    },\n\n    /* ── head ─────────────────────────────────────────────────────────── */\n    Head: {\n      $: '> Scroller > Table >',\n      position: { '': 'static', 'sticky-header': 'sticky' },\n      inset: { '': 'auto', 'sticky-header': '0 top' },\n      zIndex: 2,\n    },\n    HeadRow: {\n      $: '> Scroller > Table > Head >',\n      position: 'relative',\n      // Header rows never carry interaction paint; neutralise the inherited\n      // tokens so nothing can leak in from a row above.\n      '#row-base': '#surface-2',\n      '#row-overlay': '#clear',\n      '#row-text': '#dark-03',\n      $dim: 1,\n    },\n    HeaderGroupCell: {\n      $: '> Scroller > Table > Head > HeadRow >',\n      // eslint-disable-next-line tasty/no-style-spread -- cell geometry shared by the cells of every row group\n      ...CELL_STYLES,\n      padding: 0,\n      paddingInline: 0,\n      height: '($header-height + 1bw)',\n      preset: 't3m',\n      border: '1bw #border bottom, $column-divider #border right',\n      fill: '#surface-3',\n      userSelect: 'none',\n      position: { '': 'relative', '@own(pin=start | pin=end)': 'sticky' },\n      overflow: 'hidden',\n      zIndex: { '': 'auto', '@own(pin=start | pin=end)': 3 },\n    },\n    HeaderCell: {\n      $: '> Scroller > Table > Head > HeadRow >',\n      // eslint-disable-next-line tasty/no-style-spread -- cell geometry shared by the cells of every row group\n      ...CELL_STYLES,\n      // No padding at all: the `Item` inside fills the cell edge to edge and\n      // supplies the indent itself, per side. That is what lets a leading icon\n      // sit tighter than text and a trailing icon sit flush — see\n      // `TableHeaderItem`.\n      //\n      // `paddingInline` as well as the shorthand: the shared cell styles set\n      // the longhand for the checkbox column, and a longhand arriving through\n      // the spread outlives a `padding: 0` written after it.\n      padding: 0,\n      paddingInline: 0,\n      height: '($header-height + 1bw)',\n      // The header's typography lives here rather than on the `Item`, so a\n      // consumer can restyle it through `headerCellStyles` / `styles.HeaderCell`.\n      // The adapter supplies the real default via `headerPreset`; this is only\n      // the fallback for a `TableView` rendered without one.\n      preset: 't3m',\n      border: '1bw #border bottom, $column-divider #border right',\n      zIndex: { '': 'auto', '@own(pin=start | pin=end)': 3 },\n      fill: {\n        '': '#cell-base #row-overlay',\n        '(@own(sortable) & @own(:hover)) | @own(menu-open)':\n          '#cell-base #surface-text.04',\n      },\n      // `pointer` wins on a sortable header: sorting is the primary action, and a\n      // native drag needs movement while a click does not, so both still work.\n      // `grab` is only honest where there is nothing else to click.\n      cursor: {\n        '': 'default',\n        '@own(sortable)': 'pointer',\n        '@own(draggable) & !@own(sortable)': 'grab',\n        '@own(dragging)': 'grabbing',\n      },\n      // Matches the row being dragged.\n      opacity: { '': 1, '@own(dragging)': 0.4 },\n      userSelect: 'none',\n      // The containing block for `Resizer`. Cells are `static` by default, so\n      // without this every handle resolves against the scroller instead and\n      // they all stack up at its right edge.\n      position: { '': 'relative', '@own(pin=start | pin=end)': 'sticky' },\n      // A cell clips its overflow so a long label cannot bleed into its\n      // neighbour, but the resize handle straddles the boundary on purpose and\n      // would lose its outer half. Only cells that actually have one opt out.\n      overflow: { '': 'hidden', '@own(resizable)': 'visible' },\n      /**\n       * How visible the sort arrow is when the column is NOT sorted — read by\n       * `SortIndicator`.\n       *\n       * Published as an inherited custom property because a sub-element's state\n       * keys resolve against the ROOT, not its DOM parent: from inside\n       * `SortIndicator`, `@own(:hover)` asks whether the 16px arrow itself is\n       * hovered, not the header cell it sits in. Same mechanism as `$dim` and\n       * `$resizer-offset`.\n       *\n       * `:focus-visible` as well as `:hover`, so a keyboard user gets the same\n       * hint.\n       */\n      '$sort-hint': {\n        '': 0,\n        '@own(sortable) & (@own(:hover) | @own(:focus-visible))': 0.4,\n      },\n      // How far the handle hangs past this cell's trailing edge — read by\n      // `Resizer`. Published as an inherited custom property rather than asked\n      // for from the handle with `@parent(...)`: a sub-element's state keys\n      // resolve against the ROOT, so the handle cannot ask about the cell it\n      // sits in (the same reason `#row-base` and `$link-decoration` exist).\n      //\n      // The trailing column has no neighbour to straddle. Left hanging, it puts\n      // half its width past the table and the scroller gains a few pixels of\n      // horizontal scroll onto blank space.\n      '$resizer-offset': { '': '-.5x', '@own(last-column)': '0px' },\n    },\n\n    /**\n     * The column resize handle, on the header cell's trailing edge.\n     *\n     * Positioned with longhands rather than an `inset` shorthand: the\n     * arithmetic form compiled to garbage (`32px -24px 1px 16px`), which put\n     * the handle inside the body and collapsed its height. It sits fully inside\n     * the cell, so there is no negative offset to get wrong.\n     */\n    Resizer: {\n      $: '> Scroller > Table > Head > HeadRow > HeaderCell >',\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      // Centred on the boundary rather than tucked inside the cell: a handle\n      // you can only grab from one side of the line is half a target, and the\n      // focus ring would sit visibly off to the left of the edge it resizes.\n      // The offset is half of `$resizer-hit`.\n      right: '$resizer-offset',\n      // A 1px line is impossible to grab, so the hit area is wider than it.\n      width: '$resizer-hit',\n      zIndex: 2,\n      cursor: 'col-resize',\n      touchAction: 'none',\n      outline: {\n        '': 'none',\n        '@own(:focus-visible)': '1bw #focus',\n      },\n      outlineOffset: '1bw',\n\n      /**\n       * The line is a real child, not `&::after`: state maps inside a\n       * pseudo-element block do not compile — `width` and `fill` both came out\n       * empty — so the handle's own state is published as tokens instead, the\n       * same mechanism `#row-base` and `$link-decoration` use.\n       */\n      // Drawn at rest so the handle is discoverable — except when the table\n      // already rules its columns, where the cell's own border is that line and\n      // a second one 4px away reads as a doubled edge. (`column-dividers` has no\n      // `@own`: bare keys resolve against the root, which is where it lives.)\n      '#resizer-line': {\n        '': '#border',\n        'column-dividers': '#clear',\n        '@own(:hover) | @own(:focus-visible)': '#purple',\n      },\n      '$resizer-line-width': {\n        '': '1bw',\n        '@own(:hover) | @own(:focus-visible)': '2bw',\n      },\n    },\n\n    /**\n     * The visible column edge. Drawn at rest rather than only on hover — an\n     * affordance you have to find by hovering an 8px strip is one nobody finds.\n     * A table that rules its columns already draws that edge, so there the line\n     * only appears under the cursor (see `#resizer-line`).\n     */\n    ResizerLine: {\n      $: '> Scroller > Table > Head > HeadRow > HeaderCell > Resizer >',\n      // Absolute rather than flex-aligned: `placeContent` maps to\n      // `align-content justify-content`, so the obvious-looking `'end center'`\n      // silently centred the line instead of ending it.\n      //\n      // Centred inside the handle, which is itself centred on the boundary, so\n      // the line lands exactly on the edge it represents and a thicker hover\n      // state grows evenly to both sides.\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      left: '50%',\n      translate: '-50% 0',\n      width: '$resizer-line-width',\n      fill: '#resizer-line',\n      transition: 'theme',\n    },\n\n    /**\n     * Where a dragged column would land.\n     *\n     * A distinct sub-element NAME from the row's `DropIndicator` rather than a\n     * second selector chain on the same one: two entries whose chains differ is\n     * exactly the shape that produced an indicator matching nothing at all.\n     *\n     * Positioned fully INSIDE the cell box. `HeaderCell` is `overflow: hidden`\n     * and only opts out to `visible` when it is resizable, so the centred\n     * `translate: -50%` the resizer line uses would lose its outer half on every\n     * non-resizable column.\n     */\n    ColumnDropIndicator: {\n      $: '> Scroller > Table > Head > HeadRow > HeaderCell >',\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      width: '2bw',\n      insetInlineStart: { '': 'auto', '@own(position=before)': 0 },\n      insetInlineEnd: { '': 'auto', '@own(position=after)': 0 },\n      fill: '#purple',\n      radius: '1r',\n      // Above the pinned header cell (3) and the resize handle (2).\n      zIndex: 4,\n    },\n\n    /**\n     * Centres the checkbox in its cell. A `<td>` cannot be a flex container\n     * without dropping out of table layout, so the centring lives on a wrapper\n     * inside it.\n     *\n     * Descendant rather than direct-child, so one entry covers both the header\n     * cell and the body cells.\n     */\n    /**\n     * The stretched row link. A `<tr>` cannot be wrapped in an `<a>`, so the\n     * anchor sits in the row-header cell and covers the row through `inset`.\n     * Its text comes from the row-header cell, so the accessible name is the\n     * row's name rather than \"link\".\n     *\n     * Below the cells' own content in the stacking order, so an in-cell button\n     * or menu trigger still takes its own clicks.\n     */\n    RowLink: {\n      $: '> Scroller > Table > Body > Row > Cell >',\n      position: 'absolute',\n      inset: 0,\n      zIndex: 0,\n      // The row already paints hover and focus; the link must add nothing.\n      fill: '#clear',\n      radius: 0,\n      outline: {\n        '': 'none',\n        // Keyboard focus still has to be visible, even though the row is what\n        // the user perceives as focused.\n        focused: '1bw #focus',\n      },\n    },\n\n    /**\n     * The line showing where a dragged row would land.\n     *\n     * Its own row, because a native table cannot hold an arbitrary element\n     * between two rows — the shape `ListBox` uses with `<li>`.\n     *\n     * The row and its cell collapse to nothing and the line is positioned out\n     * of flow, so inserting one mid-drag does not push the rows apart. The line\n     * then sits *over* the divider it replaces rather than beside it.\n     */\n    DropIndicatorRow: {\n      $: '> Scroller > Table > Body >',\n      height: 0,\n    },\n\n    DropIndicatorCell: {\n      $: '> Scroller > Table > Body > DropIndicatorRow >',\n      // Every one of these matters: a `<td>` carries UA padding, and any of\n      // them left in place gives the row real height and shifts the table.\n      padding: 0,\n      border: 0,\n      height: 0,\n      lineHeight: 0,\n      fontSize: 0,\n      // The containing block for the line below.\n      position: 'relative',\n      overflow: 'visible',\n    },\n\n    DropIndicator: {\n      $: '> Scroller > Table > Body > DropIndicatorRow > DropIndicatorCell >',\n      position: 'absolute',\n      insetInlineStart: 0,\n      insetInlineEnd: 0,\n      top: 0,\n      height: '2bw',\n      // Centred on the boundary, so it covers the row divider instead of\n      // sitting above or below it.\n      translate: '0 -50%',\n      fill: '#purple',\n      radius: '1r',\n      zIndex: 3,\n      outline: {\n        '': 'none',\n        // `@own`, not a bare `:focus-visible`: a sub-element's state keys\n        // resolve against the ROOT, so the plain form asked whether the whole\n        // table was focused. This is the keyboard drop target and needs its own.\n        '@own(:focus-visible)': '2bw #purple',\n      },\n      outlineOffset: '1bw',\n    },\n\n    /**\n     * Row numbers. Muted and tabular so they read as a ruler down the side\n     * rather than as a data column competing with the real ones.\n     */\n    RowNumber: {\n      $: '> Scroller > Table > Body > Row > Cell',\n      color: '#surface-text-soft',\n      fontVariantNumeric: 'tabular-nums',\n    },\n\n    /** Wraps the `⋮` trigger so it centres without becoming a table cell box. */\n    RowActions: {\n      $: '> Scroller > Table > Body > Row > Cell >',\n      position: 'relative',\n      // Above `RowLink`, or the stretched anchor would swallow its clicks.\n      zIndex: 1,\n      display: 'flex',\n      placeContent: 'center',\n      placeItems: 'center',\n      height: '100%',\n    },\n\n    /**\n     * Hierarchy chrome inside the consumer-selected tree column. The wrapper\n     * owns indentation so custom renderers, links and text truncation all move\n     * together as one row label.\n     */\n    TreeContent: {\n      $: '> Scroller > Table > Body > Row > Cell >',\n      display: 'flex',\n      alignItems: 'center',\n      gap: '.5x',\n      minWidth: 0,\n      padding: 'left ($tree-indent * 2x)',\n      '$tree-indent': '($tree-level, 0)',\n    },\n\n    TreeValue: {\n      $: '> Scroller > Table > Body > Row > Cell > TreeContent >',\n      flexGrow: 1,\n      flexShrink: 1,\n      flexBasis: 0,\n      minWidth: 0,\n      overflow: 'hidden',\n    },\n\n    TreeToggle: {\n      $: '> Scroller > Table > Body > Row > Cell > TreeContent >',\n      flexGrow: 0,\n      flexShrink: 0,\n      flexBasis: 'auto',\n    },\n\n    SelectionBox: {\n      $: '> Scroller > Table',\n      display: 'flex',\n      placeContent: 'center',\n      placeItems: 'center',\n      height: '100%',\n    },\n\n    /**\n     * The sort arrow. Lives in the header `Item`'s `suffix`, so it participates\n     * in the header's grid rather than overlapping the label. Reserved space\n     * even when unsorted — otherwise the label shifts on every sort.\n     */\n    SortIndicator: {\n      // Descendant, not direct child: the indicator is handed to the header\n      // `Item` as a slot, so it renders inside Item's own `RightIcon` (or\n      // `Suffix`) wrapper rather than directly under the `<th>`.\n      $: '> Scroller > Table > Head > HeadRow > HeaderCell',\n      display: 'grid',\n      placeItems: 'center',\n      width: '2x',\n      height: '2x',\n      color: '#surface-text',\n      // Hovering a sortable header previews the arrow it would get; sorting for\n      // real makes it solid. `$sort-hint` is the header cell's answer — see\n      // there for why this cannot just ask about hover itself.\n      //\n      // The preview points the right way for free: `data-dir` is absent while\n      // unsorted, so the `scale` map below leaves the chevron pointing up, and\n      // the first press of an unsorted column sorts ascending. The hint predicts\n      // the press rather than just advertising that one is possible.\n      opacity: {\n        '': '$sort-hint',\n        '@own(sorted)': 1,\n      },\n      // No `scale` flip any more: `TableView` renders the real\n      // `ArrowNarrowDownIcon` for `desc` rather than turning the up arrow over,\n      // so there is no transform left to animate. `opacity` still is — that is\n      // the hover hint fading in.\n      transition: 'opacity',\n    },\n\n    /* ── body ─────────────────────────────────────────────────────────── */\n    Body: {\n      $: '> Scroller > Table >',\n    },\n    Row: {\n      $: '> Scroller > Table > Body >',\n      // `position: relative` (below) is also the containing block for\n      // `RowLink`, which stretches over the whole row from inside the\n      // row-header cell, and for the drop indicator.\n      /**\n       * Totals and subtotals, pinned to the edges of the scroller.\n       *\n       * They live in `<tbody>` so they keep ordinary row styling, so the\n       * stickiness has to be stated here. The top offset is the header's own\n       * height — a pinned row sticks *under* the header, not over it.\n       */\n      position: { '': 'relative', '@own(pinned)': 'sticky' },\n      insetBlockStart: {\n        '': 'auto',\n        '@own(pinned=top)': '($header-height + 1bw)',\n      },\n      insetBlockEnd: { '': 'auto', '@own(pinned=bottom)': 0 },\n      zIndex: { '': 'auto', '@own(pinned)': 1 },\n\n      // The row being dragged, and a row that would receive a drop *on* it.\n      // Landing *between* rows is drawn by `DropIndicator` instead.\n      opacity: { '': 1, '@own(dragging)': 0.4 },\n      // An inset shadow rather than an outline: an outline on a `<tr>` is drawn\n      // outside the row and overlaps its neighbours, and `inside` is not a\n      // modifier `outline` accepts.\n      shadow: {\n        '': false,\n        '@own(drop-target)': 'inset 0 0 0 2bw #purple',\n      },\n      cursor: {\n        '': 'default',\n        '@own(clickable)': 'pointer',\n        '@own(draggable)': 'grab',\n        '@own(dragging)': 'grabbing',\n      },\n\n      /* ─── the row state matrix ─────────────────────────────────────────\n       * Keep base, interaction overlay and text/dimming independent so each\n       * responsibility can change without enumerating their combinations.\n       *\n       *   1. `odd` and `pinned` choose the opaque `#row-base`.\n       *   2. Interaction states choose `#row-overlay`.\n       *   3. `dimmed` and `disabled` choose `#row-text`; `dimmed` drives `$dim`.\n       * ────────────────────────────────────────────────────────────────── */\n      '#row-base': {\n        '': '#surface',\n        '@own(odd)': '#surface-2',\n        // Opaque and distinct, because scrolling rows pass underneath it.\n        '@own(pinned)': '#surface-3',\n      },\n      '#row-overlay': {\n        '': '#surface-text.0',\n        '@own(:hover)': '#surface-text.04',\n        '@own(focused)': '#surface-text.06',\n        '@own(selected)': '#surface-text.09',\n        '@own(selected & :hover)': '#surface-text.12',\n        '@own(drop-target)': '#purple.10',\n        '@own(disabled)': '#surface-text.02',\n      },\n      '#row-text': {\n        '': '#surface-text',\n        '@own(dimmed)': '#surface-text-soft',\n        '@own(disabled)': '#surface-text-soft-2',\n      },\n      $dim: {\n        '': 1,\n        '@own(dimmed)': 0.6,\n      },\n      // Read by a row-header cell that carries a `rowLink`.\n      '$link-decoration': {\n        '': 'none',\n        '@own(:hover)': 'underline',\n      },\n    },\n    Cell: {\n      $: '> Scroller > Table > Body > Row >',\n      // eslint-disable-next-line tasty/no-style-spread -- cell geometry shared by the cells of every row group\n      ...CELL_STYLES,\n      // A row-header cell is a `<th>`, which the UA renders bold. Weight is the\n      // table's decision, not the tag's — and a UA rule beats inheritance, so it\n      // has to be stated. Deliberately NOT in the shared cell styles: the header\n      // cell is a `<th>` as well, and there this would overwrite the weight its\n      // `preset` sets.\n      fontWeight: {\n        '': 'inherit',\n        // A row-header cell carrying a `rowLink` reads as a link, so it takes\n        // the weight `Link` does — colour alone is easy to miss in a dense\n        // table, and there is nothing else marking the row as navigable.\n        '@own(link)': 600,\n      },\n      color: {\n        '': '#cell-text',\n        '@own(link)': '#purple-text',\n      },\n      // Underline only while the row is hovered, matching how the kit's `Link`\n      // stays undecorated at rest.\n      //\n      // Read from a token the Row publishes rather than asking about the row\n      // from here: a sub-element's state keys resolve against the *root*, and\n      // `@parent(:hover)` did not constrain the rule at all — every linked cell\n      // came out underlined. Custom properties inherit through the DOM and\n      // ignore selector context, which is the same mechanism `$dim` and\n      // `#row-text` already use.\n      textDecoration: {\n        '': 'none',\n        '@own(link)': '$link-decoration',\n      },\n      // A bottom border separates two rows, so the last row has nothing to\n      // separate from. Whenever something else already draws that closing edge\n      // — the frame in `card` shape, or the footer's own top border — the row's\n      // border lands on top of it and reads as one thick 2px line.\n      //\n      // `last-row` is stamped on the cell by the renderer rather than derived\n      // in CSS, for two reasons:\n      //\n      //   1. Virtualization. The window is padded with spacer `<tr>`s, so\n      //      mid-scroll the last *mounted* row is not `:last-child` — the\n      //      trailing spacer is. A structural selector would move the missing\n      //      border around as you scroll; the stamped flag always marks the\n      //      last row of the DATA.\n      //   2. `@parent(:last-child, >)` asks \"is my parent the last child of my\n      //      grandparent\". Asked from the Row that is a question about the\n      //      table body, identical for every row, and an ancestor-constant\n      //      condition inside a mutually-exclusive map silently deletes the\n      //      default's `:not(...)` branch — which is how an earlier attempt\n      //      removed every divider at once. (`@own(:last-child)` is the form\n      //      that varies per row, but see 1.)\n      //\n      // `column-dividers` has no `@own`: a sub-element's bare state keys resolve\n      // against the ROOT, which is exactly right here — the vertical rule is a\n      // property of the table, not of one cell.\n      //\n      // Two groups, so the horizontal and the vertical rule vary independently:\n      // the trailing group's width is `$column-divider`, which already knows\n      // whether this table rules its columns and whether this is the last one.\n      // Directions a group does not name come out zero-width, which is how the\n      // middle entry drops the bottom edge without touching the rule.\n      border: {\n        '': '1bw #border bottom, $column-divider #border right',\n        // The frame or the footer already draws the closing edge; a second one\n        // on top of it reads as a single 2px line.\n        '(shape=card | has-footer) & @own(last-row)':\n          '$column-divider #border right',\n        // A pinned bottom row opens the pinned group, so the divider goes above\n        // it — the last scrolling row has already dropped its own bottom edge,\n        // and a total sitting at the frame's edge needs nothing below.\n        '@own(pinned=bottom)': '1bw #border top, $column-divider #border right',\n      },\n    },\n\n    ColumnSpacer: {\n      $: '> Scroller > Table > Body > Row >',\n      boxSizing: 'border-box',\n      height: '($row-height + 1bw)',\n      padding: 0,\n      fill: '#row-base #row-overlay',\n      opacity: '$dim',\n      border: {\n        '': '1bw #border bottom',\n        '(shape=card | has-footer) & @own(last-row)': 0,\n        '@own(pinned=bottom)': '1bw #border top',\n      },\n    },\n\n    /**\n     * The single full-span cell that carries the empty / no-results / error\n     * content.\n     *\n     * Deliberately NOT a `Cell`: a `Cell` paints `#row-base`/`#row-overlay`, so\n     * the state content picked up the row's banding and hover fill and lit up\n     * under the cursor as though it were a row of data to click. It is not a\n     * row, so it does not read the row's paint tokens at all.\n     */\n    StateCell: {\n      $: '> Scroller > Table > Body > Row >',\n      boxSizing: 'border-box',\n      fill: '#surface',\n      color: '#surface-text',\n      border: false,\n      textAlign: 'center',\n      verticalAlign: 'middle',\n    },\n\n    /**\n     * Empty / no-results / error content. Rendered as a full-span cell inside\n     * the table rather than as an absolutely-positioned overlay, so the column\n     * header stays visible and nothing has to be excluded from the scroll area.\n     */\n    StateContent: {\n      $: '> Scroller > Table > Body > Row > StateCell >',\n      display: 'grid',\n      placeItems: 'center',\n      placeContent: 'center',\n      gap: '1x',\n      padding: '8x 2x',\n      preset: 't3',\n      color: '#surface-text-soft',\n      textAlign: 'center',\n    },\n\n    /* ── foot (pinned totals) ─────────────────────────────────────────── */\n    /* ── consumer overlay ─────────────────────────────────────────────── */\n    /**\n     * Sits over the Scroller, not inside it, so it stays put while the rows\n     * underneath remain scrollable and readable.\n     *\n     * A refresh does NOT use this — it sweeps the table itself (see `Table`).\n     * A spinner parked in the middle of the rows covered the very content the\n     * \"keep showing the previous result\" behaviour exists to preserve.\n     */\n    Overlay: {\n      $: '>',\n      gridRow: 2,\n      position: 'absolute',\n      inset: 0,\n      display: 'flex',\n      placeContent: 'center',\n      placeItems: 'center',\n      // No scrim: the body already dims itself, and a second layer of dimming\n      // over the same rows only makes the previous result harder to read — the\n      // one thing this behaviour exists to preserve.\n      zIndex: 3,\n      pointerEvents: 'none',\n    },\n\n    Foot: {\n      $: '> Scroller > Table >',\n      position: 'sticky',\n      inset: '0 bottom',\n      zIndex: 2,\n    },\n    FootRow: {\n      $: '> Scroller > Table > Foot >',\n      position: 'relative',\n      '#row-base': '#surface-2',\n      '#row-overlay': '#clear',\n      '#row-text': '#surface-text',\n      $dim: 1,\n    },\n    FootCell: {\n      $: '> Scroller > Table > Foot > FootRow >',\n      // eslint-disable-next-line tasty/no-style-spread -- cell geometry shared by the cells of every row group\n      ...CELL_STYLES,\n      border: '1bw #border top',\n      preset: 't3m',\n    },\n  },\n});\n\nconst TREE_TOGGLE_STYLES: Styles = {\n  display: 'grid',\n  placeItems: 'center',\n  placeContent: 'center',\n  flexGrow: 0,\n  flexShrink: 0,\n  flexBasis: 'auto',\n  width: '3x',\n  height: '3x',\n  radius: true,\n  transition: 'theme',\n};\n\n/** Disclosure control rendered in the configured tree column. */\nexport const TableTreeToggle = tasty(Action, {\n  qa: 'TableTreeToggle',\n  styles: {\n    // eslint-disable-next-line tasty/no-style-spread -- shared with TableTreeTogglePlaceholder so leaf rows keep the toggle footprint\n    ...TREE_TOGGLE_STYLES,\n    color: { '': '#dark-02', ':hover': '#dark' },\n    fill: { '': '#clear', ':hover': '#dark.04' },\n  },\n});\n\n/** Leaf placeholder matching the disclosure control's footprint. */\nexport const TableTreeTogglePlaceholder = tasty({\n  styles: TREE_TOGGLE_STYLES,\n});\n\n/**\n * The header cell's content. `Item` lives INSIDE the `<th>`, never as the `<th>`\n * itself — it emits `aria-selected` whenever `isSelected` is set (in\n * `renderItemElement`, unless the row sets `aria-pressed`), which on a\n * `columnheader` would claim the column is selected rather than sorted.\n *\n * Keeping it inside also means the `<th>` owns the interaction fill while\n * `Item` contributes only layout, and — the real prize — `Item`'s `Actions`\n * slot already stops click/pointer/Enter/Space propagation, so pressing a\n * column menu can never trigger the sort.\n */\nexport const TableHeaderItem = tasty(Item, {\n  as: 'div',\n  // Deliberately NOT `type=\"header\"`. That maps Item's preset onto the heading\n  // scale via state rules that outrank a plain override, and it renders the\n  // label as an `<h3>`, which would put every column name into the document\n  // outline.\n  styles: {\n    // `Item` is `inline-grid`; the header cell needs it to fill the `<th>`\n    // horizontally. Same fix as `TreeRowItem` in Tree/styled.ts. Its height is\n    // left alone so it keeps its natural `medium` size rather than stretching\n    // to whatever the row height happens to be.\n    display: 'grid',\n    width: '100%',\n    radius: 0,\n    // `Item` reserves a 1px transparent border for its focus/hover treatments.\n    // The `<th>` owns those here, and the border would inset the label by 1px\n    // against the body cells below.\n    border: 0,\n    // Typography and colour are the header CELL's decision, so they stay\n    // overridable through the table's own `styles`. See `HeaderCell`.\n    preset: 'inherit',\n    color: 'inherit',\n    // Zero: `Item` applies this to the label only, which would indent the label\n    // but not an icon beside it. The padding below sits on the `Item` box\n    // instead, so it moves whatever is actually first in the row.\n    '$inline-padding': 0,\n\n    /**\n     * The indent, per side, chosen for optical rather than geometric alignment.\n     *\n     * Text lines up with the body text below it at the full cell padding. An\n     * icon does not: at this size it is a small, light shape, and the same 16px\n     * reads as a gap — 8px sits right. A trailing icon (the sort arrow) wants\n     * none at all, so it hangs at the column edge rather than floating short of\n     * it.\n     *\n     * The `padding` shorthand rather than `paddingInline`: `Item` writes its own\n     * `padding`, and a shorthand landing after a longhand wipes it — the\n     * longhand form compiled away silently and every column kept the default.\n     *\n     * One map keeps the four icon combinations explicit.\n     */\n    padding: {\n      '': '0 $cell-padding-x',\n      'has-icon': '1x left, $cell-padding-x right',\n      'has-right-icon': '$cell-padding-x left',\n      'has-icon & has-right-icon': '1x left',\n    },\n    // The `<th>` owns the interaction paint — neutralise Item's own ramp so the\n    // two do not stack.\n    fill: {\n      '': '#clear',\n      hovered: '#clear',\n      pressed: '#clear',\n      selected: '#clear',\n    },\n    // The default `c2` header preset uppercases its text. That is right for the\n    // column name and wrong for the sentence explaining it.\n    Description: { textTransform: 'none' },\n  },\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;AAoBA,MAAMK,eAAeL,UAAU;CAC7B,MAAM,EAAE,iBAAiB,SAAS;CAClC,QAAQ,EAAE,iBAAiB,OAAO;AACpC,CAAC;;;;;;AAOD,MAAMM,cAAsB;CAC1BC,WAAW;CASXC,QAAQ;CACRC,SAAS;CACTC,WAAW;EACT,IAAI;EACJ,sBAAsB;EACtB,mBAAmB;CACrB;CACAC,eAAe;CACfC,UAAU;CAGVC,YAAY;EAAE,IAAI;EAAU,cAAc;CAAS;CACnDC,cAAc;EAAE,IAAI;EAAmB,cAAc;CAAK;CAG1DC,eAAe;EACb,IAAI;EACJ,6CAA6C;CAC/C;;;;;;;;;;;;;;;;CAwBA,cAAc;CACd,cAAc;CACdC,MAAM;EACJ,IAAI;EACJ,uBAAuB;CACzB;CACAC,OAAO;CACPC,SAAS;CACTC,UAAU;EAAE,IAAI;EAAU,6BAA6B;CAAS;CAChEC,kBAAkB;EAAE,IAAI;EAAQ,mBAAmB;CAAc;CACjEC,gBAAgB;EAAE,IAAI;EAAQ,iBAAiB;CAAc;CAC7DC,QAAQ;EAAE,IAAI;EAAQ,6BAA6B;CAAE;CAerDC,QAAQ;EACN,IAAI;EACJ,oCAAoC;EACpC,kCAAkC;EAClC,uBAAuB;EACvB,0DACE;EACF,wDACE;CACJ;CAKAC,QAAQ;EACN,IAAI;EAOJ,sBAAsB;EACtB,oBAAoB;CACtB;CAYA,mBAAmB;EAAE,IAAI;EAAgB,qBAAqB;CAAM;CACpEC,YAAY;AACd;AAEA,MAAaC,eAAezB,MAAM;CAChC0B,IAAI;CACJC,QAAQ;EAKN,eAAe;GACb,IAAI;GACJ,eAAe;GACf,cAAc;GACd,cAAc;GACd,eAAe;EACjB;EACA,kBAAkB;GAChB,IAAI;GACJ,eAAe;GACf,cAAc;GACd,cAAc;GACd,eAAe;EACjB;EAGA,mBAAmB;EACnB,mBAAmB;EACnB,eAAe;EACfC,MAAM;EACN,oBAAoB;EACpB,gBAAgB;EAChB,mBAAmB;EACnB,uBAAuB;EACvB,iBAAiB;EAGjB,gBAAgB;GAAE,IAAI;GAAO,mBAAmB;EAAM;EAEtD,aAAa;EACb,gBAAgB;EAChB,aAAa;EAIb,cAAc;EACd,cAAc;EAGdC,SAAS;EACTC,UAAU;EACVC,aAAa;EACbb,UAAU;EACVZ,WAAW;EACXS,MAAM;EACNC,OAAO;EACPO,QAAQ;GAAE,IAAI;GAAG,cAAc;EAAM;EACrCS,QAAQ;GAAE,IAAI;GAAO,cAAc;EAAK;EACxCrB,UAAU;EAGVJ,QAAQ;EAGR0B,UAAU;GACRC,GAAG;GACHC,SAAS;GACTjB,UAAU;GACVP,UAAU;;;;;;;;;;;;;;;;;;;;GAoBVyB,SAAS;GAITC,WAAW;GAgBXC,YAAY;IAAE,IAAI;IAAQ,kBAAkB;GAAO;GACnDC,oBAAoB;IAClB,IAAI;IACJ,uBAAuB;IACvB,wBAAwB;IACxB,wBAAwB;GAC1B;EACF;EAEAC,OAAO;GACLN,GAAG;GAIHjB,SAAS;IAAE,IAAI;IAAGwB,OAAO;GAAI;GAK7BC,WAAW;IACT,IAAI;IACJD,OACE;IAKF,kCACE;GACJ;GASAE,UAAU;GACVC,WAAW;IACT,IAAI;IACJH,OAAO,GAAGrC,aAAY;GACxB;GAGAyC,oBAAoB;IAClB,IAAI;IACJ,kCAAkC;GACpC;GACArB,YAAY;GAGZsB,aAAa;GAGbC,gBAAgB;GAChBC,eAAe;GAGfC,OAAO;GACPC,QAAQ;EACV;EAGAC,MAAM;GACJjB,GAAG;GACHhB,UAAU;IAAE,IAAI;IAAU,iBAAiB;GAAS;GACpDkC,OAAO;IAAE,IAAI;IAAQ,iBAAiB;GAAQ;GAC9C/B,QAAQ;EACV;EACAgC,SAAS;GACPnB,GAAG;GACHhB,UAAU;GAGV,aAAa;GACb,gBAAgB;GAChB,aAAa;GACbU,MAAM;EACR;EACA0B,iBAAiB;GACfpB,GAAG;GAEH,GAAG7B;GACHG,SAAS;GACTM,eAAe;GACfP,QAAQ;GACR2C,QAAQ;GACRlB,QAAQ;GACRjB,MAAM;GACNuB,YAAY;GACZpB,UAAU;IAAE,IAAI;IAAY,6BAA6B;GAAS;GAClEP,UAAU;GACVU,QAAQ;IAAE,IAAI;IAAQ,6BAA6B;GAAE;EACvD;EACAkC,YAAY;GACVrB,GAAG;GAEH,GAAG7B;GASHG,SAAS;GACTM,eAAe;GACfP,QAAQ;GAKR2C,QAAQ;GACRlB,QAAQ;GACRX,QAAQ;IAAE,IAAI;IAAQ,6BAA6B;GAAE;GACrDN,MAAM;IACJ,IAAI;IACJ,qDACE;GACJ;GAIAyC,QAAQ;IACN,IAAI;IACJ,kBAAkB;IAClB,qCAAqC;IACrC,kBAAkB;GACpB;GAEAvC,SAAS;IAAE,IAAI;IAAG,kBAAkB;GAAI;GACxCqB,YAAY;GAIZpB,UAAU;IAAE,IAAI;IAAY,6BAA6B;GAAS;GAIlEP,UAAU;IAAE,IAAI;IAAU,mBAAmB;GAAU;;;;;;;;;;;;;;GAcvD,cAAc;IACZ,IAAI;IACJ,0DAA0D;GAC5D;GAUA,mBAAmB;IAAE,IAAI;IAAQ,qBAAqB;GAAM;EAC9D;;;;;;;;;EAUA8C,SAAS;GACPvB,GAAG;GACHhB,UAAU;GACVwC,KAAK;GACLC,QAAQ;GAKRC,OAAO;GAEPX,OAAO;GACP5B,QAAQ;GACRmC,QAAQ;GACRK,aAAa;GACbzB,SAAS;IACP,IAAI;IACJ,wBAAwB;GAC1B;GACA0B,eAAe;;;;;;;GAYf,iBAAiB;IACf,IAAI;IACJ,mBAAmB;IACnB,uCAAuC;GACzC;GACA,uBAAuB;IACrB,IAAI;IACJ,uCAAuC;GACzC;EACF;;;;;;;EAQAC,aAAa;GACX7B,GAAG;GAQHhB,UAAU;GACVwC,KAAK;GACLC,QAAQ;GACRK,MAAM;GACNC,WAAW;GACXhB,OAAO;GACPlC,MAAM;GACNS,YAAY;EACd;;;;;;;;;;;;;EAcA0C,qBAAqB;GACnBhC,GAAG;GACHhB,UAAU;GACVwC,KAAK;GACLC,QAAQ;GACRV,OAAO;GACP9B,kBAAkB;IAAE,IAAI;IAAQ,yBAAyB;GAAE;GAC3DC,gBAAgB;IAAE,IAAI;IAAQ,wBAAwB;GAAE;GACxDL,MAAM;GACNQ,QAAQ;GAERF,QAAQ;EACV;;;;;;;;;;;;;;;;;;EAmBA8C,SAAS;GACPjC,GAAG;GACHhB,UAAU;GACVkC,OAAO;GACP/B,QAAQ;GAERN,MAAM;GACNQ,QAAQ;GACRa,SAAS;IACP,IAAI;IAGJgC,SAAS;GACX;EACF;;;;;;;;;;;EAYAC,kBAAkB;GAChBnC,GAAG;GACH3B,QAAQ;EACV;EAEA+D,mBAAmB;GACjBpC,GAAG;GAGH1B,SAAS;GACTwB,QAAQ;GACRzB,QAAQ;GACRgE,YAAY;GACZC,UAAU;GAEVtD,UAAU;GACVP,UAAU;EACZ;EAEA8D,eAAe;GACbvC,GAAG;GACHhB,UAAU;GACVC,kBAAkB;GAClBC,gBAAgB;GAChBsC,KAAK;GACLnD,QAAQ;GAGR0D,WAAW;GACXlD,MAAM;GACNQ,QAAQ;GACRF,QAAQ;GACRe,SAAS;IACP,IAAI;IAIJ,wBAAwB;GAC1B;GACA0B,eAAe;EACjB;;;;;EAMAY,WAAW;GACTxC,GAAG;GACHlB,OAAO;GACP2D,oBAAoB;EACtB;;EAGAC,YAAY;GACV1C,GAAG;GACHhB,UAAU;GAEVG,QAAQ;GACRQ,SAAS;GACTgD,cAAc;GACdC,YAAY;GACZvE,QAAQ;EACV;;;;;;EAOAwE,aAAa;GACX7C,GAAG;GACHL,SAAS;GACTmD,YAAY;GACZC,KAAK;GACLC,UAAU;GACV1E,SAAS;GACT,gBAAgB;EAClB;EAEA2E,WAAW;GACTjD,GAAG;GACHkD,UAAU;GACVC,YAAY;GACZC,WAAW;GACXJ,UAAU;GACVvE,UAAU;EACZ;EAEA4E,YAAY;GACVrD,GAAG;GACHkD,UAAU;GACVC,YAAY;GACZC,WAAW;EACb;EAEAE,cAAc;GACZtD,GAAG;GACHL,SAAS;GACTgD,cAAc;GACdC,YAAY;GACZvE,QAAQ;EACV;;;;;;EAOAkF,eAAe;GAIbvD,GAAG;GACHL,SAAS;GACTiD,YAAY;GACZ7B,OAAO;GACP1C,QAAQ;GACRS,OAAO;GASPC,SAAS;IACP,IAAI;IACJ,gBAAgB;GAClB;GAKAO,YAAY;EACd;EAGAkE,MAAM,EACJxD,GAAG,uBACL;EACAyD,KAAK;GACHzD,GAAG;;;;;;;;GAWHhB,UAAU;IAAE,IAAI;IAAY,gBAAgB;GAAS;GACrD0E,iBAAiB;IACf,IAAI;IACJ,oBAAoB;GACtB;GACAC,eAAe;IAAE,IAAI;IAAQ,uBAAuB;GAAE;GACtDxE,QAAQ;IAAE,IAAI;IAAQ,gBAAgB;GAAE;GAIxCJ,SAAS;IAAE,IAAI;IAAG,kBAAkB;GAAI;GAIxCK,QAAQ;IACN,IAAI;IACJ,qBAAqB;GACvB;GACAkC,QAAQ;IACN,IAAI;IACJ,mBAAmB;IACnB,mBAAmB;IACnB,kBAAkB;GACpB;GAUA,aAAa;IACX,IAAI;IACJ,aAAa;IAEb,gBAAgB;GAClB;GACA,gBAAgB;IACd,IAAI;IACJ,gBAAgB;IAChB,iBAAiB;IACjB,kBAAkB;IAClB,2BAA2B;IAC3B,qBAAqB;IACrB,kBAAkB;GACpB;GACA,aAAa;IACX,IAAI;IACJ,gBAAgB;IAChB,kBAAkB;GACpB;GACA5B,MAAM;IACJ,IAAI;IACJ,gBAAgB;GAClB;GAEA,oBAAoB;IAClB,IAAI;IACJ,gBAAgB;GAClB;EACF;EACAkE,MAAM;GACJ5D,GAAG;GAEH,GAAG7B;GAMH0F,YAAY;IACV,IAAI;IAIJ,cAAc;GAChB;GACA/E,OAAO;IACL,IAAI;IACJ,cAAc;GAChB;GAUAgF,gBAAgB;IACd,IAAI;IACJ,cAAc;GAChB;GA+BAhE,QAAQ;IACN,IAAI;IAGJ,8CACE;IAIF,uBAAuB;GACzB;EACF;EAEAiE,cAAc;GACZ/D,GAAG;GACH5B,WAAW;GACXC,QAAQ;GACRC,SAAS;GACTO,MAAM;GACNE,SAAS;GACTe,QAAQ;IACN,IAAI;IACJ,8CAA8C;IAC9C,uBAAuB;GACzB;EACF;;;;;;;;;;EAWAkE,WAAW;GACThE,GAAG;GACH5B,WAAW;GACXS,MAAM;GACNC,OAAO;GACPgB,QAAQ;GACRvB,WAAW;GACXC,eAAe;EACjB;;;;;;EAOAyF,cAAc;GACZjE,GAAG;GACHL,SAAS;GACTiD,YAAY;GACZD,cAAc;GACdI,KAAK;GACLzE,SAAS;GACT0C,QAAQ;GACRlC,OAAO;GACPP,WAAW;EACb;;;;;;;;;EAYA2F,SAAS;GACPlE,GAAG;GACHC,SAAS;GACTjB,UAAU;GACVkC,OAAO;GACPvB,SAAS;GACTgD,cAAc;GACdC,YAAY;GAIZzD,QAAQ;GACRgF,eAAe;EACjB;EAEAC,MAAM;GACJpE,GAAG;GACHhB,UAAU;GACVkC,OAAO;GACP/B,QAAQ;EACV;EACAkF,SAAS;GACPrE,GAAG;GACHhB,UAAU;GACV,aAAa;GACb,gBAAgB;GAChB,aAAa;GACbU,MAAM;EACR;EACA4E,UAAU;GACRtE,GAAG;GAEH,GAAG7B;GACH2B,QAAQ;GACRkB,QAAQ;EACV;CACF;AACF,CAAC;AAED,MAAMuD,qBAA6B;CACjC5E,SAAS;CACTiD,YAAY;CACZD,cAAc;CACdO,UAAU;CACVC,YAAY;CACZC,WAAW;CACXrC,OAAO;CACP1C,QAAQ;CACRgB,QAAQ;CACRC,YAAY;AACd;;AAGA,MAAakF,kBAAkB1G,MAAMC,QAAQ;CAC3CyB,IAAI;CACJC,QAAQ;EAEN,GAAG8E;EACHzF,OAAO;GAAE,IAAI;GAAY,UAAU;EAAQ;EAC3CD,MAAM;GAAE,IAAI;GAAU,UAAU;EAAW;CAC7C;AACF,CAAC;;AAGD,MAAa4F,6BAA6B3G,MAAM,EAC9C2B,QAAQ8E,mBACV,CAAC;;;;;;;;;;;;AAaD,MAAaG,kBAAkB5G,MAAME,OAAM;CACzC2G,IAAI;CAKJlF,QAAQ;EAKNE,SAAS;EACToB,OAAO;EACP1B,QAAQ;EAIRS,QAAQ;EAGRkB,QAAQ;EACRlC,OAAO;EAIP,mBAAmB;;;;;;;;;;;;;;;;EAiBnBR,SAAS;GACP,IAAI;GACJ,YAAY;GACZ,kBAAkB;GAClB,6BAA6B;EAC/B;EAGAO,MAAM;GACJ,IAAI;GACJ+F,SAAS;GACTC,SAAS;GACTC,UAAU;EACZ;EAGAC,aAAa,EAAEC,eAAe,OAAO;CACvC;AACF,CAAC"}

package/dist/components/data/TableBase/table-tree.d.ts

@@ -0,0 +1,2 @@
+
+import { Key } from "@react-types/shared";

package/dist/components/data/TableBase/table-tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 //#region src/components/data/TableBase/table-tree.ts
 /** Build identity and parent/child indexes without modifying consumer rows. */
 function buildTableTree(rows, getChildren, getKey) {
@@ -123,7 +123,7 @@ function isTableTreeDescendant(model, possibleDescendant, ancestor) {
 	}
 	return false;
 }
-
 //#endregion
 export { buildTableTree, filterTableTree, flattenTableTree, isTableTreeDescendant, reindexTableTree, sortTableTree };
+
 //# sourceMappingURL=table-tree.js.map