@alfadocs/ui-kit 0.51.0 → 0.53.0

package/dist/_chunks/{logo-yituK7sE.js → logo-1FuSGx0n.js}

@@ -220,6 +220,7 @@ const M = n(
 );
 Z.displayName = "Logo";
 export {
+  d as A,
   Z as L
 };
-//# sourceMappingURL=logo-yituK7sE.js.map
+//# sourceMappingURL=logo-1FuSGx0n.js.map

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

@@ -0,0 +1,513 @@
+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-BYx1gcV7.js";
+import { A as C } from "./avatar-BNQNhoyL.js";
+import { A as D } from "./alert-_mUKLmwA.js";
+import { C as w } from "./card-DPmk26CL.js";
+import { D as m } from "./dropdown-menu-DwwPovMZ.js";
+import { T as F } from "./tab-bar-Xetknddo.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-Ce1Br27u.js";
+import { H as U } from "./header-settings-D5Z2B_Yz.js";
+import { S as X } from "./sign-in-with-alfadocs-button-BpAjVmsI.js";
+import { S as Y, a as Z, j as _, k as aa, i as ea, h as z } from "./sidebar-DPEHzxLZ.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-Cm9OUQ2m.js";
+import { L as oa } from "./log-out-616hnn2-.js";
+const ca = u("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), ma = u(
+  [
+    "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 currentColor ink, upright, no gradient — for
+        // print, single-colour work, and coloured chrome (e.g. app-shell
+        // headers) where the lockup must ride the surrounding ink.
+        solid: "ds:text-current"
+      }
+    },
+    defaultVariants: { size: "md", tone: "gradient" }
+  }
+), pa = u("ds:whitespace-nowrap", {
+  variants: {
+    size: {
+      sm: "ds:[--lockup-unit:var(--logo-size-sm)]",
+      md: "ds:[--lockup-unit:var(--logo-size-md)]",
+      lg: "ds:[--lockup-unit:var(--logo-size-lg)]",
+      xl: "ds:[--lockup-unit:var(--logo-size-xl)]"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), g = b(
+  ({
+    name: s,
+    variant: n = "standard",
+    monochrome: e = !1,
+    tone: t = "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(
+        "span",
+        {
+          ref: o,
+          role: "img",
+          "aria-label": `${s} by Alfadocs`.trim(),
+          className: pa({ size: d, className: l }),
+          "data-component": "product-lockup",
+          ...c,
+          children: [
+            /* @__PURE__ */ a(
+              ia,
+              {
+                "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}`
+              }
+            ),
+            /* @__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)]`,
+                children: s
+              }
+            ),
+            /* @__PURE__ */ r(
+              "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}`,
+                children: [
+                  /* @__PURE__ */ a("span", { className: "ds:text-[calc(var(--lockup-unit)*0.4)] ds:leading-none", children: "by" }),
+                  /* @__PURE__ */ a(
+                    na,
+                    {
+                      "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] ${v}`
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ r(
+      "span",
+      {
+        ref: o,
+        role: "img",
+        "aria-label": `Alfadocs ${s}`.trim(),
+        className: ca({ className: l }),
+        "data-component": "product-lockup",
+        ...c,
+        children: [
+          /* @__PURE__ */ a(
+            da,
+            {
+              variant: e ? "monochrome" : "wordmark",
+              tone: t,
+              size: d,
+              decorative: !0
+            }
+          ),
+          /* @__PURE__ */ a(
+            "span",
+            {
+              "aria-hidden": !0,
+              className: ma({
+                size: d,
+                tone: e ? "solid" : "gradient"
+              }),
+              children: s
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+g.displayName = "ProductLockup";
+function ua(s) {
+  return s > 99 ? "99+" : String(s);
+}
+function fa({
+  user: s,
+  labels: n,
+  onSignOut: e,
+  onToggleFullscreen: t
+}) {
+  const { t: d } = T(), l = n.fullscreen ?? d("patientShell.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__ */ a(m.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          "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" }) })
+        }
+      ) }),
+      /* @__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__ */ 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: [
+          /* @__PURE__ */ a(m.Separator, {}),
+          /* @__PURE__ */ a(
+            m.Item,
+            {
+              startIcon: /* @__PURE__ */ a(la, { "aria-hidden": !0 }),
+              onSelect: t,
+              "data-testid": "marketplace-fullscreen",
+              children: l
+            }
+          )
+        ] }) : null,
+        /* @__PURE__ */ a(m.Separator, {}),
+        /* @__PURE__ */ a(
+          m.Item,
+          {
+            startIcon: /* @__PURE__ */ a(oa, { "aria-hidden": !0 }),
+            onSelect: e,
+            "data-testid": "marketplace-sign-out",
+            children: n.signOut
+          }
+        )
+      ] })
+    ] })
+  );
+}
+function ha({
+  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 n ? /* @__PURE__ */ a(z, { asChild: !0, isActive: e.isActive, children: n({
+      href: e.href,
+      children: d,
+      "aria-current": e.isActive ? "page" : void 0
+    }) }, e.id) : /* @__PURE__ */ a(
+      z,
+      {
+        href: e.href,
+        "aria-label": e.label,
+        isActive: e.isActive,
+        ...e.onClick ? { onClick: e.onClick } : {},
+        children: d
+      },
+      e.id
+    );
+  }) });
+}
+const I = u("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(" ")
+    }
+  },
+  defaultVariants: { variant: "standalone" }
+});
+function ga({
+  nav: s,
+  ariaLabel: n,
+  renderLink: e
+}) {
+  const t = 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,
+    {
+      items: s,
+      ariaLabel: n,
+      ...t ? { renderLink: t } : {}
+    }
+  );
+}
+const va = b(
+  ({
+    productName: s,
+    productHref: n = "/",
+    nav: e,
+    renderLink: t,
+    user: d,
+    labels: l,
+    onSignOut: c,
+    onToggleFullscreen: o,
+    sidebarState: i,
+    mainAriaLabel: p,
+    variant: h = "standalone",
+    children: f
+  }, v) => {
+    const { t: x } = T(), B = t ? /* @__PURE__ */ a(S, { asChild: !0, children: t({
+      href: n,
+      children: /* @__PURE__ */ a(
+        g,
+        {
+          name: s,
+          size: "md",
+          monochrome: !0,
+          variant: "maker"
+        }
+      )
+    }) }) : /* @__PURE__ */ a(
+      S,
+      {
+        href: n,
+        logo: /* @__PURE__ */ a(
+          g,
+          {
+            name: s,
+            size: "md",
+            monochrome: !0,
+            variant: "maker"
+          }
+        )
+      }
+    ), { 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,
+      {
+        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
+          ] }),
+          /* @__PURE__ */ a(K, {}),
+          /* @__PURE__ */ r(Q, { children: [
+            /* @__PURE__ */ a(U, { size: "sm" }),
+            /* @__PURE__ */ a(
+              fa,
+              {
+                user: d,
+                labels: l,
+                onSignOut: c,
+                onToggleFullscreen: o
+              }
+            )
+          ] })
+        ] }),
+        sidebar: /* @__PURE__ */ a(
+          Y,
+          {
+            ...i !== void 0 ? { state: i } : { defaultState: "expanded" },
+            open: O,
+            onOpenChange: y,
+            "aria-label": x("navigation.sidebar.label"),
+            "data-testid": "marketplace-app-shell-sidebar",
+            children: /* @__PURE__ */ a(ha, { nav: e, renderLink: t })
+          }
+        ),
+        children: f
+      }
+    ) }), W = (
+      // 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__ */ a(
+          ga,
+          {
+            nav: e,
+            ariaLabel: x("navigation.sidebar.label"),
+            renderLink: t
+          }
+        ),
+        /* @__PURE__ */ a(
+          "main",
+          {
+            id: "main-content",
+            tabIndex: -1,
+            "aria-label": p ?? x("navigation.main.label", "Main content"),
+            className: I({ variant: "embedded" }),
+            children: f
+          }
+        )
+      ] })
+    ), N = h === "embedded" ? W : R;
+    return H ? /* @__PURE__ */ a(
+      sa,
+      {
+        ref: v,
+        theme: $,
+        accessible: j,
+        className: "ds:contents",
+        "data-component": "marketplace-app-shell",
+        children: N
+      }
+    ) : /* @__PURE__ */ a(
+      "div",
+      {
+        ref: v,
+        className: "ds:contents",
+        "data-component": "marketplace-app-shell",
+        children: N
+      }
+    );
+  }
+);
+va.displayName = "MarketplaceAppShell";
+const xa = u(
+  "ds:flex ds:min-h-dvh ds:bg-[color:var(--app-shell-background)]",
+  {
+    variants: {
+      layout: {
+        card: "",
+        split: "ds:flex-col ds:lg:flex-row"
+      }
+    },
+    defaultVariants: { layout: "card" }
+  }
+), ba = u("ds:w-full", {
+  variants: {
+    layout: {
+      card: "ds:max-w-[400px]",
+      split: "ds:max-w-[400px] ds:lg:max-w-[480px]"
+    }
+  },
+  defaultVariants: { layout: "card" }
+}), ka = u("", {
+  variants: {
+    layout: { card: "", split: "ds:lg:hidden" }
+  },
+  defaultVariants: { layout: "card" }
+}), ya = b(
+  ({
+    productName: s,
+    title: n,
+    description: e,
+    connectLabel: t,
+    status: d = "idle",
+    error: l,
+    onConnect: c,
+    footer: o,
+    layout: i = "card",
+    brandPanel: p,
+    className: h
+  }, f) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: f,
+      "data-component": "connect-with-alfadocs",
+      className: `${xa({ layout: i })} ${h ?? ""}`,
+      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__ */ a(
+              g,
+              {
+                name: s,
+                size: "lg",
+                monochrome: !0,
+                tone: "inherit",
+                variant: "maker"
+              }
+            ),
+            p ? /* @__PURE__ */ a("div", { className: "type-body ds:max-w-[28rem] ds:text-start", children: p }) : 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(
+            g,
+            {
+              name: s,
+              size: "lg",
+              variant: "maker",
+              className: ka({ 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(D, { variant: "error", className: "ds:w-full ds:text-start", children: l }) : null,
+          /* @__PURE__ */ a(
+            X,
+            {
+              intent: "primary",
+              className: "ds:w-full",
+              loading: d === "connecting",
+              onClick: c,
+              label: t,
+              "data-testid": "connect-with-alfadocs-button"
+            }
+          ),
+          o ? /* @__PURE__ */ a("div", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: o }) : null
+        ] }) }) })
+      ]
+    }
+  )
+);
+ya.displayName = "ConnectWithAlfadocs";
+export {
+  ya as C,
+  va as M,
+  g as P
+};
+//# sourceMappingURL=marketplace-app-shell-C4OYAC22.js.map

package/dist/_chunks/maximize-2-Cm9OUQ2m.js

@@ -0,0 +1,17 @@
+import { c as t } from "./createLucideIcon-CrFbzy84.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const a = [
+  ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
+  ["path", { d: "m21 3-7 7", key: "1l2asr" }],
+  ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
+  ["path", { d: "M9 21H3v-6", key: "wtvkvv" }]
+], i = t("maximize-2", a);
+export {
+  i as M
+};
+//# sourceMappingURL=maximize-2-Cm9OUQ2m.js.map