@bysages/solid 0.2.0 → 0.2.1

package/dist/index.mjs

@@ -4716,24 +4716,30 @@ function DataTable(props) {
 	const rows = createMemo(() => table.getRowModel().rows);
 	/** The declared row height is the density-scale baseline; the live
 	* scale comes off the document so the virtual window matches what CSS
-	* actually renders. */
+	* actually renders. It is read once and re-read only when the density
+	* or scene attribute moves — estimateSize runs on every scroll frame. */
 	const baseRowHeight = () => props.rowHeight ?? 40;
-	const densityScale = () => {
+	let densityScale = 1;
+	const readDensityScale = () => {
 		const value = Number(getComputedStyle(document.documentElement).getPropertyValue("--bs-density-scale"));
-		return Number.isFinite(value) && value > 0 ? value : 1;
+		densityScale = Number.isFinite(value) && value > 0 ? value : 1;
 	};
 	const virtualizer = createVirtualizer({
 		get count() {
 			return rows().length;
 		},
 		getScrollElement: () => viewport(),
-		estimateSize: () => baseRowHeight() * densityScale(),
+		estimateSize: () => baseRowHeight() * densityScale,
 		getItemKey: (index) => rows()[index]?.id ?? index,
 		overscan: 8
 	});
 	onMount(() => {
 		if (typeof MutationObserver === "undefined") return;
-		const densityObserver = new MutationObserver(() => virtualizer.measure());
+		readDensityScale();
+		const densityObserver = new MutationObserver(() => {
+			readDensityScale();
+			virtualizer.measure();
+		});
 		densityObserver.observe(document.documentElement, {
 			attributes: true,
 			attributeFilter: ["data-density", "data-scene"]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bysages/solid",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "By Sages Elements components for Solid — styled by the paper-and-ink design tokens",
   "keywords": [
     "accessible",
@@ -47,7 +47,7 @@
     "@tanstack/solid-virtual": "3.13.40",
     "@zag-js/cascade-select": "1.44.0",
     "@zag-js/solid": "1.44.0",
-    "@bysages/core": "0.2.0"
+    "@bysages/core": "0.2.1"
   },
   "devDependencies": {
     "ai": "7.0.107",