@protobase/ui 0.45.8 → 0.45.9

package/dist/app-shell/bottom-bar.js

@@ -1,7 +1,7 @@
 import { cn } from "../lib/cn.js";
 import { text } from "./messages.js";
 import { Ellipsis } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/app-shell/bottom-bar.tsx
 const inApp = (event) => event.button === 0 && !event.metaKey && !event.ctrlKey && !event.shiftKey && !event.altKey;
 const tab = "flex min-h-[49px] min-w-0 flex-1 flex-col items-center justify-center gap-1 pb-1 pt-1.5 text-[10px] font-medium leading-none";
@@ -12,10 +12,13 @@ const tab = "flex min-h-[49px] min-w-0 flex-1 flex-col items-center justify-cent
 */
 const BottomBar = ({ tabs, onNavigate, onMore, moreOpen, moreControls, sticky, ref }) => {
 	const moreCurrent = !tabs.some((item) => item.active);
-	return /* @__PURE__ */ jsxs("nav", {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [sticky && /* @__PURE__ */ jsx("div", {
+		"aria-hidden": true,
+		className: "h-[var(--pb-sticky-bottom)] shrink-0 md:hidden"
+	}), /* @__PURE__ */ jsxs("nav", {
 		ref,
 		"aria-label": text("tabs"),
-		className: cn("flex shrink-0 border-t bg-background pb-[var(--pb-safe-bottom)] md:hidden", sticky && "sticky bottom-0 z-30"),
+		className: cn("flex shrink-0 border-t bg-background pb-[var(--pb-safe-bottom)] md:hidden", sticky && "fixed bottom-0 left-[var(--pb-safe-left)] right-[var(--pb-safe-right)] z-30"),
 		children: [tabs.map((item) => {
 			const Icon = item.icon;
 			return /* @__PURE__ */ jsxs("a", {
@@ -53,7 +56,7 @@ const BottomBar = ({ tabs, onNavigate, onMore, moreOpen, moreControls, sticky, r
 				"aria-hidden": true
 			}), text("more")]
 		})]
-	});
+	})] });
 };
 //#endregion
 export { BottomBar };

package/dist/app-shell/page-scroll.js

@@ -4,7 +4,7 @@ import { createContext, useContext, useLayoutEffect } from "react";
 const PageScrollContext = createContext(() => {});
 /**
 * While the calling page is shown and `on`, the document scrolls instead of a box of the screen's height: the top and
-* bottom bars and the sidebar stick, and the page grows with its content, so the browser's own scrolling applies
+* bottom bars and the sidebar stay in view, and the page grows with its content, so the browser's own scrolling applies
 * throughout, scrolling to the top included, as tapping the status bar on an iPhone does. Sticky content in the page
 * stays clear of the bars with `--pb-sticky-top` and `--pb-sticky-bottom`. Not `on`, the page fills the box instead,
 * as a map does. Once the page is gone the shell's `pageScroll` applies again.

package/dist/app-shell/top-bar.js

@@ -25,9 +25,9 @@ const TopBar = ({ breadcrumb, onNavigate, actions, onMenu, menuOpen, menuControl
 		window.addEventListener("keydown", onKey);
 		return () => window.removeEventListener("keydown", onKey);
 	}, [search]);
-	return /* @__PURE__ */ jsxs("header", {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("header", {
 		ref,
-		className: cn(sticky ? "sticky top-0 z-30" : "relative", "flex h-[calc(3rem+var(--pb-safe-top))] shrink-0 items-center gap-1 border-b bg-background pl-4 pr-2 pt-[var(--pb-safe-top)] md:gap-4 md:px-5"),
+		className: cn(sticky ? "sticky top-0 z-30 max-md:fixed max-md:left-[var(--pb-safe-left)] max-md:right-[var(--pb-safe-right)]" : "relative", "flex h-[calc(3rem+var(--pb-safe-top))] shrink-0 items-center gap-1 border-b bg-background pl-4 pr-2 pt-[var(--pb-safe-top)] md:gap-4 md:px-5"),
 		children: [
 			onMenu && /* @__PURE__ */ jsx("button", {
 				type: "button",
@@ -99,7 +99,10 @@ const TopBar = ({ breadcrumb, onNavigate, actions, onMenu, menuOpen, menuControl
 				})]
 			})
 		]
-	});
+	}), sticky && /* @__PURE__ */ jsx("div", {
+		"aria-hidden": true,
+		className: "h-[var(--pb-sticky-top)] shrink-0 md:hidden"
+	})] });
 };
 //#endregion
 export { TopBar, topBarButton };

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.45.8";
+var version = "0.45.9";
 var protobase = { "pluginApi": 1 };
 //#endregion
 export { protobase, version };