@dashfoo/react 0.6.3 → 0.6.4

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/hooks/persistence.ts","../src/components/dashfoo-layout.tsx","../src/components/drag-root.tsx","../src/hooks/drag-hooks.tsx","../src/components/drag-adapter.tsx","../src/components/float-layer.tsx","../src/components/layout-root.tsx","../src/components/row-view.tsx","../src/components/tabset/tabset-view.tsx","../src/components/layout.tsx","../src/components/panel.tsx","../src/components/tabset/tabset-tab-controls.tsx","../src/components/tabset/tabset-content.tsx","../src/components/tabset/tabset-toolbar.tsx","../src/components/tabset/tabset-root.tsx","../src/components/tabset/tabset-tab.tsx","../src/components/tabset/tabset-tablist.tsx","../src/components/tabset/tabset.ts","../src/components/tab-overflow.tsx","../src/components/tabset/tabset-store.ts","../src/hooks/layout-store.ts","../src/hooks/responsive.ts","../src/hooks/store.ts"],"mappings":";;;;;KAMK;EACH,UAAU;EACV,aAAa;EACb,UAAU,aAAa;;cAGnB,4BAA2B;cAa3B,qBAAqB;KAkCtB;EACH;EACA;EACA,SAAS;;KAGN;EACH;EAEA,cAAc;EACd,OAAO,OAAO;;cAGV,iBACJ,QAAQ,sBACR,cAAc,wBACb;;;KCjDE;EAA0B;EAAqB;EAAa,UAAU;;KAmBtE,eAAe;EAAgB,MAAM;;KAIrC;EACH,SACE,KAAK,SACL;IAAU;IAAgB,WAAW;IAAc;;EAErD;EACA;EACA,WAAW;EACX,WAAW,QAAQ;EAEnB,YAAY;EAEZ,WAAW;EACX,gBAAgB;EAChB,iBAAiB;EACjB;EACA,YAAY,eAAe;EAE3B;EACA,YAAY,kBAAkB;EAC9B;;KAGG;EACH;EACA,aAAa,eAAe;EAC5B,eAAe;EACf;EACA;EAEA;EACA,WAAW,KAAK,YAAY;EAE5B;EACA;EACA;EACA,QAAQ;EACR,YAAY,QAAQ,WAAW;EAC/B,wBAAwB;EACxB,2BAA2B;EAC3B,iBAAiB,OAAO,SAAS,SAAS;EAC1C,UAAU;EACV;EACA,kBAAkB,KAAK,YAAY;EACnC,uBAAuB,QAAQ,eAAe;EAE9C;EACA;IAAe;IAAkB,cAAc;;EAE/C,OAAO;;cAGH,+BAAa,0BAAA,qCAAA,cAAA;;;cCvFb,wBAAuB;EAAgB,UAAU;MAAc;;;KCkLhE;EACH,iBAAiB;EACjB;EACA;;cAGI,yBAAwB,WAAA,UAAA,SAI3B;EAA6B,MAAM,SAAS;;cAczC,sBAAqB;cAKrB,qBAAoB;;;KC7HrB;EACH,UAAU;EAEV,YAAY,QAAQ;EAEpB;;;;KCzDG;EACH,UAAU;EACV,QAAQ,MAAM;EACd,QAAQ;;;;KClCL,kBAAkB,KAAK;EAC1B,UAAU;EACV;EACA,WAAW,QAAQ;EACnB;EACA;EAEA;EAEA;EACA;EACA;EACA,OAAO;EACP;EACA,YAAY,KAAK,YAAY;EAC7B,kBAAkB,KAAK,YAAY;EACnC,uBAAuB,QAAQ,eAAe;EAC9C;EAEA,UAAU,IAAI;EAEd,OAAO;;;;KCoDJ;EACH,MAAM;EAEN,gBAAgB,MAAM,eAAe;;;;KCZlC;EAAoB,MAAM;;;;cCrEzB;;;;;;;;;KCJD,iBAAiB;KACjB,mBAAmB;KACnB,iBAAiB;KACjB,kBAAkB;KAClB,iBAAiB;KACjB,kBAAkB;cAmBjB;0BAJqB,oBAAkB;yBATnB,mBAAiB;2BAHf,qBAAmB;yBASrB,mBAAiB;yBAVjB,mBAAiB;0BAOhB,oBAAkB;;;;KCPxC,yBAAyB;KA0DzB,yBAAyB;;;KC9CzB,qBAAqB,KAAK;EAC7B,YAAY,KAAK,YAAY;;;;KCF1B,qBAAqB;KAMrB,kBAAkB;KA6BlB,4BAA4B;KAmC5B,yBAAyB;;;KCnEzB,kBAAkB;EAA0B,MAAM;;;;KCXlD,iBAAiB;EAA2B,KAAK;;KAiDjD,qBAAqB;;;KClDrB,sBAAsB;KAMtB,qBAAqB;;;cCJpB;;;;;;;;;;;;;;;;;KCKD;EAAiB;EAAY;;;;KCT7B;EACH,WAAW;EACX;EACA,WAAW;EACX,eAAe,eAAe;EAC9B,WAAW,QAAQ;EACnB;EACA;EACA,MAAM;EACN,eAAe,MAAM;EACrB;EACA,kBAAkB,SAAS;EAC3B;EACA,YAAY,eAAe;EAC3B;EACA,oBAAoB;EACpB,YAAY,eAAe;IAAY;;EACvC;EACA,eAAe;EACf,gBAAgB;EAChB;EACA;EACA;EACA;;cA8GI,YAAa,GAAG,WAAW,OAAO,gBAAgB,MAAI;KAQvD;EAAoB;EAAe,KAAK;;cAIvC,cAAa;;;KCpJd;EACH;EACA,WAAW,QAAQ;EACnB;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA,YAAY,KAAK,YAAY;EAC7B,kBAAkB,KAAK,YAAY;EACnC,uBAAuB,QAAQ,eAAe;EAC9C;EAEA,MAAM;EACN;EACA;EACA;EACA;;cAUI,YAAa,GAAG,WAAW,OAAO,gBAAgB,MAAI;;;KClCvD;EACH;EACA;EACA,OAAO;EACP;IAAU;;IAAuB;;;KAG9B;EAA8B,aAAa,MAAM;;KAEjD;EACH;EACA,eAAe,SAAS;EACxB;EACA;EACA;EACA,OAAO;EACP;;cAMI,kBAAmB,YAAY,YAAY;cAW3C,mBAAoB,aAAa,MAAM,aAAa,kBAAgB;cAQpE,2BAA0B,SAAS;cA6BnC,uBAAsB,eAAiB,8BAA4B;;;KCpEpE;EACH;EACA;EACA,WAAW,QAAQ;EACnB,OAAO;EACP;EACA,WAAW,OAAO;EAClB;;KAGG;EACH,eAAe;EACf,QAAQ;EACR,YAAY,QAAQ,WAAW;EAC/B,wBAAwB;EACxB,2BAA2B;EAC3B,iBAAiB,OAAO,SAAS,SAAS;;cAGtC,kBAAmB,SAAS,2BAAyB"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/hooks/persistence.ts","../src/components/dashfoo-layout.tsx","../src/components/drag-root.tsx","../src/hooks/drag-hooks.tsx","../src/components/drag-adapter.tsx","../src/components/float-layer.tsx","../src/components/layout-root.tsx","../src/components/row-view.tsx","../src/components/tabset/tabset-view.tsx","../src/components/layout.tsx","../src/components/panel.tsx","../src/components/tabset/tabset-tab-controls.tsx","../src/components/tabset/tabset-content.tsx","../src/components/tabset/tabset-toolbar.tsx","../src/components/tabset/tabset-root.tsx","../src/components/tabset/tabset-tab.tsx","../src/components/tabset/tabset-tablist.tsx","../src/components/tabset/tabset.ts","../src/components/tab-overflow.tsx","../src/components/tabset/tabset-store.ts","../src/hooks/layout-store.ts","../src/hooks/responsive.ts","../src/hooks/store.ts"],"mappings":";;;;;KAMK;EACH,UAAU;EACV,aAAa;EACb,UAAU,aAAa;;cAGnB,4BAA2B;cAa3B,qBAAqB;KAkCtB;EACH;EACA;EACA,SAAS;;KAGN;EACH;EAEA,cAAc;EACd,OAAO,OAAO;;cAGV,iBACJ,QAAQ,sBACR,cAAc,wBACb;;;KCjDE;EAA0B;EAAqB;EAAa,UAAU;;KAmBtE,eAAe;EAAgB,MAAM;;KAIrC;EACH,SACE,KAAK,SACL;IAAU;IAAgB,WAAW;IAAc;;EAErD;EACA;EACA,WAAW;EACX,WAAW,QAAQ;EAEnB,YAAY;EAEZ,WAAW;EACX,gBAAgB;EAChB,iBAAiB;EACjB;EACA,YAAY,eAAe;EAE3B;EACA,YAAY,kBAAkB;EAC9B;;KAGG;EACH;EACA,aAAa,eAAe;EAC5B,eAAe;EACf;EACA;EAEA;EACA,WAAW,KAAK,YAAY;EAE5B;EACA;EACA;EACA,QAAQ;EACR,YAAY,QAAQ,WAAW;EAC/B,wBAAwB;EACxB,2BAA2B;EAC3B,iBAAiB,OAAO,SAAS,SAAS;EAC1C,UAAU;EACV;EACA,kBAAkB,KAAK,YAAY;EACnC,uBAAuB,QAAQ,eAAe;EAE9C;EACA;IAAe;IAAkB,cAAc;;EAE/C,OAAO;;cAGH,+BAAa,0BAAA,qCAAA,cAAA;;;cCvFb,wBAAuB;EAAgB,UAAU;MAAc;;;KCkLhE;EACH,iBAAiB;EACjB;EACA;;cAGI,yBAAwB,WAAA,UAAA,SAI3B;EAA6B,MAAM,SAAS;;cAczC,sBAAqB;cAKrB,qBAAoB;;;KC7HrB;EACH,UAAU;EAEV,YAAY,QAAQ;EAEpB;;;;KCvDG;EACH,UAAU;EACV,QAAQ,MAAM;EACd,QAAQ;;;;KCpCL,kBAAkB,KAAK;EAC1B,UAAU;EACV;EACA,WAAW,QAAQ;EACnB;EACA;EAEA;EAEA;EACA;EACA;EACA,OAAO;EACP;EACA,YAAY,KAAK,YAAY;EAC7B,kBAAkB,KAAK,YAAY;EACnC,uBAAuB,QAAQ,eAAe;EAC9C;EAEA,UAAU,IAAI;EAEd,OAAO;;;;KCoDJ;EACH,MAAM;EAEN,gBAAgB,MAAM,eAAe;;;;KCZlC;EAAoB,MAAM;;;;cCrEzB;;;;;;;;;KCJD,iBAAiB;KACjB,mBAAmB;KACnB,iBAAiB;KACjB,kBAAkB;KAClB,iBAAiB;KACjB,kBAAkB;cAmBjB;0BAJqB,oBAAkB;yBATnB,mBAAiB;2BAHf,qBAAmB;yBASrB,mBAAiB;yBAVjB,mBAAiB;0BAOhB,oBAAkB;;;;KCPxC,yBAAyB;KA4DzB,yBAAyB;;;KChDzB,qBAAqB,KAAK;EAC7B,YAAY,KAAK,YAAY;;;;KCF1B,qBAAqB;KAMrB,kBAAkB;KA6BlB,4BAA4B;KAmC5B,yBAAyB;;;KCnEzB,kBAAkB;EAA0B,MAAM;;;;KCXlD,iBAAiB;EAA2B,KAAK;;KAiDjD,qBAAqB;;;KClDrB,sBAAsB;KAMtB,qBAAqB;;;cCJpB;;;;;;;;;;;;;;;;;KCKD;EAAiB;EAAY;;;;KCT7B;EACH,WAAW;EACX;EACA,WAAW;EACX,eAAe,eAAe;EAC9B,WAAW,QAAQ;EACnB;EACA;EACA,MAAM;EACN,eAAe,MAAM;EACrB;EACA,kBAAkB,SAAS;EAC3B;EACA,YAAY,eAAe;EAC3B;EACA,oBAAoB;EACpB,YAAY,eAAe;IAAY;;EACvC;EACA,eAAe;EACf,gBAAgB;EAChB;EACA;EACA;EACA;;cAoHI,YAAa,GAAG,WAAW,OAAO,gBAAgB,MAAI;KAQvD;EAAoB;EAAe,KAAK;;cAIvC,cAAa;;;KC1Jd;EACH;EACA,WAAW,QAAQ;EACnB;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA,YAAY,KAAK,YAAY;EAC7B,kBAAkB,KAAK,YAAY;EACnC,uBAAuB,QAAQ,eAAe;EAC9C;EAEA,MAAM;EACN;EACA;EACA;EACA;;cAUI,YAAa,GAAG,WAAW,OAAO,gBAAgB,MAAI;;;KClCvD;EACH;EACA;EACA,OAAO;EACP;IAAU;;IAAuB;;;KAG9B;EAA8B,aAAa,MAAM;;KAEjD;EACH;EACA,eAAe,SAAS;EACxB;EACA;EACA;EACA,OAAO;EACP;;cAMI,kBAAmB,YAAY,YAAY;cAW3C,mBAAoB,aAAa,MAAM,aAAa,kBAAgB;cAQpE,2BAA0B,SAAS;cA6BnC,uBAAsB,eAAiB,8BAA4B;;;KCpEpE;EACH;EACA;EACA,WAAW,QAAQ;EACnB,OAAO;EACP;EACA,WAAW,OAAO;EAClB;;KAGG;EACH,eAAe;EACf,QAAQ;EACR,YAAY,QAAQ,WAAW;EAC/B,wBAAwB;EACxB,2BAA2B;EAC3B,iBAAiB,OAAO,SAAS,SAAS;;cAGtC,kBAAmB,SAAS,2BAAyB"}

package/dist/index.js

@@ -269,7 +269,7 @@ const usePersistence = (config, defaultModel) => {
 	const loadedKey = useRef(config?.key);
 	useEffect(() => {
 		if (config !== null && config.key !== loadedKey.current) {
-			console.warn("[dashfoo] persist key changed for a mounted layout; the displayed layout still reflects the previous key — remount (key={persistKey}) to load the new key");
+			console.warn("[dashfoo] persist key changed for a mounted layout; the displayed layout still reflects the previous key; remount (key={persistKey}) to load the new key");
 			loadedKey.current = config.key;
 		}
 	}, [config]);
@@ -352,7 +352,7 @@ const useContainerWidth = () => {
 		observerRef.current?.disconnect();
 		if (!element) return;
 		const observer = new ResizeObserver((entries) => {
-			const entry = entries[0];
+			const entry = entries.at(0);
 			if (entry) setWidth(entry.contentRect.width);
 		});
 		observer.observe(element);
@@ -591,7 +591,9 @@ const DragPreviewOverlay = ({ manager }) => {
 				y: PREVIEW_OFFSET.y + (rect ? point.y - rect.top : 0)
 			});
 		});
-		const offEnd = manager.monitor.addEventListener("dragend", () => setChip(null));
+		const offEnd = manager.monitor.addEventListener("dragend", () => {
+			setChip(null);
+		});
 		return () => {
 			offStart();
 			offEnd();
@@ -621,7 +623,9 @@ const DragPreviewOverlay = ({ manager }) => {
 //#region src/components/drag-root.tsx
 const DashfooDragProvider = ({ children }) => {
 	const [manager] = useState(createDragManager);
-	useInsertionEffect(() => () => manager.destroy(), [manager]);
+	useInsertionEffect(() => () => {
+		manager.destroy();
+	}, [manager]);
 	const [subjectStore] = useState(createDragSubjectStore);
 	return /* @__PURE__ */ jsx(SharedDragManagerContext.Provider, {
 		value: manager,
@@ -803,8 +807,12 @@ const DragProvider = ({ children, onCommit, splitDock }) => {
 				type: "OVER"
 			});
 		};
-		const handleMove = () => syncIntent();
-		const handleCollision = () => syncIntent();
+		const handleMove = () => {
+			syncIntent();
+		};
+		const handleCollision = () => {
+			syncIntent();
+		};
 		const handleEnd = (event) => {
 			if (event.canceled) {
 				actorRef.send({ type: "CANCEL" });
@@ -1118,7 +1126,9 @@ const panelDomId = (tabsetId) => `dashfoo-panel-${tabsetId}`;
 const tabButtonIn = (scope, tabsetId, tabId) => scope?.querySelector(`#${CSS.escape(tabDomId(tabsetId, tabId))}`) ?? null;
 const createTabsetStore = (initial) => createStore((set, get) => ({
 	...initial,
-	cancelRename: () => set({ editingTabId: null }),
+	cancelRename: () => {
+		set({ editingTabId: null });
+	},
 	closeTab: (tabId) => {
 		set({ restoreFocus: true });
 		get().dispatch({
@@ -1137,7 +1147,9 @@ const createTabsetStore = (initial) => createStore((set, get) => ({
 	overflowItems: [],
 	registerRenameInput: () => {
 		set((state) => ({ renameInputCount: state.renameInputCount + 1 }));
-		return () => set((state) => ({ renameInputCount: state.renameInputCount - 1 }));
+		return () => {
+			set((state) => ({ renameInputCount: state.renameInputCount - 1 }));
+		};
 	},
 	registerTablist: (element) => {
 		if (element) {
@@ -1149,11 +1161,13 @@ const createTabsetStore = (initial) => createStore((set, get) => ({
 		set({ tablistElement: null });
 	},
 	renameInputCount: 0,
-	renameTab: (tabId, name) => get().dispatch({
-		name,
-		tabId,
-		type: "renameTab"
-	}),
+	renameTab: (tabId, name) => {
+		get().dispatch({
+			name,
+			tabId,
+			type: "renameTab"
+		});
+	},
 	restoreFocus: false,
 	selectOverflowTab: (tabId) => {
 		const { dispatch, node, tablistElement } = get();
@@ -1176,7 +1190,7 @@ const createTabsetStore = (initial) => createStore((set, get) => ({
 			tabsetId: node.id,
 			type: "selectTab"
 		});
-		if (options?.focus) {
+		if (options?.focus === true) {
 			const tabId = node.children[index]?.id;
 			if (tabId) tabButtonIn(tablistElement, node.id, tabId)?.focus();
 		}
@@ -1308,7 +1322,7 @@ const TabOverflowMenu = ({ items, onSelect }) => {
 	useEffect(() => {
 		if (!open) return;
 		const handlePointerDown = (event) => {
-			if (event.target instanceof Node && !rootRef.current?.contains(event.target)) setOpen(false);
+			if (event.target instanceof Node && rootRef.current?.contains(event.target) !== true) setOpen(false);
 		};
 		document.addEventListener("pointerdown", handlePointerDown);
 		return () => {
@@ -1361,7 +1375,7 @@ const TabOverflowMenu = ({ items, onSelect }) => {
 		}
 	};
 	const handleFocusOut = (event) => {
-		if (event.relatedTarget instanceof Node && rootRef.current?.contains(event.relatedTarget)) return;
+		if (event.relatedTarget instanceof Node && rootRef.current?.contains(event.relatedTarget) === true) return;
 		setOpen(false);
 	};
 	return /* @__PURE__ */ jsxs("div", {
@@ -1387,7 +1401,9 @@ const TabOverflowMenu = ({ items, onSelect }) => {
 			tabIndex: -1,
 			children: items.map((item, index) => /* @__PURE__ */ jsx("button", {
 				"data-dashfoo": "tab-overflow-item",
-				onClick: () => handleSelect(item.id),
+				onClick: () => {
+					handleSelect(item.id);
+				},
 				ref: (node) => {
 					itemRefs.current[index] = node;
 				},
@@ -1418,7 +1434,9 @@ const overflowingIds = (tablist) => {
 	const box = tablist.getBoundingClientRect();
 	return [...tablist.querySelectorAll("[data-dashfoo=\"tab\"]")].flatMap((tab) => {
 		const rect = tab.getBoundingClientRect();
-		return (rect.right > box.right + 1 || rect.left < box.left - 1) && tab.dataset.tabId ? [tab.dataset.tabId] : [];
+		const clipped = rect.right > box.right + 1 || rect.left < box.left - 1;
+		const tabId = tab.dataset.tabId;
+		return clipped && tabId !== void 0 && tabId !== "" ? [tabId] : [];
 	});
 };
 const useTabOverflow = (tablist, signature) => {
@@ -1723,7 +1741,9 @@ const RenameEditor = ({ defaultValue, onBlur, onKeyDown, ref: userRef, ...props
 	const rename = useInlineRename({
 		currentName: tab.name,
 		inputRef,
-		onCommit: (name) => commitRename(tab.id, name),
+		onCommit: (name) => {
+			commitRename(tab.id, name);
+		},
 		onDone: cancelRename
 	});
 	const refCallback = useMemo(() => mergeRefs(inputRef, userRef), [userRef]);
@@ -2149,11 +2169,13 @@ const FloatTitleEditor = ({ dispatch, node, onDone }) => {
 	const { handleBlur, handleKeyDown } = useInlineRename({
 		currentName: floatTitle(node),
 		inputRef,
-		onCommit: (name) => dispatch({
-			floatId: node.id,
-			name,
-			type: "renameFloat"
-		}),
+		onCommit: (name) => {
+			dispatch({
+				floatId: node.id,
+				name,
+				type: "renameFloat"
+			});
+		},
 		onDone
 	});
 	return /* @__PURE__ */ jsx("input", {
@@ -2162,7 +2184,9 @@ const FloatTitleEditor = ({ dispatch, node, onDone }) => {
 		defaultValue: floatTitle(node),
 		onBlur: handleBlur,
 		onKeyDown: handleKeyDown,
-		onPointerDown: (event) => event.stopPropagation(),
+		onPointerDown: (event) => {
+			event.stopPropagation();
+		},
 		ref: inputRef,
 		style: titleStyle,
 		type: "text"
@@ -2173,11 +2197,15 @@ const FloatTitle = ({ dispatch, node, renamable }) => {
 	if (renamable && editing) return /* @__PURE__ */ jsx(FloatTitleEditor, {
 		dispatch,
 		node,
-		onDone: () => setEditing(false)
+		onDone: () => {
+			setEditing(false);
+		}
 	});
 	return /* @__PURE__ */ jsx("span", {
 		"data-dashfoo": "float-title",
-		onDoubleClick: renamable ? () => setEditing(true) : void 0,
+		onDoubleClick: renamable ? () => {
+			setEditing(true);
+		} : void 0,
 		style: titleStyle,
 		title: renamable ? "Double-click to rename" : void 0,
 		children: floatTitle(node)
@@ -2217,13 +2245,13 @@ const FloatPanel = ({ global, node, onFocus, zIndex }) => {
 		if (prior && panel.hasPointerCapture?.(prior.pointerId)) panel.releasePointerCapture(prior.pointerId);
 		movedRef.current = false;
 		const edgeKey = event.currentTarget.dataset.edge;
-		const parent = panel.offsetParent;
+		const parent = panel.offsetParent instanceof HTMLElement ? panel.offsetParent : null;
 		const gesture = {
 			bounds: {
 				height: parent?.clientHeight ?? 0,
 				width: parent?.clientWidth ?? 0
 			},
-			edges: edgeKey ? EDGE_BY_KEY.get(edgeKey) ?? null : null,
+			edges: edgeKey === void 0 ? null : EDGE_BY_KEY.get(edgeKey) ?? null,
 			pointerId: event.pointerId,
 			start: node.geometry,
 			startX: event.clientX,
@@ -2238,9 +2266,9 @@ const FloatPanel = ({ global, node, onFocus, zIndex }) => {
 		if (!gesture || event.pointerId !== gesture.pointerId) return;
 		gestureRef.current = null;
 		const panel = panelRef.current;
-		if (panel?.hasPointerCapture?.(event.pointerId)) panel.releasePointerCapture(event.pointerId);
+		if (panel?.hasPointerCapture?.(event.pointerId) === true) panel.releasePointerCapture(event.pointerId);
 		if (!movedRef.current) {
-			if (node.minimized) restore();
+			if (node.minimized === true) restore();
 			return;
 		}
 		dispatch({
@@ -2268,11 +2296,11 @@ const FloatPanel = ({ global, node, onFocus, zIndex }) => {
 			...gesture.start,
 			left: gesture.start.left + dx,
 			top: gesture.start.top + dy
-		}, gesture.bounds, node.minimized ? CHIP_SIZE : void 0);
+		}, gesture.bounds, node.minimized === true ? CHIP_SIZE : void 0);
 		latestRef.current = next;
 		panel.style.left = `${next.left}px`;
 		panel.style.top = `${next.top}px`;
-		if (!node.minimized) {
+		if (node.minimized !== true) {
 			panel.style.width = `${next.width}px`;
 			panel.style.height = `${next.height}px`;
 		}
@@ -2286,12 +2314,12 @@ const FloatPanel = ({ global, node, onFocus, zIndex }) => {
 		if (!movedRef.current) return;
 		panel.style.left = `${gesture.start.left}px`;
 		panel.style.top = `${gesture.start.top}px`;
-		if (!node.minimized) {
+		if (node.minimized !== true) {
 			panel.style.width = `${gesture.start.width}px`;
 			panel.style.height = `${gesture.start.height}px`;
 		}
 	};
-	if (node.minimized) return /* @__PURE__ */ jsxs("button", {
+	if (node.minimized === true) return /* @__PURE__ */ jsxs("button", {
 		"aria-label": `Restore ${floatTitle(node)} panel`,
 		"data-dashfoo": "float-chip",
 		onKeyDown: (event) => {
@@ -2363,12 +2391,16 @@ const FloatPanel = ({ global, node, onFocus, zIndex }) => {
 					editable && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("button", {
 						"aria-label": "Minimize panel",
 						"data-dashfoo": "float-minimize",
-						onClick: () => dispatch({
-							floatId: node.id,
-							minimized: true,
-							type: "setFloatMinimized"
-						}),
-						onPointerDown: (event) => event.stopPropagation(),
+						onClick: () => {
+							dispatch({
+								floatId: node.id,
+								minimized: true,
+								type: "setFloatMinimized"
+							});
+						},
+						onPointerDown: (event) => {
+							event.stopPropagation();
+						},
 						style: dockButtonStyle,
 						title: "Minimize panel",
 						type: "button",
@@ -2376,11 +2408,15 @@ const FloatPanel = ({ global, node, onFocus, zIndex }) => {
 					}), /* @__PURE__ */ jsx("button", {
 						"aria-label": "Dock panel back into the main layout",
 						"data-dashfoo": "float-dock",
-						onClick: () => dispatch({
-							floatId: node.id,
-							type: "dockFloat"
-						}),
-						onPointerDown: (event) => event.stopPropagation(),
+						onClick: () => {
+							dispatch({
+								floatId: node.id,
+								type: "dockFloat"
+							});
+						},
+						onPointerDown: (event) => {
+							event.stopPropagation();
+						},
 						style: dockButtonStyle,
 						title: "Dock panel back",
 						type: "button",
@@ -2442,7 +2478,9 @@ const FloatOverlay = ({ floats, global }) => {
 		children: floats.map((node) => /* @__PURE__ */ jsx(FloatPanel, {
 			global,
 			node,
-			onFocus: () => setTopId(node.id),
+			onFocus: () => {
+				setTopId(node.id);
+			},
 			zIndex: node.id === topId ? 2 : 1
 		}, node.id))
 	});
@@ -2499,48 +2537,62 @@ const DashfooLayout = forwardRef((props, ref) => {
 	});
 	const hasSharedManager = useContext(SharedDragManagerContext) !== null;
 	useImperativeHandle(ref, () => ({
-		addTab: (tab, target) => store.dispatch({
-			index: target.index,
-			location: target.location ?? "center",
-			tab,
-			targetId: target.targetId,
-			type: "addNode"
-		}),
+		addTab: (tab, target) => {
+			store.dispatch({
+				index: target.index,
+				location: target.location ?? "center",
+				tab,
+				targetId: target.targetId,
+				type: "addNode"
+			});
+		},
 		canRedo: store.canRedo,
 		canUndo: store.canUndo,
-		closeTab: (tabId) => store.dispatch({
-			tabId,
-			type: "deleteTab"
-		}),
+		closeTab: (tabId) => {
+			store.dispatch({
+				tabId,
+				type: "deleteTab"
+			});
+		},
 		dispatch: store.dispatch,
-		dockFloat: (floatId) => store.dispatch({
-			floatId,
-			type: "dockFloat"
-		}),
-		floatTab: (tabId) => store.dispatch({
-			tabId,
-			type: "floatTab"
-		}),
+		dockFloat: (floatId) => {
+			store.dispatch({
+				floatId,
+				type: "dockFloat"
+			});
+		},
+		floatTab: (tabId) => {
+			store.dispatch({
+				tabId,
+				type: "floatTab"
+			});
+		},
 		getModel: () => store.model,
-		maximizeTabset: (tabsetId) => store.dispatch({
-			tabsetId,
-			type: "setMaximizedTabset"
-		}),
+		maximizeTabset: (tabsetId) => {
+			store.dispatch({
+				tabsetId,
+				type: "setMaximizedTabset"
+			});
+		},
 		redo: store.redo,
-		renameTab: (tabId, name) => store.dispatch({
-			name,
-			tabId,
-			type: "renameTab"
-		}),
+		renameTab: (tabId, name) => {
+			store.dispatch({
+				name,
+				tabId,
+				type: "renameTab"
+			});
+		},
 		resetLayout: () => {
 			persistence.clear();
 			if (defaultModel !== void 0) store.setModel(defaultModel);
 		},
-		selectTab: (tabsetId, index) => store.dispatch({
-			index,
-			tabsetId,
-			type: "selectTab"
-		}),
+		selectTab: (tabsetId, index) => {
+			store.dispatch({
+				index,
+				tabsetId,
+				type: "selectTab"
+			});
+		},
 		undo: store.undo
 	}), [
 		defaultModel,
@@ -2571,7 +2623,7 @@ const DashfooLayout = forwardRef((props, ref) => {
 		if (isCompact && action.type === "adjustSplit") return;
 		storeDispatch(action);
 	}, [isCompact, storeDispatch]);
-	const maximized = view.maximizedTabsetId ? findTabset(view, view.maximizedTabsetId) : void 0;
+	const maximized = view.maximizedTabsetId === void 0 ? void 0 : findTabset(view, view.maximizedTabsetId);
 	const tree = /* @__PURE__ */ jsx(Layout.FloatLayer, {
 		floats: store.model.floats ?? [],
 		global: store.model.global,