@bearmenu/ui 0.5.1 → 0.5.2

package/dist/components/sliding-panels.js

@@ -26,13 +26,12 @@ var SlidingPanels = ({
     return () => ro.disconnect();
   }, [currentIndex]);
   const handleBack = () => {
-    if (currentIndex > 0) {
-      const previousPanel = panels[currentIndex - 1];
-      if (currentPanelData == null ? void 0 : currentPanelData.onBack) {
-        currentPanelData.onBack();
-      } else {
-        onPanelChange(previousPanel.id);
-      }
+    const previousPanel = panels[currentIndex - 1];
+    if (!previousPanel) return;
+    if (currentPanelData == null ? void 0 : currentPanelData.onBack) {
+      currentPanelData.onBack();
+    } else {
+      onPanelChange(previousPanel.id);
     }
   };
   return /* @__PURE__ */ jsx(

package/dist/components/sticky-container.js

@@ -22,6 +22,7 @@ var StickyContainer = ({
       {
         ref,
         id,
+        "data-stuck": isSticky ? "true" : void 0,
         className: cn(
           "sticky px-4 transition-all duration-200",
           hideUntilSticky ? isSticky ? "py-4 opacity-100 translate-y-0" : "py-0 opacity-0 -translate-y-2 pointer-events-none" : "py-4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bearmenu/ui",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "BearMenu design system — shared UI tokens, primitives, and components",
   "license": "UNLICENSED",
   "repository": {

package/src/components/sliding-panels.tsx

@@ -46,13 +46,12 @@ export const SlidingPanels = ({
   }, [currentIndex]);
 
   const handleBack = () => {
-    if (currentIndex > 0) {
-      const previousPanel = panels[currentIndex - 1];
-      if (currentPanelData?.onBack) {
-        currentPanelData.onBack();
-      } else {
-        onPanelChange(previousPanel.id);
-      }
+    const previousPanel = panels[currentIndex - 1];
+    if (!previousPanel) return;
+    if (currentPanelData?.onBack) {
+      currentPanelData.onBack();
+    } else {
+      onPanelChange(previousPanel.id);
     }
   };
 

package/src/components/sticky-container.tsx

@@ -65,6 +65,7 @@ export const StickyContainer = ({
       <div
         ref={ref}
         id={id}
+        data-stuck={isSticky ? "true" : undefined}
         className={cn(
           "sticky px-4 transition-all duration-200",
           hideUntilSticky

package/src/globals.css

@@ -422,6 +422,22 @@ h6 {
   top: env(safe-area-inset-top, 0);
 }
 
+/* In PWA standalone mode the sticky bar pins below the safe-area inset, leaving
+   the strip under the notch transparent. When the bar is actually stuck
+   (data-stuck="true"), extend its current background up into that strip so the
+   status bar sits over the bar's color instead of empty space.
+   Browser mode never matches `display-mode: standalone`, so this is a no-op. */
+@media (display-mode: standalone) {
+  .sticky-header-safe[data-stuck="true"]::before {
+    content: "";
+    position: absolute;
+    inset: calc(-1 * env(safe-area-inset-top, 0)) 0 auto 0;
+    height: env(safe-area-inset-top, 0);
+    background: inherit;
+    pointer-events: none;
+  }
+}
+
 /* For mobile bottom nav */
 .mobile-nav-safe {
   bottom: calc(1rem + env(safe-area-inset-bottom, 0px));