@rozie-ui/data-table-solid 0.1.1 → 0.2.1

package/dist/index.mjs

@@ -1,283 +1,9 @@
-import { Show, children, createEffect, createSignal, mergeProps, on, onCleanup, onMount, splitProps, untrack, useContext } from "solid-js";
+import { Show, createEffect, createSignal, mergeProps, on, onCleanup, onMount, splitProps, untrack, useContext } from "solid-js";
 import { Key } from "@solid-primitives/keyed";
-import { __rozieInjectStyle, createControllableSignal, createOutsideClick, parseInlineStyle, rozieAttr, rozieClass, rozieContext, rozieDisplay } from "@rozie/runtime-solid";
-import { arrow, autoUpdate, computePosition, flip, offset, shift } from "@floating-ui/dom";
+import { __rozieInjectStyle, createControllableSignal, parseInlineStyle, rozieAttr, rozieClass, rozieContext, rozieDisplay } from "@rozie/runtime-solid";
+import Popover from "@rozie-ui/popover-solid";
 import { createTable, getCoreRowModel, getExpandedRowModel, getFacetedMinMaxValues, getFacetedRowModel, getFacetedUniqueValues, getFilteredRowModel, getGroupedRowModel, getPaginationRowModel, getSortedRowModel } from "@tanstack/table-core";
 import { Virtualizer, elementScroll, measureElement, observeElementOffset, observeElementRect } from "@tanstack/virtual-core";
-//#region src/internal/middleware.ts
-/**
-* Build the ordered middleware array for `computePosition`. Pure — no engine
-* import, no DOM read beyond the passed-in arrow element.
-*/
-function buildMiddleware(factories, config) {
-	const mw = [factories.offset(config.offset)];
-	if (!config.disableFlip) mw.push(factories.flip());
-	if (!config.disableShift) mw.push(factories.shift());
-	if (config.arrow && config.arrowEl) mw.push(factories.arrow({ element: config.arrowEl }));
-	return mw;
-}
-//#endregion
-//#region src/Popover.tsx
-__rozieInjectStyle("Popover-c6cf02ea", `.rozie-popover[data-rozie-s-c6cf02ea] {
-  display: contents;
-}
-.rozie-popover-anchor[data-rozie-s-c6cf02ea] {
-  display: inline-block;
-}
-.rozie-popover-floating[data-rozie-s-c6cf02ea] {
-  position: absolute;
-  left: 0;
-  top: 0;
-  z-index: var(--rozie-popover-z, 1000);
-  width: max-content;
-  max-width: var(--rozie-popover-max-width, calc(100vw - 16px));
-  background: var(--rozie-popover-bg, #fff);
-  color: var(--rozie-popover-color, inherit);
-  border: var(--rozie-popover-border, 1px solid rgba(0, 0, 0, 0.12));
-  border-radius: var(--rozie-popover-radius, 8px);
-  box-shadow: var(--rozie-popover-shadow, 0 8px 24px rgba(0, 0, 0, 0.12));
-  padding: var(--rozie-popover-padding, 8px 12px);
-}
-.rozie-popover-arrow[data-rozie-s-c6cf02ea] {
-  position: absolute;
-  width: var(--rozie-popover-arrow-size, 8px);
-  height: var(--rozie-popover-arrow-size, 8px);
-  background: var(--rozie-popover-bg, #fff);
-  border: var(--rozie-popover-border, 1px solid rgba(0, 0, 0, 0.12));
-  transform: rotate(45deg);
-}`);
-function Popover(_props) {
-	const [local, attrs] = splitProps(mergeProps({
-		placement: "bottom",
-		trigger: "click",
-		offset: 8,
-		disableFlip: false,
-		disableShift: false,
-		arrow: false,
-		disabled: false,
-		modal: false,
-		strategy: "absolute"
-	}, _props), [
-		"open",
-		"placement",
-		"trigger",
-		"offset",
-		"disableFlip",
-		"disableShift",
-		"arrow",
-		"disabled",
-		"modal",
-		"strategy",
-		"children",
-		"ref"
-	]);
-	const resolved = children(() => local.children);
-	onMount(() => {
-		local.ref?.({
-			show,
-			hide,
-			toggle,
-			reposition
-		});
-	});
-	const [open, setOpen] = createControllableSignal(_props, "open", false);
-	onMount(() => {
-		const _cleanup = (() => {
-			anchorNode = anchorElRef;
-			if (open() && !local.disabled) {
-				floatingNode = floatingElRef;
-				arrowNode = arrowElRef;
-				startTracking();
-			}
-		})();
-		if (_cleanup) onCleanup(_cleanup);
-		onCleanup(() => {
-			stopTracking();
-		});
-	});
-	createEffect(on(() => open(), (v) => untrack(() => ((isOpen) => {
-		if (isOpen && !local.disabled) queueMicrotask(() => {
-			if (!open() || local.disabled) return;
-			floatingNode = floatingElRef;
-			arrowNode = arrowElRef;
-			startTracking();
-		});
-		else stopTracking();
-	})(v)), { defer: true }));
-	createEffect(on(() => local.placement, (v) => untrack(() => (() => {
-		if (open()) position();
-	})()), { defer: true }));
-	createEffect(on(() => local.offset, (v) => untrack(() => (() => {
-		if (open()) position();
-	})()), { defer: true }));
-	createEffect(on(() => local.disableFlip, (v) => untrack(() => (() => {
-		if (open()) position();
-	})()), { defer: true }));
-	createEffect(on(() => local.disableShift, (v) => untrack(() => (() => {
-		if (open()) position();
-	})()), { defer: true }));
-	createEffect(on(() => local.strategy, (v) => untrack(() => (() => {
-		if (open()) position();
-	})()), { defer: true }));
-	let anchorElRef = null;
-	let floatingElRef = null;
-	let arrowElRef = null;
-	let anchorNode = null;
-	let floatingNode = null;
-	let arrowNode = null;
-	let stopAutoUpdate = null;
-	let lastFocusedEl = null;
-	function deepActiveElement() {
-		let el = document.activeElement;
-		while (el && el.shadowRoot && el.shadowRoot.activeElement) el = el.shadowRoot.activeElement;
-		return el;
-	}
-	function requestOpen(next) {
-		if (open() === next) return;
-		if (next && local.trigger === "click") lastFocusedEl = deepActiveElement();
-		setOpen(next);
-		_props.onChange?.(next);
-		if (!next && local.trigger === "click" && lastFocusedEl && lastFocusedEl.isConnected && typeof lastFocusedEl.focus === "function") lastFocusedEl.focus();
-		if (!next) lastFocusedEl = null;
-	}
-	function applyPosition(x, y, middlewareData) {
-		if (!floatingNode) return;
-		floatingNode.style.left = x + "px";
-		floatingNode.style.top = y + "px";
-		if (arrowNode && middlewareData && middlewareData.arrow) {
-			const ax = middlewareData.arrow.x;
-			const ay = middlewareData.arrow.y;
-			arrowNode.style.left = ax == null ? "" : ax + "px";
-			arrowNode.style.top = ay == null ? "" : ay + "px";
-		}
-	}
-	function position() {
-		if (!anchorNode || !floatingNode) return;
-		const middleware = buildMiddleware({
-			offset,
-			flip,
-			shift,
-			arrow
-		}, {
-			offset: local.offset,
-			disableFlip: local.disableFlip,
-			disableShift: local.disableShift,
-			arrow: local.arrow,
-			arrowEl: arrowNode
-		});
-		if (local.strategy === "fixed") floatingNode.style.position = "fixed";
-		else floatingNode.style.position = "";
-		let opts = null;
-		opts = {
-			placement: local.placement,
-			strategy: local.strategy,
-			middleware
-		};
-		computePosition(anchorNode, floatingNode, opts).then((result) => {
-			applyPosition(result.x, result.y, result.middlewareData);
-		});
-	}
-	function startTracking() {
-		if (!anchorNode || !floatingNode) return;
-		if (stopAutoUpdate) {
-			stopAutoUpdate();
-			stopAutoUpdate = null;
-		}
-		stopAutoUpdate = autoUpdate(anchorNode, floatingNode, position);
-	}
-	function stopTracking() {
-		if (stopAutoUpdate) {
-			stopAutoUpdate();
-			stopAutoUpdate = null;
-		}
-	}
-	function onAnchorClick() {
-		if (local.disabled) return;
-		requestOpen(!open());
-	}
-	function onAnchorPointerEnter() {
-		if (local.disabled) return;
-		requestOpen(true);
-	}
-	function onAnchorPointerLeave() {
-		if (local.disabled) return;
-		requestOpen(false);
-	}
-	function onAnchorFocus() {
-		if (local.disabled) return;
-		requestOpen(true);
-	}
-	function onAnchorBlur() {
-		if (local.disabled) return;
-		requestOpen(false);
-	}
-	function dismiss() {
-		requestOpen(false);
-	}
-	function isTooltip() {
-		return local.trigger === "hover" || local.trigger === "focus";
-	}
-	function floatingRole() {
-		return isTooltip() ? "tooltip" : local.modal ? "dialog" : void 0;
-	}
-	function show() {
-		if (!local.disabled) requestOpen(true);
-	}
-	function hide() {
-		requestOpen(false);
-	}
-	function toggle() {
-		if (!local.disabled) requestOpen(!open());
-	}
-	function reposition() {
-		position();
-	}
-	createEffect(() => {
-		if (!open()) return;
-		const _rozieHandler = ($event) => {
-			if ($event.key !== "Escape") return;
-			dismiss();
-		};
-		document.addEventListener("keydown", _rozieHandler);
-		onCleanup(() => document.removeEventListener("keydown", _rozieHandler));
-	});
-	createOutsideClick([() => anchorElRef, () => floatingElRef], dismiss, () => open());
-	return <>
-    <div {...attrs} class={"rozie-popover" + (attrs.class ? " " + attrs.class : "")} data-rozie-s-c6cf02ea="">
-
-      
-      <div aria-haspopup="dialog" aria-expanded={!!open()} aria-describedby={rozieAttr(isTooltip() && open() ? "rozie-popover-floating" : null)} class={"rozie-popover-anchor"} ref={(el) => {
-		anchorElRef = el;
-	}} onClick={($event) => {
-		local.trigger === "click" && onAnchorClick();
-	}} onPointerEnter={($event) => {
-		local.trigger === "hover" && onAnchorPointerEnter();
-	}} onPointerLeave={($event) => {
-		local.trigger === "hover" && onAnchorPointerLeave();
-	}} onFocusIn={($event) => {
-		local.trigger === "focus" && onAnchorFocus();
-	}} onFocusOut={($event) => {
-		local.trigger === "focus" && onAnchorBlur();
-	}} data-rozie-s-c6cf02ea="">
-        {(_props.anchorSlot ?? _props.slots?.["anchor"])?.({
-		open: open(),
-		toggle,
-		show,
-		hide
-	})}
-      </div>
-
-      
-      {<Show when={open() && !local.disabled}><div class={"rozie-popover-floating"} ref={(el) => {
-		floatingElRef = el;
-	}} id="rozie-popover-floating" role={rozieAttr(floatingRole())} aria-modal={!!(floatingRole() === "dialog")} data-rozie-s-c6cf02ea="">
-        {<Show when={local.arrow}><div class={"rozie-popover-arrow"} ref={(el) => {
-		arrowElRef = el;
-	}} data-rozie-s-c6cf02ea="" /></Show>}{resolved()}
-      </div></Show>}</div>
-    </>;
-}
-//#endregion
 //#region src/DataTable.tsx
 __rozieInjectStyle("DataTable-d5dcab4c", `.rozie-data-table[data-rozie-s-d5dcab4c] {
   border-collapse: collapse;
@@ -1719,8 +1445,7 @@ function DataTable(_props) {
 		const base = pinStyle(colId);
 		if (isExpanderColumn(colId) && row && row.depth) {
 			const pad = "padding-left:" + (.5 + row.depth * 1.25) + "rem";
-			const sep = base.endsWith(";") ? "" : ";";
-			return base ? base + sep + pad : pad;
+			return base ? base + pad : pad;
 		}
 		return base;
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rozie-ui/data-table-solid",
-  "version": "0.1.1",
+  "version": "0.2.1",
   "type": "module",
   "private": false,
   "license": "MIT",
@@ -46,13 +46,13 @@
   ],
   "dependencies": {
     "@solid-primitives/keyed": "^1.5.3",
-    "@rozie/runtime-solid": "0.1.4"
+    "@rozie/runtime-solid": "0.2.0"
   },
   "peerDependencies": {
     "solid-js": "^1.8",
     "@tanstack/table-core": "^8.21",
     "@tanstack/virtual-core": "^3",
-    "@floating-ui/dom": "^1.7.2"
+    "@rozie-ui/popover-solid": "^0.1.0"
   },
   "peerDependenciesMeta": {
     "solid-js": {
@@ -64,13 +64,11 @@
     "@tanstack/virtual-core": {
       "optional": false
     },
-    "@floating-ui/dom": {
+    "@rozie-ui/popover-solid": {
       "optional": false
     }
   },
-  "devDependencies": {
-    "@floating-ui/dom": "^1.7.2"
-  },
+  "devDependencies": {},
   "publishConfig": {
     "access": "public"
   },

package/src/Column.tsx

@@ -44,7 +44,7 @@ interface ColumnProps {
   /**
    * The table-core aggregation for this column inside a group-header cell. Either a built-in name string — `'sum'` | `'min'` | `'max'` | `'extent'` | `'mean'` | `'median'` | `'unique'` | `'uniqueCount'` | `'count'` — or a custom function `(columnId, leafRows, childRows) => any` (defensively wrapped by the parent so a throw cannot crash grouping). Null → no aggregation (the group-header cell renders as a placeholder).
    */
-  aggregationFn?: (string | ((...args: unknown[]) => unknown)) | null;
+  aggregationFn?: (string | ((...args: any[]) => any)) | null;
   /**
    * Whether this column's cells are editable (opt-in). Default `false` → the column is read-only and the display↔editor branch never mounts an editor. Bind `:editable="true"` (a bare attr only coerces on Vue+Lit).
    */
@@ -60,11 +60,11 @@ interface ColumnProps {
   /**
    * Synchronous per-column validator `(value, row) => true | string`. A string return is the error message (the editor stays open and the aria-live region announces it). Null → no validation. The parent wraps it defensively against a thrown/non-bool/non-string return.
    */
-  validate?: ((...args: unknown[]) => unknown) | null;
+  validate?: ((...args: any[]) => any) | null;
 }
 
 export default function Column(_props: ColumnProps): JSX.Element {
-  const _merged = mergeProps({ id: '', field: '', header: '', sortable: false, filterable: false, pinned: '', width: '', expandable: false, groupable: true, aggregationFn: null, editable: false, editor: 'text', editorOptions: (() => [])(), validate: null }, _props);
+  const _merged = mergeProps({ id: '', field: '', header: '', sortable: false, filterable: false, pinned: '', width: '', expandable: false, groupable: true, aggregationFn: null, editable: false, editor: 'text', editorOptions: (() => [])() as any[], validate: null }, _props);
   const [local, attrs] = splitProps(_merged, ['id', 'field', 'header', 'sortable', 'filterable', 'pinned', 'width', 'expandable', 'groupable', 'aggregationFn', 'editable', 'editor', 'editorOptions', 'validate']);
 
   const registry = useContext(rozieContext("data-table:columns"));

package/src/DataTable.tsx

@@ -2,7 +2,7 @@ import type { JSX } from 'solid-js';
 import { Show, createEffect, createSignal, mergeProps, on, onCleanup, onMount, splitProps, untrack } from 'solid-js';
 import { Key } from '@solid-primitives/keyed';
 import { __rozieInjectStyle, createControllableSignal, parseInlineStyle, rozieAttr, rozieClass, rozieContext, rozieDisplay } from '@rozie/runtime-solid';
-import Popover from './Popover';
+import Popover from '@rozie-ui/popover-solid';
 import { createTable, getCoreRowModel, getSortedRowModel, getFilteredRowModel, getPaginationRowModel, getExpandedRowModel, getGroupedRowModel,
 // Faceted filtering (phase 50 reqs 8-9, D-03). All three are supplied UNCONDITIONALLY
 // (mirrors the expand/group models) — inert until a consumer READS a column facet via the
@@ -23,11 +23,6 @@ getFacetedUniqueValues as makeFacetedUniqueValues, getFacetedMinMaxValues as mak
 // by ALL virtual-core RUNTIME references sitting behind `if ($props.virtual)` / a `virtualizer`
 // guard so they never execute when off — the import token is the only static virtual-core
 // presence. NO per-framework adapter (the codegen guard forbids @tanstack/<fw>-virtual).
-// Vertical row windowing (phase 53). A3: this static import line is emitted UNCONDITIONALLY
-// (virtual-core is a peer dep the consumer installs); byte-identical-off (req-1) is satisfied
-// by ALL virtual-core RUNTIME references sitting behind `if ($props.virtual)` / a `virtualizer`
-// guard so they never execute when off — the import token is the only static virtual-core
-// presence. NO per-framework adapter (the codegen guard forbids @tanstack/<fw>-virtual).
 import { Virtualizer, elementScroll, observeElementRect, observeElementOffset, measureElement } from '@tanstack/virtual-core';
 
 // table-core instance — top-level `let` referenced from hooks → React hoists to
@@ -425,7 +420,7 @@ interface DataTableProps {
   /**
    * Table-level child-row accessor `(originalRow, index) => TData[] | undefined` that drives nested sub-rows. When supplied (with `expandable`), table-core flattens the hierarchy and the expand seam reveals depth-indented child rows. Null → the `#detail` scoped slot is the expand mode.
    */
-  getSubRows?: ((...args: unknown[]) => unknown) | null;
+  getSubRows?: ((...args: any[]) => any) | null;
   /**
    * Opt-in gate for the **headless `#groupBar`** host region. Default `false` is byte-identical-off. `getGroupedRowModel` is wired unconditionally (inert when `grouping` is empty), so grouping is driven by the `grouping` model; this flag only gates the consumer-facing group-bar surface (the component ships **no** built-in drag UI).
    */
@@ -565,7 +560,7 @@ export interface DataTableHandle {
 }
 
 export default function DataTable(_props: DataTableProps): JSX.Element {
-  const _merged = mergeProps({ columns: (() => [])(), selectionMode: 'none', manual: false, rowCount: null, pageCount: null, expandable: false, getSubRows: null, groupable: false, stickyHeader: false, interactionMode: 'table', singleClickEdit: false, undoable: false, undoLimit: 100, virtual: false, estimateRowHeight: 40, maxHeight: '' }, _props);
+  const _merged = mergeProps({ columns: (() => [])() as any[], selectionMode: 'none', manual: false, rowCount: null, pageCount: null, expandable: false, getSubRows: null, groupable: false, stickyHeader: false, interactionMode: 'table', singleClickEdit: false, undoable: false, undoLimit: 100, virtual: false, estimateRowHeight: 40, maxHeight: '' }, _props);
   const [local, attrs] = splitProps(_merged, ['data', 'columns', 'selectionMode', 'sorting', 'globalFilter', 'columnFilters', 'pagination', 'manual', 'rowCount', 'pageCount', 'expandable', 'expanded', 'getSubRows', 'groupable', 'grouping', 'rowSelection', 'columnVisibility', 'columnSizing', 'columnOrder', 'columnPinning', 'stickyHeader', 'interactionMode', 'singleClickEdit', 'undoable', 'undoLimit', 'virtual', 'estimateRowHeight', 'maxHeight', 'children', 'ref']);
   const resolved = () => local.children;
   onMount(() => { local.ref?.({ sortColumn, clearSorting, toggleRowExpanded, expandAll, collapseAll, getExpandedRows, applyGrouping, clearGrouping, getFacetedUniqueValues, getFacetedMinMaxValues, getColumnDefs, toggleAllRows, clearSelection, getSelectedRows, setPage, setRowsPerPage, toggleColumnVisibility, applyColumnOrder, resetColumnSizing, pinColumn, focusCell, getActiveCell, clearActiveCell, getRowIndexRelativeToPage, editCell, commitEditing, editRow, getSelectedRange, cut, undo, redo, canUndo, canRedo, clearHistory }); });
@@ -579,8 +574,8 @@ export default function DataTable(_props: DataTableProps): JSX.Element {
     pageIndex: 0,
     pageSize: 10
   }))());
-  const [expanded, setExpanded] = createControllableSignal<Record<string, any> | boolean>(_props as unknown as Record<string, unknown>, 'expanded', null);
-  const [grouping, setGrouping] = createControllableSignal<any[]>(_props as unknown as Record<string, unknown>, 'grouping', null);
+  const [expanded, setExpanded] = createControllableSignal<Record<string, any> | boolean | null>(_props as unknown as Record<string, unknown>, 'expanded', null);
+  const [grouping, setGrouping] = createControllableSignal<any[] | null>(_props as unknown as Record<string, unknown>, 'grouping', null);
   const [rowSelection, setRowSelection] = createControllableSignal<Record<string, any>>(_props as unknown as Record<string, unknown>, 'rowSelection', (() => ({}))());
   const [columnVisibility, setColumnVisibility] = createControllableSignal<Record<string, any>>(_props as unknown as Record<string, unknown>, 'columnVisibility', (() => ({}))());
   const [columnSizing, setColumnSizing] = createControllableSignal<Record<string, any>>(_props as unknown as Record<string, unknown>, 'columnSizing', (() => ({}))());
@@ -2606,15 +2601,9 @@ export default function DataTable(_props: DataTableProps): JSX.Element {
   function bodyCellStyle(row: any, colId: any) {
     const base = pinStyle(colId);
     if (isExpanderColumn(colId) && row && row.depth) {
+      // Only the expander column indents (the tree affordance lives here).
       const pad = 'padding-left:' + (0.5 + row.depth * 1.25) + 'rem';
-      // pinStyle() already ends with ';', so append `pad` directly — inserting a
-      // second ';' produces a `;;` empty declaration. Browsers tolerate that in a
-      // raw style attribute (React/Vue/Svelte/Lit) and Solid's cssText path does
-      // too, but Angular's [style] binding parses the string via ɵɵstyleMap and
-      // DROPS the declaration following the empty one — so the depth padding-left
-      // silently vanished on Angular only. Emit a single, well-formed separator.
-      const sep = base.endsWith(';') ? '' : ';';
-      return base ? base + sep + pad : pad;
+      return base ? base + pad : pad;
     }
     return base;
   }

package/src/EditorCheckbox.tsx

@@ -21,11 +21,11 @@ interface EditorCheckboxProps {
   /**
    * `(value) => void` — commit the cell. This editor immediately commits the boolean checked state on `@change`. Null-guarded at call sites.
    */
-  commit?: ((...args: unknown[]) => unknown) | null;
+  commit?: ((...args: any[]) => any) | null;
   /**
    * `() => void` — revert the edit (Escape). Null-guarded at call sites.
    */
-  cancel?: ((...args: unknown[]) => unknown) | null;
+  cancel?: ((...args: any[]) => any) | null;
 }
 
 export default function EditorCheckbox(_props: EditorCheckboxProps): JSX.Element {

package/src/EditorDate.tsx

@@ -21,11 +21,11 @@ interface EditorDateProps {
   /**
    * `(value) => void` — commit the cell with the ISO `YYYY-MM-DD` string (Enter / blur). Null-guarded at call sites.
    */
-  commit?: ((...args: unknown[]) => unknown) | null;
+  commit?: ((...args: any[]) => any) | null;
   /**
    * `() => void` — revert the edit (Escape). Null-guarded at call sites.
    */
-  cancel?: ((...args: unknown[]) => unknown) | null;
+  cancel?: ((...args: any[]) => any) | null;
 }
 
 export default function EditorDate(_props: EditorDateProps): JSX.Element {

package/src/EditorNumber.tsx

@@ -21,11 +21,11 @@ interface EditorNumberProps {
   /**
    * `(value) => void` — commit the cell. The draft is coerced with `Number()` at commit time; an empty/whitespace or non-numeric draft commits `null` (never `NaN`). Null-guarded at call sites.
    */
-  commit?: ((...args: unknown[]) => unknown) | null;
+  commit?: ((...args: any[]) => any) | null;
   /**
    * `() => void` — revert the edit (Escape). Null-guarded at call sites.
    */
-  cancel?: ((...args: unknown[]) => unknown) | null;
+  cancel?: ((...args: any[]) => any) | null;
 }
 
 export default function EditorNumber(_props: EditorNumberProps): JSX.Element {

package/src/EditorSelect.tsx

@@ -23,11 +23,11 @@ interface EditorSelectProps {
   /**
    * `(value) => void` — commit the cell with the selected value (Enter / blur). Null-guarded at call sites.
    */
-  commit?: ((...args: unknown[]) => unknown) | null;
+  commit?: ((...args: any[]) => any) | null;
   /**
    * `() => void` — revert the edit (Escape). Null-guarded at call sites.
    */
-  cancel?: ((...args: unknown[]) => unknown) | null;
+  cancel?: ((...args: any[]) => any) | null;
   /**
    * The select options — `[{ value, label }]`. Mirrors `<Column editorOptions>`.
    */
@@ -35,7 +35,7 @@ interface EditorSelectProps {
 }
 
 export default function EditorSelect(_props: EditorSelectProps): JSX.Element {
-  const _merged = mergeProps({ columnId: '', column: null, row: null, value: null, commit: null, cancel: null, options: (() => [])() }, _props);
+  const _merged = mergeProps({ columnId: '', column: null, row: null, value: null, commit: null, cancel: null, options: (() => [])() as any[] }, _props);
   const [local, attrs] = splitProps(_merged, ['columnId', 'column', 'row', 'value', 'commit', 'cancel', 'options']);
 
   const [draft, setDraft] = createSignal('');

package/src/EditorText.tsx

@@ -21,11 +21,11 @@ interface EditorTextProps {
   /**
    * `(value) => void` — commit the edited cell value (from the `#editor` slot scope). Null-guarded at call sites.
    */
-  commit?: ((...args: unknown[]) => unknown) | null;
+  commit?: ((...args: any[]) => any) | null;
   /**
    * `() => void` — revert the edit and close the editor (from the `#editor` slot scope). Null-guarded at call sites.
    */
-  cancel?: ((...args: unknown[]) => unknown) | null;
+  cancel?: ((...args: any[]) => any) | null;
   /**
    * Focus this editor's primary input when true — the host sets it for the one editor that should hold focus; reactive.
    */

package/src/FilterNumberRange.tsx

@@ -18,7 +18,7 @@ interface FilterNumberRangeProps {
   /**
    * `(columnId, value) => void` — apply the column filter as a `[min, max]` tuple (each side coerced to a Number or `undefined`, so a one-sided range works); both empty clears the filter. Null-guarded at call sites.
    */
-  setFilter?: ((...args: unknown[]) => unknown) | null;
+  setFilter?: ((...args: any[]) => any) | null;
   /**
    * The faceted `[min, max]` bounds for this column (`[number, number]` or null) — drives the input placeholders only.
    */

package/src/FilterSelect.tsx

@@ -19,7 +19,7 @@ interface FilterSelectProps {
   /**
    * `(columnId, value) => void` — apply the column filter on change; the leading empty "All" option clears it. Null-guarded at call sites.
    */
-  setFilter?: ((...args: unknown[]) => unknown) | null;
+  setFilter?: ((...args: any[]) => any) | null;
   /**
    * The faceted distinct keys for this column (cross-filtered, keys only — no occurrence counts) used to build the `<option>` list.
    */
@@ -27,7 +27,7 @@ interface FilterSelectProps {
 }
 
 export default function FilterSelect(_props: FilterSelectProps): JSX.Element {
-  const _merged = mergeProps({ columnId: '', column: null, value: null, setFilter: null, uniqueValues: (() => [])() }, _props);
+  const _merged = mergeProps({ columnId: '', column: null, value: null, setFilter: null, uniqueValues: (() => [])() as any[] }, _props);
   const [local, attrs] = splitProps(_merged, ['columnId', 'column', 'value', 'setFilter', 'uniqueValues']);
 
   // The <select> value binding coerced to a string. $props.value is typed `unknown`

package/src/FilterText.tsx

@@ -17,7 +17,7 @@ interface FilterTextProps {
   /**
    * `(columnId, value) => void` — apply the column filter (Enter / blur applies, Escape clears). Null-guarded at call sites.
    */
-  setFilter?: ((...args: unknown[]) => unknown) | null;
+  setFilter?: ((...args: any[]) => any) | null;
 }
 
 export default function FilterText(_props: FilterTextProps): JSX.Element {

package/src/GroupBar.tsx

@@ -73,15 +73,15 @@ interface GroupBarProps {
   /**
    * `(cols: string[]) => void` — the only add/reorder writer for the grouping order. Null-guarded at call sites.
    */
-  applyGrouping?: ((...args: unknown[]) => unknown) | null;
+  applyGrouping?: ((...args: any[]) => any) | null;
   /**
    * `() => void` — the only clear writer; resets grouping to empty. Null-guarded at call sites.
    */
-  clearGrouping?: ((...args: unknown[]) => unknown) | null;
+  clearGrouping?: ((...args: any[]) => any) | null;
 }
 
 export default function GroupBar(_props: GroupBarProps): JSX.Element {
-  const _merged = mergeProps({ grouping: (() => [])(), groupableColumns: (() => [])(), applyGrouping: null, clearGrouping: null }, _props);
+  const _merged = mergeProps({ grouping: (() => [])() as any[], groupableColumns: (() => [])() as any[], applyGrouping: null, clearGrouping: null }, _props);
   const [local, attrs] = splitProps(_merged, ['grouping', 'groupableColumns', 'applyGrouping', 'clearGrouping']);
 
   const [draggingId, setDraggingId] = createSignal('');