@floegence/floe-webapp-core 0.86.60 → 0.86.63

package/dist/components/layout/Shell.js

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