@alfadocs/ui-kit-debug 0.35.0 → 0.36.0

package/dist/_chunks/marketplace-app-shell-DXHxy9dj.js

@@ -0,0 +1,295 @@
+import { jsxs as s, jsx as e, Fragment as M } from "react/jsx-runtime";
+import { forwardRef as h, useState as H } from "react";
+import { useTranslation as I } from "react-i18next";
+import { A as T } from "./app-frame-BYx1gcV7.js";
+import { A as L } from "./avatar-BNQNhoyL.js";
+import { A as O } from "./alert-ywPR59NE.js";
+import { B as k } from "./button-DD_0Xdmr.js";
+import { C as b } from "./card-DPmk26CL.js";
+import { D as d } from "./dropdown-menu-BC5ZdOMo.js";
+import { H as P, g as j, f as W, e as R, a as $, c as D, d as E } from "./header-CTZWX-tm.js";
+import { S as F, a as V, h as q, j as G, k as J, i as K } from "./sidebar-BbR8f6oe.js";
+import { T as Q } from "./theme-root-BOO73p5t.js";
+import { a as U } from "./tooltip-DvmfrNvB.js";
+import { u as X } from "./use-theme-C2dHKUAN.js";
+import { c as N } from "./index-D2ZczOXr.js";
+import { L as Y } from "./logo-_Z-jLq80.js";
+const Z = N("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), _ = N(
+  [
+    "ds:[font-family:var(--font-serif)]",
+    "ds:font-semibold",
+    "ds:leading-none",
+    "ds:tracking-[0.01em]",
+    "ds:whitespace-nowrap",
+    // Forced-colors: drop the transparent text-fill and paint the label
+    // as solid CanvasText so it never disappears under Windows HCM —
+    // a gradient/transparent fill has no meaning there.
+    "ds:forced-colors:text-[CanvasText]",
+    "ds:forced-colors:[-webkit-text-fill-color:CanvasText]"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "ds:text-[calc(var(--logo-size-sm)*0.95)]",
+        md: "ds:text-[calc(var(--logo-size-md)*0.95)]",
+        lg: "ds:text-[calc(var(--logo-size-lg)*0.95)]",
+        xl: "ds:text-[calc(var(--logo-size-xl)*0.95)]"
+      },
+      tone: {
+        // Brand gradient filled into the glyphs via background-clip:text.
+        // `--gradient-wordmark` rides the theme aliases, so it stays
+        // AA-safe and adapts per theme on its own (and flattens to a solid
+        // ink in the accessible / forced-colors blocks — see tokens).
+        gradient: [
+          "ds:italic",
+          "ds:bg-[image:var(--gradient-wordmark)]",
+          "ds:bg-clip-text",
+          "ds:text-transparent",
+          "ds:[-webkit-text-fill-color:transparent]"
+        ],
+        // Monochrome: solid `--foreground` ink, upright, no gradient — for
+        // print, single-colour reproductions, and constrained contexts.
+        solid: "ds:text-[color:var(--foreground)]"
+      }
+    },
+    defaultVariants: { size: "md", tone: "gradient" }
+  }
+), f = h(
+  ({ name: t, monochrome: a = !1, size: r = "md", className: n, ...l }, o) => /* @__PURE__ */ s(
+    "span",
+    {
+      ref: o,
+      role: "img",
+      "aria-label": `Alfadocs ${t}`.trim(),
+      className: Z({ className: n }),
+      "data-component": "product-lockup",
+      ...l,
+      children: [
+        /* @__PURE__ */ e(
+          Y,
+          {
+            variant: a ? "monochrome" : "wordmark",
+            size: r,
+            decorative: !0
+          }
+        ),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            "aria-hidden": !0,
+            className: _({
+              size: r,
+              tone: a ? "solid" : "gradient"
+            }),
+            children: t
+          }
+        )
+      ]
+    }
+  )
+);
+f.displayName = "ProductLockup";
+function ee(t) {
+  return t > 99 ? "99+" : String(t);
+}
+function ae({
+  user: t,
+  labels: a,
+  onSignOut: r,
+  onToggleFullscreen: n
+}) {
+  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__ */ s(d.Root, { modal: !1, children: [
+      /* @__PURE__ */ e(d.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+        k,
+        {
+          intent: "ghost",
+          "aria-label": a.accountMenu,
+          startIcon: /* @__PURE__ */ e(
+            L,
+            {
+              name: t.name,
+              src: t.avatarSrc,
+              size: "sm",
+              "aria-hidden": "true"
+            }
+          ),
+          "data-testid": "marketplace-account-trigger",
+          children: /* @__PURE__ */ e("span", { className: "ds:hidden ds:sm:inline", children: t.name })
+        }
+      ) }),
+      /* @__PURE__ */ s(d.Content, { align: "end", children: [
+        /* @__PURE__ */ e(d.Label, { children: /* @__PURE__ */ s("span", { className: "ds:flex ds:flex-col", children: [
+          /* @__PURE__ */ e("span", { className: "ds:font-medium", children: t.name }),
+          t.email ? /* @__PURE__ */ e("span", { className: "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)]", children: t.email }) : null
+        ] }) }),
+        n && a.fullscreen ? /* @__PURE__ */ s(M, { children: [
+          /* @__PURE__ */ e(d.Separator, {}),
+          /* @__PURE__ */ e(
+            d.Item,
+            {
+              onSelect: n,
+              "data-testid": "marketplace-fullscreen",
+              children: a.fullscreen
+            }
+          )
+        ] }) : null,
+        /* @__PURE__ */ e(d.Separator, {}),
+        /* @__PURE__ */ e(
+          d.Item,
+          {
+            onSelect: r,
+            "data-testid": "marketplace-sign-out",
+            children: a.signOut
+          }
+        )
+      ] })
+    ] })
+  );
+}
+function te({ nav: t }) {
+  return /* @__PURE__ */ e(V, { children: t.map((a) => {
+    const r = typeof a.badgeCount == "number" && a.badgeCount > 0 ? a.badgeCount : void 0;
+    return /* @__PURE__ */ s(
+      q,
+      {
+        href: a.href,
+        "aria-label": a.label,
+        isActive: a.isActive,
+        children: [
+          a.icon ? /* @__PURE__ */ e(G, { children: a.icon }) : null,
+          /* @__PURE__ */ e(J, { children: a.label }),
+          r !== void 0 ? /* @__PURE__ */ e(K, { children: ee(r) }) : null
+        ]
+      },
+      a.id
+    );
+  }) });
+}
+const re = h(
+  ({
+    productName: t,
+    productHref: a = "/",
+    nav: r,
+    user: n,
+    labels: l,
+    onSignOut: o,
+    onToggleFullscreen: c,
+    sidebarState: i,
+    mainAriaLabel: m,
+    children: p
+  }, u) => {
+    const { t: S } = I(), { theme: y, accessibility: A, resolvedTheme: g } = X(), C = y !== "system" || A !== "system", w = g.startsWith("dark") ? "dark" : "light", z = g.endsWith("-accessible"), [B, v] = H(!1), x = /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(
+      T,
+      {
+        mainAriaLabel: m,
+        header: /* @__PURE__ */ s(P, { children: [
+          /* @__PURE__ */ s(j, { children: [
+            /* @__PURE__ */ e(W, { href: "#main-content" }),
+            /* @__PURE__ */ e(R, { onMenuOpen: () => v(!0) }),
+            /* @__PURE__ */ e(
+              $,
+              {
+                logo: /* @__PURE__ */ e(f, { name: t, size: "md" }),
+                href: a,
+                "aria-label": `Alfadocs ${t}`
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(D, {}),
+          /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
+            ae,
+            {
+              user: n,
+              labels: l,
+              onSignOut: o,
+              onToggleFullscreen: c
+            }
+          ) })
+        ] }),
+        sidebar: /* @__PURE__ */ e(
+          F,
+          {
+            ...i !== void 0 ? { state: i } : { defaultState: "expanded" },
+            open: B,
+            onOpenChange: v,
+            "aria-label": S("navigation.sidebar.label"),
+            "data-testid": "marketplace-app-shell-sidebar",
+            children: /* @__PURE__ */ e(te, { nav: r })
+          }
+        ),
+        children: p
+      }
+    ) });
+    return C ? /* @__PURE__ */ e(
+      Q,
+      {
+        ref: u,
+        theme: w,
+        accessible: z,
+        className: "ds:contents",
+        "data-component": "marketplace-app-shell",
+        children: x
+      }
+    ) : /* @__PURE__ */ e(
+      "div",
+      {
+        ref: u,
+        className: "ds:contents",
+        "data-component": "marketplace-app-shell",
+        children: x
+      }
+    );
+  }
+);
+re.displayName = "MarketplaceAppShell";
+const se = h(
+  ({
+    productName: t,
+    title: a,
+    description: r,
+    connectLabel: n,
+    status: l = "idle",
+    error: o,
+    onConnect: c,
+    footer: i,
+    className: m
+  }, p) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: p,
+      "data-component": "connect-with-alfadocs",
+      className: `ds:flex ds:min-h-dvh ds:items-center ds:justify-center ds:bg-[color:var(--background)] ds:p-[var(--spacing-lg)] ${m ?? ""}`,
+      children: /* @__PURE__ */ e(b, { className: "ds:w-full ds:max-w-[400px]", children: /* @__PURE__ */ s(b.Body, { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center", children: [
+        /* @__PURE__ */ e(f, { name: t, size: "lg" }),
+        /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ e("h1", { className: "type-title-card", children: a }),
+          /* @__PURE__ */ e("p", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: r })
+        ] }),
+        l === "error" && o ? /* @__PURE__ */ e(O, { variant: "error", className: "ds:w-full ds:text-start", children: o }) : null,
+        /* @__PURE__ */ e(
+          k,
+          {
+            intent: "primary",
+            className: "ds:w-full",
+            loading: l === "connecting",
+            onClick: c,
+            "data-testid": "connect-with-alfadocs-button",
+            children: n
+          }
+        ),
+        i ? /* @__PURE__ */ e("div", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: i }) : null
+      ] }) })
+    }
+  )
+);
+se.displayName = "ConnectWithAlfadocs";
+export {
+  se as C,
+  re as M,
+  f as P
+};
+//# sourceMappingURL=marketplace-app-shell-DXHxy9dj.js.map

package/dist/_chunks/marketplace-app-shell-DXHxy9dj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketplace-app-shell-DXHxy9dj.js","sources":["../../src/brand/product-lockup/product-lockup.tsx","../../src/patterns/marketplace-app-shell/marketplace-app-shell.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Logo } from '../../components/logo/logo';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\n// Outer lockup row. ~4px logical gap between the wordmark and the product\n// name (`--spacing-xs`), centre-aligned so the name's cap height sits\n// against the wordmark's letterforms.\nconst lockup = cva('ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]');\n\n// The product name. Marketing serif (Fraunces, `--font-serif`) — permitted\n// here because this file lives under `src/brand/`, never in `src/components/`\n// or `src/patterns/` (constraint 10). Sized to ~95% of the wordmark height so\n// its cap height matches the logo letterforms across every size and theme\n// (the `--logo-size-*` tokens shift up in the accessible themes; the calc\n// keeps the name proportional for free).\nconst productName = cva(\n  [\n    'ds:[font-family:var(--font-serif)]',\n    'ds:font-semibold',\n    'ds:leading-none',\n    'ds:tracking-[0.01em]',\n    'ds:whitespace-nowrap',\n    // Forced-colors: drop the transparent text-fill and paint the label\n    // as solid CanvasText so it never disappears under Windows HCM —\n    // a gradient/transparent fill has no meaning there.\n    'ds:forced-colors:text-[CanvasText]',\n    'ds:forced-colors:[-webkit-text-fill-color:CanvasText]',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[calc(var(--logo-size-sm)*0.95)]',\n        md: 'ds:text-[calc(var(--logo-size-md)*0.95)]',\n        lg: 'ds:text-[calc(var(--logo-size-lg)*0.95)]',\n        xl: 'ds:text-[calc(var(--logo-size-xl)*0.95)]',\n      },\n      tone: {\n        // Brand gradient filled into the glyphs via background-clip:text.\n        // `--gradient-wordmark` rides the theme aliases, so it stays\n        // AA-safe and adapts per theme on its own (and flattens to a solid\n        // ink in the accessible / forced-colors blocks — see tokens).\n        gradient: [\n          'ds:italic',\n          'ds:bg-[image:var(--gradient-wordmark)]',\n          'ds:bg-clip-text',\n          'ds:text-transparent',\n          'ds:[-webkit-text-fill-color:transparent]',\n        ],\n        // Monochrome: solid `--foreground` ink, upright, no gradient — for\n        // print, single-colour reproductions, and constrained contexts.\n        solid: 'ds:text-[color:var(--foreground)]',\n      },\n    },\n    defaultVariants: { size: 'md', tone: 'gradient' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Types                                                                */\n/* ------------------------------------------------------------------ */\n\ntype LockupSize = NonNullable<VariantProps<typeof productName>['size']>;\n\nexport type ProductLockupProps = {\n  /**\n   * The product name paired with the Alfadocs wordmark — e.g. `\"Builders\"`\n   * renders as \"Alfadocs Builders\". Passed verbatim (product names are not\n   * translated); the lockup's accessible name becomes `Alfadocs <name>`.\n   */\n  name: string;\n  /**\n   * Render the name as a solid `--foreground` ink, upright (no gradient, no\n   * italic), and pair it with the monochrome wordmark. Use for print,\n   * single-colour reproductions, or any constrained context where the\n   * gradient/serif treatment is inappropriate.\n   */\n  monochrome?: boolean;\n  /** Lockup size. Drives both the wordmark and the name's cap height. */\n  size?: LockupSize;\n  className?: string;\n} & Omit<\n  ComponentPropsWithoutRef<'span'>,\n  'role' | 'aria-label' | 'aria-hidden' | 'children' | 'className'\n>;\n\n/* ------------------------------------------------------------------ */\n/* ProductLockup                                                        */\n/* ------------------------------------------------------------------ */\n\n/**\n * The standard lockup pairing the Alfadocs wordmark with a product name\n * (\"Alfadocs Builders\", \"Alfadocs MyApp\"). Every marketplace app should use\n * this rather than hand-rolling a wordmark + typed span.\n *\n * The whole lockup is exposed to assistive tech as a single `img` named\n * `Alfadocs <name>`; the inner wordmark and the visible name are both\n * decorative so the brand isn't announced twice.\n */\nexport const ProductLockup = forwardRef<HTMLSpanElement, ProductLockupProps>(\n  ({ name, monochrome = false, size = 'md', className, ...props }, ref) => {\n    if (import.meta.env.DEV && !name.trim()) {\n      console.warn(\n        '[ProductLockup] `name` is empty — the lockup will render the bare wordmark with no product name. Pass the product name (e.g. \"Builders\").',\n      );\n    }\n\n    return (\n      <span\n        ref={ref}\n        role=\"img\"\n        aria-label={`Alfadocs ${name}`.trim()}\n        className={lockup({ className })}\n        data-component=\"product-lockup\"\n        {...props}\n      >\n        <Logo\n          variant={monochrome ? 'monochrome' : 'wordmark'}\n          size={size}\n          decorative\n        />\n        <span\n          aria-hidden\n          className={productName({\n            size,\n            tone: monochrome ? 'solid' : 'gradient',\n          })}\n        >\n          {name}\n        </span>\n      </span>\n    );\n  },\n);\nProductLockup.displayName = 'ProductLockup';\n","/**\n * Marketplace App Shell — the standard chrome for an app built on top of\n * AlfaDocs (the kind a partner scaffolds with Claude Code, Lovable, etc.).\n *\n * It is a thin, opinionated composition of kit primitives: an `AppFrame` with\n * a branded `Header` (the `ProductLockup` \"Alfadocs <Product>\"), a `Sidebar`\n * for app navigation, and an account menu with sign-out. `ConnectWithAlfadocs`\n * is the matching pre-auth screen.\n *\n * Like `PatientShell`, this pattern ships a RUNTIME component (surfaced via\n * `src/patterns/index.ts` and the library bundle) because consuming apps mount\n * it in production rather than copying the source.\n *\n * Auth is intentionally decoupled: the shell takes the signed-in `user` and an\n * `onSignOut` callback as props, and `ConnectWithAlfadocs` takes a `status` +\n * `onConnect`. Wire them to `@alfadocs/auth/react`'s `useAlfadocsAuth()` in the\n * consuming app — the kit never touches OAuth or secrets (those live in the\n * server-side `@alfadocs/auth` BFF).\n *\n * All user-visible copy is consumer-provided (props) so each app localises in\n * its own i18n; the only kit-owned strings reuse existing translated `ui.*`\n * keys (sidebar label, skip link, menu button).\n */\nimport { forwardRef, useState, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { AppFrame } from '../../components/app-frame';\nimport { Avatar } from '../../components/avatar';\nimport { Alert } from '../../components/alert';\nimport { Button } from '../../components/button';\nimport { Card } from '../../components/card';\nimport { DropdownMenu } from '../../components/dropdown-menu';\nimport {\n  Header,\n  HeaderBrand,\n  HeaderCenter,\n  HeaderEnd,\n  HeaderMenuButton,\n  HeaderSkipLink,\n  HeaderStart,\n} from '../../components/header';\nimport {\n  Sidebar,\n  SidebarBody,\n  SidebarItem,\n  SidebarItemBadge,\n  SidebarItemIcon,\n  SidebarItemLabel,\n  type SidebarMode,\n} from '../../components/sidebar';\nimport { ThemeRoot } from '../../components/theme-root';\nimport { TooltipProvider } from '../../components/tooltip';\nimport { ProductLockup } from '../../brand/product-lockup';\nimport { useTheme } from '../../hooks/use-theme';\n\n/* ------------------------------------------------------------------ */\n/* Public API                                                           */\n/* ------------------------------------------------------------------ */\n\nexport interface MarketplaceNavItem {\n  id: string;\n  /** Pre-translated label — apps localise their own nav copy. */\n  label: string;\n  href: string;\n  /** Optional leading icon (a lucide-react element or equivalent). */\n  icon?: ReactNode;\n  /** Optional unseen-item count rendered as a pill badge. */\n  badgeCount?: number;\n  /** Mark the item as the current page (`aria-current='page'`). */\n  isActive?: boolean;\n}\n\nexport interface MarketplaceAppUser {\n  /** Display name — drives the avatar initials + the account-menu header. */\n  name: string;\n  /** Optional email shown under the name in the account menu. */\n  email?: string;\n  /** Optional avatar image URL. */\n  avatarSrc?: string;\n}\n\nexport interface MarketplaceAppShellLabels {\n  /** Accessible name for the account-menu trigger, e.g. \"Account menu\". */\n  accountMenu: string;\n  /** The sign-out menu item, e.g. \"Sign out\". */\n  signOut: string;\n  /**\n   * Optional fullscreen menu item, e.g. \"Toggle fullscreen\". When omitted (or\n   * `onToggleFullscreen` is not supplied) the item is not rendered.\n   */\n  fullscreen?: string;\n}\n\nexport interface MarketplaceAppShellProps {\n  /** Product name paired with the Alfadocs wordmark — renders \"Alfadocs <productName>\". */\n  productName: string;\n  /** Link target for the brand lockup. Default `'/'`. */\n  productHref?: string;\n  /** Sidebar nav items, in order. */\n  nav: MarketplaceNavItem[];\n  /** The signed-in user shown in the account menu. */\n  user: MarketplaceAppUser;\n  /** Consumer-localised chrome labels owned by the shell. */\n  labels: MarketplaceAppShellLabels;\n  /** Fires when the user picks \"Sign out\". Wire to `useAlfadocsAuth().signOut`. */\n  onSignOut?: () => void;\n  /** Fires when the user toggles fullscreen. Omit to hide the fullscreen item. */\n  onToggleFullscreen?: () => void;\n  /**\n   * Force the sidebar into a specific mode. Apps typically flip to `'overlay'`\n   * on narrow viewports and leave this undefined elsewhere (defaults to\n   * `'expanded'`).\n   */\n  sidebarState?: SidebarMode;\n  /** Override the accessible name of the `<main>` landmark. */\n  mainAriaLabel?: string;\n  /** Children render inside the main content region. */\n  children: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Internals                                                            */\n/* ------------------------------------------------------------------ */\n\nfunction formatBadgeCount(count: number): string {\n  return count > 99 ? '99+' : String(count);\n}\n\nfunction AccountMenu({\n  user,\n  labels,\n  onSignOut,\n  onToggleFullscreen,\n}: {\n  user: MarketplaceAppUser;\n  labels: MarketplaceAppShellLabels;\n  onSignOut?: () => void;\n  onToggleFullscreen?: () => void;\n}) {\n  return (\n    // Non-modal: an account menu shouldn't inert/aria-hide the whole shell\n    // behind it (which leaves the still-focusable chrome inside an\n    // aria-hidden region — an `aria-hidden-focus` violation).\n    <DropdownMenu.Root modal={false}>\n      <DropdownMenu.Trigger asChild>\n        <Button\n          intent=\"ghost\"\n          aria-label={labels.accountMenu}\n          startIcon={\n            <Avatar\n              name={user.name}\n              src={user.avatarSrc}\n              size=\"sm\"\n              aria-hidden=\"true\"\n            />\n          }\n          data-testid=\"marketplace-account-trigger\"\n        >\n          <span className=\"ds:hidden ds:sm:inline\">{user.name}</span>\n        </Button>\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align=\"end\">\n        <DropdownMenu.Label>\n          <span className=\"ds:flex ds:flex-col\">\n            <span className=\"ds:font-medium\">{user.name}</span>\n            {user.email ? (\n              <span className=\"ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)]\">\n                {user.email}\n              </span>\n            ) : null}\n          </span>\n        </DropdownMenu.Label>\n        {onToggleFullscreen && labels.fullscreen ? (\n          <>\n            <DropdownMenu.Separator />\n            <DropdownMenu.Item\n              onSelect={onToggleFullscreen}\n              data-testid=\"marketplace-fullscreen\"\n            >\n              {labels.fullscreen}\n            </DropdownMenu.Item>\n          </>\n        ) : null}\n        <DropdownMenu.Separator />\n        <DropdownMenu.Item\n          onSelect={onSignOut}\n          data-testid=\"marketplace-sign-out\"\n        >\n          {labels.signOut}\n        </DropdownMenu.Item>\n      </DropdownMenu.Content>\n    </DropdownMenu.Root>\n  );\n}\n\nfunction MarketplaceSidebarNav({ nav }: { nav: MarketplaceNavItem[] }) {\n  return (\n    <SidebarBody>\n      {nav.map((item) => {\n        const badge =\n          typeof item.badgeCount === 'number' && item.badgeCount > 0\n            ? item.badgeCount\n            : undefined;\n        return (\n          <SidebarItem\n            key={item.id}\n            href={item.href}\n            aria-label={item.label}\n            isActive={item.isActive}\n          >\n            {item.icon ? <SidebarItemIcon>{item.icon}</SidebarItemIcon> : null}\n            <SidebarItemLabel>{item.label}</SidebarItemLabel>\n            {badge !== undefined ? (\n              <SidebarItemBadge>{formatBadgeCount(badge)}</SidebarItemBadge>\n            ) : null}\n          </SidebarItem>\n        );\n      })}\n    </SidebarBody>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* MarketplaceAppShell                                                  */\n/* ------------------------------------------------------------------ */\n\nexport const MarketplaceAppShell = forwardRef<\n  HTMLDivElement,\n  MarketplaceAppShellProps\n>(\n  (\n    {\n      productName,\n      productHref = '/',\n      nav,\n      user,\n      labels,\n      onSignOut,\n      onToggleFullscreen,\n      sidebarState,\n      mainAriaLabel,\n      children,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    // Mirror PatientShell: only wrap in a nested ThemeRoot when the user has an\n    // explicit theme/accessibility override, so we don't clobber the consuming\n    // app's (or Storybook's) outer theme cascade.\n    const { theme: themePref, accessibility, resolvedTheme } = useTheme();\n    const hasExplicitOverride =\n      themePref !== 'system' || accessibility !== 'system';\n    const themeBase = resolvedTheme.startsWith('dark') ? 'dark' : 'light';\n    const themeAccessible = resolvedTheme.endsWith('-accessible');\n\n    // Narrow-viewport overlay: HeaderMenuButton only renders below `md`.\n    const [sidebarOpen, setSidebarOpen] = useState(false);\n\n    const shell = (\n      <TooltipProvider>\n        <AppFrame\n          mainAriaLabel={mainAriaLabel}\n          header={\n            <Header>\n              <HeaderStart>\n                <HeaderSkipLink href=\"#main-content\" />\n                <HeaderMenuButton onMenuOpen={() => setSidebarOpen(true)} />\n                <HeaderBrand\n                  logo={<ProductLockup name={productName} size=\"md\" />}\n                  href={productHref}\n                  aria-label={`Alfadocs ${productName}`}\n                />\n              </HeaderStart>\n              <HeaderCenter />\n              <HeaderEnd>\n                <AccountMenu\n                  user={user}\n                  labels={labels}\n                  onSignOut={onSignOut}\n                  onToggleFullscreen={onToggleFullscreen}\n                />\n              </HeaderEnd>\n            </Header>\n          }\n          sidebar={\n            <Sidebar\n              {...(sidebarState !== undefined\n                ? { state: sidebarState }\n                : { defaultState: 'expanded' as const })}\n              open={sidebarOpen}\n              onOpenChange={setSidebarOpen}\n              aria-label={t('navigation.sidebar.label')}\n              data-testid=\"marketplace-app-shell-sidebar\"\n            >\n              <MarketplaceSidebarNav nav={nav} />\n            </Sidebar>\n          }\n        >\n          {children}\n        </AppFrame>\n      </TooltipProvider>\n    );\n\n    if (!hasExplicitOverride) {\n      return (\n        <div\n          ref={ref as never}\n          className=\"ds:contents\"\n          data-component=\"marketplace-app-shell\"\n        >\n          {shell}\n        </div>\n      );\n    }\n\n    return (\n      <ThemeRoot\n        ref={ref}\n        theme={themeBase}\n        accessible={themeAccessible}\n        className=\"ds:contents\"\n        data-component=\"marketplace-app-shell\"\n      >\n        {shell}\n      </ThemeRoot>\n    );\n  },\n);\n\nMarketplaceAppShell.displayName = 'MarketplaceAppShell';\n\n/* ------------------------------------------------------------------ */\n/* ConnectWithAlfadocs                                                  */\n/* ------------------------------------------------------------------ */\n\nexport type ConnectStatus = 'idle' | 'connecting' | 'error';\n\nexport interface ConnectWithAlfadocsProps {\n  /** Product name for the lockup at the top of the card. */\n  productName: string;\n  /** Heading, e.g. \"Connect your AlfaDocs account\". */\n  title: string;\n  /** Supporting copy below the heading. */\n  description: ReactNode;\n  /** The connect button label, e.g. \"Connect with AlfaDocs\". */\n  connectLabel: string;\n  /** Connection lifecycle. `connecting` shows a loading button; `error` shows the alert. */\n  status?: ConnectStatus;\n  /** Error message shown (as an alert) when `status === 'error'`. */\n  error?: ReactNode;\n  /** Fires when the connect button is pressed. Wire to `useAlfadocsAuth().connect`. */\n  onConnect?: () => void;\n  /** Optional footer content below the button (e.g. a \"what's this?\" link). */\n  footer?: ReactNode;\n  className?: string;\n}\n\n/**\n * The pre-auth \"Connect with AlfaDocs\" screen. Centred card with the product\n * lockup, copy, an error slot, and the primary connect CTA. Presentational —\n * `onConnect` should call `useAlfadocsAuth().connect()`, which redirects the\n * browser to the server-side BFF that runs the real OAuth2 + PKCE flow.\n */\nexport const ConnectWithAlfadocs = forwardRef<\n  HTMLDivElement,\n  ConnectWithAlfadocsProps\n>(\n  (\n    {\n      productName,\n      title,\n      description,\n      connectLabel,\n      status = 'idle',\n      error,\n      onConnect,\n      footer,\n      className,\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        data-component=\"connect-with-alfadocs\"\n        className={`ds:flex ds:min-h-dvh ds:items-center ds:justify-center ds:bg-[color:var(--background)] ds:p-[var(--spacing-lg)] ${className ?? ''}`}\n      >\n        <Card className=\"ds:w-full ds:max-w-[400px]\">\n          <Card.Body className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center\">\n            <ProductLockup name={productName} size=\"lg\" />\n            <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n              <h1 className=\"type-title-card\">{title}</h1>\n              <p className=\"type-body-sm ds:text-[color:var(--muted-foreground)]\">\n                {description}\n              </p>\n            </div>\n            {status === 'error' && error ? (\n              <Alert variant=\"error\" className=\"ds:w-full ds:text-start\">\n                {error}\n              </Alert>\n            ) : null}\n            <Button\n              intent=\"primary\"\n              className=\"ds:w-full\"\n              loading={status === 'connecting'}\n              onClick={onConnect}\n              data-testid=\"connect-with-alfadocs-button\"\n            >\n              {connectLabel}\n            </Button>\n            {footer ? (\n              <div className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n                {footer}\n              </div>\n            ) : null}\n          </Card.Body>\n        </Card>\n      </div>\n    );\n  },\n);\n\nConnectWithAlfadocs.displayName = 'ConnectWithAlfadocs';\n"],"names":["lockup","cva","productName","ProductLockup","forwardRef","name","monochrome","size","className","props","ref","jsxs","jsx","Logo","formatBadgeCount","count","AccountMenu","user","labels","onSignOut","onToggleFullscreen","DropdownMenu","Button","Avatar","Fragment","MarketplaceSidebarNav","nav","SidebarBody","item","badge","SidebarItem","SidebarItemIcon","SidebarItemLabel","SidebarItemBadge","MarketplaceAppShell","productHref","sidebarState","mainAriaLabel","children","t","useTranslation","themePref","accessibility","resolvedTheme","useTheme","hasExplicitOverride","themeBase","themeAccessible","sidebarOpen","setSidebarOpen","useState","shell","TooltipProvider","AppFrame","Header","HeaderStart","HeaderSkipLink","HeaderMenuButton","HeaderBrand","HeaderCenter","HeaderEnd","Sidebar","ThemeRoot","ConnectWithAlfadocs","title","description","connectLabel","status","error","onConnect","footer","Card","Alert"],"mappings":"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"}