@floegence/floe-webapp-core 0.78.10 → 0.79.1

package/dist/components/layout/Shell.js

@@ -1,51 +1,63 @@
-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 r, 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 h, 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 g } 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 { createRetainedContent as Ke } from "../../hooks/createRetainedContent.js";
+import { createAdaptiveSidebar as Ue } from "../../hooks/createAdaptiveSidebar.js";
+import { useResizeObserver as je } from "../../hooks/useResizeObserver.js";
+import { Dialog as Ge } from "../ui/Dialog.js";
+import { DialogPlacementProvider as Je } from "../ui/DialogPlacementContext.js";
+import { useOverlayMask as Qe } from "../../hooks/useOverlayMask.js";
+import { cn as I } from "../../utils/cn.js";
+import { deferAfterPaint as Xe, deferNonBlocking as Ye } from "../../utils/defer.js";
+import { useComponentRegistry as Ze } from "../../context/ComponentRegistry.js";
+import { Sidebar as et } from "./Sidebar.js";
+import { TopBar as tt } from "./TopBar.js";
+import { TopBarIconButton as it } from "./TopBarIconButton.js";
+import { BottomBar as rt } from "./BottomBar.js";
+import { MobileTabBar as nt } from "./MobileTabBar.js";
+import { MobileNavigationPanel as ot } from "./MobileNavigationPanel.js";
+import { ActivityBar as at } from "./ActivityBar.js";
+import { ResizeHandle as se } from "./ResizeHandle.js";
+import { resolveMobileTabActiveId as lt, resolveMobileTabSelect as st } from "./mobileTabs.js";
+import { KeepAliveStack as dt } from "./KeepAliveStack.js";
+import { resolveShellSidebarActiveTabChange as ct } from "./sidebarVisibilityMotion.js";
+import { createUIFirstSelection as bt } from "../../utils/uiFirstSelection.js";
+var de = /* @__PURE__ */ h('<div class="flex items-center gap-2">'), ut = /* @__PURE__ */ h('<div class="h-full min-h-0 overflow-auto">'), mt = /* @__PURE__ */ h('<div class="flex shrink-0 min-h-0">'), ft = /* @__PURE__ */ h('<div class="h-full min-h-0"style=max-width:100%>'), vt = /* @__PURE__ */ h("<div data-floe-shell-slot=mobile-sidebar-backdrop>"), gt = /* @__PURE__ */ h('<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__ */ h("<div data-floe-shell-slot=terminal-panel style=border-top-color:var(--terminal-panel-border)>"), St = /* @__PURE__ */ h('<div data-floe-shell-slot=mobile-accessory class="relative shrink-0">'), yt = /* @__PURE__ */ h('<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 Ut(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 o = De(), ue = qe(), l = o.isMobile, [me, fe] = M(), [ve, ge] = M(), he = je(ve), p = /* @__PURE__ */ new Map(), [_, W] = M(!1), [Se, ye] = M(!1), Ce = Ue({
+    container: me,
+    sidebarWidth: () => (D() ?? o.sidebarWidth()) + (he()?.width ?? 0),
+    minContentWidth: () => i.sidebarMinContentWidth ?? 0
+  }), S = () => !l() && !!i.sidebarMinContentWidth && !u() && Ce() === "overlay";
+  A(() => {
+    (!S() || N()) && W(!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 Ze();
     } catch {
       return null;
     }
-  })(), L = (e, a) => {
+  })(), z = (e, a) => {
     const s = c?.getComponent(e)?.sidebar?.fullScreen ?? !1, {
       openSidebar: n,
       visibilityMotion: b
-    } = _e({
-      currentActiveId: r.sidebarActiveTab(),
+    } = ct({
+      currentActiveId: o.sidebarActiveTab(),
       nextActiveId: e,
       requestedOpenSidebar: a?.openSidebar,
       sidebarHidden: u(),
@@ -53,91 +65,106 @@ function gt(i) {
       isMobile: l(),
       resolveSidebarVisibilityMotion: i.resolveSidebarVisibilityMotion
     });
-    r.setSidebarActiveTab(e, {
+    S() ? (p.get(e)?.focus({
+      preventScroll: !0
+    }), o.setSidebarActiveTab(e, {
+      openSidebar: !1,
+      visibilityMotion: b
+    }), W(!s)) : o.setSidebarActiveTab(e, {
       openSidebar: n,
       visibilityMotion: b
     });
-  }, z = qe({
-    committed: r.sidebarActiveTab,
+  }, F = bt({
+    committed: o.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() : o.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 = o.sidebarVisibilityMotion(), a = o.sidebarVisibilityMotionRevision();
+    e === "instant" && Xe(() => o.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 ? p.set(e.id, a) : p.delete(e.id), e.buttonRef?.(a);
+    },
+    ...S() && !e.onClick ? {
+      ariaExpanded: () => _() && o.sidebarActiveTab() === e.id,
+      ariaHasPopup: "dialog"
+    } : {}
+  }))), xe = (e) => {
+    S() ? (e || p.get(o.sidebarActiveTab())?.focus({
+      preventScroll: !0
+    }), W(!e)) : o.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: () => r(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 r(dt, {
           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(o.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(o.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");
     return [(() => {
-      var n = ee();
-      return d(n, o(_, {
+      var n = de();
+      return d(n, r(J, {
         each: a,
-        children: (b) => o(W, {
+        children: (b) => r(V, {
           get component() {
             return b.component;
           }
         })
       })), n;
     })(), (() => {
-      var n = ee();
-      return d(n, o(_, {
+      var n = de();
+      return d(n, r(J, {
         each: s,
-        children: (b) => o(W, {
+        children: (b) => r(V, {
           get component() {
             return b.component;
           }
@@ -145,55 +172,55 @@ function gt(i) {
       })), n;
     })()];
   });
-  C(() => {
-    const e = A();
+  A(() => {
+    const e = T();
     if (!e.length) return;
-    if (!r.sidebarActiveTab()) {
+    if (!o.sidebarActiveTab()) {
       const s = e.find((n) => !n.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({
+    } = st({
       clickedId: e,
-      activeId: r.sidebarActiveTab(),
-      mobileSidebarOpen: T(),
+      activeId: o.sidebarActiveTab(),
+      mobileSidebarOpen: L(),
       clickedIsFullScreen: a
     });
-    if (r.sidebarActiveTab() !== s) {
+    if (o.sidebarActiveTab() !== s) {
       if (i.activitySelectionMode === "ui-first") {
-        z.request(s, {
+        F.request(s, {
           source: "mobile-tab-bar",
           mobileSidebarOpen: n
         });
         return;
       }
-      L(s);
+      z(s);
     }
-    h(n);
-  }, de = (e) => {
+    y(n);
+  }, Ne = (e) => {
     if (e.onClick) {
-      Pe(() => e.onClick());
+      Ye(() => 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 ? [r(J, {
       each: s,
-      children: (n) => o(ze, {
+      children: (n) => r(it, {
         get label() {
           return n.label;
         },
-        onClick: () => de(n),
+        onClick: () => Ne(n),
         get children() {
-          return o(W, {
+          return r(V, {
             get component() {
               return n.icon;
             },
@@ -202,18 +229,18 @@ function gt(i) {
         }
       })
     }), 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() ? !_() : o.sidebarCollapsed()), Y = () => D() ?? o.sidebarWidth(), f = () => ue.config.accessibility, pe = () => {
+    q(o.sidebarWidth());
+  }, We = (e) => {
+    q((a) => o.clampSidebarWidth((a ?? o.sidebarWidth()) + e));
+  }, Le = () => {
+    const e = D();
+    e !== null && (o.setSidebarWidth(e), q(null));
   };
-  xe({
-    open: () => l() && T() && !u(),
-    root: () => V,
-    onClose: () => h(!1),
+  Qe({
+    open: () => l() && L() && !u(),
+    root: () => K,
+    onClose: () => y(!1),
     lockBodyScroll: !0,
     trapFocus: !0,
     closeOnEscape: !0,
@@ -223,170 +250,206 @@ 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 = Ke(() => (() => {
+    var e = ut();
+    return d(e, () => Be(o.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 = yt(), a = e.firstChild, s = a.nextSibling, n = s.firstChild, b = n.firstChild, E = b.firstChild;
+    return a.$$click = () => $e(), d(a, () => f().skipLinkLabel), d(e, r(g, {
       get when() {
         return !l() || i.topBarMobileMode !== "hidden";
       },
       get children() {
-        return o(Le, {
+        return r(tt, {
           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, n), d(n, r(g, {
       get when() {
         return !l();
       },
       get children() {
-        return [o(g, {
+        return [r(g, {
           get when() {
-            return A().length > 0;
+            return T().length > 0;
           },
           get children() {
-            return o(Fe, {
+            var t = mt();
+            return j(ge, t), d(t, r(at, {
               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, {
+        }), r(g, {
           get when() {
             return !u();
           },
           get children() {
-            return o(Oe, {
-              get width() {
-                return ue();
-              },
-              get collapsed() {
-                return r.sidebarCollapsed() || E();
+            return r(g, {
+              get when() {
+                return S();
               },
-              get visibilityMotion() {
-                return r.sidebarVisibilityMotion();
-              },
-              get ariaLabel() {
-                return v().sidebarLabel;
-              },
-              get resizer() {
-                return o(Z, {
-                  direction: "horizontal",
-                  onResize: fe,
-                  onResizeStart: me,
-                  onResizeEnd: ve
+              get fallback() {
+                return r(et, {
+                  get width() {
+                    return Y();
+                  },
+                  get collapsed() {
+                    return o.sidebarCollapsed() || N();
+                  },
+                  get visibilityMotion() {
+                    return o.sidebarVisibilityMotion();
+                  },
+                  get ariaLabel() {
+                    return f().sidebarLabel;
+                  },
+                  get resizer() {
+                    return r(se, {
+                      direction: "horizontal",
+                      onResize: We,
+                      onResizeStart: pe,
+                      onResizeEnd: Le
+                    });
+                  },
+                  get class() {
+                    return i.slotClassNames?.sidebar;
+                  },
+                  get children() {
+                    return r(U, {});
+                  }
                 });
               },
-              get class() {
-                return i.slotClassNames?.sidebar;
-              },
               get children() {
-                return Q(r.sidebarActiveTab());
+                return r(Je, {
+                  mode: "auto",
+                  get children() {
+                    return r(Ge, {
+                      get open() {
+                        return P(() => !!(S() && _()))() && !N();
+                      },
+                      onOpenChange: W,
+                      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 = ft();
+                        return d(t, r(U, {})), B((m) => G(t, "width", `${Y()}px`)), t;
+                      }
+                    });
+                  }
+                });
               }
             });
           }
         })];
       }
-    }), b), d(n, o(g, {
+    }), b), d(n, r(g, {
       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 = vt();
+          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 = gt(), m = t.firstChild, C = K;
+          return typeof C == "function" ? j(C, t) : K = t, d(m, r(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, r(g, {
       get when() {
-        return w(() => !!(!l() && r.terminalOpened()))() && i.terminalPanel;
+        return P(() => !!(!l() && o.terminalOpened()))() && i.terminalPanel;
       },
       get children() {
-        var t = Qe();
-        return d(t, o(Z, {
+        var t = ht();
+        return d(t, r(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) => o.setTerminalHeight(o.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 = `${o.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, r(g, {
       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 = St();
+        return d(t, () => i.mobileAccessory), B(() => t.inert = $()), t;
       }
-    }), null), d(s, o(g, {
+    }), null), d(s, r(g, {
       get when() {
-        return w(() => !!l())() && i.mobileNavigationPanel;
+        return P(() => !!l())() && i.mobileNavigationPanel;
       },
       get children() {
-        return o(We, he(() => i.mobileNavigationPanel, {
-          navigation: () => D,
+        return r(ot, 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, r(g, {
       get when() {
         return !l();
       },
       get children() {
-        return o(Re, {
+        return r(rt, {
           get class() {
             return i.slotClassNames?.bottomBar;
           },
@@ -394,50 +457,50 @@ function gt(i) {
             return i.slotClassNames?.bottomBarHeight;
           },
           get children() {
-            return se();
+            return Te();
           }
         });
       }
-    }), null), d(e, o(g, {
+    }), null), d(e, r(g, {
       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 r(nt, {
           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 lt({
+              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 +509,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 && (n.inert = t.i = R), Z !== t.n && w(n, "aria-hidden", t.n = Z), ee !== t.s && w(n, "data-floe-dialog-surface-host", t.s = ee), te !== t.h && w(n, "data-floe-surface-portal-layer", t.h = te), ie !== t.r && w(n, "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 +521,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
+  Ut as Shell
 };