@alfadocs/ui-kit 0.87.0 → 0.88.1

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

@@ -1,25 +1,25 @@
-import { jsxs as r, jsx as a, Fragment as M } from "react/jsx-runtime";
-import { forwardRef as b, useState as P } from "react";
-import { useTranslation as T } from "react-i18next";
-import { c as u } from "./index-D2ZczOXr.js";
-import { A as E } from "./app-frame-DIEMIC5V.js";
-import { A as C } from "./avatar-BNQNhoyL.js";
-import { A as D } from "./alert-Cxaqd-QO.js";
+import { jsxs as t, jsx as a, Fragment as M } from "react/jsx-runtime";
+import { forwardRef as b, useState as E } from "react";
+import { useTranslation as B } from "react-i18next";
+import { c as p } from "./index-D2ZczOXr.js";
+import { A as D } from "./app-frame-DIEMIC5V.js";
+import { A as S } from "./avatar-BNQNhoyL.js";
+import { A as F } from "./alert-Cxaqd-QO.js";
 import { C as w } from "./card-DPmk26CL.js";
 import { D as m } from "./dropdown-menu-DU-Hrf33.js";
-import { T as F } from "./tab-bar-Axhk6xzx.js";
-import { a as S, H as q, g as G, f as A, e as J, c as K, d as Q } from "./header-CjwasYnn.js";
-import { H as U } from "./header-settings-CLwFqMHI.js";
-import { S as X } from "./sign-in-with-alfadocs-button-UlYefZpI.js";
-import { S as Y, a as Z, j as _, k as aa, i as ea, h as z } from "./sidebar-C0PbwJBc.js";
-import { T as sa } from "./theme-root-BOO73p5t.js";
-import { a as ta } from "./tooltip-DvmfrNvB.js";
-import { u as ra } from "./use-theme-CAuo6EYT.js";
-import { A as na, L as da } from "./logo-1FuSGx0n.js";
-import { A as ia } from "./Alfadocs_Logo_Mark-7o3L3WBI.js";
-import { M as la } from "./maximize-2-BYd2Kti7.js";
-import { L as oa } from "./log-out-oDS6zO5d.js";
-const ca = u("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), ma = u(
+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 { 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";
+import { A as la, L as oa } from "./logo-1FuSGx0n.js";
+import { A as ca } from "./Alfadocs_Logo_Mark-7o3L3WBI.js";
+import { M as ma } from "./maximize-2-BYd2Kti7.js";
+import { L as pa } from "./log-out-oDS6zO5d.js";
+const ua = p("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), fa = p(
   [
     "ds:[font-family:var(--font-serif)]",
     "ds:font-semibold",
@@ -60,7 +60,7 @@ const ca = u("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), ma =
     },
     defaultVariants: { size: "md", tone: "gradient" }
   }
-), pa = u("ds:whitespace-nowrap", {
+), ha = p("ds:whitespace-nowrap", {
   variants: {
     size: {
       sm: "ds:[--lockup-unit:var(--logo-size-sm)]",
@@ -75,47 +75,47 @@ const ca = u("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), ma =
     name: s,
     variant: n = "standard",
     monochrome: e = !1,
-    tone: t = "auto",
+    tone: r = "auto",
     size: d = "md",
     className: l,
     ...c
   }, o) => {
     if (n === "maker") {
-      const i = t === "inherit", p = i ? "" : e ? "ds:text-[color:var(--foreground)]" : "ds:text-[color:var(--primary)]", h = i ? "" : e ? "ds:text-[color:var(--foreground)]" : "ds:text-[color:var(--primary)]", f = i ? "" : "ds:text-[color:var(--muted-foreground)]", v = i ? "" : "ds:text-[color:var(--foreground)]";
-      return /* @__PURE__ */ r(
+      const i = r === "inherit", u = i ? "" : e ? "ds:text-[color:var(--foreground)]" : "ds:text-[color:var(--primary)]", f = i ? "" : e ? "ds:text-[color:var(--foreground)]" : "ds:text-[color:var(--primary)]", h = i ? "" : "ds:text-[color:var(--muted-foreground)]", v = i ? "" : "ds:text-[color:var(--foreground)]";
+      return /* @__PURE__ */ t(
         "span",
         {
           ref: o,
           role: "img",
           "aria-label": `${s} by Alfadocs`.trim(),
-          className: pa({ size: d, className: l }),
+          className: ha({ size: d, className: l }),
           "data-component": "product-lockup",
           ...c,
           children: [
             /* @__PURE__ */ a(
-              ia,
+              ca,
               {
                 "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] ${p}`
+                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] ${u}`
               }
             ),
             /* @__PURE__ */ a(
               "span",
               {
                 "aria-hidden": !0,
-                className: `ds:align-middle ds:[font-family:var(--font-serif)] ds:font-semibold ds:italic ds:leading-none ds:tracking-[0.01em] ${h} ds:text-[calc(var(--lockup-unit)*0.95)]`,
+                className: `ds:align-middle ds:[font-family:var(--font-serif)] ds:font-semibold ds:italic ds:leading-none ds:tracking-[0.01em] ${f} ds:text-[calc(var(--lockup-unit)*0.95)]`,
                 children: s
               }
             ),
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ t(
               "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)] ${f}`,
+                className: `ds:align-text-top ds:ms-[var(--spacing-sm)] ds:inline-flex ds:items-baseline ds:gap-[var(--spacing-2xs)] ${h}`,
                 children: [
                   /* @__PURE__ */ a("span", { className: "ds:text-[calc(var(--lockup-unit)*0.4)] ds:leading-none", children: "by" }),
                   /* @__PURE__ */ a(
-                    na,
+                    la,
                     {
                       "aria-hidden": !0,
                       viewBox: "168 0 637 125",
@@ -129,21 +129,21 @@ const ca = u("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), ma =
         }
       );
     }
-    return /* @__PURE__ */ r(
+    return /* @__PURE__ */ t(
       "span",
       {
         ref: o,
         role: "img",
         "aria-label": `Alfadocs ${s}`.trim(),
-        className: ca({ className: l }),
+        className: ua({ className: l }),
         "data-component": "product-lockup",
         ...c,
         children: [
           /* @__PURE__ */ a(
-            da,
+            oa,
             {
               variant: e ? "monochrome" : "wordmark",
-              tone: t,
+              tone: r,
               size: d,
               decorative: !0
             }
@@ -152,7 +152,7 @@ const ca = u("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), ma =
             "span",
             {
               "aria-hidden": !0,
-              className: ma({
+              className: fa({
                 size: d,
                 tone: e ? "solid" : "gradient"
               }),
@@ -165,21 +165,21 @@ const ca = u("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), ma =
   }
 );
 g.displayName = "ProductLockup";
-function ua(s) {
+function ga(s) {
   return s > 99 ? "99+" : String(s);
 }
-function fa({
+function va({
   user: s,
   labels: n,
   onSignOut: e,
-  onToggleFullscreen: t
+  onToggleFullscreen: r
 }) {
-  const { t: d } = T(), l = n.fullscreen ?? d("marketplaceAppShell.settings.fullscreen");
+  const { t: d } = B(), l = n.fullscreen ?? d("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__ */ r(m.Root, { modal: !1, children: [
+    /* @__PURE__ */ t(m.Root, { modal: !1, children: [
       /* @__PURE__ */ a(m.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
         "button",
         {
@@ -187,24 +187,24 @@ function fa({
           "aria-label": n.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__ */ a("span", { "aria-hidden": "true", children: /* @__PURE__ */ a(C, { name: s.name, src: s.avatarSrc, size: "md" }) })
+          children: /* @__PURE__ */ a("span", { "aria-hidden": "true", children: /* @__PURE__ */ a(S, { name: s.name, src: s.avatarSrc, size: "md" }) })
         }
       ) }),
-      /* @__PURE__ */ r(m.Content, { align: "end", collisionPadding: 16, children: [
-        /* @__PURE__ */ a(m.Label, { children: /* @__PURE__ */ r("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-          /* @__PURE__ */ a("span", { "aria-hidden": "true", children: /* @__PURE__ */ a(C, { name: s.name, src: s.avatarSrc, size: "sm" }) }),
-          /* @__PURE__ */ r("span", { className: "ds:flex ds:flex-col ds:min-w-0", children: [
+      /* @__PURE__ */ t(m.Content, { align: "end", collisionPadding: 16, children: [
+        /* @__PURE__ */ a(m.Label, { children: /* @__PURE__ */ t("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ a("span", { "aria-hidden": "true", children: /* @__PURE__ */ a(S, { name: s.name, src: s.avatarSrc, size: "sm" }) }),
+          /* @__PURE__ */ t("span", { className: "ds:flex ds:flex-col ds:min-w-0", children: [
             /* @__PURE__ */ a("span", { className: "type-label ds:text-[color:var(--foreground)] ds:truncate", children: s.name }),
             s.email ? /* @__PURE__ */ a("span", { className: "type-meta ds:truncate", children: s.email }) : null
           ] })
         ] }) }),
-        t ? /* @__PURE__ */ r(M, { children: [
+        r ? /* @__PURE__ */ t(M, { children: [
           /* @__PURE__ */ a(m.Separator, {}),
           /* @__PURE__ */ a(
             m.Item,
             {
-              startIcon: /* @__PURE__ */ a(la, { "aria-hidden": !0 }),
-              onSelect: t,
+              startIcon: /* @__PURE__ */ a(ma, { "aria-hidden": !0 }),
+              onSelect: r,
               "data-testid": "marketplace-fullscreen",
               children: l
             }
@@ -214,7 +214,7 @@ function fa({
         /* @__PURE__ */ a(
           m.Item,
           {
-            startIcon: /* @__PURE__ */ a(oa, { "aria-hidden": !0 }),
+            startIcon: /* @__PURE__ */ a(pa, { "aria-hidden": !0 }),
             onSelect: e,
             "data-testid": "marketplace-sign-out",
             children: n.signOut
@@ -224,22 +224,22 @@ function fa({
     ] })
   );
 }
-function ha({
+function xa({
   nav: s,
   renderLink: n
 }) {
-  return /* @__PURE__ */ a(Z, { children: s.map((e) => {
-    const t = typeof e.badgeCount == "number" && e.badgeCount > 0 ? e.badgeCount : void 0, d = /* @__PURE__ */ r(M, { children: [
-      e.icon ? /* @__PURE__ */ a(_, { children: e.icon }) : null,
-      /* @__PURE__ */ a(aa, { children: e.label }),
-      t !== void 0 ? /* @__PURE__ */ a(ea, { children: ua(t) }) : null
+  return /* @__PURE__ */ a(ea, { children: s.map((e) => {
+    const r = typeof e.badgeCount == "number" && e.badgeCount > 0 ? e.badgeCount : void 0, d = /* @__PURE__ */ t(M, { children: [
+      e.icon ? /* @__PURE__ */ a(sa, { children: e.icon }) : null,
+      /* @__PURE__ */ a(ra, { children: e.label }),
+      r !== void 0 ? /* @__PURE__ */ a(ta, { children: ga(r) }) : null
     ] });
-    return n ? /* @__PURE__ */ a(z, { asChild: !0, isActive: e.isActive, children: n({
+    return n ? /* @__PURE__ */ a(I, { asChild: !0, isActive: e.isActive, children: n({
       href: e.href,
       children: d,
       "aria-current": e.isActive ? "page" : void 0
     }) }, e.id) : /* @__PURE__ */ a(
-      z,
+      I,
       {
         href: e.href,
         "aria-label": e.label,
@@ -251,7 +251,7 @@ function ha({
     );
   }) });
 }
-const I = u("ds:bg-[color:var(--app-shell-background)]", {
+const T = p("ds:bg-[color:var(--app-shell-background)]", {
   variants: {
     variant: {
       standalone: "",
@@ -264,42 +264,43 @@ const I = u("ds:bg-[color:var(--app-shell-background)]", {
   },
   defaultVariants: { variant: "standalone" }
 });
-function ga({
+function ba({
   nav: s,
   ariaLabel: n,
   renderLink: e
 }) {
-  const t = e ? ({
+  const r = e ? ({
     href: d,
     className: l,
     children: c,
     "aria-current": o
   }) => e({ href: d, className: l, children: c, "aria-current": o }) : void 0;
   return /* @__PURE__ */ a(
-    F,
+    q,
     {
       items: s,
       ariaLabel: n,
-      ...t ? { renderLink: t } : {}
+      ...r ? { renderLink: r } : {}
     }
   );
 }
-const va = b(
+const ka = b(
   ({
     productName: s,
     productHref: n = "/",
     nav: e,
-    renderLink: t,
+    renderLink: r,
     user: d,
     labels: l,
     onSignOut: c,
     onToggleFullscreen: o,
     sidebarState: i,
-    mainAriaLabel: p,
+    collapsibleSidebar: u = !1,
+    mainAriaLabel: f,
     variant: h = "standalone",
-    children: f
-  }, v) => {
-    const { t: x } = T(), B = t ? /* @__PURE__ */ a(S, { asChild: !0, children: t({
+    children: v
+  }, k) => {
+    const { t: x } = B(), H = r ? /* @__PURE__ */ a(A, { asChild: !0, children: r({
       href: n,
       children: /* @__PURE__ */ a(
         g,
@@ -311,7 +312,7 @@ const va = b(
         }
       )
     }) }) : /* @__PURE__ */ a(
-      S,
+      A,
       {
         href: n,
         logo: /* @__PURE__ */ a(
@@ -324,22 +325,22 @@ const va = b(
           }
         )
       }
-    ), { theme: L, accessibility: V, resolvedTheme: k } = ra(), H = L !== "system" || V !== "system", $ = k.startsWith("dark") ? "dark" : "light", j = k.endsWith("-accessible"), [O, y] = P(!1), R = /* @__PURE__ */ a(ta, { children: /* @__PURE__ */ a(
-      E,
+    ), { theme: L, accessibility: V, resolvedTheme: y } = ia(), $ = L !== "system" || V !== "system", j = y.startsWith("dark") ? "dark" : "light", O = y.endsWith("-accessible"), [R, N] = E(!1), W = /* @__PURE__ */ a(da, { children: /* @__PURE__ */ a(
+      D,
       {
-        mainAriaLabel: p,
-        mainClassName: I({ variant: "standalone" }),
-        header: /* @__PURE__ */ r(q, { children: [
-          /* @__PURE__ */ r(G, { children: [
-            /* @__PURE__ */ a(A, { href: "#main-content" }),
-            /* @__PURE__ */ a(J, { onMenuOpen: () => y(!0) }),
-            B
+        mainAriaLabel: f,
+        mainClassName: T({ variant: "standalone" }),
+        header: /* @__PURE__ */ t(G, { children: [
+          /* @__PURE__ */ t(J, { children: [
+            /* @__PURE__ */ a(z, { href: "#main-content" }),
+            /* @__PURE__ */ a(K, { onMenuOpen: () => N(!0) }),
+            H
           ] }),
-          /* @__PURE__ */ a(K, {}),
-          /* @__PURE__ */ r(Q, { children: [
-            /* @__PURE__ */ a(U, { size: "sm" }),
+          /* @__PURE__ */ a(Q, {}),
+          /* @__PURE__ */ t(U, { children: [
+            /* @__PURE__ */ a(X, { size: "sm" }),
             /* @__PURE__ */ a(
-              fa,
+              va,
               {
                 user: d,
                 labels: l,
@@ -349,30 +350,39 @@ const va = b(
             )
           ] })
         ] }),
-        sidebar: /* @__PURE__ */ a(
-          Y,
+        sidebar: /* @__PURE__ */ t(
+          Z,
           {
             ...i !== void 0 ? { state: i } : { defaultState: "expanded" },
-            open: O,
-            onOpenChange: y,
+            open: R,
+            onOpenChange: N,
             "aria-label": x("navigation.sidebar.label"),
             "data-testid": "marketplace-app-shell-sidebar",
-            children: /* @__PURE__ */ a(ha, { nav: e, renderLink: t })
+            children: [
+              u && i === void 0 ? (
+                // No justify override: SidebarHeader centres its child in the
+                // icon rail (`justify-center`) and left-aligns it when expanded,
+                // matching the nav icons below. `justify-end` here would win over
+                // the icon-mode centring and offset the toggle in the rail.
+                /* @__PURE__ */ a(_, { children: /* @__PURE__ */ a(aa, {}) })
+              ) : null,
+              /* @__PURE__ */ a(xa, { nav: e, renderLink: r })
+            ]
           }
         ),
-        children: f
+        children: v
       }
-    ) }), W = (
+    ) }), P = (
       // 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__ */ r("div", { className: "ds:flex ds:min-h-dvh ds:flex-col ds:bg-[color:var(--app-shell-background)]", children: [
-        /* @__PURE__ */ a(A, { href: "#main-content" }),
+      /* @__PURE__ */ t("div", { className: "ds:flex ds:min-h-dvh ds:flex-col ds:bg-[color:var(--app-shell-background)]", children: [
+        /* @__PURE__ */ a(z, { href: "#main-content" }),
         /* @__PURE__ */ a(
-          ga,
+          ba,
           {
             nav: e,
             ariaLabel: x("navigation.sidebar.label"),
-            renderLink: t
+            renderLink: r
           }
         ),
         /* @__PURE__ */ a(
@@ -380,36 +390,36 @@ const va = b(
           {
             id: "main-content",
             tabIndex: -1,
-            "aria-label": p ?? x("navigation.main.label", "Main content"),
-            className: I({ variant: "embedded" }),
-            children: f
+            "aria-label": f ?? x("navigation.main.label", "Main content"),
+            className: T({ variant: "embedded" }),
+            children: v
           }
         )
       ] })
-    ), N = h === "embedded" ? W : R;
-    return H ? /* @__PURE__ */ a(
-      sa,
+    ), C = h === "embedded" ? P : W;
+    return $ ? /* @__PURE__ */ a(
+      na,
       {
-        ref: v,
-        theme: $,
-        accessible: j,
+        ref: k,
+        theme: j,
+        accessible: O,
         className: "ds:contents",
         "data-component": "marketplace-app-shell",
-        children: N
+        children: C
       }
     ) : /* @__PURE__ */ a(
       "div",
       {
-        ref: v,
+        ref: k,
         className: "ds:contents",
         "data-component": "marketplace-app-shell",
-        children: N
+        children: C
       }
     );
   }
 );
-va.displayName = "MarketplaceAppShell";
-const xa = u(
+ka.displayName = "MarketplaceAppShell";
+const ya = p(
   "ds:flex ds:min-h-dvh ds:bg-[color:var(--app-shell-background)]",
   {
     variants: {
@@ -420,7 +430,7 @@ const xa = u(
     },
     defaultVariants: { layout: "card" }
   }
-), ba = u("ds:w-full", {
+), Na = p("ds:w-full", {
   variants: {
     layout: {
       card: "ds:max-w-[400px]",
@@ -428,37 +438,37 @@ const xa = u(
     }
   },
   defaultVariants: { layout: "card" }
-}), ka = u("", {
+}), Ca = p("", {
   variants: {
     layout: { card: "", split: "ds:lg:hidden" }
   },
   defaultVariants: { layout: "card" }
-}), ya = b(
+}), Sa = b(
   ({
     productName: s,
     title: n,
     description: e,
-    connectLabel: t,
+    connectLabel: r,
     status: d = "idle",
     error: l,
     onConnect: c,
     footer: o,
     layout: i = "card",
-    brandPanel: p,
-    className: h
-  }, f) => /* @__PURE__ */ r(
+    brandPanel: u,
+    className: f
+  }, h) => /* @__PURE__ */ t(
     "div",
     {
-      ref: f,
+      ref: h,
       "data-component": "connect-with-alfadocs",
-      className: `${xa({ layout: i })} ${h ?? ""}`,
+      className: `${ya({ layout: i })} ${f ?? ""}`,
       children: [
         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__ */ r("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__ */ t("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__ */ a(
               g,
               {
@@ -469,32 +479,32 @@ const xa = u(
                 variant: "maker"
               }
             ),
-            p ? /* @__PURE__ */ a("div", { className: "type-body ds:max-w-[28rem] ds:text-start", children: p }) : null
+            u ? /* @__PURE__ */ a("div", { className: "type-body ds:max-w-[28rem] ds:text-start", children: u }) : null
           ] })
         ) : null,
-        /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-1 ds:items-center ds:justify-center ds:p-[var(--spacing-lg)]", children: /* @__PURE__ */ a(w, { className: ba({ layout: i }), children: /* @__PURE__ */ r(w.Body, { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center", children: [
+        /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-1 ds:items-center ds:justify-center ds:p-[var(--spacing-lg)]", children: /* @__PURE__ */ a(w, { className: Na({ layout: i }), children: /* @__PURE__ */ t(w.Body, { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center", children: [
           /* @__PURE__ */ a(
             g,
             {
               name: s,
               size: "lg",
               variant: "maker",
-              className: ka({ layout: i })
+              className: Ca({ layout: i })
             }
           ),
-          /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
             /* @__PURE__ */ a("h1", { className: "type-title-card", children: n }),
             /* @__PURE__ */ a("p", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: e })
           ] }),
-          d === "error" && l ? /* @__PURE__ */ a(D, { variant: "error", className: "ds:w-full ds:text-start", children: l }) : null,
+          d === "error" && l ? /* @__PURE__ */ a(F, { variant: "error", className: "ds:w-full ds:text-start", children: l }) : null,
           /* @__PURE__ */ a(
-            X,
+            Y,
             {
               intent: "primary",
               className: "ds:w-full",
               loading: d === "connecting",
               onClick: c,
-              label: t,
+              label: r,
               "data-testid": "connect-with-alfadocs-button"
             }
           ),
@@ -504,10 +514,10 @@ const xa = u(
     }
   )
 );
-ya.displayName = "ConnectWithAlfadocs";
+Sa.displayName = "ConnectWithAlfadocs";
 export {
-  ya as C,
-  va as M,
+  Sa as C,
+  ka as M,
   g as P
 };
-//# sourceMappingURL=marketplace-app-shell-Chcj4q4z.js.map
+//# sourceMappingURL=marketplace-app-shell-35eRpT3r.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "0.87.0",
+  "packageVersion": "0.88.1",
   "components": [
     {
       "kind": "component",

package/dist/index.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-Chcj4q4z.js";
+import { C as mx, M as px, P as cx } from "./_chunks/marketplace-app-shell-35eRpT3r.js";
 import { S as gx } from "./_chunks/signature-request-D_6jgDZd.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-Chcj4q4z.js";
+import { C as l, M as o } from "../../_chunks/marketplace-app-shell-35eRpT3r.js";
 export {
   l as ConnectWithAlfadocs,
   o as MarketplaceAppShell

package/dist/patterns/marketplace-app-shell/marketplace-app-shell.d.ts

@@ -136,6 +136,14 @@ export interface MarketplaceAppShellProps {
      * `'expanded'`).
      */
     sidebarState?: SidebarMode;
+    /**
+     * Render a collapse/expand toggle in the sidebar header, letting the user
+     * shrink the standalone sidebar to an icon rail. The chosen mode persists
+     * per-user (the underlying `Sidebar` stores it) and survives reloads. Opt-in
+     * so existing consumers are unaffected; ignored when `sidebarState` forces a
+     * mode or in the `'embedded'` variant (no sidebar). @default false
+     */
+    collapsibleSidebar?: boolean;
     /** Override the accessible name of the `<main>` landmark. */
     mainAriaLabel?: string;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "0.87.0",
+  "version": "0.88.1",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",
@@ -720,6 +720,10 @@
       "types": "./dist/components/tooltip/index.d.ts",
       "import": "./dist/components/tooltip/index.js"
     },
+    "./transaction-chip": {
+      "types": "./dist/components/transaction-chip/index.d.ts",
+      "import": "./dist/components/transaction-chip/index.js"
+    },
     "./face-scheme": {
       "types": "./dist/components/face-scheme/index.d.ts",
       "import": "./dist/components/face-scheme/index.js"