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

package/README.md

@@ -8,7 +8,7 @@ Idiomatic **solid** `DataTable` — a headless, fully-accessible (WAI-ARIA) data
 npm i @rozie-ui/data-table-solid
 ```
 
-Peer dependencies: `solid-js + @tanstack/table-core + @tanstack/virtual-core + @floating-ui/dom`. Install them alongside this package.
+Peer dependencies: `solid-js + @tanstack/table-core + @tanstack/virtual-core + @rozie-ui/popover-solid`. Install them alongside this package.
 
 ## Usage
 

package/dist/index.cjs

@@ -2,286 +2,35 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
 let Solid_js = require("solid-js");
 let _solid_primitives_keyed = require("@solid-primitives/keyed");
 let _rozie_runtime_solid = require("@rozie/runtime-solid");
-let _floating_ui_dom = require("@floating-ui/dom");
+let _rozie_ui_popover_solid = require("@rozie-ui/popover-solid");
+_rozie_ui_popover_solid = __toESM(_rozie_ui_popover_solid);
 let _tanstack_table_core = require("@tanstack/table-core");
 let _tanstack_virtual_core = require("@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
-(0, _rozie_runtime_solid.__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] = (0, Solid_js.splitProps)((0, Solid_js.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 = (0, Solid_js.children)(() => local.children);
-	(0, Solid_js.onMount)(() => {
-		local.ref?.({
-			show,
-			hide,
-			toggle,
-			reposition
-		});
-	});
-	const [open, setOpen] = (0, _rozie_runtime_solid.createControllableSignal)(_props, "open", false);
-	(0, Solid_js.onMount)(() => {
-		const _cleanup = (() => {
-			anchorNode = anchorElRef;
-			if (open() && !local.disabled) {
-				floatingNode = floatingElRef;
-				arrowNode = arrowElRef;
-				startTracking();
-			}
-		})();
-		if (_cleanup) (0, Solid_js.onCleanup)(_cleanup);
-		(0, Solid_js.onCleanup)(() => {
-			stopTracking();
-		});
-	});
-	(0, Solid_js.createEffect)((0, Solid_js.on)(() => open(), (v) => (0, Solid_js.untrack)(() => ((isOpen) => {
-		if (isOpen && !local.disabled) queueMicrotask(() => {
-			if (!open() || local.disabled) return;
-			floatingNode = floatingElRef;
-			arrowNode = arrowElRef;
-			startTracking();
-		});
-		else stopTracking();
-	})(v)), { defer: true }));
-	(0, Solid_js.createEffect)((0, Solid_js.on)(() => local.placement, (v) => (0, Solid_js.untrack)(() => (() => {
-		if (open()) position();
-	})()), { defer: true }));
-	(0, Solid_js.createEffect)((0, Solid_js.on)(() => local.offset, (v) => (0, Solid_js.untrack)(() => (() => {
-		if (open()) position();
-	})()), { defer: true }));
-	(0, Solid_js.createEffect)((0, Solid_js.on)(() => local.disableFlip, (v) => (0, Solid_js.untrack)(() => (() => {
-		if (open()) position();
-	})()), { defer: true }));
-	(0, Solid_js.createEffect)((0, Solid_js.on)(() => local.disableShift, (v) => (0, Solid_js.untrack)(() => (() => {
-		if (open()) position();
-	})()), { defer: true }));
-	(0, Solid_js.createEffect)((0, Solid_js.on)(() => local.strategy, (v) => (0, Solid_js.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: _floating_ui_dom.offset,
-			flip: _floating_ui_dom.flip,
-			shift: _floating_ui_dom.shift,
-			arrow: _floating_ui_dom.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
-		};
-		(0, _floating_ui_dom.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 = (0, _floating_ui_dom.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();
-	}
-	(0, Solid_js.createEffect)(() => {
-		if (!open()) return;
-		const _rozieHandler = ($event) => {
-			if ($event.key !== "Escape") return;
-			dismiss();
-		};
-		document.addEventListener("keydown", _rozieHandler);
-		(0, Solid_js.onCleanup)(() => document.removeEventListener("keydown", _rozieHandler));
-	});
-	(0, _rozie_runtime_solid.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={(0, _rozie_runtime_solid.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>
-
-      
-      {<Solid_js.Show when={open() && !local.disabled}><div class={"rozie-popover-floating"} ref={(el) => {
-		floatingElRef = el;
-	}} id="rozie-popover-floating" role={(0, _rozie_runtime_solid.rozieAttr)(floatingRole())} aria-modal={!!(floatingRole() === "dialog")} data-rozie-s-c6cf02ea="">
-        {<Solid_js.Show when={local.arrow}><div class={"rozie-popover-arrow"} ref={(el) => {
-		arrowElRef = el;
-	}} data-rozie-s-c6cf02ea="" /></Solid_js.Show>}{resolved()}
-      </div></Solid_js.Show>}</div>
-    </>;
-}
-//#endregion
 //#region src/DataTable.tsx
 (0, _rozie_runtime_solid.__rozieInjectStyle)("DataTable-d5dcab4c", `.rozie-data-table[data-rozie-s-d5dcab4c] {
   border-collapse: collapse;
@@ -1723,8 +1472,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;
 	}
@@ -3958,7 +3706,7 @@ function DataTable(_props) {
 	}) ?? (0, _rozie_runtime_solid.rozieDisplay)(headerLabel(header().column.id))}
                 </span>
                 <span class={"rdt-sort-ind"} aria-hidden="true" data-rozie-s-d5dcab4c="">{(0, _rozie_runtime_solid.rozieDisplay)(sortIndicator(header().column.id))}</span>
-              </button></Solid_js.Show>}<Popover trigger="click" placement="bottom-end" strategy="fixed" offset={4} data-rozie-s-d5dcab4c="" anchorSlot={() => <>
+              </button></Solid_js.Show>}<_rozie_ui_popover_solid.default trigger="click" placement="bottom-end" strategy="fixed" offset={4} data-rozie-s-d5dcab4c="" anchorSlot={() => <>
                   <button type="button" class={"rdt-col-menu-trigger"} aria-label={(0, _rozie_runtime_solid.rozieAttr)("Column options for " + headerLabel(header().column.id))} data-rozie-s-d5dcab4c="">⋯</button>
                 </>}><div class={"rdt-col-menu"} role="menu" data-rozie-s-d5dcab4c="">
                   <button type="button" role="menuitem" aria-pressed={columnPinSide(header().column.id) === "left"} class={"rdt-col-menu-item"} onClick={($event) => {
@@ -3974,7 +3722,7 @@ function DataTable(_props) {
                   <button type="button" role="menuitem" class={"rdt-col-menu-item"} onClick={($event) => {
 		onHideColumn(header().column.id, $event);
 	}} data-rozie-s-d5dcab4c="">Hide column</button>
-                </div></Popover>
+                </div></_rozie_ui_popover_solid.default>
               
               <button type="button" aria-label={(0, _rozie_runtime_solid.rozieAttr)("Resize " + headerLabel(header().column.id))} class={"rdt-resize-handle"} onPointerDown={($event) => {
 		onResizeStart(header().column.id, $event);
@@ -4142,7 +3890,7 @@ function DataTable(_props) {
 	}) ?? (0, _rozie_runtime_solid.rozieDisplay)(headerLabel(header().column.id))}
                 </span>
                 <span class={"rdt-sort-ind"} aria-hidden="true" data-rozie-s-d5dcab4c="">{(0, _rozie_runtime_solid.rozieDisplay)(sortIndicator(header().column.id))}</span>
-              </button></Solid_js.Show>}<Popover trigger="click" placement="bottom-end" strategy="fixed" offset={4} data-rozie-s-d5dcab4c="" anchorSlot={() => <>
+              </button></Solid_js.Show>}<_rozie_ui_popover_solid.default trigger="click" placement="bottom-end" strategy="fixed" offset={4} data-rozie-s-d5dcab4c="" anchorSlot={() => <>
                   <button type="button" class={"rdt-col-menu-trigger"} aria-label={(0, _rozie_runtime_solid.rozieAttr)("Column options for " + headerLabel(header().column.id))} data-rozie-s-d5dcab4c="">⋯</button>
                 </>}><div class={"rdt-col-menu"} role="menu" data-rozie-s-d5dcab4c="">
                   <button type="button" role="menuitem" aria-pressed={columnPinSide(header().column.id) === "left"} class={"rdt-col-menu-item"} onClick={($event) => {
@@ -4158,7 +3906,7 @@ function DataTable(_props) {
                   <button type="button" role="menuitem" class={"rdt-col-menu-item"} onClick={($event) => {
 		onHideColumn(header().column.id, $event);
 	}} data-rozie-s-d5dcab4c="">Hide column</button>
-                </div></Popover>
+                </div></_rozie_ui_popover_solid.default>
               <button type="button" aria-label={(0, _rozie_runtime_solid.rozieAttr)("Resize " + headerLabel(header().column.id))} class={"rdt-resize-handle"} onPointerDown={($event) => {
 		onResizeStart(header().column.id, $event);
 	}} onTouchStart={($event) => {

package/dist/index.d.cts

@@ -113,7 +113,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).
    */
@@ -294,7 +294,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).
    */
@@ -310,7 +310,7 @@ 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;
 }
 declare function Column(_props: ColumnProps): JSX.Element;
 //#endregion
@@ -335,11 +335,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.
    */
@@ -368,11 +368,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;
 }
 declare function EditorNumber(_props: EditorNumberProps): JSX.Element;
 //#endregion
@@ -397,11 +397,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>`.
    */
@@ -430,11 +430,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;
 }
 declare function EditorCheckbox(_props: EditorCheckboxProps): JSX.Element;
 //#endregion
@@ -459,11 +459,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;
 }
 declare function EditorDate(_props: EditorDateProps): JSX.Element;
 //#endregion
@@ -484,7 +484,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;
 }
 declare function FilterText(_props: FilterTextProps): JSX.Element;
 //#endregion
@@ -505,7 +505,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.
    */
@@ -530,7 +530,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.
    */
@@ -551,11 +551,11 @@ 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;
 }
 declare function GroupBar(_props: GroupBarProps): JSX.Element;
 //#endregion

package/dist/index.d.mts

@@ -113,7 +113,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).
    */
@@ -294,7 +294,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).
    */
@@ -310,7 +310,7 @@ 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;
 }
 declare function Column(_props: ColumnProps): JSX.Element;
 //#endregion
@@ -335,11 +335,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.
    */
@@ -368,11 +368,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;
 }
 declare function EditorNumber(_props: EditorNumberProps): JSX.Element;
 //#endregion
@@ -397,11 +397,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>`.
    */
@@ -430,11 +430,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;
 }
 declare function EditorCheckbox(_props: EditorCheckboxProps): JSX.Element;
 //#endregion
@@ -459,11 +459,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;
 }
 declare function EditorDate(_props: EditorDateProps): JSX.Element;
 //#endregion
@@ -484,7 +484,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;
 }
 declare function FilterText(_props: FilterTextProps): JSX.Element;
 //#endregion
@@ -505,7 +505,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.
    */
@@ -530,7 +530,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.
    */
@@ -551,11 +551,11 @@ 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;
 }
 declare function GroupBar(_props: GroupBarProps): JSX.Element;
 //#endregion