@bysages/react 0.2.0 → 0.2.1

package/dist/index.mjs

@@ -3570,21 +3570,24 @@ function DataTable(rawProps) {
 	const rows = 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. */
-	const densityScale = () => {
+	* actually renders. It is read once and re-read only when the density
+	* or scene attribute moves — estimateSize runs on every scroll frame. */
+	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 = useVirtualizer({
 		count: rows.length,
 		getScrollElement: () => viewport.current,
-		estimateSize: () => rowHeight * densityScale(),
+		estimateSize: () => rowHeight * densityScale,
 		getItemKey: (index) => rows[index]?.id ?? index,
 		overscan: 8
 	});
 	const [, rerender] = useReducer((count) => count + 1, 0);
 	useEffect(() => {
 		if (!virtual) return;
+		readDensityScale();
 		const observer = new MutationObserver(rerender);
 		observer.observe(document.documentElement, {
 			attributes: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bysages/react",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "By Sages Elements components for React — styled by the paper-and-ink design tokens",
   "keywords": [
     "accessible",
@@ -47,7 +47,7 @@
     "@tanstack/react-virtual": "3.14.13",
     "@zag-js/cascade-select": "1.44.0",
     "@zag-js/react": "1.44.0",
-    "@bysages/core": "0.2.0"
+    "@bysages/core": "0.2.1"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "10.6.0",