@alfadocs/ui-kit-debug 1.61.0 → 1.62.0

package/dist/_chunks/{marketplace-app-shell-p6hPgVwy.js → marketplace-app-shell-C-2e4eCD.js}

@@ -1,28 +1,28 @@
 import { jsxs as n, jsx as e, Fragment as H } from "react/jsx-runtime";
-import { forwardRef as V, useState as he, useCallback as ve, useEffect as _, useRef as K } from "react";
-import { useTranslation as B, Trans as ge } from "react-i18next";
+import { forwardRef as V, useState as ve, useCallback as ge, useEffect as K, useRef as Q } from "react";
+import { useTranslation as B, Trans as xe } from "react-i18next";
 import { c as p } from "./index-D2ZczOXr.js";
-import { A as Q } from "./app-frame-CqmDh2v5.js";
-import { A as q } from "./avatar-WZY3eGE7.js";
-import { A as xe } from "./alert-BhCstf2h.js";
-import { C as F } from "./card-BA4Ig_kn.js";
+import { A as q } from "./app-frame-DUPEwu4E.js";
+import { A as F } from "./avatar-WZY3eGE7.js";
+import { A as be } from "./alert-DdDpOi-P.js";
+import { C as U } from "./card-BA4Ig_kn.js";
 import { D as u } from "./dropdown-menu-D1we7oAY.js";
-import { T as be } from "./tab-bar-5GppbMGc.js";
-import { a as U, H as ke, g as we, f as Y, e as Ne, c as ye, d as Se } from "./header-BVHAt7Fi.js";
-import { H as Ce } from "./header-settings-C200bKyp.js";
-import { S as Ae } from "./sign-in-with-alfadocs-button-CIv0GgeA.js";
-import { S as Te, a as Z, v as Ee, h as Me, c as ze, r as Ie, b as Le, l as He, m as Ve, k as Be, j as G } from "./sidebar-C9Zof0z1.js";
-import { N as Re } from "./navigation-dismiss-B1mcW1CT.js";
-import { T as De } from "./theme-root-BOO73p5t.js";
-import { a as J } from "./tooltip-Cp-PLePW.js";
-import { u as Oe } from "./use-theme-CAuo6EYT.js";
-import { u as je } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as Pe } from "./use-media-query-CcAx5SMM.js";
-import { A as $e, L as We } from "./logo-hIsyVE96.js";
-import { A as _e } from "./Alfadocs_Logo_Mark-Z_b6ZI1g.js";
-import { M as Ke } from "./maximize-2-BYd2Kti7.js";
-import { L as Qe } from "./log-out-oDS6zO5d.js";
-const qe = p("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), Fe = p(
+import { T as ke } from "./tab-bar-BEODTG6k.js";
+import { a as Y, H as we, g as Ne, f as G, e as ye, c as Se, d as Ce } from "./header-_TppWBpK.js";
+import { H as Ae } from "./header-settings-BSH9Gk0J.js";
+import { S as Te } from "./sign-in-with-alfadocs-button-CIv0GgeA.js";
+import { S as Ee, a as ee, v as ze, h as Ie, c as Me, r as Le, b as He, l as Ve, m as Be, k as Re, j as J } from "./sidebar-BS24EnYd.js";
+import { N as De } from "./navigation-dismiss-B1mcW1CT.js";
+import { T as Oe } from "./theme-root-BOO73p5t.js";
+import { a as X } from "./tooltip-uEBdD1-5.js";
+import { u as je } from "./use-theme-CAuo6EYT.js";
+import { u as Pe } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as $e } from "./use-media-query-CcAx5SMM.js";
+import { A as We, L as _e } from "./logo-hIsyVE96.js";
+import { A as Ke } from "./Alfadocs_Logo_Mark-Z_b6ZI1g.js";
+import { M as Qe } from "./maximize-2-BYd2Kti7.js";
+import { L as qe } from "./log-out-oDS6zO5d.js";
+const Fe = p("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), Ue = p(
   [
     "ds:[font-family:var(--font-serif)]",
     "ds:font-semibold",
@@ -63,7 +63,7 @@ const qe = p("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), Fe =
     },
     defaultVariants: { size: "md", tone: "gradient" }
   }
-), Ue = p("ds:whitespace-nowrap", {
+), Ye = p("ds:whitespace-nowrap", {
   variants: {
     size: {
       sm: "ds:[--lockup-unit:var(--logo-size-sm)]",
@@ -92,12 +92,12 @@ const qe = p("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), Fe =
           ref: c,
           role: "img",
           "aria-label": i("productLockup.makerLabel", { name: s.trim() }),
-          className: Ue({ size: r, className: l }),
+          className: Ye({ size: r, className: l }),
           "data-component": "product-lockup",
           ...o,
           children: [
             /* @__PURE__ */ e(
-              _e,
+              Ke,
               {
                 "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}`
@@ -117,7 +117,7 @@ const qe = p("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), Fe =
                 "aria-hidden": !0,
                 className: `ds:align-text-top ds:ms-[var(--spacing-sm)] ds:inline-flex ds:items-baseline ds:gap-[var(--spacing-2xs)] ${C}`,
                 children: /* @__PURE__ */ e(
-                  ge,
+                  xe,
                   {
                     ns: "ui",
                     t: i,
@@ -125,7 +125,7 @@ const qe = p("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), Fe =
                     components: {
                       text: /* @__PURE__ */ e("span", { className: "ds:text-[calc(var(--lockup-unit)*0.4)] ds:leading-none" }),
                       brand: /* @__PURE__ */ e(
-                        $e,
+                        We,
                         {
                           "aria-hidden": !0,
                           viewBox: "168 0 637 125",
@@ -147,12 +147,12 @@ const qe = p("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), Fe =
         ref: c,
         role: "img",
         "aria-label": `Alfadocs ${s}`.trim(),
-        className: qe({ className: l }),
+        className: Fe({ className: l }),
         "data-component": "product-lockup",
         ...o,
         children: [
           /* @__PURE__ */ e(
-            We,
+            _e,
             {
               variant: a ? "monochrome" : "wordmark",
               tone: t,
@@ -164,7 +164,7 @@ const qe = p("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), Fe =
             "span",
             {
               "aria-hidden": !0,
-              className: Fe({
+              className: Ue({
                 size: r,
                 tone: a ? "solid" : "gradient"
               }),
@@ -177,11 +177,11 @@ const qe = p("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), Fe =
   }
 );
 y.displayName = "ProductLockup";
-const Ye = "(max-width: 767.98px)";
-function Ge(s) {
+const Ge = "(max-width: 767.98px)";
+function Je(s) {
   return s > 99 ? "99+" : String(s);
 }
-function Je({
+function Xe({
   user: s,
   labels: d,
   onSignOut: a,
@@ -200,12 +200,12 @@ function Je({
           "aria-label": d.accountMenu,
           "data-testid": "marketplace-account-trigger",
           className: "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0 ds:size-10 ds:rounded-[var(--radius-full)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]",
-          children: /* @__PURE__ */ e("span", { "aria-hidden": "true", children: /* @__PURE__ */ e(q, { name: s.name, src: s.avatarSrc, size: "md" }) })
+          children: /* @__PURE__ */ e("span", { "aria-hidden": "true", children: /* @__PURE__ */ e(F, { name: s.name, src: s.avatarSrc, size: "md" }) })
         }
       ) }),
       /* @__PURE__ */ n(u.Content, { align: "end", collisionPadding: 16, children: [
         /* @__PURE__ */ e(u.Label, { children: /* @__PURE__ */ n("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-          /* @__PURE__ */ e("span", { "aria-hidden": "true", children: /* @__PURE__ */ e(q, { name: s.name, src: s.avatarSrc, size: "sm" }) }),
+          /* @__PURE__ */ e("span", { "aria-hidden": "true", children: /* @__PURE__ */ e(F, { name: s.name, src: s.avatarSrc, size: "sm" }) }),
           /* @__PURE__ */ n("span", { className: "ds:flex ds:flex-col ds:min-w-0", children: [
             /* @__PURE__ */ e("span", { className: "type-label ds:text-[color:var(--foreground)] ds:truncate", children: s.name }),
             s.email ? /* @__PURE__ */ e("span", { className: "type-meta ds:truncate", children: s.email }) : null
@@ -216,7 +216,7 @@ function Je({
           /* @__PURE__ */ e(
             u.Item,
             {
-              startIcon: /* @__PURE__ */ e(Ke, { "aria-hidden": !0 }),
+              startIcon: /* @__PURE__ */ e(Qe, { "aria-hidden": !0 }),
               onSelect: t,
               "data-testid": "marketplace-fullscreen",
               children: l
@@ -227,7 +227,7 @@ function Je({
         /* @__PURE__ */ e(
           u.Item,
           {
-            startIcon: /* @__PURE__ */ e(Qe, { "aria-hidden": !0 }),
+            startIcon: /* @__PURE__ */ e(qe, { "aria-hidden": !0 }),
             onSelect: a,
             "data-testid": "marketplace-sign-out",
             children: d.signOut
@@ -237,22 +237,22 @@ function Je({
     ] })
   );
 }
-function Xe({
+function Ze({
   nav: s,
   renderLink: d
 }) {
-  return /* @__PURE__ */ e(Z, { children: s.map((a) => {
+  return /* @__PURE__ */ e(ee, { children: s.map((a) => {
     const t = typeof a.badgeCount == "number" && a.badgeCount > 0 ? a.badgeCount : void 0, r = /* @__PURE__ */ n(H, { children: [
-      a.icon ? /* @__PURE__ */ e(He, { children: a.icon }) : null,
-      /* @__PURE__ */ e(Ve, { children: a.label }),
-      t !== void 0 ? /* @__PURE__ */ e(Be, { children: Ge(t) }) : null
+      a.icon ? /* @__PURE__ */ e(Ve, { children: a.icon }) : null,
+      /* @__PURE__ */ e(Be, { children: a.label }),
+      t !== void 0 ? /* @__PURE__ */ e(Re, { children: Je(t) }) : null
     ] });
-    return d ? /* @__PURE__ */ e(G, { asChild: !0, isActive: a.isActive, children: d({
+    return d ? /* @__PURE__ */ e(J, { asChild: !0, isActive: a.isActive, children: d({
       href: a.href,
       children: r,
       "aria-current": a.isActive ? "page" : void 0
     }) }, a.id) : /* @__PURE__ */ e(
-      G,
+      J,
       {
         href: a.href,
         "aria-label": a.label,
@@ -264,7 +264,7 @@ function Xe({
     );
   }) });
 }
-const Ze = p(
+const ea = p(
   "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
   {
     variants: {
@@ -276,7 +276,7 @@ const Ze = p(
     },
     defaultVariants: { mode: "expanded" }
   }
-), ea = p(
+), aa = p(
   // Wraps rather than push a tool off the edge at the accessible size. Empty
   // when the sections toggle, alone in it, finds no section.
   "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)] ds:empty:hidden",
@@ -290,31 +290,31 @@ const Ze = p(
     },
     defaultVariants: { mode: "expanded" }
   }
-), X = (s) => s != null && typeof s != "boolean";
-function aa({
+), Z = (s) => s != null && typeof s != "boolean";
+function sa({
   collapseTrigger: s,
   sectionsToggle: d,
   actions: a,
   content: t
 }) {
-  const { mode: r } = Ee(), l = X(a), o = r === "overlay", c = s && !o, i = X(t) && r !== "icon", m = c || d || l || o;
+  const { mode: r } = ze(), l = Z(a), o = r === "overlay", c = s && !o, i = Z(t) && r !== "icon", m = c || d || l || o;
   return !m && !i ? null : (
     // With nothing below it, an empty row hides the whole band too.
     /* @__PURE__ */ e(
-      Me,
+      Ie,
       {
         className: i ? void 0 : "ds:has-[[data-sidebar-header-row]:empty]:hidden",
-        children: /* @__PURE__ */ n("div", { className: Ze({ mode: r }), children: [
+        children: /* @__PURE__ */ n("div", { className: ea({ mode: r }), children: [
           m ? /* @__PURE__ */ n(
             "div",
             {
               "data-sidebar-header-row": "",
-              className: ea({ mode: r }),
+              className: aa({ mode: r }),
               children: [
-                c ? /* @__PURE__ */ e(ze, {}) : null,
-                d ? /* @__PURE__ */ e(Ie, {}) : null,
+                c ? /* @__PURE__ */ e(Me, {}) : null,
+                d ? /* @__PURE__ */ e(Le, {}) : null,
                 l ? a : null,
-                o ? /* @__PURE__ */ e(Le, {}) : null
+                o ? /* @__PURE__ */ e(He, {}) : null
               ]
             }
           ) : null,
@@ -324,19 +324,19 @@ function aa({
     )
   );
 }
-const ee = [
+const ae = [
   "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
   "ds:pt-[var(--spacing-lg)] ds:pb-[var(--spacing-md)]"
 ].join(" "), L = p("ds:bg-[color:var(--app-shell-background)]", {
   variants: {
     variant: {
       standalone: "",
-      embedded: `ds:flex-1 ${ee}`
+      embedded: `ds:flex-1 ${ae}`
     }
   },
   defaultVariants: { variant: "standalone" }
-}), sa = "ds:shrink-0 ds:bg-[color:var(--app-shell-background)]";
-function ta({
+}), ta = "ds:shrink-0 ds:bg-[color:var(--app-shell-background)]";
+function ra({
   nav: s,
   ariaLabel: d,
   renderLink: a
@@ -357,7 +357,7 @@ function ta({
     "data-tab-id": i
   }) : void 0;
   return /* @__PURE__ */ e(
-    be,
+    ke,
     {
       items: s,
       ariaLabel: d,
@@ -365,7 +365,7 @@ function ta({
     }
   );
 }
-const ra = V(
+const na = V(
   ({
     productName: s,
     productHref: d = "/",
@@ -381,15 +381,16 @@ const ra = V(
     sidebarHeader: b,
     sidebarActions: C,
     sidebarSectionsToggle: A = !1,
-    onSetAllSidebarSectionsOpen: ae,
-    onMoveSidebarItem: se,
+    onSetAllSidebarSectionsOpen: se,
+    onMoveSidebarItem: te,
     mainAriaLabel: T,
-    variant: te = "standalone",
+    variant: re = "standalone",
     endSidebar: E,
-    children: M
-  }, R) => {
-    var W;
-    const { t: z } = B("ui"), re = t ? /* @__PURE__ */ e(U, { asChild: !0, children: t({
+    minMainWidth: R,
+    children: z
+  }, D) => {
+    var _;
+    const { t: I } = B("ui"), ne = t ? /* @__PURE__ */ e(Y, { asChild: !0, children: t({
       href: d,
       children: /* @__PURE__ */ e(
         y,
@@ -401,7 +402,7 @@ const ra = V(
         }
       )
     }) }) : /* @__PURE__ */ e(
-      U,
+      Y,
       {
         href: d,
         logo: /* @__PURE__ */ e(
@@ -414,44 +415,44 @@ const ra = V(
           }
         )
       }
-    ), { theme: ne, accessibility: de, resolvedTheme: D } = Oe(), ie = ne !== "system" || de !== "system", le = D.startsWith("dark") ? "dark" : "light", oe = D.endsWith("-accessible"), ce = Pe(Ye), k = i ?? (ce ? "overlay" : void 0), [w, N] = he(!1), h = ve(() => N(!1), []);
-    _(() => {
+    ), { theme: de, accessibility: ie, resolvedTheme: O } = je(), le = de !== "system" || ie !== "system", oe = O.startsWith("dark") ? "dark" : "light", ce = O.endsWith("-accessible"), me = $e(Ge), k = i ?? (me ? "overlay" : void 0), [w, N] = ve(!1), h = ge(() => N(!1), []);
+    K(() => {
       k !== "overlay" && N(!1);
     }, [k]);
-    const I = K(null), O = K(null), j = f === void 0 ? ((W = a.find((v) => v.isActive)) == null ? void 0 : W.id) ?? "" : void 0;
-    je(() => {
+    const M = Q(null), j = Q(null), P = f === void 0 ? ((_ = a.find((v) => v.isActive)) == null ? void 0 : _.id) ?? "" : void 0;
+    Pe(() => {
       const v = window.location.href;
-      let S = j ?? null;
-      if (j === void 0 && I.current) {
-        const x = I.current.querySelector('[aria-current="page"]');
+      let S = P ?? null;
+      if (P === void 0 && M.current) {
+        const x = M.current.querySelector('[aria-current="page"]');
         S = (x == null ? void 0 : x.getAttribute("href")) ?? (x == null ? void 0 : x.textContent) ?? "";
       }
-      const g = O.current;
-      if (O.current = { open: w, url: v, current: S }, !(g != null && g.open) || !w) return;
-      const fe = g.current !== null && S !== null && g.current !== S;
-      (g.url !== v || fe) && N(!1);
-    }), _(() => {
+      const g = j.current;
+      if (j.current = { open: w, url: v, current: S }, !(g != null && g.open) || !w) return;
+      const he = g.current !== null && S !== null && g.current !== S;
+      (g.url !== v || he) && N(!1);
+    }), K(() => {
       if (w)
         return window.addEventListener("popstate", h), window.addEventListener("hashchange", h), () => {
           window.removeEventListener("popstate", h), window.removeEventListener("hashchange", h);
         };
     }, [w, h]);
-    const me = /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(
-      Q,
+    const pe = /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(
+      q,
       {
         mainAriaLabel: T,
         mainClassName: L({ variant: "standalone" }),
-        header: /* @__PURE__ */ n(ke, { children: [
-          /* @__PURE__ */ n(we, { children: [
-            /* @__PURE__ */ e(Y, { href: "#main-content" }),
-            /* @__PURE__ */ e(Ne, { onMenuOpen: () => N(!0) }),
-            re
+        header: /* @__PURE__ */ n(we, { children: [
+          /* @__PURE__ */ n(Ne, { children: [
+            /* @__PURE__ */ e(G, { href: "#main-content" }),
+            /* @__PURE__ */ e(ye, { onMenuOpen: () => N(!0) }),
+            ne
           ] }),
-          /* @__PURE__ */ e(ye, {}),
-          /* @__PURE__ */ n(Se, { children: [
-            /* @__PURE__ */ e(Ce, { size: "sm" }),
+          /* @__PURE__ */ e(Se, {}),
+          /* @__PURE__ */ n(Ce, { children: [
+            /* @__PURE__ */ e(Ae, { size: "sm" }),
             /* @__PURE__ */ e(
-              Je,
+              Xe,
               {
                 user: r,
                 labels: l,
@@ -462,22 +463,22 @@ const ra = V(
           ] })
         ] }),
         sidebar: /* @__PURE__ */ e(
-          Te,
+          Ee,
           {
-            ref: I,
+            ref: M,
             ...k !== void 0 ? { state: k } : { defaultState: "expanded" },
             open: w,
             onOpenChange: N,
-            onMoveItem: se,
-            onSetAllSectionsOpen: ae,
+            onMoveItem: te,
+            onSetAllSectionsOpen: se,
             onClick: (v) => {
               v.target instanceof Element && v.target.closest("a[href]") && h();
             },
-            "aria-label": z("navigation.sidebar.label"),
+            "aria-label": I("navigation.sidebar.label"),
             "data-testid": "marketplace-app-shell-sidebar",
-            children: /* @__PURE__ */ n(Re.Provider, { value: h, children: [
+            children: /* @__PURE__ */ n(De.Provider, { value: h, children: [
               /* @__PURE__ */ e(
-                aa,
+                sa,
                 {
                   collapseTrigger: m && k === void 0,
                   sectionsToggle: A,
@@ -485,74 +486,76 @@ const ra = V(
                   content: b
                 }
               ),
-              f !== void 0 ? /* @__PURE__ */ e(Z, { children: f }) : /* @__PURE__ */ e(Xe, { nav: a, renderLink: t })
+              f !== void 0 ? /* @__PURE__ */ e(ee, { children: f }) : /* @__PURE__ */ e(Ze, { nav: a, renderLink: t })
             ] })
           }
         ),
         endSidebar: E,
-        children: M
+        minMainWidth: R,
+        children: z
       }
-    ) }), P = /* @__PURE__ */ n(H, { children: [
-      /* @__PURE__ */ e(Y, { href: "#main-content" }),
+    ) }), $ = /* @__PURE__ */ n(H, { children: [
+      /* @__PURE__ */ e(G, { href: "#main-content" }),
       /* @__PURE__ */ e(
-        ta,
+        ra,
         {
           nav: a,
-          ariaLabel: z("navigation.sidebar.label"),
+          ariaLabel: I("navigation.sidebar.label"),
           renderLink: t
         }
       )
-    ] }), pe = /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(
-      Q,
+    ] }), ue = /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(
+      q,
       {
         mainAriaLabel: T,
         mainClassName: L({ variant: "standalone" }),
         padded: !1,
-        header: /* @__PURE__ */ e("div", { className: sa, children: P }),
+        header: /* @__PURE__ */ e("div", { className: ta, children: $ }),
         sidebar: null,
         endSidebar: E,
-        children: /* @__PURE__ */ e("div", { className: ee, children: M })
+        minMainWidth: R,
+        children: /* @__PURE__ */ e("div", { className: ae, children: z })
       }
-    ) }), ue = (
+    ) }), fe = (
       // The shell owns the warm-grey canvas; TabBar's strip is transparent and
       // floats its pill on it, and `<main>` continues the same surface.
       /* @__PURE__ */ n("div", { className: "ds:flex ds:min-h-dvh ds:flex-col ds:bg-[color:var(--app-shell-background)]", children: [
-        P,
+        $,
         /* @__PURE__ */ e(
           "main",
           {
             id: "main-content",
             tabIndex: -1,
-            "aria-label": T ?? z("navigation.main.label", "Main content"),
+            "aria-label": T ?? I("navigation.main.label", "Main content"),
             className: L({ variant: "embedded" }),
-            children: M
+            children: z
           }
         )
       ] })
-    ), $ = te === "embedded" ? E ? pe : ue : me;
-    return ie ? /* @__PURE__ */ e(
-      De,
+    ), W = re === "embedded" ? E ? ue : fe : pe;
+    return le ? /* @__PURE__ */ e(
+      Oe,
       {
-        ref: R,
-        theme: le,
-        accessible: oe,
+        ref: D,
+        theme: oe,
+        accessible: ce,
         className: "ds:contents",
         "data-component": "marketplace-app-shell",
-        children: $
+        children: W
       }
     ) : /* @__PURE__ */ e(
       "div",
       {
-        ref: R,
+        ref: D,
         className: "ds:contents",
         "data-component": "marketplace-app-shell",
-        children: $
+        children: W
       }
     );
   }
 );
-ra.displayName = "MarketplaceAppShell";
-const na = p(
+na.displayName = "MarketplaceAppShell";
+const da = p(
   "ds:flex ds:min-h-dvh ds:bg-[color:var(--app-shell-background)]",
   {
     variants: {
@@ -563,7 +566,7 @@ const na = p(
     },
     defaultVariants: { layout: "card" }
   }
-), da = p("ds:w-full", {
+), ia = p("ds:w-full", {
   variants: {
     layout: {
       card: "ds:max-w-[400px]",
@@ -571,12 +574,12 @@ const na = p(
     }
   },
   defaultVariants: { layout: "card" }
-}), ia = p("", {
+}), la = p("", {
   variants: {
     layout: { card: "", split: "ds:lg:hidden" }
   },
   defaultVariants: { layout: "card" }
-}), la = V(
+}), oa = V(
   ({
     productName: s,
     title: d,
@@ -594,7 +597,7 @@ const na = p(
     {
       ref: b,
       "data-component": "connect-with-alfadocs",
-      className: `${na({ layout: i })} ${f ?? ""}`,
+      className: `${da({ layout: i })} ${f ?? ""}`,
       children: [
         i === "split" ? (
           // Desktop brand panel (lg+ only): a bold `--primary` surface with the
@@ -615,23 +618,23 @@ const na = p(
             m ? /* @__PURE__ */ e("div", { className: "type-body ds:max-w-[28rem] ds:text-start", children: m }) : null
           ] })
         ) : null,
-        /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-1 ds:items-center ds:justify-center ds:p-[var(--spacing-lg)]", children: /* @__PURE__ */ e(F, { className: da({ layout: i }), children: /* @__PURE__ */ n(F.Body, { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center", children: [
+        /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-1 ds:items-center ds:justify-center ds:p-[var(--spacing-lg)]", children: /* @__PURE__ */ e(U, { className: ia({ layout: i }), children: /* @__PURE__ */ n(U.Body, { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center", children: [
           /* @__PURE__ */ e(
             y,
             {
               name: s,
               size: "lg",
               variant: "maker",
-              className: ia({ layout: i })
+              className: la({ layout: i })
             }
           ),
           /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
             /* @__PURE__ */ e("h1", { className: "type-title-card", children: d }),
             /* @__PURE__ */ e("p", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: a })
           ] }),
-          r === "error" && l ? /* @__PURE__ */ e(xe, { variant: "error", className: "ds:w-full ds:text-start", children: l }) : null,
+          r === "error" && l ? /* @__PURE__ */ e(be, { variant: "error", className: "ds:w-full ds:text-start", children: l }) : null,
           /* @__PURE__ */ e(
-            Ae,
+            Te,
             {
               intent: "primary",
               className: "ds:w-full",
@@ -647,10 +650,10 @@ const na = p(
     }
   )
 );
-la.displayName = "ConnectWithAlfadocs";
+oa.displayName = "ConnectWithAlfadocs";
 export {
-  la as C,
-  ra as M,
+  oa as C,
+  na as M,
   y as P
 };
-//# sourceMappingURL=marketplace-app-shell-p6hPgVwy.js.map
+//# sourceMappingURL=marketplace-app-shell-C-2e4eCD.js.map