@alfadocs/ui-kit 0.97.0 → 0.97.2

package/dist/_chunks/{marketplace-app-shell-35eRpT3r.js → marketplace-app-shell-Bv1ZO4XO.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-C-Gr2LL-.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-Bv1ZO4XO.js.map

package/dist/_chunks/{sidebar-C0PbwJBc.js → sidebar-C-Gr2LL-.js}

@@ -1,11 +1,11 @@
 import { jsx as s, jsxs as u, Fragment as X } from "react/jsx-runtime";
-import { forwardRef as b, useState as B, useEffect as L, useCallback as ss, useRef as G, useMemo as $, useId as ns, useContext as q, createContext as Z } from "react";
+import { forwardRef as b, useState as B, useEffect as L, useCallback as ss, useRef as G, useMemo as $, useId as ds, useContext as q, createContext as Z } from "react";
 import * as R from "@radix-ui/react-dialog";
 import * as K from "@radix-ui/react-collapsible";
 import * as E from "@radix-ui/react-accordion";
 import * as h from "@radix-ui/react-tooltip";
-import { a as os } from "./accordion-C11v9ouP.js";
-import { S as ts } from "./scroll-area-BZOvUhwQ.js";
+import { a as ts } from "./accordion-C11v9ouP.js";
+import { S as os } 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";
@@ -87,7 +87,7 @@ const zs = [
 }, O = Z({
   mode: "expanded",
   density: "default"
-}), x = () => q(O), es = "ui.sidebar.state";
+}), N = () => q(O), es = "ui.sidebar.state";
 function Cs(e) {
   if (typeof window > "u") return e;
   try {
@@ -169,31 +169,31 @@ const J = T(
     state: e,
     defaultState: a = "expanded",
     onStateChange: r,
-    density: i = "default",
-    open: n,
-    onOpenChange: c,
-    resizable: o = !1,
-    "aria-label": t,
-    className: l,
-    children: p,
+    density: n = "default",
+    open: d,
+    onOpenChange: o,
+    resizable: t = !1,
+    "aria-label": l,
+    className: c,
+    children: m,
     id: f,
     ...g
-  }, w) => {
-    const { t: y } = A(), d = e !== void 0, [N, z] = B(
-      () => d ? e : Cs(a)
-    ), m = d ? e : N;
+  }, y) => {
+    const { t: x } = A(), i = e !== void 0, [w, z] = B(
+      () => i ? e : Cs(a)
+    ), v = i ? e : w;
     L(() => {
-      d || ks(N);
-    }, [N, d]);
+      i || ks(w);
+    }, [w, i]);
     const S = ss(
       (k) => {
-        d || z(k), r == null || r(k);
+        i || z(k), r == null || r(k);
       },
-      [d, r]
-    ), j = t ?? y("navigation.sidebar.label"), C = G(m);
+      [i, r]
+    ), j = l ?? x("navigation.sidebar.label"), C = G(v);
     L(() => {
-      C.current = m;
-    }, [m]);
+      C.current = v;
+    }, [v]);
     const F = $(
       () => ({
         getIsCollapsed: () => C.current !== "expanded",
@@ -205,20 +205,20 @@ const J = T(
       [S]
     );
     cs(js, F, f);
-    const D = G(null), _ = $(() => ms(w, D), [w]), { separatorProps: U, isResizing: P } = us({
+    const D = G(null), _ = $(() => ms(y, D), [y]), { separatorProps: U, isResizing: P } = us({
       edge: "inline-end",
       targetRef: D,
       cssProperty: "--sidebar-modern-expanded-size",
       minSize: Ts,
       maxSize: Is,
       defaultSize: Rs,
-      disabled: !o || m !== "expanded"
-    }), M = o && m === "expanded";
-    return m === "overlay" ? /* @__PURE__ */ s(
+      disabled: !t || v !== "expanded"
+    }), M = t && v === "expanded";
+    return v === "overlay" ? /* @__PURE__ */ s(
       O.Provider,
       {
-        value: { mode: "overlay", density: i, transitionTo: S },
-        children: /* @__PURE__ */ s(R.Root, { open: n, onOpenChange: c, children: /* @__PURE__ */ u(R.Portal, { children: [
+        value: { mode: "overlay", density: n, transitionTo: S },
+        children: /* @__PURE__ */ s(R.Root, { open: d, onOpenChange: o, children: /* @__PURE__ */ u(R.Portal, { children: [
           /* @__PURE__ */ s(
             R.Overlay,
             {
@@ -242,14 +242,14 @@ 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: n }),
                 "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",
                 "ds:rtl:data-[state=open]:slide-in-from-right ds:rtl:data-[state=closed]:slide-out-to-right",
                 "ds:motion-reduce:animate-none",
                 "ds:focus:outline-none",
-                l ?? ""
+                c ?? ""
               ].filter(Boolean).join(" "),
               children: [
                 /* @__PURE__ */ s(
@@ -262,14 +262,14 @@ const J = T(
                     "data-component-id": f,
                     className: "ds:flex ds:flex-col ds:h-full",
                     ...g,
-                    children: p
+                    children: m
                   }
                 ),
                 /* @__PURE__ */ s(R.Close, { asChild: !0, children: /* @__PURE__ */ s(
                   "button",
                   {
                     type: "button",
-                    "aria-label": y("navigation.sidebar.close"),
+                    "aria-label": x("navigation.sidebar.close"),
                     className: [
                       "ds:absolute ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)]",
                       "ds:inline-flex ds:items-center ds:justify-center",
@@ -290,7 +290,7 @@ const J = T(
     ) : /* @__PURE__ */ s(
       O.Provider,
       {
-        value: { mode: m, density: i, transitionTo: S },
+        value: { mode: v, density: n, transitionTo: S },
         children: /* @__PURE__ */ s(h.Provider, { delayDuration: 300, children: /* @__PURE__ */ u(
           "nav",
           {
@@ -299,22 +299,22 @@ const J = T(
             "aria-label": j,
             "data-component": "sidebar",
             "data-component-id": f,
-            "data-mode": m,
-            "data-density": i,
+            "data-mode": v,
+            "data-density": n,
             "data-resizing": P ? "" : void 0,
             className: [
-              J({ mode: m, density: i }),
-              i === "compact" ? "ds:density-compact" : "",
-              l ?? ""
+              J({ mode: v, density: n }),
+              n === "compact" ? "ds:density-compact" : "",
+              c ?? ""
             ].filter(Boolean).join(" "),
             ...g,
             children: [
-              p,
+              m,
               M ? /* @__PURE__ */ s(
                 "div",
                 {
                   ...U,
-                  "aria-label": y("navigation.sidebar.resize"),
+                  "aria-label": x("navigation.sidebar.resize"),
                   "data-resizing": P ? "" : void 0,
                   className: Bs
                 }
@@ -328,7 +328,7 @@ const J = T(
 );
 As.displayName = "Sidebar";
 const Ds = b(({ className: e, ...a }, r) => {
-  const { mode: i } = x();
+  const { mode: n } = N();
   return /* @__PURE__ */ s(
     "div",
     {
@@ -336,9 +336,14 @@ 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)]",
+        // Expanded uses the SAME inline padding as `SidebarBody`, so the
+        // header's first control starts on the nav items' left edge and its
+        // icon can land on the nav icon column (the trigger adds the item's
+        // own `ps` on top — see `SidebarCollapseTrigger`). In the rail,
+        // `justify-center` centres the control exactly as the nav icons
+        // centre. Header content therefore tracks the nav column in both
+        // modes instead of sitting on its own axis.
+        n === "icon" ? "ds:justify-center ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]" : "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]",
         "ds:py-[var(--spacing-sm)]",
         // Hairline border + downward chrome shadow cast the header as a
         // sticky top band above the scrolling body.
@@ -352,7 +357,7 @@ const Ds = b(({ className: e, ...a }, r) => {
 });
 Ds.displayName = "SidebarHeader";
 const _s = b(
-  ({ className: e, children: a, ...r }, i) => (
+  ({ className: e, children: a, ...r }, n) => (
     // 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`
@@ -360,14 +365,14 @@ const _s = b(
     // body box (the ScrollArea root). Padding + `ref` + div props go on the inner
     // content div so the scrollbar sits flush at the inline-end edge.
     /* @__PURE__ */ s(
-      ts,
+      os,
       {
         orientation: "vertical",
         className: ["ds:flex-1 ds:min-h-0", e ?? ""].filter(Boolean).join(" "),
         children: /* @__PURE__ */ s(
           "div",
           {
-            ref: i,
+            ref: n,
             className: "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:py-[var(--spacing-sm)]",
             ...r,
             children: a
@@ -379,7 +384,7 @@ const _s = b(
 );
 _s.displayName = "SidebarBody";
 const Ps = b(({ className: e, ...a }, r) => {
-  const { mode: i } = x();
+  const { mode: n } = N();
   return /* @__PURE__ */ s(
     "div",
     {
@@ -388,7 +393,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)]",
+        n === "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,21 +427,21 @@ const Es = [
     label: e,
     icon: a,
     collapsible: r = !0,
-    defaultOpen: i = !0,
-    open: n,
-    onOpenChange: c,
-    className: o,
-    children: t,
-    ...l
-  }, p) => {
-    const { mode: f } = x(), g = f === "icon", w = r && !g && !!e, y = [
+    defaultOpen: n = !0,
+    open: d,
+    onOpenChange: o,
+    className: t,
+    children: l,
+    ...c
+  }, m) => {
+    const { mode: f } = N(), g = f === "icon", y = r && !g && !!e, x = [
       "ds:flex ds:flex-col",
       "ds:gap-[var(--spacing-xs)]",
       "ds:mt-[var(--spacing-sm)]",
-      o ?? ""
+      t ?? ""
     ].filter(Boolean).join(" ");
-    if (!w)
-      return /* @__PURE__ */ u("div", { ref: p, className: y, ...l, children: [
+    if (!y)
+      return /* @__PURE__ */ u("div", { ref: m, className: x, ...c, children: [
         !!e || !!a ? /* @__PURE__ */ u(
           "span",
           {
@@ -454,19 +459,19 @@ const Es = [
             ]
           }
         ) : null,
-        t
+        l
       ] });
-    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: d === void 0 && n ? i : void 0,
+        value: d === void 0 ? void 0 : d ? i : "",
+        onValueChange: o ? (w) => o(w === 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: m, className: x, ...c, 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 }),
@@ -479,11 +484,11 @@ const Es = [
             )
           ] }) }),
           /* @__PURE__ */ s(
-            os,
+            ts,
             {
               "aria-label": e,
               className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:[&>div]:contents",
-              children: t
+              children: l
             }
           )
         ] }) })
@@ -508,22 +513,22 @@ const Hs = [
     label: e,
     icon: a,
     children: r,
-    className: i,
-    defaultOpen: n,
-    open: c,
-    onOpenChange: o,
-    ...t
-  }, l) => {
-    const { mode: p } = x();
+    className: n,
+    defaultOpen: d,
+    open: o,
+    onOpenChange: t,
+    ...l
+  }, c) => {
+    const { mode: m } = N();
     return /* @__PURE__ */ u(
       K.Root,
       {
-        ref: l,
-        defaultOpen: n,
-        open: c,
-        onOpenChange: o,
-        className: i,
-        ...t,
+        ref: c,
+        defaultOpen: d,
+        open: o,
+        onOpenChange: t,
+        className: n,
+        ...l,
         children: [
           /* @__PURE__ */ u(K.Trigger, { className: Hs, children: [
             a ? /* @__PURE__ */ s(
@@ -539,12 +544,12 @@ const Hs = [
               {
                 className: [
                   "ds:flex-1 ds:text-start",
-                  p === "icon" ? "ds:sr-only" : ""
+                  m === "icon" ? "ds:sr-only" : ""
                 ].join(" "),
                 children: e
               }
             ),
-            p !== "icon" ? /* @__PURE__ */ s(
+            m !== "icon" ? /* @__PURE__ */ s(
               H,
               {
                 "aria-hidden": "true",
@@ -631,55 +636,55 @@ 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,
-    onPinChange: n,
-    pinLabel: c,
-    className: o,
-    children: t,
-    "aria-label": l,
-    ...p
+    isPinned: n = !1,
+    onPinChange: d,
+    pinLabel: o,
+    className: t,
+    children: l,
+    "aria-label": c,
+    ...m
   }, 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(
-      y,
+    const { mode: g, density: y } = N(), x = e ? ls : "a", i = d !== void 0 && g !== "icon", [w, z] = B(null), v = g === "icon" && c != null && w ? `${c}, ${w}` : c, S = /* @__PURE__ */ s(
+      x,
       {
         ref: f,
         "aria-current": a ? "page" : void 0,
-        "aria-label": m,
+        "aria-label": v,
         "data-nav-id": r,
         className: Us({
           mode: g,
-          density: w,
+          density: y,
           isActive: a,
-          className: d ? "ds:flex-1 ds:min-w-0" : o
+          className: i ? "ds:flex-1 ds:min-w-0" : t
         }),
-        ...p,
-        children: t
+        ...m,
+        children: l
       }
-    ), j = d ? /* @__PURE__ */ u(
+    ), j = i ? /* @__PURE__ */ u(
       "div",
       {
         className: [
           "ds:group/item ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]",
-          o ?? ""
+          t ?? ""
         ].filter(Boolean).join(" "),
         children: [
           S,
           /* @__PURE__ */ s(
             Y,
             {
-              isPinned: i,
-              label: c ?? l ?? "",
-              onPinChange: n
+              isPinned: n,
+              label: o ?? c ?? "",
+              onPinChange: d
             }
           )
         ]
       }
-    ) : S, C = g === "icon" && l ? /* @__PURE__ */ u(h.Root, { children: [
+    ) : S, C = g === "icon" && c ? /* @__PURE__ */ u(h.Root, { children: [
       /* @__PURE__ */ s(h.Trigger, { asChild: !0, children: j }),
       /* @__PURE__ */ s(h.Portal, { children: /* @__PURE__ */ u(
         h.Content,
@@ -694,7 +699,7 @@ const Us = T(
             "ds:animate-in ds:fade-in ds:zoom-in-95 ds:motion-reduce:animate-none"
           ].join(" "),
           children: [
-            l,
+            c,
             /* @__PURE__ */ s(h.Arrow, { className: "ds:fill-[var(--foreground)]" })
           ]
         }
@@ -703,11 +708,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 }, n) => /* @__PURE__ */ s(
   "span",
   {
-    ref: i,
+    ref: n,
     "aria-hidden": "true",
     className: [
       "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
@@ -726,17 +731,17 @@ const Ms = b(({ className: e, children: a, ...r }, i) => /* @__PURE__ */ s(
   }
 ));
 Ms.displayName = "SidebarItemIcon";
-const Vs = b(({ className: e, children: a, ...r }, i) => {
-  const { mode: n } = x();
+const Vs = b(({ className: e, children: a, ...r }, n) => {
+  const { mode: d } = N();
   return /* @__PURE__ */ s(
     "span",
     {
-      ref: i,
+      ref: n,
       className: [
         "ds:flex-1",
         "ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap ds:break-normal",
         "ds:text-start",
-        n === "icon" ? "ds:sr-only" : "",
+        d === "icon" ? "ds:sr-only" : "",
         e ?? ""
       ].filter(Boolean).join(" "),
       ...r,
@@ -745,21 +750,21 @@ const Vs = b(({ className: e, children: a, ...r }, i) => {
   );
 });
 Vs.displayName = "SidebarItemLabel";
-const Ks = b(({ className: e, children: a, ...r }, i) => {
-  const { mode: n } = x(), c = n === "icon", o = q(rs);
+const Ks = b(({ className: e, children: a, ...r }, n) => {
+  const { mode: d } = N(), o = d === "icon", t = q(rs);
   return L(() => {
-    if (!o || !c) return;
-    const t = a == null || a === !1 ? null : String(a).trim() || null;
-    return o(t), () => o(null);
-  }, [o, a, c]), /* @__PURE__ */ s(
+    if (!t || !o) return;
+    const l = a == null || a === !1 ? null : String(a).trim() || null;
+    return t(l), () => t(null);
+  }, [t, a, o]), /* @__PURE__ */ s(
     "span",
     {
-      ref: i,
-      "aria-hidden": c ? "true" : void 0,
+      ref: n,
+      "aria-hidden": o ? "true" : void 0,
       className: [
         "ds:inline-flex ds:items-center ds:justify-center",
         "ds:font-[var(--font-weight-semibold)]",
-        c ? [
+        o ? [
           "ds:absolute ds:top-[2px] ds:end-[2px]",
           "ds:min-w-0 ds:size-[10px] ds:ps-0 ds:pe-0",
           "ds:rounded-[var(--radius-full)]",
@@ -829,16 +834,16 @@ const Ls = T(
     defaultVariants: { variant: "ghost" }
   }
 ), Gs = b(
-  ({ logo: e, name: a, showChevron: r = !0, variant: i = "ghost", className: n, ...c }, o) => {
-    const { mode: t } = x(), l = t !== "icon";
+  ({ logo: e, name: a, showChevron: r = !0, variant: n = "ghost", className: d, ...o }, t) => {
+    const { mode: l } = N(), c = l !== "icon";
     return /* @__PURE__ */ u(
       "button",
       {
-        ref: o,
+        ref: t,
         type: "button",
         "aria-label": a,
-        className: [Ls({ variant: i }), n].filter(Boolean).join(" "),
-        ...c,
+        className: [Ls({ variant: n }), d].filter(Boolean).join(" "),
+        ...o,
         children: [
           /* @__PURE__ */ s(
             "span",
@@ -848,7 +853,7 @@ const Ls = T(
               children: e
             }
           ),
-          l ? /* @__PURE__ */ u(X, { children: [
+          c ? /* @__PURE__ */ u(X, { children: [
             /* @__PURE__ */ s("span", { className: "ds:truncate ds:flex-1 ds:text-start ds:max-w-[var(--header-workspace-max-inline-size)]", children: a }),
             r ? /* @__PURE__ */ s(
               H,
@@ -887,17 +892,17 @@ const $s = T(
     },
     defaultVariants: { mode: "expanded" }
   }
-), Os = b(({ icon: e, label: a, shortcut: r, className: i, ...n }, c) => {
-  const { mode: o } = x(), t = o !== "icon";
+), Os = b(({ icon: e, label: a, shortcut: r, className: n, ...d }, o) => {
+  const { mode: t } = N(), l = t !== "icon";
   return /* @__PURE__ */ u(
     "button",
     {
-      ref: c,
+      ref: o,
       type: "button",
       "aria-label": a,
       "aria-keyshortcuts": r,
-      className: [$s({ mode: o }), i].filter(Boolean).join(" "),
-      ...n,
+      className: [$s({ mode: t }), n].filter(Boolean).join(" "),
+      ...d,
       children: [
         /* @__PURE__ */ s(
           "span",
@@ -907,7 +912,7 @@ const $s = T(
             children: e
           }
         ),
-        t ? /* @__PURE__ */ u(X, { children: [
+        l ? /* @__PURE__ */ u(X, { children: [
           /* @__PURE__ */ s("span", { className: "ds:truncate", children: a }),
           r ? /* @__PURE__ */ s("kbd", { className: "ds:ms-auto ds:text-[length:var(--font-size-xs)] ds:font-[family-name:var(--font-mono)] ds:opacity-80", children: r }) : null
         ] }) : null
@@ -941,22 +946,22 @@ 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();
-    if (l === "icon") return null;
-    const p = e ? t("navigation.sidebar.unpinItem", "Unpin {{label}}", { label: r }) : t("navigation.sidebar.pinItem", "Pin {{label}}", { label: r });
+  ({ isPinned: e, onPinChange: a, label: r, className: n, onClick: d, ...o }, t) => {
+    const { t: l } = A(), { mode: c } = N();
+    if (c === "icon") return null;
+    const m = e ? l("navigation.sidebar.unpinItem", "Unpin {{label}}", { label: r }) : l("navigation.sidebar.pinItem", "Pin {{label}}", { label: r });
     return /* @__PURE__ */ s(
       "button",
       {
-        ref: o,
+        ref: t,
         type: "button",
-        "aria-label": p,
+        "aria-label": m,
         "aria-pressed": e,
-        className: [Xs, i].filter(Boolean).join(" "),
+        className: [Xs, n].filter(Boolean).join(" "),
         onClick: (f) => {
-          f.preventDefault(), f.stopPropagation(), a == null || a(!e), n == null || n(f);
+          f.preventDefault(), f.stopPropagation(), a == null || a(!e), d == null || d(f);
         },
-        ...c,
+        ...o,
         children: /* @__PURE__ */ s(
           hs,
           {
@@ -970,24 +975,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) => {
-      z.current = !z.current, N(z.current ? j : `${j}​`);
+const ns = Z(null), qs = () => q(ns), Zs = b(
+  ({ heading: e, emptyMessage: a, onReorder: r, className: n, children: d, ...o }, t) => {
+    const { t: l } = A(), c = e ?? l("navigation.sidebar.favorites", "Favourites"), m = Array.isArray(d) ? d.filter(Boolean) : d ? [d] : [], f = m.length, g = f > 0, [y, x] = B(null), [i, w] = B(""), z = G(!1), v = ss((j) => {
+      z.current = !z.current, w(z.current ? j : `${j}​`);
     }, []), S = $(
-      () => ({ onReorder: r, count: f, dragSource: w, setDragSource: y, announce: m }),
-      [r, f, w, m]
+      () => ({ onReorder: r, count: f, dragSource: y, setDragSource: x, announce: v }),
+      [r, f, y, v]
     );
-    return !g && !a ? null : /* @__PURE__ */ s(is.Provider, { value: S, children: /* @__PURE__ */ u(
+    return !g && !a ? null : /* @__PURE__ */ s(ns.Provider, { value: S, children: /* @__PURE__ */ u(
       as,
       {
-        ref: o,
-        label: l,
-        className: i,
-        ...c,
+        ref: t,
+        label: c,
+        className: n,
+        ...o,
         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 })
+          g ? m : /* @__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: i })
         ]
       }
     ) });
@@ -1032,73 +1037,73 @@ const Ws = T(
     index: e,
     isActive: a = !1,
     asChild: r = !1,
-    reorderLabel: i,
-    isPinned: n = !1,
-    onPinChange: c,
-    pinLabel: o,
-    "aria-label": t,
-    className: l,
-    children: p,
+    reorderLabel: n,
+    isPinned: d = !1,
+    onPinChange: o,
+    pinLabel: t,
+    "aria-label": l,
+    className: c,
+    children: m,
     ...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(
-        w(
+    const { t: y } = A(), { mode: x } = N(), i = qs(), [w, z] = B(!1), v = !!(i != null && i.onReorder) && x !== "icon", S = n ?? l ?? "", j = ds(), C = (p, I) => {
+      if (!(i != null && i.onReorder)) return;
+      const V = Math.max(0, Math.min(i.count - 1, I));
+      V !== p && (i.onReorder(p, V), i.announce(
+        y(
           "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))));
+    }, F = (p) => {
+      v && (p.altKey && p.key === "ArrowUp" ? (p.preventDefault(), C(e, e - 1)) : p.altKey && p.key === "ArrowDown" ? (p.preventDefault(), C(e, e + 1)) : p.key === "Home" && p.altKey ? (p.preventDefault(), C(e, 0)) : p.key === "End" && p.altKey && (p.preventDefault(), C(e, i.count - 1)));
+    }, D = (p) => {
+      v && (i == null || i.setDragSource(e), p.dataTransfer && (p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("ds:text/plain", String(e))));
     }, _ = () => {
-      d == null || d.setDragSource(null), z(!1);
-    }, U = (v) => {
-      !m || (d == null ? void 0 : d.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;
+      i == null || i.setDragSource(null), z(!1);
+    }, U = (p) => {
+      !v || (i == null ? void 0 : i.dragSource) === null || (p.preventDefault(), p.dataTransfer && (p.dataTransfer.dropEffect = "move"), z(!0));
+    }, P = () => z(!1), M = (p) => {
+      if (!v) return;
+      p.preventDefault();
+      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",
       {
         className: Ws({
           dragging: k,
-          dropTarget: N && !k
+          dropTarget: w && !k
         }),
-        draggable: m || void 0,
-        onDragStart: m ? D : void 0,
-        onDragEnd: m ? _ : void 0,
+        draggable: v || void 0,
+        onDragStart: v ? D : void 0,
+        onDragEnd: v ? _ : void 0,
         onDragOver: U,
         onDragLeave: P,
         onDrop: M,
         children: [
           /* @__PURE__ */ s(
-            ds,
+            is,
             {
               ref: g,
               isActive: a,
               asChild: r,
-              "aria-label": t,
-              "aria-describedby": m ? j : void 0,
-              draggable: m ? !1 : void 0,
-              className: [m ? "ds:flex-1 ds:min-w-0" : "", l ?? ""].filter(Boolean).join(" "),
+              "aria-label": l,
+              "aria-describedby": v ? j : void 0,
+              draggable: v ? !1 : void 0,
+              className: [v ? "ds:flex-1 ds:min-w-0" : "", c ?? ""].filter(Boolean).join(" "),
               ...f,
-              children: p
+              children: m
             }
           ),
-          m ? /* @__PURE__ */ s(
+          v ? /* @__PURE__ */ s(
             "button",
             {
               type: "button",
               id: j,
-              "aria-label": w(
+              "aria-label": y(
                 "navigation.sidebar.reorderHandle",
                 "Reorder {{label}}. Press Alt + Up or Alt + Down to move.",
                 { label: S }
@@ -1108,12 +1113,12 @@ const Ws = T(
               children: /* @__PURE__ */ s(bs, { "aria-hidden": "true", className: "ds:size-4" })
             }
           ) : null,
-          c && y !== "icon" ? /* @__PURE__ */ s(
+          o && x !== "icon" ? /* @__PURE__ */ s(
             Y,
             {
-              isPinned: n,
-              label: o ?? t ?? "",
-              onPinChange: c
+              isPinned: d,
+              label: t ?? l ?? "",
+              onPinChange: o
             }
           ) : null
         ]
@@ -1135,16 +1140,16 @@ 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: n, className: d, ...o }, t) => {
+  const { mode: l } = N(), c = l !== "icon", m = typeof r == "string" ? r : n;
   return /* @__PURE__ */ u(
     "button",
     {
-      ref: o,
+      ref: t,
       type: "button",
-      "aria-label": p ? `${a}, ${p}` : a,
-      className: [Qs(), n].filter(Boolean).join(" "),
-      ...c,
+      "aria-label": m ? `${a}, ${m}` : a,
+      className: [Qs(), d].filter(Boolean).join(" "),
+      ...o,
       children: [
         /* @__PURE__ */ s(
           "span",
@@ -1154,7 +1159,7 @@ const Qs = T(
             children: e
           }
         ),
-        l ? /* @__PURE__ */ u("span", { className: "ds:flex-1 ds:min-w-0 ds:text-start", children: [
+        c ? /* @__PURE__ */ u("span", { className: "ds:flex-1 ds:min-w-0 ds:text-start", children: [
           /* @__PURE__ */ s("span", { className: "ds:block ds:truncate type-label", children: a }),
           r ? typeof r == "string" ? /* @__PURE__ */ s("span", { className: "ds:block ds:truncate type-meta ds:text-[color:var(--muted-foreground)]", children: r }) : /* @__PURE__ */ s("span", { className: "ds:flex ds:items-center ds:gap-[length:var(--spacing-xs)] ds:min-w-0 type-meta ds:text-[color:var(--muted-foreground)]", children: r }) : null
         ] }) : null
@@ -1173,22 +1178,25 @@ 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();
-  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(
+].join(" "), ae = b(({ className: e, "aria-label": a, onClick: r, ...n }, d) => {
+  const { t: o } = A(), { mode: t, density: l, transitionTo: c } = N();
+  if (t === "overlay") return null;
+  const m = t === "expanded", f = m ? [
+    "ds:justify-start",
+    l === "compact" ? "ds:ps-[var(--spacing-xs)]" : "ds:ps-[var(--spacing-sm)]"
+  ].join(" ") : "ds:justify-center", g = a ?? (m ? o("navigation.sidebar.collapse", "Collapse sidebar") : o("navigation.sidebar.expand", "Expand sidebar")), y = /* @__PURE__ */ s(
     "button",
     {
-      ref: n,
+      ref: d,
       type: "button",
-      "aria-label": p,
-      "aria-expanded": l,
-      onClick: (g) => {
-        t == null || t(l ? "icon" : "expanded"), r == null || r(g);
+      "aria-label": g,
+      "aria-expanded": m,
+      onClick: (x) => {
+        c == null || c(m ? "icon" : "expanded"), r == null || r(x);
       },
-      className: [ee, e].filter(Boolean).join(" "),
-      ...i,
-      children: l ? /* @__PURE__ */ s(
+      className: [ee, f, e].filter(Boolean).join(" "),
+      ...n,
+      children: /* @__PURE__ */ s("span", { className: "ds:inline-flex ds:size-5 ds:shrink-0 ds:items-center ds:justify-center", children: m ? /* @__PURE__ */ s(
         ys,
         {
           "aria-hidden": "true",
@@ -1200,15 +1208,15 @@ const ee = [
           "aria-hidden": "true",
           className: "ds:size-4 ds:rtl:-scale-x-100"
         }
-      )
+      ) })
     }
   );
   return /* @__PURE__ */ u(h.Root, { children: [
-    /* @__PURE__ */ s(h.Trigger, { asChild: !0, children: f }),
+    /* @__PURE__ */ s(h.Trigger, { asChild: !0, children: y }),
     /* @__PURE__ */ s(h.Portal, { children: /* @__PURE__ */ u(
       h.Content,
       {
-        side: o === "icon" ? "right" : "top",
+        side: t === "icon" ? "right" : "top",
         sideOffset: 6,
         className: [
           "ds:z-[var(--z-tooltip)] ds:max-w-[16rem]",
@@ -1218,7 +1226,7 @@ const ee = [
           "ds:animate-in ds:fade-in ds:zoom-in-95 ds:motion-reduce:animate-none"
         ].join(" "),
         children: [
-          p,
+          g,
           /* @__PURE__ */ s(h.Arrow, { className: "ds:fill-[var(--foreground)]" })
         ]
       }
@@ -1257,18 +1265,18 @@ const re = T(
     },
     defaultVariants: { mode: "expanded" }
   }
-), de = b(({ title: e, description: a, icon: r, className: i, ...n }, c) => {
-  const { mode: o } = x(), t = o === "icon", l = (
+), ie = b(({ title: e, description: a, icon: r, className: n, ...d }, o) => {
+  const { mode: t } = N(), l = t === "icon", c = (
     // aria-label only in icon mode (where the copy is hidden) — in
     // expanded mode the accessible name comes from the visible contents
     // so the description isn't excluded from it.
     /* @__PURE__ */ u(
       "a",
       {
-        ref: c,
-        "aria-label": t ? e : void 0,
-        className: re({ mode: o, className: i }),
-        ...n,
+        ref: o,
+        "aria-label": l ? e : void 0,
+        className: re({ mode: t, className: n }),
+        ...d,
         children: [
           /* @__PURE__ */ s(
             "span",
@@ -1282,7 +1290,7 @@ const re = T(
               children: r ?? /* @__PURE__ */ s(Ss, { className: "ds:size-4" })
             }
           ),
-          t ? null : /* @__PURE__ */ u(X, { children: [
+          l ? null : /* @__PURE__ */ u(X, { children: [
             /* @__PURE__ */ u("span", { className: "ds:flex-1 ds:min-w-0 ds:text-start", children: [
               /* @__PURE__ */ s("span", { className: "ds:block ds:line-clamp-2 type-label", children: e }),
               a ? (
@@ -1303,8 +1311,8 @@ const re = T(
       }
     )
   );
-  return t ? /* @__PURE__ */ u(h.Root, { children: [
-    /* @__PURE__ */ s(h.Trigger, { asChild: !0, children: l }),
+  return l ? /* @__PURE__ */ u(h.Root, { children: [
+    /* @__PURE__ */ s(h.Trigger, { asChild: !0, children: c }),
     /* @__PURE__ */ s(h.Portal, { children: /* @__PURE__ */ u(
       h.Content,
       {
@@ -1323,9 +1331,9 @@ const re = T(
         ]
       }
     ) })
-  ] }) : l;
+  ] }) : c;
 });
-de.displayName = "SidebarUpgradeChip";
+ie.displayName = "SidebarUpgradeChip";
 export {
   As as S,
   _s as a,
@@ -1335,7 +1343,7 @@ export {
   Ps as e,
   Fs as f,
   Ds as g,
-  ds as h,
+  is as h,
   Ks as i,
   Ms as j,
   Vs as k,
@@ -1343,9 +1351,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
+  N as u
 };
-//# sourceMappingURL=sidebar-C0PbwJBc.js.map
+//# sourceMappingURL=sidebar-C-Gr2LL-.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "0.97.0",
+  "packageVersion": "0.97.2",
   "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-C-Gr2LL-.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-C-Gr2LL-.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-Bv1ZO4XO.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-Bv1ZO4XO.js";
 export {
   l as ConnectWithAlfadocs,
   o as MarketplaceAppShell

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "0.97.0",
+  "version": "0.97.2",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",