@alfadocs/ui-kit 1.59.0 → 1.61.0

package/dist/_chunks/{marketplace-app-shell-DnuHxuoE.js → marketplace-app-shell-p6hPgVwy.js}

@@ -1,28 +1,28 @@
-import { jsxs as n, jsx as e, Fragment as L } from "react/jsx-runtime";
-import { forwardRef as H, useState as ue, useCallback as fe, useEffect as W, useRef as _ } from "react";
-import { useTranslation as B, Trans as he } from "react-i18next";
-import { c as u } from "./index-D2ZczOXr.js";
-import { A as K } from "./app-frame-CqmDh2v5.js";
-import { A as Q } from "./avatar-WZY3eGE7.js";
-import { A as ve } from "./alert-BhCstf2h.js";
-import { C as q } from "./card-BA4Ig_kn.js";
-import { D as p } from "./dropdown-menu-D1we7oAY.js";
-import { T as ge } from "./tab-bar-5GppbMGc.js";
-import { a as F, H as xe, g as be, f as U, e as ke, c as Ne, d as ye } from "./header-C0XQZtu6.js";
-import { H as we } from "./header-settings-BJ6M2p9Q.js";
-import { S as Ce } from "./sign-in-with-alfadocs-button-WfdfqQ8O.js";
-import { S as Se, a as Z, u as Ae, g as Y, b as G, j as Ee, k as ze, i as Me, h as J } from "./sidebar-D_S2-SXH.js";
-import { N as Te } from "./navigation-dismiss-B1mcW1CT.js";
-import { T as Ie } from "./theme-root-BOO73p5t.js";
-import { a as X } from "./tooltip-Cp-PLePW.js";
-import { u as Le } from "./use-theme-CAuo6EYT.js";
-import { u as He } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as Be } from "./use-media-query-CcAx5SMM.js";
-import { A as De, L as Ve } from "./logo-hIsyVE96.js";
-import { A as Oe } from "./Alfadocs_Logo_Mark-Z_b6ZI1g.js";
-import { M as Re } from "./maximize-2-BYd2Kti7.js";
-import { L as Pe } from "./log-out-oDS6zO5d.js";
-const $e = u("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), je = u(
+import { jsxs as n, jsx as e, Fragment as H } from "react/jsx-runtime";
+import { forwardRef as V, useState as he, useCallback as ve, useEffect as _, useRef as K } from "react";
+import { useTranslation as B, Trans as ge } from "react-i18next";
+import { c as p } from "./index-D2ZczOXr.js";
+import { A as Q } from "./app-frame-CqmDh2v5.js";
+import { A as q } from "./avatar-WZY3eGE7.js";
+import { A as xe } from "./alert-BhCstf2h.js";
+import { C as F } from "./card-BA4Ig_kn.js";
+import { D as u } from "./dropdown-menu-D1we7oAY.js";
+import { T as be } from "./tab-bar-5GppbMGc.js";
+import { a as U, H as ke, g as we, f as Y, e as Ne, c as ye, d as Se } from "./header-BVHAt7Fi.js";
+import { H as Ce } from "./header-settings-C200bKyp.js";
+import { S as Ae } from "./sign-in-with-alfadocs-button-CIv0GgeA.js";
+import { S as Te, a as Z, v as Ee, h as Me, c as ze, r as Ie, b as Le, l as He, m as Ve, k as Be, j as G } from "./sidebar-C9Zof0z1.js";
+import { N as Re } from "./navigation-dismiss-B1mcW1CT.js";
+import { T as De } from "./theme-root-BOO73p5t.js";
+import { a as J } from "./tooltip-Cp-PLePW.js";
+import { u as Oe } from "./use-theme-CAuo6EYT.js";
+import { u as je } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as Pe } from "./use-media-query-CcAx5SMM.js";
+import { A as $e, L as We } from "./logo-hIsyVE96.js";
+import { A as _e } from "./Alfadocs_Logo_Mark-Z_b6ZI1g.js";
+import { M as Ke } from "./maximize-2-BYd2Kti7.js";
+import { L as Qe } from "./log-out-oDS6zO5d.js";
+const qe = p("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), Fe = p(
   [
     "ds:[font-family:var(--font-serif)]",
     "ds:font-semibold",
@@ -63,7 +63,7 @@ const $e = u("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), je =
     },
     defaultVariants: { size: "md", tone: "gradient" }
   }
-), We = u("ds:whitespace-nowrap", {
+), Ue = p("ds:whitespace-nowrap", {
   variants: {
     size: {
       sm: "ds:[--lockup-unit:var(--logo-size-sm)]",
@@ -73,31 +73,31 @@ const $e = u("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), je =
     }
   },
   defaultVariants: { size: "md" }
-}), C = H(
+}), y = V(
   ({
     name: s,
-    variant: t = "standard",
+    variant: d = "standard",
     monochrome: a = !1,
-    tone: r = "auto",
-    size: d = "md",
-    className: i,
-    ...m
-  }, o) => {
-    const { t: l } = B("ui");
-    if (t === "maker") {
-      const c = r === "inherit", f = c ? "" : a ? "ds:text-[color:var(--foreground)]" : "ds:text-[color:var(--primary)]", b = c ? "" : a ? "ds:text-[color:var(--foreground)]" : "ds:text-[color:var(--primary)]", A = c ? "" : "ds:text-[color:var(--muted-foreground)]", k = c ? "" : "ds:text-[color:var(--foreground)]";
+    tone: t = "auto",
+    size: r = "md",
+    className: l,
+    ...o
+  }, c) => {
+    const { t: i } = B("ui");
+    if (d === "maker") {
+      const m = t === "inherit", f = m ? "" : a ? "ds:text-[color:var(--foreground)]" : "ds:text-[color:var(--primary)]", b = m ? "" : a ? "ds:text-[color:var(--foreground)]" : "ds:text-[color:var(--primary)]", C = m ? "" : "ds:text-[color:var(--muted-foreground)]", A = m ? "" : "ds:text-[color:var(--foreground)]";
       return /* @__PURE__ */ n(
         "span",
         {
-          ref: o,
+          ref: c,
           role: "img",
-          "aria-label": l("productLockup.makerLabel", { name: s.trim() }),
-          className: We({ size: d, className: i }),
+          "aria-label": i("productLockup.makerLabel", { name: s.trim() }),
+          className: Ue({ size: r, className: l }),
           "data-component": "product-lockup",
-          ...m,
+          ...o,
           children: [
             /* @__PURE__ */ e(
-              Oe,
+              _e,
               {
                 "aria-hidden": !0,
                 className: `ds:inline-block ds:align-middle ds:me-[var(--spacing-sm)] ds:h-[calc(var(--lockup-unit)*0.88)] ds:w-auto ds:forced-colors:text-[CanvasText] ${f}`
@@ -115,21 +115,21 @@ const $e = u("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), je =
               "span",
               {
                 "aria-hidden": !0,
-                className: `ds:align-text-top ds:ms-[var(--spacing-sm)] ds:inline-flex ds:items-baseline ds:gap-[var(--spacing-2xs)] ${A}`,
+                className: `ds:align-text-top ds:ms-[var(--spacing-sm)] ds:inline-flex ds:items-baseline ds:gap-[var(--spacing-2xs)] ${C}`,
                 children: /* @__PURE__ */ e(
-                  he,
+                  ge,
                   {
                     ns: "ui",
-                    t: l,
+                    t: i,
                     i18nKey: "productLockup.attribution",
                     components: {
                       text: /* @__PURE__ */ e("span", { className: "ds:text-[calc(var(--lockup-unit)*0.4)] ds:leading-none" }),
                       brand: /* @__PURE__ */ e(
-                        De,
+                        $e,
                         {
                           "aria-hidden": !0,
                           viewBox: "168 0 637 125",
-                          className: `ds:h-[calc(var(--lockup-unit)*0.45)] ds:w-auto ds:forced-colors:text-[CanvasText] ${k}`
+                          className: `ds:h-[calc(var(--lockup-unit)*0.45)] ds:w-auto ds:forced-colors:text-[CanvasText] ${A}`
                         }
                       )
                     }
@@ -144,19 +144,19 @@ const $e = u("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), je =
     return /* @__PURE__ */ n(
       "span",
       {
-        ref: o,
+        ref: c,
         role: "img",
         "aria-label": `Alfadocs ${s}`.trim(),
-        className: $e({ className: i }),
+        className: qe({ className: l }),
         "data-component": "product-lockup",
-        ...m,
+        ...o,
         children: [
           /* @__PURE__ */ e(
-            Ve,
+            We,
             {
               variant: a ? "monochrome" : "wordmark",
-              tone: r,
-              size: d,
+              tone: t,
+              size: r,
               decorative: !0
             }
           ),
@@ -164,8 +164,8 @@ const $e = u("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), je =
             "span",
             {
               "aria-hidden": !0,
-              className: je({
-                size: d,
+              className: Fe({
+                size: r,
                 tone: a ? "solid" : "gradient"
               }),
               children: s
@@ -176,121 +176,158 @@ const $e = u("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), je =
     );
   }
 );
-C.displayName = "ProductLockup";
-const _e = "(max-width: 767.98px)";
-function Ke(s) {
+y.displayName = "ProductLockup";
+const Ye = "(max-width: 767.98px)";
+function Ge(s) {
   return s > 99 ? "99+" : String(s);
 }
-function Qe({
+function Je({
   user: s,
-  labels: t,
+  labels: d,
   onSignOut: a,
-  onToggleFullscreen: r
+  onToggleFullscreen: t
 }) {
-  const { t: d } = B("ui"), i = t.fullscreen ?? d("marketplaceAppShell.settings.fullscreen");
+  const { t: r } = B("ui"), l = d.fullscreen ?? r("marketplaceAppShell.settings.fullscreen");
   return (
     // Non-modal: an account menu shouldn't inert/aria-hide the whole shell
     // behind it (which leaves the still-focusable chrome inside an
     // aria-hidden region — an `aria-hidden-focus` violation).
-    /* @__PURE__ */ n(p.Root, { modal: !1, children: [
-      /* @__PURE__ */ e(p.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ n(u.Root, { modal: !1, children: [
+      /* @__PURE__ */ e(u.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          "aria-label": t.accountMenu,
+          "aria-label": d.accountMenu,
           "data-testid": "marketplace-account-trigger",
           className: "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0 ds:size-10 ds:rounded-[var(--radius-full)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]",
-          children: /* @__PURE__ */ e("span", { "aria-hidden": "true", children: /* @__PURE__ */ e(Q, { name: s.name, src: s.avatarSrc, size: "md" }) })
+          children: /* @__PURE__ */ e("span", { "aria-hidden": "true", children: /* @__PURE__ */ e(q, { name: s.name, src: s.avatarSrc, size: "md" }) })
         }
       ) }),
-      /* @__PURE__ */ n(p.Content, { align: "end", collisionPadding: 16, children: [
-        /* @__PURE__ */ e(p.Label, { children: /* @__PURE__ */ n("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-          /* @__PURE__ */ e("span", { "aria-hidden": "true", children: /* @__PURE__ */ e(Q, { name: s.name, src: s.avatarSrc, size: "sm" }) }),
+      /* @__PURE__ */ n(u.Content, { align: "end", collisionPadding: 16, children: [
+        /* @__PURE__ */ e(u.Label, { children: /* @__PURE__ */ n("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ e("span", { "aria-hidden": "true", children: /* @__PURE__ */ e(q, { name: s.name, src: s.avatarSrc, size: "sm" }) }),
           /* @__PURE__ */ n("span", { className: "ds:flex ds:flex-col ds:min-w-0", children: [
             /* @__PURE__ */ e("span", { className: "type-label ds:text-[color:var(--foreground)] ds:truncate", children: s.name }),
             s.email ? /* @__PURE__ */ e("span", { className: "type-meta ds:truncate", children: s.email }) : null
           ] })
         ] }) }),
-        r ? /* @__PURE__ */ n(L, { children: [
-          /* @__PURE__ */ e(p.Separator, {}),
+        t ? /* @__PURE__ */ n(H, { children: [
+          /* @__PURE__ */ e(u.Separator, {}),
           /* @__PURE__ */ e(
-            p.Item,
+            u.Item,
             {
-              startIcon: /* @__PURE__ */ e(Re, { "aria-hidden": !0 }),
-              onSelect: r,
+              startIcon: /* @__PURE__ */ e(Ke, { "aria-hidden": !0 }),
+              onSelect: t,
               "data-testid": "marketplace-fullscreen",
-              children: i
+              children: l
             }
           )
         ] }) : null,
-        /* @__PURE__ */ e(p.Separator, {}),
+        /* @__PURE__ */ e(u.Separator, {}),
         /* @__PURE__ */ e(
-          p.Item,
+          u.Item,
           {
-            startIcon: /* @__PURE__ */ e(Pe, { "aria-hidden": !0 }),
+            startIcon: /* @__PURE__ */ e(Qe, { "aria-hidden": !0 }),
             onSelect: a,
             "data-testid": "marketplace-sign-out",
-            children: t.signOut
+            children: d.signOut
           }
         )
       ] })
     ] })
   );
 }
-function qe({
+function Xe({
   nav: s,
-  renderLink: t
+  renderLink: d
 }) {
   return /* @__PURE__ */ e(Z, { children: s.map((a) => {
-    const r = typeof a.badgeCount == "number" && a.badgeCount > 0 ? a.badgeCount : void 0, d = /* @__PURE__ */ n(L, { children: [
-      a.icon ? /* @__PURE__ */ e(Ee, { children: a.icon }) : null,
-      /* @__PURE__ */ e(ze, { children: a.label }),
-      r !== void 0 ? /* @__PURE__ */ e(Me, { children: Ke(r) }) : null
+    const t = typeof a.badgeCount == "number" && a.badgeCount > 0 ? a.badgeCount : void 0, r = /* @__PURE__ */ n(H, { children: [
+      a.icon ? /* @__PURE__ */ e(He, { children: a.icon }) : null,
+      /* @__PURE__ */ e(Ve, { children: a.label }),
+      t !== void 0 ? /* @__PURE__ */ e(Be, { children: Ge(t) }) : null
     ] });
-    return t ? /* @__PURE__ */ e(J, { asChild: !0, isActive: a.isActive, children: t({
+    return d ? /* @__PURE__ */ e(G, { asChild: !0, isActive: a.isActive, children: d({
       href: a.href,
-      children: d,
+      children: r,
       "aria-current": a.isActive ? "page" : void 0
     }) }, a.id) : /* @__PURE__ */ e(
-      J,
+      G,
       {
         href: a.href,
         "aria-label": a.label,
         isActive: a.isActive,
         ...a.onClick ? { onClick: a.onClick } : {},
-        children: d
+        children: r
       },
       a.id
     );
   }) });
 }
-const Fe = u(
-  "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]",
+const Ze = p(
+  "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+  {
+    variants: {
+      mode: {
+        expanded: "ds:min-w-0 ds:flex-1",
+        icon: "ds:items-center",
+        overlay: "ds:min-w-0 ds:flex-1"
+      }
+    },
+    defaultVariants: { mode: "expanded" }
+  }
+), ea = p(
+  // Wraps rather than push a tool off the edge at the accessible size. Empty
+  // when the sections toggle, alone in it, finds no section.
+  "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)] ds:empty:hidden",
   {
     variants: {
       mode: {
         expanded: "",
-        icon: "",
-        overlay: "ds:pe-[calc(var(--min-target-size)+var(--spacing-sm))]"
+        icon: "ds:flex-col",
+        overlay: "ds:justify-end"
       }
     },
     defaultVariants: { mode: "expanded" }
   }
-);
-function Ue({
+), X = (s) => s != null && typeof s != "boolean";
+function aa({
   collapseTrigger: s,
+  sectionsToggle: d,
+  actions: a,
   content: t
 }) {
-  const { mode: a } = Ae(), d = t != null && typeof t != "boolean" && a !== "icon", i = s && a !== "overlay";
-  return d ? /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ n("div", { className: Fe({ mode: a }), children: [
-    i ? /* @__PURE__ */ e("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: /* @__PURE__ */ e(G, {}) }) : null,
-    t
-  ] }) }) : s ? /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(G, {}) }) : null;
+  const { mode: r } = Ee(), l = X(a), o = r === "overlay", c = s && !o, i = X(t) && r !== "icon", m = c || d || l || o;
+  return !m && !i ? null : (
+    // With nothing below it, an empty row hides the whole band too.
+    /* @__PURE__ */ e(
+      Me,
+      {
+        className: i ? void 0 : "ds:has-[[data-sidebar-header-row]:empty]:hidden",
+        children: /* @__PURE__ */ n("div", { className: Ze({ mode: r }), children: [
+          m ? /* @__PURE__ */ n(
+            "div",
+            {
+              "data-sidebar-header-row": "",
+              className: ea({ mode: r }),
+              children: [
+                c ? /* @__PURE__ */ e(ze, {}) : null,
+                d ? /* @__PURE__ */ e(Ie, {}) : null,
+                l ? a : null,
+                o ? /* @__PURE__ */ e(Le, {}) : null
+              ]
+            }
+          ) : null,
+          i ? t : null
+        ] })
+      }
+    )
+  );
 }
 const ee = [
   "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
   "ds:pt-[var(--spacing-lg)] ds:pb-[var(--spacing-md)]"
-].join(" "), I = u("ds:bg-[color:var(--app-shell-background)]", {
+].join(" "), L = p("ds:bg-[color:var(--app-shell-background)]", {
   variants: {
     variant: {
       standalone: "",
@@ -298,61 +335,64 @@ const ee = [
     }
   },
   defaultVariants: { variant: "standalone" }
-}), Ye = "ds:shrink-0 ds:bg-[color:var(--app-shell-background)]";
-function Ge({
+}), sa = "ds:shrink-0 ds:bg-[color:var(--app-shell-background)]";
+function ta({
   nav: s,
-  ariaLabel: t,
+  ariaLabel: d,
   renderLink: a
 }) {
-  const r = a ? ({
-    href: d,
-    className: i,
-    children: m,
-    "aria-current": o,
-    "data-tab-id": l
+  const t = a ? ({
+    href: r,
+    className: l,
+    children: o,
+    "aria-current": c,
+    "data-tab-id": i
   }) => a({
-    href: d,
-    className: i,
-    children: m,
-    "aria-current": o,
+    href: r,
+    className: l,
+    children: o,
+    "aria-current": c,
     // Forward the agent DOM hook — without it a consumer-router tab is
     // invisible to `[data-tab-id]` lookups (PRS §26 §6).
-    "data-tab-id": l
+    "data-tab-id": i
   }) : void 0;
   return /* @__PURE__ */ e(
-    ge,
+    be,
     {
       items: s,
-      ariaLabel: t,
-      ...r ? { renderLink: r } : {}
+      ariaLabel: d,
+      ...t ? { renderLink: t } : {}
     }
   );
 }
-const Je = H(
+const ra = V(
   ({
     productName: s,
-    productHref: t = "/",
+    productHref: d = "/",
     nav: a,
-    renderLink: r,
-    user: d,
-    labels: i,
-    onSignOut: m,
-    onToggleFullscreen: o,
-    sidebarState: l,
-    collapsibleSidebar: c = !1,
+    renderLink: t,
+    user: r,
+    labels: l,
+    onSignOut: o,
+    onToggleFullscreen: c,
+    sidebarState: i,
+    collapsibleSidebar: m = !1,
     sidebarContent: f,
     sidebarHeader: b,
-    onMoveSidebarItem: A,
-    mainAriaLabel: k,
-    variant: ae = "standalone",
+    sidebarActions: C,
+    sidebarSectionsToggle: A = !1,
+    onSetAllSidebarSectionsOpen: ae,
+    onMoveSidebarItem: se,
+    mainAriaLabel: T,
+    variant: te = "standalone",
     endSidebar: E,
-    children: z
-  }, D) => {
-    var j;
-    const { t: M } = B("ui"), se = r ? /* @__PURE__ */ e(F, { asChild: !0, children: r({
-      href: t,
+    children: M
+  }, R) => {
+    var W;
+    const { t: z } = B("ui"), re = t ? /* @__PURE__ */ e(U, { asChild: !0, children: t({
+      href: d,
       children: /* @__PURE__ */ e(
-        C,
+        y,
         {
           name: s,
           size: "md",
@@ -361,11 +401,11 @@ const Je = H(
         }
       )
     }) }) : /* @__PURE__ */ e(
-      F,
+      U,
       {
-        href: t,
+        href: d,
         logo: /* @__PURE__ */ e(
-          C,
+          y,
           {
             name: s,
             size: "md",
@@ -374,103 +414,106 @@ const Je = H(
           }
         )
       }
-    ), { theme: te, accessibility: re, resolvedTheme: V } = Le(), ne = te !== "system" || re !== "system", de = V.startsWith("dark") ? "dark" : "light", ie = V.endsWith("-accessible"), le = Be(_e), N = l ?? (le ? "overlay" : void 0), [y, w] = ue(!1), h = fe(() => w(!1), []);
-    W(() => {
-      N !== "overlay" && w(!1);
-    }, [N]);
-    const T = _(null), O = _(null), R = f === void 0 ? ((j = a.find((v) => v.isActive)) == null ? void 0 : j.id) ?? "" : void 0;
-    He(() => {
+    ), { theme: ne, accessibility: de, resolvedTheme: D } = Oe(), ie = ne !== "system" || de !== "system", le = D.startsWith("dark") ? "dark" : "light", oe = D.endsWith("-accessible"), ce = Pe(Ye), k = i ?? (ce ? "overlay" : void 0), [w, N] = he(!1), h = ve(() => N(!1), []);
+    _(() => {
+      k !== "overlay" && N(!1);
+    }, [k]);
+    const I = K(null), O = K(null), j = f === void 0 ? ((W = a.find((v) => v.isActive)) == null ? void 0 : W.id) ?? "" : void 0;
+    je(() => {
       const v = window.location.href;
-      let S = R ?? null;
-      if (R === void 0 && T.current) {
-        const x = T.current.querySelector('[aria-current="page"]');
+      let S = j ?? null;
+      if (j === void 0 && I.current) {
+        const x = I.current.querySelector('[aria-current="page"]');
         S = (x == null ? void 0 : x.getAttribute("href")) ?? (x == null ? void 0 : x.textContent) ?? "";
       }
       const g = O.current;
-      if (O.current = { open: y, url: v, current: S }, !(g != null && g.open) || !y) return;
-      const pe = g.current !== null && S !== null && g.current !== S;
-      (g.url !== v || pe) && w(!1);
-    }), W(() => {
-      if (y)
+      if (O.current = { open: w, url: v, current: S }, !(g != null && g.open) || !w) return;
+      const fe = g.current !== null && S !== null && g.current !== S;
+      (g.url !== v || fe) && N(!1);
+    }), _(() => {
+      if (w)
         return window.addEventListener("popstate", h), window.addEventListener("hashchange", h), () => {
           window.removeEventListener("popstate", h), window.removeEventListener("hashchange", h);
         };
-    }, [y, h]);
-    const oe = /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(
-      K,
+    }, [w, h]);
+    const me = /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(
+      Q,
       {
-        mainAriaLabel: k,
-        mainClassName: I({ variant: "standalone" }),
-        header: /* @__PURE__ */ n(xe, { children: [
-          /* @__PURE__ */ n(be, { children: [
-            /* @__PURE__ */ e(U, { href: "#main-content" }),
-            /* @__PURE__ */ e(ke, { onMenuOpen: () => w(!0) }),
-            se
+        mainAriaLabel: T,
+        mainClassName: L({ variant: "standalone" }),
+        header: /* @__PURE__ */ n(ke, { children: [
+          /* @__PURE__ */ n(we, { children: [
+            /* @__PURE__ */ e(Y, { href: "#main-content" }),
+            /* @__PURE__ */ e(Ne, { onMenuOpen: () => N(!0) }),
+            re
           ] }),
-          /* @__PURE__ */ e(Ne, {}),
-          /* @__PURE__ */ n(ye, { children: [
-            /* @__PURE__ */ e(we, { size: "sm" }),
+          /* @__PURE__ */ e(ye, {}),
+          /* @__PURE__ */ n(Se, { children: [
+            /* @__PURE__ */ e(Ce, { size: "sm" }),
             /* @__PURE__ */ e(
-              Qe,
+              Je,
               {
-                user: d,
-                labels: i,
-                onSignOut: m,
-                onToggleFullscreen: o
+                user: r,
+                labels: l,
+                onSignOut: o,
+                onToggleFullscreen: c
               }
             )
           ] })
         ] }),
         sidebar: /* @__PURE__ */ e(
-          Se,
+          Te,
           {
-            ref: T,
-            ...N !== void 0 ? { state: N } : { defaultState: "expanded" },
-            open: y,
-            onOpenChange: w,
-            onMoveItem: A,
+            ref: I,
+            ...k !== void 0 ? { state: k } : { defaultState: "expanded" },
+            open: w,
+            onOpenChange: N,
+            onMoveItem: se,
+            onSetAllSectionsOpen: ae,
             onClick: (v) => {
               v.target instanceof Element && v.target.closest("a[href]") && h();
             },
-            "aria-label": M("navigation.sidebar.label"),
+            "aria-label": z("navigation.sidebar.label"),
             "data-testid": "marketplace-app-shell-sidebar",
-            children: /* @__PURE__ */ n(Te.Provider, { value: h, children: [
+            children: /* @__PURE__ */ n(Re.Provider, { value: h, children: [
               /* @__PURE__ */ e(
-                Ue,
+                aa,
                 {
-                  collapseTrigger: c && N === void 0,
+                  collapseTrigger: m && k === void 0,
+                  sectionsToggle: A,
+                  actions: C,
                   content: b
                 }
               ),
-              f !== void 0 ? /* @__PURE__ */ e(Z, { children: f }) : /* @__PURE__ */ e(qe, { nav: a, renderLink: r })
+              f !== void 0 ? /* @__PURE__ */ e(Z, { children: f }) : /* @__PURE__ */ e(Xe, { nav: a, renderLink: t })
             ] })
           }
         ),
         endSidebar: E,
-        children: z
+        children: M
       }
-    ) }), P = /* @__PURE__ */ n(L, { children: [
-      /* @__PURE__ */ e(U, { href: "#main-content" }),
+    ) }), P = /* @__PURE__ */ n(H, { children: [
+      /* @__PURE__ */ e(Y, { href: "#main-content" }),
       /* @__PURE__ */ e(
-        Ge,
+        ta,
         {
           nav: a,
-          ariaLabel: M("navigation.sidebar.label"),
-          renderLink: r
+          ariaLabel: z("navigation.sidebar.label"),
+          renderLink: t
         }
       )
-    ] }), ce = /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(
-      K,
+    ] }), pe = /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(
+      Q,
       {
-        mainAriaLabel: k,
-        mainClassName: I({ variant: "standalone" }),
+        mainAriaLabel: T,
+        mainClassName: L({ variant: "standalone" }),
         padded: !1,
-        header: /* @__PURE__ */ e("div", { className: Ye, children: P }),
+        header: /* @__PURE__ */ e("div", { className: sa, children: P }),
         sidebar: null,
         endSidebar: E,
-        children: /* @__PURE__ */ e("div", { className: ee, children: z })
+        children: /* @__PURE__ */ e("div", { className: ee, children: M })
       }
-    ) }), me = (
+    ) }), ue = (
       // The shell owns the warm-grey canvas; TabBar's strip is transparent and
       // floats its pill on it, and `<main>` continues the same surface.
       /* @__PURE__ */ n("div", { className: "ds:flex ds:min-h-dvh ds:flex-col ds:bg-[color:var(--app-shell-background)]", children: [
@@ -480,19 +523,19 @@ const Je = H(
           {
             id: "main-content",
             tabIndex: -1,
-            "aria-label": k ?? M("navigation.main.label", "Main content"),
-            className: I({ variant: "embedded" }),
-            children: z
+            "aria-label": T ?? z("navigation.main.label", "Main content"),
+            className: L({ variant: "embedded" }),
+            children: M
           }
         )
       ] })
-    ), $ = ae === "embedded" ? E ? ce : me : oe;
-    return ne ? /* @__PURE__ */ e(
-      Ie,
+    ), $ = te === "embedded" ? E ? pe : ue : me;
+    return ie ? /* @__PURE__ */ e(
+      De,
       {
-        ref: D,
-        theme: de,
-        accessible: ie,
+        ref: R,
+        theme: le,
+        accessible: oe,
         className: "ds:contents",
         "data-component": "marketplace-app-shell",
         children: $
@@ -500,7 +543,7 @@ const Je = H(
     ) : /* @__PURE__ */ e(
       "div",
       {
-        ref: D,
+        ref: R,
         className: "ds:contents",
         "data-component": "marketplace-app-shell",
         children: $
@@ -508,8 +551,8 @@ const Je = H(
     );
   }
 );
-Je.displayName = "MarketplaceAppShell";
-const Xe = u(
+ra.displayName = "MarketplaceAppShell";
+const na = p(
   "ds:flex ds:min-h-dvh ds:bg-[color:var(--app-shell-background)]",
   {
     variants: {
@@ -520,7 +563,7 @@ const Xe = u(
     },
     defaultVariants: { layout: "card" }
   }
-), Ze = u("ds:w-full", {
+), da = p("ds:w-full", {
   variants: {
     layout: {
       card: "ds:max-w-[400px]",
@@ -528,39 +571,39 @@ const Xe = u(
     }
   },
   defaultVariants: { layout: "card" }
-}), ea = u("", {
+}), ia = p("", {
   variants: {
     layout: { card: "", split: "ds:lg:hidden" }
   },
   defaultVariants: { layout: "card" }
-}), aa = H(
+}), la = V(
   ({
     productName: s,
-    title: t,
+    title: d,
     description: a,
-    connectLabel: r,
-    status: d = "idle",
-    error: i,
-    onConnect: m,
-    footer: o,
-    layout: l = "card",
-    brandPanel: c,
+    connectLabel: t,
+    status: r = "idle",
+    error: l,
+    onConnect: o,
+    footer: c,
+    layout: i = "card",
+    brandPanel: m,
     className: f
   }, b) => /* @__PURE__ */ n(
     "div",
     {
       ref: b,
       "data-component": "connect-with-alfadocs",
-      className: `${Xe({ layout: l })} ${f ?? ""}`,
+      className: `${na({ layout: i })} ${f ?? ""}`,
       children: [
-        l === "split" ? (
+        i === "split" ? (
           // Desktop brand panel (lg+ only): a bold `--primary` surface with the
           // monochrome lockup riding the `--primary-foreground` ink, plus an
           // optional `brandPanel` slot. Decorative — the card carries the real
           // heading + CTA, and shows its own lockup below `lg:`.
           /* @__PURE__ */ n("div", { className: "ds:hidden ds:lg:flex ds:lg:w-[55%] ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-lg)] ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)] ds:ps-[var(--spacing-2xl)] ds:pe-[var(--spacing-2xl)] ds:pt-[var(--spacing-2xl)] ds:pb-[var(--spacing-2xl)] ds:text-start", children: [
             /* @__PURE__ */ e(
-              C,
+              y,
               {
                 name: s,
                 size: "lg",
@@ -569,45 +612,45 @@ const Xe = u(
                 variant: "maker"
               }
             ),
-            c ? /* @__PURE__ */ e("div", { className: "type-body ds:max-w-[28rem] ds:text-start", children: c }) : null
+            m ? /* @__PURE__ */ e("div", { className: "type-body ds:max-w-[28rem] ds:text-start", children: m }) : null
           ] })
         ) : null,
-        /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-1 ds:items-center ds:justify-center ds:p-[var(--spacing-lg)]", children: /* @__PURE__ */ e(q, { className: Ze({ layout: l }), children: /* @__PURE__ */ n(q.Body, { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center", children: [
+        /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-1 ds:items-center ds:justify-center ds:p-[var(--spacing-lg)]", children: /* @__PURE__ */ e(F, { className: da({ layout: i }), children: /* @__PURE__ */ n(F.Body, { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center", children: [
           /* @__PURE__ */ e(
-            C,
+            y,
             {
               name: s,
               size: "lg",
               variant: "maker",
-              className: ea({ layout: l })
+              className: ia({ layout: i })
             }
           ),
           /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-            /* @__PURE__ */ e("h1", { className: "type-title-card", children: t }),
+            /* @__PURE__ */ e("h1", { className: "type-title-card", children: d }),
             /* @__PURE__ */ e("p", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: a })
           ] }),
-          d === "error" && i ? /* @__PURE__ */ e(ve, { variant: "error", className: "ds:w-full ds:text-start", children: i }) : null,
+          r === "error" && l ? /* @__PURE__ */ e(xe, { variant: "error", className: "ds:w-full ds:text-start", children: l }) : null,
           /* @__PURE__ */ e(
-            Ce,
+            Ae,
             {
               intent: "primary",
               className: "ds:w-full",
-              loading: d === "connecting",
-              onClick: m,
-              label: r,
+              loading: r === "connecting",
+              onClick: o,
+              label: t,
               "data-testid": "connect-with-alfadocs-button"
             }
           ),
-          o ? /* @__PURE__ */ e("div", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: o }) : null
+          c ? /* @__PURE__ */ e("div", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: c }) : null
         ] }) }) })
       ]
     }
   )
 );
-aa.displayName = "ConnectWithAlfadocs";
+la.displayName = "ConnectWithAlfadocs";
 export {
-  aa as C,
-  Je as M,
-  C as P
+  la as C,
+  ra as M,
+  y as P
 };
-//# sourceMappingURL=marketplace-app-shell-DnuHxuoE.js.map
+//# sourceMappingURL=marketplace-app-shell-p6hPgVwy.js.map