loon-bulma-react 2026.0.53 → 2026.0.54

package/dist/index.js

@@ -16445,15 +16445,22 @@ function Ly({ hour: e }) {
 	});
 }
 function Ry({ events: e, hour: n, date: r, onEventClick: i, onCellClick: a, options: o, lastVisibleHour: s }) {
-	let c = t.useRef(null), [l, u] = t.useState((document.body.clientWidth - Iy) / 8);
-	return t.useEffect(() => {
-		function t() {
-			!c.current || e.length === 0 || u((c.current.offsetWidth - Iy) / e.length);
+	let c = t.useRef(null), [l, u] = t.useState(0), d = t.useCallback(() => {
+		let t = c.current?.offsetWidth ?? 0;
+		if (e.length === 0 || t <= 0) {
+			u(0);
+			return;
 		}
-		return window.addEventListener("resize", t), () => {
-			window.removeEventListener("resize", t);
+		let n = Math.max(0, t - Iy);
+		u(n / e.length);
+	}, [e.length]);
+	return t.useEffect(() => {
+		d();
+		let e = c.current, t = e ? new ResizeObserver(d) : null;
+		return e && t?.observe(e), window.addEventListener("resize", d), () => {
+			t?.disconnect(), window.removeEventListener("resize", d);
 		};
-	}, [e.length]), /* @__PURE__ */ b("div", {
+	}, [d]), /* @__PURE__ */ b("div", {
 		className: "calendar-time-slot",
 		ref: c,
 		onClick: (e) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "loon-bulma-react",
   "private": false,
-  "version": "2026.0.53",
+  "version": "2026.0.54",
   "description": "Bulma & React componenten voor Loon Salarissoftware",
   "type": "module",
   "license": "MIT",