@lavalogic/scoria 0.36.0 → 0.37.1

package/dist/Components/Table/Body/Rows/Columns/AccessorComponent.svelte

@@ -15,34 +15,64 @@
 	import TableQuerySelect from './TableQuerySelect.svelte';
 	import TableSelect from './TableSelect.svelte';
 	import TableTextInput from './TableTextInput.svelte';
-</script>
 
-<script
-	lang="ts"
-	generics="T extends object"
->
-	const { cell }: AccessorComponentProps<T> = $props();
+	/**
+	 * Loose structural type used for the cell-host dispatch table.
+	 *
+	 * Every accessor cell host (TableNumberInput, TableDatePicker, ...) is a
+	 * Svelte 5 `Component` whose props include at minimum `{ cell: TableCell<T> }`
+	 * plus host-specific extras. A fully discriminated `AccessorComponentMap<T>`
+	 * keyed on `accessorType` was considered (see the RowGenericThreading
+	 * follow-up workorder) but deferred: it would force every cell host to share
+	 * an identical prop signature or each branch of the dispatch to be invoked
+	 * through a type-narrowed switch, both of which have a large blast radius
+	 * across the Table subtree. Using `Component<Record<string, unknown>>` keeps
+	 * the residual loosening contained to a single line and removes the previous
+	 * `Component<any>` from this file.
+	 */
+	type AccessorCellComponent = Component<Record<string, unknown>>;
 
-	const cellTypes: Record<
-		'Number' | 'Date' | 'Select' | 'Checkbox' | 'Query' | 'Text',
-		object & Component<any>
-	> = {
+	/**
+	 * Frozen lookup from `AccessorDef.accessorType` discriminator to the matching
+	 * cell-host Svelte component. Hoisted to module scope so the table does not
+	 * allocate a fresh 6-key object per cell on each render (with 100 rows by
+	 * roughly 10 accessor columns that would be 1000 redundant allocations per
+	 * render).
+	 */
+	const cellTypes = Object.freeze({
 		Number: TableNumberInput,
 		Date: TableDatePicker,
 		Select: TableSelect,
 		Query: TableQuerySelect,
 		Checkbox: TableCheckbox,
 		Text: TableTextInput,
-	} as const;
+	}) as unknown as Readonly<
+		Record<'Number' | 'Date' | 'Select' | 'Checkbox' | 'Query' | 'Text', AccessorCellComponent>
+	>;
+</script>
+
+<script
+	lang="ts"
+	generics="T extends object"
+>
+	/** Single cell to render for the supplied {@link TableCell}. The accessor type discriminator is read off `cell.column.columnDef`. */
+	const { cell }: AccessorComponentProps<T> = $props();
 
 	const CurrentComponent = $derived(getAppropriateAccessorDef(cell.column.columnDef));
 
-	function getAppropriateAccessorDef(columnDef: ColumnDef<T>): Component<any> {
+	/**
+	 * Returns the cell-host component for `columnDef`'s discriminant. Falls back
+	 * to `FocusableImmutableCell` when the column is not an `AccessorDef` (this
+	 * branch is technically dead in the live dispatcher since `TableColumn`
+	 * filters first, but the total function keeps this file safe to call
+	 * directly from other dispatch sites).
+	 */
+	function getAppropriateAccessorDef(columnDef: ColumnDef<T>): AccessorCellComponent {
 		if (columnDef instanceof AccessorDef) {
 			return cellTypes[columnDef.accessorType];
 		}
 
-		return FocusableImmutableCell;
+		return FocusableImmutableCell as unknown as AccessorCellComponent;
 	}
 </script>
 

package/dist/Components/Table/Body/Rows/Columns/AccessorComponentProps.d.ts

@@ -1,4 +1,16 @@
 import type { TableCell } from '../../../Types/Columns/TableCell.js';
+/**
+ * Props for {@link AccessorComponent}. The dispatcher reads
+ * `cell.column.columnDef.accessorType` to pick the matching cell-host
+ * component (TableNumberInput, TableDatePicker, etc.).
+ *
+ * The narrow per-accessor cell types are not threaded here yet; the dispatch
+ * accepts the generic `TableCell<T>` and the chosen host re-narrows via
+ * `cell.column.columnDef`. Threading a discriminated `TValue` through the
+ * accessor cell hosts is tracked under the cross-cutting RowGenericThreading
+ * workorder.
+ */
 export interface AccessorComponentProps<T extends object> {
+    /** The cell whose value should be rendered by the matching accessor cell host. */
     cell: TableCell<T>;
 }

package/dist/Components/Table/Body/Rows/Columns/ActionsCell.svelte

@@ -8,37 +8,36 @@
 	import Portal from '../../../../Portal.svelte';
 	import type { TableActionButton } from '../../../Types/Columns/TableActionButton.js';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
+	import type { Primitive } from '../../../Types/Context/TableInitOptions.js';
 	import { MultiFocusEdge } from '../../../Types/Focus/MultiFocusEdge.js';
-	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
-	import { asyncMap, devCatch, isValidityTuple, refWrapper } from '../../../../../Helpers/Helpers.svelte.js';
+	import type { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
+	import { asyncMap, devCatch, isValidityTuple } from '../../../../../Helpers/Helpers.svelte.js';
 	import { Colour, ColourSet } from '../../../../../scss/colours.js';
 	import { Size } from '../../../../../Types/Internal/Size.js';
 	import { Validity } from '../../../../../Types/Internal/Validity.js';
 	import { getContext, untrack } from 'svelte';
 	import type { ActionsCellProps } from './ActionsCellProps.js';
 	import TableAction from './TableAction.svelte';
-
-	export let shownPopup = refWrapper<symbol | undefined>(undefined);
 </script>
 
 <script
 	lang="ts"
-	generics="T extends object,FilterValueType"
+	generics="T extends object, FilterValueType, RowIdType extends Primitive"
 >
 	const { cell }: ActionsCellProps<T, FilterValueType> = $props();
 
 	const value = $derived(cell.getValue());
 
-	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
+	const tableContext = getContext<TableContext<T, RowIdType>>(TableContext.identifier);
 
 	const actions: Array<TableActionButton<T>> = $derived(cell.column.columnDef.actions);
 
 	const thisPopup = $state(Symbol());
-	const thisPopupIsVisibile = $derived(thisPopup === shownPopup.value);
+	const thisPopupIsVisibile = $derived(thisPopup === tableContext.shownActionsPopup);
 	const hasValue: boolean = $derived(value !== undefined);
 	const edge: MultiFocusEdge | undefined = $state();
-	const focusDetails: TableFocusDetails<T, never> = $derived(
-		new TableFocusDetails(cell, tableContext)
+	const focusDetails: TableFocusDetails<T, RowIdType> = $derived(
+		tableContext._focus.getFocusDetailsFor(cell)
 	);
 
 	let cellRef: HTMLDivElement | undefined = $state();
@@ -50,20 +49,7 @@
 			const rect = cellRef.getBoundingClientRect();
 			untrack(() => {
 				const totalOffsetX = -6;
-				// (props.offsetX ?? 0) +
-				// (props.arrow === Side.Top || props.arrow === Side.Bottom
-				// 	? props.rect.width / 2
-				// 	: props.arrow === Side.Right
-				// 		? -6 //  arrow width
-				// 		: props.rect.width + 6); // arrow width
-
 				const totalOffsetY = rect.height / 2;
-				// (props.offsetY ?? 0) +
-				// (props.arrow === Side.Left || props.arrow === Side.Right
-				// 	? props.rect.height / 2
-				// 	: props.arrow === Side.Top
-				// 		? props.rect.height
-				// 		: 0);
 
 				x = rect.x + totalOffsetX;
 				y = rect.y + totalOffsetY;
@@ -90,7 +76,8 @@
 </script>
 
 <!-- svelte-ignore a11y_mouse_events_have_key_events -->
-<td
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<div
 	id={`${tableContext.tableName}-cell-${cell.row.visibleIndex}-${cell.column.id}`}
 	tabIndex={hasValue ? 0 : undefined}
 	class="focusable"
@@ -142,10 +129,10 @@
 			icon={{ name: 'ellipsis', size: Size.Medium, colour: Colour['$brand-primary'] }}
 			colourSet={ColourSet.Auxiliary}
 			onclick={() => {
-				if (shownPopup.value === thisPopup) {
-					shownPopup.value = undefined;
+				if (tableContext.shownActionsPopup === thisPopup) {
+					tableContext.shownActionsPopup = undefined;
 				} else {
-					shownPopup.value = thisPopup;
+					tableContext.shownActionsPopup = thisPopup;
 				}
 			}}
 		/>
@@ -175,9 +162,13 @@
 			</Portal>
 		{/await}
 	{/if}
-</td>
+</div>
 
-<style>td {
+<style>.focusable,
+.checkbox-cell,
+.input-cell,
+.select-cell,
+.datepicker-cell {
   transition: line-height 0.2s ease, height 0.2s ease;
   --input-border: none;
   --input-height: var(--height);
@@ -187,31 +178,52 @@
   position: relative;
   padding-left: 0.75rem;
   padding-right: 0.75rem;
-  border: solid 1px #cbd4da;
-  border-left: none;
+  border-right: solid 1px #cbd4da;
+  border-bottom: solid 1px #cbd4da;
+  box-sizing: border-box;
+  width: 100%;
+  height: var(--height);
 }
 
-td.multifocus {
+.focusable.multifocus,
+.checkbox-cell.multifocus,
+.input-cell.multifocus,
+.select-cell.multifocus {
   background-color: var(--multifocus-colour, #e6f8fd);
 }
-td.multifocus.multifocus-start {
+.focusable.multifocus.multifocus-start,
+.checkbox-cell.multifocus.multifocus-start,
+.input-cell.multifocus.multifocus-start,
+.select-cell.multifocus.multifocus-start {
   background-color: #ffffff;
 }
 
-td.info {
+.focusable.info,
+.checkbox-cell.info,
+.input-cell.info,
+.select-cell.info {
   background-color: #1f81a0;
 }
-td.warning {
+.focusable.warning,
+.checkbox-cell.warning,
+.input-cell.warning,
+.select-cell.warning {
   background-color: #f8eab8;
 }
-td.error {
+.focusable.error,
+.checkbox-cell.error,
+.input-cell.error,
+.select-cell.error {
   background-color: #f9e9e9;
 }
 
-td {
+.focusable,
+.checkbox-cell,
+.input-cell,
+.select-cell {
   max-height: var(--max-height);
   height: var(--height);
-  box-sizing: content-box;
+  box-sizing: border-box;
   overflow-x: clip;
   --td-padding-left: 0;
   --td-padding-right: 0;
@@ -251,7 +263,7 @@ td {
   align-items: center;
 }
 
-td {
+[role=cell] {
   overflow: visible;
 }
 

package/dist/Components/Table/Body/Rows/Columns/ActionsCell.svelte.d.ts

@@ -1,26 +1,26 @@
+import type { Primitive } from '../../../Types/Context/TableInitOptions.js';
 import type { ActionsCellProps } from './ActionsCellProps.js';
-export declare let shownPopup: import("../../../../../index.js").RefWrapper<symbol | undefined>;
-declare function $$render<T extends object, FilterValueType>(): {
+declare function $$render<T extends object, FilterValueType, RowIdType extends Primitive>(): {
     props: ActionsCellProps<T, FilterValueType>;
     exports: {};
     bindings: "";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<T extends object, FilterValueType> {
-    props(): ReturnType<typeof $$render<T, FilterValueType>>['props'];
-    events(): ReturnType<typeof $$render<T, FilterValueType>>['events'];
-    slots(): ReturnType<typeof $$render<T, FilterValueType>>['slots'];
+declare class __sveltets_Render<T extends object, FilterValueType, RowIdType extends Primitive> {
+    props(): ReturnType<typeof $$render<T, FilterValueType, RowIdType>>['props'];
+    events(): ReturnType<typeof $$render<T, FilterValueType, RowIdType>>['events'];
+    slots(): ReturnType<typeof $$render<T, FilterValueType, RowIdType>>['slots'];
     bindings(): "";
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <T extends object, FilterValueType>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, FilterValueType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, FilterValueType>['props']>, ReturnType<__sveltets_Render<T, FilterValueType>['events']>, ReturnType<__sveltets_Render<T, FilterValueType>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T, FilterValueType>['bindings']>;
-    } & ReturnType<__sveltets_Render<T, FilterValueType>['exports']>;
-    <T extends object, FilterValueType>(internal: unknown, props: ReturnType<__sveltets_Render<T, FilterValueType>['props']> & {}): ReturnType<__sveltets_Render<T, FilterValueType>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
+    new <T extends object, FilterValueType, RowIdType extends Primitive>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, FilterValueType, RowIdType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, FilterValueType, RowIdType>['props']>, ReturnType<__sveltets_Render<T, FilterValueType, RowIdType>['events']>, ReturnType<__sveltets_Render<T, FilterValueType, RowIdType>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, FilterValueType, RowIdType>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, FilterValueType, RowIdType>['exports']>;
+    <T extends object, FilterValueType, RowIdType extends Primitive>(internal: unknown, props: ReturnType<__sveltets_Render<T, FilterValueType, RowIdType>['props']> & {}): ReturnType<__sveltets_Render<T, FilterValueType, RowIdType>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>['bindings']>;
 }
 declare const ActionsCell: $$IsomorphicComponent;
-type ActionsCell<T extends object, FilterValueType> = InstanceType<typeof ActionsCell<T, FilterValueType>>;
+type ActionsCell<T extends object, FilterValueType, RowIdType extends Primitive> = InstanceType<typeof ActionsCell<T, FilterValueType, RowIdType>>;
 export default ActionsCell;

package/dist/Components/Table/Body/Rows/Columns/ActionsColumn.d.ts

@@ -1,5 +1,14 @@
 import type { Column } from '../../../Types/Columns/Column.js';
 import type { ActionsDef } from '../../../Types/Columns/Definitions/Actions/ActionsDef.svelte.js';
+/**
+ * Narrowed `Column<T>` whose `columnDef` is an `ActionsDef`.
+ *
+ * Used by header / body rendering paths that need to disambiguate an actions
+ * column from a regular accessor column. The `FilterValueType` parameter is
+ * retained for structural compatibility with `Column<T, F>` even though
+ * `ActionsDef.filterFn` is `undefined` (actions columns are not filterable);
+ * tightening this away is deferred (see workorder Cell Glue Types).
+ */
 export interface ActionsColumn<T extends object, FilterValueType> extends Column<T, FilterValueType> {
     columnDef: ActionsDef<T, FilterValueType>;
 }

package/dist/Components/Table/Body/Rows/Columns/ActionsTableCell.d.ts

@@ -1,5 +1,10 @@
 import type { TableCell } from '../../../Types/Columns/TableCell.js';
 import type { ActionsColumn } from './ActionsColumn.js';
+/**
+ * Narrowed `TableCell<T>` whose `column` is an `ActionsColumn`. Paired with
+ * `ActionsColumn` so that `ActionsCell.svelte` and `TableAction.svelte` can
+ * receive a single strongly-typed cell handle instead of casting.
+ */
 export interface ActionsTableCell<T extends object, FilterValueType> extends TableCell<T, FilterValueType> {
     column: ActionsColumn<T, FilterValueType>;
 }

package/dist/Components/Table/Body/Rows/Columns/BubbleCell.svelte

@@ -1,27 +1,33 @@
 <svelte:options runes />
 
-<!-- TODO editable version of this should contain a multi select -->
 <script
 	lang="ts"
-	generics="T extends object,FilterValueType"
+	generics="T extends object, FilterValueType, RowIdType extends Primitive"
 >
 	import Bubble from '../../../../Bubble.svelte';
 	import { BubbleDef } from '../../../Types/Columns/Definitions/Display/BubbleDef.svelte.js';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
-	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
+	import { type Primitive } from '../../../Types/Context/TableInitOptions.js';
+	import type { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
 	import { devCatch, isValidityTuple } from '../../../../../Helpers/Helpers.svelte.js';
 	import { Validity } from '../../../../../Types/Internal/Validity.js';
 	import { getContext } from 'svelte';
-	import type { FocusableImmutableCellProps } from './FocusableImmutableCellProps.js';
+	import type { BubbleCellProps } from './BubbleCellProps.js';
 
-	const { cell }: FocusableImmutableCellProps<T, FilterValueType> = $props();
+	const { cell }: BubbleCellProps<T, FilterValueType> = $props();
 
+	/**
+	 * Awaited or sync array of string labels to render as Bubble chips. The cast
+	 * is unavoidable until `BubbleDef` carries a narrowed `TValue` generic and
+	 * the dispatch passes a `BubbleTableCell<T, FilterValueType>`; tracked under
+	 * the cross-cutting RowGenericThreading + BubbleDef.value work.
+	 */
 	const values = $derived(cell.getValue()) as Array<string> | Promise<Array<string>>;
 
-	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
+	const tableContext = getContext<TableContext<T, RowIdType>>(TableContext.identifier);
 
-	const focusDetails: TableFocusDetails<T, never> = $derived(
-		new TableFocusDetails(cell, tableContext)
+	const focusDetails: TableFocusDetails<T, RowIdType> = $derived(
+		tableContext._focus.getFocusDetailsFor(cell)
 	);
 
 	let validity: Validity = $state(Validity.Valid);
@@ -43,7 +49,8 @@
 </script>
 
 <!-- svelte-ignore a11y_mouse_events_have_key_events -->
-<td
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<div
 	id={`${tableContext.tableName}-cell-${cell.row.visibleIndex}-${cell.column.id}`}
 	tabIndex={0}
 	class="focusable"
@@ -76,8 +83,11 @@
 >
 	<div class="bubble-parent">
 		{#await values then values}
-			<!-- eslint-disable-next-line svelte/require-each-key -->
-			{#each values as value}
+			<!-- The label string itself is not guaranteed unique so the key combines
+			     index and value; both pieces are required because duplicate labels
+			     would otherwise collapse and reordering with identical labels
+			     would force unrelated bubbles to swap. -->
+			{#each values as value, index (`${index}:${value}`)}
 				{@const colourPromise = (cell.column.columnDef as BubbleDef<T>).getColour?.(
 					cell.row.original,
 					cell.row.originalIndex,
@@ -90,16 +100,20 @@
 					{#await colourPromise then colour}
 						<Bubble
 							{value}
-							colours={colour}
+							colours={colour ?? undefined}
 						/>
 					{/await}
 				{/if}
 			{/each}
 		{/await}
 	</div>
-</td>
+</div>
 
-<style>td {
+<style>.focusable,
+.checkbox-cell,
+.input-cell,
+.select-cell,
+.datepicker-cell {
   transition: line-height 0.2s ease, height 0.2s ease;
   --input-border: none;
   --input-height: var(--height);
@@ -109,40 +123,61 @@
   position: relative;
   padding-left: 0.75rem;
   padding-right: 0.75rem;
-  border: solid 1px #cbd4da;
-  border-left: none;
+  border-right: solid 1px #cbd4da;
+  border-bottom: solid 1px #cbd4da;
+  box-sizing: border-box;
+  width: 100%;
+  height: var(--height);
 }
 
-td.multifocus {
+.focusable.multifocus,
+.checkbox-cell.multifocus,
+.input-cell.multifocus,
+.select-cell.multifocus {
   background-color: var(--multifocus-colour, #e6f8fd);
 }
-td.multifocus.multifocus-start {
+.focusable.multifocus.multifocus-start,
+.checkbox-cell.multifocus.multifocus-start,
+.input-cell.multifocus.multifocus-start,
+.select-cell.multifocus.multifocus-start {
   background-color: #ffffff;
 }
 
-td.focusable {
+.focusable {
   user-select: none;
   cursor: default;
   outline: none;
 }
-td.focusable.editable {
+.focusable.editable {
   cursor: pointer;
 }
 
-td.info {
+.focusable.info,
+.checkbox-cell.info,
+.input-cell.info,
+.select-cell.info {
   background-color: #1f81a0;
 }
-td.warning {
+.focusable.warning,
+.checkbox-cell.warning,
+.input-cell.warning,
+.select-cell.warning {
   background-color: #f8eab8;
 }
-td.error {
+.focusable.error,
+.checkbox-cell.error,
+.input-cell.error,
+.select-cell.error {
   background-color: #f9e9e9;
 }
 
-td {
+.focusable,
+.checkbox-cell,
+.input-cell,
+.select-cell {
   max-height: var(--max-height);
   height: var(--height);
-  box-sizing: content-box;
+  box-sizing: border-box;
   overflow-x: clip;
   --td-padding-left: 0;
   --td-padding-right: 0;
@@ -155,6 +190,6 @@ div.bubble-parent {
   overflow-x: clip;
   justify-content: flex-start;
   align-items: center;
-  gap: 0.5rem;
+  gap: 0.75rem;
   --line-height: 1;
 }</style>

package/dist/Components/Table/Body/Rows/Columns/BubbleCell.svelte.d.ts

@@ -1,25 +1,26 @@
-import type { FocusableImmutableCellProps } from './FocusableImmutableCellProps.js';
-declare function $$render<T extends object, FilterValueType>(): {
-    props: FocusableImmutableCellProps<T, FilterValueType>;
+import { type Primitive } from '../../../Types/Context/TableInitOptions.js';
+import type { BubbleCellProps } from './BubbleCellProps.js';
+declare function $$render<T extends object, FilterValueType, RowIdType extends Primitive>(): {
+    props: BubbleCellProps<T, FilterValueType>;
     exports: {};
     bindings: "";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<T extends object, FilterValueType> {
-    props(): ReturnType<typeof $$render<T, FilterValueType>>['props'];
-    events(): ReturnType<typeof $$render<T, FilterValueType>>['events'];
-    slots(): ReturnType<typeof $$render<T, FilterValueType>>['slots'];
+declare class __sveltets_Render<T extends object, FilterValueType, RowIdType extends Primitive> {
+    props(): ReturnType<typeof $$render<T, FilterValueType, RowIdType>>['props'];
+    events(): ReturnType<typeof $$render<T, FilterValueType, RowIdType>>['events'];
+    slots(): ReturnType<typeof $$render<T, FilterValueType, RowIdType>>['slots'];
     bindings(): "";
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <T extends object, FilterValueType>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, FilterValueType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, FilterValueType>['props']>, ReturnType<__sveltets_Render<T, FilterValueType>['events']>, ReturnType<__sveltets_Render<T, FilterValueType>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T, FilterValueType>['bindings']>;
-    } & ReturnType<__sveltets_Render<T, FilterValueType>['exports']>;
-    <T extends object, FilterValueType>(internal: unknown, props: ReturnType<__sveltets_Render<T, FilterValueType>['props']> & {}): ReturnType<__sveltets_Render<T, FilterValueType>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
+    new <T extends object, FilterValueType, RowIdType extends Primitive>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, FilterValueType, RowIdType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, FilterValueType, RowIdType>['props']>, ReturnType<__sveltets_Render<T, FilterValueType, RowIdType>['events']>, ReturnType<__sveltets_Render<T, FilterValueType, RowIdType>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, FilterValueType, RowIdType>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, FilterValueType, RowIdType>['exports']>;
+    <T extends object, FilterValueType, RowIdType extends Primitive>(internal: unknown, props: ReturnType<__sveltets_Render<T, FilterValueType, RowIdType>['props']> & {}): ReturnType<__sveltets_Render<T, FilterValueType, RowIdType>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>['bindings']>;
 }
 declare const BubbleCell: $$IsomorphicComponent;
-type BubbleCell<T extends object, FilterValueType> = InstanceType<typeof BubbleCell<T, FilterValueType>>;
+type BubbleCell<T extends object, FilterValueType, RowIdType extends Primitive> = InstanceType<typeof BubbleCell<T, FilterValueType, RowIdType>>;
 export default BubbleCell;

package/dist/Components/Table/Body/Rows/Columns/BubbleCellProps.d.ts

@@ -0,0 +1,12 @@
+import type { TableCell } from '../../../Types/Columns/TableCell.js';
+/**
+ * Props for {@link BubbleCell}. The cell renders one `<Bubble>` per string
+ * value returned by `cell.getValue()`. The per-value optional colour is
+ * resolved by `(cell.column.columnDef as BubbleDef<T>).getColour?.()`;
+ * narrowing `cell` to a `BubbleTableCell<T, FilterValueType>` is deferred to
+ * the same RowGenericThreading follow-up that adds discriminated cell types.
+ */
+export interface BubbleCellProps<T extends object, FilterValueType> {
+    /** The cell whose array-of-strings value should be rendered as a sequence of `<Bubble>` chips. */
+    cell: TableCell<T, FilterValueType>;
+}

package/dist/Components/Table/Body/Rows/Columns/BubbleCellProps.js

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