@alfadocs/ui-kit 1.56.0 → 1.57.0

package/dist/_chunks/{marketplace-app-shell-Dcx-JEjg.js → marketplace-app-shell-BZcA9Z06.js}

@@ -1,25 +1,25 @@
-import { jsxs as r, jsx as a, Fragment as L } from "react/jsx-runtime";
-import { forwardRef as k, useState as E } from "react";
-import { useTranslation as N, Trans as D } from "react-i18next";
-import { c as u } from "./index-D2ZczOXr.js";
-import { A as F } from "./app-frame-B-0O9CrU.js";
-import { A as w } from "./avatar-WZY3eGE7.js";
-import { A as K } from "./alert-BhCstf2h.js";
-import { C as A } from "./card-DMO2nkt4.js";
+import { jsxs as r, jsx as a, Fragment as N } from "react/jsx-runtime";
+import { forwardRef as y, useState as G } from "react";
+import { useTranslation as C, Trans as J } from "react-i18next";
+import { c as h } from "./index-D2ZczOXr.js";
+import { A as M } from "./app-frame-B-0O9CrU.js";
+import { A as I } from "./avatar-WZY3eGE7.js";
+import { A as Q } from "./alert-BhCstf2h.js";
+import { C as B } from "./card-DMO2nkt4.js";
 import { D as p } from "./dropdown-menu-BQSNVp4x.js";
-import { T as q } from "./tab-bar-Bm-rJB7Y.js";
-import { a as z, H as G, g as J, f as T, e as Q, c as U, d as X } from "./header-B9552pLh.js";
-import { H as Y } from "./header-settings-ge_3gYEq.js";
-import { S as Z } from "./sign-in-with-alfadocs-button-D91_x8DX.js";
-import { S as _, g as aa, b as ea, a as sa, j as ta, k as ra, i as na, h as I } from "./sidebar-DLsG2AIk.js";
-import { T as da } from "./theme-root-BOO73p5t.js";
-import { a as ia } from "./tooltip-Cp-PLePW.js";
-import { u as la } from "./use-theme-CAuo6EYT.js";
-import { A as oa, L as ca } from "./logo-hIsyVE96.js";
-import { A as ma } from "./Alfadocs_Logo_Mark-Z_b6ZI1g.js";
-import { M as pa } from "./maximize-2-BYd2Kti7.js";
-import { L as ua } from "./log-out-oDS6zO5d.js";
-const fa = u("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), ha = u(
+import { T as U } from "./tab-bar-Bm-rJB7Y.js";
+import { a as E, H as X, g as Y, f as L, e as Z, c as aa, d as ea } from "./header-B9552pLh.js";
+import { H as sa } from "./header-settings-BMcCx2LC.js";
+import { S as ta } from "./sign-in-with-alfadocs-button-D91_x8DX.js";
+import { S as ra, g as na, b as da, a as ia, j as la, k as oa, i as ca, h as D } from "./sidebar-DLsG2AIk.js";
+import { T as ma } from "./theme-root-BOO73p5t.js";
+import { a as H } from "./tooltip-Cp-PLePW.js";
+import { u as pa } from "./use-theme-CAuo6EYT.js";
+import { A as ua, L as ha } from "./logo-hIsyVE96.js";
+import { A as fa } from "./Alfadocs_Logo_Mark-Z_b6ZI1g.js";
+import { M as ga } from "./maximize-2-BYd2Kti7.js";
+import { L as va } from "./log-out-oDS6zO5d.js";
+const xa = h("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), ba = h(
   [
     "ds:[font-family:var(--font-serif)]",
     "ds:font-semibold",
@@ -60,7 +60,7 @@ const fa = u("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), ha =
     },
     defaultVariants: { size: "md", tone: "gradient" }
   }
-), ga = u("ds:whitespace-nowrap", {
+), ka = h("ds:whitespace-nowrap", {
   variants: {
     size: {
       sm: "ds:[--lockup-unit:var(--logo-size-sm)]",
@@ -70,7 +70,7 @@ const fa = u("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), ha =
     }
   },
   defaultVariants: { size: "md" }
-}), g = k(
+}), x = y(
   ({
     name: s,
     variant: n = "standard",
@@ -80,31 +80,31 @@ const fa = u("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), ha =
     className: l,
     ...m
   }, o) => {
-    const { t: i } = N("ui");
+    const { t: i } = C("ui");
     if (n === "maker") {
-      const c = t === "inherit", f = c ? "" : e ? "ds:text-[color:var(--foreground)]" : "ds:text-[color:var(--primary)]", h = c ? "" : e ? "ds:text-[color:var(--foreground)]" : "ds:text-[color:var(--primary)]", v = c ? "" : "ds:text-[color:var(--muted-foreground)]", x = c ? "" : "ds:text-[color:var(--foreground)]";
+      const c = t === "inherit", u = c ? "" : e ? "ds:text-[color:var(--foreground)]" : "ds:text-[color:var(--primary)]", f = c ? "" : e ? "ds:text-[color:var(--foreground)]" : "ds:text-[color:var(--primary)]", g = c ? "" : "ds:text-[color:var(--muted-foreground)]", v = c ? "" : "ds:text-[color:var(--foreground)]";
       return /* @__PURE__ */ r(
         "span",
         {
           ref: o,
           role: "img",
           "aria-label": i("productLockup.makerLabel", { name: s.trim() }),
-          className: ga({ size: d, className: l }),
+          className: ka({ size: d, className: l }),
           "data-component": "product-lockup",
           ...m,
           children: [
             /* @__PURE__ */ a(
-              ma,
+              fa,
               {
                 "aria-hidden": !0,
-                className: `ds:inline-block ds:align-middle ds:me-[var(--spacing-sm)] ds:h-[calc(var(--lockup-unit)*0.88)] ds:w-auto ds:forced-colors:text-[CanvasText] ${f}`
+                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
               }
             ),
@@ -112,9 +112,9 @@ const fa = u("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), ha =
               "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)] ${v}`,
+                className: `ds:align-text-top ds:ms-[var(--spacing-sm)] ds:inline-flex ds:items-baseline ds:gap-[var(--spacing-2xs)] ${g}`,
                 children: /* @__PURE__ */ a(
-                  D,
+                  J,
                   {
                     ns: "ui",
                     t: i,
@@ -122,11 +122,11 @@ const fa = u("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), ha =
                     components: {
                       text: /* @__PURE__ */ a("span", { className: "ds:text-[calc(var(--lockup-unit)*0.4)] ds:leading-none" }),
                       brand: /* @__PURE__ */ a(
-                        oa,
+                        ua,
                         {
                           "aria-hidden": !0,
                           viewBox: "168 0 637 125",
-                          className: `ds:h-[calc(var(--lockup-unit)*0.45)] ds:w-auto ds:forced-colors:text-[CanvasText] ${x}`
+                          className: `ds:h-[calc(var(--lockup-unit)*0.45)] ds:w-auto ds:forced-colors:text-[CanvasText] ${v}`
                         }
                       )
                     }
@@ -144,12 +144,12 @@ const fa = u("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), ha =
         ref: o,
         role: "img",
         "aria-label": `Alfadocs ${s}`.trim(),
-        className: fa({ className: l }),
+        className: xa({ className: l }),
         "data-component": "product-lockup",
         ...m,
         children: [
           /* @__PURE__ */ a(
-            ca,
+            ha,
             {
               variant: e ? "monochrome" : "wordmark",
               tone: t,
@@ -161,7 +161,7 @@ const fa = u("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), ha =
             "span",
             {
               "aria-hidden": !0,
-              className: ha({
+              className: ba({
                 size: d,
                 tone: e ? "solid" : "gradient"
               }),
@@ -173,17 +173,17 @@ const fa = u("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), ha =
     );
   }
 );
-g.displayName = "ProductLockup";
-function va(s) {
+x.displayName = "ProductLockup";
+function Na(s) {
   return s > 99 ? "99+" : String(s);
 }
-function xa({
+function ya({
   user: s,
   labels: n,
   onSignOut: e,
   onToggleFullscreen: t
 }) {
-  const { t: d } = N("ui"), l = n.fullscreen ?? d("marketplaceAppShell.settings.fullscreen");
+  const { t: d } = C("ui"), 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
@@ -196,23 +196,23 @@ function xa({
           "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(w, { name: s.name, src: s.avatarSrc, size: "md" }) })
+          children: /* @__PURE__ */ a("span", { "aria-hidden": "true", children: /* @__PURE__ */ a(I, { name: s.name, src: s.avatarSrc, size: "md" }) })
         }
       ) }),
       /* @__PURE__ */ r(p.Content, { align: "end", collisionPadding: 16, children: [
         /* @__PURE__ */ a(p.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(w, { name: s.name, src: s.avatarSrc, size: "sm" }) }),
+          /* @__PURE__ */ a("span", { "aria-hidden": "true", children: /* @__PURE__ */ a(I, { name: s.name, src: s.avatarSrc, size: "sm" }) }),
           /* @__PURE__ */ r("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(L, { children: [
+        t ? /* @__PURE__ */ r(N, { children: [
           /* @__PURE__ */ a(p.Separator, {}),
           /* @__PURE__ */ a(
             p.Item,
             {
-              startIcon: /* @__PURE__ */ a(pa, { "aria-hidden": !0 }),
+              startIcon: /* @__PURE__ */ a(ga, { "aria-hidden": !0 }),
               onSelect: t,
               "data-testid": "marketplace-fullscreen",
               children: l
@@ -223,7 +223,7 @@ function xa({
         /* @__PURE__ */ a(
           p.Item,
           {
-            startIcon: /* @__PURE__ */ a(ua, { "aria-hidden": !0 }),
+            startIcon: /* @__PURE__ */ a(va, { "aria-hidden": !0 }),
             onSelect: e,
             "data-testid": "marketplace-sign-out",
             children: n.signOut
@@ -233,22 +233,22 @@ function xa({
     ] })
   );
 }
-function ba({
+function Ca({
   nav: s,
   renderLink: n
 }) {
-  return /* @__PURE__ */ a(sa, { children: s.map((e) => {
-    const t = typeof e.badgeCount == "number" && e.badgeCount > 0 ? e.badgeCount : void 0, d = /* @__PURE__ */ r(L, { children: [
-      e.icon ? /* @__PURE__ */ a(ta, { children: e.icon }) : null,
-      /* @__PURE__ */ a(ra, { children: e.label }),
-      t !== void 0 ? /* @__PURE__ */ a(na, { children: va(t) }) : null
+  return /* @__PURE__ */ a(ia, { children: s.map((e) => {
+    const t = typeof e.badgeCount == "number" && e.badgeCount > 0 ? e.badgeCount : void 0, d = /* @__PURE__ */ r(N, { children: [
+      e.icon ? /* @__PURE__ */ a(la, { children: e.icon }) : null,
+      /* @__PURE__ */ a(oa, { children: e.label }),
+      t !== void 0 ? /* @__PURE__ */ a(ca, { children: Na(t) }) : null
     ] });
-    return n ? /* @__PURE__ */ a(I, { asChild: !0, isActive: e.isActive, children: n({
+    return n ? /* @__PURE__ */ a(D, { asChild: !0, isActive: e.isActive, children: n({
       href: e.href,
       children: d,
       "aria-current": e.isActive ? "page" : void 0
     }) }, e.id) : /* @__PURE__ */ a(
-      I,
+      D,
       {
         href: e.href,
         "aria-label": e.label,
@@ -260,20 +260,19 @@ function ba({
     );
   }) });
 }
-const M = u("ds:bg-[color:var(--app-shell-background)]", {
+const O = [
+  "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+  "ds:pt-[var(--spacing-lg)] ds:pb-[var(--spacing-md)]"
+].join(" "), k = h("ds:bg-[color:var(--app-shell-background)]", {
   variants: {
     variant: {
       standalone: "",
-      embedded: [
-        "ds:flex-1",
-        "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-        "ds:pt-[var(--spacing-lg)] ds:pb-[var(--spacing-md)]"
-      ].join(" ")
+      embedded: `ds:flex-1 ${O}`
     }
   },
   defaultVariants: { variant: "standalone" }
-});
-function ka({
+}), wa = "ds:shrink-0 ds:bg-[color:var(--app-shell-background)]";
+function Sa({
   nav: s,
   ariaLabel: n,
   renderLink: e
@@ -294,7 +293,7 @@ function ka({
     "data-tab-id": i
   }) : void 0;
   return /* @__PURE__ */ a(
-    q,
+    U,
     {
       items: s,
       ariaLabel: n,
@@ -302,7 +301,7 @@ function ka({
     }
   );
 }
-const Na = k(
+const Aa = y(
   ({
     productName: s,
     productHref: n = "/",
@@ -314,14 +313,15 @@ const Na = k(
     onToggleFullscreen: o,
     sidebarState: i,
     collapsibleSidebar: c = !1,
-    mainAriaLabel: f,
-    variant: h = "standalone",
+    mainAriaLabel: u,
+    variant: f = "standalone",
+    endSidebar: g,
     children: v
-  }, x) => {
-    const { t: b } = N("ui"), B = t ? /* @__PURE__ */ a(z, { asChild: !0, children: t({
+  }, w) => {
+    const { t: b } = C("ui"), V = t ? /* @__PURE__ */ a(E, { asChild: !0, children: t({
       href: n,
       children: /* @__PURE__ */ a(
-        g,
+        x,
         {
           name: s,
           size: "md",
@@ -330,11 +330,11 @@ const Na = k(
         }
       )
     }) }) : /* @__PURE__ */ a(
-      z,
+      E,
       {
         href: n,
         logo: /* @__PURE__ */ a(
-          g,
+          x,
           {
             name: s,
             size: "md",
@@ -343,22 +343,22 @@ const Na = k(
           }
         )
       }
-    ), { theme: H, accessibility: V, resolvedTheme: y } = la(), j = H !== "system" || V !== "system", O = y.startsWith("dark") ? "dark" : "light", $ = y.endsWith("-accessible"), [R, C] = E(!1), W = /* @__PURE__ */ a(ia, { children: /* @__PURE__ */ a(
-      F,
+    ), { theme: $, accessibility: j, resolvedTheme: S } = pa(), R = $ !== "system" || j !== "system", W = S.startsWith("dark") ? "dark" : "light", P = S.endsWith("-accessible"), [_, A] = G(!1), K = /* @__PURE__ */ a(H, { children: /* @__PURE__ */ a(
+      M,
       {
-        mainAriaLabel: f,
-        mainClassName: M({ variant: "standalone" }),
-        header: /* @__PURE__ */ r(G, { children: [
-          /* @__PURE__ */ r(J, { children: [
-            /* @__PURE__ */ a(T, { href: "#main-content" }),
-            /* @__PURE__ */ a(Q, { onMenuOpen: () => C(!0) }),
-            B
+        mainAriaLabel: u,
+        mainClassName: k({ variant: "standalone" }),
+        header: /* @__PURE__ */ r(X, { children: [
+          /* @__PURE__ */ r(Y, { children: [
+            /* @__PURE__ */ a(L, { href: "#main-content" }),
+            /* @__PURE__ */ a(Z, { onMenuOpen: () => A(!0) }),
+            V
           ] }),
-          /* @__PURE__ */ a(U, {}),
-          /* @__PURE__ */ r(X, { children: [
-            /* @__PURE__ */ a(Y, { size: "sm" }),
+          /* @__PURE__ */ a(aa, {}),
+          /* @__PURE__ */ r(ea, { children: [
+            /* @__PURE__ */ a(sa, { size: "sm" }),
             /* @__PURE__ */ a(
-              xa,
+              ya,
               {
                 user: d,
                 labels: l,
@@ -369,11 +369,11 @@ const Na = k(
           ] })
         ] }),
         sidebar: /* @__PURE__ */ r(
-          _,
+          ra,
           {
             ...i !== void 0 ? { state: i } : { defaultState: "expanded" },
-            open: R,
-            onOpenChange: C,
+            open: _,
+            onOpenChange: A,
             "aria-label": b("navigation.sidebar.label"),
             "data-testid": "marketplace-app-shell-sidebar",
             children: [
@@ -382,62 +382,76 @@ const Na = k(
                 // 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(aa, { children: /* @__PURE__ */ a(ea, {}) })
+                /* @__PURE__ */ a(na, { children: /* @__PURE__ */ a(da, {}) })
               ) : null,
-              /* @__PURE__ */ a(ba, { nav: e, renderLink: t })
+              /* @__PURE__ */ a(Ca, { nav: e, renderLink: t })
             ]
           }
         ),
+        endSidebar: g,
         children: v
       }
-    ) }), P = (
+    ) }), z = /* @__PURE__ */ r(N, { children: [
+      /* @__PURE__ */ a(L, { href: "#main-content" }),
+      /* @__PURE__ */ a(
+        Sa,
+        {
+          nav: e,
+          ariaLabel: b("navigation.sidebar.label"),
+          renderLink: t
+        }
+      )
+    ] }), F = /* @__PURE__ */ a(H, { children: /* @__PURE__ */ a(
+      M,
+      {
+        mainAriaLabel: u,
+        mainClassName: k({ variant: "standalone" }),
+        padded: !1,
+        header: /* @__PURE__ */ a("div", { className: wa, children: z }),
+        sidebar: null,
+        endSidebar: g,
+        children: /* @__PURE__ */ a("div", { className: O, children: v })
+      }
+    ) }), q = (
       // 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(T, { href: "#main-content" }),
-        /* @__PURE__ */ a(
-          ka,
-          {
-            nav: e,
-            ariaLabel: b("navigation.sidebar.label"),
-            renderLink: t
-          }
-        ),
+        z,
         /* @__PURE__ */ a(
           "main",
           {
             id: "main-content",
             tabIndex: -1,
-            "aria-label": f ?? b("navigation.main.label", "Main content"),
-            className: M({ variant: "embedded" }),
+            "aria-label": u ?? b("navigation.main.label", "Main content"),
+            className: k({ variant: "embedded" }),
             children: v
           }
         )
       ] })
-    ), S = h === "embedded" ? P : W;
-    return j ? /* @__PURE__ */ a(
-      da,
+    ), T = f === "embedded" ? g ? F : q : K;
+    return R ? /* @__PURE__ */ a(
+      ma,
       {
-        ref: x,
-        theme: O,
-        accessible: $,
+        ref: w,
+        theme: W,
+        accessible: P,
         className: "ds:contents",
         "data-component": "marketplace-app-shell",
-        children: S
+        children: T
       }
     ) : /* @__PURE__ */ a(
       "div",
       {
-        ref: x,
+        ref: w,
         className: "ds:contents",
         "data-component": "marketplace-app-shell",
-        children: S
+        children: T
       }
     );
   }
 );
-Na.displayName = "MarketplaceAppShell";
-const ya = u(
+Aa.displayName = "MarketplaceAppShell";
+const za = h(
   "ds:flex ds:min-h-dvh ds:bg-[color:var(--app-shell-background)]",
   {
     variants: {
@@ -448,7 +462,7 @@ const ya = u(
     },
     defaultVariants: { layout: "card" }
   }
-), Ca = u("ds:w-full", {
+), Ta = h("ds:w-full", {
   variants: {
     layout: {
       card: "ds:max-w-[400px]",
@@ -456,12 +470,12 @@ const ya = u(
     }
   },
   defaultVariants: { layout: "card" }
-}), Sa = u("", {
+}), Ma = h("", {
   variants: {
     layout: { card: "", split: "ds:lg:hidden" }
   },
   defaultVariants: { layout: "card" }
-}), wa = k(
+}), Ia = y(
   ({
     productName: s,
     title: n,
@@ -473,13 +487,13 @@ const ya = u(
     footer: o,
     layout: i = "card",
     brandPanel: c,
-    className: f
-  }, h) => /* @__PURE__ */ r(
+    className: u
+  }, f) => /* @__PURE__ */ r(
     "div",
     {
-      ref: h,
+      ref: f,
       "data-component": "connect-with-alfadocs",
-      className: `${ya({ layout: i })} ${f ?? ""}`,
+      className: `${za({ layout: i })} ${u ?? ""}`,
       children: [
         i === "split" ? (
           // Desktop brand panel (lg+ only): a bold `--primary` surface with the
@@ -488,7 +502,7 @@ const ya = u(
           // 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__ */ a(
-              g,
+              x,
               {
                 name: s,
                 size: "lg",
@@ -500,23 +514,23 @@ const ya = u(
             c ? /* @__PURE__ */ a("div", { className: "type-body ds:max-w-[28rem] ds:text-start", children: c }) : 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(A, { className: Ca({ layout: i }), children: /* @__PURE__ */ r(A.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(B, { className: Ta({ layout: i }), children: /* @__PURE__ */ r(B.Body, { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center", children: [
           /* @__PURE__ */ a(
-            g,
+            x,
             {
               name: s,
               size: "lg",
               variant: "maker",
-              className: Sa({ layout: i })
+              className: Ma({ layout: i })
             }
           ),
           /* @__PURE__ */ r("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(K, { variant: "error", className: "ds:w-full ds:text-start", children: l }) : null,
+          d === "error" && l ? /* @__PURE__ */ a(Q, { variant: "error", className: "ds:w-full ds:text-start", children: l }) : null,
           /* @__PURE__ */ a(
-            Z,
+            ta,
             {
               intent: "primary",
               className: "ds:w-full",
@@ -532,10 +546,10 @@ const ya = u(
     }
   )
 );
-wa.displayName = "ConnectWithAlfadocs";
+Ia.displayName = "ConnectWithAlfadocs";
 export {
-  wa as C,
-  Na as M,
-  g as P
+  Ia as C,
+  Aa as M,
+  x as P
 };
-//# sourceMappingURL=marketplace-app-shell-Dcx-JEjg.js.map
+//# sourceMappingURL=marketplace-app-shell-BZcA9Z06.js.map