@vueye-table/headless 3.0.0-alpha.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Brahim Boussadjra and vueye-table contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,12 @@
+# @vueye-table/headless
+
+Unstyled, accessible Vue components for vueye-table: `DataTableRoot`, header, body, row, and cell
+components, sort buttons, selection checkboxes, search, pagination, page size, column visibility,
+a live status region, and a keyboard-driven spreadsheet grid (`DataGridRoot`, `DataGridCell`).
+State is exposed through slot props and `data-*` attributes, and every component accepts `as`.
+
+```bash
+pnpm add @vueye-table/headless vue
+```
+
+See the [repository README](https://github.com/boussadjra/vueye-table#readme) for every layer.

package/dist/index.d.ts

@@ -0,0 +1,641 @@
+import { AnyDataTableBinding, DataGridBinding, DataTableBinding } from "@vueye-table/vue";
+import { PropType, SlotsType, VNode, VNodeChild } from "vue";
+import { GridDirection, PageItem, SelectionCoverage, SortInfo, TableColumn, TableRow } from "@vueye-table/core";
+//#region src/controls.d.ts
+/**
+ * Selects or clears every row in the table's select-all scope. It shows the indeterminate state
+ * when only some are selected. The slot receives the state to draw a custom control.
+ */
+declare const DataTableSelectAll: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  label: {
+    type: StringConstructor;
+    default: string;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}> | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  label: {
+    type: StringConstructor;
+    default: string;
+  };
+}>> & Readonly<{}>, {
+  label: string;
+}, SlotsType<{
+  default?: (props: {
+    state: SelectionCoverage;
+    toggle: () => void;
+  }) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** Selects or clears one row. */
+declare const DataTableSelectRow: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  row: {
+    readonly type: PropType<import("@vueye-table/core").TableRow<unknown>>;
+    readonly required: true;
+  };
+  label: {
+    type: StringConstructor;
+    default: string;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}> | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  row: {
+    readonly type: PropType<import("@vueye-table/core").TableRow<unknown>>;
+    readonly required: true;
+  };
+  label: {
+    type: StringConstructor;
+    default: string;
+  };
+}>> & Readonly<{}>, {
+  label: string;
+}, SlotsType<{
+  default?: (props: {
+    selected: boolean;
+    toggle: () => void;
+  }) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * A search box bound to the table's free-text search. `debounce` waits that many milliseconds
+ * after the last keystroke before searching.
+ */
+declare const DataTableSearch: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  debounce: {
+    type: NumberConstructor;
+    default: number;
+  };
+  label: {
+    type: StringConstructor;
+    default: string;
+  };
+  placeholder: {
+    type: PropType<string | undefined>;
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  debounce: {
+    type: NumberConstructor;
+    default: number;
+  };
+  label: {
+    type: StringConstructor;
+    default: string;
+  };
+  placeholder: {
+    type: PropType<string | undefined>;
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  label: string;
+  debounce: number;
+  placeholder: string | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * Page navigation. The slot receives everything needed to draw custom controls; without one it
+ * renders previous, numbered, and next buttons with `aria-current` on the current page.
+ */
+declare const DataTablePagination: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+  label: {
+    type: StringConstructor;
+    default: string;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+  label: {
+    type: StringConstructor;
+    default: string;
+  };
+}>> & Readonly<{}>, {
+  as: string;
+  label: string;
+}, SlotsType<{
+  default?: (props: {
+    page: number;
+    pageCount: number;
+    items: readonly PageItem[];
+    canPrevious: boolean;
+    canNext: boolean;
+    goToPage: (page: number) => void;
+    next: () => void;
+    previous: () => void;
+  }) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** A page size picker. */
+declare const DataTablePageSize: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  options: {
+    type: PropType<readonly number[]>;
+    default: () => number[];
+  };
+  label: {
+    type: StringConstructor;
+    default: string;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  options: {
+    type: PropType<readonly number[]>;
+    default: () => number[];
+  };
+  label: {
+    type: StringConstructor;
+    default: string;
+  };
+}>> & Readonly<{}>, {
+  label: string;
+  options: readonly number[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** A checkbox per column that shows or hides it. The slot receives the columns and `toggle`. */
+declare const DataTableColumnVisibility: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+  legend: {
+    type: StringConstructor;
+    default: string;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+  legend: {
+    type: StringConstructor;
+    default: string;
+  };
+}>> & Readonly<{}>, {
+  as: string;
+  legend: string;
+}, SlotsType<{
+  default?: (props: {
+    columns: readonly {
+      column: TableColumn<unknown>;
+      visible: boolean;
+    }[];
+    toggle: (columnId: string, visible?: boolean) => void;
+  }) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * A polite live region describing what is shown, such as "1–10 of 57 rows". Screen readers
+ * announce it after a search, filter, or page change.
+ */
+declare const DataTableStatus: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>> & Readonly<{}>, {
+  as: string;
+}, SlotsType<{
+  default?: (props: {
+    start: number;
+    end: number;
+    rowCount: number;
+    totalRowCount: number;
+    selectedCount: number;
+  }) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+//#region src/shared.d.ts
+/** Columns of any row type; callbacks on a column make `TableColumn<unknown>` too narrow. */
+type AnyTableColumn = TableColumn<any>;
+//#endregion
+//#region src/grid.d.ts
+declare function cellId(gridId: string, row: number, column: number): string;
+/**
+ * A spreadsheet grid over a table. The grid element keeps keyboard focus and points at the active
+ * cell with `aria-activedescendant`; arrows, Tab, Home, End, Enter, F2, Delete, Escape, typing,
+ * undo, redo, and clipboard copy, cut, and paste all work on the selected range.
+ */
+declare const DataGridRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  table: {
+    type: PropType<AnyDataTableBinding>;
+    required: true;
+  };
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+  label: {
+    type: PropType<string | undefined>;
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  table: {
+    type: PropType<AnyDataTableBinding>;
+    required: true;
+  };
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+  label: {
+    type: PropType<string | undefined>;
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  as: string;
+  label: string | undefined;
+}, SlotsType<{
+  default?: (props: {
+    table: DataTableBinding<unknown>;
+    grid: DataGridBinding<unknown>;
+  }) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** Slot props of a grid cell's content, while it is not being edited. */
+interface GridCellSlotProps {
+  readonly row: TableRow<unknown>;
+  readonly column: TableColumn<unknown>;
+  readonly value: unknown;
+  readonly display: string;
+  readonly editable: boolean;
+}
+/**
+ * The grid body: a row of cells per row on the page. The `cell` slot draws the content of every
+ * cell that is not being edited; the `rowHeader` slot adds a leading cell to each row.
+ */
+declare const DataGridBody: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>> & Readonly<{}>, {
+  as: string;
+}, SlotsType<{
+  default?: (props: {
+    rows: readonly TableRow<unknown>[];
+  }) => VNode[];
+  rowHeader?: (props: {
+    row: TableRow<unknown>;
+    index: number;
+  }) => VNode[];
+  cell?: (props: GridCellSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * A grid cell. A click selects it, Shift-click or dragging extends the range, and a double click
+ * edits it. The `editor` slot replaces the default text box.
+ */
+declare const DataGridCell: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  row: {
+    readonly type: PropType<TableRow<unknown>>;
+    readonly required: true;
+  };
+  column: {
+    readonly type: PropType<AnyTableColumn>;
+    readonly required: true;
+  };
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+  /** The row's position on the page. Found by searching the rows when left out. */
+  rowIndex: {
+    type: PropType<number | undefined>;
+    default: undefined;
+  };
+  /** The column's position among the visible columns. Found by searching when left out. */
+  columnIndex: {
+    type: PropType<number | undefined>;
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  row: {
+    readonly type: PropType<TableRow<unknown>>;
+    readonly required: true;
+  };
+  column: {
+    readonly type: PropType<AnyTableColumn>;
+    readonly required: true;
+  };
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+  /** The row's position on the page. Found by searching the rows when left out. */
+  rowIndex: {
+    type: PropType<number | undefined>;
+    default: undefined;
+  };
+  /** The column's position among the visible columns. Found by searching when left out. */
+  columnIndex: {
+    type: PropType<number | undefined>;
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  as: string;
+  rowIndex: number | undefined;
+  columnIndex: number | undefined;
+}, SlotsType<{
+  default?: (props: GridCellSlotProps) => VNodeChild;
+  editor?: (props: {
+    draft: string;
+    update: (draft: string) => void;
+    commit: (then?: GridDirection) => unknown;
+    cancel: () => void;
+  }) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+//#region src/table.d.ts
+/**
+ * Provides a table to the components inside it and renders the table element. Without a default
+ * slot it renders a complete header and body.
+ */
+declare const DataTableRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  table: {
+    type: PropType<AnyDataTableBinding>;
+    required: true;
+  };
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  table: {
+    type: PropType<AnyDataTableBinding>;
+    required: true;
+  };
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>> & Readonly<{}>, {
+  as: string;
+}, SlotsType<{
+  default?: (props: {
+    table: DataTableBinding<unknown>;
+  }) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const DataTableCaption: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>> & Readonly<{}>, {
+  as: string;
+}, SlotsType<{
+  default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** The header section. Without a slot it renders one header cell per visible column. */
+declare const DataTableHeader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>> & Readonly<{}>, {
+  as: string;
+}, SlotsType<{
+  default?: (props: {
+    columns: readonly TableColumn<unknown>[];
+  }) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const DataTableHeaderRow: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>> & Readonly<{}>, {
+  as: string;
+}, SlotsType<{
+  default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * A column header with `aria-sort`. Without a slot it shows the header text inside a sort button
+ * for sortable columns.
+ */
+declare const DataTableHeaderCell: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  column: {
+    readonly type: PropType<AnyTableColumn>;
+    readonly required: true;
+  };
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  column: {
+    readonly type: PropType<AnyTableColumn>;
+    readonly required: true;
+  };
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>> & Readonly<{}>, {
+  as: string;
+}, SlotsType<{
+  default?: (props: {
+    column: TableColumn<unknown>;
+    sort: SortInfo | undefined;
+    toggleSort: (multi?: boolean) => void;
+  }) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare function columnStyle(column: TableColumn<unknown>): Record<string, string> | undefined;
+/**
+ * Toggles a column's sort. Shift-click adds the column to the existing sort instead of replacing
+ * it. The slot receives the current sort so it can draw an indicator.
+ */
+declare const DataTableSortButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  column: {
+    readonly type: PropType<AnyTableColumn>;
+    readonly required: true;
+  };
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  column: {
+    readonly type: PropType<AnyTableColumn>;
+    readonly required: true;
+  };
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>> & Readonly<{}>, {
+  as: string;
+}, SlotsType<{
+  default?: (props: {
+    sort: SortInfo | undefined;
+  }) => VNode[];
+  indicator?: (props: {
+    sort: SortInfo | undefined;
+  }) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * The body section. Without a slot it renders a row per row on the page, and the `empty` slot in
+ * a full-width row when there are none.
+ */
+declare const DataTableBody: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>> & Readonly<{}>, {
+  as: string;
+}, SlotsType<{
+  default?: (props: {
+    rows: readonly TableRow<unknown>[];
+  }) => VNode[];
+  empty?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** A body row; `aria-selected` and `data-selected` follow the selection. */
+declare const DataTableRow: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  row: {
+    readonly type: PropType<TableRow<unknown>>;
+    readonly required: true;
+  };
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  row: {
+    readonly type: PropType<TableRow<unknown>>;
+    readonly required: true;
+  };
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>> & Readonly<{}>, {
+  as: string;
+}, SlotsType<{
+  default?: (props: {
+    row: TableRow<unknown>;
+    selected: boolean;
+    columns: readonly TableColumn<unknown>[];
+  }) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** A body cell. The slot receives the raw value and the formatted text. */
+declare const DataTableCell: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  row: {
+    readonly type: PropType<TableRow<unknown>>;
+    readonly required: true;
+  };
+  column: {
+    readonly type: PropType<AnyTableColumn>;
+    readonly required: true;
+  };
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  row: {
+    readonly type: PropType<TableRow<unknown>>;
+    readonly required: true;
+  };
+  column: {
+    readonly type: PropType<AnyTableColumn>;
+    readonly required: true;
+  };
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>> & Readonly<{}>, {
+  as: string;
+}, SlotsType<{
+  default?: (props: {
+    row: TableRow<unknown>;
+    column: TableColumn<unknown>;
+    value: unknown;
+    display: string;
+  }) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** Renders its slot only when no row passes the search and filters. */
+declare const DataTableEmpty: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  as: {
+    readonly type: StringConstructor;
+    readonly default: string;
+  };
+}>> & Readonly<{}>, {
+  as: string;
+}, SlotsType<{
+  default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { DataGridBody, DataGridCell, DataGridRoot, DataTableBody, DataTableCaption, DataTableCell, DataTableColumnVisibility, DataTableEmpty, DataTableHeader, DataTableHeaderCell, DataTableHeaderRow, DataTablePageSize, DataTablePagination, DataTableRoot, DataTableRow, DataTableSearch, DataTableSelectAll, DataTableSelectRow, DataTableSortButton, DataTableStatus, type GridCellSlotProps, cellId, columnStyle };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":["_$__shared0.AnyTableColumn","_$__shared0.AnyTableColumn"],"sources":["../src/controls.ts","../src/shared.ts","../src/grid.ts","../src/table.ts"],"mappings":";;;;;;;;cA4Ba,kCAAkB,8BAAA;;;;;;;;;;;;;;;;;EAGjB,WAAC;IAAS,OAAO;IAAmB;QAAyB;kCAoBzE;;cAGW,kCAAkB,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;EAGjB,WAAC;IAAS;IAAmB;QAAyB;kCAoBlE;;;;;cAMW,+BAAe,8BAAA;;;;;;;;;;IAKO,MAAA;;;;;;;;;;;;;;;IAAA,MAAA;;;;;;;qCAuBjC;;;;;cAMW,mCAAmB,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;EAGlB,WAAC;IACT;IACA;IACA,gBAAgB;IAChB;IACA;IACA,WAAW;IACX;IACA;QACI;kCA2DR;;cAGW,iCAAiB,8BAAA;;IAGA,MAAA;;;;;;;;;;;IAAA,MAAA;;;;;;;;;;qCAuB5B;;cAGW,yCAAyB,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;EAGxB,WAAC;IACT;MAAoB,QAAQ;MAAsB;;IAClD,SAAS,kBAAkB;QACvB;kCA8BR;;;;;cAMW,+BAAe,8BAAA;;;;;;;;;;;;;;;EAGd,WAAC;IACT;IACA;IACA;IACA;IACA;QACI;kCAyBR;;;;KC7RU,iBAAiB;;;iBCqCb,OAAO,gBAAgB,aAAa;;;;;;cASvC,4BAAY,8BAAA;;IASI,MAAA,SAAS;;;;;;;;IAET,MAAA;;;;;;;IAFA,MAAA,SAAS;;;;;;;;IAET,MAAA;;;;;;;EARf,WAAC;IACT,OAAO;IACP,MAAM;QACF;kCAwER;;UAGe;WACN,KAAK;WACL,QAAQ;WACR;WACA;WACA;;;;;;cAOE,4BAAY,8BAAA;;;;;;;;;;;;;;;EAGX,WAAC;IAAS,eAAe;QAA0B;EACjD,aAAC;IAAS,KAAK;IAAmB;QAAoB;EAC3D,QAAC,OAAO,sBAAsB;kCAkCvC;;;;;cAqDW,4BAAY,8BAAA;;;;;;;;;;;;;;;IAgBO,MAAA;;;;;IAEG,MAAA;;;;;;;;;;;;;;;;;;;;IAFH,MAAA;;;;;IAEG,MAAA;;;;;;;;EAfrB,WAAC,OAAO,sBAAsB;EAC/B,UAAC;IACR;IACA,SAAS;IACT,SAAS,OAAO;IAChB;QACI;kCAqFR;;;;;;;cCjUW,6BAAa,8BAAA;;IAMG,MAAA,SAAS;;;;;;;;;;;IAAT,MAAA,SAAS;;;;;;;;;;EAHxB,WAAC;IAAS,OAAO;QAAgC;kCAmB7D;cAEW,gCAAgB,8BAAA;;;;;;;;;;;;;;;EAEY,gBAAM;kCAK7C;;cAGW,+BAAe,8BAAA;;;;;;;;;;;;;;;EAGd,WAAC;IAAS,kBAAkB;QAA6B;kCAcrE;cAEW,kCAAkB,8BAAA;;;;;;;;;;;;;;;EAEU,gBAAM;kCAK7C;;;;;cAMW,mCAAmB,8BAAA;;4BAAnBC;;;;;;;;;;;;;;;;;;;;;EAGC,WAAC;IACT,QAAQ;IACR,MAAM;IACN,aAAa;QACT;kCAqCR;iBAEc,YAAY,QAAQ,uBAAuB;;;;;cAe9C,mCAAmB,8BAAA;;4BAAnBA;;;;;;;;;;;;;;;;;;;;;EAGC,WAAC;IAAS,MAAM;QAA2B;EACzC,aAAC;IAAS,MAAM;QAA2B;kCAqBzD;;;;;cAMW,6BAAa,8BAAA;;;;;;;;;;;;;;;EAGZ,WAAC;IAAS,eAAe;QAA0B;EACrD,cAAM;kCAkBhB;;cAGW,4BAAY,8BAAA;;;;;;;;;;;;;;;;;;;;;;;EAGX,WAAC;IACT,KAAK;IACL;IACA,kBAAkB;QACd;kCAsBR;;cAGW,6BAAa,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGZ,WAAC;IACT,KAAK;IACL,QAAQ;IACR;IACA;QACI;kCAeR;;cAGW,8BAAc,8BAAA;;;;;;;;;;;;;;;EAEc,gBAAM;kCAM7C"}