@alfadocs/ui-kit 0.96.0 → 0.97.1

package/dist/_chunks/{marketplace-app-shell-35eRpT3r.js → marketplace-app-shell-DpOR905C.js}

@@ -11,7 +11,7 @@ import { T as q } from "./tab-bar-Axhk6xzx.js";
 import { a as A, H as G, g as J, f as z, e as K, c as Q, d as U } from "./header-CjwasYnn.js";
 import { H as X } from "./header-settings-CLwFqMHI.js";
 import { S as Y } from "./sign-in-with-alfadocs-button-UlYefZpI.js";
-import { S as Z, g as _, b as aa, a as ea, j as sa, k as ra, i as ta, h as I } from "./sidebar-C0PbwJBc.js";
+import { S as Z, g as _, b as aa, a as ea, j as sa, k as ra, i as ta, h as I } from "./sidebar-CanH-Sha.js";
 import { T as na } from "./theme-root-BOO73p5t.js";
 import { a as da } from "./tooltip-DvmfrNvB.js";
 import { u as ia } from "./use-theme-CAuo6EYT.js";
@@ -520,4 +520,4 @@ export {
   ka as M,
   g as P
 };
-//# sourceMappingURL=marketplace-app-shell-35eRpT3r.js.map
+//# sourceMappingURL=marketplace-app-shell-DpOR905C.js.map

package/dist/_chunks/{sidebar-C0PbwJBc.js → sidebar-CanH-Sha.js}

@@ -8,7 +8,7 @@ import { a as os } from "./accordion-C11v9ouP.js";
 import { S as ts } from "./scroll-area-BZOvUhwQ.js";
 import { Slot as ls } from "@radix-ui/react-slot";
 import { c as T } from "./index-D2ZczOXr.js";
-import { useTranslation as A } from "react-i18next";
+import { useTranslation as _ } from "react-i18next";
 import { u as cs } from "./registry-DvAUVLHh.js";
 import { u as us } from "./use-edge-resize-ZnGG7gyO.js";
 import { c as ms } from "./compose-refs-C0k0tdqF.js";
@@ -164,12 +164,12 @@ const J = T(
   "ds:before:[inset-block:0]",
   "ds:before:[inline-size:var(--min-target-size)]",
   "ds:before:[inset-inline:calc(0px_-_(var(--min-target-size)_-_var(--resizable-handle-size))_/_2)]"
-].join(" "), As = b(
+].join(" "), _s = b(
   ({
     state: e,
     defaultState: a = "expanded",
     onStateChange: r,
-    density: i = "default",
+    density: d = "default",
     open: n,
     onOpenChange: c,
     resizable: o = !1,
@@ -179,17 +179,17 @@ const J = T(
     id: f,
     ...g
   }, w) => {
-    const { t: y } = A(), d = e !== void 0, [N, z] = B(
-      () => d ? e : Cs(a)
-    ), m = d ? e : N;
+    const { t: y } = _(), i = e !== void 0, [N, z] = B(
+      () => i ? e : Cs(a)
+    ), m = i ? e : N;
     L(() => {
-      d || ks(N);
-    }, [N, d]);
+      i || ks(N);
+    }, [N, i]);
     const S = ss(
       (k) => {
-        d || z(k), r == null || r(k);
+        i || z(k), r == null || r(k);
       },
-      [d, r]
+      [i, r]
     ), j = t ?? y("navigation.sidebar.label"), C = G(m);
     L(() => {
       C.current = m;
@@ -205,9 +205,9 @@ const J = T(
       [S]
     );
     cs(js, F, f);
-    const D = G(null), _ = $(() => ms(w, D), [w]), { separatorProps: U, isResizing: P } = us({
+    const A = G(null), D = $(() => ms(w, A), [w]), { separatorProps: U, isResizing: P } = us({
       edge: "inline-end",
-      targetRef: D,
+      targetRef: A,
       cssProperty: "--sidebar-modern-expanded-size",
       minSize: Ts,
       maxSize: Is,
@@ -217,7 +217,7 @@ const J = T(
     return m === "overlay" ? /* @__PURE__ */ s(
       O.Provider,
       {
-        value: { mode: "overlay", density: i, transitionTo: S },
+        value: { mode: "overlay", density: d, transitionTo: S },
         children: /* @__PURE__ */ s(R.Root, { open: n, onOpenChange: c, children: /* @__PURE__ */ u(R.Portal, { children: [
           /* @__PURE__ */ s(
             R.Overlay,
@@ -242,7 +242,7 @@ const J = T(
                 // utilities and compiled to nothing.
                 "ds:start-0 ds:top-0",
                 "ds:h-dvh",
-                J({ mode: "overlay", density: i }),
+                J({ mode: "overlay", density: d }),
                 "ds:shadow-[var(--shadow-xl)]",
                 "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
                 "ds:data-[state=open]:slide-in-from-left ds:data-[state=closed]:slide-out-to-left",
@@ -255,7 +255,7 @@ const J = T(
                 /* @__PURE__ */ s(
                   "nav",
                   {
-                    ref: _,
+                    ref: D,
                     id: f,
                     "aria-label": j,
                     "data-component": "sidebar",
@@ -290,21 +290,21 @@ const J = T(
     ) : /* @__PURE__ */ s(
       O.Provider,
       {
-        value: { mode: m, density: i, transitionTo: S },
+        value: { mode: m, density: d, transitionTo: S },
         children: /* @__PURE__ */ s(h.Provider, { delayDuration: 300, children: /* @__PURE__ */ u(
           "nav",
           {
-            ref: _,
+            ref: D,
             id: f,
             "aria-label": j,
             "data-component": "sidebar",
             "data-component-id": f,
             "data-mode": m,
-            "data-density": i,
+            "data-density": d,
             "data-resizing": P ? "" : void 0,
             className: [
-              J({ mode: m, density: i }),
-              i === "compact" ? "ds:density-compact" : "",
+              J({ mode: m, density: d }),
+              d === "compact" ? "ds:density-compact" : "",
               l ?? ""
             ].filter(Boolean).join(" "),
             ...g,
@@ -326,9 +326,9 @@ const J = T(
     );
   }
 );
-As.displayName = "Sidebar";
-const Ds = b(({ className: e, ...a }, r) => {
-  const { mode: i } = x();
+_s.displayName = "Sidebar";
+const As = b(({ className: e, ...a }, r) => {
+  const { mode: d } = x();
   return /* @__PURE__ */ s(
     "div",
     {
@@ -336,9 +336,18 @@ const Ds = b(({ className: e, ...a }, r) => {
       className: [
         "ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
         "ds:min-h-[var(--min-target-size)]",
-        // Icon-rail is 64px — shrink horizontal padding so a 44×44
-        // control fits centred inside the header.
-        i === "icon" ? "ds:justify-center ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]" : "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+        // Horizontal padding is derived from the icon rail in BOTH modes:
+        // half the slack a `--min-target-size` control leaves in a
+        // `--sidebar-modern-icon-size` rail. That is exactly what
+        // `justify-center` already produced in the rail, so icon mode is
+        // unchanged — and it makes the EXPANDED header start its first
+        // control on the same column. Previously expanded used
+        // `--spacing-md`, so the collapse toggle jumped horizontally every
+        // time the sidebar was toggled (measured: centre 38px expanded vs
+        // 32px collapsed). Keep `justify-center` in the rail so a header
+        // holding something narrower than the target size still centres.
+        d === "icon" ? "ds:justify-center" : "",
+        "ds:[padding-inline:calc((var(--sidebar-modern-icon-size)_-_var(--min-target-size))/2)]",
         "ds:py-[var(--spacing-sm)]",
         // Hairline border + downward chrome shadow cast the header as a
         // sticky top band above the scrolling body.
@@ -350,9 +359,9 @@ const Ds = b(({ className: e, ...a }, r) => {
     }
   );
 });
-Ds.displayName = "SidebarHeader";
-const _s = b(
-  ({ className: e, children: a, ...r }, i) => (
+As.displayName = "SidebarHeader";
+const Ds = b(
+  ({ className: e, children: a, ...r }, d) => (
     // Scroll the nav sections through the kit `ScrollArea` (8px tokenised
     // scrollbar) instead of native `overflow-auto` (the OS scrollbar), so the
     // sidebar matches the Control Room rail and the kit's trays. `flex-1 min-h-0`
@@ -367,7 +376,7 @@ const _s = b(
         children: /* @__PURE__ */ s(
           "div",
           {
-            ref: i,
+            ref: d,
             className: "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:py-[var(--spacing-sm)]",
             ...r,
             children: a
@@ -377,9 +386,9 @@ const _s = b(
     )
   )
 );
-_s.displayName = "SidebarBody";
+Ds.displayName = "SidebarBody";
 const Ps = b(({ className: e, ...a }, r) => {
-  const { mode: i } = x();
+  const { mode: d } = x();
   return /* @__PURE__ */ s(
     "div",
     {
@@ -388,7 +397,7 @@ const Ps = b(({ className: e, ...a }, r) => {
         "ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
         // Icon-rail is 64px — two 44×44 controls can't sit side-by-side,
         // so switch to a vertical stack and let each row self-centre.
-        i === "icon" ? "ds:flex-col ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]" : "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+        d === "icon" ? "ds:flex-col ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]" : "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
         "ds:min-h-[var(--min-target-size)]",
         "ds:py-[var(--spacing-sm)]",
         // Hairline border + upward chrome shadow cast the footer as a
@@ -422,7 +431,7 @@ const Es = [
     label: e,
     icon: a,
     collapsible: r = !0,
-    defaultOpen: i = !0,
+    defaultOpen: d = !0,
     open: n,
     onOpenChange: c,
     className: o,
@@ -456,17 +465,17 @@ const Es = [
         ) : null,
         t
       ] });
-    const d = "section";
+    const i = "section";
     return /* @__PURE__ */ s(
       E.Root,
       {
         type: "single",
         collapsible: !0,
-        defaultValue: n === void 0 && i ? d : void 0,
-        value: n === void 0 ? void 0 : n ? d : "",
-        onValueChange: c ? (N) => c(N === d) : void 0,
+        defaultValue: n === void 0 && d ? i : void 0,
+        value: n === void 0 ? void 0 : n ? i : "",
+        onValueChange: c ? (N) => c(N === i) : void 0,
         asChild: !0,
-        children: /* @__PURE__ */ s("div", { ref: p, className: y, ...l, children: /* @__PURE__ */ u(E.Item, { value: d, children: [
+        children: /* @__PURE__ */ s("div", { ref: p, className: y, ...l, children: /* @__PURE__ */ u(E.Item, { value: i, children: [
           /* @__PURE__ */ s(E.Header, { className: "ds:flex", children: /* @__PURE__ */ u(E.Trigger, { className: Es, children: [
             a ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: Q, children: a }) : null,
             /* @__PURE__ */ s("span", { className: "ds:flex-1 ds:text-start", children: e }),
@@ -508,7 +517,7 @@ const Hs = [
     label: e,
     icon: a,
     children: r,
-    className: i,
+    className: d,
     defaultOpen: n,
     open: c,
     onOpenChange: o,
@@ -522,7 +531,7 @@ const Hs = [
         defaultOpen: n,
         open: c,
         onOpenChange: o,
-        className: i,
+        className: d,
         ...t,
         children: [
           /* @__PURE__ */ u(K.Trigger, { className: Hs, children: [
@@ -631,12 +640,12 @@ const Us = T(
       isActive: !1
     }
   }
-), rs = Z(null), ds = b(
+), rs = Z(null), is = b(
   ({
     asChild: e = !1,
     isActive: a = !1,
     navId: r,
-    isPinned: i = !1,
+    isPinned: d = !1,
     onPinChange: n,
     pinLabel: c,
     className: o,
@@ -644,7 +653,7 @@ const Us = T(
     "aria-label": l,
     ...p
   }, f) => {
-    const { mode: g, density: w } = x(), y = e ? ls : "a", d = n !== void 0 && g !== "icon", [N, z] = B(null), m = g === "icon" && l != null && N ? `${l}, ${N}` : l, S = /* @__PURE__ */ s(
+    const { mode: g, density: w } = x(), y = e ? ls : "a", i = n !== void 0 && g !== "icon", [N, z] = B(null), m = g === "icon" && l != null && N ? `${l}, ${N}` : l, S = /* @__PURE__ */ s(
       y,
       {
         ref: f,
@@ -655,12 +664,12 @@ const Us = T(
           mode: g,
           density: w,
           isActive: a,
-          className: d ? "ds:flex-1 ds:min-w-0" : o
+          className: i ? "ds:flex-1 ds:min-w-0" : o
         }),
         ...p,
         children: t
       }
-    ), j = d ? /* @__PURE__ */ u(
+    ), j = i ? /* @__PURE__ */ u(
       "div",
       {
         className: [
@@ -672,7 +681,7 @@ const Us = T(
           /* @__PURE__ */ s(
             Y,
             {
-              isPinned: i,
+              isPinned: d,
               label: c ?? l ?? "",
               onPinChange: n
             }
@@ -703,11 +712,11 @@ const Us = T(
     return /* @__PURE__ */ s(rs.Provider, { value: z, children: C });
   }
 );
-ds.displayName = "SidebarItem";
-const Ms = b(({ className: e, children: a, ...r }, i) => /* @__PURE__ */ s(
+is.displayName = "SidebarItem";
+const Ms = b(({ className: e, children: a, ...r }, d) => /* @__PURE__ */ s(
   "span",
   {
-    ref: i,
+    ref: d,
     "aria-hidden": "true",
     className: [
       "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
@@ -726,12 +735,12 @@ const Ms = b(({ className: e, children: a, ...r }, i) => /* @__PURE__ */ s(
   }
 ));
 Ms.displayName = "SidebarItemIcon";
-const Vs = b(({ className: e, children: a, ...r }, i) => {
+const Vs = b(({ className: e, children: a, ...r }, d) => {
   const { mode: n } = x();
   return /* @__PURE__ */ s(
     "span",
     {
-      ref: i,
+      ref: d,
       className: [
         "ds:flex-1",
         "ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap ds:break-normal",
@@ -745,7 +754,7 @@ const Vs = b(({ className: e, children: a, ...r }, i) => {
   );
 });
 Vs.displayName = "SidebarItemLabel";
-const Ks = b(({ className: e, children: a, ...r }, i) => {
+const Ks = b(({ className: e, children: a, ...r }, d) => {
   const { mode: n } = x(), c = n === "icon", o = q(rs);
   return L(() => {
     if (!o || !c) return;
@@ -754,7 +763,7 @@ const Ks = b(({ className: e, children: a, ...r }, i) => {
   }, [o, a, c]), /* @__PURE__ */ s(
     "span",
     {
-      ref: i,
+      ref: d,
       "aria-hidden": c ? "true" : void 0,
       className: [
         "ds:inline-flex ds:items-center ds:justify-center",
@@ -829,7 +838,7 @@ const Ls = T(
     defaultVariants: { variant: "ghost" }
   }
 ), Gs = b(
-  ({ logo: e, name: a, showChevron: r = !0, variant: i = "ghost", className: n, ...c }, o) => {
+  ({ logo: e, name: a, showChevron: r = !0, variant: d = "ghost", className: n, ...c }, o) => {
     const { mode: t } = x(), l = t !== "icon";
     return /* @__PURE__ */ u(
       "button",
@@ -837,7 +846,7 @@ const Ls = T(
         ref: o,
         type: "button",
         "aria-label": a,
-        className: [Ls({ variant: i }), n].filter(Boolean).join(" "),
+        className: [Ls({ variant: d }), n].filter(Boolean).join(" "),
         ...c,
         children: [
           /* @__PURE__ */ s(
@@ -887,7 +896,7 @@ const $s = T(
     },
     defaultVariants: { mode: "expanded" }
   }
-), Os = b(({ icon: e, label: a, shortcut: r, className: i, ...n }, c) => {
+), Os = b(({ icon: e, label: a, shortcut: r, className: d, ...n }, c) => {
   const { mode: o } = x(), t = o !== "icon";
   return /* @__PURE__ */ u(
     "button",
@@ -896,7 +905,7 @@ const $s = T(
       type: "button",
       "aria-label": a,
       "aria-keyshortcuts": r,
-      className: [$s({ mode: o }), i].filter(Boolean).join(" "),
+      className: [$s({ mode: o }), d].filter(Boolean).join(" "),
       ...n,
       children: [
         /* @__PURE__ */ s(
@@ -941,8 +950,8 @@ const Xs = [
   "ds:transition-[color,opacity,background-color] ds:duration-[var(--animation-duration)]",
   "ds:motion-reduce:transition-none"
 ].join(" "), Y = b(
-  ({ isPinned: e, onPinChange: a, label: r, className: i, onClick: n, ...c }, o) => {
-    const { t } = A(), { mode: l } = x();
+  ({ isPinned: e, onPinChange: a, label: r, className: d, onClick: n, ...c }, o) => {
+    const { t } = _(), { mode: l } = x();
     if (l === "icon") return null;
     const p = e ? t("navigation.sidebar.unpinItem", "Unpin {{label}}", { label: r }) : t("navigation.sidebar.pinItem", "Pin {{label}}", { label: r });
     return /* @__PURE__ */ s(
@@ -952,7 +961,7 @@ const Xs = [
         type: "button",
         "aria-label": p,
         "aria-pressed": e,
-        className: [Xs, i].filter(Boolean).join(" "),
+        className: [Xs, d].filter(Boolean).join(" "),
         onClick: (f) => {
           f.preventDefault(), f.stopPropagation(), a == null || a(!e), n == null || n(f);
         },
@@ -970,24 +979,24 @@ const Xs = [
   }
 );
 Y.displayName = "SidebarPinButton";
-const is = Z(null), qs = () => q(is), Zs = b(
-  ({ heading: e, emptyMessage: a, onReorder: r, className: i, children: n, ...c }, o) => {
-    const { t } = A(), l = e ?? t("navigation.sidebar.favorites", "Favourites"), p = Array.isArray(n) ? n.filter(Boolean) : n ? [n] : [], f = p.length, g = f > 0, [w, y] = B(null), [d, N] = B(""), z = G(!1), m = ss((j) => {
+const ds = Z(null), qs = () => q(ds), Zs = b(
+  ({ heading: e, emptyMessage: a, onReorder: r, className: d, children: n, ...c }, o) => {
+    const { t } = _(), l = e ?? t("navigation.sidebar.favorites", "Favourites"), p = Array.isArray(n) ? n.filter(Boolean) : n ? [n] : [], f = p.length, g = f > 0, [w, y] = B(null), [i, N] = B(""), z = G(!1), m = ss((j) => {
       z.current = !z.current, N(z.current ? j : `${j}​`);
     }, []), S = $(
       () => ({ onReorder: r, count: f, dragSource: w, setDragSource: y, announce: m }),
       [r, f, w, m]
     );
-    return !g && !a ? null : /* @__PURE__ */ s(is.Provider, { value: S, children: /* @__PURE__ */ u(
+    return !g && !a ? null : /* @__PURE__ */ s(ds.Provider, { value: S, children: /* @__PURE__ */ u(
       as,
       {
         ref: o,
         label: l,
-        className: i,
+        className: d,
         ...c,
         children: [
           g ? p : /* @__PURE__ */ s("p", { className: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] type-meta ds:text-[color:var(--muted-foreground)]", children: a }),
-          /* @__PURE__ */ s("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: d })
+          /* @__PURE__ */ s("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: i })
         ]
       }
     ) });
@@ -1032,7 +1041,7 @@ const Ws = T(
     index: e,
     isActive: a = !1,
     asChild: r = !1,
-    reorderLabel: i,
+    reorderLabel: d,
     isPinned: n = !1,
     onPinChange: c,
     pinLabel: o,
@@ -1041,30 +1050,30 @@ const Ws = T(
     children: p,
     ...f
   }, g) => {
-    const { t: w } = A(), { mode: y } = x(), d = qs(), [N, z] = B(!1), m = !!(d != null && d.onReorder) && y !== "icon", S = i ?? t ?? "", j = ns(), C = (v, I) => {
-      if (!(d != null && d.onReorder)) return;
-      const V = Math.max(0, Math.min(d.count - 1, I));
-      V !== v && (d.onReorder(v, V), d.announce(
+    const { t: w } = _(), { mode: y } = x(), i = qs(), [N, z] = B(!1), m = !!(i != null && i.onReorder) && y !== "icon", S = d ?? t ?? "", j = ns(), C = (v, I) => {
+      if (!(i != null && i.onReorder)) return;
+      const V = Math.max(0, Math.min(i.count - 1, I));
+      V !== v && (i.onReorder(v, V), i.announce(
         w(
           "navigation.sidebar.reorderAnnounce",
           "{{label}} moved to position {{to}} of {{total}}",
-          { label: S, to: V + 1, total: d.count }
+          { label: S, to: V + 1, total: i.count }
         )
       ));
     }, F = (v) => {
-      m && (v.altKey && v.key === "ArrowUp" ? (v.preventDefault(), C(e, e - 1)) : v.altKey && v.key === "ArrowDown" ? (v.preventDefault(), C(e, e + 1)) : v.key === "Home" && v.altKey ? (v.preventDefault(), C(e, 0)) : v.key === "End" && v.altKey && (v.preventDefault(), C(e, d.count - 1)));
-    }, D = (v) => {
-      m && (d == null || d.setDragSource(e), v.dataTransfer && (v.dataTransfer.effectAllowed = "move", v.dataTransfer.setData("ds:text/plain", String(e))));
-    }, _ = () => {
-      d == null || d.setDragSource(null), z(!1);
+      m && (v.altKey && v.key === "ArrowUp" ? (v.preventDefault(), C(e, e - 1)) : v.altKey && v.key === "ArrowDown" ? (v.preventDefault(), C(e, e + 1)) : v.key === "Home" && v.altKey ? (v.preventDefault(), C(e, 0)) : v.key === "End" && v.altKey && (v.preventDefault(), C(e, i.count - 1)));
+    }, A = (v) => {
+      m && (i == null || i.setDragSource(e), v.dataTransfer && (v.dataTransfer.effectAllowed = "move", v.dataTransfer.setData("ds:text/plain", String(e))));
+    }, D = () => {
+      i == null || i.setDragSource(null), z(!1);
     }, U = (v) => {
-      !m || (d == null ? void 0 : d.dragSource) === null || (v.preventDefault(), v.dataTransfer && (v.dataTransfer.dropEffect = "move"), z(!0));
+      !m || (i == null ? void 0 : i.dragSource) === null || (v.preventDefault(), v.dataTransfer && (v.dataTransfer.dropEffect = "move"), z(!0));
     }, P = () => z(!1), M = (v) => {
       if (!m) return;
       v.preventDefault();
-      const I = d == null ? void 0 : d.dragSource;
+      const I = i == null ? void 0 : i.dragSource;
       z(!1), !(I == null || I === e) && C(I, e);
-    }, k = (d == null ? void 0 : d.dragSource) === e;
+    }, k = (i == null ? void 0 : i.dragSource) === e;
     return /* @__PURE__ */ u(
       "div",
       {
@@ -1073,14 +1082,14 @@ const Ws = T(
           dropTarget: N && !k
         }),
         draggable: m || void 0,
-        onDragStart: m ? D : void 0,
-        onDragEnd: m ? _ : void 0,
+        onDragStart: m ? A : void 0,
+        onDragEnd: m ? D : void 0,
         onDragOver: U,
         onDragLeave: P,
         onDrop: M,
         children: [
           /* @__PURE__ */ s(
-            ds,
+            is,
             {
               ref: g,
               isActive: a,
@@ -1135,8 +1144,8 @@ const Qs = T(
     "ds:forced-colors:focus-visible:outline-[CanvasText]",
     "ds:no-underline"
   ].join(" ")
-), se = b(({ avatar: e, name: a, subtitle: r, subtitleLabel: i, className: n, ...c }, o) => {
-  const { mode: t } = x(), l = t !== "icon", p = typeof r == "string" ? r : i;
+), se = b(({ avatar: e, name: a, subtitle: r, subtitleLabel: d, className: n, ...c }, o) => {
+  const { mode: t } = x(), l = t !== "icon", p = typeof r == "string" ? r : d;
   return /* @__PURE__ */ u(
     "button",
     {
@@ -1173,8 +1182,8 @@ const ee = [
   "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:forced-colors:focus-visible:outline-[CanvasText]",
   "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), ae = b(({ className: e, "aria-label": a, onClick: r, ...i }, n) => {
-  const { t: c } = A(), { mode: o, transitionTo: t } = x();
+].join(" "), ae = b(({ className: e, "aria-label": a, onClick: r, ...d }, n) => {
+  const { t: c } = _(), { mode: o, transitionTo: t } = x();
   if (o === "overlay") return null;
   const l = o === "expanded", p = a ?? (l ? c("navigation.sidebar.collapse", "Collapse sidebar") : c("navigation.sidebar.expand", "Expand sidebar")), f = /* @__PURE__ */ s(
     "button",
@@ -1187,7 +1196,7 @@ const ee = [
         t == null || t(l ? "icon" : "expanded"), r == null || r(g);
       },
       className: [ee, e].filter(Boolean).join(" "),
-      ...i,
+      ...d,
       children: l ? /* @__PURE__ */ s(
         ys,
         {
@@ -1257,7 +1266,7 @@ const re = T(
     },
     defaultVariants: { mode: "expanded" }
   }
-), de = b(({ title: e, description: a, icon: r, className: i, ...n }, c) => {
+), ie = b(({ title: e, description: a, icon: r, className: d, ...n }, c) => {
   const { mode: o } = x(), t = o === "icon", l = (
     // aria-label only in icon mode (where the copy is hidden) — in
     // expanded mode the accessible name comes from the visible contents
@@ -1267,7 +1276,7 @@ const re = T(
       {
         ref: c,
         "aria-label": t ? e : void 0,
-        className: re({ mode: o, className: i }),
+        className: re({ mode: o, className: d }),
         ...n,
         children: [
           /* @__PURE__ */ s(
@@ -1325,17 +1334,17 @@ const re = T(
     ) })
   ] }) : l;
 });
-de.displayName = "SidebarUpgradeChip";
+ie.displayName = "SidebarUpgradeChip";
 export {
-  As as S,
-  _s as a,
+  _s as S,
+  Ds as a,
   ae as b,
   Js as c,
   Zs as d,
   Ps as e,
   Fs as f,
-  Ds as g,
-  ds as h,
+  As as g,
+  is as h,
   Ks as i,
   Ms as j,
   Vs as k,
@@ -1343,9 +1352,9 @@ export {
   Os as m,
   se as n,
   as as o,
-  de as p,
+  ie as p,
   Gs as q,
   js as s,
   x as u
 };
-//# sourceMappingURL=sidebar-C0PbwJBc.js.map
+//# sourceMappingURL=sidebar-CanH-Sha.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "0.96.0",
+  "packageVersion": "0.97.1",
   "components": [
     {
       "kind": "component",

package/dist/components/sidebar/index.js

@@ -1,4 +1,4 @@
-import { S as r, a as i, b as s, c as d, d as S, e as b, f as t, g as o, h as m, i as n, j as p, k as l, l as c, m as g, n as u, o as I, p as P, q as f, s as h, u as B } from "../../_chunks/sidebar-C0PbwJBc.js";
+import { S as r, a as i, b as s, c as d, d as S, e as b, f as t, g as o, h as m, i as n, j as p, k as l, l as c, m as g, n as u, o as I, p as P, q as f, s as h, u as B } from "../../_chunks/sidebar-CanH-Sha.js";
 import { u as k } from "../../_chunks/use-persistent-state-nZwZAnE9.js";
 export {
   r as Sidebar,

package/dist/index.js

@@ -110,7 +110,7 @@ import { P as Gn, a as Vn, b as Un, c as Wn, d as zn, e as Kn, f as Yn, g as jn,
 import { D as Qn, a as $n, P as Jn, S as Zn, c as al, p as el } from "./_chunks/public-footer.agent-BKkK3T3V.js";
 import { P as rl, p as tl } from "./_chunks/public-header.agent-rX_VA6hd.js";
 import { S as il, f as nl, s as ll } from "./_chunks/search-bar-CJj6sI9m.js";
-import { S as ml, a as pl, b as cl, c as fl, d as gl, e as Al, f as ul, g as xl, h as Cl, i as Sl, j as Tl, k as Il, l as Pl, m as hl, n as Nl, o as bl, p as El, q as Rl, s as _l, u as yl } from "./_chunks/sidebar-C0PbwJBc.js";
+import { S as ml, a as pl, b as cl, c as fl, d as gl, e as Al, f as ul, g as xl, h as Cl, i as Sl, j as Tl, k as Il, l as Pl, m as hl, n as Nl, o as bl, p as El, q as Rl, s as _l, u as yl } from "./_chunks/sidebar-CanH-Sha.js";
 import { S as Dl } from "./_chunks/stepper-accordion-BeVMZPuG.js";
 import { s as Ml } from "./_chunks/stepper-accordion.agent-cmEguIdx.js";
 import { S as Ol, s as kl } from "./_chunks/stepper-progress-Bv0njx4g.js";
@@ -216,7 +216,7 @@ import { T as Gu } from "./_chunks/transaction-chip-DJCstquX.js";
 import { W as Uu, a as Wu } from "./_chunks/whatsapp-button-BIy6NaJK.js";
 import { C as Ku, W as Yu, a as ju, b as Xu, c as qu, i as Qu, l as $u, m as Ju, r as Zu, w as ax, d as ex, e as sx, f as rx } from "./_chunks/workflow-map-SIfAhmWz.js";
 import { A as ox, a as ix, b as nx, c as lx } from "./_chunks/alia-sidebar-DzNz1gDf.js";
-import { C as mx, M as px, P as cx } from "./_chunks/marketplace-app-shell-35eRpT3r.js";
+import { C as mx, M as px, P as cx } from "./_chunks/marketplace-app-shell-DpOR905C.js";
 import { S as gx } from "./_chunks/signature-request-BzXTV_RH.js";
 import { D as ux, d as xx } from "./_chunks/dependent-selector-DyFpdzZV.js";
 import { D as Sx, d as Tx } from "./_chunks/document-preview-DXl9migE.js";

package/dist/patterns/marketplace-app-shell/index.js

@@ -1,4 +1,4 @@
-import { C as l, M as o } from "../../_chunks/marketplace-app-shell-35eRpT3r.js";
+import { C as l, M as o } from "../../_chunks/marketplace-app-shell-DpOR905C.js";
 export {
   l as ConnectWithAlfadocs,
   o as MarketplaceAppShell