@danxbot/ui 15.3.0 → 15.4.0

package/dist/index.js

@@ -30206,45 +30206,46 @@ function oB(e) {
 const sB = (e) => typeof e == "boolean";
 function iK({
   brand: e,
-  sections: t,
-  activeId: n,
-  sidebarFooter: r,
-  header: o,
-  contentLandmark: s = "main",
-  navLabel: i = "Main",
-  scroll: a = "content",
-  scrollResetKey: l,
-  persistId: c = "app-shell-sidebar",
-  children: u,
-  className: p
+  brandCollapsed: t,
+  sections: n,
+  activeId: r,
+  sidebarFooter: o,
+  header: s,
+  contentLandmark: i = "main",
+  navLabel: a = "Main",
+  scroll: l = "content",
+  scrollResetKey: c,
+  persistId: u = "app-shell-sidebar",
+  children: p,
+  className: d
 }) {
-  const d = s === "main" ? "main" : "div", h = a === "content", [m, g] = Fk(
-    c === !1 ? void 0 : c,
+  const h = i === "main" ? "main" : "div", m = l === "content", [g, b] = Fk(
+    u === !1 ? void 0 : u,
     !1,
     { isValid: sB }
-  ), b = ye(null);
+  ), x = ye(null);
   $e(() => {
-    l !== void 0 && b.current?.scrollTo({ top: 0, behavior: "instant" });
-  }, [l]);
-  const [x, w] = he(!1), v = /* @__PURE__ */ f(
+    c !== void 0 && x.current?.scrollTo({ top: 0, behavior: "instant" });
+  }, [c]);
+  const [w, v] = he(!1), E = /* @__PURE__ */ f(
     Ry,
     {
-      sections: t,
-      activeId: n,
-      collapsed: m,
-      label: i,
-      onNavigate: () => w(!1)
+      sections: n,
+      activeId: r,
+      collapsed: g,
+      label: a,
+      onNavigate: () => v(!1)
     }
   );
   return (
     /* THE ONE VIEWPORT UNIT. Everything below it is `flex-1` and `min-h-0`,
        so no descendant — here or in a consumer's screen — ever has a reason to
        name `dvh` or subtract a token from it. */
-    /* @__PURE__ */ P("div", { className: U("flex bg-canvas", h ? "h-dvh" : "min-h-dvh", p), children: [
+    /* @__PURE__ */ P("div", { className: U("flex bg-canvas", m ? "h-dvh" : "min-h-dvh", d), children: [
       /* @__PURE__ */ P(
         "aside",
         {
-          "data-collapsed": m || void 0,
+          "data-collapsed": g || void 0,
           className: U(
             "group/sidebar hidden shrink-0 flex-col border-r border-border-subtle bg-surface lg:flex",
             /* Bounded: nothing. A flex item in a row of a fixed height is
@@ -30254,36 +30255,37 @@ function iK({
                so the aside has to state the viewport itself and stay put while
                the page scrolls past it — the ONE place a second viewport unit is
                unavoidable, and the reason it lives behind an opt-out. */
-            !h && "sticky top-0 h-dvh",
+            !m && "sticky top-0 h-dvh",
             "transition-[var(--tx-colors),width] duration-(--dur-slow) ease-emphasis",
-            m ? "w-14" : "w-60"
+            g ? "w-14" : "w-60"
           ),
           children: [
-            /* @__PURE__ */ P("div", { className: U("flex h-control-xl shrink-0 items-center gap-2 px-3", m && "justify-center"), children: [
-              !m && /* @__PURE__ */ f("div", { className: "min-w-0 flex-1", children: e }),
+            /* @__PURE__ */ P("div", { className: U("flex h-control-xl shrink-0 items-center gap-2 px-3", g && "justify-center"), children: [
+              !g && /* @__PURE__ */ f("div", { className: "min-w-0 flex-1", children: e }),
               /* @__PURE__ */ f(
                 gt,
                 {
-                  label: m ? "Expand sidebar" : "Collapse sidebar",
+                  label: g ? "Expand sidebar" : "Collapse sidebar",
                   tooltipSide: "right",
-                  onClick: () => g((E) => !E),
+                  onClick: () => b((C) => !C),
                   icon: /* @__PURE__ */ f(
                     de,
                     {
                       name: "panel-left",
                       size: "sm",
-                      className: U("transition-[var(--tx-colors),transform,translate,scale,rotate] duration-(--dur-base)", m && "rotate-180")
+                      className: U("transition-[var(--tx-colors),transform,translate,scale,rotate] duration-(--dur-base)", g && "rotate-180")
                     }
                   )
                 }
               )
             ] }),
-            /* @__PURE__ */ f("div", { className: "relative min-h-0 flex-1 overflow-y-auto px-2 py-2", children: v }),
-            r && /* @__PURE__ */ f("div", { className: "shrink-0 border-t border-border-subtle p-2", children: r })
+            g && t && /* @__PURE__ */ f("div", { className: "flex shrink-0 items-center justify-center px-3 pb-2", children: t }),
+            /* @__PURE__ */ f("div", { className: "relative min-h-0 flex-1 overflow-y-auto px-2 py-2", children: E }),
+            o && /* @__PURE__ */ f("div", { className: "shrink-0 border-t border-border-subtle p-2", children: o })
           ]
         }
       ),
-      /* @__PURE__ */ P("div", { className: U("flex min-w-0 flex-1 flex-col", h && "min-h-0"), children: [
+      /* @__PURE__ */ P("div", { className: U("flex min-w-0 flex-1 flex-col", m && "min-h-0"), children: [
         /* @__PURE__ */ P(
           "header",
           {
@@ -30294,10 +30296,10 @@ function iK({
                  OUTSIDE the scroller, so there is nothing for it to stick to.
                  `sticky top-0` there would be a declaration that reads as intent
                  and does nothing. */
-              !h && "sticky top-0"
+              !m && "sticky top-0"
             ),
             children: [
-              /* @__PURE__ */ P(_m, { open: x, onOpenChange: w, children: [
+              /* @__PURE__ */ P(_m, { open: w, onOpenChange: v, children: [
                 /* @__PURE__ */ f(
                   Yu,
                   {
@@ -30353,34 +30355,34 @@ function iK({
                         /* @__PURE__ */ f("div", { className: "relative min-h-0 flex-1 overflow-y-auto px-2 py-2", children: /* @__PURE__ */ f(
                           Ry,
                           {
-                            sections: t,
-                            activeId: n,
+                            sections: n,
+                            activeId: r,
                             collapsed: !1,
-                            label: i,
-                            onNavigate: () => w(!1)
+                            label: a,
+                            onNavigate: () => v(!1)
                           }
                         ) }),
-                        r && /* @__PURE__ */ f("div", { className: "shrink-0 border-t border-border-subtle p-2", children: r })
+                        o && /* @__PURE__ */ f("div", { className: "shrink-0 border-t border-border-subtle p-2", children: o })
                       ]
                     }
                   )
                 ] })
               ] }),
-              o
+              s
             ]
           }
         ),
         /* @__PURE__ */ f(
-          d,
+          h,
           {
-            ref: b,
+            ref: x,
             "data-app-shell-content": "",
-            tabIndex: h ? 0 : -1,
+            tabIndex: m ? 0 : -1,
             className: U(
               "flex min-w-0 flex-1 flex-col outline-none",
-              h && "relative min-h-0 overflow-y-auto focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-accent-border"
+              m && "relative min-h-0 overflow-y-auto focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-accent-border"
             ),
-            children: u
+            children: p
           }
         )
       ] })