xv-webcomponents 2.0.0-beta.2 → 2.0.0-beta.28

package/dist/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2026-09-10T09:32:09",
+  "timestamp": "2026-09-18T10:45:35",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.44.2",
+    "version": "4.45.0",
     "typescriptVersion": "5.8.3"
   },
   "components": [
@@ -832,7 +832,8 @@
         "xv-mega-menu",
         "xv-mega-menu-next",
         "xv-number-input-v2",
-        "xv-pagination"
+        "xv-pagination",
+        "xv-table"
       ],
       "dependencies": [
         "xv-loader-v2"
@@ -870,6 +871,9 @@
         ],
         "xv-pagination": [
           "xv-button-v2"
+        ],
+        "xv-table": [
+          "xv-button-v2"
         ]
       }
     },
@@ -1500,7 +1504,8 @@
         "xv-data-table-row",
         "xv-dropdown-v2-item",
         "xv-login-modal",
-        "xv-table-v2-row"
+        "xv-table",
+        "xv-table-row"
       ],
       "dependencies": [],
       "dependencyGraph": {
@@ -1513,7 +1518,10 @@
         "xv-login-modal": [
           "xv-checkbox-v2"
         ],
-        "xv-table-v2-row": [
+        "xv-table": [
+          "xv-checkbox-v2"
+        ],
+        "xv-table-row": [
           "xv-checkbox-v2"
         ]
       }
@@ -1899,8 +1907,8 @@
       "filePath": "src/components/xv-data-table/xv-data-table.tsx",
       "encapsulation": "shadow",
       "tag": "xv-data-table",
-      "readme": "# xv-data-table\r\n\r\n\r\n\r",
-      "docs": "",
+      "readme": "# xv-data-table\r\n\r\n> **Deprecated.** Superseded by [`xv-table`](../xv-table), which adds sorting, selection, batch\r\n> actions, expansion, column resizing, reordering and hiding, a persisted layout and pagination.\r\n> This component stays only until its 22 usages in XvMarketplaceNG are migrated; removal is\r\n> tracked by MAR-15895.\r\n\r\n\r\n\r",
+      "docs": "> **Deprecated.** Superseded by [`xv-table`](../xv-table), which adds sorting, selection, batch\r\n> actions, expansion, column resizing, reordering and hiding, a persisted layout and pagination.\r\n> This component stays only until its 22 usages in XvMarketplaceNG are migrated; removal is\r\n> tracked by MAR-15895.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -7579,7 +7587,7 @@
         "xv-modal-v2",
         "xv-number-input-v2",
         "xv-tab-v2",
-        "xv-table-v2",
+        "xv-table",
         "xv-tabs-v2",
         "xv-tag-combobox",
         "xv-text-input-v2",
@@ -7620,7 +7628,7 @@
         "xv-tab-v2": [
           "xv-loader-v2"
         ],
-        "xv-table-v2": [
+        "xv-table": [
           "xv-loader-v2"
         ],
         "xv-tabs-v2": [
@@ -9181,7 +9189,8 @@
       "states": [],
       "dependents": [
         "xv-header",
-        "xv-header-next"
+        "xv-header-next",
+        "xv-table"
       ],
       "dependencies": [
         "xv-tooltip-v2"
@@ -9195,6 +9204,9 @@
         ],
         "xv-header-next": [
           "xv-overflow-menu-v2"
+        ],
+        "xv-table": [
+          "xv-overflow-menu-v2"
         ]
       }
     },
@@ -9833,7 +9845,9 @@
       "slots": [],
       "parts": [],
       "states": [],
-      "dependents": [],
+      "dependents": [
+        "xv-table"
+      ],
       "dependencies": [
         "xv-button-v2"
       ],
@@ -9843,6 +9857,9 @@
         ],
         "xv-button-v2": [
           "xv-loader-v2"
+        ],
+        "xv-table": [
+          "xv-pagination"
         ]
       }
     },
@@ -10493,9 +10510,15 @@
       ],
       "parts": [],
       "states": [],
-      "dependents": [],
+      "dependents": [
+        "xv-table-row"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "xv-table-row": [
+          "xv-radio-v2"
+        ]
+      }
     },
     {
       "filePath": "src/components/xv-slider/xv-slider.tsx",
@@ -10930,125 +10953,322 @@
     {
       "filePath": "src/components/xv-table/xv-table.tsx",
       "encapsulation": "shadow",
-      "tag": "xv-table-v2",
-      "readme": "# xv-table-v2\r\n\r\n\r\n\r",
-      "docs": "",
-      "docsTags": [],
+      "tag": "xv-table",
+      "readme": "# xv-table\r\n\r\nA data table that covers the two implementations it replaces: the presentational `xv-data-table`\r\nhere, and the Angular `app-data-table` in XvMarketplaceNG, which owned sorting, column resizing,\r\nreordering and the stored layout.\r\n\r\n`columns` is always the source of structure. Widths, order, sorting, resizing, hiding, the scroll\r\nwidth and the persisted layout all read from it. Rows arrive one of two ways\r\nand the header is rendered from `columns` in both.\r\n\r\n## Two ways to supply rows\r\n\r\n```html\r\n<!-- data: the table renders the rows -->\r\n<xv-table\r\n  columns='[{\"id\":\"name\",\"label\":\"Name\",\"sortable\":true},{\"id\":\"city\",\"label\":\"City\"}]'\r\n  rows='[{\"id\":1,\"name\":\"Alpha\",\"city\":\"Aachen\"}]'\r\n  sort-mode=\"client\">\r\n</xv-table>\r\n```\r\n\r\n```html\r\n<!-- markup: the cells hold anything; cell order follows the declared column order -->\r\n<xv-table storage-key=\"order-sales-all\" storage-owner=\"4711\" selection=\"multiple\" hover>\r\n  <xv-button-v2 slot=\"toolbar\">Export</xv-button-v2>\r\n  <xv-button-v2 slot=\"batch\">Delete</xv-button-v2>\r\n\r\n  <xv-table-row value=\"42\">\r\n    <xv-table-cell>Kampagne A</xv-table-cell>\r\n    <xv-table-cell><xv-tag-v2>Aktiv</xv-tag-v2></xv-table-cell>\r\n    <div slot=\"expand\">Anything, full row width.</div>\r\n  </xv-table-row>\r\n</xv-table>\r\n```\r\n\r\nSlotted rows win: while any `xv-table-row` child is present the `rows` prop is not rendered.\r\n**Write one cell per declared column, in declared order** — that is how a cell is matched to its\r\ncolumn. Hiding and reordering then move cells visually without touching the DOM.\r\n\r\n## Why grid and not `<table>`\r\n\r\nCells are custom elements, not `<td>`, so `colspan` — an HTML attribute of a real `<td>` — does not\r\nexist for them, and an expanded panel could never span the row. The table is therefore a CSS grid:\r\nit owns the track list, and each row is `grid-column: 1 / -1` plus `grid-template-columns: subgrid`.\r\n\r\nThat keeps a row's own box, so hover, selection and grouping paint one background rather than N cell\r\nbackgrounds; it keeps every cell aligned to the table's columns; and it makes a resize a single\r\nwrite of one custom property instead of one per `<col>`.\r\n\r\n`subgrid` needs Chrome 117+, Firefox 71+, Safari 16+. Below that a `@supports` rule drops rows to\r\n`display: contents`: columns still line up, row backgrounds do not.\r\n\r\n## Sorting, selection, expansion and pagination\r\n\r\nEach has a mode prop, and the split is the same everywhere: `none` switches the feature off,\r\n`client` means the table does the work on the `rows` prop, and `server` means it shows the\r\naffordance but only reports, leaving the consumer to reload.\r\n\r\n`sort-mode=\"none\"` makes every header inert whatever `column.sortable` says — no arrow, no tab\r\nstop, no event — so `none` and `server` can never be mistaken for one another.\r\n\r\n- `sort-mode`, with `sort-by` as `asc(field)` / `desc(field)` — the shape `ListStateService`\r\n  already speaks, so an Angular binding needs no adapter. Sorting cycles ascending and descending\r\n  only; empty values sort last in both directions, because a blank cell is missing, not smallest.\r\n- `selection` is `single` (radios) or `multiple` (checkboxes). The table owns the set, computes the\r\n  header's indeterminate state, and reveals `slot=\"batch\"` only while something is selected.\r\n  `selected-label` takes a `{count}` placeholder — nothing is hardcoded in any language.\r\n- `expand-mode` is `single` or `multiple`; the panel comes from each row's `slot=\"expand\"`.\r\n- `pagination-mode` renders `xv-pagination` below the table.\r\n\r\nTwo of these modes reach only as far as the table's own knowledge of the rows, so read them\r\nliterally:\r\n\r\n- **`sort-mode=\"client\"` sorts the `rows` prop, and only that.** Slotted rows are the consumer's\r\n  markup — the table would have to either move someone else's DOM out from under their framework,\r\n  or reorder it visually with `order` and leave a screen reader reading the old sequence. Neither is\r\n  worth it, so with slotted rows `client` behaves like `server`: the header is offered, `sortChange`\r\n  is emitted, and reordering the data is the consumer's job. It is one line where the data lives.\r\n- **`pagination-mode=\"client\"` works in both.** With `rows` it slices the array; with slotted rows\r\n  it hides the ones off the page. The page is counted in **top-level rows**, so a group and its\r\n  children travel together as one entry, and the header and footer are never hidden.\r\n\r\n**The expand panel needs markup rows.** Its content comes from `slot=\"expand\"` inside a row, and in\r\nthe `rows` mode there is no row of yours to put it in. The chevron still toggles and still emits\r\n`expandedChange` there — useful if the detail lives elsewhere on the page — but nothing opens under\r\nthe row. A panel means writing the rows as tags.\r\n\r\n`layout-pending` keeps the body hidden until a stored layout resolves, because painting the declared\r\nwidths and correcting them a moment later is visible. A cold database gets 1.5 s before the declared\r\ncolumns win.\r\n\r\n## Grouped rows\r\n\r\nA row that expands into **more rows** does not use `slot=\"expand\"`. Its children are ordinary\r\n`xv-table-row` siblings that name their group with `parent`:\r\n\r\n```html\r\n<xv-table expand-mode=\"multiple\" selection=\"multiple\">\r\n  <xv-table-row value=\"ganzsaeule\" expanded>…</xv-table-row>\r\n  <xv-table-row value=\"gs-1\" parent=\"ganzsaeule\">…</xv-table-row>\r\n  <xv-table-row value=\"gs-2\" parent=\"ganzsaeule\">…</xv-table-row>\r\n  <xv-table-row value=\"gs-3\" parent=\"ganzsaeule\" disabled>…</xv-table-row>\r\n</xv-table>\r\n```\r\n\r\nThey stay rows of the same grid, so they keep the table's columns for free: resizing, reordering\r\nand hiding a column applies to them like any other row, with no nested table, no second header and\r\nno panel padding. `slot=\"expand\"` remains for **arbitrary** content — a form, a chart, text — and\r\nthe two can be mixed in one table.\r\n\r\nThe chevron is drawn only on a row that actually has children or a panel; `expanded` in the markup\r\nopens a group on first paint, so a table can start with one group open and the rest closed.\r\n\r\nSelection cascades along the same relationship:\r\n\r\n- ticking a group ticks its children, and unticking clears them;\r\n- a group whose children are only partly picked shows the indeterminate dash, and so does the\r\n  header — the state is computed, never stored;\r\n- clicking a box that is already indeterminate **clears** the selection rather than completing it,\r\n  in the group and in the header alike;\r\n- a `disabled` row is never selected, not by its group and not by select-all.\r\n\r\nNesting stops at one level: a child row never carries children of its own. A deeper tree wants\r\na tree component, not a table.\r\n\r\nOnly children carry values into `selectedChange`; a group row is a heading, not a selectable row.\r\nA consumer that would rather own all of this can leave `selection=\"none\"` and put its own controls\r\nin the cells.\r\n\r\n## Hiding columns\r\n\r\nA column with `hideable` appears in the column picker in the toolbar — as `\"hideable\": true` in\r\n`columns`, or as the `hideable` attribute on its header cell. The trigger carries a dot while\r\nanything is hidden, and `resetLabel` restores the declared layout.\r\n\r\nHiding drops the column's grid track and hides its cell in every row, header and footer included.\r\nNothing is left occupying a track: a cell that kept one would push the header onto a second line,\r\nand the columns of the body would no longer meet the columns of the header.\r\n\r\n## Filling the container\r\n\r\nThe track list mixes two kinds of column: one with a declared `width` is that many pixels, and one\r\nwithout takes an equal share of what is left. Hide enough columns and the flexible ones can all be\r\ngone — then the fixed widths alone no longer reach the right edge, and the table would end in the\r\nmiddle of its container.\r\n\r\nA width is either a number, meaning pixels, or a CSS length — `25%`, `auto`, `12rem` — which goes\r\ninto the grid track exactly as written. A length already follows the container, so it stays out of\r\nthe sharing below, and it is never written into the stored layout: only a resize stores a width,\r\nand a resize always pins pixels.\r\n\r\nSo when **every** visible column has a pixel width, the widths become weights: each column keeps its\r\ndeclared width as a floor and shares the slack in proportion. This is what a real table does with\r\n`table-layout: fixed; width: 100%`, and it is the same reason a resize trades width with a\r\nneighbour instead of changing the total.\r\n\r\nA width is the **whole cell, padding included** — a grid track, not the content box a `<td>` sized.\r\nA table ported from `table-layout: fixed` therefore needs its old widths plus the cell padding,\r\ntwice `--xv-table-cell-padding-x`, which is 32px at the default size. Declare less than that and\r\nthe padding gives way instead of the content: it is capped at a quarter of the column, so a column\r\nof 24px still holds 12px of icon.\r\n\r\nBecause a declared width is a floor, a block too narrow for the declared widths no longer squeezes\r\nthem past what they asked for — the table turns into a horizontal scroller instead, the same one a\r\nnarrow viewport gets. A column that should follow the container rather than hold its ground is a\r\npercentage; those have no floor by definition.\r\n\r\n## Translations\r\n\r\nThe library has no i18n layer, and this component invents no user-visible text: **every string is\r\na prop**, and a consumer passes it already translated — through `| translate` in Angular, or\r\nwhatever the CMS uses. Defaults are English because the library's source language is English, and\r\nan unlabelled control is worse than one labelled in the wrong language.\r\n\r\n| Prop | Default | Where it shows |\r\n| --- | --- | --- |\r\n| `emptyLabel` | — | instead of the body when there are no rows |\r\n| `selectedLabel` | — | the batch bar counter; `{count}` is substituted |\r\n| `columnsLabel` | `Columns` | tooltip on the column-picker trigger |\r\n| `resetLabel` | `Reset` | the button that restores the declared layout |\r\n| `expandLabel` | `Toggle row` | accessible name of a row's expand toggle |\r\n| `reorderLabel` | `Drag to reorder` | accessible name of a row's drag grip |\r\n\r\nColumn headers come from `columns[].label`, cell content from the markup or `rows` — all of it\r\nalready translated by the consumer. `locale` affects only number and date **formatting**.\r\n\r\n> One string still escapes this: `xv-pagination`, which the table embeds, hardcodes German\r\n> (`von … Einträgen`, `von … Seiten`) with no override. That is its own component and its own\r\n> ticket (MAR-15915), but it surfaces inside every paginated table.\r\n\r\n## Alignment\r\n\r\n`align` on a column aligns its **data**: numbers, prices and dates read right, text reads left.\r\nThe **header stays left** regardless, because a row of labels that jumps between edges is harder\r\nto scan than the numbers underneath it. Set `headerAlign` on the column when a particular header\r\nshould follow its data instead — in markup, write `align` straight onto the header cell.\r\n\r\nA header that does follow its data lines up **exactly** with the values under it: the sort arrow\r\nmoves to the other side of an end-aligned label, and the drag grip sits in the cell's padding\r\nrather than in its flow, where the 12px it used to reserve pushed every header off its column.\r\n\r\n## Resizing and reordering columns\r\n\r\n`resizable` and `reorderable` are **off by default**, like `row-reorderable`: with neither set no\r\nhandle and no grip is rendered, and nothing is bound. A column may switch itself off with\r\n`\"resizable\": false`, never on.\r\n\r\nA resize **trades width with one neighbour** rather than changing the table's total: the dragged\r\ncolumn grows by what the next one gives up, and the last column borrows from the one before it.\r\nEither column's own `minWidth` caps the drag.\r\n\r\nWithout that, every resize pins one more column to pixels, and once none are left flexible the\r\ntable stops filling its container — it leaves a gap when a column is shrunk and starts scrolling\r\nwhen one is grown. Trading keeps the sum constant, so neither happens.\r\n\r\nEach control column — the drag grip, the selection checkbox, the expand toggle — gets its **own**\r\ngrid track, and the header renders a cell for each one. A shared track would let the second\r\ncontrol slide into the first data column and pull the whole header out of line with the body.\r\n\r\n## Reordering rows\r\n\r\n`row-reorderable` lets a user drag a row into a new position. It is **off by default and costs\r\nnothing while off**: no grip cell, no leading grid track, and not a single drag listener bound.\r\nIt uses native HTML5 drag, the same as the column headers, so no drag library is pulled into the\r\nbundle either.\r\n\r\n`row-reorder-handle` is `icon` (a grip in a leading cell) or `row` (the whole row drags).\r\n\r\nThe table **does not move the row**. It emits `rowOrderChange` with `{from, to}` as body-row\r\nindices — footer rows are excluded, and a `group` row never drags. Reorder the data and let it\r\nre-render; moving the DOM here would let the DOM and the data drift apart. This is the same\r\ncontract `xv-data-table` had, so a consumer's existing `handleReorder($event.detail)` still fits.\r\n\r\n> Note the split: `reorderable` moves **columns**, `row-reorderable` moves **rows**. The old\r\n> component spelled row dragging `reorderable`, so a migration that only renames tags would\r\n> silently swap one for the other.\r\n\r\n## Sticky header and scrolling\r\n\r\nThe scroll container is the table itself, so `sticky-header` only holds the header still once that\r\ncontainer is what scrolls: give it a height with `--xv-table-max-height`. Without one the page\r\nscrolls instead, and a sticky header has nothing to stick to.\r\n\r\n## Stored column layout\r\n\r\nSet `storage-key`, and the column order, widths and hidden flags survive a reload. `storage-owner`\r\nscopes the record to a user — the component cannot know who is signed in, so pass the id.\r\n\r\nOnly **deviations** from the declared columns are stored: `order` stays empty while the order still\r\nmatches, and a width or hidden flag is written only when it differs. A default changed in code\r\ntherefore still reaches everyone who once dragged a column edge.\r\n\r\nThe database is `xv-webcomponents`, store `table-layouts`. It is deliberately not\r\n`XvMarketplaceNG`: that origin already carries a Dexie database, and Dexie multiplies its version by\r\nten, so sharing a name loses the version race and silently kills the feature (MAR-15943). Private\r\nmode, a blocked origin and a full quota all degrade to \"this table does not remember\".\r\n\r\n`layout-change` fires either way, so a consumer can store the layout itself instead.\r\n\r\n## Events\r\n\r\n| Event | Fires when |\r\n| --- | --- |\r\n| `sortChange` | a sortable header is activated |\r\n| `selectedChange` | the selected set changes |\r\n| `expandedChange` | the expanded set changes |\r\n| `pageChange` | the page or page size changes |\r\n| `layoutChange` | a column is resized, reordered, hidden or reset |\r\n| `rowClick` | a row is clicked, while `row-clickable` is set |\r\n| `rowOrderChange` | a row is dropped in a new position, while `row-reorderable` is set |\r\n\r\nTwo deviations from `src/components/README.md` §4, both deliberate:\r\n\r\n- **`selectedChange`, not `selectionChange`.** The conventions list `selectionChange` as a model\r\n  name, but Stencil refuses it as a collision with the native `selectionchange` DOM event. Named\r\n  after the `selected` prop it reports, which is the same rule `valueChange` follows.\r\n- **`rowClick`** carries no new state value, so it is not a `<noun>Change`, and the closed exception\r\n  list covers only lifecycle, failure and native focus relays. It needs a fourth kind —\r\n  Activation, `<noun>Click` — which `xv-tag.closeClick` and `xv-overflow-menu.itemClick` already\r\n  follow in practice.\r\n\r\n## Keyboard and assistive technology\r\n\r\nA sortable header is a tab stop and sorts on Enter or Space, carrying `aria-sort`. The expand toggle\r\ncarries `aria-expanded`. Roles are explicit (`table`, `row`, `columnheader`, `cell`) because custom\r\nelements carry none of their own.\r\n\r\n## Gotchas\r\n\r\nA cell's `tooltip` renders `xv-tooltip-v2`, which appends its panel to `document.body` and places\r\nit with popper, so the scroll container cannot clip it and the panel is only built on hover. Only\r\na cell that sets `tooltip` carries the component at all.\r\n\r\nThe column picker opens **inward** (`position=\"right\"`), because it sits at the table's right edge\r\nand its panel is absolutely positioned — opening outward puts it past the edge, where any\r\nconsumer container with `overflow: hidden` cuts it off.\r\n\r\n`overflow-x: auto` on the scroll container implies `overflow-y: auto`, so an absolutely positioned\r\npopover inside a cell is clipped. Use `xv-overflow-menu-v2` in anchor mode, which positions with\r\npopper `strategy: 'fixed'`.\r\n\r\nThree gestures share one header cell. The resize handle stops its own click, the drag grip has its\r\nown, and a finished drag still emits a trailing click — which is why sorting is suppressed for a\r\ntick after `dragend`.\r\n\r",
+      "docs": "A data table built on CSS grid with `subgrid` rows, so a row keeps its own box while its cells\nstay aligned to the table's columns and an expanded panel can span the full width.\n\n`columns` always describes the structure — widths, order, sorting, resizing, hiding and the\nstored layout all read from it. Rows come either from `rows` as data, or as slotted\n`xv-table-row` children when the cells hold arbitrary markup.",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- Slotted `xv-table-row` children, used instead of the `rows` prop."
+        },
+        {
+          "name": "slot",
+          "text": "toolbar - Controls above the table. Slotted content spans the bar; `flex: 0 0 auto` opts out."
+        },
+        {
+          "name": "slot",
+          "text": "batch - Actions shown in the bar that replaces the toolbar while rows are selected."
+        },
+        {
+          "name": "slot",
+          "text": "footer - Rows rendered after the body, for subtotals."
+        },
+        {
+          "name": "slot",
+          "text": "empty - Shown instead of the body when there is nothing to render."
+        },
+        {
+          "name": "slot",
+          "text": "label - Replaces the `label` prop with markup."
+        },
+        {
+          "name": "slot",
+          "text": "description - Replaces the `description` prop with markup."
+        },
+        {
+          "name": "part",
+          "text": "heading - The title block."
+        },
+        {
+          "name": "part",
+          "text": "title - The title text."
+        },
+        {
+          "name": "part",
+          "text": "description - The description text."
+        },
+        {
+          "name": "part",
+          "text": "bar - The toolbar and batch bar wrapper."
+        },
+        {
+          "name": "part",
+          "text": "toolbar - The toolbar."
+        },
+        {
+          "name": "part",
+          "text": "batch - The batch actions bar."
+        },
+        {
+          "name": "part",
+          "text": "scroll - The horizontal scroll container."
+        },
+        {
+          "name": "part",
+          "text": "grid - The grid itself."
+        },
+        {
+          "name": "part",
+          "text": "head - The header row."
+        },
+        {
+          "name": "part",
+          "text": "header-cell - One header cell."
+        },
+        {
+          "name": "part",
+          "text": "body - The body wrapper."
+        },
+        {
+          "name": "part",
+          "text": "pagination - The pagination block."
+        },
+        {
+          "name": "part",
+          "text": "column-picker - The menu that hides and shows columns."
+        },
+        {
+          "name": "part",
+          "text": "empty - The empty state."
+        },
+        {
+          "name": "part",
+          "text": "loading - The loading overlay."
+        }
+      ],
       "usage": {},
       "props": [
         {
-          "name": "colsSize",
-          "type": "string[]",
+          "name": "block",
+          "type": "boolean",
           "complexType": {
-            "original": "(string | null)[]",
-            "resolved": "string[]",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
           "mutable": false,
+          "attr": "block",
+          "reflectToAttr": true,
+          "docs": "Stretches the table to the full width of its container.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "columns",
+          "type": "XvTableColumn[] | string",
+          "complexType": {
+            "original": "string | XvTableColumn[]",
+            "resolved": "XvTableColumn[] | string",
+            "references": {
+              "XvTableColumn": {
+                "location": "import",
+                "path": "./xv-table.model",
+                "id": "src/components/xv-table/xv-table.model.ts::XvTableColumn",
+                "referenceLocation": "XvTableColumn"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "columns",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "Column definitions. Accepts its JSON string form so it is settable from plain markup.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
           "values": [
             {
-              "type": "string[]"
+              "type": "XvTableColumn[]"
+            },
+            {
+              "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "hover",
-          "type": "boolean",
+          "name": "columnsLabel",
+          "type": "string",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "hover",
-          "reflectToAttr": true,
-          "docs": "",
-          "docsTags": [],
+          "attr": "columns-label",
+          "reflectToAttr": false,
+          "docs": "Tooltip on the column picker trigger.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Columns'"
+            }
+          ],
+          "default": "'Columns'",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "loading",
-          "type": "boolean",
+          "name": "description",
+          "type": "string",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "loading",
-          "reflectToAttr": true,
-          "docs": "",
-          "docsTags": [],
+          "attr": "description",
+          "reflectToAttr": false,
+          "docs": "Supporting text under the title.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "size",
-          "type": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
+          "name": "emptyLabel",
+          "type": "string",
           "complexType": {
-            "original": "SIZE_VAR_STR",
-            "resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "empty-label",
+          "reflectToAttr": false,
+          "docs": "Shown when there are no rows.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "expandLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "expand-label",
+          "reflectToAttr": false,
+          "docs": "Accessible name of a row's expand toggle.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Toggle row'"
+            }
+          ],
+          "default": "'Toggle row'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "expandMode",
+          "type": "\"multiple\" | \"none\" | \"single\"",
+          "complexType": {
+            "original": "XvTableExpandMode",
+            "resolved": "\"multiple\" | \"none\" | \"single\"",
             "references": {
-              "SIZE_VAR_STR": {
+              "XvTableExpandMode": {
                 "location": "import",
-                "path": "../../types/enum",
-                "id": "src/types/enum.ts::SIZE_VAR_STR",
-                "referenceLocation": "SIZE_VAR_STR"
+                "path": "./xv-table.model",
+                "id": "src/components/xv-table/xv-table.model.ts::XvTableExpandMode",
+                "referenceLocation": "XvTableExpandMode"
               }
             }
           },
           "mutable": false,
-          "attr": "size",
+          "attr": "expand-mode",
           "reflectToAttr": true,
-          "docs": "",
+          "docs": "Whether rows expand, and whether more than one may be open.",
           "docsTags": [
             {
               "name": "default",
-              "text": "SIZE_VAR.MD"
+              "text": "'none'"
             }
           ],
-          "default": "SIZE_VAR.MD",
+          "default": "'none'",
           "values": [
             {
-              "value": "lg",
-              "type": "string"
-            },
-            {
-              "value": "md",
-              "type": "string"
-            },
-            {
-              "value": "sm",
+              "value": "multiple",
               "type": "string"
             },
             {
-              "value": "xl",
+              "value": "none",
               "type": "string"
             },
             {
-              "value": "xs",
+              "value": "single",
               "type": "string"
             }
           ],
@@ -11056,95 +11276,2170 @@
           "required": false,
           "getter": false,
           "setter": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [
+        },
         {
-          "event": "checkedChange",
-          "capture": false,
-          "passive": false
-        }
-      ],
-      "styles": [],
+          "name": "expanded",
+          "type": "string | unknown[]",
+          "complexType": {
+            "original": "string | unknown[]",
+            "resolved": "string | unknown[]",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "expanded",
+          "reflectToAttr": false,
+          "docs": "Values of the expanded rows.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "unknown[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "hover",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "hover",
+          "reflectToAttr": true,
+          "docs": "Highlights a row on pointer hover.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "Title above the table.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "layout",
+          "type": "XvTableLayout | string",
+          "complexType": {
+            "original": "string | XvTableLayout",
+            "resolved": "XvTableLayout | string",
+            "references": {
+              "XvTableLayout": {
+                "location": "import",
+                "path": "./xv-table.model",
+                "id": "src/components/xv-table/xv-table.model.ts::XvTableLayout",
+                "referenceLocation": "XvTableLayout"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "layout",
+          "reflectToAttr": false,
+          "docs": "Controlled column layout. Overrides whatever is stored.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "null"
+            }
+          ],
+          "default": "null",
+          "values": [
+            {
+              "type": "XvTableLayout"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "loading",
+          "reflectToAttr": true,
+          "docs": "Covers the body with a loading state.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "locale",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "locale",
+          "reflectToAttr": false,
+          "docs": "Locale used for sorting and cell formatting. Falls back to the nearest `[lang]` ancestor.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "minWidth",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "min-width",
+          "reflectToAttr": true,
+          "docs": "Width below which the table scrolls instead of squeezing, at any viewport. Left unset, a table\nonly stops squeezing below 1180px, where it scrolls at the width its columns declared.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "0"
+            }
+          ],
+          "default": "0",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "page",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "page",
+          "reflectToAttr": false,
+          "docs": "Current page, 1-based.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "1"
+            }
+          ],
+          "default": "1",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "pageSize",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "page-size",
+          "reflectToAttr": false,
+          "docs": "Rows per page.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "10"
+            }
+          ],
+          "default": "10",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "pageSizeOptions",
+          "type": "number[] | string",
+          "complexType": {
+            "original": "string | number[]",
+            "resolved": "number[] | string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "page-size-options",
+          "reflectToAttr": false,
+          "docs": "Page size choices. Accepts a comma-separated attribute.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[10, 20, 30, 40, 50, 100]"
+            }
+          ],
+          "default": "[10, 20, 30, 40, 50, 100]",
+          "values": [
+            {
+              "type": "number[]"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "paginationMode",
+          "type": "\"client\" | \"none\" | \"server\"",
+          "complexType": {
+            "original": "XvTableMode",
+            "resolved": "\"client\" | \"none\" | \"server\"",
+            "references": {
+              "XvTableMode": {
+                "location": "import",
+                "path": "./xv-table.model",
+                "id": "src/components/xv-table/xv-table.model.ts::XvTableMode",
+                "referenceLocation": "XvTableMode"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "pagination-mode",
+          "reflectToAttr": false,
+          "docs": "`client` slices the `rows` prop; `server` only emits `pageChange`.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'none'"
+            }
+          ],
+          "default": "'none'",
+          "values": [
+            {
+              "value": "client",
+              "type": "string"
+            },
+            {
+              "value": "none",
+              "type": "string"
+            },
+            {
+              "value": "server",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "reorderLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "reorder-label",
+          "reflectToAttr": false,
+          "docs": "Accessible name of a row's drag grip.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Drag to reorder'"
+            }
+          ],
+          "default": "'Drag to reorder'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "reorderable",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "reorderable",
+          "reflectToAttr": false,
+          "docs": "Allows dragging column headers into a new order. Off by default, like `resizable`.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "resetLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "reset-label",
+          "reflectToAttr": false,
+          "docs": "Text of the button that restores the declared column layout.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Reset'"
+            }
+          ],
+          "default": "'Reset'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "resizable",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "resizable",
+          "reflectToAttr": false,
+          "docs": "Allows dragging column edges. Off by default: no handle is rendered and nothing is bound\nuntil it is switched on. A column may switch itself off, never on.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "rowClickable",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "row-clickable",
+          "reflectToAttr": true,
+          "docs": "Emits `rowClick` when a row is clicked outside an interactive element.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "rowKey",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "row-key",
+          "reflectToAttr": false,
+          "docs": "Property of a row object that identifies it in selection and expansion payloads.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'id'"
+            }
+          ],
+          "default": "'id'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "rowReorderHandle",
+          "type": "\"icon\" | \"row\"",
+          "complexType": {
+            "original": "'icon' | 'row'",
+            "resolved": "\"icon\" | \"row\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "row-reorder-handle",
+          "reflectToAttr": false,
+          "docs": "Whether the whole row drags, or only a grip in a leading control cell.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'icon'"
+            }
+          ],
+          "default": "'icon'",
+          "values": [
+            {
+              "value": "icon",
+              "type": "string"
+            },
+            {
+              "value": "row",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "rowReorderable",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "row-reorderable",
+          "reflectToAttr": false,
+          "docs": "Allows dragging rows into a new order. Off by default: nothing is bound and no handle is\nrendered until it is switched on.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "rows",
+          "type": "any[] | string",
+          "complexType": {
+            "original": "string | any[]",
+            "resolved": "any[] | string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "rows",
+          "reflectToAttr": false,
+          "docs": "Row data. Ignored when `xv-table-row` children are slotted.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "any[]"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "selected",
+          "type": "string | unknown[]",
+          "complexType": {
+            "original": "string | unknown[]",
+            "resolved": "string | unknown[]",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "selected",
+          "reflectToAttr": false,
+          "docs": "Values of the selected rows.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "unknown[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "selectedLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "selected-label",
+          "reflectToAttr": false,
+          "docs": "Text of the batch bar counter. `{count}` is replaced with the number of selected rows.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "selection",
+          "type": "\"multiple\" | \"none\" | \"single\"",
+          "complexType": {
+            "original": "XvTableSelectionMode",
+            "resolved": "\"multiple\" | \"none\" | \"single\"",
+            "references": {
+              "XvTableSelectionMode": {
+                "location": "import",
+                "path": "./xv-table.model",
+                "id": "src/components/xv-table/xv-table.model.ts::XvTableSelectionMode",
+                "referenceLocation": "XvTableSelectionMode"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "selection",
+          "reflectToAttr": true,
+          "docs": "`multiple` renders checkboxes, `single` renders radios.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'none'"
+            }
+          ],
+          "default": "'none'",
+          "values": [
+            {
+              "value": "multiple",
+              "type": "string"
+            },
+            {
+              "value": "none",
+              "type": "string"
+            },
+            {
+              "value": "single",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "size",
+          "type": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
+          "complexType": {
+            "original": "SIZE_VAR_STR",
+            "resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
+            "references": {
+              "SIZE_VAR_STR": {
+                "location": "import",
+                "path": "../../types/enum",
+                "id": "src/types/enum.ts::SIZE_VAR_STR",
+                "referenceLocation": "SIZE_VAR_STR"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": true,
+          "docs": "Row height ladder.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "SIZE_VAR.MD"
+            }
+          ],
+          "default": "SIZE_VAR.MD",
+          "values": [
+            {
+              "value": "lg",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            },
+            {
+              "value": "sm",
+              "type": "string"
+            },
+            {
+              "value": "xl",
+              "type": "string"
+            },
+            {
+              "value": "xs",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "skeletonRows",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "skeleton-rows",
+          "reflectToAttr": false,
+          "docs": "Placeholder rows drawn while `loading`. Zero draws a spinner instead.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "0"
+            }
+          ],
+          "default": "0",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "sortBy",
+          "type": "XvTableSort | string",
+          "complexType": {
+            "original": "string | XvTableSort",
+            "resolved": "XvTableSort | string",
+            "references": {
+              "XvTableSort": {
+                "location": "import",
+                "path": "./xv-table.model",
+                "id": "src/components/xv-table/xv-table.model.ts::XvTableSort",
+                "referenceLocation": "XvTableSort"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "sort-by",
+          "reflectToAttr": false,
+          "docs": "Active sort, as `asc(field)` / `desc(field)` or an object.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "XvTableSort"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "sortMode",
+          "type": "\"client\" | \"none\" | \"server\"",
+          "complexType": {
+            "original": "XvTableMode",
+            "resolved": "\"client\" | \"none\" | \"server\"",
+            "references": {
+              "XvTableMode": {
+                "location": "import",
+                "path": "./xv-table.model",
+                "id": "src/components/xv-table/xv-table.model.ts::XvTableMode",
+                "referenceLocation": "XvTableMode"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "sort-mode",
+          "reflectToAttr": false,
+          "docs": "`none` makes headers inert whatever the column says; `client` sorts the `rows` prop itself;\n`server` offers the affordance and only emits `sortChange` for the consumer to reload.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'none'"
+            }
+          ],
+          "default": "'none'",
+          "values": [
+            {
+              "value": "client",
+              "type": "string"
+            },
+            {
+              "value": "none",
+              "type": "string"
+            },
+            {
+              "value": "server",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "stickyHeader",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "sticky-header",
+          "reflectToAttr": true,
+          "docs": "Keeps the header visible while the body scrolls.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "storageKey",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "storage-key",
+          "reflectToAttr": false,
+          "docs": "Persists the column layout under this key. Empty means the layout is not remembered.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "storageOwner",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "storage-owner",
+          "reflectToAttr": false,
+          "docs": "Scopes the stored layout to a user.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'anonymous'"
+            }
+          ],
+          "default": "'anonymous'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "total",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "total",
+          "reflectToAttr": false,
+          "docs": "Total row count, for `server` pagination.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "0"
+            }
+          ],
+          "default": "0",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "clearSelection",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "clearSelection() => Promise<void>",
+          "parameters": [],
+          "docs": "Clears the selection.",
+          "docsTags": []
+        },
+        {
+          "name": "getLayout",
+          "returns": {
+            "type": "Promise<XvTableLayout>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<XvTableLayout>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "XvTableLayout": {
+                "location": "import",
+                "path": "./xv-table.model",
+                "id": "src/components/xv-table/xv-table.model.ts::XvTableLayout",
+                "referenceLocation": "XvTableLayout"
+              }
+            },
+            "return": "Promise<XvTableLayout>"
+          },
+          "signature": "getLayout() => Promise<XvTableLayout>",
+          "parameters": [],
+          "docs": "The layout as it would be stored: only the deviations from the declared columns.",
+          "docsTags": []
+        },
+        {
+          "name": "resetLayout",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "resetLayout() => Promise<void>",
+          "parameters": [],
+          "docs": "Drops the stored layout and returns to the declared columns.",
+          "docsTags": []
+        },
+        {
+          "name": "selectAll",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "selectAll() => Promise<void>",
+          "parameters": [],
+          "docs": "Selects every selectable row.",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "expandedChange",
+          "detail": "XvTableExpandedDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "XvTableExpandedDetail",
+            "resolved": "XvTableExpandedDetail",
+            "references": {
+              "XvTableExpandedDetail": {
+                "location": "import",
+                "path": "./xv-table.model",
+                "id": "src/components/xv-table/xv-table.model.ts::XvTableExpandedDetail",
+                "referenceLocation": "XvTableExpandedDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the set of expanded rows changes.",
+          "docsTags": []
+        },
+        {
+          "event": "layoutChange",
+          "detail": "XvTableLayout",
+          "bubbles": true,
+          "complexType": {
+            "original": "XvTableLayout",
+            "resolved": "XvTableLayout",
+            "references": {
+              "XvTableLayout": {
+                "location": "import",
+                "path": "./xv-table.model",
+                "id": "src/components/xv-table/xv-table.model.ts::XvTableLayout",
+                "referenceLocation": "XvTableLayout"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted after a column is resized, reordered, hidden or reset.",
+          "docsTags": []
+        },
+        {
+          "event": "pageChange",
+          "detail": "XvTablePage",
+          "bubbles": true,
+          "complexType": {
+            "original": "XvTablePage",
+            "resolved": "XvTablePage",
+            "references": {
+              "XvTablePage": {
+                "location": "import",
+                "path": "./xv-table.model",
+                "id": "src/components/xv-table/xv-table.model.ts::XvTablePage",
+                "referenceLocation": "XvTablePage"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the page or the page size changes.",
+          "docsTags": []
+        },
+        {
+          "event": "rowClick",
+          "detail": "XvTableRowClickDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "XvTableRowClickDetail",
+            "resolved": "XvTableRowClickDetail",
+            "references": {
+              "XvTableRowClickDetail": {
+                "location": "import",
+                "path": "./xv-table.model",
+                "id": "src/components/xv-table/xv-table.model.ts::XvTableRowClickDetail",
+                "referenceLocation": "XvTableRowClickDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when a row is clicked, while `rowClickable` is set.",
+          "docsTags": []
+        },
+        {
+          "event": "rowOrderChange",
+          "detail": "XvTableRowOrder",
+          "bubbles": true,
+          "complexType": {
+            "original": "XvTableRowOrder",
+            "resolved": "XvTableRowOrder",
+            "references": {
+              "XvTableRowOrder": {
+                "location": "import",
+                "path": "./xv-table.model",
+                "id": "src/components/xv-table/xv-table.model.ts::XvTableRowOrder",
+                "referenceLocation": "XvTableRowOrder"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when a row is dropped in a new position. The table does not move the row itself —\nreorder the data and it re-renders, which keeps the DOM and the data from drifting apart.",
+          "docsTags": []
+        },
+        {
+          "event": "selectedChange",
+          "detail": "XvTableSelectionDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "XvTableSelectionDetail",
+            "resolved": "XvTableSelectionDetail",
+            "references": {
+              "XvTableSelectionDetail": {
+                "location": "import",
+                "path": "./xv-table.model",
+                "id": "src/components/xv-table/xv-table.model.ts::XvTableSelectionDetail",
+                "referenceLocation": "XvTableSelectionDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the set of selected rows changes. Named after the `selected` prop it reports:\n`selectionChange` is refused by Stencil as a native DOM event name.",
+          "docsTags": []
+        },
+        {
+          "event": "sortChange",
+          "detail": "XvTableSort",
+          "bubbles": true,
+          "complexType": {
+            "original": "XvTableSort",
+            "resolved": "XvTableSort",
+            "references": {
+              "XvTableSort": {
+                "location": "import",
+                "path": "./xv-table.model",
+                "id": "src/components/xv-table/xv-table.model.ts::XvTableSort",
+                "referenceLocation": "XvTableSort"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when a sortable header is activated.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [
+        {
+          "name": "--xv-table-border-color",
+          "annotation": "prop",
+          "docs": "Colour of the outer border."
+        },
+        {
+          "name": "--xv-table-columns",
+          "annotation": "prop",
+          "docs": "The grid track list. Built from `columns`; a resize rewrites it."
+        },
+        {
+          "name": "--xv-table-header-bg",
+          "annotation": "prop",
+          "docs": "Background of the header row."
+        },
+        {
+          "name": "--xv-table-height",
+          "annotation": "prop",
+          "docs": "Row height. Set by the size ladder, xs 24 to xl 64."
+        },
+        {
+          "name": "--xv-table-loading-bg",
+          "annotation": "prop",
+          "docs": "Colour washed over the body while loading."
+        },
+        {
+          "name": "--xv-table-loading-opacity",
+          "annotation": "prop",
+          "docs": "Opacity of that wash."
+        },
+        {
+          "name": "--xv-table-max-height",
+          "annotation": "prop",
+          "docs": "Height the body scrolls within. Needed for `sticky-header`."
+        },
+        {
+          "name": "--xv-table-padding-x",
+          "annotation": "prop",
+          "docs": "Horizontal cell padding."
+        },
+        {
+          "name": "--xv-table-padding-y",
+          "annotation": "prop",
+          "docs": "Vertical cell padding."
+        },
+        {
+          "name": "--xv-table-scroll-width",
+          "annotation": "prop",
+          "docs": "Width the table scrolls at once the screen is too narrow to squeeze."
+        }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "docs": "Slotted `xv-table-row` children, used instead of the `rows` prop."
+        },
+        {
+          "name": "batch",
+          "docs": "Actions shown in the bar that replaces the toolbar while rows are selected."
+        },
+        {
+          "name": "description",
+          "docs": "Replaces the `description` prop with markup."
+        },
+        {
+          "name": "empty",
+          "docs": "Shown instead of the body when there is nothing to render."
+        },
+        {
+          "name": "footer",
+          "docs": "Rows rendered after the body, for subtotals."
+        },
+        {
+          "name": "label",
+          "docs": "Replaces the `label` prop with markup."
+        },
+        {
+          "name": "toolbar",
+          "docs": "Controls above the table. Slotted content spans the bar; `flex: 0 0 auto` opts out."
+        }
+      ],
+      "parts": [
+        {
+          "name": "bar",
+          "docs": "The toolbar and batch bar wrapper."
+        },
+        {
+          "name": "batch",
+          "docs": "The batch actions bar."
+        },
+        {
+          "name": "body",
+          "docs": "The body wrapper."
+        },
+        {
+          "name": "column-picker",
+          "docs": "The menu that hides and shows columns."
+        },
+        {
+          "name": "description",
+          "docs": "The description text."
+        },
+        {
+          "name": "empty",
+          "docs": "The empty state."
+        },
+        {
+          "name": "grid",
+          "docs": "The grid itself."
+        },
+        {
+          "name": "head",
+          "docs": "The header row."
+        },
+        {
+          "name": "header-cell",
+          "docs": "One header cell."
+        },
+        {
+          "name": "heading",
+          "docs": "The title block."
+        },
+        {
+          "name": "loading",
+          "docs": "The loading overlay."
+        },
+        {
+          "name": "pagination",
+          "docs": "The pagination block."
+        },
+        {
+          "name": "scroll",
+          "docs": "The horizontal scroll container."
+        },
+        {
+          "name": "title",
+          "docs": "The title text."
+        },
+        {
+          "name": "toolbar",
+          "docs": "The toolbar."
+        }
+      ],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "xv-table-row",
+        "xv-table-cell",
+        "xv-overflow-menu-v2",
+        "xv-checkbox-v2",
+        "xv-button-v2",
+        "xv-loader-v2",
+        "xv-pagination"
+      ],
+      "dependencyGraph": {
+        "xv-table": [
+          "xv-table-row",
+          "xv-table-cell",
+          "xv-overflow-menu-v2",
+          "xv-checkbox-v2",
+          "xv-button-v2",
+          "xv-loader-v2",
+          "xv-pagination"
+        ],
+        "xv-table-row": [
+          "xv-checkbox-v2",
+          "xv-radio-v2"
+        ],
+        "xv-table-cell": [
+          "xv-tooltip-v2"
+        ],
+        "xv-overflow-menu-v2": [
+          "xv-tooltip-v2"
+        ],
+        "xv-button-v2": [
+          "xv-loader-v2"
+        ],
+        "xv-pagination": [
+          "xv-button-v2"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/xv-table/xv-table-cell/xv-table-cell.tsx",
+      "encapsulation": "shadow",
+      "tag": "xv-table-cell",
+      "readme": "# xv-table-cell\r\n\r\nOne cell of an `xv-table-row`. It holds arbitrary markup — that is the reason the table stays\r\ncomposed rather than being driven only by data.\r\n\r\nWrite one cell per declared column, in declared order. `xv-table` matches each cell to its column by\r\nposition and then sets `column-id`, `align`, `overflow` and `clamp-lines` from the column\r\ndefinition, so these props rarely need setting by hand.\r\n\r\n```html\r\n<xv-table-cell>Plain text</xv-table-cell>\r\n<xv-table-cell align=\"end\" overflow=\"clamp\" clamp-lines=\"3\">Long description…</xv-table-cell>\r\n<xv-table-cell overflow=\"wrap\"><xv-button-v2 size=\"sm\">Open</xv-button-v2></xv-table-cell>\r\n```\r\n\r\n`overflow` decides what happens to content wider than the column:\r\n\r\n| Value | Behaviour |\r\n| --- | --- |\r\n| `ellipsis` | one line, cut with an ellipsis (default) |\r\n| `clamp` | wraps, then cuts after `clamp-lines` lines |\r\n| `wrap` | wraps and stays visible, so tags and buttons keep their right edge |\r\n\r\nUnder `clamp`, slotted children are forced to `display: inline` — otherwise each web component\r\ninside the cell would count as a whole line and one child would fill the clamp on its own.\r\n\r",
+      "docs": "One cell of a table row. It holds arbitrary markup — buttons, links, tags, nested components —\r\nwhich is why the table stays composed rather than driven only by data.\r\n\r\nIn a header row it also carries the column affordances: the sort arrow, the drag grip and the\r\nresize handle. The table renders this same component in both modes, so a header written as\r\nmarkup can do everything a header built from `columns` can.",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- The cell content."
+        },
+        {
+          "name": "part",
+          "text": "cell - The cell host."
+        },
+        {
+          "name": "part",
+          "text": "content - The wrapper the overflow rules are applied to."
+        },
+        {
+          "name": "part",
+          "text": "tooltip - The tooltip wrapper, present only when `tooltip` is set."
+        },
+        {
+          "name": "part",
+          "text": "grip - The column drag grip, in a header cell."
+        },
+        {
+          "name": "part",
+          "text": "resize - The column resize handle, in a header cell."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "align",
+          "type": "\"center\" | \"end\" | \"start\"",
+          "complexType": {
+            "original": "XvCellAlign",
+            "resolved": "\"center\" | \"end\" | \"start\"",
+            "references": {
+              "XvCellAlign": {
+                "location": "import",
+                "path": "../xv-table.model",
+                "id": "src/components/xv-table/xv-table.model.ts::XvCellAlign",
+                "referenceLocation": "XvCellAlign"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "align",
+          "reflectToAttr": true,
+          "docs": "Horizontal alignment of the content.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'start'"
+            }
+          ],
+          "default": "'start'",
+          "values": [
+            {
+              "value": "center",
+              "type": "string"
+            },
+            {
+              "value": "end",
+              "type": "string"
+            },
+            {
+              "value": "start",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "clampLines",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "clamp-lines",
+          "reflectToAttr": false,
+          "docs": "Lines kept before clamping, when `overflow` is `clamp`.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "2"
+            }
+          ],
+          "default": "2",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "columnId",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "column-id",
+          "reflectToAttr": true,
+          "docs": "Column this cell belongs to. Identifies it for sorting, resizing and the stored layout.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "header",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "header",
+          "reflectToAttr": true,
+          "docs": "Renders the cell as a column header. Set by the table from the row it sits in.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "hideable",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "hideable",
+          "reflectToAttr": true,
+          "docs": "Lets the column picker hide this column. A header cell only.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "overflow",
+          "type": "\"clamp\" | \"ellipsis\" | \"wrap\"",
+          "complexType": {
+            "original": "XvCellOverflow",
+            "resolved": "\"clamp\" | \"ellipsis\" | \"wrap\"",
+            "references": {
+              "XvCellOverflow": {
+                "location": "import",
+                "path": "../xv-table.model",
+                "id": "src/components/xv-table/xv-table.model.ts::XvCellOverflow",
+                "referenceLocation": "XvCellOverflow"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "overflow",
+          "reflectToAttr": true,
+          "docs": "How content wider than the column behaves.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'ellipsis'"
+            }
+          ],
+          "default": "'ellipsis'",
+          "values": [
+            {
+              "value": "clamp",
+              "type": "string"
+            },
+            {
+              "value": "ellipsis",
+              "type": "string"
+            },
+            {
+              "value": "wrap",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "reorderLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "reorder-label",
+          "reflectToAttr": false,
+          "docs": "Accessible name of the drag grip.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Drag to reorder'"
+            }
+          ],
+          "default": "'Drag to reorder'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "reorderable",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "reorderable",
+          "reflectToAttr": true,
+          "docs": "Offers the drag grip. A header cell only.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "resizable",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "resizable",
+          "reflectToAttr": true,
+          "docs": "Offers the resize handle. A header cell only.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "sortDirection",
+          "type": "\"\" | XV_SORT_DIR.ASC | XV_SORT_DIR.DESC | XV_SORT_DIR.NONE",
+          "complexType": {
+            "original": "XV_SORT_DIR | ''",
+            "resolved": "\"\" | XV_SORT_DIR.ASC | XV_SORT_DIR.DESC | XV_SORT_DIR.NONE",
+            "references": {
+              "XV_SORT_DIR": {
+                "location": "import",
+                "path": "../../../types/enum",
+                "id": "src/types/enum.ts::XV_SORT_DIR",
+                "referenceLocation": "XV_SORT_DIR"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "sort-direction",
+          "reflectToAttr": true,
+          "docs": "Direction currently sorted by; empty when this column is not the active one.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "\"\""
+            },
+            {
+              "type": "XV_SORT_DIR.ASC"
+            },
+            {
+              "type": "XV_SORT_DIR.DESC"
+            },
+            {
+              "type": "XV_SORT_DIR.NONE"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "sortable",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "sortable",
+          "reflectToAttr": true,
+          "docs": "Offers the sort affordance. A header cell only.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "tooltip",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "tooltip",
+          "reflectToAttr": false,
+          "docs": "Tooltip shown on hover. Only a cell that sets it pays for the tooltip component.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "width",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "width",
+          "reflectToAttr": false,
+          "docs": "Column width. Read off the header row when the table has no `columns`. Any CSS length.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [
+        {
+          "name": "--xv-table-cell-clamp",
+          "annotation": "prop",
+          "docs": "Lines kept when `overflow` is `clamp`."
+        },
+        {
+          "name": "--xv-table-cell-padding-x",
+          "annotation": "prop",
+          "docs": "Horizontal padding. Inherited from the table."
+        },
+        {
+          "name": "--xv-table-cell-padding-y",
+          "annotation": "prop",
+          "docs": "Vertical padding. Inherited from the table."
+        }
+      ],
       "slots": [
         {
           "name": "",
-          "docs": "The default slot"
+          "docs": "The cell content."
+        }
+      ],
+      "parts": [
+        {
+          "name": "cell",
+          "docs": "The cell host."
         },
         {
-          "name": "batch",
-          "docs": ""
+          "name": "content",
+          "docs": "The wrapper the overflow rules are applied to."
         },
         {
-          "name": "footer",
-          "docs": ""
+          "name": "grip",
+          "docs": "The column drag grip, in a header cell."
         },
         {
-          "name": "title",
-          "docs": ""
+          "name": "resize",
+          "docs": "The column resize handle, in a header cell."
         },
         {
-          "name": "toolbar",
-          "docs": ""
+          "name": "tooltip",
+          "docs": "The tooltip wrapper, present only when `tooltip` is set."
         }
       ],
-      "parts": [],
       "states": [],
-      "dependents": [],
+      "dependents": [
+        "xv-table"
+      ],
       "dependencies": [
-        "xv-loader-v2"
+        "xv-tooltip-v2"
       ],
       "dependencyGraph": {
-        "xv-table-v2": [
-          "xv-loader-v2"
+        "xv-table-cell": [
+          "xv-tooltip-v2"
+        ],
+        "xv-table": [
+          "xv-table-cell"
         ]
       }
     },
     {
-      "filePath": "src/components/xv-table/xv-table-cell/xv-table-cell.tsx",
+      "filePath": "src/components/xv-table/xv-table-row/xv-table-row.tsx",
       "encapsulation": "shadow",
-      "tag": "xv-table-v2-cell",
-      "readme": "# xv-table-v2-cell\r\n\r\n\r\n\r",
-      "docs": "",
-      "docsTags": [],
+      "tag": "xv-table-row",
+      "readme": "# xv-table-row\r\n\r\nOne row of an `xv-table`. It renders the selection control, the expand toggle and the expanded\r\npanel; the cells themselves are slotted.\r\n\r\nThe row reads **nothing** off its table. `xv-table` pushes `selection-mode`, `expand-mode`, `size`,\r\n`hover`, `selected` and `expanded` down as properties whenever they change. Its predecessor read the\r\ntable's attributes on `slotchange` only, so a `hover` or `reorderable` flipped after the first paint\r\nnever reached the rows.\r\n\r\n```html\r\n<xv-table-row value=\"42\">\r\n  <xv-table-cell>Kampagne A</xv-table-cell>\r\n  <xv-table-cell><xv-tag-v2>Aktiv</xv-tag-v2></xv-table-cell>\r\n  <div slot=\"expand\">Full row width, any markup.</div>\r\n</xv-table-row>\r\n```\r\n\r\n`value` is what `selectedChange`, `expandedChange` and `rowClick` report, so it has to be unique\r\nwithin the table. `group` turns the row into a subtotal row: accented background, no controls.\r\n\r\nThe host is a grid item spanning every column (`grid-column: 1 / -1`) with\r\n`grid-template-columns: subgrid`, which is what gives the row its own background box while its\r\ncells stay aligned with the header. See `xv-table/readme.md` for why the table is not a `<table>`.\r\n\r",
+      "docs": "One row of a table. Everything it needs is pushed down by `xv-table`, so it never reads the\r\ntable's attributes itself — the old row did that on `slotchange` only and went stale.",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "- The row's `xv-table-cell` children."
+        },
+        {
+          "name": "slot",
+          "text": "expand - Content revealed when the row is expanded. Spans the full row width."
+        },
+        {
+          "name": "part",
+          "text": "row - The row host."
+        },
+        {
+          "name": "part",
+          "text": "control - A leading or trailing control cell (selection, expand)."
+        },
+        {
+          "name": "part",
+          "text": "expand-button - The expand toggle."
+        },
+        {
+          "name": "part",
+          "text": "expand-panel - The revealed panel."
+        },
+        {
+          "name": "part",
+          "text": "grip - The drag handle shown when the table reorders rows by icon."
+        }
+      ],
       "usage": {},
       "props": [
         {
-          "name": "align",
-          "type": "\"center\" | \"left\" | \"right\"",
+          "name": "disabled",
+          "type": "boolean",
           "complexType": {
-            "original": "'left' | 'right' | 'center'",
-            "resolved": "\"center\" | \"left\" | \"right\"",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
           "mutable": false,
-          "attr": "align",
+          "attr": "disabled",
           "reflectToAttr": true,
-          "docs": "",
-          "docsTags": [],
+          "docs": "Blocks selection and expansion.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
           "values": [
             {
-              "value": "center",
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "expandLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "expand-label",
+          "reflectToAttr": false,
+          "docs": "Accessible name of the expand toggle. Set by the table.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Toggle row'"
+            }
+          ],
+          "default": "'Toggle row'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "expandMode",
+          "type": "\"multiple\" | \"none\" | \"single\"",
+          "complexType": {
+            "original": "XvTableExpandMode",
+            "resolved": "\"multiple\" | \"none\" | \"single\"",
+            "references": {
+              "XvTableExpandMode": {
+                "location": "import",
+                "path": "../xv-table.model",
+                "id": "src/components/xv-table/xv-table.model.ts::XvTableExpandMode",
+                "referenceLocation": "XvTableExpandMode"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "expand-mode",
+          "reflectToAttr": true,
+          "docs": "Whether the row can be expanded. Set by the table.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'none'"
+            }
+          ],
+          "default": "'none'",
+          "values": [
+            {
+              "value": "multiple",
               "type": "string"
             },
             {
-              "value": "left",
+              "value": "none",
               "type": "string"
             },
             {
-              "value": "right",
-              "type": "string"
+              "value": "single",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "expandable",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "expandable",
+          "reflectToAttr": true,
+          "docs": "Whether this row has anything to expand. Set by the table.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "expanded",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "expanded",
+          "reflectToAttr": true,
+          "docs": "Whether the row's expand panel is open.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "multiline",
+          "name": "group",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -11152,144 +13447,86 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "multiline",
+          "attr": "group",
           "reflectToAttr": true,
-          "docs": "",
-          "docsTags": [],
+          "docs": "Renders the row as a subtotal or grouping row: no controls, accented background.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "name",
-          "type": "string",
+          "name": "hasPanel",
+          "type": "boolean",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "boolean",
+            "resolved": "boolean",
             "references": {}
           },
-          "mutable": true,
-          "attr": "name",
-          "reflectToAttr": true,
-          "docs": "",
-          "docsTags": [],
+          "mutable": false,
+          "attr": "has-panel",
+          "reflectToAttr": false,
+          "docs": "Whether the row carries `slot=\"expand\"` content. Set by the table.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
           "values": [
             {
-              "type": "string"
+              "type": "boolean"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "sort",
-          "type": "\"\" | XV_SORT_DIR.ASC | XV_SORT_DIR.DESC | XV_SORT_DIR.NONE",
+          "name": "header",
+          "type": "boolean",
           "complexType": {
-            "original": "XV_SORT_DIR | ''",
-            "resolved": "\"\" | XV_SORT_DIR.ASC | XV_SORT_DIR.DESC | XV_SORT_DIR.NONE",
-            "references": {
-              "XV_SORT_DIR": {
-                "location": "import",
-                "path": "../../../types/enum",
-                "id": "src/types/enum.ts::XV_SORT_DIR",
-                "referenceLocation": "XV_SORT_DIR"
-              }
-            }
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
           },
-          "mutable": true,
-          "attr": "sort",
+          "mutable": false,
+          "attr": "header",
           "reflectToAttr": true,
-          "docs": "",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "\"\""
-            },
-            {
-              "type": "XV_SORT_DIR.ASC"
-            },
+          "docs": "Marks the row as the table's header. Its cells supply the column labels.",
+          "docsTags": [
             {
-              "type": "XV_SORT_DIR.DESC"
-            },
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
             {
-              "type": "XV_SORT_DIR.NONE"
+              "type": "boolean"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
-        }
-      ],
-      "methods": [],
-      "events": [
-        {
-          "event": "sortChange",
-          "detail": "XVTableSortDto",
-          "bubbles": true,
-          "complexType": {
-            "original": "XVTableSortDto",
-            "resolved": "XVTableSortDto",
-            "references": {
-              "XVTableSortDto": {
-                "location": "import",
-                "path": "../_vars",
-                "id": "src/components/xv-table/_vars.ts::XVTableSortDto",
-                "referenceLocation": "XVTableSortDto"
-              }
-            }
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "",
-          "docsTags": []
-        }
-      ],
-      "listeners": [
-        {
-          "event": "click",
-          "capture": false,
-          "passive": false
-        }
-      ],
-      "styles": [],
-      "slots": [
-        {
-          "name": "",
-          "docs": "The default slot"
-        }
-      ],
-      "parts": [],
-      "states": [],
-      "dependents": [
-        "xv-table-v2-row"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "xv-table-v2-row": [
-          "xv-table-v2-cell"
-        ]
-      }
-    },
-    {
-      "filePath": "src/components/xv-table/xv-table-expand/xv-table-expand.tsx",
-      "encapsulation": "shadow",
-      "tag": "xv-table-v2-expand",
-      "readme": "# xv-table-v2-expand\r\n\r\n\r\n\r",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [
+        },
         {
-          "name": "disabled",
+          "name": "hover",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -11297,9 +13534,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "disabled",
+          "attr": "hover",
           "reflectToAttr": true,
-          "docs": "",
+          "docs": "Highlights the row on pointer hover. Set by the table.",
           "docsTags": [
             {
               "name": "default",
@@ -11318,225 +13555,186 @@
           "setter": false
         },
         {
-          "name": "open",
-          "type": "boolean",
+          "name": "parent",
+          "type": "string",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
-          "mutable": true,
-          "attr": "open",
-          "reflectToAttr": true,
-          "docs": "",
+          "mutable": false,
+          "attr": "parent",
+          "reflectToAttr": false,
+          "docs": "Value of the row this one belongs to. Child rows are siblings in the same grid, so they keep\r\nthe table's columns instead of living in a panel of their own.",
           "docsTags": [
             {
               "name": "default",
-              "text": "false"
+              "text": "''"
             }
           ],
-          "default": "false",
+          "default": "''",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": false,
           "required": false,
           "getter": false,
           "setter": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [
-        {
-          "name": "",
-          "docs": "The default slot"
         },
         {
-          "name": "expandable",
-          "docs": ""
-        }
-      ],
-      "parts": [],
-      "states": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "src/components/xv-table/xv-table-row/xv-table-row.tsx",
-      "encapsulation": "shadow",
-      "tag": "xv-table-v2-row",
-      "readme": "# xv-table-v2-row\r\n\r\n\r\n\r",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "checked",
+          "name": "partial",
           "type": "boolean",
           "complexType": {
-            "original": "SelectRowDto['checked']",
+            "original": "boolean",
             "resolved": "boolean",
-            "references": {
-              "SelectRowDto": {
-                "location": "import",
-                "path": "../_vars",
-                "id": "src/components/xv-table/_vars.ts::SelectRowDto",
-                "referenceLocation": "SelectRowDto"
-              }
-            }
+            "references": {}
           },
-          "mutable": true,
-          "attr": "checked",
+          "mutable": false,
+          "attr": "partial",
           "reflectToAttr": true,
-          "docs": "",
-          "docsTags": [],
+          "docs": "Indeterminate state of the header row's select-all checkbox.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "disabled",
-          "type": "boolean",
+          "name": "reorderLabel",
+          "type": "string",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "disabled",
-          "reflectToAttr": true,
-          "docs": "",
-          "docsTags": [],
+          "attr": "reorder-label",
+          "reflectToAttr": false,
+          "docs": "Accessible name of the drag grip. Set by the table.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Drag to reorder'"
+            }
+          ],
+          "default": "'Drag to reorder'",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "header",
-          "type": "boolean",
+          "name": "rowReorderHandle",
+          "type": "\"icon\" | \"row\"",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "'icon' | 'row'",
+            "resolved": "\"icon\" | \"row\"",
             "references": {}
           },
           "mutable": false,
-          "attr": "header",
-          "reflectToAttr": true,
-          "docs": "",
-          "docsTags": [],
+          "attr": "row-reorder-handle",
+          "reflectToAttr": false,
+          "docs": "Whether the whole row drags, or only its grip. Set by the table.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'icon'"
+            }
+          ],
+          "default": "'icon'",
           "values": [
             {
-              "type": "boolean"
+              "value": "icon",
+              "type": "string"
+            },
+            {
+              "value": "row",
+              "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "hover",
+          "name": "rowReorderable",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
             "resolved": "boolean",
             "references": {}
           },
-          "mutable": true,
-          "attr": "hover",
+          "mutable": false,
+          "attr": "row-reorderable",
           "reflectToAttr": true,
-          "docs": "",
-          "docsTags": [],
-          "values": [
+          "docs": "Whether this row can be dragged into a new position. Set by the table.",
+          "docsTags": [
             {
-              "type": "boolean"
+              "name": "default",
+              "text": "false"
             }
           ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "name",
-          "type": "string",
-          "complexType": {
-            "original": "SelectRowDto['name']",
-            "resolved": "string",
-            "references": {
-              "SelectRowDto": {
-                "location": "import",
-                "path": "../_vars",
-                "id": "src/components/xv-table/_vars.ts::SelectRowDto",
-                "referenceLocation": "SelectRowDto"
-              }
-            }
-          },
-          "mutable": true,
-          "attr": "name",
-          "reflectToAttr": true,
-          "docs": "",
-          "docsTags": [],
+          "default": "false",
           "values": [
             {
-              "type": "string"
+              "type": "boolean"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "partial",
+          "name": "selectable",
           "type": "boolean",
           "complexType": {
-            "original": "SelectRowDto['partial']",
+            "original": "boolean",
             "resolved": "boolean",
-            "references": {
-              "SelectRowDto": {
-                "location": "import",
-                "path": "../_vars",
-                "id": "src/components/xv-table/_vars.ts::SelectRowDto",
-                "referenceLocation": "SelectRowDto"
-              }
-            }
+            "references": {}
           },
-          "mutable": true,
-          "attr": "partial",
-          "reflectToAttr": true,
-          "docs": "",
-          "docsTags": [],
+          "mutable": false,
+          "attr": "selectable",
+          "reflectToAttr": false,
+          "docs": "Whether the row offers its selection control. A header with no rows under it has nothing to pick.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
           "values": [
             {
               "type": "boolean"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "readonly",
+          "name": "selected",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -11544,175 +13742,224 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "readonly",
+          "attr": "selected",
           "reflectToAttr": true,
-          "docs": "",
-          "docsTags": [],
+          "docs": "Whether the row is selected.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
           "values": [
             {
               "type": "boolean"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "required",
-          "type": "boolean",
+          "name": "selectionMode",
+          "type": "\"multiple\" | \"none\" | \"single\"",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
+            "original": "XvTableSelectionMode",
+            "resolved": "\"multiple\" | \"none\" | \"single\"",
+            "references": {
+              "XvTableSelectionMode": {
+                "location": "import",
+                "path": "../xv-table.model",
+                "id": "src/components/xv-table/xv-table.model.ts::XvTableSelectionMode",
+                "referenceLocation": "XvTableSelectionMode"
+              }
+            }
           },
           "mutable": false,
-          "attr": "required",
+          "attr": "selection-mode",
           "reflectToAttr": true,
-          "docs": "",
-          "docsTags": [],
+          "docs": "Selection control rendered in the leading cell. Set by the table.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'none'"
+            }
+          ],
+          "default": "'none'",
           "values": [
             {
-              "type": "boolean"
+              "value": "multiple",
+              "type": "string"
+            },
+            {
+              "value": "none",
+              "type": "string"
+            },
+            {
+              "value": "single",
+              "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "value",
-          "type": "number | object | string",
+          "name": "size",
+          "type": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
           "complexType": {
-            "original": "SelectRowDto['value']",
-            "resolved": "number | object | string",
+            "original": "SIZE_VAR_STR",
+            "resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
             "references": {
-              "SelectRowDto": {
+              "SIZE_VAR_STR": {
                 "location": "import",
-                "path": "../_vars",
-                "id": "src/components/xv-table/_vars.ts::SelectRowDto",
-                "referenceLocation": "SelectRowDto"
+                "path": "../../../types/enum",
+                "id": "src/types/enum.ts::SIZE_VAR_STR",
+                "referenceLocation": "SIZE_VAR_STR"
               }
             }
           },
           "mutable": false,
-          "attr": "value",
+          "attr": "size",
           "reflectToAttr": true,
-          "docs": "",
-          "docsTags": [],
+          "docs": "Row height ladder. Set by the table.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "SIZE_VAR.MD"
+            }
+          ],
+          "default": "SIZE_VAR.MD",
           "values": [
             {
-              "type": "number"
+              "value": "lg",
+              "type": "string"
             },
             {
-              "type": "object"
+              "value": "md",
+              "type": "string"
+            },
+            {
+              "value": "sm",
+              "type": "string"
             },
             {
+              "value": "xl",
+              "type": "string"
+            },
+            {
+              "value": "xs",
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "variant",
-          "type": "\"\" | \"checkbox\" | \"radio\"",
+          "name": "value",
+          "type": "number | string",
           "complexType": {
-            "original": "'checkbox' | 'radio' | ''",
-            "resolved": "\"\" | \"checkbox\" | \"radio\"",
+            "original": "string | number",
+            "resolved": "number | string",
             "references": {}
           },
-          "mutable": true,
-          "attr": "variant",
-          "reflectToAttr": true,
-          "docs": "",
-          "docsTags": [],
-          "values": [
+          "mutable": false,
+          "attr": "value",
+          "reflectToAttr": false,
+          "docs": "Identifies the row in selection and expansion payloads.",
+          "docsTags": [
             {
-              "type": "\"\""
-            },
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
             {
-              "value": "checkbox",
-              "type": "string"
+              "type": "number"
             },
             {
-              "value": "radio",
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
         }
       ],
       "methods": [],
-      "events": [
+      "events": [],
+      "listeners": [],
+      "styles": [
         {
-          "event": "checkedChange",
-          "detail": "SelectRowDto",
-          "bubbles": true,
-          "complexType": {
-            "original": "SelectRowDto",
-            "resolved": "SelectRowDto",
-            "references": {
-              "SelectRowDto": {
-                "location": "import",
-                "path": "../_vars",
-                "id": "src/components/xv-table/_vars.ts::SelectRowDto",
-                "referenceLocation": "SelectRowDto"
-              }
-            }
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "",
-          "docsTags": []
+          "name": "--xv-table-row-bg",
+          "annotation": "prop",
+          "docs": "Row background. Switched by hover, selected and group."
         },
         {
-          "event": "selectRow",
-          "detail": "SelectRowDto",
-          "bubbles": true,
-          "complexType": {
-            "original": "SelectRowDto",
-            "resolved": "SelectRowDto",
-            "references": {
-              "SelectRowDto": {
-                "location": "import",
-                "path": "../_vars",
-                "id": "src/components/xv-table/_vars.ts::SelectRowDto",
-                "referenceLocation": "SelectRowDto"
-              }
-            }
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "",
-          "docsTags": []
+          "name": "--xv-table-row-disabled-opacity",
+          "annotation": "prop",
+          "docs": "How far a disabled row fades."
+        },
+        {
+          "name": "--xv-table-row-height",
+          "annotation": "prop",
+          "docs": "Minimum row height. Inherited from the table's size ladder."
         }
       ],
-      "listeners": [],
-      "styles": [],
       "slots": [
         {
           "name": "",
-          "docs": "The default slot"
+          "docs": "The row's `xv-table-cell` children."
+        },
+        {
+          "name": "expand",
+          "docs": "Content revealed when the row is expanded. Spans the full row width."
+        }
+      ],
+      "parts": [
+        {
+          "name": "control",
+          "docs": "A leading or trailing control cell (selection, expand)."
+        },
+        {
+          "name": "expand-button",
+          "docs": "The expand toggle."
+        },
+        {
+          "name": "expand-panel",
+          "docs": "The revealed panel."
+        },
+        {
+          "name": "grip",
+          "docs": "The drag handle shown when the table reorders rows by icon."
+        },
+        {
+          "name": "row",
+          "docs": "The row host."
         }
       ],
-      "parts": [],
       "states": [],
-      "dependents": [],
+      "dependents": [
+        "xv-table"
+      ],
       "dependencies": [
-        "xv-table-v2-cell",
-        "xv-checkbox-v2"
+        "xv-checkbox-v2",
+        "xv-radio-v2"
       ],
       "dependencyGraph": {
-        "xv-table-v2-row": [
-          "xv-table-v2-cell",
-          "xv-checkbox-v2"
+        "xv-table-row": [
+          "xv-checkbox-v2",
+          "xv-radio-v2"
+        ],
+        "xv-table": [
+          "xv-table-row"
         ]
       }
     },
@@ -14746,6 +16993,7 @@
         "xv-data-table-cell",
         "xv-dropdown-v2",
         "xv-overflow-menu-v2",
+        "xv-table-cell",
         "xv-textarea"
       ],
       "dependencies": [],
@@ -14759,6 +17007,9 @@
         "xv-overflow-menu-v2": [
           "xv-tooltip-v2"
         ],
+        "xv-table-cell": [
+          "xv-tooltip-v2"
+        ],
         "xv-textarea": [
           "xv-tooltip-v2"
         ]
@@ -14851,15 +17102,70 @@
       "docstring": "",
       "path": "src/components/xv-progress-indicator/_vars.ts"
     },
-    "src/components/xv-table/_vars.ts::XVTableSortDto": {
-      "declaration": "export interface XVTableSortDto {\n  name?: string;\n  value: XV_SORT_DIR;\n}",
+    "src/components/xv-table/xv-table.model.ts::XvTableColumn": {
+      "declaration": "export interface XvTableColumn {\r\n  id: string;\r\n  label?: string;\r\n  sortable?: boolean;\r\n  sortName?: string;\r\n  align?: XvCellAlign;\r\n  /** Header alignment. Headers read left unless this says otherwise, whatever `align` does. */\r\n  headerAlign?: XvCellAlign;\r\n  overflow?: XvCellOverflow;\r\n  clampLines?: number;\r\n  /** A number is pixels. A CSS length — `25%`, `auto`, `12rem` — is written into the track as is. */\r\n  width?: number | string;\r\n  minWidth?: number;\r\n  maxWidth?: number;\r\n  resizable?: boolean;\r\n  reorderable?: boolean;\r\n  hideable?: boolean;\r\n  hidden?: boolean;\r\n  headerTooltip?: string;\r\n  value?: string | ((row: any) => unknown);\r\n  format?: XvCellFormat;\r\n  formatArg?: string;\r\n}",
+      "docstring": "",
+      "path": "src/components/xv-table/xv-table.model.ts"
+    },
+    "src/components/xv-table/xv-table.model.ts::XvTableMode": {
+      "declaration": "export type XvTableMode = 'none' | 'client' | 'server';",
+      "docstring": "",
+      "path": "src/components/xv-table/xv-table.model.ts"
+    },
+    "src/components/xv-table/xv-table.model.ts::XvTableSort": {
+      "declaration": "export interface XvTableSort {\r\n  name: string;\r\n  direction: XV_SORT_DIR;\r\n}",
+      "docstring": "",
+      "path": "src/components/xv-table/xv-table.model.ts"
+    },
+    "src/components/xv-table/xv-table.model.ts::XvTableSelectionMode": {
+      "declaration": "export type XvTableSelectionMode = 'none' | 'single' | 'multiple';",
+      "docstring": "",
+      "path": "src/components/xv-table/xv-table.model.ts"
+    },
+    "src/components/xv-table/xv-table.model.ts::XvTableExpandMode": {
+      "declaration": "export type XvTableExpandMode = 'none' | 'single' | 'multiple';",
+      "docstring": "",
+      "path": "src/components/xv-table/xv-table.model.ts"
+    },
+    "src/components/xv-table/xv-table.model.ts::XvTableLayout": {
+      "declaration": "export interface XvTableLayout {\r\n  v: number;\r\n  order: string[];\r\n  widths: Record<string, number>;\r\n  hidden: Record<string, boolean>;\r\n}",
+      "docstring": "",
+      "path": "src/components/xv-table/xv-table.model.ts"
+    },
+    "src/components/xv-table/xv-table.model.ts::XvTableSelectionDetail": {
+      "declaration": "export interface XvTableSelectionDetail {\r\n  values: unknown[];\r\n  all: boolean;\r\n  partial: boolean;\r\n}",
+      "docstring": "",
+      "path": "src/components/xv-table/xv-table.model.ts"
+    },
+    "src/components/xv-table/xv-table.model.ts::XvTableExpandedDetail": {
+      "declaration": "export interface XvTableExpandedDetail {\r\n  values: unknown[];\r\n}",
+      "docstring": "",
+      "path": "src/components/xv-table/xv-table.model.ts"
+    },
+    "src/components/xv-table/xv-table.model.ts::XvTablePage": {
+      "declaration": "export interface XvTablePage {\r\n  page: number;\r\n  pageSize: number;\r\n}",
+      "docstring": "",
+      "path": "src/components/xv-table/xv-table.model.ts"
+    },
+    "src/components/xv-table/xv-table.model.ts::XvTableRowClickDetail": {
+      "declaration": "export interface XvTableRowClickDetail {\r\n  value: unknown;\r\n  index: number;\r\n}",
+      "docstring": "",
+      "path": "src/components/xv-table/xv-table.model.ts"
+    },
+    "src/components/xv-table/xv-table.model.ts::XvTableRowOrder": {
+      "declaration": "export interface XvTableRowOrder {\r\n  from: number;\r\n  to: number;\r\n}",
+      "docstring": "",
+      "path": "src/components/xv-table/xv-table.model.ts"
+    },
+    "src/components/xv-table/xv-table.model.ts::XvCellAlign": {
+      "declaration": "export type XvCellAlign = 'start' | 'center' | 'end';",
       "docstring": "",
-      "path": "src/components/xv-table/_vars.ts"
+      "path": "src/components/xv-table/xv-table.model.ts"
     },
-    "src/components/xv-table/_vars.ts::SelectRowDto": {
-      "declaration": "export interface SelectRowDto {\n  name: string;\n  checked: boolean;\n  value?: string | number | object;\n  partial?: boolean;\n  header?: boolean;\n  expandable?: boolean;\n}",
+    "src/components/xv-table/xv-table.model.ts::XvCellOverflow": {
+      "declaration": "export type XvCellOverflow = 'ellipsis' | 'clamp' | 'wrap';",
       "docstring": "",
-      "path": "src/components/xv-table/_vars.ts"
+      "path": "src/components/xv-table/xv-table.model.ts"
     },
     "src/components/xv-tabs/_vars.ts::TABS_VATIANT_STR": {
       "declaration": "export type TABS_VATIANT_STR = '' | 'glued';",