@floegence/floe-webapp-core 0.79.0 → 0.80.0

package/dist/components/layout/Shell.js

@@ -1,41 +1,42 @@
-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 { 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 { 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 { 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 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 { 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 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) {
+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 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({
+  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() ?? n.sidebarWidth()) + (ge()?.width ?? 0),
+    sidebarWidth: () => (D() ?? o.sidebarWidth()) + (he()?.width ?? 0),
     minContentWidth: () => i.sidebarMinContentWidth ?? 0
   }), S = () => !l() && !!i.sidebarMinContentWidth && !u() && Ce() === "overlay";
   A(() => {
-    (!S() || N()) && p(!1);
+    (!S() || N()) && W(!1);
   });
   const [L, y] = M(!1), [$, we] = M(!1);
   let Q;
@@ -47,16 +48,16 @@ function qt(i) {
   let K;
   const u = () => i.sidebarMode === "hidden", c = (() => {
     try {
-      return Ye();
+      return Ze();
     } catch {
       return null;
     }
   })(), z = (e, a) => {
     const s = c?.getComponent(e)?.sidebar?.fullScreen ?? !1, {
-      openSidebar: r,
+      openSidebar: n,
       visibilityMotion: b
-    } = dt({
-      currentActiveId: n.sidebarActiveTab(),
+    } = ct({
+      currentActiveId: o.sidebarActiveTab(),
       nextActiveId: e,
       requestedOpenSidebar: a?.openSidebar,
       sidebarHidden: u(),
@@ -64,24 +65,24 @@ function qt(i) {
       isMobile: l(),
       resolveSidebarVisibilityMotion: i.resolveSidebarVisibilityMotion
     });
-    S() ? (W.get(e)?.focus({
+    S() ? (p.get(e)?.focus({
       preventScroll: !0
-    }), n.setSidebarActiveTab(e, {
+    }), o.setSidebarActiveTab(e, {
       openSidebar: !1,
       visibilityMotion: b
-    }), p(!s)) : n.setSidebarActiveTab(e, {
-      openSidebar: r,
+    }), W(!s)) : o.setSidebarActiveTab(e, {
+      openSidebar: n,
       visibilityMotion: b
     });
-  }, F = ct({
-    committed: n.sidebarActiveTab,
+  }, F = bt({
+    committed: o.sidebarActiveTab,
     commit: (e, a) => {
       Ve(() => {
         z(e, a?.opts), typeof a?.mobileSidebarOpen == "boolean" && y(a.mobileSidebarOpen);
       });
     },
     onEvent: (e) => i.onActivitySelectionEvent?.(e)
-  }), H = () => i.activitySelectionMode === "ui-first" ? F.visual() : n.sidebarActiveTab(), ke = (e, a) => {
+  }), H = () => i.activitySelectionMode === "ui-first" ? F.visual() : o.sidebarActiveTab(), ke = (e, a) => {
     if (i.activitySelectionMode === "ui-first") {
       F.request(e, {
         source: "activity-bar",
@@ -96,8 +97,8 @@ function qt(i) {
   }), A(() => {
     l() || y(!1);
   }), A(() => {
-    const e = n.sidebarVisibilityMotion(), a = n.sidebarVisibilityMotionRevision();
-    e === "instant" && Qe(() => n.clearSidebarVisibilityMotion(a));
+    const e = o.sidebarVisibilityMotion(), a = o.sidebarVisibilityMotionRevision();
+    e === "instant" && Xe(() => o.clearSidebarVisibilityMotion(a));
   });
   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,
@@ -108,19 +109,19 @@ function qt(i) {
   })) : []), Ae = x(() => T().map((e) => ({
     ...e,
     buttonRef: (a) => {
-      a ? W.set(e.id, a) : W.delete(e.id), e.buttonRef?.(a);
+      a ? p.set(e.id, a) : p.delete(e.id), e.buttonRef?.(a);
     },
     ...S() && !e.onClick ? {
-      ariaExpanded: () => _() && n.sidebarActiveTab() === e.id,
+      ariaExpanded: () => _() && o.sidebarActiveTab() === e.id,
       ariaHasPopup: "dialog"
     } : {}
   }))), xe = (e) => {
-    S() ? (e || W.get(n.sidebarActiveTab())?.focus({
+    S() ? (e || p.get(o.sidebarActiveTab())?.focus({
       preventScroll: !0
-    }), p(!e)) : n.setSidebarCollapsed(e);
+    }), 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(V, {
+    render: () => r(V, {
       get component() {
         return e.component;
       }
@@ -129,17 +130,17 @@ function qt(i) {
     if (!u()) {
       if (i.sidebarContent) return i.sidebarContent(e);
       if (c)
-        return o(st, {
+        return r(dt, {
           get views() {
             return Ie();
           },
           activeId: e
         });
     }
-  }, N = x(() => u() ? !0 : c ? c.getComponent(n.sidebarActiveTab())?.sidebar?.fullScreen ?? !1 : !1), Pe = x(() => {
+  }, 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(n.sidebarActiveTab());
+    const e = c.getComponent(o.sidebarActiveTab());
     return e?.sidebar ? e.sidebar.fullScreen === !0 || e.sidebar.renderIn === "main" : !1;
   });
   A(() => {
@@ -148,34 +149,34 @@ function qt(i) {
   const Te = x(() => {
     if (i.bottomBarItems) return i.bottomBarItems;
     if (!c) return;
-    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");
+    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 r = de();
-      return d(r, o(J, {
+      var n = de();
+      return d(n, r(J, {
         each: a,
-        children: (b) => o(V, {
+        children: (b) => r(V, {
           get component() {
             return b.component;
           }
         })
-      })), r;
+      })), n;
     })(), (() => {
-      var r = de();
-      return d(r, o(J, {
+      var n = de();
+      return d(n, r(J, {
         each: s,
-        children: (b) => o(V, {
+        children: (b) => r(V, {
           get component() {
             return b.component;
           }
         })
-      })), r;
+      })), n;
     })()];
   });
   A(() => {
     const e = T();
     if (!e.length) return;
-    if (!n.sidebarActiveTab()) {
-      const s = e.find((r) => !r.onClick);
+    if (!o.sidebarActiveTab()) {
+      const s = e.find((n) => !n.onClick);
       if (!s) return;
       z(s.id);
     }
@@ -183,27 +184,27 @@ function qt(i) {
   const X = (e) => {
     const a = u() ? !0 : c?.getComponent(e)?.sidebar?.fullScreen ?? !1, {
       nextActiveId: s,
-      nextMobileSidebarOpen: r
-    } = lt({
+      nextMobileSidebarOpen: n
+    } = st({
       clickedId: e,
-      activeId: n.sidebarActiveTab(),
+      activeId: o.sidebarActiveTab(),
       mobileSidebarOpen: L(),
       clickedIsFullScreen: a
     });
-    if (n.sidebarActiveTab() !== s) {
+    if (o.sidebarActiveTab() !== s) {
       if (i.activitySelectionMode === "ui-first") {
         F.request(s, {
           source: "mobile-tab-bar",
-          mobileSidebarOpen: r
+          mobileSidebarOpen: n
         });
         return;
       }
       z(s);
     }
-    y(r);
+    y(n);
   }, Ne = (e) => {
     if (e.onClick) {
-      Xe(() => e.onClick());
+      Ye(() => e.onClick());
       return;
     }
     X(e.id);
@@ -211,32 +212,32 @@ function qt(i) {
     const e = i.topBarActions;
     if (!l() || (i.activityBottomItemsMobileMode ?? "hidden") !== "topBar") return e;
     const s = i.activityBottomItems ?? [];
-    return s.length ? [o(J, {
+    return s.length ? [r(J, {
       each: s,
-      children: (r) => o(tt, {
+      children: (n) => r(it, {
         get label() {
-          return r.label;
+          return n.label;
         },
-        onClick: () => Ne(r),
+        onClick: () => Ne(n),
         get children() {
-          return o(V, {
+          return r(V, {
             get component() {
-              return r.icon;
+              return n.icon;
             },
             class: "w-4 h-4"
           });
         }
       })
     }), e] : e;
-  }), 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));
+  }), 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 && (n.setSidebarWidth(e), q(null));
+    e !== null && (o.setSidebarWidth(e), q(null));
   };
-  Je({
+  Qe({
     open: () => l() && L() && !u(),
     root: () => K,
     onClose: () => y(!1),
@@ -257,18 +258,18 @@ function qt(i) {
         e.focus();
       } catch {
       }
-  }, U = (() => {
-    var e = bt();
-    return d(e, () => Be(n.sidebarActiveTab())), e;
-  })();
+  }, U = Ke(() => (() => {
+    var e = ut();
+    return d(e, () => Be(o.sidebarActiveTab())), e;
+  })());
   return (() => {
-    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, {
+    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(et, {
+        return r(tt, {
           get logo() {
             return i.logo;
           },
@@ -283,18 +284,18 @@ function qt(i) {
           }
         });
       }
-    }), s), j(fe, r), d(r, o(h, {
+    }), s), j(fe, n), d(n, r(g, {
       get when() {
         return !l();
       },
       get children() {
-        return [o(h, {
+        return [r(g, {
           get when() {
             return T().length > 0;
           },
           get children() {
-            var t = ut();
-            return j(he, t), d(t, o(ot, {
+            var t = mt();
+            return j(ge, t), d(t, r(at, {
               get items() {
                 return Ae();
               },
@@ -319,80 +320,85 @@ function qt(i) {
               }
             })), t;
           }
-        }), o(h, {
+        }), r(g, {
           get when() {
             return !u();
           },
           get children() {
-            return [o(h, {
+            return r(g, {
               get when() {
-                return !S();
+                return S();
               },
-              get children() {
-                return o(Ze, {
+              get fallback() {
+                return r(et, {
                   get width() {
                     return Y();
                   },
                   get collapsed() {
-                    return n.sidebarCollapsed() || N();
+                    return o.sidebarCollapsed() || N();
                   },
                   get visibilityMotion() {
-                    return n.sidebarVisibilityMotion();
+                    return o.sidebarVisibilityMotion();
                   },
                   get ariaLabel() {
                     return f().sidebarLabel;
                   },
                   get resizer() {
-                    return o(se, {
+                    return r(se, {
                       direction: "horizontal",
-                      onResize: pe,
-                      onResizeStart: We,
+                      onResize: We,
+                      onResizeStart: pe,
                       onResizeEnd: Le
                     });
                   },
                   get class() {
                     return i.slotClassNames?.sidebar;
                   },
-                  children: U
+                  get children() {
+                    return r(U, {});
+                  }
                 });
-              }
-            }), o(Ge, {
-              mode: "auto",
+              },
               get children() {
-                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",
+                return r(Je, {
+                  mode: "auto",
                   get children() {
-                    var t = mt();
-                    return d(t, U), B((m) => G(t, "width", `${Y()}px`)), t;
+                    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(r, o(h, {
+    }), b), d(n, r(g, {
       get when() {
         return P(() => !!(l() && L()))() && !u();
       },
       get children() {
         return [(() => {
-          var t = ft();
+          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 = vt(), m = t.firstChild, C = K;
-          return typeof C == "function" ? j(C, t) : K = t, d(m, U), B((v) => {
+          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;
           }, {
@@ -401,49 +407,49 @@ function qt(i) {
           }), t;
         })()];
       }
-    }), b), d(E, () => i.children), d(b, o(h, {
+    }), b), d(E, () => i.children), d(b, r(g, {
       get when() {
-        return P(() => !!(!l() && n.terminalOpened()))() && i.terminalPanel;
+        return P(() => !!(!l() && o.terminalOpened()))() && i.terminalPanel;
       },
       get children() {
         var t = ht();
-        return d(t, o(se, {
+        return d(t, r(se, {
           direction: "vertical",
-          onResize: (m) => n.setTerminalHeight(n.terminalHeight() - 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 = `${n.terminalHeight()}px`;
+          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(h, {
+    }), null), d(s, r(g, {
       get when() {
         return P(() => !!l())() && i.mobileAccessory;
       },
       get children() {
-        var t = gt();
+        var t = St();
         return d(t, () => i.mobileAccessory), B(() => t.inert = $()), t;
       }
-    }), null), d(s, o(h, {
+    }), null), d(s, r(g, {
       get when() {
         return P(() => !!l())() && i.mobileNavigationPanel;
       },
       get children() {
-        return o(nt, ze(() => i.mobileNavigationPanel, {
+        return r(ot, ze(() => i.mobileNavigationPanel, {
           navigation: () => Q,
           onPresenceChange: (t) => {
             we(t), i.mobileNavigationPanel?.onPresenceChange?.(t);
           }
         }));
       }
-    }), null), d(e, o(h, {
+    }), null), d(e, r(g, {
       get when() {
         return !l();
       },
       get children() {
-        return o(it, {
+        return r(rt, {
           get class() {
             return i.slotClassNames?.bottomBar;
           },
@@ -455,12 +461,12 @@ function qt(i) {
           }
         });
       }
-    }), null), d(e, o(h, {
+    }), null), d(e, r(g, {
       get when() {
         return P(() => !!l())() && (T().length > 0 || i.mobileNavigationActions?.length);
       },
       get children() {
-        return o(rt, {
+        return r(nt, {
           ref: (t) => {
             Q = t;
           },
@@ -474,7 +480,7 @@ function qt(i) {
             return T();
           },
           get activeId() {
-            return at({
+            return lt({
               activeId: H(),
               mobileSidebarOpen: F.pending() ? !0 : L(),
               activeIsFullScreen: c?.getComponent(H())?.sidebar?.fullScreen ?? N(),
@@ -504,7 +510,7 @@ function qt(i) {
         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 = $(), 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;
+      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,
@@ -525,5 +531,5 @@ function qt(i) {
 }
 Fe(["click"]);
 export {
-  qt as Shell
+  Ut as Shell
 };