@floegence/floe-webapp-core 0.78.9 → 0.79.0

package/dist/components/layout/Shell.js

@@ -1,51 +1,62 @@
-import { createComponent as o, Dynamic as W, insert as d, memo as w, effect as N, className as y, setAttribute as P, setStyleProperty as Y, mergeProps as he, template as B, use as Se, delegateEvents as ye } from "solid-js/web";
-import { createSignal as F, onMount as Ce, onCleanup as Me, createEffect as C, batch as we, createMemo as I, For as _, Show as g } from "solid-js";
-import { observeViewport as Ie } from "../../viewport.js";
-import { useLayout as Be } from "../../context/LayoutContext.js";
-import { useResolvedFloeConfig as Ae } from "../../context/FloeConfigContext.js";
-import { useMediaQuery as ke } from "../../hooks/useMediaQuery.js";
-import { useOverlayMask as xe } from "../../hooks/useOverlayMask.js";
-import { cn as M } from "../../utils/cn.js";
-import { deferAfterPaint as Ne, deferNonBlocking as Pe } from "../../utils/defer.js";
-import { useComponentRegistry as Te } from "../../context/ComponentRegistry.js";
-import { Sidebar as Oe } from "./Sidebar.js";
-import { TopBar as Le } from "./TopBar.js";
-import { TopBarIconButton as ze } from "./TopBarIconButton.js";
-import { BottomBar as Re } from "./BottomBar.js";
-import { MobileTabBar as $e } from "./MobileTabBar.js";
-import { MobileNavigationPanel as We } from "./MobileNavigationPanel.js";
-import { ActivityBar as Fe } from "./ActivityBar.js";
-import { ResizeHandle as Z } from "./ResizeHandle.js";
-import { resolveMobileTabActiveId as He, resolveMobileTabSelect as Ve } from "./mobileTabs.js";
-import { KeepAliveStack as Ee } from "./KeepAliveStack.js";
-import { resolveShellSidebarActiveTabChange as _e } from "./sidebarVisibilityMotion.js";
-import { createUIFirstSelection as qe } from "../../utils/uiFirstSelection.js";
-var ee = /* @__PURE__ */ B('<div class="flex items-center gap-2">'), De = /* @__PURE__ */ B("<div data-floe-shell-slot=mobile-sidebar-backdrop>"), Ke = /* @__PURE__ */ B('<div data-floe-shell-slot=mobile-sidebar-drawer tabindex=-1 role=dialog aria-modal=true><div class="h-full overflow-auto overscroll-contain">'), Qe = /* @__PURE__ */ B("<div data-floe-shell-slot=terminal-panel style=border-top-color:var(--terminal-panel-border)>"), Ue = /* @__PURE__ */ B('<div data-floe-shell-slot=mobile-accessory class="relative shrink-0">'), je = /* @__PURE__ */ B('<div data-floe-shell><a></a><div class="relative flex min-h-0 flex-1 flex-col overflow-hidden"data-floe-shell-slot=mobile-content-boundary><div data-floe-shell-slot=main-layout class="flex-1 min-h-0 flex overflow-hidden relative"><div data-floe-shell-slot=content-area><main data-floe-shell-slot=main tabindex=-1>');
-function gt(i) {
-  const [te, ie] = F(!1);
-  Ce(() => {
-    Me(Ie(window, (e) => ie(e.keyboardOpen)));
+import { createComponent as o, Dynamic as V, insert as d, use as j, effect as B, setStyleProperty as G, memo as P, className as k, setAttribute as w, mergeProps as ze, template as g, delegateEvents as Fe } from "solid-js/web";
+import { createSignal as M, onMount as He, onCleanup as Ee, createEffect as A, batch as Ve, createMemo as x, For as J, Show as h } from "solid-js";
+import { observeViewport as _e } from "../../viewport.js";
+import { useLayout as De } from "../../context/LayoutContext.js";
+import { useResolvedFloeConfig as qe } from "../../context/FloeConfigContext.js";
+import { createAdaptiveSidebar as Ke } from "../../hooks/createAdaptiveSidebar.js";
+import { useResizeObserver as Ue } from "../../hooks/useResizeObserver.js";
+import { Dialog as je } from "../ui/Dialog.js";
+import { DialogPlacementProvider as Ge } from "../ui/DialogPlacementContext.js";
+import { useOverlayMask as Je } from "../../hooks/useOverlayMask.js";
+import { cn as I } from "../../utils/cn.js";
+import { deferAfterPaint as Qe, deferNonBlocking as Xe } from "../../utils/defer.js";
+import { useComponentRegistry as Ye } from "../../context/ComponentRegistry.js";
+import { Sidebar as Ze } from "./Sidebar.js";
+import { TopBar as et } from "./TopBar.js";
+import { TopBarIconButton as tt } from "./TopBarIconButton.js";
+import { BottomBar as it } from "./BottomBar.js";
+import { MobileTabBar as rt } from "./MobileTabBar.js";
+import { MobileNavigationPanel as nt } from "./MobileNavigationPanel.js";
+import { ActivityBar as ot } from "./ActivityBar.js";
+import { ResizeHandle as se } from "./ResizeHandle.js";
+import { resolveMobileTabActiveId as at, resolveMobileTabSelect as lt } from "./mobileTabs.js";
+import { KeepAliveStack as st } from "./KeepAliveStack.js";
+import { resolveShellSidebarActiveTabChange as dt } from "./sidebarVisibilityMotion.js";
+import { createUIFirstSelection as ct } from "../../utils/uiFirstSelection.js";
+var de = /* @__PURE__ */ g('<div class="flex items-center gap-2">'), bt = /* @__PURE__ */ g('<div class="h-full min-h-0 overflow-auto">'), ut = /* @__PURE__ */ g('<div class="flex shrink-0 min-h-0">'), mt = /* @__PURE__ */ g('<div class="h-full min-h-0"style=max-width:100%>'), ft = /* @__PURE__ */ g("<div data-floe-shell-slot=mobile-sidebar-backdrop>"), vt = /* @__PURE__ */ g('<div data-floe-shell-slot=mobile-sidebar-drawer tabindex=-1 role=dialog aria-modal=true><div class="h-full overflow-auto overscroll-contain">'), ht = /* @__PURE__ */ g("<div data-floe-shell-slot=terminal-panel style=border-top-color:var(--terminal-panel-border)>"), gt = /* @__PURE__ */ g('<div data-floe-shell-slot=mobile-accessory class="relative shrink-0">'), St = /* @__PURE__ */ g('<div data-floe-shell><a></a><div class="relative flex min-h-0 flex-1 flex-col overflow-hidden"data-floe-shell-slot=mobile-content-boundary><div data-floe-shell-slot=main-layout class="flex-1 min-h-0 flex overflow-hidden relative"><div data-floe-shell-slot=content-area><main data-floe-shell-slot=main tabindex=-1>');
+function qt(i) {
+  const [ce, be] = M(!1);
+  He(() => {
+    Ee(_e(window, (e) => be(e.keyboardOpen)));
   });
-  const r = Be(), q = Ae(), l = ke(q.config.layout.mobileQuery), [T, h] = F(!1), [O, re] = F(!1);
-  let D;
-  const ne = () => l() && !!i.mobileNavigationPanel?.open;
-  C(() => {
-    !l() && i.mobileNavigationPanel?.open && i.mobileNavigationPanel.onOpenChange(!1), ne() && h(!1);
+  const n = De(), ue = qe(), l = n.isMobile, [me, fe] = M(), [ve, he] = M(), ge = Ue(ve), W = /* @__PURE__ */ new Map(), [_, p] = M(!1), [Se, ye] = M(!1), Ce = Ke({
+    container: me,
+    sidebarWidth: () => (D() ?? n.sidebarWidth()) + (ge()?.width ?? 0),
+    minContentWidth: () => i.sidebarMinContentWidth ?? 0
+  }), S = () => !l() && !!i.sidebarMinContentWidth && !u() && Ce() === "overlay";
+  A(() => {
+    (!S() || N()) && p(!1);
   });
-  const [K, H] = F(null);
-  let V;
+  const [L, y] = M(!1), [$, we] = M(!1);
+  let Q;
+  const Me = () => l() && !!i.mobileNavigationPanel?.open;
+  A(() => {
+    !l() && i.mobileNavigationPanel?.open && i.mobileNavigationPanel.onOpenChange(!1), Me() && y(!1);
+  });
+  const [D, q] = M(null);
+  let K;
   const u = () => i.sidebarMode === "hidden", c = (() => {
     try {
-      return Te();
+      return Ye();
     } catch {
       return null;
     }
-  })(), L = (e, a) => {
+  })(), z = (e, a) => {
     const s = c?.getComponent(e)?.sidebar?.fullScreen ?? !1, {
-      openSidebar: n,
+      openSidebar: r,
       visibilityMotion: b
-    } = _e({
-      currentActiveId: r.sidebarActiveTab(),
+    } = dt({
+      currentActiveId: n.sidebarActiveTab(),
       nextActiveId: e,
       requestedOpenSidebar: a?.openSidebar,
       sidebarHidden: u(),
@@ -53,167 +64,182 @@ function gt(i) {
       isMobile: l(),
       resolveSidebarVisibilityMotion: i.resolveSidebarVisibilityMotion
     });
-    r.setSidebarActiveTab(e, {
-      openSidebar: n,
+    S() ? (W.get(e)?.focus({
+      preventScroll: !0
+    }), n.setSidebarActiveTab(e, {
+      openSidebar: !1,
+      visibilityMotion: b
+    }), p(!s)) : n.setSidebarActiveTab(e, {
+      openSidebar: r,
       visibilityMotion: b
     });
-  }, z = qe({
-    committed: r.sidebarActiveTab,
+  }, F = ct({
+    committed: n.sidebarActiveTab,
     commit: (e, a) => {
-      we(() => {
-        L(e, a?.opts), typeof a?.mobileSidebarOpen == "boolean" && h(a.mobileSidebarOpen);
+      Ve(() => {
+        z(e, a?.opts), typeof a?.mobileSidebarOpen == "boolean" && y(a.mobileSidebarOpen);
       });
     },
     onEvent: (e) => i.onActivitySelectionEvent?.(e)
-  }), R = () => i.activitySelectionMode === "ui-first" ? z.visual() : r.sidebarActiveTab(), oe = (e, a) => {
+  }), H = () => i.activitySelectionMode === "ui-first" ? F.visual() : n.sidebarActiveTab(), ke = (e, a) => {
     if (i.activitySelectionMode === "ui-first") {
-      z.request(e, {
+      F.request(e, {
         source: "activity-bar",
         opts: a
       });
       return;
     }
-    L(e, a);
+    z(e, a);
   };
-  C(() => {
-    u() && h(!1);
-  }), C(() => {
-    const e = l();
-    r.isMobile() !== e && r.setIsMobile(e);
-  }), C(() => {
-    l() || h(!1);
-  }), C(() => {
-    const e = r.sidebarVisibilityMotion(), a = r.sidebarVisibilityMotionRevision();
-    e === "instant" && Ne(() => r.clearSidebarVisibilityMotion(a));
+  A(() => {
+    u() && y(!1);
+  }), A(() => {
+    l() || y(!1);
+  }), A(() => {
+    const e = n.sidebarVisibilityMotion(), a = n.sidebarVisibilityMotionRevision();
+    e === "instant" && Qe(() => n.clearSidebarVisibilityMotion(a));
   });
-  const A = I(() => i.activityItems ? i.activityItems : c ? c.sidebarItems().filter((e) => !!e.icon).filter((e) => !(l() && e.sidebar?.hiddenOnMobile)).map((e) => ({
+  const T = x(() => i.activityItems ? i.activityItems : c ? c.sidebarItems().filter((e) => !!e.icon).filter((e) => !(l() && e.sidebar?.hiddenOnMobile)).map((e) => ({
     id: e.id,
     icon: e.icon,
     label: e.name,
     badge: e.sidebar?.badge,
     collapseBehavior: e.sidebar?.collapseBehavior ?? (e.sidebar?.fullScreen ? "preserve" : "toggle")
-  })) : []), ae = I(() => u() ? [] : i.sidebarContent ? [] : c ? c.sidebarItems().filter((e) => !(l() && e.sidebar?.hiddenOnMobile)).filter((e) => e.sidebar?.fullScreen !== !0 && e.sidebar?.renderIn !== "main").map((e) => ({
+  })) : []), Ae = x(() => T().map((e) => ({
+    ...e,
+    buttonRef: (a) => {
+      a ? W.set(e.id, a) : W.delete(e.id), e.buttonRef?.(a);
+    },
+    ...S() && !e.onClick ? {
+      ariaExpanded: () => _() && n.sidebarActiveTab() === e.id,
+      ariaHasPopup: "dialog"
+    } : {}
+  }))), xe = (e) => {
+    S() ? (e || W.get(n.sidebarActiveTab())?.focus({
+      preventScroll: !0
+    }), p(!e)) : n.setSidebarCollapsed(e);
+  }, Ie = x(() => u() ? [] : i.sidebarContent ? [] : c ? c.sidebarItems().filter((e) => !(l() && e.sidebar?.hiddenOnMobile)).filter((e) => e.sidebar?.fullScreen !== !0 && e.sidebar?.renderIn !== "main").map((e) => ({
     id: e.id,
-    render: () => o(W, {
+    render: () => o(V, {
       get component() {
         return e.component;
       }
     })
-  })) : []), Q = (e) => {
+  })) : []), Be = (e) => {
     if (!u()) {
       if (i.sidebarContent) return i.sidebarContent(e);
       if (c)
-        return o(Ee, {
+        return o(st, {
           get views() {
-            return ae();
+            return Ie();
           },
           activeId: e
         });
     }
-  }, E = I(() => u() ? !0 : c ? c.getComponent(r.sidebarActiveTab())?.sidebar?.fullScreen ?? !1 : !1), le = I(() => {
+  }, N = x(() => u() ? !0 : c ? c.getComponent(n.sidebarActiveTab())?.sidebar?.fullScreen ?? !1 : !1), Pe = x(() => {
     if (u()) return !0;
     if (!c) return !1;
-    const e = c.getComponent(r.sidebarActiveTab());
+    const e = c.getComponent(n.sidebarActiveTab());
     return e?.sidebar ? e.sidebar.fullScreen === !0 || e.sidebar.renderIn === "main" : !1;
   });
-  C(() => {
-    l() && E() && h(!1);
+  A(() => {
+    l() && N() && y(!1);
   });
-  const se = I(() => {
+  const Te = x(() => {
     if (i.bottomBarItems) return i.bottomBarItems;
     if (!c) return;
-    const e = [...c.statusBarItems()].sort((n, b) => (n.order ?? 100) - (b.order ?? 100)), a = e.filter((n) => n.position === "left"), s = e.filter((n) => n.position === "right");
+    const e = [...c.statusBarItems()].sort((r, b) => (r.order ?? 100) - (b.order ?? 100)), a = e.filter((r) => r.position === "left"), s = e.filter((r) => r.position === "right");
     return [(() => {
-      var n = ee();
-      return d(n, o(_, {
+      var r = de();
+      return d(r, o(J, {
         each: a,
-        children: (b) => o(W, {
+        children: (b) => o(V, {
           get component() {
             return b.component;
           }
         })
-      })), n;
+      })), r;
     })(), (() => {
-      var n = ee();
-      return d(n, o(_, {
+      var r = de();
+      return d(r, o(J, {
         each: s,
-        children: (b) => o(W, {
+        children: (b) => o(V, {
           get component() {
             return b.component;
           }
         })
-      })), n;
+      })), r;
     })()];
   });
-  C(() => {
-    const e = A();
+  A(() => {
+    const e = T();
     if (!e.length) return;
-    if (!r.sidebarActiveTab()) {
-      const s = e.find((n) => !n.onClick);
+    if (!n.sidebarActiveTab()) {
+      const s = e.find((r) => !r.onClick);
       if (!s) return;
-      L(s.id);
+      z(s.id);
     }
   });
-  const U = (e) => {
+  const X = (e) => {
     const a = u() ? !0 : c?.getComponent(e)?.sidebar?.fullScreen ?? !1, {
       nextActiveId: s,
-      nextMobileSidebarOpen: n
-    } = Ve({
+      nextMobileSidebarOpen: r
+    } = lt({
       clickedId: e,
-      activeId: r.sidebarActiveTab(),
-      mobileSidebarOpen: T(),
+      activeId: n.sidebarActiveTab(),
+      mobileSidebarOpen: L(),
       clickedIsFullScreen: a
     });
-    if (r.sidebarActiveTab() !== s) {
+    if (n.sidebarActiveTab() !== s) {
       if (i.activitySelectionMode === "ui-first") {
-        z.request(s, {
+        F.request(s, {
           source: "mobile-tab-bar",
-          mobileSidebarOpen: n
+          mobileSidebarOpen: r
         });
         return;
       }
-      L(s);
+      z(s);
     }
-    h(n);
-  }, de = (e) => {
+    y(r);
+  }, Ne = (e) => {
     if (e.onClick) {
-      Pe(() => e.onClick());
+      Xe(() => e.onClick());
       return;
     }
-    U(e.id);
-  }, ce = I(() => {
+    X(e.id);
+  }, Oe = x(() => {
     const e = i.topBarActions;
     if (!l() || (i.activityBottomItemsMobileMode ?? "hidden") !== "topBar") return e;
     const s = i.activityBottomItems ?? [];
-    return s.length ? [o(_, {
+    return s.length ? [o(J, {
       each: s,
-      children: (n) => o(ze, {
+      children: (r) => o(tt, {
         get label() {
-          return n.label;
+          return r.label;
         },
-        onClick: () => de(n),
+        onClick: () => Ne(r),
         get children() {
-          return o(W, {
+          return o(V, {
             get component() {
-              return n.icon;
+              return r.icon;
             },
             class: "w-4 h-4"
           });
         }
       })
     }), e] : e;
-  }), be = () => u() ? !0 : r.sidebarCollapsed(), ue = () => K() ?? r.sidebarWidth(), v = () => q.config.accessibility, me = () => {
-    H(r.sidebarWidth());
-  }, fe = (e) => {
-    H((a) => r.clampSidebarWidth((a ?? r.sidebarWidth()) + e));
-  }, ve = () => {
-    const e = K();
-    e !== null && (r.setSidebarWidth(e), H(null));
+  }), Re = () => u() || (S() ? !_() : n.sidebarCollapsed()), Y = () => D() ?? n.sidebarWidth(), f = () => ue.config.accessibility, We = () => {
+    q(n.sidebarWidth());
+  }, pe = (e) => {
+    q((a) => n.clampSidebarWidth((a ?? n.sidebarWidth()) + e));
+  }, Le = () => {
+    const e = D();
+    e !== null && (n.setSidebarWidth(e), q(null));
   };
-  xe({
-    open: () => l() && T() && !u(),
-    root: () => V,
-    onClose: () => h(!1),
+  Je({
+    open: () => l() && L() && !u(),
+    root: () => K,
+    onClose: () => y(!1),
     lockBodyScroll: !0,
     trapFocus: !0,
     closeOnEscape: !0,
@@ -223,170 +249,201 @@ function gt(i) {
     autoFocus: !1,
     restoreFocus: !0
   });
-  const ge = () => {
+  const $e = () => {
     if (typeof document > "u") return;
-    const e = document.getElementById(v().mainContentId);
+    const e = document.getElementById(f().mainContentId);
     if (!(!e || !(e instanceof HTMLElement)))
       try {
         e.focus();
       } catch {
       }
-  };
+  }, U = (() => {
+    var e = bt();
+    return d(e, () => Be(n.sidebarActiveTab())), e;
+  })();
   return (() => {
-    var e = je(), a = e.firstChild, s = a.nextSibling, n = s.firstChild, b = n.firstChild, $ = b.firstChild;
-    return a.$$click = () => ge(), d(a, () => v().skipLinkLabel), d(e, o(g, {
+    var e = St(), a = e.firstChild, s = a.nextSibling, r = s.firstChild, b = r.firstChild, E = b.firstChild;
+    return a.$$click = () => $e(), d(a, () => f().skipLinkLabel), d(e, o(h, {
       get when() {
         return !l() || i.topBarMobileMode !== "hidden";
       },
       get children() {
-        return o(Le, {
+        return o(et, {
           get logo() {
             return i.logo;
           },
           get actions() {
-            return ce();
+            return Oe();
           },
           get ariaLabel() {
-            return v().topBarLabel;
+            return f().topBarLabel;
           },
           get class() {
             return i.slotClassNames?.topBar;
           }
         });
       }
-    }), s), d(n, o(g, {
+    }), s), j(fe, r), d(r, o(h, {
       get when() {
         return !l();
       },
       get children() {
-        return [o(g, {
+        return [o(h, {
           get when() {
-            return A().length > 0;
+            return T().length > 0;
           },
           get children() {
-            return o(Fe, {
+            var t = ut();
+            return j(he, t), d(t, o(ot, {
               get items() {
-                return A();
+                return Ae();
               },
               get bottomItems() {
                 return i.activityBottomItems;
               },
               get activeId() {
-                return R();
+                return H();
               },
-              onActiveChange: oe,
+              onActiveChange: ke,
               get collapsed() {
-                return be();
+                return Re();
               },
               get onCollapsedChange() {
-                return w(() => !!u())() ? void 0 : r.setSidebarCollapsed;
+                return u() ? void 0 : xe;
               },
               get ariaLabel() {
-                return v().primaryNavigationLabel;
+                return f().primaryNavigationLabel;
               },
               get class() {
                 return i.slotClassNames?.activityBar;
               }
-            });
+            })), t;
           }
-        }), o(g, {
+        }), o(h, {
           get when() {
             return !u();
           },
           get children() {
-            return o(Oe, {
-              get width() {
-                return ue();
-              },
-              get collapsed() {
-                return r.sidebarCollapsed() || E();
-              },
-              get visibilityMotion() {
-                return r.sidebarVisibilityMotion();
+            return [o(h, {
+              get when() {
+                return !S();
               },
-              get ariaLabel() {
-                return v().sidebarLabel;
-              },
-              get resizer() {
-                return o(Z, {
-                  direction: "horizontal",
-                  onResize: fe,
-                  onResizeStart: me,
-                  onResizeEnd: ve
+              get children() {
+                return o(Ze, {
+                  get width() {
+                    return Y();
+                  },
+                  get collapsed() {
+                    return n.sidebarCollapsed() || N();
+                  },
+                  get visibilityMotion() {
+                    return n.sidebarVisibilityMotion();
+                  },
+                  get ariaLabel() {
+                    return f().sidebarLabel;
+                  },
+                  get resizer() {
+                    return o(se, {
+                      direction: "horizontal",
+                      onResize: pe,
+                      onResizeStart: We,
+                      onResizeEnd: Le
+                    });
+                  },
+                  get class() {
+                    return i.slotClassNames?.sidebar;
+                  },
+                  children: U
                 });
-              },
-              get class() {
-                return i.slotClassNames?.sidebar;
-              },
+              }
+            }), o(Ge, {
+              mode: "auto",
               get children() {
-                return Q(r.sidebarActiveTab());
+                return o(je, {
+                  get open() {
+                    return P(() => !!(S() && _()))() && !N();
+                  },
+                  onOpenChange: p,
+                  onPresenceChange: ye,
+                  presentation: "side-drawer",
+                  drawerSide: "left",
+                  get title() {
+                    return f().sidebarLabel;
+                  },
+                  class: "floe-adaptive-shell-sidebar w-fit max-w-[calc(100%-48px)]",
+                  contentClass: "flex-1 min-h-0 overflow-hidden p-0",
+                  get children() {
+                    var t = mt();
+                    return d(t, U), B((m) => G(t, "width", `${Y()}px`)), t;
+                  }
+                });
               }
-            });
+            })];
           }
         })];
       }
-    }), b), d(n, o(g, {
+    }), b), d(r, o(h, {
       get when() {
-        return w(() => !!(l() && T()))() && !u();
+        return P(() => !!(l() && L()))() && !u();
       },
       get children() {
         return [(() => {
-          var t = De();
-          return t.$$click = () => h(!1), N(() => y(t, M("absolute inset-0 z-40 bg-black/30 cursor-pointer", i.slotClassNames?.mobileSidebarBackdrop))), t;
+          var t = ft();
+          return t.$$click = () => y(!1), B(() => k(t, I("absolute inset-0 z-40 bg-black/30 cursor-pointer", i.slotClassNames?.mobileSidebarBackdrop))), t;
         })(), (() => {
-          var t = Ke(), m = t.firstChild, S = V;
-          return typeof S == "function" ? Se(S, t) : V = t, d(m, () => Q(r.sidebarActiveTab())), N((f) => {
-            var k = M("absolute left-0 top-0 bottom-0 z-50", "w-72 max-w-[80vw]", "bg-sidebar border-r border-sidebar-border", "shadow-xl", "animate-in slide-in-from-left duration-200", i.slotClassNames?.mobileSidebarDrawer), x = v().sidebarLabel;
-            return k !== f.e && y(t, f.e = k), x !== f.t && P(t, "aria-label", f.t = x), f;
+          var t = vt(), m = t.firstChild, C = K;
+          return typeof C == "function" ? j(C, t) : K = t, d(m, U), B((v) => {
+            var O = I("absolute left-0 top-0 bottom-0 z-50", "w-72 max-w-[80vw]", "bg-sidebar border-r border-sidebar-border", "shadow-xl", "animate-in slide-in-from-left duration-200", i.slotClassNames?.mobileSidebarDrawer), R = f().sidebarLabel;
+            return O !== v.e && k(t, v.e = O), R !== v.t && w(t, "aria-label", v.t = R), v;
           }, {
             e: void 0,
             t: void 0
           }), t;
         })()];
       }
-    }), b), d($, () => i.children), d(b, o(g, {
+    }), b), d(E, () => i.children), d(b, o(h, {
       get when() {
-        return w(() => !!(!l() && r.terminalOpened()))() && i.terminalPanel;
+        return P(() => !!(!l() && n.terminalOpened()))() && i.terminalPanel;
       },
       get children() {
-        var t = Qe();
-        return d(t, o(Z, {
+        var t = ht();
+        return d(t, o(se, {
           direction: "vertical",
-          onResize: (m) => r.setTerminalHeight(r.terminalHeight() - m)
-        }), null), d(t, () => i.terminalPanel, null), N((m) => {
-          var S = M("relative shrink-0 border-t border-border bg-terminal-background overflow-hidden", i.slotClassNames?.terminalPanel), f = `${r.terminalHeight()}px`;
-          return S !== m.e && y(t, m.e = S), f !== m.t && Y(t, "height", m.t = f), m;
+          onResize: (m) => n.setTerminalHeight(n.terminalHeight() - m)
+        }), null), d(t, () => i.terminalPanel, null), B((m) => {
+          var C = I("relative shrink-0 border-t border-border bg-terminal-background overflow-hidden", i.slotClassNames?.terminalPanel), v = `${n.terminalHeight()}px`;
+          return C !== m.e && k(t, m.e = C), v !== m.t && G(t, "height", m.t = v), m;
         }, {
           e: void 0,
           t: void 0
         }), t;
       }
-    }), null), d(s, o(g, {
+    }), null), d(s, o(h, {
       get when() {
-        return w(() => !!l())() && i.mobileAccessory;
+        return P(() => !!l())() && i.mobileAccessory;
       },
       get children() {
-        var t = Ue();
-        return d(t, () => i.mobileAccessory), N(() => t.inert = O()), t;
+        var t = gt();
+        return d(t, () => i.mobileAccessory), B(() => t.inert = $()), t;
       }
-    }), null), d(s, o(g, {
+    }), null), d(s, o(h, {
       get when() {
-        return w(() => !!l())() && i.mobileNavigationPanel;
+        return P(() => !!l())() && i.mobileNavigationPanel;
       },
       get children() {
-        return o(We, he(() => i.mobileNavigationPanel, {
-          navigation: () => D,
+        return o(nt, ze(() => i.mobileNavigationPanel, {
+          navigation: () => Q,
           onPresenceChange: (t) => {
-            re(t), i.mobileNavigationPanel?.onPresenceChange?.(t);
+            we(t), i.mobileNavigationPanel?.onPresenceChange?.(t);
           }
         }));
       }
-    }), null), d(e, o(g, {
+    }), null), d(e, o(h, {
       get when() {
         return !l();
       },
       get children() {
-        return o(Re, {
+        return o(it, {
           get class() {
             return i.slotClassNames?.bottomBar;
           },
@@ -394,50 +451,50 @@ function gt(i) {
             return i.slotClassNames?.bottomBarHeight;
           },
           get children() {
-            return se();
+            return Te();
           }
         });
       }
-    }), null), d(e, o(g, {
+    }), null), d(e, o(h, {
       get when() {
-        return w(() => !!l())() && (A().length > 0 || i.mobileNavigationActions?.length);
+        return P(() => !!l())() && (T().length > 0 || i.mobileNavigationActions?.length);
       },
       get children() {
-        return o($e, {
+        return o(rt, {
           ref: (t) => {
-            D = t;
+            Q = t;
           },
           get actions() {
             return i.mobileNavigationActions;
           },
           get hidden() {
-            return !!(i.hideMobileNavigationWhenKeyboardOpen && te() && !O());
+            return !!(i.hideMobileNavigationWhenKeyboardOpen && ce() && !$());
           },
           get items() {
-            return A();
+            return T();
           },
           get activeId() {
-            return He({
-              activeId: R(),
-              mobileSidebarOpen: z.pending() ? !0 : T(),
-              activeIsFullScreen: c?.getComponent(R())?.sidebar?.fullScreen ?? E(),
+            return at({
+              activeId: H(),
+              mobileSidebarOpen: F.pending() ? !0 : L(),
+              activeIsFullScreen: c?.getComponent(H())?.sidebar?.fullScreen ?? N(),
               activeIsPage: (() => {
-                const t = c?.getComponent(R())?.sidebar;
-                return t ? t.fullScreen === !0 || t.renderIn === "main" : le();
+                const t = c?.getComponent(H())?.sidebar;
+                return t ? t.fullScreen === !0 || t.renderIn === "main" : Pe();
               })()
             });
           },
-          onSelect: U,
+          onSelect: X,
           get ariaLabel() {
-            return v().mobileNavigationLabel;
+            return f().mobileNavigationLabel;
           },
           get class() {
             return i.slotClassNames?.mobileTabBar;
           }
         });
       }
-    }), null), N((t) => {
-      var m = i.fillParent ? "100%" : void 0, S = M(
+    }), null), B((t) => {
+      var m = i.fillParent ? "100%" : void 0, C = I(
         // Use dvh when supported to avoid mobile browser UI causing layout jumps.
         "h-screen h-[100dvh] w-full flex flex-col overflow-hidden",
         "bg-background text-foreground",
@@ -446,8 +503,8 @@ function gt(i) {
         l() && i.topBarMobileMode === "hidden" && "safe-top",
         i.slotClassNames?.root,
         i.class
-      ), f = `#${v().mainContentId}`, k = M("fixed left-3 top-3 z-[120] rounded-md bg-primary px-3 py-2 text-xs font-medium text-primary-foreground shadow-md", "transition-transform duration-150 motion-reduce:transition-none", "-translate-y-[200%] focus:translate-y-0"), x = O(), j = O() ? "true" : void 0, p = M("flex-1 min-w-0 flex flex-col overflow-hidden", i.slotClassNames?.contentArea), G = M("flex-1 min-h-0 overflow-auto overscroll-contain", i.slotClassNames?.main), J = v().mainContentId, X = v().mainLabel;
-      return m !== t.e && Y(e, "height", t.e = m), S !== t.t && y(e, t.t = S), f !== t.a && P(a, "href", t.a = f), k !== t.o && y(a, t.o = k), x !== t.i && (n.inert = t.i = x), j !== t.n && P(n, "aria-hidden", t.n = j), p !== t.s && y(b, t.s = p), G !== t.h && y($, t.h = G), J !== t.r && P($, "id", t.r = J), X !== t.d && P($, "aria-label", t.d = X), t;
+      ), v = `#${f().mainContentId}`, O = I("fixed left-3 top-3 z-[120] rounded-md bg-primary px-3 py-2 text-xs font-medium text-primary-foreground shadow-md", "transition-transform duration-150 motion-reduce:transition-none", "-translate-y-[200%] focus:translate-y-0"), R = $(), Z = $() ? "true" : void 0, ee = i.sidebarMinContentWidth ? "true" : void 0, te = i.sidebarMinContentWidth ? "true" : void 0, ie = S() ? "overlay" : "inline", re = Se(), ne = I("flex-1 min-w-0 flex flex-col overflow-hidden", i.slotClassNames?.contentArea), oe = I("flex-1 min-h-0 overflow-auto overscroll-contain", i.slotClassNames?.main), ae = f().mainContentId, le = f().mainLabel;
+      return m !== t.e && G(e, "height", t.e = m), C !== t.t && k(e, t.t = C), v !== t.a && w(a, "href", t.a = v), O !== t.o && k(a, t.o = O), R !== t.i && (r.inert = t.i = R), Z !== t.n && w(r, "aria-hidden", t.n = Z), ee !== t.s && w(r, "data-floe-dialog-surface-host", t.s = ee), te !== t.h && w(r, "data-floe-surface-portal-layer", t.h = te), ie !== t.r && w(r, "data-floe-shell-sidebar-presentation", t.r = ie), re !== t.d && (b.inert = t.d = re), ne !== t.l && k(b, t.l = ne), oe !== t.u && k(E, t.u = oe), ae !== t.c && w(E, "id", t.c = ae), le !== t.w && w(E, "aria-label", t.w = le), t;
     }, {
       e: void 0,
       t: void 0,
@@ -458,11 +515,15 @@ function gt(i) {
       s: void 0,
       h: void 0,
       r: void 0,
-      d: void 0
+      d: void 0,
+      l: void 0,
+      u: void 0,
+      c: void 0,
+      w: void 0
     }), e;
   })();
 }
-ye(["click"]);
+Fe(["click"]);
 export {
-  gt as Shell
+  qt as Shell
 };