@human-kit/svelte-components 1.0.0-alpha.14 → 1.0.0-alpha.16

package/dist/table/PLAN.md

@@ -224,7 +224,7 @@ Responsibilities:
 
 - define stable column identity
 - register column metadata in context (sorting, row header)
-- register column resize metadata in context when enabled
+- register column width constraints in context
 - serve as the anchor for sorting and row header semantics
 - serve as the anchor for width/resizing behavior
 
@@ -232,7 +232,6 @@ Tentative API:
 
 - `id: string` — stable column identity
 - `allowsSorting?: boolean`
-- `allowsResizing?: boolean`
 - `isRowHeader?: boolean`
 - `textValue?: string`
 - `width?: number | string`
@@ -564,21 +563,14 @@ Add column resizing in a way that follows the React Aria Components mental model
 <Table.Root aria-label="Users" bind:columnWidths>
 	<Table.Header>
 		<Table.Row>
-			<Table.Column
-				id="email"
-				isRowHeader
-				allowsSorting
-				allowsResizing
-				defaultWidth={280}
-				minWidth={180}
-			>
+			<Table.Column id="email" isRowHeader allowsSorting defaultWidth={280} minWidth={180}>
 				<Table.ColumnHeaderCell>
 					<span>Email</span>
 					<Table.ColumnResizer />
 				</Table.ColumnHeaderCell>
 			</Table.Column>
 
-			<Table.Column id="group" allowsSorting allowsResizing defaultWidth={180} minWidth={140}>
+			<Table.Column id="group" allowsSorting defaultWidth={180} minWidth={140}>
 				<Table.ColumnHeaderCell>
 					<span>Group</span>
 					<Table.ColumnResizer />
@@ -595,11 +587,10 @@ Add column resizing in a way that follows the React Aria Components mental model
 
 ### API Recommendation
 
-#### Resize Props on `Table.Column`
+#### Width Props on `Table.Column`
 
 Add the following props:
 
-- `allowsResizing?: boolean`
 - `width?: number | string`
 - `defaultWidth?: number | string`
 - `minWidth?: number`
@@ -609,8 +600,7 @@ Notes:
 
 - `width` is the controlled width for the column.
 - `defaultWidth` is the uncontrolled initial width.
-- `allowsResizing` is required for resize behavior, even if a `Table.ColumnResizer` is rendered.
-- `Table.ColumnResizer` without `allowsResizing` should be ignored in production and warn in dev.
+- rendering `Table.ColumnResizer` is the public resize opt-in for the owning column.
 
 #### Width State on `Table.Root`
 
@@ -752,7 +742,6 @@ Derived data attributes:
 
 Extend column registration to include:
 
-- `allowsResizing`
 - `width`
 - `defaultWidth`
 - `minWidth`

package/dist/table/README.md

@@ -6,6 +6,8 @@
 
 `Table` is a headless interactive table primitive with grid-style keyboard navigation, row selection, sortable column headers, and a composable part-based API.
 
+All public Table part prop types are exported from the table barrel, including `TableRootProps`, `TableColumnProps`, `TableHeaderProps`, `TableBodyProps`, `TableFooterProps`, `TableRowProps`, `TableColumnHeaderCellProps`, `TableColumnResizerProps`, `TableCellProps`, `TableEmptyStateProps`, `TableCheckboxProps`, and `TableCheckboxIndicatorProps`.
+
 ## Anatomy
 
 ```svelte
@@ -104,6 +106,15 @@
 - In body rows, pressing `ArrowLeft` before the first cell or `ArrowRight` after the last cell moves focus to the row itself. Repeating that same horizontal arrow loops back into the opposite edge cell of the same row.
 - `Table.Checkbox` is the supported interactive control inside table cells for explicit row selection in v1.
 
+## Composition contract
+
+- DOM-rendering parts: `Table.Root`, `Table.Header`, `Table.Body`, `Table.Footer`, `Table.Row`, `Table.Cell`, `Table.ColumnHeaderCell`, `Table.ColumnResizer`, `Table.Checkbox`, `Table.CheckboxIndicator`, and `Table.EmptyState` all render DOM.
+- Metadata-only part: `Table.Column` does not render its own element. It only registers the public column input for the surrounding header composition.
+- Sorting: `Table.Column.allowsSorting` declares that a column participates in sorting, and `Table.ColumnHeaderCell` is the interactive header cell that toggles the sort state.
+- Resizing: `Table.ColumnResizer` is the only public opt-in for resizing. Rendering it inside a `Table.ColumnHeaderCell` enables resizing for the owning `Table.Column`.
+- Public input types: import the `Table*Props` types you need from `@human-kit/svelte-components/table` or the main package barrel instead of deriving contracts from component internals.
+- Internal normalized state: table context stores normalized column metadata internally as `TableColumnMetadata`. That metadata is not the public input contract for wrappers or consumers.
+
 ## Accessibility
 
 - `Table.Root` renders an interactive `grid` over native table markup.

package/dist/table/TODO.md

@@ -46,7 +46,7 @@ Ship a stable `Table` v1 with keyboard navigation, row selection, sorting, docum
 - [x] [M][P1][Area: DX][Owner: Unassigned][Target: Done] Break the controlled `selectedKeys` feedback loop — the `$effect` that syncs `selectedKeys` to `ctx.setSelection` also fires after internal selection changes via `onSelectionChange`, causing a redundant `notifySelection`.
 - [x] [S][P2][Area: DX][Owner: Unassigned][Target: Done] Remove inline `style="outline: none;"` from Cell and ColumnHeaderCell — it overrides consumer inline styles; let consumers handle focus-visible styling via `data-focus-visible` / `data-focused` attributes instead.
 - [x] [S][P2][Area: DX][Owner: Unassigned][Target: Done] Document `defaultSelectedKeys` and `defaultSortDescriptor` props in the README and docs page.
-- [ ] [C][P2][Area: DX][Owner: Unassigned][Target: TBD] Export component prop types (`TableRootProps`, `TableRowProps`, `TableCellProps`, etc.) so consumers can type wrapper components.
+- [x] [C][P2][Area: DX][Owner: Unassigned][Target: Done] Export component prop types (`TableRootProps`, `TableRowProps`, `TableCellProps`, etc.) so consumers can type wrapper components.
 - [ ] [C][P2][Area: DX][Owner: Unassigned][Target: TBD] Evaluate whether exposing `context` as a `$bindable` prop on `Table.Root` is necessary or if a narrower public API would be safer.
 - [ ] [C][P3][Area: DX][Owner: Unassigned][Target: TBD] Extract a shared registration helper to eliminate the duplicated sync-then-effect pattern across Column, Row, Cell, and ColumnHeaderCell.
 

package/dist/table/body/README.md

@@ -9,6 +9,8 @@
 Name: `Table.Body`
 Description: Body rowgroup for table data rows. It also exposes empty-state markers when no body rows are registered.
 
+Public prop type: `TableBodyProps`
+
 | Prop       | Type      | Default     | Description                                |
 | ---------- | --------- | ----------- | ------------------------------------------ |
 | `class`    | `string`  | `''`        | Class names for the `tbody` element.       |

package/dist/table/body/table-body.svelte

@@ -1,12 +1,6 @@
 <script lang="ts">
-	import type { Snippet } from 'svelte';
-	import type { HTMLAttributes } from 'svelte/elements';
 	import { setTableSectionContext, useTableContext } from '../root/context';
-
-	type TableBodyProps = Omit<HTMLAttributes<HTMLTableSectionElement>, 'children'> & {
-		children?: Snippet;
-		class?: string;
-	};
+	import type { TableBodyProps } from '../types.js';
 
 	let { children, class: className = '', ...restProps }: TableBodyProps = $props();
 	setTableSectionContext({ section: 'body' });

package/dist/table/body/table-body.svelte.d.ts

@@ -1,9 +1,4 @@
-import type { Snippet } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-type TableBodyProps = Omit<HTMLAttributes<HTMLTableSectionElement>, 'children'> & {
-    children?: Snippet;
-    class?: string;
-};
+import type { TableBodyProps } from '../types.js';
 declare const TableBody: import("svelte").Component<TableBodyProps, {}, "">;
 type TableBody = ReturnType<typeof TableBody>;
 export default TableBody;

package/dist/table/cell/README.md

@@ -9,6 +9,8 @@
 Name: `Table.Cell`
 Description: Table data cell part. In body scope it participates in roving focus and row selection. In footer scope it renders semantic summary cells only.
 
+Public prop type: `TableCellProps`
+
 | Prop       | Type      | Default     | Description                                |
 | ---------- | --------- | ----------- | ------------------------------------------ |
 | `class`    | `string`  | `''`        | Class names for the rendered `td` or `th`. |

package/dist/table/cell/table-cell.svelte

@@ -1,24 +1,18 @@
 <script lang="ts">
 	import { onDestroy } from 'svelte';
-	import type { Snippet } from 'svelte';
-	import type { HTMLAttributes } from 'svelte/elements';
 	import {
 		setTableCellContext,
 		useTableContext,
 		useTableRowContext,
 		type TableSelectionKey
 	} from '../root/context';
+	import type { TableCellProps } from '../types.js';
 	import {
 		shouldShowFocusVisible,
 		trackInteractionModality
 	} from '../../primitives/input-modality';
 	import { handleTableBodyKeydown } from '../utils/handle-body-keydown';
 
-	type TableCellProps = Omit<HTMLAttributes<HTMLTableCellElement>, 'children'> & {
-		children?: Snippet;
-		class?: string;
-	};
-
 	let { children, class: className = '', ...restProps }: TableCellProps = $props();
 
 	const table = useTableContext();

package/dist/table/cell/table-cell.svelte.d.ts

@@ -1,9 +1,4 @@
-import type { Snippet } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-type TableCellProps = Omit<HTMLAttributes<HTMLTableCellElement>, 'children'> & {
-    children?: Snippet;
-    class?: string;
-};
+import type { TableCellProps } from '../types.js';
 declare const TableCell: import("svelte").Component<TableCellProps, {}, "">;
 type TableCell = ReturnType<typeof TableCell>;
 export default TableCell;

package/dist/table/checkbox/README.md

@@ -7,6 +7,8 @@
 Name: `Table.Checkbox`
 Description: Headless selection-aware checkbox root for tables. In body cells it toggles the owning row. In header cells it becomes a select-all checkbox for multiple selection mode.
 
+Public prop type: `TableCheckboxProps`
+
 | Prop              | Type                                       | Default     | Description                                                                                             |
 | ----------------- | ------------------------------------------ | ----------- | ------------------------------------------------------------------------------------------------------- |
 | `id`              | `string`                                   | `undefined` | Optional id forwarded to the composed checkbox root.                                                    |

package/dist/table/checkbox/table-checkbox.svelte

@@ -1,6 +1,4 @@
 <script lang="ts">
-	import type { Snippet } from 'svelte';
-	import type { HTMLAttributes } from 'svelte/elements';
 	import { Checkbox } from '../../checkbox';
 	import {
 		useTableCellContext,
@@ -8,31 +6,12 @@
 		useTableRowContext,
 		useTableSectionContext
 	} from '../root/context';
+	import type { TableCheckboxProps } from '../types.js';
 	import {
 		shouldShowFocusVisible,
 		trackInteractionModality
 	} from '../../primitives/input-modality';
 
-	type TableCheckboxProps = Omit<
-		HTMLAttributes<HTMLSpanElement>,
-		| 'children'
-		| 'class'
-		| 'id'
-		| 'role'
-		| 'tabindex'
-		| 'aria-checked'
-		| 'aria-disabled'
-		| 'onclick'
-		| 'onkeydown'
-	> & {
-		id?: string;
-		title?: string;
-		children?: Snippet;
-		class?: string;
-		'aria-label'?: string;
-		'aria-labelledby'?: string;
-	};
-
 	let {
 		id,
 		title,

package/dist/table/checkbox/table-checkbox.svelte.d.ts

@@ -1,13 +1,4 @@
-import type { Snippet } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-type TableCheckboxProps = Omit<HTMLAttributes<HTMLSpanElement>, 'children' | 'class' | 'id' | 'role' | 'tabindex' | 'aria-checked' | 'aria-disabled' | 'onclick' | 'onkeydown'> & {
-    id?: string;
-    title?: string;
-    children?: Snippet;
-    class?: string;
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-};
+import type { TableCheckboxProps } from '../types.js';
 declare const TableCheckbox: import("svelte").Component<TableCheckboxProps, {}, "">;
 type TableCheckbox = ReturnType<typeof TableCheckbox>;
 export default TableCheckbox;

package/dist/table/checkbox-indicator/README.md

@@ -7,6 +7,8 @@
 Name: `Table.CheckboxIndicator`
 Description: Headless presence wrapper for indicator content inside `Table.Checkbox`. It renders when the checkbox is checked or indeterminate.
 
+Public prop type: `TableCheckboxIndicatorProps`
+
 | Prop           | Type                              | Default     | Description                                                                     |
 | -------------- | --------------------------------- | ----------- | ------------------------------------------------------------------------------- |
 | `keepMounted`  | `boolean`                         | `false`     | Keeps the indicator mounted while hidden when the checkbox is unchecked.        |

package/dist/table/checkbox-indicator/table-checkbox-indicator.svelte

@@ -1,13 +1,6 @@
 <script lang="ts">
-	import type { Snippet } from 'svelte';
-	import type { HTMLAttributes } from 'svelte/elements';
 	import { Checkbox } from '../../checkbox';
-
-	type TableCheckboxIndicatorProps = Omit<HTMLAttributes<HTMLSpanElement>, 'children' | 'class'> & {
-		keepMounted?: boolean;
-		children?: Snippet;
-		class?: string;
-	};
+	import type { TableCheckboxIndicatorProps } from '../types.js';
 
 	let {
 		keepMounted = false,

package/dist/table/checkbox-indicator/table-checkbox-indicator.svelte.d.ts

@@ -1,10 +1,4 @@
-import type { Snippet } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-type TableCheckboxIndicatorProps = Omit<HTMLAttributes<HTMLSpanElement>, 'children' | 'class'> & {
-    keepMounted?: boolean;
-    children?: Snippet;
-    class?: string;
-};
+import type { TableCheckboxIndicatorProps } from '../types.js';
 declare const TableCheckboxIndicator: import("svelte").Component<TableCheckboxIndicatorProps, {}, "">;
 type TableCheckboxIndicator = ReturnType<typeof TableCheckboxIndicator>;
 export default TableCheckboxIndicator;

package/dist/table/column/README.md

@@ -7,20 +7,23 @@
 ### Table.Column
 
 Name: `Table.Column`
-Description: Logical metadata wrapper for a header column. It does not render DOM and is used to register stable column identity, sorting capability, row-header semantics, and resize metadata.
-
-| Prop             | Type                        | Default     | Description                                                                                                                         |
-| ---------------- | --------------------------- | ----------- | ----------------------------------------------------------------------------------------------------------------------------------- |
-| `id`             | `string`                    | `-`         | Stable identifier for the column.                                                                                                   |
-| `allowsSorting`  | `boolean`                   | `false`     | Enables sorting for the wrapped header cell.                                                                                        |
-| `allowsResizing` | `boolean`                   | `false`     | Legacy explicit resize opt-in. `Table.ColumnResizer` now enables resizing automatically; keep this only for backward compatibility. |
-| `isRowHeader`    | `boolean`                   | `false`     | Marks the associated body column as row-header cells.                                                                               |
-| `textValue`      | `string`                    | `undefined` | Optional spoken label used by `Table.Root` sort announcements when it should differ from `id`.                                      |
-| `width`          | `number \| \`${number}px\`` | `undefined` | Explicit column width hint. Px numbers are the first-class format for the current resize release.                                   |
-| `defaultWidth`   | `number \| \`${number}px\`` | `undefined` | Uncontrolled initial width hint for the column.                                                                                     |
-| `minWidth`       | `number`                    | `undefined` | Minimum width in px enforced during resize interactions.                                                                            |
-| `maxWidth`       | `number`                    | `undefined` | Maximum width in px enforced during resize interactions.                                                                            |
-| `children`       | `Snippet`                   | `undefined` | Usually a single `Table.ColumnHeaderCell`.                                                                                          |
+Description: Logical metadata wrapper for a header column. It does not render DOM and is used to register stable column identity, sorting capability, row-header semantics, and width constraints.
+
+Public prop type: `TableColumnProps`
+
+| Prop            | Type                        | Default     | Description                                                                                       |
+| --------------- | --------------------------- | ----------- | ------------------------------------------------------------------------------------------------- |
+| `id`            | `string`                    | `-`         | Stable identifier for the column.                                                                 |
+| `allowsSorting` | `boolean`                   | `false`     | Enables sorting for the wrapped header cell.                                                      |
+| `isRowHeader`   | `boolean`                   | `false`     | Marks the associated body column as row-header cells.                                             |
+| `textValue`     | `string`                    | `undefined` | Optional spoken label used by `Table.Root` sort announcements when it should differ from `id`.    |
+| `width`         | `number \| \`${number}px\`` | `undefined` | Explicit column width hint. Px numbers are the first-class format for the current resize release. |
+| `defaultWidth`  | `number \| \`${number}px\`` | `undefined` | Uncontrolled initial width hint for the column.                                                   |
+| `minWidth`      | `number`                    | `undefined` | Minimum width in px enforced during resize interactions.                                          |
+| `maxWidth`      | `number`                    | `undefined` | Maximum width in px enforced during resize interactions.                                          |
+| `children`      | `Snippet`                   | `undefined` | Usually a single `Table.ColumnHeaderCell`.                                                        |
+
+`Table.ColumnResizer` is the public resize opt-in. Compose it inside `Table.ColumnHeaderCell` when the owning column should be resizable.
 
 ### Context utilities
 

package/dist/table/column/table-column.svelte

@@ -1,31 +1,11 @@
 <script lang="ts">
 	import { onDestroy } from 'svelte';
-	import type { Snippet } from 'svelte';
-	import {
-		setTableColumnContext,
-		useTableContext,
-		useTableSectionContext,
-		type TableColumnWidth
-	} from '../root/context';
-
-	type TableColumnProps = {
-		id: string;
-		allowsSorting?: boolean;
-		/** @deprecated `Table.ColumnResizer` now enables resizing automatically. */
-		allowsResizing?: boolean;
-		isRowHeader?: boolean;
-		textValue?: string;
-		width?: TableColumnWidth;
-		defaultWidth?: TableColumnWidth;
-		minWidth?: number;
-		maxWidth?: number;
-		children?: Snippet;
-	};
+	import { setTableColumnContext, useTableContext, useTableSectionContext } from '../root/context';
+	import type { TableColumnProps } from '../types.js';
 
 	let {
 		id,
 		allowsSorting = false,
-		allowsResizing = false,
 		isRowHeader = false,
 		textValue,
 		width,
@@ -51,9 +31,6 @@
 		get allowsSorting() {
 			return allowsSorting;
 		},
-		get allowsResizing() {
-			return allowsResizing || table.isColumnResizable(id);
-		},
 		get isHidden() {
 			return table.isColumnHidden(id);
 		},
@@ -82,7 +59,6 @@
 			token,
 			id,
 			allowsSorting,
-			allowsResizing,
 			isRowHeader,
 			textValue,
 			width,

package/dist/table/column/table-column.svelte.d.ts

@@ -1,18 +1,4 @@
-import type { Snippet } from 'svelte';
-import { type TableColumnWidth } from '../root/context';
-type TableColumnProps = {
-    id: string;
-    allowsSorting?: boolean;
-    /** @deprecated `Table.ColumnResizer` now enables resizing automatically. */
-    allowsResizing?: boolean;
-    isRowHeader?: boolean;
-    textValue?: string;
-    width?: TableColumnWidth;
-    defaultWidth?: TableColumnWidth;
-    minWidth?: number;
-    maxWidth?: number;
-    children?: Snippet;
-};
+import type { TableColumnProps } from '../types.js';
 declare const TableColumn: import("svelte").Component<TableColumnProps, {}, "">;
 type TableColumn = ReturnType<typeof TableColumn>;
 export default TableColumn;

package/dist/table/column-header-cell/README.md

@@ -9,6 +9,8 @@
 Name: `Table.ColumnHeaderCell`
 Description: Focusable header cell for a column. It participates in roving focus and toggles sorting when the wrapping `Table.Column` allows it.
 
+Public prop type: `TableColumnHeaderCellProps`
+
 - When a nested control like `Table.ColumnResizer` receives focus, the header exposes `data-focus-within` / `data-focus-visible-within` instead of remaining `data-focused`.
 
 | Prop       | Type      | Default     | Description                       |

package/dist/table/column-header-cell/table-column-header-cell.svelte

@@ -1,23 +1,17 @@
 <script lang="ts">
 	import { onDestroy } from 'svelte';
-	import type { Snippet } from 'svelte';
-	import type { HTMLAttributes } from 'svelte/elements';
 	import {
 		setTableCellContext,
 		useTableColumnContext,
 		useTableContext,
 		useTableRowContext
 	} from '../root/context';
+	import type { TableColumnHeaderCellProps } from '../types.js';
 	import {
 		shouldShowFocusVisible,
 		trackInteractionModality
 	} from '../../primitives/input-modality';
 
-	type TableColumnHeaderCellProps = Omit<HTMLAttributes<HTMLTableCellElement>, 'children'> & {
-		children?: Snippet;
-		class?: string;
-	};
-
 	let { children, class: className = '', ...restProps }: TableColumnHeaderCellProps = $props();
 
 	const table = useTableContext();

package/dist/table/column-header-cell/table-column-header-cell.svelte.d.ts

@@ -1,9 +1,4 @@
-import type { Snippet } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-type TableColumnHeaderCellProps = Omit<HTMLAttributes<HTMLTableCellElement>, 'children'> & {
-    children?: Snippet;
-    class?: string;
-};
+import type { TableColumnHeaderCellProps } from '../types.js';
 declare const TableColumnHeaderCell: import("svelte").Component<TableColumnHeaderCellProps, {}, "">;
 type TableColumnHeaderCell = ReturnType<typeof TableColumnHeaderCell>;
 export default TableColumnHeaderCell;

package/dist/table/column-resizer/README.md

@@ -9,6 +9,8 @@
 Name: `Table.ColumnResizer`
 Description: Interactive resize handle for the current `Table.Column`. It must be composed inside `Table.ColumnHeaderCell`, and it resizes the column that owns the surrounding `Table.Column` context.
 
+Public prop type: `TableColumnResizerProps`
+
 | Prop        | Type      | Default     | Description                                                          |
 | ----------- | --------- | ----------- | -------------------------------------------------------------------- |
 | `step`      | `number`  | `16`        | Keyboard resize delta in px for `ArrowLeft` / `ArrowRight`.          |
@@ -20,7 +22,6 @@ Description: Interactive resize handle for the current `Table.Column`. It must b
 
 - `Table.ColumnResizer` must be used inside `Table.ColumnHeaderCell`.
 - Rendering `Table.ColumnResizer` inside `Table.ColumnHeaderCell` is enough to make the owning `Table.Column` resizable.
-- `Table.Column.allowsResizing` is still accepted for backward compatibility, but it is no longer required.
 - The handle resolves the active column from `Table.Column` context. It does not accept a separate `columnId` prop.
 - Width state lives in `Table.Root` through `columnWidths` / `defaultColumnWidths`.
 - Pointer resizing uses Pointer Events, so mouse, touch, and pen interactions share the same behavior.

package/dist/table/column-resizer/table-column-resizer.svelte

@@ -1,20 +1,13 @@
 <script lang="ts">
 	import { onDestroy } from 'svelte';
-	import type { Snippet } from 'svelte';
-	import type { HTMLAttributes } from 'svelte/elements';
 	import { getTableCellContext, useTableColumnContext, useTableContext } from '../root/context';
+	import type { TableColumnResizerProps } from '../types.js';
+	import { visuallyHiddenStyle } from '../utils/visually-hidden-style';
 	import {
 		shouldShowFocusVisible,
 		trackInteractionModality
 	} from '../../primitives/input-modality';
 
-	type TableColumnResizerProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
-		step?: number;
-		shiftStep?: number;
-		children?: Snippet;
-		class?: string;
-	};
-
 	let {
 		step = 16,
 		shiftStep = 48,
@@ -609,8 +602,7 @@
 			role="status"
 			aria-live="polite"
 			aria-atomic="true"
-			style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;"
-			>{resizeAnnouncement}</span
+			style={visuallyHiddenStyle}>{resizeAnnouncement}</span
 		>
 	</div>
 {/if}

package/dist/table/column-resizer/table-column-resizer.svelte.d.ts

@@ -1,11 +1,4 @@
-import type { Snippet } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-type TableColumnResizerProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
-    step?: number;
-    shiftStep?: number;
-    children?: Snippet;
-    class?: string;
-};
+import type { TableColumnResizerProps } from '../types.js';
 declare const TableColumnResizer: import("svelte").Component<TableColumnResizerProps, {}, "">;
 type TableColumnResizer = ReturnType<typeof TableColumnResizer>;
 export default TableColumnResizer;

package/dist/table/empty-state/README.md

@@ -9,6 +9,8 @@
 Name: `Table.EmptyState`
 Description: Convenience part for rendering a semantic empty row inside `Table.Body` when no data rows are registered.
 
+Public prop type: `TableEmptyStateProps`
+
 | Prop       | Type      | Default     | Description                                             |
 | ---------- | --------- | ----------- | ------------------------------------------------------- |
 | `class`    | `string`  | `''`        | Class names for the generated empty row.                |

package/dist/table/empty-state/table-empty-state.svelte

@@ -1,11 +1,6 @@
 <script lang="ts">
-	import type { Snippet } from 'svelte';
 	import { useTableContext, useTableSectionContext } from '../root/context';
-
-	type TableEmptyStateProps = {
-		children?: Snippet;
-		class?: string;
-	};
+	import type { TableEmptyStateProps } from '../types.js';
 
 	let { children, class: className = '' }: TableEmptyStateProps = $props();
 

package/dist/table/empty-state/table-empty-state.svelte.d.ts

@@ -1,8 +1,4 @@
-import type { Snippet } from 'svelte';
-type TableEmptyStateProps = {
-    children?: Snippet;
-    class?: string;
-};
+import type { TableEmptyStateProps } from '../types.js';
 declare const TableEmptyState: import("svelte").Component<TableEmptyStateProps, {}, "">;
 type TableEmptyState = ReturnType<typeof TableEmptyState>;
 export default TableEmptyState;

package/dist/table/footer/README.md

@@ -9,6 +9,8 @@
 Name: `Table.Footer`
 Description: Footer rowgroup for summary rows or aggregate information. In v1 it is semantic only and excluded from keyboard navigation.
 
+Public prop type: `TableFooterProps`
+
 | Prop       | Type      | Default     | Description                          |
 | ---------- | --------- | ----------- | ------------------------------------ |
 | `class`    | `string`  | `''`        | Class names for the `tfoot` element. |

package/dist/table/footer/table-footer.svelte

@@ -1,12 +1,6 @@
 <script lang="ts">
-	import type { Snippet } from 'svelte';
-	import type { HTMLAttributes } from 'svelte/elements';
 	import { setTableSectionContext } from '../root/context';
-
-	type TableFooterProps = Omit<HTMLAttributes<HTMLTableSectionElement>, 'children'> & {
-		children?: Snippet;
-		class?: string;
-	};
+	import type { TableFooterProps } from '../types.js';
 
 	let { children, class: className = '', ...restProps }: TableFooterProps = $props();
 	setTableSectionContext({ section: 'footer' });

package/dist/table/footer/table-footer.svelte.d.ts

@@ -1,9 +1,4 @@
-import type { Snippet } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-type TableFooterProps = Omit<HTMLAttributes<HTMLTableSectionElement>, 'children'> & {
-    children?: Snippet;
-    class?: string;
-};
+import type { TableFooterProps } from '../types.js';
 declare const TableFooter: import("svelte").Component<TableFooterProps, {}, "">;
 type TableFooter = ReturnType<typeof TableFooter>;
 export default TableFooter;

package/dist/table/header/README.md

@@ -9,6 +9,8 @@
 Name: `Table.Header`
 Description: Header rowgroup for a `Table`, typically containing a single row of sortable or static column headers.
 
+Public prop type: `TableHeaderProps`
+
 | Prop       | Type      | Default     | Description                          |
 | ---------- | --------- | ----------- | ------------------------------------ |
 | `class`    | `string`  | `''`        | Class names for the `thead` element. |

package/dist/table/header/table-header.svelte

@@ -1,12 +1,6 @@
 <script lang="ts">
-	import type { Snippet } from 'svelte';
-	import type { HTMLAttributes } from 'svelte/elements';
 	import { setTableSectionContext } from '../root/context';
-
-	type TableHeaderProps = Omit<HTMLAttributes<HTMLTableSectionElement>, 'children'> & {
-		children?: Snippet;
-		class?: string;
-	};
+	import type { TableHeaderProps } from '../types.js';
 
 	let { children, class: className = '', ...restProps }: TableHeaderProps = $props();
 	setTableSectionContext({ section: 'header' });

package/dist/table/header/table-header.svelte.d.ts

@@ -1,9 +1,4 @@
-import type { Snippet } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-type TableHeaderProps = Omit<HTMLAttributes<HTMLTableSectionElement>, 'children'> & {
-    children?: Snippet;
-    class?: string;
-};
+import type { TableHeaderProps } from '../types.js';
 declare const TableHeader: import("svelte").Component<TableHeaderProps, {}, "">;
 type TableHeader = ReturnType<typeof TableHeader>;
 export default TableHeader;

package/dist/table/index.d.ts

@@ -1,4 +1,5 @@
 export * as Table from './index.parts.js';
+export type { TableBodyProps, TableCellProps, TableCheckboxIndicatorProps, TableCheckboxProps, TableColumnHeaderCellProps, TableColumnProps, TableColumnResizerProps, TableEmptyStateProps, TableFooterProps, TableHeaderProps, TableRowProps, TableRootProps } from './types.js';
 export { default as TableRoot } from './root/table-root.svelte';
 export { default as TableColumn } from './column/table-column.svelte';
 export { default as TableHeader } from './header/table-header.svelte';
@@ -11,6 +12,6 @@ export { default as TableColumnResizer } from './column-resizer/table-column-res
 export { default as TableCheckbox } from './checkbox/table-checkbox.svelte';
 export { default as TableCheckboxIndicator } from './checkbox-indicator/table-checkbox-indicator.svelte';
 export { default as TableCell } from './cell/table-cell.svelte';
-export { createTableContext, getTableContext, setTableContext, useTableContext, getTableSectionContext, setTableSectionContext, useTableSectionContext, getTableRowContext, setTableRowContext, useTableRowContext, getTableColumnContext, setTableColumnContext, useTableColumnContext, type TableContext, type TableDisabledBehavior, type TableSelectionBehavior, type TableSelectionCheckboxState, type TableSelectionKey, type TableSelectionMode, type TableRowActionHandler, type TableSortDirection, type TableSortDescriptor, type TableColumnWidth, type TableGridCoord, type TableColumnRegistration, type TableSectionKind, type TableSectionContext, type TableRowContext, type TableColumnContext, type CreateTableContextOptions } from './root/context.js';
+export { createTableContext, getTableContext, setTableContext, useTableContext, getTableSectionContext, setTableSectionContext, useTableSectionContext, getTableRowContext, setTableRowContext, useTableRowContext, getTableColumnContext, setTableColumnContext, useTableColumnContext, type TableContext, type TableDisabledBehavior, type TableSelectionBehavior, type TableSelectionCheckboxState, type TableSelectionKey, type TableSelectionMode, type TableRowActionHandler, type TableSortDirection, type TableSortDescriptor, type TableColumnWidth, type TableGridCoord, type TableSectionKind, type TableSectionContext, type TableRowContext, type TableColumnContext, type CreateTableContextOptions } from './root/context.js';
 import * as TableParts from './index.parts.js';
 export default TableParts;

package/dist/table/root/README.md

@@ -9,26 +9,36 @@
 Name: `Table.Root`
 Description: State container for interactive table behavior, including roving focus, row selection, disabled row handling, and sortable column state.
 
-| Prop                    | Type                                                         | Default     | Description                                                                                                                                          |
-| ----------------------- | ------------------------------------------------------------ | ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `selectionMode`         | `'none' \| 'single' \| 'multiple'`                           | `'none'`    | Controls row selection behavior.                                                                                                                     |
-| `selectionBehavior`     | `'toggle' \| 'replace'`                                      | `'toggle'`  | `toggle` uses checkbox-style selection. `replace` makes click replace selection, vertical arrows move selection, and `Shift+ArrowUp/Down` extend it. |
-| `selectedKeys`          | `Iterable<string \| number>`                                 | `undefined` | Controlled selected row ids. Supports `bind:selectedKeys`.                                                                                           |
-| `defaultSelectedKeys`   | `Iterable<string \| number>`                                 | `undefined` | Initial selected row ids for uncontrolled usage. When `selectionMode` later becomes `none`, the internal selection is cleared.                       |
-| `sortDescriptor`        | `{ column: string; direction: 'ascending' \| 'descending' }` | `undefined` | Controlled sort state. Supports `bind:sortDescriptor`. Setting it back to `undefined` clears the sort.                                               |
-| `defaultSortDescriptor` | `{ column: string; direction: 'ascending' \| 'descending' }` | `undefined` | Initial sort state for uncontrolled usage.                                                                                                           |
-| `columnWidths`          | `Map<string, number>`                                        | `undefined` | Controlled column width state in px. Supports `bind:columnWidths`.                                                                                   |
-| `defaultColumnWidths`   | `Iterable<[string, number]>`                                 | `undefined` | Initial uncontrolled column widths in px.                                                                                                            |
-| `disabledKeys`          | `Iterable<string \| number>`                                 | `undefined` | Row ids that should be non-selectable.                                                                                                               |
-| `onSelectionChange`     | `(keys: Set<string \| number>) => void`                      | `undefined` | Called when row selection changes.                                                                                                                   |
-| `onSortChange`          | `(descriptor) => void`                                       | `undefined` | Called when sortable header state changes.                                                                                                           |
-| `onColumnWidthsChange`  | `(widths: Map<string, number>) => void`                      | `undefined` | Called when resize interactions update column widths.                                                                                                |
-| `onColumnResizeStart`   | `(columnId: string) => void`                                 | `undefined` | Called when a column resize drag starts.                                                                                                             |
-| `onColumnResizeEnd`     | `(widths: Map<string, number>) => void`                      | `undefined` | Called when a column resize drag ends.                                                                                                               |
-| `aria-label`            | `string`                                                     | `undefined` | Accessible name when no external label is present.                                                                                                   |
-| `aria-labelledby`       | `string`                                                     | `undefined` | Id reference for an external label.                                                                                                                  |
-| `class`                 | `string`                                                     | `''`        | Class names for the root table element.                                                                                                              |
-| `children`              | `Snippet`                                                    | `undefined` | Composed table parts.                                                                                                                                |
+Public prop type: `TableRootProps`
+
+| Prop                     | Type                                                         | Default     | Description                                                                                                                                          |
+| ------------------------ | ------------------------------------------------------------ | ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `selectionMode`          | `'none' \| 'single' \| 'multiple'`                           | `'none'`    | Controls row selection behavior.                                                                                                                     |
+| `selectionBehavior`      | `'toggle' \| 'replace'`                                      | `'toggle'`  | `toggle` uses checkbox-style selection. `replace` makes click replace selection, vertical arrows move selection, and `Shift+ArrowUp/Down` extend it. |
+| `disabledBehavior`       | `'selection' \| 'all'`                                       | `'all'`     | Controls whether disabled rows only block selection or block both selection and row actions.                                                         |
+| `disallowEmptySelection` | `boolean`                                                    | `false`     | Prevents the internal selection state from becoming empty when selection is enabled.                                                                 |
+| `hiddenColumns`          | `Iterable<string>`                                           | `undefined` | Controlled hidden column ids. Supports `bind:hiddenColumns`.                                                                                         |
+| `defaultHiddenColumns`   | `Iterable<string>`                                           | `undefined` | Initial hidden column ids for uncontrolled usage.                                                                                                    |
+| `selectedKeys`           | `Iterable<string \| number>`                                 | `undefined` | Controlled selected row ids. Supports `bind:selectedKeys`.                                                                                           |
+| `defaultSelectedKeys`    | `Iterable<string \| number>`                                 | `undefined` | Initial selected row ids for uncontrolled usage. When `selectionMode` later becomes `none`, the internal selection is cleared.                       |
+| `sortDescriptor`         | `{ column: string; direction: 'ascending' \| 'descending' }` | `undefined` | Controlled sort state. Supports `bind:sortDescriptor`. Setting it back to `undefined` clears the sort.                                               |
+| `defaultSortDescriptor`  | `{ column: string; direction: 'ascending' \| 'descending' }` | `undefined` | Initial sort state for uncontrolled usage.                                                                                                           |
+| `columnWidths`           | `Map<string, number>`                                        | `undefined` | Controlled column width state in px. Supports `bind:columnWidths`.                                                                                   |
+| `defaultColumnWidths`    | `Iterable<[string, number]>`                                 | `undefined` | Initial uncontrolled column widths in px.                                                                                                            |
+| `disabledKeys`           | `Iterable<string \| number>`                                 | `undefined` | Row ids that should be non-selectable.                                                                                                               |
+| `onRowAction`            | `(id: string \| number) => void`                             | `undefined` | Called when a row action is triggered for an actionable row.                                                                                         |
+| `onSelectionChange`      | `(keys: Set<string \| number>) => void`                      | `undefined` | Called when row selection changes.                                                                                                                   |
+| `onSortChange`           | `(descriptor) => void`                                       | `undefined` | Called when sortable header state changes.                                                                                                           |
+| `onColumnWidthsChange`   | `(widths: Map<string, number>) => void`                      | `undefined` | Called when resize interactions update column widths.                                                                                                |
+| `onHiddenColumnsChange`  | `(columnIds: string[]) => void`                              | `undefined` | Called when hidden column state changes.                                                                                                             |
+| `onColumnResizeStart`    | `(columnId: string) => void`                                 | `undefined` | Called when a column resize drag starts.                                                                                                             |
+| `onColumnResizeEnd`      | `(widths: Map<string, number>) => void`                      | `undefined` | Called when a column resize drag ends.                                                                                                               |
+| `aria-label`             | `string`                                                     | `undefined` | Accessible name when no external label is present.                                                                                                   |
+| `aria-labelledby`        | `string`                                                     | `undefined` | Id reference for an external label.                                                                                                                  |
+| `class`                  | `string`                                                     | `''`        | Class names for the root table element.                                                                                                              |
+| `context`                | `TableContext`                                               | `undefined` | Bindable reference to the active internal table context instance.                                                                                    |
+| `element`                | `HTMLTableElement`                                           | `undefined` | Bindable reference to the rendered table element.                                                                                                    |
+| `children`               | `Snippet`                                                    | `undefined` | Composed table parts.                                                                                                                                |
 
 ### Behavior notes
 
@@ -41,7 +51,7 @@ Description: Current v1 interaction constraints that affect consumer expectation
 | Text selection and copy | Browser-native text selection and `Ctrl+C` behavior are preserved; the component does not implement custom clipboard logic.                                                                                                                                                                                                                                       |
 | `replace` mode blur     | Clicking or tabbing outside the table clears focus state but does not clear row selection.                                                                                                                                                                                                                                                                        |
 | Sort announcements      | Sort changes are mirrored into a polite live region. Use `Table.Column.textValue` when the announced label should differ from the column `id`.                                                                                                                                                                                                                    |
-| Column resizing         | Width state is normalized to px values and a resize handle only affects the `Table.Column` it is composed within.                                                                                                                                                                                                                                                 |
+| Column resizing         | Width state is normalized to px values and a `Table.ColumnResizer` only affects the `Table.Column` it is composed within.                                                                                                                                                                                                                                         |
 | Row edge focus          | In body rows, `ArrowLeft` before the first cell and `ArrowRight` after the last cell move focus onto the row itself; `ArrowUp` / `ArrowDown` keep that row-edge focus aligned across rows, repeating the same horizontal arrow loops back into the opposite edge cell, and `Home` / `End` jump to the first or last focusable body row while row focus is active. |
 
 ### Context utilities

package/dist/table/root/context.d.ts

@@ -23,11 +23,10 @@ export type TableGridCoord = {
     col: number;
 };
 export type TableRowFocusEdge = 'start' | 'end';
-export type TableColumnRegistration = {
+type TableColumnMetadata = {
     token: string;
     id: string;
     allowsSorting: boolean;
-    allowsResizing: boolean;
     isRowHeader: boolean;
     textValue?: string;
     width?: TableColumnWidth;
@@ -88,13 +87,13 @@ export type TableContext = {
     focusVisible: boolean;
     sortDescriptor: TableSortDescriptor | undefined;
     resizingColumnId: string | null;
-    registerColumn: (column: TableColumnRegistration) => void;
+    registerColumn: (column: TableColumnMetadata) => void;
     unregisterColumn: (token: string) => void;
     registerColumnResizer: (columnToken: string) => void;
     unregisterColumnResizer: (columnToken: string) => void;
     getColumnCount: () => number;
     getVisibleColumnCount: () => number;
-    getColumnAt: (index: number) => TableColumnRegistration | undefined;
+    getColumnAt: (index: number) => TableColumnMetadata | undefined;
     getColumnIndexByToken: (token: string) => number;
     getVisibleColumnIndexByToken: (token: string) => number;
     getColumnTextValue: (columnId: string) => string | undefined;
@@ -178,7 +177,6 @@ export type TableColumnContext = {
     token: string;
     id: string;
     allowsSorting: boolean;
-    allowsResizing: boolean;
     isHidden: boolean;
     isRowHeader: boolean;
     textValue?: string;

package/dist/table/root/context.js

@@ -143,7 +143,7 @@ export function createTableContext(options = {}) {
         for (const column of columns.values()) {
             if (isColumnHidden(column.id))
                 continue;
-            if (column.allowsResizing || columnsWithResizers.has(column.token))
+            if (columnsWithResizers.has(column.token))
                 return true;
         }
         return false;
@@ -159,11 +159,10 @@ export function createTableContext(options = {}) {
             return;
         notifyLayout();
     }
-    function sameColumnRegistration(left, right) {
+    function sameColumnMetadata(left, right) {
         return (left.token === right.token &&
             left.id === right.id &&
             left.allowsSorting === right.allowsSorting &&
-            left.allowsResizing === right.allowsResizing &&
             left.isRowHeader === right.isRowHeader &&
             left.textValue === right.textValue &&
             left.width === right.width &&
@@ -190,7 +189,7 @@ export function createTableContext(options = {}) {
     function registerColumn(column) {
         const existing = columns.get(column.token);
         const alreadyOrdered = columnOrder.includes(column.token);
-        if (existing && sameColumnRegistration(existing, column) && alreadyOrdered)
+        if (existing && sameColumnMetadata(existing, column) && alreadyOrdered)
             return;
         if (existing && existing.id !== column.id && columnIds.get(existing.id) === column.token) {
             columnIds.delete(existing.id);
@@ -288,7 +287,7 @@ export function createTableContext(options = {}) {
             return false;
         if (isColumnHidden(columnId))
             return false;
-        return column.allowsResizing || columnsWithResizers.has(column.token);
+        return columnsWithResizers.has(column.token);
     }
     function getColumnWidths() {
         if (columnWidthsCache)

package/dist/table/root/table-root.svelte

@@ -12,50 +12,18 @@
 
 <script lang="ts">
 	import { tick } from 'svelte';
-	import type { Snippet } from 'svelte';
-	import type { HTMLAttributes } from 'svelte/elements';
+	import {
+		shouldShowFocusVisible,
+		trackInteractionModality
+	} from '../../primitives/input-modality';
+	import { visuallyHiddenStyle } from '../utils/visually-hidden-style';
+	import type { TableRootProps } from '../types.js';
 	import {
 		createTableContext,
 		setTableContext,
-		type TableDisabledBehavior,
-		type TableRowActionHandler,
-		type TableContext,
-		type TableSelectionBehavior,
 		type TableSelectionKey,
-		type TableSelectionMode,
 		type TableSortDescriptor
 	} from './context';
-	import {
-		shouldShowFocusVisible,
-		trackInteractionModality
-	} from '../../primitives/input-modality';
-
-	type TableRootProps = Omit<HTMLAttributes<HTMLTableElement>, 'children'> & {
-		selectionMode?: TableSelectionMode;
-		selectionBehavior?: TableSelectionBehavior;
-		disabledBehavior?: TableDisabledBehavior;
-		disallowEmptySelection?: boolean;
-		hiddenColumns?: Iterable<string>;
-		defaultHiddenColumns?: Iterable<string>;
-		selectedKeys?: Iterable<TableSelectionKey>;
-		defaultSelectedKeys?: Iterable<TableSelectionKey>;
-		sortDescriptor?: TableSortDescriptor;
-		defaultSortDescriptor?: TableSortDescriptor;
-		columnWidths?: Map<string, number>;
-		defaultColumnWidths?: Iterable<readonly [string, number]>;
-		disabledKeys?: Iterable<TableSelectionKey>;
-		onRowAction?: TableRowActionHandler;
-		onSelectionChange?: (keys: Set<TableSelectionKey>) => void;
-		onSortChange?: (descriptor: TableSortDescriptor | undefined) => void;
-		onColumnWidthsChange?: (widths: Map<string, number>) => void;
-		onHiddenColumnsChange?: (columnIds: string[]) => void;
-		onColumnResizeStart?: (columnId: string) => void;
-		onColumnResizeEnd?: (widths: Map<string, number>) => void;
-		children?: Snippet;
-		class?: string;
-		context?: TableContext;
-		element?: HTMLTableElement;
-	};
 
 	let {
 		selectionMode = 'none',
@@ -425,16 +393,10 @@
 	{/if}
 </table>
 
-<span
-	role="status"
-	aria-live="polite"
-	aria-atomic="true"
-	style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;"
+<span role="status" aria-live="polite" aria-atomic="true" style={visuallyHiddenStyle}
 	>{sortAnnouncement}</span
 >
 
-<span
-	id={ctx.selectionUnavailableDescriptionId}
-	style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;"
+<span id={ctx.selectionUnavailableDescriptionId} style={visuallyHiddenStyle}
 	>Selection unavailable for this row.</span
 >

package/dist/table/root/table-root.svelte.d.ts

@@ -1,32 +1,4 @@
-import type { Snippet } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-import { type TableDisabledBehavior, type TableRowActionHandler, type TableContext, type TableSelectionBehavior, type TableSelectionKey, type TableSelectionMode, type TableSortDescriptor } from './context';
-type TableRootProps = Omit<HTMLAttributes<HTMLTableElement>, 'children'> & {
-    selectionMode?: TableSelectionMode;
-    selectionBehavior?: TableSelectionBehavior;
-    disabledBehavior?: TableDisabledBehavior;
-    disallowEmptySelection?: boolean;
-    hiddenColumns?: Iterable<string>;
-    defaultHiddenColumns?: Iterable<string>;
-    selectedKeys?: Iterable<TableSelectionKey>;
-    defaultSelectedKeys?: Iterable<TableSelectionKey>;
-    sortDescriptor?: TableSortDescriptor;
-    defaultSortDescriptor?: TableSortDescriptor;
-    columnWidths?: Map<string, number>;
-    defaultColumnWidths?: Iterable<readonly [string, number]>;
-    disabledKeys?: Iterable<TableSelectionKey>;
-    onRowAction?: TableRowActionHandler;
-    onSelectionChange?: (keys: Set<TableSelectionKey>) => void;
-    onSortChange?: (descriptor: TableSortDescriptor | undefined) => void;
-    onColumnWidthsChange?: (widths: Map<string, number>) => void;
-    onHiddenColumnsChange?: (columnIds: string[]) => void;
-    onColumnResizeStart?: (columnId: string) => void;
-    onColumnResizeEnd?: (widths: Map<string, number>) => void;
-    children?: Snippet;
-    class?: string;
-    context?: TableContext;
-    element?: HTMLTableElement;
-};
+import type { TableRootProps } from '../types.js';
 declare const TableRoot: import("svelte").Component<TableRootProps, {}, "element" | "context" | "hiddenColumns" | "selectedKeys" | "sortDescriptor" | "columnWidths">;
 type TableRoot = ReturnType<typeof TableRoot>;
 export default TableRoot;

package/dist/table/row/README.md

@@ -9,6 +9,8 @@
 Name: `Table.Row`
 Description: Semantic table row part used in the header, body, or footer. In body scope it reflects row focus, selection, and disabled state.
 
+Public prop type: `TableRowProps`
+
 | Prop         | Type               | Default     | Description                                                     |
 | ------------ | ------------------ | ----------- | --------------------------------------------------------------- |
 | `id`         | `string \| number` | `undefined` | Stable row identifier used for selection state in `Table.Body`. |

package/dist/table/row/table-row.svelte

@@ -2,28 +2,14 @@
 	import { onDestroy } from 'svelte';
 	import { SvelteMap } from 'svelte/reactivity';
 	import { writable } from 'svelte/store';
-	import type { Snippet } from 'svelte';
-	import type { HTMLAttributes } from 'svelte/elements';
-	import {
-		setTableRowContext,
-		useTableContext,
-		useTableSectionContext,
-		type TableSelectionKey
-	} from '../root/context';
+	import { setTableRowContext, useTableContext, useTableSectionContext } from '../root/context';
+	import type { TableRowProps } from '../types.js';
 	import {
 		shouldShowFocusVisible,
 		trackInteractionModality
 	} from '../../primitives/input-modality';
 	import { handleTableBodyKeydown } from '../utils/handle-body-keydown';
 
-	type TableRowProps = Omit<HTMLAttributes<HTMLTableRowElement>, 'children' | 'id'> & {
-		id?: TableSelectionKey;
-		isDisabled?: boolean;
-		textValue?: string;
-		children?: Snippet;
-		class?: string;
-	};
-
 	let {
 		id,
 		isDisabled = false,

package/dist/table/row/table-row.svelte.d.ts

@@ -1,13 +1,4 @@
-import type { Snippet } from 'svelte';
-import type { HTMLAttributes } from 'svelte/elements';
-import { type TableSelectionKey } from '../root/context';
-type TableRowProps = Omit<HTMLAttributes<HTMLTableRowElement>, 'children' | 'id'> & {
-    id?: TableSelectionKey;
-    isDisabled?: boolean;
-    textValue?: string;
-    children?: Snippet;
-    class?: string;
-};
+import type { TableRowProps } from '../types.js';
 declare const TableRow: import("svelte").Component<TableRowProps, {}, "">;
 type TableRow = ReturnType<typeof TableRow>;
 export default TableRow;

package/dist/table/types.d.ts

@@ -0,0 +1,90 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+import type { TableColumnWidth, TableContext, TableDisabledBehavior, TableRowActionHandler, TableSelectionBehavior, TableSelectionKey, TableSelectionMode, TableSortDescriptor } from './root/context.js';
+export type TableColumnProps = {
+    id: string;
+    allowsSorting?: boolean;
+    isRowHeader?: boolean;
+    textValue?: string;
+    width?: TableColumnWidth;
+    defaultWidth?: TableColumnWidth;
+    minWidth?: number;
+    maxWidth?: number;
+    children?: Snippet;
+};
+export type TableHeaderProps = Omit<HTMLAttributes<HTMLTableSectionElement>, 'children'> & {
+    children?: Snippet;
+    class?: string;
+};
+export type TableBodyProps = Omit<HTMLAttributes<HTMLTableSectionElement>, 'children'> & {
+    children?: Snippet;
+    class?: string;
+};
+export type TableFooterProps = Omit<HTMLAttributes<HTMLTableSectionElement>, 'children'> & {
+    children?: Snippet;
+    class?: string;
+};
+export type TableRootProps = Omit<HTMLAttributes<HTMLTableElement>, 'children'> & {
+    selectionMode?: TableSelectionMode;
+    selectionBehavior?: TableSelectionBehavior;
+    disabledBehavior?: TableDisabledBehavior;
+    disallowEmptySelection?: boolean;
+    hiddenColumns?: Iterable<string>;
+    defaultHiddenColumns?: Iterable<string>;
+    selectedKeys?: Iterable<TableSelectionKey>;
+    defaultSelectedKeys?: Iterable<TableSelectionKey>;
+    sortDescriptor?: TableSortDescriptor;
+    defaultSortDescriptor?: TableSortDescriptor;
+    columnWidths?: Map<string, number>;
+    defaultColumnWidths?: Iterable<readonly [string, number]>;
+    disabledKeys?: Iterable<TableSelectionKey>;
+    onRowAction?: TableRowActionHandler;
+    onSelectionChange?: (keys: Set<TableSelectionKey>) => void;
+    onSortChange?: (descriptor: TableSortDescriptor | undefined) => void;
+    onColumnWidthsChange?: (widths: Map<string, number>) => void;
+    onHiddenColumnsChange?: (columnIds: string[]) => void;
+    onColumnResizeStart?: (columnId: string) => void;
+    onColumnResizeEnd?: (widths: Map<string, number>) => void;
+    children?: Snippet;
+    class?: string;
+    context?: TableContext;
+    element?: HTMLTableElement;
+};
+export type TableRowProps = Omit<HTMLAttributes<HTMLTableRowElement>, 'children' | 'id'> & {
+    id?: TableSelectionKey;
+    isDisabled?: boolean;
+    textValue?: string;
+    children?: Snippet;
+    class?: string;
+};
+export type TableColumnHeaderCellProps = Omit<HTMLAttributes<HTMLTableCellElement>, 'children'> & {
+    children?: Snippet;
+    class?: string;
+};
+export type TableColumnResizerProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
+    step?: number;
+    shiftStep?: number;
+    children?: Snippet;
+    class?: string;
+};
+export type TableCellProps = Omit<HTMLAttributes<HTMLTableCellElement>, 'children'> & {
+    children?: Snippet;
+    class?: string;
+};
+export type TableEmptyStateProps = {
+    children?: Snippet;
+    class?: string;
+};
+export type TableCheckboxProps = Omit<HTMLAttributes<HTMLSpanElement>, 'children' | 'class' | 'id' | 'role' | 'tabindex' | 'aria-checked' | 'aria-disabled' | 'onclick' | 'onkeydown'> & {
+    id?: string;
+    title?: string;
+    children?: Snippet;
+    class?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+};
+export type TableCheckboxIndicatorProps = Omit<HTMLAttributes<HTMLSpanElement>, 'children' | 'class'> & {
+    keepMounted?: boolean;
+    children?: Snippet;
+    class?: string;
+};

package/dist/table/types.js

@@ -0,0 +1 @@
+export {};

package/dist/table/utils/visually-hidden-style.d.ts

@@ -0,0 +1 @@
+export declare const visuallyHiddenStyle = "position:fixed;top:0;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;";

package/dist/table/utils/visually-hidden-style.js

@@ -0,0 +1 @@
+export const visuallyHiddenStyle = 'position:fixed;top:0;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@human-kit/svelte-components",
-	"version": "1.0.0-alpha.14",
+	"version": "1.0.0-alpha.16",
 	"license": "MIT",
 	"type": "module",
 	"svelte": "./dist/index.js",