@mortenbrudvik/waveui 0.7.0 → 0.9.0

package/dist/components/table/DataGrid.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataGrid.mjs","names":["useId","_Fragment","useId$1","React","DEFAULT_SELECT_ALL_LABEL","DEFAULT_SELECTION_HEADER_LABEL","createSelectionStore","selected","initial","registered","selectedRegistered","selectAll","singleMode","initialSingleMode","singleId","rowListeners","selectAllListeners","notify","listener","listeners","getSingleId","first","rowId","onRegistrationChange","previous","updateSelectAll","next","subscribeTo","count","done","remaining","items","item","single","createHeaderSlotRegistry","slots","update","nextCell","slot","getCell","cell","DataGridContext","DataGridSortContext","DataGridSectionContext","DataGridHeaderSlotsContext","DataGridHeaderRowHintContext","INERT_CONTEXT","INERT_SORT_CONTEXT","useDataGridContext","reportMissingContext","component","useDataGridSortContext","EMPTY_ITEMS","toItems","keys","sameItems","a","b","index","renderFlatChild","node","key","warnDuplicateRowId","cellBase","selectionCell","nativeControl","DataGridRoot","sortProp","sortColumnProp","sortDirectionProp","selectedItemsProp","rest","props","usesSortApi","defaultSort","sortApiMode","setSortApiMode","objectCallbacks","legacySortControlled","warnDeprecated","defaultSortColumn","defaultSortDirection","mixedSortApi","warnOnce","legacyHalves","setLegacyHalves","legacyControlledSort","column","legacyDefaultSort","sort","setSort","useControllable","onSortChange","requestSort","columnId","sortContext","onSelectionChange","legacySelected","selectedKeys","legacyDefaultSelected","defaultSelectedKeys","controlledSelected","resolveDeprecatedProp","defaultSelected","defaultSelectedItems","setSelected","onSelectedItemsChange","selectionMode","store","toggleRow","effective","selectedCount","toggleAll","all","radioName","selectAllLabel","labels","selectionHeaderLabel","context","useGridNavigation","mergedRef","useMergedRefs","ref","gridRef","content","children","flatChildren","columns","flattenChildren","isElementOfType","DataGridHeader","isCaption","Fragment","DataGridHeaderCell","child","containerClassName","containerLabel","containerLabelledBy","containerRest","containerProps","containerHasRole","droppedContainerName","cn","className","composeEventHandlers","onKeyDown","gridProps","onFocus","onBlur","DataGridSelectionHeaderCell","state","inputRef","clicks","setClicks","focusRingInset","INERT_HEADER_SLOTS","DataGridSelectionHeaderSlot","cellRef","getIsFirst","initialFirst","getServerIsFirst","isFirst","withSelectionHeaderSlots","visit","nodes","thead","setThead","isDev","row","sortIcon","direction","sortColumnId","sortable","sortedDirection","sortOnButtonClick","button","event","onClick","DataGridBody","DataGridRow","section","firstHeaderRowHint","inHeader","selectable","labelId","getSelected","isSelected","unregister","unlabelled","selectionLabel","handleKeyDown","target","labelledBy","idCellIndex","firstCellIndex","DataGridCell","firstCell","needsLabel","selectionCellElement","forcedColors","DataGrid"],"sources":["../../../src/components/table/DataGrid.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { flattenChildren, isElementOfType } from '../../lib/children';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport {\n  isDev,\n  reportMissingContext,\n  resolveDeprecatedProp,\n  warnDeprecated,\n  warnOnce,\n} from '../../lib/dev';\nimport { focusRingInset, forcedColors } from '../../lib/styles';\nimport type { SelectionMode } from '../../lib/types';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useId } from '../../hooks/useId';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { useGridNavigation } from './useGridNavigation';\n\nexport type SortDirection = 'ascending' | 'descending';\n\n/** The sort state of a DataGrid: the sorted column and its direction. */\nexport interface DataGridSort {\n  /** The `columnId` of the sorted column. */\n  columnId: string;\n  /** The sort direction. */\n  direction: SortDirection;\n}\n\n/** Defines a column in the DataGrid. */\nexport interface DataGridColumn {\n  /** Unique identifier for the column (the header cell's `columnId`). */\n  id: string;\n  /** Display label for the column header. */\n  label: string;\n  /** Whether the column supports sorting. */\n  sortable?: boolean;\n}\n\n/** The built-in text of a DataGrid, for localization (see `DataGridBaseProps.labels`). */\nexport interface DataGridLabels {\n  /** Accessible name of the select-all checkbox in the header (`selectionMode=\"multiple\"`).\n   * @default 'Select all rows'\n   */\n  selectAll?: string;\n  /**\n   * Visually hidden text of the selection column's header cell (`selectionMode=\"single\"`), which\n   * names that column.\n   * @default 'Selection'\n   */\n  selectionHeader?: string;\n}\n\nconst DEFAULT_SELECT_ALL_LABEL = 'Select all rows';\nconst DEFAULT_SELECTION_HEADER_LABEL = 'Selection';\n\n/** Props of every DataGrid, whatever sort API it uses. */\nexport interface DataGridBaseProps extends React.HTMLAttributes<HTMLTableElement> {\n  /**\n   * Column definitions. When given and no `DataGrid.Header` child is present, the header row\n   * (including the selection column) is rendered from them: `id` becomes the header cell's\n   * `columnId`, `label` its content, `sortable` makes it a sort button.\n   */\n  columns?: readonly DataGridColumn[];\n  /**\n   * Row selection mode. `'multiple'` adds a checkbox column with a \"Select all rows\" header\n   * checkbox; `'single'` adds a radio column (its header reads \"Selection\" to assistive\n   * technology). `labels` localizes both texts.\n   * @default 'none'\n   */\n  selectionMode?: 'none' | SelectionMode;\n  /**\n   * The name of the select-all checkbox and the header text of the selection column, for\n   * localization. Unset members keep their English defaults. Rows are named with their own\n   * `selectionLabel`.\n   */\n  labels?: DataGridLabels;\n  /**\n   * Controlled selected row ids (`DataGrid.Row` `rowId`). In single mode pass at most one id: with\n   * several, only the first one whose row is rendered is selected (a development warning says so).\n   */\n  selectedItems?: readonly string[];\n  /** Initially selected row ids (uncontrolled). In single mode, at most one (see `selectedItems`). */\n  defaultSelectedItems?: readonly string[];\n  /**\n   * Called with the new selected row ids when the selection changes. Ids of rows that are not\n   * rendered are left out of the reported selection and of the select-all state, so the next\n   * change drops them. Until that change an uncontrolled grid still holds such an id: a row\n   * re-added with the same `rowId` before then is shown selected again.\n   */\n  onSelectedItemsChange?: (selectedItems: string[]) => void;\n  /** @deprecated Use `selectedItems` (an array). A `Set` or an array is accepted. */\n  selectedKeys?: ReadonlySet<string> | readonly string[];\n  /** @deprecated Use `defaultSelectedItems` (an array). A `Set` or an array is accepted. */\n  defaultSelectedKeys?: ReadonlySet<string> | readonly string[];\n  /** @deprecated Use `onSelectedItemsChange`, which receives an array. Both are called. */\n  onSelectionChange?: (keys: Set<string>) => void;\n  /**\n   * Props for the wrapper `<div>` around the `<table>`: a horizontally scrollable container\n   * (`overflow-x-auto`). Use it for its className, style (e.g. a max height) or ref. The wrapper\n   * is not a tab stop (the grid's own cell tab stop scrolls it) and has no role, so its\n   * `aria-label`/`aria-labelledby` are applied only together with a `role` (e.g. `'region'`);\n   * without one they are dropped with a development warning. Name the grid with `aria-label`.\n   */\n  containerProps?: Omit<React.ComponentPropsWithRef<'div'>, 'children'>;\n  /** DataGrid header, body, and row elements. */\n  children: React.ReactNode;\n  /** Ref to the `<table role=\"grid\">` element. */\n  ref?: React.Ref<HTMLTableElement>;\n}\n\ninterface NoDeprecatedSortProps {\n  sortColumn?: never;\n  defaultSortColumn?: never;\n  sortDirection?: never;\n  defaultSortDirection?: never;\n}\n\n/** The 0.5 sort API, controlled: `sort` + `onSortChange(sort)`. */\nexport interface DataGridControlledSortProps extends NoDeprecatedSortProps {\n  /** The controlled sort, or `null` for an unsorted grid. */\n  sort: DataGridSort | null;\n  /** Initial sort while `sort` is not given yet. */\n  defaultSort?: DataGridSort | null;\n  /**\n   * Called with the new sort when a sortable header is activated. Sorting is controlled: the\n   * consumer reorders the rows.\n   */\n  onSortChange?: (sort: DataGridSort) => void;\n}\n\n/** The 0.5 sort API, uncontrolled: `defaultSort` (`null` for none) + `onSortChange(sort)`. */\nexport interface DataGridUncontrolledSortProps extends NoDeprecatedSortProps {\n  sort?: undefined;\n  /** The initial sort, or `null` for an initially unsorted grid. */\n  defaultSort: DataGridSort | null;\n  /**\n   * Called with the new sort when a sortable header is activated. Sorting is controlled: the\n   * consumer reorders the rows.\n   */\n  onSortChange?: (sort: DataGridSort) => void;\n}\n\n/**\n * The 0.4 sort API: `onSortChange(columnId, direction)` and the deprecated `sortColumn`/\n * `sortDirection` props. It applies whenever neither `sort` nor `defaultSort` is given. As in 0.4,\n * the column and the direction can be controlled independently: the half that is not controlled is\n * kept internally and follows every sort request (mixed control, warned in development).\n */\nexport interface DataGridLegacySortProps {\n  sort?: undefined;\n  defaultSort?: undefined;\n  /**\n   * @deprecated Use `sort` (`{ columnId, direction }` or `null`). Without `sortDirection`, the\n   * direction is kept internally (it toggles on repeated clicks).\n   */\n  sortColumn?: string;\n  /** @deprecated Use `defaultSort`. */\n  defaultSortColumn?: string;\n  /**\n   * @deprecated Use `sort`. Without `sortColumn`, the column is kept internally (it follows the\n   * clicked header, starting from `defaultSortColumn`).\n   */\n  sortDirection?: SortDirection;\n  /** @deprecated Use `defaultSort`. */\n  defaultSortDirection?: SortDirection;\n  /**\n   * Called when a sortable header is activated, with the 0.4 arguments. Pass `sort` or\n   * `defaultSort` to receive a `DataGridSort` object instead: `defaultSort={null}` turns the\n   * object form on for an initially unsorted grid. A `sort` that is still `undefined` (e.g. while\n   * data loads) does not: pass `sort={sort ?? null}`.\n   *\n   * @example\n   * <DataGrid defaultSort={null} onSortChange={(sort) => setSort(sort)}>…</DataGrid>\n   */\n  onSortChange?: (columnId: string, direction: SortDirection) => void;\n}\n\n/**\n * Properties for the DataGrid component. The sort props form a union: `sort`/`defaultSort` with\n * `onSortChange(sort)` (0.5), or the 0.4 form `onSortChange(columnId, direction)` with the\n * deprecated `sortColumn`/`sortDirection`/`defaultSortColumn`/`defaultSortDirection`. The two\n * cannot be mixed.\n */\nexport type DataGridProps = DataGridBaseProps &\n  (DataGridControlledSortProps | DataGridUncontrolledSortProps | DataGridLegacySortProps);\n\n/** Properties for the DataGridHeader sub-component. */\nexport interface DataGridHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  /**\n   * Header row elements. Each `<tr>` child (also inside a Fragment) gets the selection column's\n   * header cell prepended when the grid is selectable; a header row rendered by another component\n   * should be a `DataGrid.Row`, which adds the cell itself. With several header rows (a grouped\n   * header), only the first one gets the \"Select all rows\" control; later rows get an empty cell.\n   */\n  children: React.ReactNode;\n  /** Ref to the `<thead>` element. */\n  ref?: React.Ref<HTMLTableSectionElement>;\n}\n\n/** Properties for the DataGridHeaderCell sub-component. */\nexport interface DataGridHeaderCellProps extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  /** Column ID used for sort tracking. Required for `sortable`. */\n  columnId?: string;\n  /**\n   * Whether this column can be sorted. The content is rendered inside a `<button>`; the header\n   * cell carries `aria-sort`. Ignored (with a development warning) without `columnId`.\n   * @default false\n   */\n  sortable?: boolean;\n  /** Header cell content. */\n  children: React.ReactNode;\n  /** Ref to the `<th>` element. */\n  ref?: React.Ref<HTMLTableCellElement>;\n}\n\n/** Properties for the DataGridBody sub-component. */\nexport interface DataGridBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  /** DataGrid row elements. */\n  children: React.ReactNode;\n  /** Ref to the `<tbody>` element. */\n  ref?: React.Ref<HTMLTableSectionElement>;\n}\n\n/** Properties for the DataGridRow sub-component. */\nexport interface DataGridRowProps extends React.HTMLAttributes<HTMLTableRowElement> {\n  /**\n   * Unique identifier for this row, used for selection (rows that share one are selected together;\n   * a duplicate warns in development). A selectable grid renders no selection control (and warns\n   * in development) for a row without it.\n   */\n  rowId?: string;\n  /**\n   * Accessible name of the row's selection control. Defaults to the row's first child that is a\n   * `DataGrid.Cell`, `<td>` or `<th>` element (`aria-labelledby`); a cell that another component\n   * renders is not seen, so pass `selectionLabel` when the row's first cell is one. Without such a\n   * child the control is named \"Select row\" (with a development warning).\n   */\n  selectionLabel?: string;\n  /** DataGrid cell elements. */\n  children: React.ReactNode;\n  /** Ref to the `<tr>` element. */\n  ref?: React.Ref<HTMLTableRowElement>;\n}\n\n/** Properties for the DataGridCell sub-component. */\nexport interface DataGridCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {\n  /** Cell content. */\n  children: React.ReactNode;\n  /** Ref to the `<td>` element. */\n  ref?: React.Ref<HTMLTableCellElement>;\n}\n\n// ---------------------------------------------------------------------------\n// Selection store\n// ---------------------------------------------------------------------------\n\ntype SelectAllState = 'all' | 'some' | 'none';\n\n/**\n * Selection state shared with the rows through `useSyncExternalStore`, so toggling one row\n * re-renders only that row (and the select-all header cell). The root pushes the committed\n * selection in a layout effect; rows register their ids. The effective selection is always\n * `selected ∩ registered`, derived on read (no pruning effect).\n *\n * @internal Not exported from the package (exported for its unit tests).\n */\nexport interface SelectionStore {\n  /**\n   * Row subscription: notified only when the selection changes. Rows registering or unregistering\n   * notify no row, so adding or removing k of n rows costs O(k), not O(k·n); the one exception is\n   * single mode with several selected ids, where a row registering can move the selected row.\n   */\n  subscribe(listener: () => void): () => void;\n  /**\n   * Select-all subscription: notified only when {@link getSelectAllState} changes (through the\n   * selection or through rows registering and unregistering).\n   */\n  subscribeSelectAll(listener: () => void): () => void;\n  /** Registers a rendered row id; returns the unregister function. */\n  register(rowId: string): () => void;\n  /** How many rendered rows are registered with `rowId` (more than one: a duplicate). */\n  countRegistrations(rowId: string): number;\n  /** Sets the committed selection (layout effect of the root). */\n  setSelected(items: readonly string[]): void;\n  /**\n   * Sets whether the grid is in single mode (layout effect of the root). Only then do rows\n   * registering or unregistering re-check the one selected row of single mode and notify the rows.\n   */\n  setSingleMode(single: boolean): void;\n  /**\n   * Whether the row is selected. With `single`, only one row is: the first selected id (in\n   * selection order) whose row is registered, else the first selected id (before any row\n   * registered: the server render and the first client render).\n   */\n  isSelected(rowId: string, single?: boolean): boolean;\n  /** Whether all, some or none of the registered rows are selected. O(1). */\n  getSelectAllState(): SelectAllState;\n  /** Registered row ids in registration order. */\n  getRegistered(): string[];\n  /** `items` restricted to registered rows (order of `items`). */\n  prune(items: readonly string[]): string[];\n}\n\n/**\n * Creates the {@link SelectionStore} of one DataGrid.\n *\n * @internal Not exported from the package (exported for its unit tests).\n */\nexport function createSelectionStore(\n  initial: readonly string[],\n  initialSingleMode = false,\n): SelectionStore {\n  let selected: ReadonlySet<string> = new Set(initial);\n  /** Registered row id -> number of rows registered with it. */\n  const registered = new Map<string, number>();\n  /** How many registered row ids are selected (kept up to date, so select-all is O(1)). */\n  let selectedRegistered = 0;\n  let selectAll: SelectAllState = 'none';\n  let singleMode = initialSingleMode;\n  /** The one selected row of single mode (see `isSelected`); `undefined`: not computed yet. */\n  let singleId: string | null | undefined;\n  const rowListeners = new Set<() => void>();\n  const selectAllListeners = new Set<() => void>();\n\n  const notify = (listeners: Set<() => void>) => {\n    for (const listener of Array.from(listeners)) listener();\n  };\n\n  /** Computed on read: O(selected ids) once per change, and only in single mode. */\n  const getSingleId = (): string | null => {\n    if (singleId !== undefined) return singleId;\n    let first: string | null = null;\n    for (const rowId of selected) {\n      if (registered.has(rowId)) {\n        first = rowId;\n        break;\n      }\n      first ??= rowId;\n    }\n    singleId = first;\n    return first;\n  };\n\n  /**\n   * A row id registered or unregistered. With several selected ids, the one selected row of\n   * single mode can move: in single mode it is re-checked and the rows are notified if it moved.\n   */\n  const onRegistrationChange = (rowId: string) => {\n    if (selected.size < 2 || !selected.has(rowId)) return;\n    const previous = singleId;\n    singleId = undefined;\n    if (singleMode && getSingleId() !== previous) notify(rowListeners);\n  };\n\n  const updateSelectAll = () => {\n    const next: SelectAllState =\n      selectedRegistered === 0 ? 'none' : selectedRegistered === registered.size ? 'all' : 'some';\n    if (next === selectAll) return;\n    selectAll = next;\n    notify(selectAllListeners);\n  };\n\n  const subscribeTo = (listeners: Set<() => void>) => (listener: () => void) => {\n    listeners.add(listener);\n    return () => {\n      listeners.delete(listener);\n    };\n  };\n\n  return {\n    subscribe: subscribeTo(rowListeners),\n    subscribeSelectAll: subscribeTo(selectAllListeners),\n    register(rowId) {\n      const count = registered.get(rowId) ?? 0;\n      registered.set(rowId, count + 1);\n      if (count === 0 && selected.has(rowId)) selectedRegistered += 1;\n      updateSelectAll();\n      if (count === 0) onRegistrationChange(rowId);\n      let done = false;\n      return () => {\n        if (done) return;\n        done = true;\n        const remaining = (registered.get(rowId) ?? 0) - 1;\n        if (remaining > 0) {\n          registered.set(rowId, remaining);\n          return;\n        }\n        registered.delete(rowId);\n        if (selected.has(rowId)) selectedRegistered -= 1;\n        updateSelectAll();\n        onRegistrationChange(rowId);\n      };\n    },\n    setSelected(items) {\n      const next = new Set(items);\n      if (next.size === selected.size && items.every((item) => selected.has(item))) return;\n      selected = next;\n      singleId = undefined;\n      selectedRegistered = 0;\n      for (const rowId of next) if (registered.has(rowId)) selectedRegistered += 1;\n      notify(rowListeners);\n      updateSelectAll();\n    },\n    setSingleMode(single) {\n      singleMode = single;\n    },\n    isSelected(rowId, single = false) {\n      return single ? getSingleId() === rowId : selected.has(rowId);\n    },\n    countRegistrations(rowId) {\n      return registered.get(rowId) ?? 0;\n    },\n    getSelectAllState() {\n      return selectAll;\n    },\n    getRegistered() {\n      return Array.from(registered.keys());\n    },\n    prune(items) {\n      return items.filter((item) => registered.has(item));\n    },\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Header selection slots\n// ---------------------------------------------------------------------------\n\n/**\n * The selection column's header slots of one `DataGrid.Header`, one per header row. Only the first\n * slot in document order renders the \"Select all rows\" control (the \"Selection\" text in single\n * mode); the others render an empty cell, so a grouped header (several header rows) has one control\n * and every header row keeps the selection column.\n */\ninterface HeaderSlotRegistry {\n  subscribe(listener: () => void): () => void;\n  /** Registers a slot and a getter for its current cell; returns the unregister function. */\n  register(slot: object, getCell: () => Element | null): () => void;\n  /** The first slot in document order, or `null` while no slot is registered. */\n  getFirst(): object | null;\n  /** Re-checks the order: header rows can move without a slot mounting or unmounting. */\n  refresh(): void;\n}\n\nfunction createHeaderSlotRegistry(): HeaderSlotRegistry {\n  const slots = new Map<object, () => Element | null>();\n  const listeners = new Set<() => void>();\n  let first: object | null = null;\n\n  const update = () => {\n    let next: object | null = null;\n    let nextCell: Element | null = null;\n    for (const [slot, getCell] of slots) {\n      const cell = getCell();\n      if (!cell) {\n        // A slot whose cell is being replaced (control <-> empty cell): keep the current order\n        // until the next registration or header commit sees every cell again.\n        if (first !== null && slots.has(first)) return;\n        continue;\n      }\n      if (!nextCell || cell.compareDocumentPosition(nextCell) & Node.DOCUMENT_POSITION_FOLLOWING) {\n        next = slot;\n        nextCell = cell;\n      }\n    }\n    if (next === null) next = slots.keys().next().value ?? null;\n    if (next === first) return;\n    first = next;\n    for (const listener of Array.from(listeners)) listener();\n  };\n\n  return {\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n    register(slot, getCell) {\n      slots.set(slot, getCell);\n      update();\n      return () => {\n        slots.delete(slot);\n        update();\n      };\n    },\n    getFirst: () => first,\n    refresh: update,\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Contexts\n// ---------------------------------------------------------------------------\n\ninterface DataGridContextValue {\n  selectionMode: 'none' | SelectionMode;\n  store: SelectionStore;\n  /** Toggles one row (single mode: selects it alone, or clears it). */\n  toggleRow: (rowId: string) => void;\n  /** Selects every rendered row, or clears the selection when all are selected. */\n  toggleAll: () => void;\n  /** Shared `name` of the single-mode radios (they are kept out of any form with `form=\"\"`). */\n  radioName: string;\n  /** Name of the select-all checkbox (multiple mode). */\n  selectAllLabel: string;\n  /** Hidden header text of the selection column (single mode). */\n  selectionHeaderLabel: string;\n}\n\ninterface DataGridSortContextValue {\n  sort: DataGridSort | null;\n  requestSort: (columnId: string) => void;\n}\n\ntype DataGridSection = 'header' | 'body';\n\nconst DataGridContext = React.createContext<DataGridContextValue | null>(null);\nconst DataGridSortContext = React.createContext<DataGridSortContextValue | null>(null);\n/** Whether a row is rendered in the header or the body (rows in a header get a header cell). */\nconst DataGridSectionContext = React.createContext<DataGridSection>('body');\n/** The header's selection slots (see {@link HeaderSlotRegistry}). */\nconst DataGridHeaderSlotsContext = React.createContext<HeaderSlotRegistry | null>(null);\n/**\n * Whether the header row below is the header's first row, as far as the header can tell from its\n * children. Only the initial (and server) render uses it; the slots then follow the DOM order.\n */\nconst DataGridHeaderRowHintContext = React.createContext(true);\n\nconst INERT_STORE = createSelectionStore([]);\nconst INERT_CONTEXT: DataGridContextValue = {\n  selectionMode: 'none',\n  store: INERT_STORE,\n  toggleRow: () => {},\n  toggleAll: () => {},\n  radioName: '',\n  selectAllLabel: DEFAULT_SELECT_ALL_LABEL,\n  selectionHeaderLabel: DEFAULT_SELECTION_HEADER_LABEL,\n};\nconst INERT_SORT_CONTEXT: DataGridSortContextValue = { sort: null, requestSort: () => {} };\n\nfunction useDataGridContext(component: string): DataGridContextValue {\n  const ctx = React.useContext(DataGridContext);\n  if (ctx) return ctx;\n  reportMissingContext(component, 'DataGrid');\n  return INERT_CONTEXT;\n}\n\nfunction useDataGridSortContext(component: string): DataGridSortContextValue {\n  const ctx = React.useContext(DataGridSortContext);\n  if (ctx) return ctx;\n  reportMissingContext(component, 'DataGrid');\n  return INERT_SORT_CONTEXT;\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nconst EMPTY_ITEMS: readonly string[] = [];\n\nfunction toItems(\n  keys: ReadonlySet<string> | readonly string[] | undefined,\n): readonly string[] | undefined {\n  return keys === undefined ? undefined : Array.from(keys);\n}\n\nfunction sameItems(a: readonly string[], b: readonly string[]): boolean {\n  return a.length === b.length && a.every((item, index) => item === b[index]);\n}\n\n/** A child of {@link flattenChildren} under its flattened key (unique across the flattened list). */\nfunction renderFlatChild({ key, node }: { key: string; node: React.ReactNode }): React.ReactNode {\n  return <React.Fragment key={key}>{node}</React.Fragment>;\n}\n\nfunction warnDuplicateRowId(rowId: string): void {\n  warnOnce(\n    `DataGrid:duplicate-rowId:${rowId}`,\n    `DataGrid: several rows share the rowId \"${rowId}\". Row ids must be unique within a ` +\n      'DataGrid; rows with the same rowId are selected and deselected together.',\n  );\n}\n\nconst cellBase = 'px-4 py-3 border-b border-border';\nconst selectionCell = 'w-10 px-3 py-3 border-b border-border';\nconst nativeControl = 'accent-primary cursor-pointer';\n\n// ---------------------------------------------------------------------------\n// DataGrid\n// ---------------------------------------------------------------------------\n\n// The component-level JSDoc sits on the exported `DataGrid` below.\nconst DataGridRoot = (props: DataGridProps) => {\n  const {\n    sort: sortProp,\n    defaultSort,\n    sortColumn: sortColumnProp,\n    defaultSortColumn,\n    sortDirection: sortDirectionProp,\n    defaultSortDirection,\n    onSortChange,\n    selectionMode = 'none',\n    selectedItems: selectedItemsProp,\n    defaultSelectedItems,\n    onSelectedItemsChange,\n    selectedKeys,\n    defaultSelectedKeys,\n    onSelectionChange,\n    labels,\n    columns,\n    containerProps,\n    children,\n    className,\n    onKeyDown,\n    onFocus,\n    onBlur,\n    ref,\n    ...rest\n  } = props;\n\n  // --- sort -----------------------------------------------------------------\n  /** 0.5 API: `onSortChange(sort)`. Sticky once `sort`/`defaultSort` was given. */\n  const usesSortApi = sortProp !== undefined || defaultSort !== undefined;\n  const [sortApiMode, setSortApiMode] = React.useState(usesSortApi);\n  if (usesSortApi && !sortApiMode) setSortApiMode(true);\n  const objectCallbacks = sortApiMode || usesSortApi;\n\n  const legacySortControlled = sortColumnProp !== undefined || sortDirectionProp !== undefined;\n  if (sortColumnProp !== undefined) warnDeprecated('DataGrid', 'sortColumn', 'sort');\n  if (sortDirectionProp !== undefined) warnDeprecated('DataGrid', 'sortDirection', 'sort');\n  if (defaultSortColumn !== undefined) {\n    warnDeprecated('DataGrid', 'defaultSortColumn', 'defaultSort');\n  }\n  if (defaultSortDirection !== undefined) {\n    warnDeprecated('DataGrid', 'defaultSortDirection', 'defaultSort');\n  }\n  const mixedSortApi =\n    usesSortApi &&\n    (legacySortControlled || defaultSortColumn !== undefined || defaultSortDirection !== undefined);\n\n  React.useEffect(() => {\n    if (mixedSortApi) {\n      warnOnce(\n        'DataGrid:mixed-sort',\n        'DataGrid: do not mix `sort`/`defaultSort` with the deprecated `sortColumn`/`sortDirection`/' +\n          '`defaultSortColumn`/`defaultSortDirection`. `sort`/`defaultSort` win.',\n      );\n    }\n  }, [mixedSortApi]);\n  // 0.4 mixed control: `sortColumn` and `sortDirection` are controlled independently. The half the\n  // parent does not control is kept here (seeded from its default) and follows every sort request,\n  // as 0.4 did, so repeated clicks still alternate and aria-sort shows what was reported.\n  React.useEffect(() => {\n    if (usesSortApi) return;\n    if (sortColumnProp !== undefined && sortDirectionProp === undefined) {\n      warnOnce(\n        'DataGrid:sortColumn-without-sortDirection',\n        'DataGrid: `sortColumn` is controlled but `sortDirection` is not (mixed control). The ' +\n          'direction is kept internally and toggles on repeated clicks, as in 0.4. Pass `sort` ' +\n          '(`{ columnId, direction }`) to control both.',\n      );\n    } else if (sortDirectionProp !== undefined && sortColumnProp === undefined) {\n      warnOnce(\n        'DataGrid:sortDirection-without-sortColumn',\n        'DataGrid: `sortDirection` is controlled but `sortColumn` is not (mixed control). The ' +\n          'column is kept internally and follows the clicked header, as in 0.4. Pass `sort` ' +\n          '(`{ columnId, direction }`) to control both.',\n      );\n    }\n  }, [usesSortApi, sortColumnProp, sortDirectionProp]);\n\n  /** The uncontrolled halves of the 0.4 sort props (used while the other half is controlled). */\n  const [legacyHalves, setLegacyHalves] = React.useState<{\n    column: string;\n    direction: SortDirection;\n  }>(() => ({\n    column: defaultSortColumn ?? '',\n    direction: defaultSortDirection ?? 'ascending',\n  }));\n\n  const legacyControlledSort = React.useMemo<DataGridSort | null | undefined>(() => {\n    if (sortColumnProp === undefined && sortDirectionProp === undefined) return undefined;\n    const column = sortColumnProp ?? legacyHalves.column;\n    return column === ''\n      ? null\n      : { columnId: column, direction: sortDirectionProp ?? legacyHalves.direction };\n  }, [sortColumnProp, sortDirectionProp, legacyHalves]);\n\n  const legacyDefaultSort = React.useMemo<DataGridSort | null>(\n    () =>\n      defaultSortColumn\n        ? { columnId: defaultSortColumn, direction: defaultSortDirection ?? 'ascending' }\n        : null,\n    [defaultSortColumn, defaultSortDirection],\n  );\n\n  const controlledSort = usesSortApi ? sortProp : legacyControlledSort;\n  const initialSort = defaultSort !== undefined ? defaultSort : legacyDefaultSort;\n\n  const emitSortChange = (next: DataGridSort | null) => {\n    if (!next) return;\n    if (!usesSortApi) {\n      setLegacyHalves((previous) =>\n        previous.column === next.columnId && previous.direction === next.direction\n          ? previous\n          : { column: next.columnId, direction: next.direction },\n      );\n    }\n    if (!onSortChange) return;\n    if (objectCallbacks) {\n      (onSortChange as (sort: DataGridSort) => void)(next);\n    } else {\n      const legacy = onSortChange as (columnId: string, direction: SortDirection) => void;\n      legacy(next.columnId, next.direction);\n    }\n  };\n\n  const [sort, setSort] = useControllable<DataGridSort | null>(\n    controlledSort,\n    initialSort,\n    emitSortChange,\n  );\n\n  const requestSort = React.useCallback(\n    (columnId: string) => {\n      setSort((previous) => ({\n        columnId,\n        direction:\n          previous?.columnId === columnId && previous.direction === 'ascending'\n            ? 'descending'\n            : 'ascending',\n      }));\n    },\n    [setSort],\n  );\n\n  const sortContext = React.useMemo<DataGridSortContextValue>(\n    () => ({ sort, requestSort }),\n    [sort, requestSort],\n  );\n\n  // --- selection ------------------------------------------------------------\n  if (onSelectionChange !== undefined) {\n    warnDeprecated('DataGrid', 'onSelectionChange', 'onSelectedItemsChange');\n  }\n  const legacySelected = React.useMemo(() => toItems(selectedKeys), [selectedKeys]);\n  const legacyDefaultSelected = React.useMemo(\n    () => toItems(defaultSelectedKeys),\n    [defaultSelectedKeys],\n  );\n  const controlledSelected = resolveDeprecatedProp(\n    'DataGrid',\n    selectedItemsProp,\n    legacySelected,\n    'selectedKeys',\n    'selectedItems',\n  );\n  const defaultSelected =\n    resolveDeprecatedProp(\n      'DataGrid',\n      defaultSelectedItems,\n      legacyDefaultSelected,\n      'defaultSelectedKeys',\n      'defaultSelectedItems',\n    ) ?? EMPTY_ITEMS;\n\n  const emitSelectionChange = (next: readonly string[]) => {\n    onSelectedItemsChange?.([...next]);\n    onSelectionChange?.(new Set(next));\n  };\n\n  const [selected, setSelected] = useControllable<readonly string[]>(\n    controlledSelected,\n    defaultSelected,\n    emitSelectionChange,\n  );\n\n  const single = selectionMode === 'single';\n  const [store] = React.useState(() => createSelectionStore(selected, single));\n  React.useLayoutEffect(() => {\n    store.setSelected(selected);\n  }, [store, selected]);\n  React.useLayoutEffect(() => {\n    store.setSingleMode(single);\n  }, [store, single]);\n\n  const toggleRow = React.useCallback(\n    (rowId: string) => {\n      setSelected((previous) => {\n        const effective = store.prune(previous);\n        let next: string[];\n        if (single) {\n          // Single mode shows the first selected row that is rendered (see the store).\n          next = effective[0] === rowId ? [] : [rowId];\n        } else {\n          next = effective.includes(rowId)\n            ? effective.filter((item) => item !== rowId)\n            : [...effective, rowId];\n        }\n        return sameItems(next, previous) ? previous : next;\n      });\n    },\n    [single, setSelected, store],\n  );\n\n  const selectedCount = selected.length;\n  React.useEffect(() => {\n    if (single && selectedCount > 1) {\n      warnOnce(\n        'DataGrid:single-several-selected',\n        `DataGrid: a single-selection grid (selectionMode \"single\") has ${selectedCount} selected row ids; only the first one that is rendered is selected. Pass at most one id in \\`selectedItems\\`/\\`defaultSelectedItems\\`, or use selectionMode=\"multiple\".`,\n      );\n    }\n  }, [single, selectedCount]);\n\n  const toggleAll = React.useCallback(() => {\n    setSelected((previous) => {\n      const effective = store.prune(previous);\n      const all = store.getRegistered();\n      const allSelected = all.length > 0 && all.every((rowId) => effective.includes(rowId));\n      const next = allSelected ? [] : all;\n      return sameItems(next, previous) ? previous : next;\n    });\n  }, [setSelected, store]);\n\n  const radioName = useId('wave-datagrid-selection');\n  const selectAllLabel = labels?.selectAll ?? DEFAULT_SELECT_ALL_LABEL;\n  const selectionHeaderLabel = labels?.selectionHeader ?? DEFAULT_SELECTION_HEADER_LABEL;\n\n  const context = React.useMemo<DataGridContextValue>(\n    () => ({\n      selectionMode,\n      store,\n      toggleRow,\n      toggleAll,\n      radioName,\n      selectAllLabel,\n      selectionHeaderLabel,\n    }),\n    [selectionMode, store, toggleRow, toggleAll, radioName, selectAllLabel, selectionHeaderLabel],\n  );\n\n  // --- keyboard -------------------------------------------------------------\n  const { gridRef, gridProps } = useGridNavigation();\n  const mergedRef = useMergedRefs<HTMLTableElement>(ref, gridRef);\n\n  // --- header from columns ----------------------------------------------------\n  let content: React.ReactNode = children;\n  const flatChildren = columns ? flattenChildren(children) : [];\n  if (columns && !flatChildren.some(({ node }) => isElementOfType(node, DataGridHeader))) {\n    // A `<caption>` stays the table's first child, before the generated header.\n    const isCaption = ({ node }: { node: React.ReactNode }) => isElementOfType(node, 'caption');\n    content = (\n      <>\n        {flatChildren.filter(isCaption).map(renderFlatChild)}\n        <DataGridHeader>\n          <tr>\n            {columns.map((column) => (\n              <DataGridHeaderCell key={column.id} columnId={column.id} sortable={column.sortable}>\n                {column.label}\n              </DataGridHeaderCell>\n            ))}\n          </tr>\n        </DataGridHeader>\n        {flatChildren.filter((child) => !isCaption(child)).map(renderFlatChild)}\n      </>\n    );\n  }\n\n  const {\n    className: containerClassName,\n    'aria-label': containerLabel,\n    'aria-labelledby': containerLabelledBy,\n    ...containerRest\n  } = containerProps ?? {};\n  // The wrapper has no role of its own, and a name is prohibited on a role-less `<div>`: the\n  // consumer's name is kept only together with a role.\n  const containerHasRole = containerRest.role !== undefined;\n  const droppedContainerName =\n    !containerHasRole && (containerLabel !== undefined || containerLabelledBy !== undefined);\n\n  React.useEffect(() => {\n    if (droppedContainerName) {\n      warnOnce(\n        'DataGrid:container-name-without-role',\n        'DataGrid: `containerProps[\"aria-label\"]`/`[\"aria-labelledby\"]` is ignored because the ' +\n          'wrapper has no role. Name the grid itself (`aria-label` on DataGrid), or pass a ' +\n          '`role` (e.g. \"region\") in `containerProps` too.',\n      );\n    }\n  }, [droppedContainerName]);\n\n  return (\n    <DataGridContext.Provider value={context}>\n      <DataGridSortContext.Provider value={sortContext}>\n        <div\n          {...containerRest}\n          aria-label={containerHasRole ? containerLabel : undefined}\n          aria-labelledby={containerHasRole ? containerLabelledBy : undefined}\n          className={cn('overflow-x-auto rounded-md border border-border', containerClassName)}\n        >\n          <table\n            ref={mergedRef}\n            role=\"grid\"\n            aria-multiselectable={selectionMode === 'multiple' || undefined}\n            className={cn('w-full border-separate border-spacing-0', className)}\n            {...rest}\n            onKeyDown={composeEventHandlers(onKeyDown, gridProps.onKeyDown)}\n            onFocus={composeEventHandlers(onFocus, gridProps.onFocus, {\n              checkDefaultPrevented: false,\n            })}\n            onBlur={composeEventHandlers(onBlur, gridProps.onBlur, {\n              checkDefaultPrevented: false,\n            })}\n          >\n            {content}\n          </table>\n        </div>\n      </DataGridSortContext.Provider>\n    </DataGridContext.Provider>\n  );\n};\nDataGridRoot.displayName = 'DataGrid';\n\n// ---------------------------------------------------------------------------\n// Selection header cell (internal)\n// ---------------------------------------------------------------------------\n\nfunction DataGridSelectionHeaderCell({\n  selectionMode,\n  ref,\n}: {\n  selectionMode: SelectionMode;\n  ref?: React.Ref<HTMLTableCellElement>;\n}) {\n  const { store, toggleAll, selectAllLabel, selectionHeaderLabel } =\n    useDataGridContext('DataGrid.Header');\n  const state = React.useSyncExternalStore(\n    store.subscribeSelectAll,\n    store.getSelectAllState,\n    store.getSelectAllState,\n  );\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  // A click clears the checkbox's `indeterminate` flag (checkbox activation does) and React restores\n  // only `checked`, so the flag is re-applied after every click, also when the select-all state\n  // stays the same (a controlled parent that keeps the selection partial, or ignores the change).\n  const [clicks, setClicks] = React.useState(0);\n\n  React.useLayoutEffect(() => {\n    if (inputRef.current) inputRef.current.indeterminate = state === 'some';\n  }, [state, clicks]);\n\n  return (\n    <th\n      ref={ref}\n      scope=\"col\"\n      data-selection-cell=\"\"\n      className={cn(selectionCell, 'text-start', focusRingInset)}\n    >\n      {selectionMode === 'multiple' ? (\n        <input\n          ref={inputRef}\n          type=\"checkbox\"\n          aria-label={selectAllLabel}\n          checked={state === 'all'}\n          onChange={() => {\n            setClicks((count) => count + 1);\n            toggleAll();\n          }}\n          className={cn(nativeControl, focusRingInset)}\n        />\n      ) : (\n        <span className=\"sr-only\">{selectionHeaderLabel}</span>\n      )}\n    </th>\n  );\n}\n\nconst INERT_HEADER_SLOTS: HeaderSlotRegistry = {\n  subscribe: () => () => {},\n  register: () => () => {},\n  getFirst: () => null,\n  refresh: () => {},\n};\n\n/**\n * The selection column's cell of one header row: the select-all header cell in the header's first\n * row (document order), an empty cell in every later row. `initialFirst` is the header's guess from\n * its children, used until the slots are registered (the initial and the server render).\n */\nfunction DataGridSelectionHeaderSlot({\n  selectionMode,\n  initialFirst,\n}: {\n  selectionMode: SelectionMode;\n  initialFirst: boolean;\n}) {\n  const slots = React.useContext(DataGridHeaderSlotsContext) ?? INERT_HEADER_SLOTS;\n  const [slot] = React.useState(() => ({}));\n  const cellRef = React.useRef<HTMLTableCellElement | null>(null);\n\n  const getIsFirst = React.useCallback(() => {\n    const first = slots.getFirst();\n    return first === null ? initialFirst : first === slot;\n  }, [slots, slot, initialFirst]);\n  const getServerIsFirst = React.useCallback(() => initialFirst, [initialFirst]);\n  const isFirst = React.useSyncExternalStore(slots.subscribe, getIsFirst, getServerIsFirst);\n\n  React.useLayoutEffect(() => slots.register(slot, () => cellRef.current), [slots, slot]);\n\n  return isFirst ? (\n    <DataGridSelectionHeaderCell ref={cellRef} selectionMode={selectionMode} />\n  ) : (\n    <td ref={cellRef} data-selection-cell=\"\" className={cn(selectionCell, focusRingInset)} />\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Sub-components\n// ---------------------------------------------------------------------------\n\n/**\n * Prepends the selection column's header slot (or `null`) to every `<tr>` in `children`, looking\n * inside Fragments, and tells every other element child (a `DataGrid.Row`, or a component that\n * renders one) whether it is the header's first row. Every row gets the same child shape in every\n * selection mode, so switching `selectionMode` does not remount the header cells.\n */\nfunction withSelectionHeaderSlots(\n  children: React.ReactNode,\n  selectionMode: 'none' | SelectionMode,\n): React.ReactNode {\n  let first = true;\n  const visit = (nodes: React.ReactNode): React.ReactNode =>\n    React.Children.map(nodes, (child) => {\n      if (isElementOfType<{ children?: React.ReactNode }>(child, React.Fragment)) {\n        return React.cloneElement(child, undefined, visit(child.props.children));\n      }\n      if (!React.isValidElement(child)) return child;\n      const isFirst = first;\n      first = false;\n      if (isElementOfType<{ children?: React.ReactNode }>(child, 'tr')) {\n        const slot =\n          selectionMode === 'none' ? null : (\n            <DataGridSelectionHeaderSlot selectionMode={selectionMode} initialFirst={isFirst} />\n          );\n        return React.cloneElement(child, undefined, slot, child.props.children);\n      }\n      return (\n        <DataGridHeaderRowHintContext.Provider value={isFirst}>\n          {child}\n        </DataGridHeaderRowHintContext.Provider>\n      );\n    });\n  return visit(children);\n}\n\n/**\n * The grid's `<thead>`. When the grid is selectable, it prepends the selection column's header\n * cell to each `<tr>` child, also inside a Fragment: the first header row gets the \"Select all\n * rows\" checkbox (multiple mode) or the \"Selection\" header (single mode; DataGrid's `labels`\n * localizes both), later rows of a grouped header an empty cell. A header row rendered by another\n * component cannot get it (a development warning says so): use `DataGrid.Row` for such a row,\n * which adds the cell itself.\n */\nconst DataGridHeader = ({ children, className, ref, ...rest }: DataGridHeaderProps) => {\n  const { selectionMode } = useDataGridContext('DataGrid.Header');\n  const [thead, setThead] = React.useState<HTMLTableSectionElement | null>(null);\n  const mergedRef = useMergedRefs<HTMLTableSectionElement>(ref, setThead);\n  const [slots] = React.useState(createHeaderSlotRegistry);\n  const content = withSelectionHeaderSlots(children, selectionMode);\n\n  // Every commit, after the rows' slots registered: header rows can move without a slot mounting.\n  React.useLayoutEffect(() => {\n    slots.refresh();\n  });\n\n  // Every commit: header rows can come from components the header cannot see into.\n  React.useEffect(() => {\n    if (!isDev || !thead || selectionMode === 'none') return;\n    const missing = Array.from(thead.rows).some(\n      (row) => row.cells.length > 0 && !row.cells[0].hasAttribute('data-selection-cell'),\n    );\n    if (missing) {\n      warnOnce(\n        'DataGrid.Header:missing-selection-cell',\n        'DataGrid.Header: a header row has no selection column header cell, so the header has one ' +\n          'column fewer than the selectable rows. Render header rows as `<tr>` children of ' +\n          'DataGrid.Header (a Fragment is fine), or use `DataGrid.Row` for a header row that ' +\n          'another component renders.',\n      );\n    }\n  });\n\n  return (\n    <DataGridSectionContext.Provider value=\"header\">\n      <DataGridHeaderSlotsContext.Provider value={slots}>\n        <thead ref={mergedRef} className={cn('bg-card', className)} {...rest}>\n          {content}\n        </thead>\n      </DataGridHeaderSlotsContext.Provider>\n    </DataGridSectionContext.Provider>\n  );\n};\nDataGridHeader.displayName = 'DataGridHeader';\n\nconst sortIcon = (direction: SortDirection) => (\n  <svg\n    className=\"h-3 w-3 shrink-0\"\n    viewBox=\"0 0 12 12\"\n    fill=\"currentColor\"\n    aria-hidden=\"true\"\n    focusable=\"false\"\n  >\n    {direction === 'ascending' ? <path d=\"M6 2L10 8H2L6 2Z\" /> : <path d=\"M6 10L2 4H10L6 10Z\" />}\n  </svg>\n);\n\n/**\n * A column header cell. A `sortable` header (with a `columnId`) renders its content inside a\n * `<button type=\"button\">` that toggles the sort; the `<th>` carries `aria-sort`. A consumer\n * `onClick` (on the `<th>`) runs before the sort, and calling `preventDefault()` in it cancels the\n * sort (also for Enter/Space on the button, which click it).\n */\nconst DataGridHeaderCell = ({\n  columnId,\n  sortable = false,\n  children,\n  className,\n  onClick,\n  ref,\n  ...rest\n}: DataGridHeaderCellProps) => {\n  const { sort, requestSort } = useDataGridSortContext('DataGrid.HeaderCell');\n  /** The column this header sorts, or `undefined` when it is not sortable. */\n  const sortColumnId = sortable && columnId ? columnId : undefined;\n  const sortedDirection =\n    sortColumnId !== undefined && sort?.columnId === sortColumnId ? sort.direction : null;\n\n  // The sort runs from the `<th>` once the button's click bubbled up to it, composed after the\n  // consumer's `onClick` (C-COMPOSE): the consumer runs first and can cancel with preventDefault().\n  // The sort button is the `<th>`'s only child; clicks elsewhere in the cell do not sort.\n  const sortOnButtonClick = (event: React.MouseEvent<HTMLTableCellElement>) => {\n    const button = event.currentTarget.firstElementChild;\n    if (\n      sortColumnId !== undefined &&\n      button?.localName === 'button' &&\n      button.contains(event.target as Node)\n    ) {\n      requestSort(sortColumnId);\n    }\n  };\n\n  React.useEffect(() => {\n    if (sortable && !columnId) {\n      warnOnce(\n        'DataGrid.HeaderCell:sortable-without-columnId',\n        'DataGrid.HeaderCell: `sortable` needs a `columnId`; the header is rendered as not sortable.',\n      );\n    }\n  }, [sortable, columnId]);\n\n  return (\n    <th\n      ref={ref}\n      scope=\"col\"\n      aria-sort={sortColumnId !== undefined ? (sortedDirection ?? 'none') : undefined}\n      className={cn(\n        cellBase,\n        'text-start align-middle font-semibold text-caption-1 uppercase tracking-wider',\n        focusRingInset,\n        sortColumnId !== undefined && 'p-0 hover:bg-subtle-hover',\n        className,\n      )}\n      {...rest}\n      onClick={\n        sortColumnId !== undefined ? composeEventHandlers(onClick, sortOnButtonClick) : onClick\n      }\n    >\n      {sortColumnId !== undefined ? (\n        <button\n          type=\"button\"\n          className={cn(\n            'inline-flex w-full cursor-pointer select-none items-center gap-1 border-0 bg-transparent px-4 py-3 text-start text-inherit [font:inherit] uppercase tracking-wider',\n            focusRingInset,\n          )}\n        >\n          {children}\n          {sortedDirection && sortIcon(sortedDirection)}\n        </button>\n      ) : (\n        <span className=\"inline-flex items-center gap-1\">{children}</span>\n      )}\n    </th>\n  );\n};\nDataGridHeaderCell.displayName = 'DataGridHeaderCell';\n\n/** The grid's `<tbody>`. */\nconst DataGridBody = ({ children, className, ref, ...rest }: DataGridBodyProps) => (\n  <DataGridSectionContext.Provider value=\"body\">\n    <tbody ref={ref} className={className} {...rest}>\n      {children}\n    </tbody>\n  </DataGridSectionContext.Provider>\n);\nDataGridBody.displayName = 'DataGridBody';\n\n/**\n * A grid row. In a selectable grid it starts with a selection cell (checkbox or radio) named\n * after the row's first cell (or `selectionLabel`); Space on one of its cells toggles the row.\n */\nconst DataGridRow = ({\n  rowId,\n  selectionLabel,\n  children,\n  className,\n  onKeyDown,\n  ref,\n  ...rest\n}: DataGridRowProps) => {\n  const { selectionMode, store, toggleRow, radioName } = useDataGridContext('DataGrid.Row');\n  const section = React.useContext(DataGridSectionContext);\n  const firstHeaderRowHint = React.useContext(DataGridHeaderRowHintContext);\n  const inHeader = section === 'header';\n  const selectable = selectionMode !== 'none' && !inHeader;\n  const labelId = useId('wave-datagrid-row-label');\n\n  const single = selectionMode === 'single';\n  const getSelected = React.useCallback(\n    () => rowId !== undefined && store.isSelected(rowId, single),\n    [rowId, store, single],\n  );\n  // Notified only when the selection changes (in multiple mode, rows registering notify no row).\n  const isSelected = React.useSyncExternalStore(store.subscribe, getSelected, getSelected);\n\n  React.useLayoutEffect(() => {\n    if (rowId === undefined || inHeader) return;\n    const unregister = store.register(rowId);\n    if (isDev && store.countRegistrations(rowId) > 1) warnDuplicateRowId(rowId);\n    return unregister;\n  }, [store, rowId, inHeader]);\n\n  React.useEffect(() => {\n    if (selectable && rowId === undefined) {\n      warnOnce(\n        'DataGrid.Row:missing-rowId',\n        'DataGrid.Row: a selectable grid needs a `rowId` on every row; this row has no selection control.',\n      );\n    }\n  }, [selectable, rowId]);\n\n  const unlabelled = selectable && rowId !== undefined && selectionLabel === undefined;\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLTableRowElement>) => {\n    if (!selectable || rowId === undefined || event.key !== ' ') return;\n    const target = event.target as Element;\n    // Only keys pressed on the row itself or on one of its own cells, never on a nested widget.\n    if (target !== event.currentTarget && target.parentElement !== event.currentTarget) return;\n    event.preventDefault();\n    toggleRow(rowId);\n  };\n\n  // Name the selection control after the first cell (its own id, or a generated one). The children\n  // are always flattened (Fragments too) and rendered under their flattened keys, whatever the\n  // mode, so the keys stay the same when `selectionMode`, `selectionLabel` or `rowId` change and\n  // the cells are not remounted.\n  const flatChildren = flattenChildren(children);\n  let labelledBy: string | undefined;\n  let idCellIndex = -1;\n  if (unlabelled) {\n    const firstCellIndex = flatChildren.findIndex(({ node }) =>\n      isElementOfType(node, DataGridCell, 'td', 'th'),\n    );\n    if (firstCellIndex >= 0) {\n      const firstCell = flatChildren[firstCellIndex].node as React.ReactElement<{ id?: string }>;\n      labelledBy = firstCell.props.id ?? labelId;\n      if (firstCell.props.id === undefined) idCellIndex = firstCellIndex;\n    }\n  }\n  const content = flatChildren.map(({ key, node }, index) =>\n    renderFlatChild({\n      key,\n      node:\n        index === idCellIndex\n          ? React.cloneElement(node as React.ReactElement<{ id?: string }>, { id: labelId })\n          : node,\n    }),\n  );\n\n  const needsLabel = unlabelled && labelledBy === undefined;\n  React.useEffect(() => {\n    if (needsLabel) {\n      warnOnce(\n        'DataGrid.Row:selection-label',\n        'DataGrid.Row: no child is a `DataGrid.Cell`, `<td>` or `<th>` element, so the row selection control is named \"Select row\". Pass `selectionLabel` (a cell rendered by another component is not seen).',\n      );\n    }\n  }, [needsLabel]);\n\n  let selectionCellElement: React.ReactNode = null;\n  if (inHeader && selectionMode !== 'none') {\n    selectionCellElement = (\n      <DataGridSelectionHeaderSlot\n        selectionMode={selectionMode}\n        initialFirst={firstHeaderRowHint}\n      />\n    );\n  } else if (selectable) {\n    selectionCellElement = (\n      <td role=\"gridcell\" data-selection-cell=\"\" className={cn(selectionCell, focusRingInset)}>\n        {rowId !== undefined && (\n          <input\n            type={selectionMode === 'multiple' ? 'checkbox' : 'radio'}\n            name={selectionMode === 'single' ? radioName : undefined}\n            // The shared name groups the radios. `form=\"\"` matches no form, so they have no form\n            // owner (still one group: same name, both ownerless) and never add a generated field\n            // to an enclosing form's submission.\n            form={selectionMode === 'single' ? '' : undefined}\n            checked={isSelected}\n            onChange={() => toggleRow(rowId)}\n            aria-label={selectionLabel ?? (labelledBy ? undefined : 'Select row')}\n            aria-labelledby={selectionLabel === undefined ? labelledBy : undefined}\n            className={cn(nativeControl, focusRingInset)}\n          />\n        )}\n      </td>\n    );\n  }\n\n  return (\n    <tr\n      ref={ref}\n      className={cn(\n        !inHeader &&\n          'hover:bg-subtle-hover data-[selected]:bg-selected transition-colors motion-reduce:transition-none',\n        selectable && isSelected && forcedColors.selectedContainer,\n        className,\n      )}\n      aria-selected={selectable ? isSelected : undefined}\n      data-selected={selectable && isSelected ? '' : undefined}\n      {...rest}\n      onKeyDown={composeEventHandlers(onKeyDown, handleKeyDown)}\n    >\n      {selectionCellElement}\n      {content}\n    </tr>\n  );\n};\nDataGridRow.displayName = 'DataGridRow';\n\n/** A grid cell (`<td>`), focusable through the grid's keyboard navigation. */\nconst DataGridCell = ({ children, className, ref, ...rest }: DataGridCellProps) => (\n  <td\n    ref={ref}\n    role=\"gridcell\"\n    className={cn(cellBase, 'text-body-1', focusRingInset, className)}\n    {...rest}\n  >\n    {children}\n  </td>\n);\nDataGridCell.displayName = 'DataGridCell';\n\nexport { DataGridHeader, DataGridHeaderCell, DataGridBody, DataGridRow, DataGridCell };\n\n/**\n * An interactive data table (`role=\"grid\"`) following the APG Grid pattern: one tab stop,\n * arrow-key navigation between cells (Home/End, Ctrl+Home/Ctrl+End, PageUp/PageDown; Up/Down keep\n * the visual column, so a grouped header with spanning cells works), Enter/F2 to interact with a\n * cell's widgets and Escape to return to the cell. A composite widget in a cell (a Toolbar,\n * RadioGroup, TabList, …) is entered with Enter/F2 like a text field; it manages its own tab\n * indexes, so it keeps its own Tab stop. Supports sortable columns (controlled sorting:\n * `onSortChange` reports the new sort and the consumer reorders the rows) and single or multiple\n * row selection with a select-all header checkbox.\n *\n * Sub-components are available as `DataGrid.Header`, `DataGrid.HeaderCell`, `DataGrid.Body`,\n * `DataGrid.Row` and `DataGrid.Cell` in client components, and as the flat exports\n * `DataGridHeader`, `DataGridHeaderCell`, `DataGridBody`, `DataGridRow` and `DataGridCell` (the\n * form React Server Components can import).\n */\nexport const DataGrid = /* @__PURE__ */ Object.assign(DataGridRoot, {\n  Header: DataGridHeader,\n  HeaderCell: DataGridHeaderCell,\n  Body: DataGridBody,\n  Row: DataGridRow,\n  Cell: DataGridCell,\n});\n"],"mappings":"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"}
+{"version":3,"file":"DataGrid.mjs","names":["useId","_Fragment","useId$1","React","DEFAULT_SELECT_ALL_LABEL","DEFAULT_SELECTION_HEADER_LABEL","createSelectionStore","selected","initial","registered","selectedRegistered","selectAll","singleMode","initialSingleMode","singleId","rowListeners","selectAllListeners","notify","listener","listeners","getSingleId","first","rowId","onRegistrationChange","previous","updateSelectAll","next","subscribeTo","count","done","remaining","items","item","single","createHeaderSlotRegistry","slots","update","nextCell","slot","getCell","cell","DataGridContext","DataGridSortContext","DataGridSectionContext","DataGridHeaderSlotsContext","DataGridHeaderRowHintContext","INERT_CONTEXT","INERT_SORT_CONTEXT","useDataGridContext","reportMissingContext","component","useDataGridSortContext","EMPTY_ITEMS","toItems","keys","sameItems","a","b","index","renderFlatChild","node","key","warnDuplicateRowId","cellBase","selectionCell","nativeControl","DataGridRoot","sortProp","sortColumnProp","sortDirectionProp","selectedItemsProp","rest","props","usesSortApi","defaultSort","sortApiMode","setSortApiMode","objectCallbacks","legacySortControlled","warnDeprecated","defaultSortColumn","defaultSortDirection","mixedSortApi","warnOnce","legacyHalves","setLegacyHalves","legacyControlledSort","column","legacyDefaultSort","sort","setSort","useControllable","onSortChange","requestSort","columnId","sortContext","onSelectionChange","legacySelected","selectedKeys","legacyDefaultSelected","defaultSelectedKeys","controlledSelected","resolveDeprecatedProp","defaultSelected","defaultSelectedItems","setSelected","onSelectedItemsChange","selectionMode","store","toggleRow","effective","selectedCount","toggleAll","all","radioName","selectAllLabel","labels","selectionHeaderLabel","context","useGridNavigation","mergedRef","useMergedRefs","ref","gridRef","content","children","flatChildren","columns","flattenChildren","isElementOfType","DataGridHeader","isCaption","Fragment","DataGridHeaderCell","child","containerClassName","containerLabel","containerLabelledBy","containerRest","containerProps","containerHasRole","droppedContainerName","cn","dataGridClassNames","className","composeEventHandlers","onKeyDown","gridProps","onFocus","onBlur","DataGridSelectionHeaderCell","state","inputRef","clicks","setClicks","dataGridHeaderClassNames","focusRingInset","INERT_HEADER_SLOTS","DataGridSelectionHeaderSlot","cellRef","getIsFirst","initialFirst","getServerIsFirst","isFirst","withSelectionHeaderSlots","visit","nodes","thead","setThead","isDev","row","sortIcon","dataGridHeaderCellClassNames","direction","sortColumnId","sortable","sortedDirection","sortOnButtonClick","button","event","onClick","DataGridBody","dataGridBodyClassNames","DataGridRow","section","firstHeaderRowHint","inHeader","selectable","labelId","getSelected","isSelected","unregister","unlabelled","selectionLabel","handleKeyDown","target","labelledBy","idCellIndex","firstCellIndex","DataGridCell","firstCell","needsLabel","selectionCellElement","dataGridRowClassNames","forcedColors","dataGridCellClassNames","DataGrid"],"sources":["../../../src/components/table/DataGrid.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport {\n  dataGridBodyClassNames,\n  dataGridCellClassNames,\n  dataGridClassNames,\n  dataGridHeaderCellClassNames,\n  dataGridHeaderClassNames,\n  dataGridRowClassNames,\n} from '../../lib/classNames';\nimport { flattenChildren, isElementOfType } from '../../lib/children';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport {\n  isDev,\n  reportMissingContext,\n  resolveDeprecatedProp,\n  warnDeprecated,\n  warnOnce,\n} from '../../lib/dev';\nimport { focusRingInset, forcedColors } from '../../lib/styles';\nimport type { SelectionMode } from '../../lib/types';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useId } from '../../hooks/useId';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { useGridNavigation } from './useGridNavigation';\n\nexport type SortDirection = 'ascending' | 'descending';\n\n/** The sort state of a DataGrid: the sorted column and its direction. */\nexport interface DataGridSort {\n  /** The `columnId` of the sorted column. */\n  columnId: string;\n  /** The sort direction. */\n  direction: SortDirection;\n}\n\n/** Defines a column in the DataGrid. */\nexport interface DataGridColumn {\n  /** Unique identifier for the column (the header cell's `columnId`). */\n  id: string;\n  /** Display label for the column header. */\n  label: string;\n  /** Whether the column supports sorting. */\n  sortable?: boolean;\n}\n\n/** The built-in text of a DataGrid, for localization (see `DataGridBaseProps.labels`). */\nexport interface DataGridLabels {\n  /** Accessible name of the select-all checkbox in the header (`selectionMode=\"multiple\"`).\n   * @default 'Select all rows'\n   */\n  selectAll?: string;\n  /**\n   * Visually hidden text of the selection column's header cell (`selectionMode=\"single\"`), which\n   * names that column.\n   * @default 'Selection'\n   */\n  selectionHeader?: string;\n}\n\nconst DEFAULT_SELECT_ALL_LABEL = 'Select all rows';\nconst DEFAULT_SELECTION_HEADER_LABEL = 'Selection';\n\n/** Props of every DataGrid, whatever sort API it uses. */\nexport interface DataGridBaseProps extends React.HTMLAttributes<HTMLTableElement> {\n  /**\n   * Column definitions. When given and no `DataGrid.Header` child is present, the header row\n   * (including the selection column) is rendered from them: `id` becomes the header cell's\n   * `columnId`, `label` its content, `sortable` makes it a sort button.\n   */\n  columns?: readonly DataGridColumn[];\n  /**\n   * Row selection mode. `'multiple'` adds a checkbox column with a \"Select all rows\" header\n   * checkbox; `'single'` adds a radio column (its header reads \"Selection\" to assistive\n   * technology). `labels` localizes both texts.\n   * @default 'none'\n   */\n  selectionMode?: 'none' | SelectionMode;\n  /**\n   * The name of the select-all checkbox and the header text of the selection column, for\n   * localization. Unset members keep their English defaults. Rows are named with their own\n   * `selectionLabel`.\n   */\n  labels?: DataGridLabels;\n  /**\n   * Controlled selected row ids (`DataGrid.Row` `rowId`). In single mode pass at most one id: with\n   * several, only the first one whose row is rendered is selected (a development warning says so).\n   */\n  selectedItems?: readonly string[];\n  /** Initially selected row ids (uncontrolled). In single mode, at most one (see `selectedItems`). */\n  defaultSelectedItems?: readonly string[];\n  /**\n   * Called with the new selected row ids when the selection changes. Ids of rows that are not\n   * rendered are left out of the reported selection and of the select-all state, so the next\n   * change drops them. Until that change an uncontrolled grid still holds such an id: a row\n   * re-added with the same `rowId` before then is shown selected again.\n   */\n  onSelectedItemsChange?: (selectedItems: string[]) => void;\n  /** @deprecated Use `selectedItems` (an array). A `Set` or an array is accepted. */\n  selectedKeys?: ReadonlySet<string> | readonly string[];\n  /** @deprecated Use `defaultSelectedItems` (an array). A `Set` or an array is accepted. */\n  defaultSelectedKeys?: ReadonlySet<string> | readonly string[];\n  /** @deprecated Use `onSelectedItemsChange`, which receives an array. Both are called. */\n  onSelectionChange?: (keys: Set<string>) => void;\n  /**\n   * Props for the wrapper `<div>` around the `<table>`: a horizontally scrollable container\n   * (`overflow-x-auto`). Use it for its className, style (e.g. a max height) or ref. The wrapper\n   * is not a tab stop (the grid's own cell tab stop scrolls it) and has no role, so its\n   * `aria-label`/`aria-labelledby` are applied only together with a `role` (e.g. `'region'`);\n   * without one they are dropped with a development warning. Name the grid with `aria-label`.\n   */\n  containerProps?: Omit<React.ComponentPropsWithRef<'div'>, 'children'>;\n  /** DataGrid header, body, and row elements. */\n  children: React.ReactNode;\n  /** Ref to the `<table role=\"grid\">` element. */\n  ref?: React.Ref<HTMLTableElement>;\n}\n\ninterface NoDeprecatedSortProps {\n  sortColumn?: never;\n  defaultSortColumn?: never;\n  sortDirection?: never;\n  defaultSortDirection?: never;\n}\n\n/** The 0.5 sort API, controlled: `sort` + `onSortChange(sort)`. */\nexport interface DataGridControlledSortProps extends NoDeprecatedSortProps {\n  /** The controlled sort, or `null` for an unsorted grid. */\n  sort: DataGridSort | null;\n  /** Initial sort while `sort` is not given yet. */\n  defaultSort?: DataGridSort | null;\n  /**\n   * Called with the new sort when a sortable header is activated. Sorting is controlled: the\n   * consumer reorders the rows.\n   */\n  onSortChange?: (sort: DataGridSort) => void;\n}\n\n/** The 0.5 sort API, uncontrolled: `defaultSort` (`null` for none) + `onSortChange(sort)`. */\nexport interface DataGridUncontrolledSortProps extends NoDeprecatedSortProps {\n  sort?: undefined;\n  /** The initial sort, or `null` for an initially unsorted grid. */\n  defaultSort: DataGridSort | null;\n  /**\n   * Called with the new sort when a sortable header is activated. Sorting is controlled: the\n   * consumer reorders the rows.\n   */\n  onSortChange?: (sort: DataGridSort) => void;\n}\n\n/**\n * The 0.4 sort API: `onSortChange(columnId, direction)` and the deprecated `sortColumn`/\n * `sortDirection` props. It applies whenever neither `sort` nor `defaultSort` is given. As in 0.4,\n * the column and the direction can be controlled independently: the half that is not controlled is\n * kept internally and follows every sort request (mixed control, warned in development).\n */\nexport interface DataGridLegacySortProps {\n  sort?: undefined;\n  defaultSort?: undefined;\n  /**\n   * @deprecated Use `sort` (`{ columnId, direction }` or `null`). Without `sortDirection`, the\n   * direction is kept internally (it toggles on repeated clicks).\n   */\n  sortColumn?: string;\n  /** @deprecated Use `defaultSort`. */\n  defaultSortColumn?: string;\n  /**\n   * @deprecated Use `sort`. Without `sortColumn`, the column is kept internally (it follows the\n   * clicked header, starting from `defaultSortColumn`).\n   */\n  sortDirection?: SortDirection;\n  /** @deprecated Use `defaultSort`. */\n  defaultSortDirection?: SortDirection;\n  /**\n   * Called when a sortable header is activated, with the 0.4 arguments. Pass `sort` or\n   * `defaultSort` to receive a `DataGridSort` object instead: `defaultSort={null}` turns the\n   * object form on for an initially unsorted grid. A `sort` that is still `undefined` (e.g. while\n   * data loads) does not: pass `sort={sort ?? null}`.\n   *\n   * @example\n   * <DataGrid defaultSort={null} onSortChange={(sort) => setSort(sort)}>…</DataGrid>\n   */\n  onSortChange?: (columnId: string, direction: SortDirection) => void;\n}\n\n/**\n * Properties for the DataGrid component. The sort props form a union: `sort`/`defaultSort` with\n * `onSortChange(sort)` (0.5), or the 0.4 form `onSortChange(columnId, direction)` with the\n * deprecated `sortColumn`/`sortDirection`/`defaultSortColumn`/`defaultSortDirection`. The two\n * cannot be mixed.\n */\nexport type DataGridProps = DataGridBaseProps &\n  (DataGridControlledSortProps | DataGridUncontrolledSortProps | DataGridLegacySortProps);\n\n/** Properties for the DataGridHeader sub-component. */\nexport interface DataGridHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  /**\n   * Header row elements. Each `<tr>` child (also inside a Fragment) gets the selection column's\n   * header cell prepended when the grid is selectable; a header row rendered by another component\n   * should be a `DataGrid.Row`, which adds the cell itself. With several header rows (a grouped\n   * header), only the first one gets the \"Select all rows\" control; later rows get an empty cell.\n   */\n  children: React.ReactNode;\n  /** Ref to the `<thead>` element. */\n  ref?: React.Ref<HTMLTableSectionElement>;\n}\n\n/** Properties for the DataGridHeaderCell sub-component. */\nexport interface DataGridHeaderCellProps extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  /** Column ID used for sort tracking. Required for `sortable`. */\n  columnId?: string;\n  /**\n   * Whether this column can be sorted. The content is rendered inside a `<button>`; the header\n   * cell carries `aria-sort`. Ignored (with a development warning) without `columnId`.\n   * @default false\n   */\n  sortable?: boolean;\n  /** Header cell content. */\n  children: React.ReactNode;\n  /** Ref to the `<th>` element. */\n  ref?: React.Ref<HTMLTableCellElement>;\n}\n\n/** Properties for the DataGridBody sub-component. */\nexport interface DataGridBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  /** DataGrid row elements. */\n  children: React.ReactNode;\n  /** Ref to the `<tbody>` element. */\n  ref?: React.Ref<HTMLTableSectionElement>;\n}\n\n/** Properties for the DataGridRow sub-component. */\nexport interface DataGridRowProps extends React.HTMLAttributes<HTMLTableRowElement> {\n  /**\n   * Unique identifier for this row, used for selection (rows that share one are selected together;\n   * a duplicate warns in development). A selectable grid renders no selection control (and warns\n   * in development) for a row without it.\n   */\n  rowId?: string;\n  /**\n   * Accessible name of the row's selection control. Defaults to the row's first child that is a\n   * `DataGrid.Cell`, `<td>` or `<th>` element (`aria-labelledby`); a cell that another component\n   * renders is not seen, so pass `selectionLabel` when the row's first cell is one. Without such a\n   * child the control is named \"Select row\" (with a development warning).\n   */\n  selectionLabel?: string;\n  /** DataGrid cell elements. */\n  children: React.ReactNode;\n  /** Ref to the `<tr>` element. */\n  ref?: React.Ref<HTMLTableRowElement>;\n}\n\n/** Properties for the DataGridCell sub-component. */\nexport interface DataGridCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {\n  /** Cell content. */\n  children: React.ReactNode;\n  /** Ref to the `<td>` element. */\n  ref?: React.Ref<HTMLTableCellElement>;\n}\n\n// ---------------------------------------------------------------------------\n// Selection store\n// ---------------------------------------------------------------------------\n\ntype SelectAllState = 'all' | 'some' | 'none';\n\n/**\n * Selection state shared with the rows through `useSyncExternalStore`, so toggling one row\n * re-renders only that row (and the select-all header cell). The root pushes the committed\n * selection in a layout effect; rows register their ids. The effective selection is always\n * `selected ∩ registered`, derived on read (no pruning effect).\n *\n * @internal Not exported from the package (exported for its unit tests).\n */\nexport interface SelectionStore {\n  /**\n   * Row subscription: notified only when the selection changes. Rows registering or unregistering\n   * notify no row, so adding or removing k of n rows costs O(k), not O(k·n); the one exception is\n   * single mode with several selected ids, where a row registering can move the selected row.\n   */\n  subscribe(listener: () => void): () => void;\n  /**\n   * Select-all subscription: notified only when {@link getSelectAllState} changes (through the\n   * selection or through rows registering and unregistering).\n   */\n  subscribeSelectAll(listener: () => void): () => void;\n  /** Registers a rendered row id; returns the unregister function. */\n  register(rowId: string): () => void;\n  /** How many rendered rows are registered with `rowId` (more than one: a duplicate). */\n  countRegistrations(rowId: string): number;\n  /** Sets the committed selection (layout effect of the root). */\n  setSelected(items: readonly string[]): void;\n  /**\n   * Sets whether the grid is in single mode (layout effect of the root). Only then do rows\n   * registering or unregistering re-check the one selected row of single mode and notify the rows.\n   */\n  setSingleMode(single: boolean): void;\n  /**\n   * Whether the row is selected. With `single`, only one row is: the first selected id (in\n   * selection order) whose row is registered, else the first selected id (before any row\n   * registered: the server render and the first client render).\n   */\n  isSelected(rowId: string, single?: boolean): boolean;\n  /** Whether all, some or none of the registered rows are selected. O(1). */\n  getSelectAllState(): SelectAllState;\n  /** Registered row ids in registration order. */\n  getRegistered(): string[];\n  /** `items` restricted to registered rows (order of `items`). */\n  prune(items: readonly string[]): string[];\n}\n\n/**\n * Creates the {@link SelectionStore} of one DataGrid.\n *\n * @internal Not exported from the package (exported for its unit tests).\n */\nexport function createSelectionStore(\n  initial: readonly string[],\n  initialSingleMode = false,\n): SelectionStore {\n  let selected: ReadonlySet<string> = new Set(initial);\n  /** Registered row id -> number of rows registered with it. */\n  const registered = new Map<string, number>();\n  /** How many registered row ids are selected (kept up to date, so select-all is O(1)). */\n  let selectedRegistered = 0;\n  let selectAll: SelectAllState = 'none';\n  let singleMode = initialSingleMode;\n  /** The one selected row of single mode (see `isSelected`); `undefined`: not computed yet. */\n  let singleId: string | null | undefined;\n  const rowListeners = new Set<() => void>();\n  const selectAllListeners = new Set<() => void>();\n\n  const notify = (listeners: Set<() => void>) => {\n    for (const listener of Array.from(listeners)) listener();\n  };\n\n  /** Computed on read: O(selected ids) once per change, and only in single mode. */\n  const getSingleId = (): string | null => {\n    if (singleId !== undefined) return singleId;\n    let first: string | null = null;\n    for (const rowId of selected) {\n      if (registered.has(rowId)) {\n        first = rowId;\n        break;\n      }\n      first ??= rowId;\n    }\n    singleId = first;\n    return first;\n  };\n\n  /**\n   * A row id registered or unregistered. With several selected ids, the one selected row of\n   * single mode can move: in single mode it is re-checked and the rows are notified if it moved.\n   */\n  const onRegistrationChange = (rowId: string) => {\n    if (selected.size < 2 || !selected.has(rowId)) return;\n    const previous = singleId;\n    singleId = undefined;\n    if (singleMode && getSingleId() !== previous) notify(rowListeners);\n  };\n\n  const updateSelectAll = () => {\n    const next: SelectAllState =\n      selectedRegistered === 0 ? 'none' : selectedRegistered === registered.size ? 'all' : 'some';\n    if (next === selectAll) return;\n    selectAll = next;\n    notify(selectAllListeners);\n  };\n\n  const subscribeTo = (listeners: Set<() => void>) => (listener: () => void) => {\n    listeners.add(listener);\n    return () => {\n      listeners.delete(listener);\n    };\n  };\n\n  return {\n    subscribe: subscribeTo(rowListeners),\n    subscribeSelectAll: subscribeTo(selectAllListeners),\n    register(rowId) {\n      const count = registered.get(rowId) ?? 0;\n      registered.set(rowId, count + 1);\n      if (count === 0 && selected.has(rowId)) selectedRegistered += 1;\n      updateSelectAll();\n      if (count === 0) onRegistrationChange(rowId);\n      let done = false;\n      return () => {\n        if (done) return;\n        done = true;\n        const remaining = (registered.get(rowId) ?? 0) - 1;\n        if (remaining > 0) {\n          registered.set(rowId, remaining);\n          return;\n        }\n        registered.delete(rowId);\n        if (selected.has(rowId)) selectedRegistered -= 1;\n        updateSelectAll();\n        onRegistrationChange(rowId);\n      };\n    },\n    setSelected(items) {\n      const next = new Set(items);\n      if (next.size === selected.size && items.every((item) => selected.has(item))) return;\n      selected = next;\n      singleId = undefined;\n      selectedRegistered = 0;\n      for (const rowId of next) if (registered.has(rowId)) selectedRegistered += 1;\n      notify(rowListeners);\n      updateSelectAll();\n    },\n    setSingleMode(single) {\n      singleMode = single;\n    },\n    isSelected(rowId, single = false) {\n      return single ? getSingleId() === rowId : selected.has(rowId);\n    },\n    countRegistrations(rowId) {\n      return registered.get(rowId) ?? 0;\n    },\n    getSelectAllState() {\n      return selectAll;\n    },\n    getRegistered() {\n      return Array.from(registered.keys());\n    },\n    prune(items) {\n      return items.filter((item) => registered.has(item));\n    },\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Header selection slots\n// ---------------------------------------------------------------------------\n\n/**\n * The selection column's header slots of one `DataGrid.Header`, one per header row. Only the first\n * slot in document order renders the \"Select all rows\" control (the \"Selection\" text in single\n * mode); the others render an empty cell, so a grouped header (several header rows) has one control\n * and every header row keeps the selection column.\n */\ninterface HeaderSlotRegistry {\n  subscribe(listener: () => void): () => void;\n  /** Registers a slot and a getter for its current cell; returns the unregister function. */\n  register(slot: object, getCell: () => Element | null): () => void;\n  /** The first slot in document order, or `null` while no slot is registered. */\n  getFirst(): object | null;\n  /** Re-checks the order: header rows can move without a slot mounting or unmounting. */\n  refresh(): void;\n}\n\nfunction createHeaderSlotRegistry(): HeaderSlotRegistry {\n  const slots = new Map<object, () => Element | null>();\n  const listeners = new Set<() => void>();\n  let first: object | null = null;\n\n  const update = () => {\n    let next: object | null = null;\n    let nextCell: Element | null = null;\n    for (const [slot, getCell] of slots) {\n      const cell = getCell();\n      if (!cell) {\n        // A slot whose cell is being replaced (control <-> empty cell): keep the current order\n        // until the next registration or header commit sees every cell again.\n        if (first !== null && slots.has(first)) return;\n        continue;\n      }\n      if (!nextCell || cell.compareDocumentPosition(nextCell) & Node.DOCUMENT_POSITION_FOLLOWING) {\n        next = slot;\n        nextCell = cell;\n      }\n    }\n    if (next === null) next = slots.keys().next().value ?? null;\n    if (next === first) return;\n    first = next;\n    for (const listener of Array.from(listeners)) listener();\n  };\n\n  return {\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n    register(slot, getCell) {\n      slots.set(slot, getCell);\n      update();\n      return () => {\n        slots.delete(slot);\n        update();\n      };\n    },\n    getFirst: () => first,\n    refresh: update,\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Contexts\n// ---------------------------------------------------------------------------\n\ninterface DataGridContextValue {\n  selectionMode: 'none' | SelectionMode;\n  store: SelectionStore;\n  /** Toggles one row (single mode: selects it alone, or clears it). */\n  toggleRow: (rowId: string) => void;\n  /** Selects every rendered row, or clears the selection when all are selected. */\n  toggleAll: () => void;\n  /** Shared `name` of the single-mode radios (they are kept out of any form with `form=\"\"`). */\n  radioName: string;\n  /** Name of the select-all checkbox (multiple mode). */\n  selectAllLabel: string;\n  /** Hidden header text of the selection column (single mode). */\n  selectionHeaderLabel: string;\n}\n\ninterface DataGridSortContextValue {\n  sort: DataGridSort | null;\n  requestSort: (columnId: string) => void;\n}\n\ntype DataGridSection = 'header' | 'body';\n\nconst DataGridContext = React.createContext<DataGridContextValue | null>(null);\nconst DataGridSortContext = React.createContext<DataGridSortContextValue | null>(null);\n/** Whether a row is rendered in the header or the body (rows in a header get a header cell). */\nconst DataGridSectionContext = React.createContext<DataGridSection>('body');\n/** The header's selection slots (see {@link HeaderSlotRegistry}). */\nconst DataGridHeaderSlotsContext = React.createContext<HeaderSlotRegistry | null>(null);\n/**\n * Whether the header row below is the header's first row, as far as the header can tell from its\n * children. Only the initial (and server) render uses it; the slots then follow the DOM order.\n */\nconst DataGridHeaderRowHintContext = React.createContext(true);\n\nconst INERT_STORE = createSelectionStore([]);\nconst INERT_CONTEXT: DataGridContextValue = {\n  selectionMode: 'none',\n  store: INERT_STORE,\n  toggleRow: () => {},\n  toggleAll: () => {},\n  radioName: '',\n  selectAllLabel: DEFAULT_SELECT_ALL_LABEL,\n  selectionHeaderLabel: DEFAULT_SELECTION_HEADER_LABEL,\n};\nconst INERT_SORT_CONTEXT: DataGridSortContextValue = { sort: null, requestSort: () => {} };\n\nfunction useDataGridContext(component: string): DataGridContextValue {\n  const ctx = React.useContext(DataGridContext);\n  if (ctx) return ctx;\n  reportMissingContext(component, 'DataGrid');\n  return INERT_CONTEXT;\n}\n\nfunction useDataGridSortContext(component: string): DataGridSortContextValue {\n  const ctx = React.useContext(DataGridSortContext);\n  if (ctx) return ctx;\n  reportMissingContext(component, 'DataGrid');\n  return INERT_SORT_CONTEXT;\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nconst EMPTY_ITEMS: readonly string[] = [];\n\nfunction toItems(\n  keys: ReadonlySet<string> | readonly string[] | undefined,\n): readonly string[] | undefined {\n  return keys === undefined ? undefined : Array.from(keys);\n}\n\nfunction sameItems(a: readonly string[], b: readonly string[]): boolean {\n  return a.length === b.length && a.every((item, index) => item === b[index]);\n}\n\n/** A child of {@link flattenChildren} under its flattened key (unique across the flattened list). */\nfunction renderFlatChild({ key, node }: { key: string; node: React.ReactNode }): React.ReactNode {\n  return <React.Fragment key={key}>{node}</React.Fragment>;\n}\n\nfunction warnDuplicateRowId(rowId: string): void {\n  warnOnce(\n    `DataGrid:duplicate-rowId:${rowId}`,\n    `DataGrid: several rows share the rowId \"${rowId}\". Row ids must be unique within a ` +\n      'DataGrid; rows with the same rowId are selected and deselected together.',\n  );\n}\n\nconst cellBase = 'px-4 py-3 border-b border-border';\nconst selectionCell = 'w-10 px-3 py-3 border-b border-border';\nconst nativeControl = 'accent-primary cursor-pointer';\n\n// ---------------------------------------------------------------------------\n// DataGrid\n// ---------------------------------------------------------------------------\n\n// The component-level JSDoc sits on the exported `DataGrid` below.\nconst DataGridRoot = (props: DataGridProps) => {\n  const {\n    sort: sortProp,\n    defaultSort,\n    sortColumn: sortColumnProp,\n    defaultSortColumn,\n    sortDirection: sortDirectionProp,\n    defaultSortDirection,\n    onSortChange,\n    selectionMode = 'none',\n    selectedItems: selectedItemsProp,\n    defaultSelectedItems,\n    onSelectedItemsChange,\n    selectedKeys,\n    defaultSelectedKeys,\n    onSelectionChange,\n    labels,\n    columns,\n    containerProps,\n    children,\n    className,\n    onKeyDown,\n    onFocus,\n    onBlur,\n    ref,\n    ...rest\n  } = props;\n\n  // --- sort -----------------------------------------------------------------\n  /** 0.5 API: `onSortChange(sort)`. Sticky once `sort`/`defaultSort` was given. */\n  const usesSortApi = sortProp !== undefined || defaultSort !== undefined;\n  const [sortApiMode, setSortApiMode] = React.useState(usesSortApi);\n  if (usesSortApi && !sortApiMode) setSortApiMode(true);\n  const objectCallbacks = sortApiMode || usesSortApi;\n\n  const legacySortControlled = sortColumnProp !== undefined || sortDirectionProp !== undefined;\n  if (sortColumnProp !== undefined) warnDeprecated('DataGrid', 'sortColumn', 'sort');\n  if (sortDirectionProp !== undefined) warnDeprecated('DataGrid', 'sortDirection', 'sort');\n  if (defaultSortColumn !== undefined) {\n    warnDeprecated('DataGrid', 'defaultSortColumn', 'defaultSort');\n  }\n  if (defaultSortDirection !== undefined) {\n    warnDeprecated('DataGrid', 'defaultSortDirection', 'defaultSort');\n  }\n  const mixedSortApi =\n    usesSortApi &&\n    (legacySortControlled || defaultSortColumn !== undefined || defaultSortDirection !== undefined);\n\n  React.useEffect(() => {\n    if (mixedSortApi) {\n      warnOnce(\n        'DataGrid:mixed-sort',\n        'DataGrid: do not mix `sort`/`defaultSort` with the deprecated `sortColumn`/`sortDirection`/' +\n          '`defaultSortColumn`/`defaultSortDirection`. `sort`/`defaultSort` win.',\n      );\n    }\n  }, [mixedSortApi]);\n  // 0.4 mixed control: `sortColumn` and `sortDirection` are controlled independently. The half the\n  // parent does not control is kept here (seeded from its default) and follows every sort request,\n  // as 0.4 did, so repeated clicks still alternate and aria-sort shows what was reported.\n  React.useEffect(() => {\n    if (usesSortApi) return;\n    if (sortColumnProp !== undefined && sortDirectionProp === undefined) {\n      warnOnce(\n        'DataGrid:sortColumn-without-sortDirection',\n        'DataGrid: `sortColumn` is controlled but `sortDirection` is not (mixed control). The ' +\n          'direction is kept internally and toggles on repeated clicks, as in 0.4. Pass `sort` ' +\n          '(`{ columnId, direction }`) to control both.',\n      );\n    } else if (sortDirectionProp !== undefined && sortColumnProp === undefined) {\n      warnOnce(\n        'DataGrid:sortDirection-without-sortColumn',\n        'DataGrid: `sortDirection` is controlled but `sortColumn` is not (mixed control). The ' +\n          'column is kept internally and follows the clicked header, as in 0.4. Pass `sort` ' +\n          '(`{ columnId, direction }`) to control both.',\n      );\n    }\n  }, [usesSortApi, sortColumnProp, sortDirectionProp]);\n\n  /** The uncontrolled halves of the 0.4 sort props (used while the other half is controlled). */\n  const [legacyHalves, setLegacyHalves] = React.useState<{\n    column: string;\n    direction: SortDirection;\n  }>(() => ({\n    column: defaultSortColumn ?? '',\n    direction: defaultSortDirection ?? 'ascending',\n  }));\n\n  const legacyControlledSort = React.useMemo<DataGridSort | null | undefined>(() => {\n    if (sortColumnProp === undefined && sortDirectionProp === undefined) return undefined;\n    const column = sortColumnProp ?? legacyHalves.column;\n    return column === ''\n      ? null\n      : { columnId: column, direction: sortDirectionProp ?? legacyHalves.direction };\n  }, [sortColumnProp, sortDirectionProp, legacyHalves]);\n\n  const legacyDefaultSort = React.useMemo<DataGridSort | null>(\n    () =>\n      defaultSortColumn\n        ? { columnId: defaultSortColumn, direction: defaultSortDirection ?? 'ascending' }\n        : null,\n    [defaultSortColumn, defaultSortDirection],\n  );\n\n  const controlledSort = usesSortApi ? sortProp : legacyControlledSort;\n  const initialSort = defaultSort !== undefined ? defaultSort : legacyDefaultSort;\n\n  const emitSortChange = (next: DataGridSort | null) => {\n    if (!next) return;\n    if (!usesSortApi) {\n      setLegacyHalves((previous) =>\n        previous.column === next.columnId && previous.direction === next.direction\n          ? previous\n          : { column: next.columnId, direction: next.direction },\n      );\n    }\n    if (!onSortChange) return;\n    if (objectCallbacks) {\n      (onSortChange as (sort: DataGridSort) => void)(next);\n    } else {\n      const legacy = onSortChange as (columnId: string, direction: SortDirection) => void;\n      legacy(next.columnId, next.direction);\n    }\n  };\n\n  const [sort, setSort] = useControllable<DataGridSort | null>(\n    controlledSort,\n    initialSort,\n    emitSortChange,\n  );\n\n  const requestSort = React.useCallback(\n    (columnId: string) => {\n      setSort((previous) => ({\n        columnId,\n        direction:\n          previous?.columnId === columnId && previous.direction === 'ascending'\n            ? 'descending'\n            : 'ascending',\n      }));\n    },\n    [setSort],\n  );\n\n  const sortContext = React.useMemo<DataGridSortContextValue>(\n    () => ({ sort, requestSort }),\n    [sort, requestSort],\n  );\n\n  // --- selection ------------------------------------------------------------\n  if (onSelectionChange !== undefined) {\n    warnDeprecated('DataGrid', 'onSelectionChange', 'onSelectedItemsChange');\n  }\n  const legacySelected = React.useMemo(() => toItems(selectedKeys), [selectedKeys]);\n  const legacyDefaultSelected = React.useMemo(\n    () => toItems(defaultSelectedKeys),\n    [defaultSelectedKeys],\n  );\n  const controlledSelected = resolveDeprecatedProp(\n    'DataGrid',\n    selectedItemsProp,\n    legacySelected,\n    'selectedKeys',\n    'selectedItems',\n  );\n  const defaultSelected =\n    resolveDeprecatedProp(\n      'DataGrid',\n      defaultSelectedItems,\n      legacyDefaultSelected,\n      'defaultSelectedKeys',\n      'defaultSelectedItems',\n    ) ?? EMPTY_ITEMS;\n\n  const emitSelectionChange = (next: readonly string[]) => {\n    onSelectedItemsChange?.([...next]);\n    onSelectionChange?.(new Set(next));\n  };\n\n  const [selected, setSelected] = useControllable<readonly string[]>(\n    controlledSelected,\n    defaultSelected,\n    emitSelectionChange,\n  );\n\n  const single = selectionMode === 'single';\n  const [store] = React.useState(() => createSelectionStore(selected, single));\n  React.useLayoutEffect(() => {\n    store.setSelected(selected);\n  }, [store, selected]);\n  React.useLayoutEffect(() => {\n    store.setSingleMode(single);\n  }, [store, single]);\n\n  const toggleRow = React.useCallback(\n    (rowId: string) => {\n      setSelected((previous) => {\n        const effective = store.prune(previous);\n        let next: string[];\n        if (single) {\n          // Single mode shows the first selected row that is rendered (see the store).\n          next = effective[0] === rowId ? [] : [rowId];\n        } else {\n          next = effective.includes(rowId)\n            ? effective.filter((item) => item !== rowId)\n            : [...effective, rowId];\n        }\n        return sameItems(next, previous) ? previous : next;\n      });\n    },\n    [single, setSelected, store],\n  );\n\n  const selectedCount = selected.length;\n  React.useEffect(() => {\n    if (single && selectedCount > 1) {\n      warnOnce(\n        'DataGrid:single-several-selected',\n        `DataGrid: a single-selection grid (selectionMode \"single\") has ${selectedCount} selected row ids; only the first one that is rendered is selected. Pass at most one id in \\`selectedItems\\`/\\`defaultSelectedItems\\`, or use selectionMode=\"multiple\".`,\n      );\n    }\n  }, [single, selectedCount]);\n\n  const toggleAll = React.useCallback(() => {\n    setSelected((previous) => {\n      const effective = store.prune(previous);\n      const all = store.getRegistered();\n      const allSelected = all.length > 0 && all.every((rowId) => effective.includes(rowId));\n      const next = allSelected ? [] : all;\n      return sameItems(next, previous) ? previous : next;\n    });\n  }, [setSelected, store]);\n\n  const radioName = useId('wave-datagrid-selection');\n  const selectAllLabel = labels?.selectAll ?? DEFAULT_SELECT_ALL_LABEL;\n  const selectionHeaderLabel = labels?.selectionHeader ?? DEFAULT_SELECTION_HEADER_LABEL;\n\n  const context = React.useMemo<DataGridContextValue>(\n    () => ({\n      selectionMode,\n      store,\n      toggleRow,\n      toggleAll,\n      radioName,\n      selectAllLabel,\n      selectionHeaderLabel,\n    }),\n    [selectionMode, store, toggleRow, toggleAll, radioName, selectAllLabel, selectionHeaderLabel],\n  );\n\n  // --- keyboard -------------------------------------------------------------\n  const { gridRef, gridProps } = useGridNavigation();\n  const mergedRef = useMergedRefs<HTMLTableElement>(ref, gridRef);\n\n  // --- header from columns ----------------------------------------------------\n  let content: React.ReactNode = children;\n  const flatChildren = columns ? flattenChildren(children) : [];\n  if (columns && !flatChildren.some(({ node }) => isElementOfType(node, DataGridHeader))) {\n    // A `<caption>` stays the table's first child, before the generated header.\n    const isCaption = ({ node }: { node: React.ReactNode }) => isElementOfType(node, 'caption');\n    content = (\n      <>\n        {flatChildren.filter(isCaption).map(renderFlatChild)}\n        <DataGridHeader>\n          <tr>\n            {columns.map((column) => (\n              <DataGridHeaderCell key={column.id} columnId={column.id} sortable={column.sortable}>\n                {column.label}\n              </DataGridHeaderCell>\n            ))}\n          </tr>\n        </DataGridHeader>\n        {flatChildren.filter((child) => !isCaption(child)).map(renderFlatChild)}\n      </>\n    );\n  }\n\n  const {\n    className: containerClassName,\n    'aria-label': containerLabel,\n    'aria-labelledby': containerLabelledBy,\n    ...containerRest\n  } = containerProps ?? {};\n  // The wrapper has no role of its own, and a name is prohibited on a role-less `<div>`: the\n  // consumer's name is kept only together with a role.\n  const containerHasRole = containerRest.role !== undefined;\n  const droppedContainerName =\n    !containerHasRole && (containerLabel !== undefined || containerLabelledBy !== undefined);\n\n  React.useEffect(() => {\n    if (droppedContainerName) {\n      warnOnce(\n        'DataGrid:container-name-without-role',\n        'DataGrid: `containerProps[\"aria-label\"]`/`[\"aria-labelledby\"]` is ignored because the ' +\n          'wrapper has no role. Name the grid itself (`aria-label` on DataGrid), or pass a ' +\n          '`role` (e.g. \"region\") in `containerProps` too.',\n      );\n    }\n  }, [droppedContainerName]);\n\n  return (\n    <DataGridContext.Provider value={context}>\n      <DataGridSortContext.Provider value={sortContext}>\n        <div\n          {...containerRest}\n          aria-label={containerHasRole ? containerLabel : undefined}\n          aria-labelledby={containerHasRole ? containerLabelledBy : undefined}\n          className={cn(\n            dataGridClassNames.container,\n            'overflow-x-auto rounded-md border border-border',\n            containerClassName,\n          )}\n        >\n          <table\n            ref={mergedRef}\n            role=\"grid\"\n            aria-multiselectable={selectionMode === 'multiple' || undefined}\n            className={cn(\n              dataGridClassNames.root,\n              'w-full border-separate border-spacing-0',\n              className,\n            )}\n            {...rest}\n            onKeyDown={composeEventHandlers(onKeyDown, gridProps.onKeyDown)}\n            onFocus={composeEventHandlers(onFocus, gridProps.onFocus, {\n              checkDefaultPrevented: false,\n            })}\n            onBlur={composeEventHandlers(onBlur, gridProps.onBlur, {\n              checkDefaultPrevented: false,\n            })}\n          >\n            {content}\n          </table>\n        </div>\n      </DataGridSortContext.Provider>\n    </DataGridContext.Provider>\n  );\n};\nDataGridRoot.displayName = 'DataGrid';\n\n// ---------------------------------------------------------------------------\n// Selection header cell (internal)\n// ---------------------------------------------------------------------------\n\nfunction DataGridSelectionHeaderCell({\n  selectionMode,\n  ref,\n}: {\n  selectionMode: SelectionMode;\n  ref?: React.Ref<HTMLTableCellElement>;\n}) {\n  const { store, toggleAll, selectAllLabel, selectionHeaderLabel } =\n    useDataGridContext('DataGrid.Header');\n  const state = React.useSyncExternalStore(\n    store.subscribeSelectAll,\n    store.getSelectAllState,\n    store.getSelectAllState,\n  );\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  // A click clears the checkbox's `indeterminate` flag (checkbox activation does) and React restores\n  // only `checked`, so the flag is re-applied after every click, also when the select-all state\n  // stays the same (a controlled parent that keeps the selection partial, or ignores the change).\n  const [clicks, setClicks] = React.useState(0);\n\n  React.useLayoutEffect(() => {\n    if (inputRef.current) inputRef.current.indeterminate = state === 'some';\n  }, [state, clicks]);\n\n  return (\n    <th\n      ref={ref}\n      scope=\"col\"\n      data-selection-cell=\"\"\n      className={cn(\n        dataGridHeaderClassNames.selectionCell,\n        selectionCell,\n        'text-start',\n        focusRingInset,\n      )}\n    >\n      {selectionMode === 'multiple' ? (\n        <input\n          ref={inputRef}\n          type=\"checkbox\"\n          aria-label={selectAllLabel}\n          checked={state === 'all'}\n          onChange={() => {\n            setClicks((count) => count + 1);\n            toggleAll();\n          }}\n          className={cn(dataGridHeaderClassNames.selectAllCheckbox, nativeControl, focusRingInset)}\n        />\n      ) : (\n        <span className=\"sr-only\">{selectionHeaderLabel}</span>\n      )}\n    </th>\n  );\n}\n\nconst INERT_HEADER_SLOTS: HeaderSlotRegistry = {\n  subscribe: () => () => {},\n  register: () => () => {},\n  getFirst: () => null,\n  refresh: () => {},\n};\n\n/**\n * The selection column's cell of one header row: the select-all header cell in the header's first\n * row (document order), an empty cell in every later row. `initialFirst` is the header's guess from\n * its children, used until the slots are registered (the initial and the server render).\n */\nfunction DataGridSelectionHeaderSlot({\n  selectionMode,\n  initialFirst,\n}: {\n  selectionMode: SelectionMode;\n  initialFirst: boolean;\n}) {\n  const slots = React.useContext(DataGridHeaderSlotsContext) ?? INERT_HEADER_SLOTS;\n  const [slot] = React.useState(() => ({}));\n  const cellRef = React.useRef<HTMLTableCellElement | null>(null);\n\n  const getIsFirst = React.useCallback(() => {\n    const first = slots.getFirst();\n    return first === null ? initialFirst : first === slot;\n  }, [slots, slot, initialFirst]);\n  const getServerIsFirst = React.useCallback(() => initialFirst, [initialFirst]);\n  const isFirst = React.useSyncExternalStore(slots.subscribe, getIsFirst, getServerIsFirst);\n\n  React.useLayoutEffect(() => slots.register(slot, () => cellRef.current), [slots, slot]);\n\n  return isFirst ? (\n    <DataGridSelectionHeaderCell ref={cellRef} selectionMode={selectionMode} />\n  ) : (\n    <td\n      ref={cellRef}\n      data-selection-cell=\"\"\n      className={cn(dataGridHeaderClassNames.selectionCell, selectionCell, focusRingInset)}\n    />\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Sub-components\n// ---------------------------------------------------------------------------\n\n/**\n * Prepends the selection column's header slot (or `null`) to every `<tr>` in `children`, looking\n * inside Fragments, and tells every other element child (a `DataGrid.Row`, or a component that\n * renders one) whether it is the header's first row. Every row gets the same child shape in every\n * selection mode, so switching `selectionMode` does not remount the header cells.\n */\nfunction withSelectionHeaderSlots(\n  children: React.ReactNode,\n  selectionMode: 'none' | SelectionMode,\n): React.ReactNode {\n  let first = true;\n  const visit = (nodes: React.ReactNode): React.ReactNode =>\n    React.Children.map(nodes, (child) => {\n      if (isElementOfType<{ children?: React.ReactNode }>(child, React.Fragment)) {\n        return React.cloneElement(child, undefined, visit(child.props.children));\n      }\n      if (!React.isValidElement(child)) return child;\n      const isFirst = first;\n      first = false;\n      if (isElementOfType<{ children?: React.ReactNode }>(child, 'tr')) {\n        const slot =\n          selectionMode === 'none' ? null : (\n            <DataGridSelectionHeaderSlot selectionMode={selectionMode} initialFirst={isFirst} />\n          );\n        return React.cloneElement(child, undefined, slot, child.props.children);\n      }\n      return (\n        <DataGridHeaderRowHintContext.Provider value={isFirst}>\n          {child}\n        </DataGridHeaderRowHintContext.Provider>\n      );\n    });\n  return visit(children);\n}\n\n/**\n * The grid's `<thead>`. When the grid is selectable, it prepends the selection column's header\n * cell to each `<tr>` child, also inside a Fragment: the first header row gets the \"Select all\n * rows\" checkbox (multiple mode) or the \"Selection\" header (single mode; DataGrid's `labels`\n * localizes both), later rows of a grouped header an empty cell. A header row rendered by another\n * component cannot get it (a development warning says so): use `DataGrid.Row` for such a row,\n * which adds the cell itself.\n */\nconst DataGridHeader = ({ children, className, ref, ...rest }: DataGridHeaderProps) => {\n  const { selectionMode } = useDataGridContext('DataGrid.Header');\n  const [thead, setThead] = React.useState<HTMLTableSectionElement | null>(null);\n  const mergedRef = useMergedRefs<HTMLTableSectionElement>(ref, setThead);\n  const [slots] = React.useState(createHeaderSlotRegistry);\n  const content = withSelectionHeaderSlots(children, selectionMode);\n\n  // Every commit, after the rows' slots registered: header rows can move without a slot mounting.\n  React.useLayoutEffect(() => {\n    slots.refresh();\n  });\n\n  // Every commit: header rows can come from components the header cannot see into.\n  React.useEffect(() => {\n    if (!isDev || !thead || selectionMode === 'none') return;\n    const missing = Array.from(thead.rows).some(\n      (row) => row.cells.length > 0 && !row.cells[0].hasAttribute('data-selection-cell'),\n    );\n    if (missing) {\n      warnOnce(\n        'DataGrid.Header:missing-selection-cell',\n        'DataGrid.Header: a header row has no selection column header cell, so the header has one ' +\n          'column fewer than the selectable rows. Render header rows as `<tr>` children of ' +\n          'DataGrid.Header (a Fragment is fine), or use `DataGrid.Row` for a header row that ' +\n          'another component renders.',\n      );\n    }\n  });\n\n  return (\n    <DataGridSectionContext.Provider value=\"header\">\n      <DataGridHeaderSlotsContext.Provider value={slots}>\n        <thead\n          ref={mergedRef}\n          className={cn(dataGridHeaderClassNames.root, 'bg-card', className)}\n          {...rest}\n        >\n          {content}\n        </thead>\n      </DataGridHeaderSlotsContext.Provider>\n    </DataGridSectionContext.Provider>\n  );\n};\nDataGridHeader.displayName = 'DataGridHeader';\n\nconst sortIcon = (direction: SortDirection) => (\n  <svg\n    className={cn(dataGridHeaderCellClassNames.sortIcon, 'h-3 w-3 shrink-0')}\n    viewBox=\"0 0 12 12\"\n    fill=\"currentColor\"\n    aria-hidden=\"true\"\n    focusable=\"false\"\n  >\n    {direction === 'ascending' ? <path d=\"M6 2L10 8H2L6 2Z\" /> : <path d=\"M6 10L2 4H10L6 10Z\" />}\n  </svg>\n);\n\n/**\n * A column header cell. A `sortable` header (with a `columnId`) renders its content inside a\n * `<button type=\"button\">` that toggles the sort; the `<th>` carries `aria-sort`. A consumer\n * `onClick` (on the `<th>`) runs before the sort, and calling `preventDefault()` in it cancels the\n * sort (also for Enter/Space on the button, which click it).\n */\nconst DataGridHeaderCell = ({\n  columnId,\n  sortable = false,\n  children,\n  className,\n  onClick,\n  ref,\n  ...rest\n}: DataGridHeaderCellProps) => {\n  const { sort, requestSort } = useDataGridSortContext('DataGrid.HeaderCell');\n  /** The column this header sorts, or `undefined` when it is not sortable. */\n  const sortColumnId = sortable && columnId ? columnId : undefined;\n  const sortedDirection =\n    sortColumnId !== undefined && sort?.columnId === sortColumnId ? sort.direction : null;\n\n  // The sort runs from the `<th>` once the button's click bubbled up to it, composed after the\n  // consumer's `onClick` (C-COMPOSE): the consumer runs first and can cancel with preventDefault().\n  // The sort button is the `<th>`'s only child; clicks elsewhere in the cell do not sort.\n  const sortOnButtonClick = (event: React.MouseEvent<HTMLTableCellElement>) => {\n    const button = event.currentTarget.firstElementChild;\n    if (\n      sortColumnId !== undefined &&\n      button?.localName === 'button' &&\n      button.contains(event.target as Node)\n    ) {\n      requestSort(sortColumnId);\n    }\n  };\n\n  React.useEffect(() => {\n    if (sortable && !columnId) {\n      warnOnce(\n        'DataGrid.HeaderCell:sortable-without-columnId',\n        'DataGrid.HeaderCell: `sortable` needs a `columnId`; the header is rendered as not sortable.',\n      );\n    }\n  }, [sortable, columnId]);\n\n  return (\n    <th\n      ref={ref}\n      scope=\"col\"\n      aria-sort={sortColumnId !== undefined ? (sortedDirection ?? 'none') : undefined}\n      className={cn(\n        dataGridHeaderCellClassNames.root,\n        cellBase,\n        'text-start align-middle font-semibold text-caption-1 uppercase tracking-wider',\n        focusRingInset,\n        sortColumnId !== undefined && 'p-0 hover:bg-subtle-hover',\n        className,\n      )}\n      {...rest}\n      onClick={\n        sortColumnId !== undefined ? composeEventHandlers(onClick, sortOnButtonClick) : onClick\n      }\n    >\n      {sortColumnId !== undefined ? (\n        <button\n          type=\"button\"\n          className={cn(\n            dataGridHeaderCellClassNames.button,\n            'inline-flex w-full cursor-pointer select-none items-center gap-1 border-0 bg-transparent px-4 py-3 text-start text-inherit [font:inherit] uppercase tracking-wider',\n            focusRingInset,\n          )}\n        >\n          {children}\n          {sortedDirection && sortIcon(sortedDirection)}\n        </button>\n      ) : (\n        <span className=\"inline-flex items-center gap-1\">{children}</span>\n      )}\n    </th>\n  );\n};\nDataGridHeaderCell.displayName = 'DataGridHeaderCell';\n\n/** The grid's `<tbody>`. */\nconst DataGridBody = ({ children, className, ref, ...rest }: DataGridBodyProps) => (\n  <DataGridSectionContext.Provider value=\"body\">\n    <tbody ref={ref} className={cn(dataGridBodyClassNames.root, className)} {...rest}>\n      {children}\n    </tbody>\n  </DataGridSectionContext.Provider>\n);\nDataGridBody.displayName = 'DataGridBody';\n\n/**\n * A grid row. In a selectable grid it starts with a selection cell (checkbox or radio) named\n * after the row's first cell (or `selectionLabel`); Space on one of its cells toggles the row.\n */\nconst DataGridRow = ({\n  rowId,\n  selectionLabel,\n  children,\n  className,\n  onKeyDown,\n  ref,\n  ...rest\n}: DataGridRowProps) => {\n  const { selectionMode, store, toggleRow, radioName } = useDataGridContext('DataGrid.Row');\n  const section = React.useContext(DataGridSectionContext);\n  const firstHeaderRowHint = React.useContext(DataGridHeaderRowHintContext);\n  const inHeader = section === 'header';\n  const selectable = selectionMode !== 'none' && !inHeader;\n  const labelId = useId('wave-datagrid-row-label');\n\n  const single = selectionMode === 'single';\n  const getSelected = React.useCallback(\n    () => rowId !== undefined && store.isSelected(rowId, single),\n    [rowId, store, single],\n  );\n  // Notified only when the selection changes (in multiple mode, rows registering notify no row).\n  const isSelected = React.useSyncExternalStore(store.subscribe, getSelected, getSelected);\n\n  React.useLayoutEffect(() => {\n    if (rowId === undefined || inHeader) return;\n    const unregister = store.register(rowId);\n    if (isDev && store.countRegistrations(rowId) > 1) warnDuplicateRowId(rowId);\n    return unregister;\n  }, [store, rowId, inHeader]);\n\n  React.useEffect(() => {\n    if (selectable && rowId === undefined) {\n      warnOnce(\n        'DataGrid.Row:missing-rowId',\n        'DataGrid.Row: a selectable grid needs a `rowId` on every row; this row has no selection control.',\n      );\n    }\n  }, [selectable, rowId]);\n\n  const unlabelled = selectable && rowId !== undefined && selectionLabel === undefined;\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLTableRowElement>) => {\n    if (!selectable || rowId === undefined || event.key !== ' ') return;\n    const target = event.target as Element;\n    // Only keys pressed on the row itself or on one of its own cells, never on a nested widget.\n    if (target !== event.currentTarget && target.parentElement !== event.currentTarget) return;\n    event.preventDefault();\n    toggleRow(rowId);\n  };\n\n  // Name the selection control after the first cell (its own id, or a generated one). The children\n  // are always flattened (Fragments too) and rendered under their flattened keys, whatever the\n  // mode, so the keys stay the same when `selectionMode`, `selectionLabel` or `rowId` change and\n  // the cells are not remounted.\n  const flatChildren = flattenChildren(children);\n  let labelledBy: string | undefined;\n  let idCellIndex = -1;\n  if (unlabelled) {\n    const firstCellIndex = flatChildren.findIndex(({ node }) =>\n      isElementOfType(node, DataGridCell, 'td', 'th'),\n    );\n    if (firstCellIndex >= 0) {\n      const firstCell = flatChildren[firstCellIndex].node as React.ReactElement<{ id?: string }>;\n      labelledBy = firstCell.props.id ?? labelId;\n      if (firstCell.props.id === undefined) idCellIndex = firstCellIndex;\n    }\n  }\n  const content = flatChildren.map(({ key, node }, index) =>\n    renderFlatChild({\n      key,\n      node:\n        index === idCellIndex\n          ? React.cloneElement(node as React.ReactElement<{ id?: string }>, { id: labelId })\n          : node,\n    }),\n  );\n\n  const needsLabel = unlabelled && labelledBy === undefined;\n  React.useEffect(() => {\n    if (needsLabel) {\n      warnOnce(\n        'DataGrid.Row:selection-label',\n        'DataGrid.Row: no child is a `DataGrid.Cell`, `<td>` or `<th>` element, so the row selection control is named \"Select row\". Pass `selectionLabel` (a cell rendered by another component is not seen).',\n      );\n    }\n  }, [needsLabel]);\n\n  let selectionCellElement: React.ReactNode = null;\n  if (inHeader && selectionMode !== 'none') {\n    selectionCellElement = (\n      <DataGridSelectionHeaderSlot\n        selectionMode={selectionMode}\n        initialFirst={firstHeaderRowHint}\n      />\n    );\n  } else if (selectable) {\n    selectionCellElement = (\n      <td\n        role=\"gridcell\"\n        data-selection-cell=\"\"\n        className={cn(dataGridRowClassNames.selectionCell, selectionCell, focusRingInset)}\n      >\n        {rowId !== undefined && (\n          <input\n            type={selectionMode === 'multiple' ? 'checkbox' : 'radio'}\n            name={selectionMode === 'single' ? radioName : undefined}\n            // The shared name groups the radios. `form=\"\"` matches no form, so they have no form\n            // owner (still one group: same name, both ownerless) and never add a generated field\n            // to an enclosing form's submission.\n            form={selectionMode === 'single' ? '' : undefined}\n            checked={isSelected}\n            onChange={() => toggleRow(rowId)}\n            aria-label={selectionLabel ?? (labelledBy ? undefined : 'Select row')}\n            aria-labelledby={selectionLabel === undefined ? labelledBy : undefined}\n            className={cn(dataGridRowClassNames.selectionControl, nativeControl, focusRingInset)}\n          />\n        )}\n      </td>\n    );\n  }\n\n  return (\n    <tr\n      ref={ref}\n      className={cn(\n        dataGridRowClassNames.root,\n        !inHeader &&\n          'hover:bg-subtle-hover data-[selected]:bg-selected transition-colors motion-reduce:transition-none',\n        selectable && isSelected && forcedColors.selectedContainer,\n        className,\n      )}\n      aria-selected={selectable ? isSelected : undefined}\n      data-selected={selectable && isSelected ? '' : undefined}\n      {...rest}\n      onKeyDown={composeEventHandlers(onKeyDown, handleKeyDown)}\n    >\n      {selectionCellElement}\n      {content}\n    </tr>\n  );\n};\nDataGridRow.displayName = 'DataGridRow';\n\n/** A grid cell (`<td>`), focusable through the grid's keyboard navigation. */\nconst DataGridCell = ({ children, className, ref, ...rest }: DataGridCellProps) => (\n  <td\n    ref={ref}\n    role=\"gridcell\"\n    className={cn(dataGridCellClassNames.root, cellBase, 'text-body-1', focusRingInset, className)}\n    {...rest}\n  >\n    {children}\n  </td>\n);\nDataGridCell.displayName = 'DataGridCell';\n\nexport { DataGridHeader, DataGridHeaderCell, DataGridBody, DataGridRow, DataGridCell };\n\n/**\n * An interactive data table (`role=\"grid\"`) following the APG Grid pattern: one tab stop,\n * arrow-key navigation between cells (Home/End, Ctrl+Home/Ctrl+End, PageUp/PageDown; Up/Down keep\n * the visual column, so a grouped header with spanning cells works), Enter/F2 to interact with a\n * cell's widgets and Escape to return to the cell. A composite widget in a cell (a Toolbar,\n * RadioGroup, TabList, …) is entered with Enter/F2 like a text field; it manages its own tab\n * indexes, so it keeps its own Tab stop. Supports sortable columns (controlled sorting:\n * `onSortChange` reports the new sort and the consumer reorders the rows) and single or multiple\n * row selection with a select-all header checkbox.\n *\n * Sub-components are available as `DataGrid.Header`, `DataGrid.HeaderCell`, `DataGrid.Body`,\n * `DataGrid.Row` and `DataGrid.Cell` in client components, and as the flat exports\n * `DataGridHeader`, `DataGridHeaderCell`, `DataGridBody`, `DataGridRow` and `DataGridCell` (the\n * form React Server Components can import).\n */\nexport const DataGrid = /* @__PURE__ */ Object.assign(DataGridRoot, {\n  Header: DataGridHeader,\n  HeaderCell: DataGridHeaderCell,\n  Body: DataGridBody,\n  Row: DataGridRow,\n  Cell: DataGridCell,\n});\n"],"mappings":";;;;;;;;;;;;;;AA4DA,IAAMI,IAA2B,mBAC3BC,IAAiC;AA+PvC,SAAgBC,EACd,GACA,IAAoB,IACJ;CAChB,IAAIC,IAAgC,IAAI,IAAIC,CAAO,GAE7CC,oBAAa,IAAI,IAAoB,GAEvCC,IAAqB,GACrBC,IAA4B,QAC5BC,IAAaC,GAEbC,GACEC,oBAAe,IAAI,IAAgB,GACnCC,oBAAqB,IAAI,IAAgB,GAEzCC,KAAU,MAA+B;EAC7C,KAAK,IAAMC,KAAY,MAAM,KAAKC,CAAS,GAAG,EAAS;CACzD,GAGMC,UAAmC;EACvC,IAAIN,MAAa,KAAA,GAAW,OAAOA;EACnC,IAAIO,IAAuB;EAC3B,KAAK,IAAMC,KAASf,GAAU;GAC5B,IAAIE,EAAW,IAAIa,CAAK,GAAG;IACzB,IAAQA;IACR;GACF;GACA,MAAUA;EACZ;EAEA,OADA,IAAWD,GACJA;CACT,GAMME,KAAwB,MAAkB;EAC9C,IAAIhB,EAAS,OAAO,KAAK,CAACA,EAAS,IAAIe,CAAK,GAAG;EAC/C,IAAME,IAAWV;EAEjB,AADA,IAAW,KAAA,GACPF,KAAcQ,EAAY,MAAMI,KAAUP,EAAOF,CAAY;CACnE,GAEMU,UAAwB;EAC5B,IAAMC,IACJhB,MAAuB,IAAI,SAASA,MAAuBD,EAAW,OAAO,QAAQ;EACvF,AAAIiB,MAASf,MACb,IAAYe,GACZT,EAAOD,CAAkB;CAC3B,GAEMW,KAAe,OAAgC,OACnDR,EAAU,IAAID,CAAQ,SACT;EACX,EAAU,OAAOA,CAAQ;CAC3B;CAGF,OAAO;EACL,WAAWS,EAAYZ,CAAY;EACnC,oBAAoBY,EAAYX,CAAkB;EAClD,SAAS,GAAO;GACd,IAAMY,IAAQnB,EAAW,IAAIa,CAAK,KAAK;GAIvC,AAHAb,EAAW,IAAIa,GAAOM,IAAQ,CAAC,GAC3BA,MAAU,KAAKrB,EAAS,IAAIe,CAAK,MAAG,KAAsB,IAC9DG,EAAgB,GACZG,MAAU,KAAGL,EAAqBD,CAAK;GAC3C,IAAIO,IAAO;GACX,aAAa;IACX,IAAIA,GAAM;IACV,IAAO;IACP,IAAMC,KAAarB,EAAW,IAAIa,CAAK,KAAK,KAAK;IACjD,IAAIQ,IAAY,GAAG;KACjB,EAAW,IAAIR,GAAOQ,CAAS;KAC/B;IACF;IAIA,AAHArB,EAAW,OAAOa,CAAK,GACnBf,EAAS,IAAIe,CAAK,KAAG,KACzBG,EAAgB,GAChBF,EAAqBD,CAAK;GAC5B;EACF;EACA,YAAY,GAAO;GACjB,IAAMI,IAAO,IAAI,IAAIK,CAAK;GAC1B,IAAI,IAAK,SAASxB,EAAS,QAAQwB,EAAM,OAAO,MAASxB,EAAS,IAAIyB,CAAI,CAAC,IAG3E;IAFA,IAAWN,GACX,IAAW,KAAA,GACX,IAAqB;IACrB,KAAK,IAAMJ,KAASI,GAAM,AAAIjB,EAAW,IAAIa,CAAK,MAAG,KAAsB;IAE3E,AADAL,EAAOF,CAAY,GACnBU,EAAgB;GAHK;EAIvB;EACA,cAAc,GAAQ;GACpB,IAAaQ;EACf;EACA,WAAW,GAAO,IAAS,IAAO;GAChC,OAAOA,IAASb,EAAY,MAAME,IAAQf,EAAS,IAAIe,CAAK;EAC9D;EACA,mBAAmB,GAAO;GACxB,OAAOb,EAAW,IAAIa,CAAK,KAAK;EAClC;EACA,oBAAoB;GAClB,OAAOX;EACT;EACA,gBAAgB;GACd,OAAO,MAAM,KAAKF,EAAW,KAAK,CAAC;EACrC;EACA,MAAM,GAAO;GACX,OAAOsB,EAAM,QAAQ,MAAStB,EAAW,IAAIuB,CAAI,CAAC;EACpD;CACF;AACF;AAsBA,SAASE,IAA+C;CACtD,IAAMC,oBAAQ,IAAI,IAAkC,GAC9ChB,oBAAY,IAAI,IAAgB,GAClCE,IAAuB,MAErBe,UAAe;EACnB,IAAIV,IAAsB,MACtBW,IAA2B;EAC/B,KAAK,IAAM,CAACC,GAAMC,MAAYJ,GAAO;GACnC,IAAMK,IAAOD,EAAQ;GACrB,IAAI,CAACC,GAAM;IAGT,IAAInB,MAAU,QAAQc,EAAM,IAAId,CAAK,GAAG;IACxC;GACF;GACA,CAAI,CAACgB,KAAYG,EAAK,wBAAwBH,CAAQ,IAAI,KAAK,iCAC7D,IAAOC,GACP,IAAWE;EAEf;EAEA,IADId,MAAS,SAAM,IAAOS,EAAM,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,OACnDT,MAASL,GACb;OAAQK;GACR,KAAK,IAAMR,KAAY,MAAM,KAAKC,CAAS,GAAG,EAAS;EAD/C;CAEV;CAEA,OAAO;EACL,UAAU,GAAU;GAElB,OADAA,EAAU,IAAID,CAAQ,SACT;IACX,EAAU,OAAOA,CAAQ;GAC3B;EACF;EACA,SAAS,GAAM,GAAS;GAGtB,OAFAiB,EAAM,IAAIG,GAAMC,CAAO,GACvBH,EAAO,SACM;IAEX,AADAD,EAAM,OAAOG,CAAI,GACjBF,EAAO;GACT;EACF;EACA,gBAAgBf;EAChB,SAASe;CACX;AACF;AA4BA,IAAMK,IAAkBtC,EAAM,cAA2C,IAAI,GACvEuC,IAAsBvC,EAAM,cAA+C,IAAI,GAE/EwC,IAAyBxC,EAAM,cAA+B,MAAM,GAEpEyC,IAA6BzC,EAAM,cAAyC,IAAI,GAKhF0C,IAA+B1C,EAAM,cAAc,EAAI,GAGvD2C,IAAsC;CAC1C,eAAe;CACf,OAHkBxC,EAAqB,CAAC,CAGjC;CACP,iBAAiB,CAAC;CAClB,iBAAiB,CAAC;CAClB,WAAW;CACX,gBAAgBF;CAChB,sBAAsBC;AACxB,GACM0C,IAA+C;CAAE,MAAM;CAAM,mBAAmB,CAAC;AAAE;AAEzF,SAASC,EAAmB,GAAyC;CAInE,OAHY7C,EAAM,WAAWsC,CACzB,MACJQ,EAAqBC,GAAW,UAAU,GACnCJ;AACT;AAEA,SAASK,EAAuB,GAA6C;CAI3E,OAHYhD,EAAM,WAAWuC,CACzB,MACJO,EAAqBC,GAAW,UAAU,GACnCH;AACT;AAMA,IAAMK,IAAiC,CAAC;AAExC,SAASC,EACP,GAC+B;CAC/B,OAAOC,MAAS,KAAA,IAAY,KAAA,IAAY,MAAM,KAAKA,CAAI;AACzD;AAEA,SAASC,EAAU,GAAsB,GAA+B;CACtE,OAAOC,EAAE,WAAWC,EAAE,UAAUD,EAAE,OAAO,GAAM,MAAUxB,MAASyB,EAAEC,EAAM;AAC5E;AAGA,SAASC,EAAgB,EAAE,QAAK,WAAiE;CAC/F,OAAO,kBAACxD,EAAM,UAAP,EAAA,UAA2ByD,EAAqB,GAA3BC,CAA2B;AACzD;AAEA,SAASC,GAAmB,GAAqB;CAC/C,EACE,4BAA4BxC,KAC5B,2CAA2CA,EAAM,4GAEnD;AACF;AAEA,IAAMyC,IAAW,oCACXC,IAAgB,yCAChBC,IAAgB,iCAOhBC,KAAgB,MAAyB;CAC7C,IAAM,EACJ,MAAMC,GACN,gBACA,YAAYC,GACZ,sBACA,eAAeC,GACf,yBACA,iBACA,mBAAgB,QAChB,eAAeC,GACf,yBACA,0BACA,iBACA,wBACA,sBACA,WACA,YACA,oBACA,aACA,cACA,cACA,YACA,YACA,SACA,GAAGC,MACDC,GAIEC,IAAcN,MAAa,KAAA,KAAaO,MAAgB,KAAA,GACxD,CAACC,IAAaC,KAAkBzE,EAAM,SAASsE,CAAW;CAChE,AAAIA,KAAe,CAACE,MAAaC,EAAe,EAAI;CACpD,IAAMC,IAAkBF,MAAeF,GAEjCK,IAAuBV,MAAmB,KAAA,KAAaC,MAAsB,KAAA;CAMnF,AALID,MAAmB,KAAA,KAAWW,EAAe,YAAY,cAAc,MAAM,GAC7EV,MAAsB,KAAA,KAAWU,EAAe,YAAY,iBAAiB,MAAM,GACnFC,MAAsB,KAAA,KACxBD,EAAe,YAAY,qBAAqB,aAAa,GAE3DE,MAAyB,KAAA,KAC3BF,EAAe,YAAY,wBAAwB,aAAa;CAElE,IAAMG,KACJT,MACCK,KAAwBE,MAAsB,KAAA,KAAaC,MAAyB,KAAA;CAcvF,AAZA9E,EAAM,gBAAgB;EACpB,AAAI+E,MACFC,EACE,uBACA,kKAEF;CAEJ,GAAG,CAACD,EAAY,CAAC,GAIjB/E,EAAM,gBAAgB;EACpB,AAAIsE,MACAL,MAAmB,KAAA,KAAaC,MAAsB,KAAA,IACxDc,EACE,6CACA,uNAGF,IACSd,MAAsB,KAAA,KAAaD,MAAmB,KAAA,KAC/De,EACE,6CACA,oNAGF;CAEJ,GAAG;EAACV;EAAaL;EAAgBC;CAAiB,CAAC;CAGnD,IAAM,CAACe,IAAcC,MAAmBlF,EAAM,gBAGpC;EACR,QAAQ6E,KAAqB;EAC7B,WAAWC,KAAwB;CACrC,EAAE,GAEIK,KAAuBnF,EAAM,cAA+C;EAChF,IAAIiE,MAAmB,KAAA,KAAaC,MAAsB,KAAA,GAAW;EACrE,IAAMkB,IAASnB,KAAkBgB,GAAa;EAC9C,OAAOG,MAAW,KACd,OACA;GAAE,UAAUA;GAAQ,WAAWlB,KAAqBe,GAAa;EAAU;CACjF,GAAG;EAAChB;EAAgBC;EAAmBe;CAAY,CAAC,GAE9CI,KAAoBrF,EAAM,cAE5B6E,IACI;EAAE,UAAUA;EAAmB,WAAWC,KAAwB;CAAY,IAC9E,MACN,CAACD,GAAmBC,CAAoB,CAC1C,GAuBM,CAACQ,IAAMC,MAAWC,EArBDlB,IAAcN,IAAWmB,IAC5BZ,MAAgB,KAAA,IAA0Bc,KAAdd,IAExB,MAA8B;EACpD,AAAKhD,MACA+C,KACHY,IAAiB,MACf7D,EAAS,WAAWE,EAAK,YAAYF,EAAS,cAAcE,EAAK,YAC7DF,IACA;GAAE,QAAQE,EAAK;GAAU,WAAWA,EAAK;EAAU,CACzD,GAEGkE,MACDf,IACFe,EAA+ClE,CAAI,IAGnDkE,EAAOlE,EAAK,UAAUA,EAAK,SAAS;CAExC,CAMA,GAEMmE,KAAc1F,EAAM,aACvB,MAAqB;EACpB,IAAS,OAAc;GACrB;GACA,WACEqB,GAAU,aAAasE,KAAYtE,EAAS,cAAc,cACtD,eACA;EACR,EAAE;CACJ,GACA,CAACkE,EAAO,CACV,GAEMK,KAAc5F,EAAM,eACjB;EAAE;EAAM;CAAY,IAC3B,CAACsF,IAAMI,EAAW,CACpB;CAGA,AAAIG,MAAsB,KAAA,KACxBjB,EAAe,YAAY,qBAAqB,uBAAuB;CAEzE,IAAMkB,KAAiB9F,EAAM,cAAckD,EAAQ6C,CAAY,GAAG,CAACA,CAAY,CAAC,GAC1EC,KAAwBhG,EAAM,cAC5BkD,EAAQ+C,CAAmB,GACjC,CAACA,CAAmB,CACtB,GACMC,KAAqBC,EACzB,YACAhC,GACA2B,IACA,gBACA,eACF,GACMM,KACJD,EACE,YACAE,GACAL,IACA,uBACA,sBACF,KAAK/C,GAOD,CAAC7C,GAAUkG,KAAed,EAC9BU,IACAE,KAP2B,MAA4B;EAEvD,AADAG,IAAwB,CAAC,GAAGhF,CAAI,CAAC,GACjCsE,IAAoB,IAAI,IAAItE,CAAI,CAAC;CACnC,CAMA,GAEMO,IAAS0E,MAAkB,UAC3B,CAACC,KAASzG,EAAM,eAAeG,EAAqBC,GAAU0B,CAAM,CAAC;CAI3E,AAHA9B,EAAM,sBAAsB;EAC1B,EAAM,YAAYI,CAAQ;CAC5B,GAAG,CAACqG,GAAOrG,CAAQ,CAAC,GACpBJ,EAAM,sBAAsB;EAC1B,EAAM,cAAc8B,CAAM;CAC5B,GAAG,CAAC2E,GAAO3E,CAAM,CAAC;CAElB,IAAM4E,KAAY1G,EAAM,aACrB,MAAkB;EACjB,GAAa,MAAa;GACxB,IAAM2G,IAAYF,EAAM,MAAMpF,CAAQ,GAClCE;GASJ,OARA,AAIEA,IAJEO,IAEK6E,EAAU,OAAOxF,IAAQ,CAAC,IAAI,CAACA,CAAK,IAEpCwF,EAAU,SAASxF,CAAK,IAC3BwF,EAAU,QAAQ,MAAS9E,MAASV,CAAK,IACzC,CAAC,GAAGwF,GAAWxF,CAAK,GAEnBiC,EAAU7B,GAAMF,CAAQ,IAAIA,IAAWE;EAChD,CAAC;CACH,GACA;EAACO;EAAQwE;EAAaG;CAAK,CAC7B,GAEMG,KAAgBxG,EAAS;CAC/B,EAAM,gBAAgB;EACpB,AAAI0B,KAAU8E,KAAgB,KAC5B5B,EACE,oCACA,kEAAkE4B,GAAc,wKAClF;CAEJ,GAAG,CAAC9E,GAAQ8E,EAAa,CAAC;CAE1B,IAAMC,KAAY7G,EAAM,kBAAkB;EACxC,GAAa,MAAa;GACxB,IAAM2G,IAAYF,EAAM,MAAMpF,CAAQ,GAChCyF,IAAML,EAAM,cAAc,GAE1BlF,IADcuF,EAAI,SAAS,KAAKA,EAAI,OAAO,MAAUH,EAAU,SAASxF,CAAK,CAAC,IACzD,CAAC,IAAI2F;GAChC,OAAO1D,EAAU7B,GAAMF,CAAQ,IAAIA,IAAWE;EAChD,CAAC;CACH,GAAG,CAAC+E,GAAaG,CAAK,CAAC,GAEjBM,KAAYlH,GAAM,yBAAyB,GAC3CmH,KAAiBC,GAAQ,aAAahH,GACtCiH,KAAuBD,GAAQ,mBAAmB/G,GAElDiH,KAAUnH,EAAM,eACb;EACL;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EAACwG;EAAeC;EAAOC;EAAWG;EAAWE;EAAWC;EAAgBE;CAAoB,CAC9F,GAGM,EAAE,aAAS,kBAAcE,GAAkB,GAC3CC,KAAYC,EAAgCC,IAAKC,EAAO,GAG1DC,KAA2BC,GACzBC,KAAeC,IAAUC,EAAgBH,CAAQ,IAAI,CAAC;CAC5D,IAAIE,KAAW,CAACD,GAAa,MAAM,EAAE,cAAWG,EAAgBrE,GAAMsE,CAAc,CAAC,GAAG;EAEtF,IAAMC,KAAa,EAAE,cAAsCF,EAAgBrE,GAAM,SAAS;EAC1F,KACE,kBAAA3D,IAAA,EAAA,UAAA;GACG6H,GAAa,OAAOK,CAAS,CAAC,CAAC,IAAIxE,CAAe;GACnD,kBAACuE,GAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UACGH,EAAQ,KAAK,MACZ,kBAACM,GAAD;IAAoC,UAAU9C,EAAO;IAAI,UAAUA,EAAO;IACvE,UAAAA,EAAO;GACU,GAFKA,EAAO,EAEZ,CACrB,EACC,CAAA,EACU,CAAA;GACfuC,GAAa,QAAQ,MAAU,CAACK,EAAUG,CAAK,CAAC,CAAC,CAAC,IAAI3E,CAAe;EACtE,EAAA,CAAA;CAEN;CAEA,IAAM,EACJ,WAAW4E,IACX,cAAcC,IACd,mBAAmBC,IACnB,GAAGC,OACDC,MAAkB,CAAC,GAGjBC,KAAmBF,GAAc,SAAS,KAAA,GAC1CG,KACJ,CAACD,OAAqBJ,OAAmB,KAAA,KAAaC,OAAwB,KAAA;CAahF,OAXAtI,EAAM,gBAAgB;EACpB,AAAI0I,MACF1D,EACE,wCACA,6NAGF;CAEJ,GAAG,CAAC0D,EAAoB,CAAC,GAGvB,kBAACpG,EAAgB,UAAjB;EAA0B,OAAO6E;EAC/B,UAAA,kBAAC5E,EAAoB,UAArB;GAA8B,OAAOqD;GACnC,UAAA,kBAAC,OAAD;IACE,GAAI2C;IACJ,cAAYE,KAAmBJ,KAAiB,KAAA;IAChD,mBAAiBI,KAAmBH,KAAsB,KAAA;IAC1D,WAAWK,EACTC,EAAmB,WACnB,mDACAR,EACF;IAEA,UAAA,kBAAC,SAAD;KACE,KAAKf;KACL,MAAK;KACL,wBAAsBb,MAAkB,cAAc,KAAA;KACtD,WAAWmC,EACTC,EAAmB,MACnB,2CACAC,CACF;KACA,GAAIzE;KACJ,WAAW0E,EAAqBC,GAAWC,GAAU,SAAS;KAC9D,SAASF,EAAqBG,GAASD,GAAU,SAAS,EACxD,uBAAuB,GACzB,CAAC;KACD,QAAQF,EAAqBI,IAAQF,GAAU,QAAQ,EACrD,uBAAuB,GACzB,CAAC;KAEA,UAAAvB;IACI,CAAA;GACJ,CAAA;EACuB,CAAA;CACN,CAAA;AAE9B;AACA,EAAa,cAAc;AAM3B,SAAS0B,GAA4B,EACnC,kBACA,UAIC;CACD,IAAM,EAAE,UAAO,cAAW,mBAAgB,4BACxCtG,EAAmB,iBAAiB,GAChCuG,IAAQpJ,EAAM,qBAClByG,EAAM,oBACNA,EAAM,mBACNA,EAAM,iBACR,GACM4C,IAAWrJ,EAAM,OAAyB,IAAI,GAI9C,CAACsJ,GAAQC,KAAavJ,EAAM,SAAS,CAAC;CAM5C,OAJAA,EAAM,sBAAsB;EAC1B,AAAIqJ,EAAS,YAAS,EAAS,QAAQ,gBAAgBD,MAAU;CACnE,GAAG,CAACA,GAAOE,CAAM,CAAC,GAGhB,kBAAC,MAAD;EACO;EACL,OAAM;EACN,uBAAoB;EACpB,WAAWX,EACTa,EAAyB,eACzB3F,GACA,cACA4F,CACF;EAEC,UAAAjD,MAAkB,aACjB,kBAAC,SAAD;GACE,KAAK6C;GACL,MAAK;GACL,cAAYrC;GACZ,SAASoC,MAAU;GACnB,gBAAgB;IAEd,AADAG,GAAW,MAAU9H,IAAQ,CAAC,GAC9BoF,EAAU;GACZ;GACA,WAAW8B,EAAGa,EAAyB,mBAAmB1F,GAAe2F,CAAc;EACxF,CAAA,IAED,kBAAC,QAAD;GAAM,WAAU;GAAW,UAAAvC;EAA2B,CAAA;CAEtD,CAAA;AAER;AAEA,IAAMwC,KAAyC;CAC7C,uBAAuB,CAAC;CACxB,sBAAsB,CAAC;CACvB,gBAAgB;CAChB,eAAe,CAAC;AAClB;AAOA,SAASC,EAA4B,EACnC,kBACA,mBAIC;CACD,IAAM3H,IAAQhC,EAAM,WAAWyC,CAA0B,KAAKiH,IACxD,CAACvH,KAAQnC,EAAM,gBAAgB,CAAC,EAAE,GAClC4J,IAAU5J,EAAM,OAAoC,IAAI,GAExD6J,IAAa7J,EAAM,kBAAkB;EACzC,IAAMkB,IAAQc,EAAM,SAAS;EAC7B,OAAOd,MAAU,OAAO4I,IAAe5I,MAAUiB;CACnD,GAAG;EAACH;EAAOG;EAAM2H;CAAY,CAAC,GACxBC,IAAmB/J,EAAM,kBAAkB8J,GAAc,CAACA,CAAY,CAAC,GACvEE,IAAUhK,EAAM,qBAAqBgC,EAAM,WAAW6H,GAAYE,CAAgB;CAIxF,OAFA/J,EAAM,sBAAsBgC,EAAM,SAASG,SAAYyH,EAAQ,OAAO,GAAG,CAAC5H,GAAOG,CAAI,CAAC,GAE/E6H,IACL,kBAACb,IAAD;EAA6B,KAAKS;EAAwB;CAAgB,CAAA,IAE1E,kBAAC,MAAD;EACE,KAAKA;EACL,uBAAoB;EACpB,WAAWjB,EAAGa,EAAyB,eAAe3F,GAAe4F,CAAc;CACpF,CAAA;AAEL;AAYA,SAASQ,EACP,GACA,GACiB;CACjB,IAAI/I,IAAQ,IACNgJ,KAAS,MACblK,EAAM,SAAS,IAAImK,IAAQ,MAAU;EACnC,IAAIrC,EAAgDK,GAAOnI,EAAM,QAAQ,GACvE,OAAOA,EAAM,aAAamI,GAAO,KAAA,GAAW+B,EAAM/B,EAAM,MAAM,QAAQ,CAAC;EAEzE,IAAI,CAACnI,EAAM,eAAemI,CAAK,GAAG,OAAOA;EACzC,IAAM6B,IAAU9I;EAEhB,IADA,IAAQ,IACJ4G,EAAgDK,GAAO,IAAI,GAAG;GAChE,IAAMhG,IACJqE,MAAkB,SAAS,OACzB,kBAACmD,GAAD;IAA4C;IAAe,cAAcK;GAAU,CAAA;GAEvF,OAAOhK,EAAM,aAAamI,GAAO,KAAA,GAAWhG,GAAMgG,EAAM,MAAM,QAAQ;EACxE;EACA,OACE,kBAACzF,EAA6B,UAA9B;GAAuC,OAAOsH;GAC3C,UAAA7B;EACoC,CAAA;CAE3C,CAAC;CACH,OAAO+B,EAAMxC,CAAQ;AACvB;AAUA,IAAMK,KAAkB,EAAE,aAAU,cAAW,QAAK,GAAG3D,QAAgC;CACrF,IAAM,EAAE,qBAAkBvB,EAAmB,iBAAiB,GACxD,CAACuH,GAAOC,KAAYrK,EAAM,SAAyC,IAAI,GACvEqH,IAAYC,EAAuCC,GAAK8C,CAAQ,GAChE,CAACrI,KAAShC,EAAM,SAAS+B,CAAwB,GACjD0F,IAAUwC,EAAyBvC,GAAUlB,CAAa;CAwBhE,OArBAxG,EAAM,sBAAsB;EAC1B,EAAM,QAAQ;CAChB,CAAC,GAGDA,EAAM,gBAAgB;EACpB,AAAKsK,KAAUF,KAAS5D,MAAkB,UAC1B,MAAM,KAAK4D,EAAM,IAAI,CAAC,CAAC,MACpC,MAAQG,EAAI,MAAM,SAAS,KAAK,CAACA,EAAI,MAAM,EAAE,CAAC,aAAa,qBAAqB,CAE/E,KACFvF,EACE,0CACA,uRAIF;CAEJ,CAAC,GAGC,kBAACxC,EAAuB,UAAxB;EAAiC,OAAM;EACrC,UAAA,kBAACC,EAA2B,UAA5B;GAAqC,OAAOT;GAC1C,UAAA,kBAAC,SAAD;IACE,KAAKqF;IACL,WAAWsB,EAAGa,EAAyB,MAAM,WAAWX,CAAS;IACjE,GAAIzE;IAEH,UAAAqD;GACI,CAAA;EAC4B,CAAA;CACN,CAAA;AAErC;AACA,EAAe,cAAc;AAE7B,IAAM+C,MAAY,MAChB,kBAAC,OAAD;CACE,WAAW7B,EAAG8B,EAA6B,UAAU,kBAAkB;CACvE,SAAQ;CACR,MAAK;CACL,eAAY;CACZ,WAAU;CAET,UAAAC,MAAc,cAAc,kBAAC,QAAD,EAAM,GAAE,mBAAoB,CAAA,IAAI,kBAAC,QAAD,EAAM,GAAE,qBAAsB,CAAA;AACxF,CAAA,GASDxC,KAAsB,EAC1B,aACA,cAAW,IACX,aACA,cACA,YACA,QACA,GAAG9D,QAC0B;CAC7B,IAAM,EAAE,SAAM,mBAAgBpB,EAAuB,qBAAqB,GAEpE2H,IAAeC,KAAYjF,IAAWA,IAAW,KAAA,GACjDkF,IACJF,MAAiB,KAAA,KAAarF,GAAM,aAAaqF,IAAerF,EAAK,YAAY,MAK7EwF,KAAqB,MAAkD;EAC3E,IAAMC,IAASC,EAAM,cAAc;EACnC,AACEL,MAAiB,KAAA,KACjBI,GAAQ,cAAc,YACtBA,EAAO,SAASC,EAAM,MAAc,KAEpCtF,EAAYiF,CAAY;CAE5B;CAWA,OATA3K,EAAM,gBAAgB;EACpB,AAAI4K,KAAY,CAACjF,KACfX,EACE,iDACA,6FACF;CAEJ,GAAG,CAAC4F,GAAUjF,CAAQ,CAAC,GAGrB,kBAAC,MAAD;EACO;EACL,OAAM;EACN,aAAWgF,MAAiB,KAAA,IAA0C,KAAA,IAA7BE,KAAmB;EAC5D,WAAWlC,EACT8B,EAA6B,MAC7B7G,GACA,iFACA6F,GACAkB,MAAiB,KAAA,KAAa,6BAC9B9B,CACF;EACA,GAAIzE;EACJ,SACEuG,MAAiB,KAAA,IAA+DM,IAAnDnC,EAAqBmC,GAASH,CAAiB;EAG7E,UAAAH,MAAiB,KAAA,IAahB,kBAAC,QAAD;GAAM,WAAU;GAAkC;EAAe,CAAA,IAZjE,kBAAC,UAAD;GACE,MAAK;GACL,WAAWhC,EACT8B,EAA6B,QAC7B,sKACAhB,CACF;GANF,UAAA,CAQG/B,GACAmD,KAAmBL,GAASK,CAAe,CACtC;EAER,CAAA;CAEA,CAAA;AAER;AACA,EAAmB,cAAc;AAGjC,IAAMK,KAAgB,EAAE,aAAU,cAAW,QAAK,GAAG9G,QACnD,kBAAC5B,EAAuB,UAAxB;CAAiC,OAAM;CACrC,UAAA,kBAAC,SAAD;EAAY;EAAK,WAAWmG,EAAGwC,EAAuB,MAAMtC,CAAS;EAAG,GAAIzE;EACzE;CACI,CAAA;AACwB,CAAA;AAEnC,EAAa,cAAc;AAM3B,IAAMgH,KAAe,EACnB,UACA,mBACA,aACA,cACA,cACA,QACA,GAAGhH,QACmB;CACtB,IAAM,EAAE,kBAAe,UAAO,cAAW,kBAAcvB,EAAmB,cAAc,GAClFwI,KAAUrL,EAAM,WAAWwC,CAAsB,GACjD8I,IAAqBtL,EAAM,WAAW0C,CAA4B,GAClE6I,IAAWF,OAAY,UACvBG,IAAahF,MAAkB,UAAU,CAAC+E,GAC1CE,IAAU5L,GAAM,yBAAyB,GAEzCiC,IAAS0E,MAAkB,UAC3BkF,IAAc1L,EAAM,kBAClBmB,MAAU,KAAA,KAAasF,EAAM,WAAWtF,GAAOW,CAAM,GAC3D;EAACX;EAAOsF;EAAO3E;CAAM,CACvB,GAEM6J,IAAa3L,EAAM,qBAAqByG,EAAM,WAAWiF,GAAaA,CAAW;CASvF,AAPA1L,EAAM,sBAAsB;EAC1B,IAAImB,MAAU,KAAA,KAAaoK,GAAU;EACrC,IAAMK,IAAanF,EAAM,SAAStF,CAAK;EAEvC,OADImJ,KAAS7D,EAAM,mBAAmBtF,CAAK,IAAI,KAAGwC,GAAmBxC,CAAK,GACnEyK;CACT,GAAG;EAACnF;EAAOtF;EAAOoK;CAAQ,CAAC,GAE3BvL,EAAM,gBAAgB;EACpB,AAAIwL,KAAcrK,MAAU,KAAA,KAC1B6D,EACE,8BACA,kGACF;CAEJ,GAAG,CAACwG,GAAYrK,CAAK,CAAC;CAEtB,IAAM0K,IAAaL,KAAcrK,MAAU,KAAA,KAAa2K,MAAmB,KAAA,GAErEC,KAAiB,MAAoD;EACzE,IAAI,CAACP,KAAcrK,MAAU,KAAA,KAAa6J,EAAM,QAAQ,KAAK;EAC7D,IAAMgB,IAAShB,EAAM;EAErB,CAAIgB,MAAWhB,EAAM,iBAAiBgB,EAAO,kBAAkBhB,EAAM,mBACrEA,EAAM,eAAe,GACrBtE,EAAUvF,CAAK;CACjB,GAMMwG,IAAeE,EAAgBH,CAAQ,GACzCuE,GACAC,IAAc;CAClB,IAAIL,GAAY;EACd,IAAMM,IAAiBxE,EAAa,WAAW,EAAE,cAC/CG,EAAgBrE,GAAM2I,GAAc,MAAM,IAAI,CAChD;EACA,IAAID,KAAkB,GAAG;GACvB,IAAME,IAAY1E,EAAawE,EAAe,CAAC;GAE/C,AADA,IAAaE,EAAU,MAAM,MAAMZ,GAC/BY,EAAU,MAAM,OAAO,KAAA,MAAW,IAAcF;EACtD;CACF;CACA,IAAM1E,IAAUE,EAAa,KAAK,EAAE,QAAK,WAAQ,MAC/CnE,EAAgB;EACd;EACA,MACED,MAAU2I,IACNlM,EAAM,aAAayD,GAA6C,EAAE,IAAIgI,EAAQ,CAAC,IAC/EhI;CACR,CAAC,CACH,GAEM6I,IAAaT,KAAcI,MAAe,KAAA;CAChD,EAAM,gBAAgB;EACpB,AAAIK,KACFtH,EACE,gCACA,wMACF;CAEJ,GAAG,CAACsH,CAAU,CAAC;CAEf,IAAIC,IAAwC;CAkC5C,OAjCIhB,KAAY/E,MAAkB,SAChC,IACE,kBAACmD,GAAD;EACiB;EACf,cAAc2B;CACf,CAAA,IAEME,MACT,IACE,kBAAC,MAAD;EACE,MAAK;EACL,uBAAoB;EACpB,WAAW7C,EAAG6D,EAAsB,eAAe3I,GAAe4F,CAAc;EAE/E,UAAAtI,MAAU,KAAA,KACT,kBAAC,SAAD;GACE,MAAMqF,MAAkB,aAAa,aAAa;GAClD,MAAMA,MAAkB,WAAWO,KAAY,KAAA;GAI/C,MAAMP,MAAkB,WAAW,KAAK,KAAA;GACxC,SAASmF;GACT,gBAAgBjF,EAAUvF,CAAK;GAC/B,cAAY2K,MAAmBG,IAAa,KAAA,IAAY;GACxD,mBAAiBH,MAAmB,KAAA,IAAYG,IAAa,KAAA;GAC7D,WAAWtD,EAAG6D,EAAsB,kBAAkB1I,GAAA,oFAA6B;EACpF,CAAA;CAED,CAAA,IAKN,kBAAC,MAAD;EACO;EACL,WAAW6E,EACT6D,EAAsB,MACtB,CAACjB,KACC,qGACFC,KAAcG,KAAcc,EAAa,mBACzC5D,CACF;EACA,iBAAe2C,IAAaG,IAAa,KAAA;EACzC,iBAAeH,KAAcG,IAAa,KAAK,KAAA;EAC/C,GAAIvH;EACJ,WAAW0E,EAAqBC,GAAWgD,CAAa;EAZ1D,UAAA,CAcGQ,GACA9E,CACC;;AAER;AACA,EAAY,cAAc;AAG1B,IAAM2E,KAAgB,EAAE,aAAU,cAAW,QAAK,GAAGhI,QACnD,kBAAC,MAAD;CACO;CACL,MAAK;CACL,WAAWuE,EAAG+D,EAAuB,MAAM9I,GAAU,eAAe6F,GAAgBZ,CAAS;CAC7F,GAAIzE;CAEH;AACC,CAAA;AAEN,EAAa,cAAc;AAmB3B,IAAauI,KAA2B,uBAAO,OAAO5I,GAAc;CAClE,QAAQgE;CACR,YAAYG;CACZ,MAAMgD;CACN,KAAKE;CACL,MAAMgB;AACR,CAAC"}

package/dist/components/table/Table.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/children.cjs"),r=require("../../lib/dev.cjs"),i=require("../../hooks/useId.cjs"),a=require("../../hooks/useMergedRefs.cjs");require("../../lib/styles.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=()=>()=>{};function l(e){let t=o.useCallback(t=>{if(!e||typeof ResizeObserver>`u`)return()=>{};let n=new ResizeObserver(t);n.observe(e);for(let t of Array.from(e.children))n.observe(t);return()=>n.disconnect()},[e]),n=o.useCallback(()=>e?e.scrollWidth>e.clientWidth:!1,[e]);return o.useSyncExternalStore(e?t:c,n,()=>!1)}function u(e){return n.isElementOfType(e,`caption`)}var d=({striped:e=!1,containerProps:c,children:d,className:f,ref:p,...m})=>{let{className:h,ref:g,"aria-label":_,"aria-labelledby":v,...y}=c??{},[b,x]=o.useState(null),S=a.useMergedRefs(g,x),C=l(b),w=i.useId(`wave-table-caption`),T=n.flattenChildren(d),E=T.findIndex(({node:e})=>u(e)),D=E>=0?T[E].node:null,O=D?D.props.id??w:void 0,k=D&&D.props.id===void 0?T.map(({key:e,node:t},n)=>(0,s.jsx)(o.Fragment,{children:n===E?o.cloneElement(D,{id:w}):t},e)):d,A=_?void 0:v??O,j=!!(_||A),M=C&&j,N=y.role;return o.useEffect(()=>{C&&!j&&r.warnOnce(`Table:unnamed-scroll-region`,`Table: the table scrolls horizontally but its scroll region has no name. Add a <caption> or containerProps["aria-label"].`)},[C,j]),(0,s.jsx)(`div`,{...y,ref:S,role:M?`region`:N,tabIndex:C?0:y.tabIndex,"aria-label":C||N!==void 0?_:void 0,"aria-labelledby":M?A:N===void 0?void 0:v,className:t.cn(`overflow-x-auto rounded-md border border-border`,C&&`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring`,h),children:(0,s.jsx)(`table`,{ref:p,"data-striped":e?``:void 0,className:t.cn(`w-full border-separate border-spacing-0`,e&&`[:where(&>tbody>tr:nth-child(odd))]:bg-card`,f),...m,children:k})})};d.displayName=`Table`;var f=({children:e,className:n,ref:r,...i})=>(0,s.jsx)(`thead`,{ref:r,...i,className:t.cn(`bg-card`,n),children:e});f.displayName=`TableHeader`;var p=({children:e,className:n,ref:r,...i})=>(0,s.jsx)(`th`,{ref:r,scope:`col`,className:t.cn(`px-4 py-3 text-start font-semibold text-caption-1 uppercase tracking-wider border-b border-border`,n),...i,children:e});p.displayName=`TableHeaderCell`;var m=e=>(r.warnDeprecated(`Table`,`Table.Head`,`Table.Header`),(0,s.jsx)(f,{...e}));m.displayName=`TableHead`;var h=e=>(r.warnDeprecated(`Table`,`Table.HeadCell`,`Table.HeaderCell`),(0,s.jsx)(p,{...e}));h.displayName=`TableHeadCell`;var g=({children:e,className:t,ref:n,...r})=>(0,s.jsx)(`tbody`,{ref:n,...r,className:t,children:e});g.displayName=`TableBody`;var _=({children:e,className:n,ref:r,...i})=>(0,s.jsx)(`tr`,{ref:r,className:t.cn(`hover:bg-subtle-hover transition-colors motion-reduce:transition-none`,n),...i,children:e});_.displayName=`TableRow`;var v=({children:e,className:n,ref:r,...i})=>(0,s.jsx)(`td`,{ref:r,className:t.cn(`px-4 py-3 text-body-1 border-b border-border`,n),...i,children:e});v.displayName=`TableCell`;var y=Object.assign(d,{Header:f,HeaderCell:p,Head:m,HeadCell:h,Body:g,Row:_,Cell:v});exports.Table=y,exports.TableBody=g,exports.TableCell=v,exports.TableHead=m,exports.TableHeadCell=h,exports.TableHeader=f,exports.TableHeaderCell=p,exports.TableRow=_;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/children.cjs"),r=require("../../lib/dev.cjs"),i=require("../../lib/classNames.cjs"),a=require("../../hooks/useId.cjs"),o=require("../../hooks/useMergedRefs.cjs");require("../../lib/styles.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=()=>()=>{};function u(e){let t=s.useCallback(t=>{if(!e||typeof ResizeObserver>`u`)return()=>{};let n=new ResizeObserver(t);n.observe(e);for(let t of Array.from(e.children))n.observe(t);return()=>n.disconnect()},[e]),n=s.useCallback(()=>e?e.scrollWidth>e.clientWidth:!1,[e]);return s.useSyncExternalStore(e?t:l,n,()=>!1)}function d(e){return n.isElementOfType(e,`caption`)}var f=({striped:e=!1,containerProps:l,children:f,className:p,ref:m,...h})=>{let{className:g,ref:_,"aria-label":v,"aria-labelledby":y,...b}=l??{},[x,S]=s.useState(null),C=o.useMergedRefs(_,S),w=u(x),T=a.useId(`wave-table-caption`),E=n.flattenChildren(f),D=E.findIndex(({node:e})=>d(e)),O=D>=0?E[D].node:null,k=O?O.props.id??T:void 0,A=O&&O.props.id===void 0?E.map(({key:e,node:t},n)=>(0,c.jsx)(s.Fragment,{children:n===D?s.cloneElement(O,{id:T}):t},e)):f,j=v?void 0:y??k,M=!!(v||j),N=w&&M,P=b.role;return s.useEffect(()=>{w&&!M&&r.warnOnce(`Table:unnamed-scroll-region`,`Table: the table scrolls horizontally but its scroll region has no name. Add a <caption> or containerProps["aria-label"].`)},[w,M]),(0,c.jsx)(`div`,{...b,ref:C,role:N?`region`:P,tabIndex:w?0:b.tabIndex,"aria-label":w||P!==void 0?v:void 0,"aria-labelledby":N?j:P===void 0?void 0:y,className:t.cn(i.tableClassNames.container,`overflow-x-auto rounded-md border border-border`,w&&`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring`,g),children:(0,c.jsx)(`table`,{ref:m,"data-striped":e?``:void 0,className:t.cn(i.tableClassNames.root,`w-full border-separate border-spacing-0`,e&&`[:where(&>tbody>tr:nth-child(odd))]:bg-card`,p),...h,children:A})})};f.displayName=`Table`;var p=({children:e,className:n,ref:r,...a})=>(0,c.jsx)(`thead`,{ref:r,...a,className:t.cn(i.tableHeaderClassNames.root,`bg-card`,n),children:e});p.displayName=`TableHeader`;var m=({children:e,className:n,ref:r,...a})=>(0,c.jsx)(`th`,{ref:r,scope:`col`,className:t.cn(i.tableHeaderCellClassNames.root,`px-4 py-3 text-start font-semibold text-caption-1 uppercase tracking-wider border-b border-border`,n),...a,children:e});m.displayName=`TableHeaderCell`;var h=e=>(r.warnDeprecated(`Table`,`Table.Head`,`Table.Header`),(0,c.jsx)(p,{...e}));h.displayName=`TableHead`;var g=e=>(r.warnDeprecated(`Table`,`Table.HeadCell`,`Table.HeaderCell`),(0,c.jsx)(m,{...e}));g.displayName=`TableHeadCell`;var _=({children:e,className:n,ref:r,...a})=>(0,c.jsx)(`tbody`,{ref:r,...a,className:t.cn(i.tableBodyClassNames.root,n),children:e});_.displayName=`TableBody`;var v=({children:e,className:n,ref:r,...a})=>(0,c.jsx)(`tr`,{ref:r,className:t.cn(i.tableRowClassNames.root,`hover:bg-subtle-hover transition-colors motion-reduce:transition-none`,n),...a,children:e});v.displayName=`TableRow`;var y=({children:e,className:n,ref:r,...a})=>(0,c.jsx)(`td`,{ref:r,className:t.cn(i.tableCellClassNames.root,`px-4 py-3 text-body-1 border-b border-border`,n),...a,children:e});y.displayName=`TableCell`;var b=Object.assign(f,{Header:p,HeaderCell:m,Head:h,HeadCell:g,Body:_,Row:v,Cell:y});exports.Table=b,exports.TableBody=_,exports.TableCell=y,exports.TableHead=h,exports.TableHeadCell=g,exports.TableHeader=p,exports.TableHeaderCell=m,exports.TableRow=v;
 //# sourceMappingURL=Table.cjs.map

package/dist/components/table/Table.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.cjs","names":["React","isElementOfType","useMergedRefs","useId","flattenChildren","cn","require_runtime","require_cn","require_children","require_dev","require_useId","require_useMergedRefs","react","react_jsx_runtime","noopSubscribe","useHorizontalOverflow","subscribe","wrapper","observer","onChange","child","getSnapshot","isCaption","node","TableRoot","props","containerClassName","containerRef","containerLabel","containerLabelledBy","containerRest","containerProps","setWrapper","wrapperRef","scrollable","generatedCaptionId","flatChildren","children","captionIndex","caption","captionId","content","index","key","regionLabelledBy","named","isRegion","consumerRole","striped","className","TableHeader","rest","TableHeaderCell","TableHead","TableHeadCell","TableBody","TableRow","TableCell","Table"],"sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["import * as React from 'react';\nimport { flattenChildren, isElementOfType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { warnDeprecated, warnOnce } from '../../lib/dev';\nimport { focusRing } from '../../lib/styles';\nimport { useId } from '../../hooks/useId';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\n\n/** Properties for the Table component. */\nexport interface TableProps extends React.HTMLAttributes<HTMLTableElement> {\n  /**\n   * Whether to apply alternating row background colors (odd body rows). The stripe has zero\n   * specificity, so a row's own background class (`<Table.Row className=\"bg-selected\">`) and its\n   * hover color win over it.\n   * @default false\n   */\n  striped?: boolean;\n  /**\n   * Props for the wrapper `<div>` around the `<table>`: a horizontally scrollable container\n   * (`overflow-x-auto`). Use it for its className, style, ref or `aria-label`. While the table\n   * scrolls horizontally, the wrapper is a keyboard-focusable `role=\"region\"` named by\n   * `containerProps['aria-label']`/`['aria-labelledby']`, else by the table's `<caption>`. While\n   * it does not scroll, the wrapper has no role and its `aria-label`/`aria-labelledby` are left\n   * off, unless you also pass a `role` in `containerProps` (then they are always applied).\n   */\n  containerProps?: Omit<React.ComponentPropsWithRef<'div'>, 'children'>;\n  /** Table caption, header, body and row elements. */\n  children: React.ReactNode;\n  /** Ref to the `<table>` element. */\n  ref?: React.Ref<HTMLTableElement>;\n}\n\n/** Properties for the TableHeader sub-component. */\nexport interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  /** Table header row elements. */\n  children: React.ReactNode;\n  /** Ref to the `<thead>` element. */\n  ref?: React.Ref<HTMLTableSectionElement>;\n}\n\n/** Properties for the TableHeaderCell sub-component. */\nexport interface TableHeaderCellProps extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  /** Header cell content. */\n  children: React.ReactNode;\n  /** Ref to the `<th>` element. */\n  ref?: React.Ref<HTMLTableCellElement>;\n}\n\n/** @deprecated Use `TableHeaderProps` (`Table.Header`). */\nexport type TableHeadProps = TableHeaderProps;\n\n/** @deprecated Use `TableHeaderCellProps` (`Table.HeaderCell`). */\nexport type TableHeadCellProps = TableHeaderCellProps;\n\n/** Properties for the TableBody sub-component. */\nexport interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  /** Table row elements. */\n  children: React.ReactNode;\n  /** Ref to the `<tbody>` element. */\n  ref?: React.Ref<HTMLTableSectionElement>;\n}\n\n/** Properties for the TableRow sub-component. */\nexport interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {\n  /** Table cell elements. */\n  children: React.ReactNode;\n  /** Ref to the `<tr>` element. */\n  ref?: React.Ref<HTMLTableRowElement>;\n}\n\n/** Properties for the TableCell sub-component. */\nexport interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {\n  /** Cell content. */\n  children: React.ReactNode;\n  /** Ref to the `<td>` element. */\n  ref?: React.Ref<HTMLTableCellElement>;\n}\n\nconst noopSubscribe = () => () => {};\n\n/**\n * Whether `wrapper` scrolls horizontally, as an external store: a `ResizeObserver` on the wrapper\n * and the table re-checks `scrollWidth > clientWidth`. Without `ResizeObserver` (server, old\n * browsers, jsdom) the value is read on each render.\n */\nfunction useHorizontalOverflow(wrapper: HTMLDivElement | null): boolean {\n  const subscribe = React.useCallback(\n    (onChange: () => void) => {\n      if (!wrapper || typeof ResizeObserver === 'undefined') return () => {};\n      const observer = new ResizeObserver(onChange);\n      observer.observe(wrapper);\n      for (const child of Array.from(wrapper.children)) observer.observe(child);\n      return () => observer.disconnect();\n    },\n    [wrapper],\n  );\n  const getSnapshot = React.useCallback(\n    () => (wrapper ? wrapper.scrollWidth > wrapper.clientWidth : false),\n    [wrapper],\n  );\n  return React.useSyncExternalStore(wrapper ? subscribe : noopSubscribe, getSnapshot, () => false);\n}\n\nfunction isCaption(node: React.ReactNode): node is React.ReactElement<{ id?: string }> {\n  return isElementOfType(node, 'caption');\n}\n\n// The component-level JSDoc sits on the exported `Table` below.\nconst TableRoot = ({\n  striped = false,\n  containerProps,\n  children,\n  className,\n  ref,\n  ...props\n}: TableProps) => {\n  const {\n    className: containerClassName,\n    ref: containerRef,\n    'aria-label': containerLabel,\n    'aria-labelledby': containerLabelledBy,\n    ...containerRest\n  } = containerProps ?? {};\n\n  const [wrapper, setWrapper] = React.useState<HTMLDivElement | null>(null);\n  const wrapperRef = useMergedRefs<HTMLDivElement>(containerRef, setWrapper);\n  const scrollable = useHorizontalOverflow(wrapper);\n\n  // Name the scroll region after the caption (also one inside a Fragment): keep its id, or give it\n  // one. The flattened children are then rendered under their flattened keys.\n  const generatedCaptionId = useId('wave-table-caption');\n  const flatChildren = flattenChildren(children);\n  const captionIndex = flatChildren.findIndex(({ node }) => isCaption(node));\n  const caption =\n    captionIndex >= 0\n      ? (flatChildren[captionIndex].node as React.ReactElement<{ id?: string }>)\n      : null;\n  const captionId = caption ? (caption.props.id ?? generatedCaptionId) : undefined;\n  const content =\n    caption && caption.props.id === undefined\n      ? flatChildren.map(({ key, node }, index) => (\n          <React.Fragment key={key}>\n            {index === captionIndex\n              ? React.cloneElement(caption, { id: generatedCaptionId })\n              : node}\n          </React.Fragment>\n        ))\n      : children;\n\n  const regionLabelledBy = containerLabel ? undefined : (containerLabelledBy ?? captionId);\n  const named = Boolean(containerLabel || regionLabelledBy);\n  const isRegion = scrollable && named;\n  /** A role the consumer gave the wrapper: their name goes with it even while nothing scrolls. */\n  const consumerRole = containerRest.role;\n\n  React.useEffect(() => {\n    if (scrollable && !named) {\n      warnOnce(\n        'Table:unnamed-scroll-region',\n        'Table: the table scrolls horizontally but its scroll region has no name. Add a <caption> or containerProps[\"aria-label\"].',\n      );\n    }\n  }, [scrollable, named]);\n\n  return (\n    <div\n      {...containerRest}\n      ref={wrapperRef}\n      role={isRegion ? 'region' : consumerRole}\n      tabIndex={scrollable ? 0 : containerRest.tabIndex}\n      aria-label={scrollable || consumerRole !== undefined ? containerLabel : undefined}\n      aria-labelledby={\n        isRegion ? regionLabelledBy : consumerRole !== undefined ? containerLabelledBy : undefined\n      }\n      className={cn(\n        'overflow-x-auto rounded-md border border-border',\n        scrollable && focusRing,\n        containerClassName,\n      )}\n    >\n      <table\n        ref={ref}\n        data-striped={striped ? '' : undefined}\n        className={cn(\n          'w-full border-separate border-spacing-0',\n          // `:where()` keeps the stripe at specificity 0, so any row class wins (C-CLASS).\n          striped && '[:where(&>tbody>tr:nth-child(odd))]:bg-card',\n          className,\n        )}\n        {...props}\n      >\n        {content}\n      </table>\n    </div>\n  );\n};\nTableRoot.displayName = 'Table';\n\n/** The table's `<thead>`. */\nconst TableHeader = ({ children, className, ref, ...rest }: TableHeaderProps) => (\n  <thead ref={ref} {...rest} className={cn('bg-card', className)}>\n    {children}\n  </thead>\n);\nTableHeader.displayName = 'TableHeader';\n\n/** A column header cell (`<th scope=\"col\">`). */\nconst TableHeaderCell = ({ children, className, ref, ...props }: TableHeaderCellProps) => (\n  <th\n    ref={ref}\n    scope=\"col\"\n    className={cn(\n      'px-4 py-3 text-start font-semibold text-caption-1 uppercase tracking-wider border-b border-border',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </th>\n);\nTableHeaderCell.displayName = 'TableHeaderCell';\n\n/** @deprecated Use `Table.Header` (`TableHeader`). */\nconst TableHead = (props: TableHeadProps) => {\n  warnDeprecated('Table', 'Table.Head', 'Table.Header');\n  return <TableHeader {...props} />;\n};\nTableHead.displayName = 'TableHead';\n\n/** @deprecated Use `Table.HeaderCell` (`TableHeaderCell`). */\nconst TableHeadCell = (props: TableHeadCellProps) => {\n  warnDeprecated('Table', 'Table.HeadCell', 'Table.HeaderCell');\n  return <TableHeaderCell {...props} />;\n};\nTableHeadCell.displayName = 'TableHeadCell';\n\n/** The table's `<tbody>`. */\nconst TableBody = ({ children, className, ref, ...rest }: TableBodyProps) => (\n  <tbody ref={ref} {...rest} className={className}>\n    {children}\n  </tbody>\n);\nTableBody.displayName = 'TableBody';\n\n/** A table row. Striping comes from the table (`striped`), so rows need no context. */\nconst TableRow = ({ children, className, ref, ...props }: TableRowProps) => (\n  <tr\n    ref={ref}\n    className={cn(\n      'hover:bg-subtle-hover transition-colors motion-reduce:transition-none',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </tr>\n);\nTableRow.displayName = 'TableRow';\n\n/** A data cell (`<td>`). */\nconst TableCell = ({ children, className, ref, ...props }: TableCellProps) => (\n  <td\n    ref={ref}\n    className={cn('px-4 py-3 text-body-1 border-b border-border', className)}\n    {...props}\n  >\n    {children}\n  </td>\n);\nTableCell.displayName = 'TableCell';\n\nexport { TableHeader, TableHeaderCell, TableHead, TableHeadCell, TableBody, TableRow, TableCell };\n\n/**\n * A non-interactive data table with an optional striped body. The table sits in a horizontally\n * scrollable wrapper; while it scrolls, the wrapper is a focusable region (named by\n * `containerProps` or the `<caption>`) so keyboard users can scroll it.\n *\n * Sub-components are available as `Table.Header`, `Table.HeaderCell`, `Table.Body`, `Table.Row`\n * and `Table.Cell` in client components, and as the flat exports `TableHeader`,\n * `TableHeaderCell`, `TableBody`, `TableRow` and `TableCell` (the form React Server Components\n * can import). `Table.Head`/`Table.HeadCell` (`TableHead`/`TableHeadCell`) are deprecated aliases.\n */\nexport const Table = /* @__PURE__ */ Object.assign(TableRoot, {\n  Header: TableHeader,\n  HeaderCell: TableHeaderCell,\n  /** @deprecated Use `Table.Header`. */\n  Head: TableHead,\n  /** @deprecated Use `Table.HeaderCell`. */\n  HeadCell: TableHeadCell,\n  Body: TableBody,\n  Row: TableRow,\n  Cell: TableCell,\n});\n"],"mappings":"+VA8EA,IAAMc,UAA4B,CAAC,EAOnC,SAASC,EAAsB,EAAyC,CACtE,IAAMC,EAAYhB,EAAM,YACrB,GAAyB,CACxB,GAAI,CAACiB,GAAW,OAAO,eAAmB,IAAa,UAAa,CAAC,EACrE,IAAMC,EAAW,IAAI,eAAeC,CAAQ,EAC5CD,EAAS,QAAQD,CAAO,EACxB,IAAK,IAAMG,KAAS,MAAM,KAAKH,EAAQ,QAAQ,EAAGC,EAAS,QAAQE,CAAK,EACxE,UAAaF,EAAS,WAAW,CACnC,EACA,CAACD,CAAO,CACV,EACMI,EAAcrB,EAAM,gBACjBiB,EAAUA,EAAQ,YAAcA,EAAQ,YAAc,GAC7D,CAACA,CAAO,CACV,EACA,OAAOjB,EAAM,qBAAqBiB,EAAUD,EAAYF,EAAeO,MAAmB,EAAK,CACjG,CAEA,SAASC,EAAU,EAAoE,CACrF,OAAOrB,EAAAA,gBAAgBsB,EAAM,SAAS,CACxC,CAGA,IAAMC,GAAa,CACjB,UAAU,GACV,iBACA,WACA,YACA,MACA,GAAGC,KACa,CAChB,GAAM,CACJ,UAAWC,EACX,IAAKC,EACL,aAAcC,EACd,kBAAmBC,EACnB,GAAGC,GACDC,GAAkB,CAAC,EAEjB,CAACd,EAASe,GAAchC,EAAM,SAAgC,IAAI,EAClEiC,EAAa/B,EAAAA,cAA8ByB,EAAcK,CAAU,EACnEE,EAAanB,EAAsBE,CAAO,EAI1CkB,EAAqBhC,EAAAA,MAAM,oBAAoB,EAC/CiC,EAAehC,EAAAA,gBAAgBiC,CAAQ,EACvCC,EAAeF,EAAa,WAAW,CAAE,UAAWd,EAAUC,CAAI,CAAC,EACnEgB,EACJD,GAAgB,EACXF,EAAaE,EAAa,CAAC,KAC5B,KACAE,EAAYD,EAAWA,EAAQ,MAAM,IAAMJ,EAAsB,IAAA,GACjEM,EACJF,GAAWA,EAAQ,MAAM,KAAO,IAAA,GAC5BH,EAAa,KAAK,CAAE,MAAK,QAAQ,KAC/B,EAAAvB,EAAA,IAAA,CAACb,EAAM,SAAP,CAAA,SACG0C,IAAUJ,EACPtC,EAAM,aAAauC,EAAS,CAAE,GAAIJ,CAAmB,CAAC,EACtDZ,CACU,EAJKoB,CAIL,CACjB,EACDN,EAEAO,EAAmBhB,EAAiB,IAAA,GAAaC,GAAuBW,EACxEK,EAAQ,GAAQjB,GAAkBgB,GAClCE,EAAWZ,GAAcW,EAEzBE,EAAejB,EAAc,KAWnC,OATAlB,EAAM,cAAgB,CAChBsB,GAAc,CAACW,GACjBpC,EAAA,SACE,8BACA,2HACF,CAEJ,EAAG,CAACyB,EAAYW,CAAK,CAAC,GAGpB,EAAAhC,EAAA,IAAA,CAAC,MAAD,CACE,GAAIiB,EACJ,IAAKG,EACL,KAAMa,EAAW,SAAWC,EAC5B,SAAUb,EAAa,EAAIJ,EAAc,SACzC,aAAYI,GAAca,IAAiB,IAAA,GAAYnB,EAAiB,IAAA,GACxE,kBACEkB,EAAWF,EAAmBG,IAAiB,IAAA,GAAkC,IAAA,GAAtBlB,EAE7D,UAAWxB,EAAAA,GACT,kDACA6B,GAAA,oFACAR,CACF,EAEA,UAAA,EAAAb,EAAA,IAAA,CAAC,QAAD,CACO,MACL,eAAcmC,EAAU,GAAK,IAAA,GAC7B,UAAW3C,EAAAA,GACT,0CAEA2C,GAAW,8CACXC,CACF,EACA,GAAIxB,EAEH,SAAAgB,CACI,CAAA,CACJ,CAAA,CAET,EACA,EAAU,YAAc,QAGxB,IAAMS,GAAe,CAAE,WAAU,YAAW,MAAK,GAAGC,MAClD,EAAAtC,EAAA,IAAA,CAAC,QAAD,CAAY,MAAK,GAAIsC,EAAM,UAAW9C,EAAAA,GAAG,UAAW4C,CAAS,EAC1D,UACI,CAAA,EAET,EAAY,YAAc,cAG1B,IAAMG,GAAmB,CAAE,WAAU,YAAW,MAAK,GAAG3B,MACtD,EAAAZ,EAAA,IAAA,CAAC,KAAD,CACO,MACL,MAAM,MACN,UAAWR,EAAAA,GACT,oGACA4C,CACF,EACA,GAAIxB,EAEH,UACC,CAAA,EAEN,EAAgB,YAAc,kBAG9B,IAAM4B,EAAa,IACjB5C,EAAA,eAAe,QAAS,aAAc,cAAc,GAC7C,EAAAI,EAAA,IAAA,CAACqC,EAAD,CAAa,GAAIzB,CAAQ,CAAA,GAElC,EAAU,YAAc,YAGxB,IAAM6B,EAAiB,IACrB7C,EAAA,eAAe,QAAS,iBAAkB,kBAAkB,GACrD,EAAAI,EAAA,IAAA,CAACuC,EAAD,CAAiB,GAAI3B,CAAQ,CAAA,GAEtC,EAAc,YAAc,gBAG5B,IAAM8B,GAAa,CAAE,WAAU,YAAW,MAAK,GAAGJ,MAChD,EAAAtC,EAAA,IAAA,CAAC,QAAD,CAAY,MAAK,GAAIsC,EAAiB,YACnC,UACI,CAAA,EAET,EAAU,YAAc,YAGxB,IAAMK,GAAY,CAAE,WAAU,YAAW,MAAK,GAAG/B,MAC/C,EAAAZ,EAAA,IAAA,CAAC,KAAD,CACO,MACL,UAAWR,EAAAA,GACT,wEACA4C,CACF,EACA,GAAIxB,EAEH,UACC,CAAA,EAEN,EAAS,YAAc,WAGvB,IAAMgC,GAAa,CAAE,WAAU,YAAW,MAAK,GAAGhC,MAChD,EAAAZ,EAAA,IAAA,CAAC,KAAD,CACO,MACL,UAAWR,EAAAA,GAAG,+CAAgD4C,CAAS,EACvE,GAAIxB,EAEH,UACC,CAAA,EAEN,EAAU,YAAc,YAcxB,IAAaiC,EAAwB,OAAO,OAAOlC,EAAW,CAC5D,OAAQ0B,EACR,WAAYE,EAEZ,KAAMC,EAEN,SAAUC,EACV,KAAMC,EACN,IAAKC,EACL,KAAMC,CACR,CAAC"}
+{"version":3,"file":"Table.cjs","names":["React","isElementOfType","useMergedRefs","useId","flattenChildren","cn","tableClassNames","tableHeaderClassNames","tableHeaderCellClassNames","tableBodyClassNames","tableRowClassNames","tableCellClassNames","require_runtime","require_cn","require_children","require_dev","require_classNames","require_useId","require_useMergedRefs","react","react_jsx_runtime","noopSubscribe","useHorizontalOverflow","subscribe","wrapper","observer","onChange","child","getSnapshot","isCaption","node","TableRoot","props","containerClassName","containerRef","containerLabel","containerLabelledBy","containerRest","containerProps","setWrapper","wrapperRef","scrollable","generatedCaptionId","flatChildren","children","captionIndex","caption","captionId","content","index","key","regionLabelledBy","named","isRegion","consumerRole","striped","className","TableHeader","rest","TableHeaderCell","TableHead","TableHeadCell","TableBody","TableRow","TableCell","Table"],"sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["import * as React from 'react';\nimport { flattenChildren, isElementOfType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport {\n  tableBodyClassNames,\n  tableCellClassNames,\n  tableClassNames,\n  tableHeaderCellClassNames,\n  tableHeaderClassNames,\n  tableRowClassNames,\n} from '../../lib/classNames';\nimport { warnDeprecated, warnOnce } from '../../lib/dev';\nimport { focusRing } from '../../lib/styles';\nimport { useId } from '../../hooks/useId';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\n\n/** Properties for the Table component. */\nexport interface TableProps extends React.HTMLAttributes<HTMLTableElement> {\n  /**\n   * Whether to apply alternating row background colors (odd body rows). The stripe has zero\n   * specificity, so a row's own background class (`<Table.Row className=\"bg-selected\">`) and its\n   * hover color win over it.\n   * @default false\n   */\n  striped?: boolean;\n  /**\n   * Props for the wrapper `<div>` around the `<table>`: a horizontally scrollable container\n   * (`overflow-x-auto`). Use it for its className, style, ref or `aria-label`. While the table\n   * scrolls horizontally, the wrapper is a keyboard-focusable `role=\"region\"` named by\n   * `containerProps['aria-label']`/`['aria-labelledby']`, else by the table's `<caption>`. While\n   * it does not scroll, the wrapper has no role and its `aria-label`/`aria-labelledby` are left\n   * off, unless you also pass a `role` in `containerProps` (then they are always applied).\n   */\n  containerProps?: Omit<React.ComponentPropsWithRef<'div'>, 'children'>;\n  /** Table caption, header, body and row elements. */\n  children: React.ReactNode;\n  /** Ref to the `<table>` element. */\n  ref?: React.Ref<HTMLTableElement>;\n}\n\n/** Properties for the TableHeader sub-component. */\nexport interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  /** Table header row elements. */\n  children: React.ReactNode;\n  /** Ref to the `<thead>` element. */\n  ref?: React.Ref<HTMLTableSectionElement>;\n}\n\n/** Properties for the TableHeaderCell sub-component. */\nexport interface TableHeaderCellProps extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  /** Header cell content. */\n  children: React.ReactNode;\n  /** Ref to the `<th>` element. */\n  ref?: React.Ref<HTMLTableCellElement>;\n}\n\n/** @deprecated Use `TableHeaderProps` (`Table.Header`). */\nexport type TableHeadProps = TableHeaderProps;\n\n/** @deprecated Use `TableHeaderCellProps` (`Table.HeaderCell`). */\nexport type TableHeadCellProps = TableHeaderCellProps;\n\n/** Properties for the TableBody sub-component. */\nexport interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  /** Table row elements. */\n  children: React.ReactNode;\n  /** Ref to the `<tbody>` element. */\n  ref?: React.Ref<HTMLTableSectionElement>;\n}\n\n/** Properties for the TableRow sub-component. */\nexport interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {\n  /** Table cell elements. */\n  children: React.ReactNode;\n  /** Ref to the `<tr>` element. */\n  ref?: React.Ref<HTMLTableRowElement>;\n}\n\n/** Properties for the TableCell sub-component. */\nexport interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {\n  /** Cell content. */\n  children: React.ReactNode;\n  /** Ref to the `<td>` element. */\n  ref?: React.Ref<HTMLTableCellElement>;\n}\n\nconst noopSubscribe = () => () => {};\n\n/**\n * Whether `wrapper` scrolls horizontally, as an external store: a `ResizeObserver` on the wrapper\n * and the table re-checks `scrollWidth > clientWidth`. Without `ResizeObserver` (server, old\n * browsers, jsdom) the value is read on each render.\n */\nfunction useHorizontalOverflow(wrapper: HTMLDivElement | null): boolean {\n  const subscribe = React.useCallback(\n    (onChange: () => void) => {\n      if (!wrapper || typeof ResizeObserver === 'undefined') return () => {};\n      const observer = new ResizeObserver(onChange);\n      observer.observe(wrapper);\n      for (const child of Array.from(wrapper.children)) observer.observe(child);\n      return () => observer.disconnect();\n    },\n    [wrapper],\n  );\n  const getSnapshot = React.useCallback(\n    () => (wrapper ? wrapper.scrollWidth > wrapper.clientWidth : false),\n    [wrapper],\n  );\n  return React.useSyncExternalStore(wrapper ? subscribe : noopSubscribe, getSnapshot, () => false);\n}\n\nfunction isCaption(node: React.ReactNode): node is React.ReactElement<{ id?: string }> {\n  return isElementOfType(node, 'caption');\n}\n\n// The component-level JSDoc sits on the exported `Table` below.\nconst TableRoot = ({\n  striped = false,\n  containerProps,\n  children,\n  className,\n  ref,\n  ...props\n}: TableProps) => {\n  const {\n    className: containerClassName,\n    ref: containerRef,\n    'aria-label': containerLabel,\n    'aria-labelledby': containerLabelledBy,\n    ...containerRest\n  } = containerProps ?? {};\n\n  const [wrapper, setWrapper] = React.useState<HTMLDivElement | null>(null);\n  const wrapperRef = useMergedRefs<HTMLDivElement>(containerRef, setWrapper);\n  const scrollable = useHorizontalOverflow(wrapper);\n\n  // Name the scroll region after the caption (also one inside a Fragment): keep its id, or give it\n  // one. The flattened children are then rendered under their flattened keys.\n  const generatedCaptionId = useId('wave-table-caption');\n  const flatChildren = flattenChildren(children);\n  const captionIndex = flatChildren.findIndex(({ node }) => isCaption(node));\n  const caption =\n    captionIndex >= 0\n      ? (flatChildren[captionIndex].node as React.ReactElement<{ id?: string }>)\n      : null;\n  const captionId = caption ? (caption.props.id ?? generatedCaptionId) : undefined;\n  const content =\n    caption && caption.props.id === undefined\n      ? flatChildren.map(({ key, node }, index) => (\n          <React.Fragment key={key}>\n            {index === captionIndex\n              ? React.cloneElement(caption, { id: generatedCaptionId })\n              : node}\n          </React.Fragment>\n        ))\n      : children;\n\n  const regionLabelledBy = containerLabel ? undefined : (containerLabelledBy ?? captionId);\n  const named = Boolean(containerLabel || regionLabelledBy);\n  const isRegion = scrollable && named;\n  /** A role the consumer gave the wrapper: their name goes with it even while nothing scrolls. */\n  const consumerRole = containerRest.role;\n\n  React.useEffect(() => {\n    if (scrollable && !named) {\n      warnOnce(\n        'Table:unnamed-scroll-region',\n        'Table: the table scrolls horizontally but its scroll region has no name. Add a <caption> or containerProps[\"aria-label\"].',\n      );\n    }\n  }, [scrollable, named]);\n\n  return (\n    <div\n      {...containerRest}\n      ref={wrapperRef}\n      role={isRegion ? 'region' : consumerRole}\n      tabIndex={scrollable ? 0 : containerRest.tabIndex}\n      aria-label={scrollable || consumerRole !== undefined ? containerLabel : undefined}\n      aria-labelledby={\n        isRegion ? regionLabelledBy : consumerRole !== undefined ? containerLabelledBy : undefined\n      }\n      className={cn(\n        tableClassNames.container,\n        'overflow-x-auto rounded-md border border-border',\n        scrollable && focusRing,\n        containerClassName,\n      )}\n    >\n      <table\n        ref={ref}\n        data-striped={striped ? '' : undefined}\n        className={cn(\n          tableClassNames.root,\n          'w-full border-separate border-spacing-0',\n          // `:where()` keeps the stripe at specificity 0, so any row class wins (C-CLASS).\n          striped && '[:where(&>tbody>tr:nth-child(odd))]:bg-card',\n          className,\n        )}\n        {...props}\n      >\n        {content}\n      </table>\n    </div>\n  );\n};\nTableRoot.displayName = 'Table';\n\n/** The table's `<thead>`. */\nconst TableHeader = ({ children, className, ref, ...rest }: TableHeaderProps) => (\n  <thead ref={ref} {...rest} className={cn(tableHeaderClassNames.root, 'bg-card', className)}>\n    {children}\n  </thead>\n);\nTableHeader.displayName = 'TableHeader';\n\n/** A column header cell (`<th scope=\"col\">`). */\nconst TableHeaderCell = ({ children, className, ref, ...props }: TableHeaderCellProps) => (\n  <th\n    ref={ref}\n    scope=\"col\"\n    className={cn(\n      tableHeaderCellClassNames.root,\n      'px-4 py-3 text-start font-semibold text-caption-1 uppercase tracking-wider border-b border-border',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </th>\n);\nTableHeaderCell.displayName = 'TableHeaderCell';\n\n/** @deprecated Use `Table.Header` (`TableHeader`). */\nconst TableHead = (props: TableHeadProps) => {\n  warnDeprecated('Table', 'Table.Head', 'Table.Header');\n  return <TableHeader {...props} />;\n};\nTableHead.displayName = 'TableHead';\n\n/** @deprecated Use `Table.HeaderCell` (`TableHeaderCell`). */\nconst TableHeadCell = (props: TableHeadCellProps) => {\n  warnDeprecated('Table', 'Table.HeadCell', 'Table.HeaderCell');\n  return <TableHeaderCell {...props} />;\n};\nTableHeadCell.displayName = 'TableHeadCell';\n\n/** The table's `<tbody>`. */\nconst TableBody = ({ children, className, ref, ...rest }: TableBodyProps) => (\n  <tbody ref={ref} {...rest} className={cn(tableBodyClassNames.root, className)}>\n    {children}\n  </tbody>\n);\nTableBody.displayName = 'TableBody';\n\n/** A table row. Striping comes from the table (`striped`), so rows need no context. */\nconst TableRow = ({ children, className, ref, ...props }: TableRowProps) => (\n  <tr\n    ref={ref}\n    className={cn(\n      tableRowClassNames.root,\n      'hover:bg-subtle-hover transition-colors motion-reduce:transition-none',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </tr>\n);\nTableRow.displayName = 'TableRow';\n\n/** A data cell (`<td>`). */\nconst TableCell = ({ children, className, ref, ...props }: TableCellProps) => (\n  <td\n    ref={ref}\n    className={cn(\n      tableCellClassNames.root,\n      'px-4 py-3 text-body-1 border-b border-border',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </td>\n);\nTableCell.displayName = 'TableCell';\n\nexport { TableHeader, TableHeaderCell, TableHead, TableHeadCell, TableBody, TableRow, TableCell };\n\n/**\n * A non-interactive data table with an optional striped body. The table sits in a horizontally\n * scrollable wrapper; while it scrolls, the wrapper is a focusable region (named by\n * `containerProps` or the `<caption>`) so keyboard users can scroll it.\n *\n * Sub-components are available as `Table.Header`, `Table.HeaderCell`, `Table.Body`, `Table.Row`\n * and `Table.Cell` in client components, and as the flat exports `TableHeader`,\n * `TableHeaderCell`, `TableBody`, `TableRow` and `TableCell` (the form React Server Components\n * can import). `Table.Head`/`Table.HeadCell` (`TableHead`/`TableHeadCell`) are deprecated aliases.\n */\nexport const Table = /* @__PURE__ */ Object.assign(TableRoot, {\n  Header: TableHeader,\n  HeaderCell: TableHeaderCell,\n  /** @deprecated Use `Table.Header`. */\n  Head: TableHead,\n  /** @deprecated Use `Table.HeaderCell`. */\n  HeadCell: TableHeadCell,\n  Body: TableBody,\n  Row: TableRow,\n  Cell: TableCell,\n});\n"],"mappings":"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"}