@alfadocs/ui-kit 0.41.2 → 0.42.0

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

@@ -0,0 +1,391 @@
+import { jsxs as t, jsx as e, Fragment as V } from "react/jsx-runtime";
+import { forwardRef as b, useState as j } from "react";
+import { useTranslation as C } from "react-i18next";
+import { c } from "./index-D2ZczOXr.js";
+import { A as O } from "./app-frame-BYx1gcV7.js";
+import { A as W } from "./avatar-BNQNhoyL.js";
+import { A as P } from "./alert-ywPR59NE.js";
+import { C as y } from "./card-DPmk26CL.js";
+import { D as i } from "./dropdown-menu-CUEXqKis.js";
+import { T as R } from "./tab-bar-C4II-7ej.js";
+import { H as E, g as $, f as S, e as D, a as F, c as q, d as G } from "./header-CTZWX-tm.js";
+import { H as J } from "./header-settings-Bx0Biimh.js";
+import { S as K } from "./sign-in-with-alfadocs-button-DeHBFRNS.js";
+import { S as Q, a as U, h as X, j as Y, k as Z, i as _ } from "./sidebar-_vJXI9rB.js";
+import { T as ee } from "./theme-root-BOO73p5t.js";
+import { a as ae } from "./tooltip-DvmfrNvB.js";
+import { u as se } from "./use-theme-C2dHKUAN.js";
+import { L as te } from "./logo-yituK7sE.js";
+const ne = c("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), re = c(
+  [
+    "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" }
+  }
+), g = b(
+  ({
+    name: s,
+    monochrome: a = !1,
+    tone: n = "auto",
+    size: r = "md",
+    className: d,
+    ...l
+  }, m) => /* @__PURE__ */ t(
+    "span",
+    {
+      ref: m,
+      role: "img",
+      "aria-label": `Alfadocs ${s}`.trim(),
+      className: ne({ className: d }),
+      "data-component": "product-lockup",
+      ...l,
+      children: [
+        /* @__PURE__ */ e(
+          te,
+          {
+            variant: a ? "monochrome" : "wordmark",
+            tone: n,
+            size: r,
+            decorative: !0
+          }
+        ),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            "aria-hidden": !0,
+            className: re({
+              size: r,
+              tone: a ? "solid" : "gradient"
+            }),
+            children: s
+          }
+        )
+      ]
+    }
+  )
+);
+g.displayName = "ProductLockup";
+function de(s) {
+  return s > 99 ? "99+" : String(s);
+}
+function le({
+  user: s,
+  labels: a,
+  onSignOut: n,
+  onToggleFullscreen: r
+}) {
+  const { t: d } = C(), l = a.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__ */ t(i.Root, { modal: !1, children: [
+      /* @__PURE__ */ e(i.Trigger, { asChild: !0, children: /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          "aria-label": a.accountMenu,
+          "data-testid": "marketplace-account-trigger",
+          className: "ds:rounded-full ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)] ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)] ds:justify-center ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]",
+          children: [
+            /* @__PURE__ */ e(W, { name: s.name, src: s.avatarSrc, size: "md" }),
+            /* @__PURE__ */ e("span", { className: "ds:hidden ds:sm:inline", children: s.name })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ t(i.Content, { align: "end", children: [
+        /* @__PURE__ */ e(i.Label, { children: /* @__PURE__ */ t("span", { className: "ds:flex ds:flex-col", children: [
+          /* @__PURE__ */ e("span", { className: "ds:font-medium", children: s.name }),
+          s.email ? /* @__PURE__ */ e("span", { className: "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)]", children: s.email }) : null
+        ] }) }),
+        r ? /* @__PURE__ */ t(V, { children: [
+          /* @__PURE__ */ e(i.Separator, {}),
+          /* @__PURE__ */ e(
+            i.Item,
+            {
+              onSelect: r,
+              "data-testid": "marketplace-fullscreen",
+              children: l
+            }
+          )
+        ] }) : null,
+        /* @__PURE__ */ e(i.Separator, {}),
+        /* @__PURE__ */ e(
+          i.Item,
+          {
+            onSelect: n,
+            "data-testid": "marketplace-sign-out",
+            children: a.signOut
+          }
+        )
+      ] })
+    ] })
+  );
+}
+function ie({ nav: s }) {
+  return /* @__PURE__ */ e(U, { children: s.map((a) => {
+    const n = typeof a.badgeCount == "number" && a.badgeCount > 0 ? a.badgeCount : void 0;
+    return /* @__PURE__ */ t(
+      X,
+      {
+        href: a.href,
+        "aria-label": a.label,
+        isActive: a.isActive,
+        children: [
+          a.icon ? /* @__PURE__ */ e(Y, { children: a.icon }) : null,
+          /* @__PURE__ */ e(Z, { children: a.label }),
+          n !== void 0 ? /* @__PURE__ */ e(_, { children: de(n) }) : null
+        ]
+      },
+      a.id
+    );
+  }) });
+}
+const w = c("ds:bg-[color:var(--app-shell-background)]", {
+  variants: {
+    variant: {
+      standalone: "",
+      embedded: "ds:flex-1"
+    }
+  },
+  defaultVariants: { variant: "standalone" }
+});
+function oe({
+  nav: s,
+  ariaLabel: a
+}) {
+  return /* @__PURE__ */ e(R, { items: s, ariaLabel: a });
+}
+const ce = b(
+  ({
+    productName: s,
+    productHref: a = "/",
+    nav: n,
+    user: r,
+    labels: d,
+    onSignOut: l,
+    onToggleFullscreen: m,
+    sidebarState: p,
+    mainAriaLabel: o,
+    variant: f = "standalone",
+    children: u
+  }, h) => {
+    const { t: v } = C(), { theme: A, accessibility: z, resolvedTheme: x } = se(), T = A !== "system" || z !== "system", M = x.startsWith("dark") ? "dark" : "light", H = x.endsWith("-accessible"), [B, N] = j(!1), I = /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(
+      O,
+      {
+        mainAriaLabel: o,
+        mainClassName: w({ variant: "standalone" }),
+        header: /* @__PURE__ */ t(E, { children: [
+          /* @__PURE__ */ t($, { children: [
+            /* @__PURE__ */ e(S, { href: "#main-content" }),
+            /* @__PURE__ */ e(D, { onMenuOpen: () => N(!0) }),
+            /* @__PURE__ */ e(
+              F,
+              {
+                href: a,
+                logo: /* @__PURE__ */ e(g, { name: s, size: "md", monochrome: !0 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(q, {}),
+          /* @__PURE__ */ t(G, { children: [
+            /* @__PURE__ */ e(J, { size: "sm" }),
+            /* @__PURE__ */ e(
+              le,
+              {
+                user: r,
+                labels: d,
+                onSignOut: l,
+                onToggleFullscreen: m
+              }
+            )
+          ] })
+        ] }),
+        sidebar: /* @__PURE__ */ e(
+          Q,
+          {
+            ...p !== void 0 ? { state: p } : { defaultState: "expanded" },
+            open: B,
+            onOpenChange: N,
+            "aria-label": v("navigation.sidebar.label"),
+            "data-testid": "marketplace-app-shell-sidebar",
+            children: /* @__PURE__ */ e(ie, { nav: n })
+          }
+        ),
+        children: u
+      }
+    ) }), L = (
+      // 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__ */ t("div", { className: "ds:flex ds:min-h-dvh ds:flex-col ds:bg-[color:var(--app-shell-background)]", children: [
+        /* @__PURE__ */ e(S, { href: "#main-content" }),
+        /* @__PURE__ */ e(oe, { nav: n, ariaLabel: v("navigation.sidebar.label") }),
+        /* @__PURE__ */ e(
+          "main",
+          {
+            id: "main-content",
+            tabIndex: -1,
+            "aria-label": o ?? v("navigation.main.label", "Main content"),
+            className: w({ variant: "embedded" }),
+            children: u
+          }
+        )
+      ] })
+    ), k = f === "embedded" ? L : I;
+    return T ? /* @__PURE__ */ e(
+      ee,
+      {
+        ref: h,
+        theme: M,
+        accessible: H,
+        className: "ds:contents",
+        "data-component": "marketplace-app-shell",
+        children: k
+      }
+    ) : /* @__PURE__ */ e(
+      "div",
+      {
+        ref: h,
+        className: "ds:contents",
+        "data-component": "marketplace-app-shell",
+        children: k
+      }
+    );
+  }
+);
+ce.displayName = "MarketplaceAppShell";
+const me = c(
+  "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" }
+  }
+), pe = c("ds:w-full", {
+  variants: {
+    layout: {
+      card: "ds:max-w-[400px]",
+      split: "ds:max-w-[400px] ds:lg:max-w-[480px]"
+    }
+  },
+  defaultVariants: { layout: "card" }
+}), fe = c("", {
+  variants: {
+    layout: { card: "", split: "ds:lg:hidden" }
+  },
+  defaultVariants: { layout: "card" }
+}), ue = b(
+  ({
+    productName: s,
+    title: a,
+    description: n,
+    connectLabel: r,
+    status: d = "idle",
+    error: l,
+    onConnect: m,
+    footer: p,
+    layout: o = "card",
+    brandPanel: f,
+    className: u
+  }, h) => /* @__PURE__ */ t(
+    "div",
+    {
+      ref: h,
+      "data-component": "connect-with-alfadocs",
+      className: `${me({ layout: o })} ${u ?? ""}`,
+      children: [
+        o === "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__ */ t("div", { className: "ds:hidden ds:lg:flex ds:lg:w-[55%] ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-lg)] ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)] ds:ps-[var(--spacing-2xl)] ds:pe-[var(--spacing-2xl)] ds:pt-[var(--spacing-2xl)] ds:pb-[var(--spacing-2xl)] ds:text-start", children: [
+            /* @__PURE__ */ e(
+              g,
+              {
+                name: s,
+                size: "lg",
+                monochrome: !0,
+                tone: "inherit"
+              }
+            ),
+            f ? /* @__PURE__ */ e("div", { className: "type-body ds:max-w-[28rem] ds:text-start", children: f }) : 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(y, { className: pe({ layout: o }), children: /* @__PURE__ */ t(y.Body, { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center", children: [
+          /* @__PURE__ */ e(
+            g,
+            {
+              name: s,
+              size: "lg",
+              className: fe({ layout: o })
+            }
+          ),
+          /* @__PURE__ */ t("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: n })
+          ] }),
+          d === "error" && l ? /* @__PURE__ */ e(P, { variant: "error", className: "ds:w-full ds:text-start", children: l }) : null,
+          /* @__PURE__ */ e(
+            K,
+            {
+              intent: "primary",
+              className: "ds:w-full",
+              loading: d === "connecting",
+              onClick: m,
+              label: r,
+              "data-testid": "connect-with-alfadocs-button"
+            }
+          ),
+          p ? /* @__PURE__ */ e("div", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: p }) : null
+        ] }) }) })
+      ]
+    }
+  )
+);
+ue.displayName = "ConnectWithAlfadocs";
+export {
+  ue as C,
+  ce as M,
+  g as P
+};
+//# sourceMappingURL=marketplace-app-shell-kVAVycz_.js.map

package/dist/_chunks/{patient-search-CBq62kmL.js → patient-search-DPe2ZYEL.js}

@@ -7,7 +7,7 @@ import { B as ue } from "./button-DD_0Xdmr.js";
 import { C as M } from "./card-DPmk26CL.js";
 import { S as fe } from "./slider-BHWzXdjt.js";
 import { A as Z } from "./alert-ywPR59NE.js";
-import { D as F } from "./dropdown-menu-BC5ZdOMo.js";
+import { D as F } from "./dropdown-menu-CUEXqKis.js";
 import { u as pe } from "./registry-nPAVE19X.js";
 import { S as re } from "./search-BonnQsHv.js";
 import { X as ne } from "./x-CCcI3eJp.js";
@@ -1155,4 +1155,4 @@ export {
   Oe as P,
   ye as p
 };
-//# sourceMappingURL=patient-search-CBq62kmL.js.map
+//# sourceMappingURL=patient-search-DPe2ZYEL.js.map

package/dist/_chunks/{patient-shell-DF81lALv.js → patient-shell-lDX3wwu6.js}

@@ -3,7 +3,7 @@ import { forwardRef as k, useState as w } from "react";
 import { useTranslation as m } from "react-i18next";
 import { A } from "./app-frame-BYx1gcV7.js";
 import { I as C } from "./icon-button-CKEOrN37.js";
-import { D as i } from "./dropdown-menu-BC5ZdOMo.js";
+import { D as i } from "./dropdown-menu-CUEXqKis.js";
 import { H, g as x, f as N, e as B, a as M, c as T, d as O } from "./header-CTZWX-tm.js";
 import { L as P } from "./logo-yituK7sE.js";
 import { S as W, a as j, h as R, j as _, k as z, i as D } from "./sidebar-_vJXI9rB.js";
@@ -171,4 +171,4 @@ $.displayName = "PatientShell";
 export {
   $ as P
 };
-//# sourceMappingURL=patient-shell-DF81lALv.js.map
+//# sourceMappingURL=patient-shell-lDX3wwu6.js.map

package/dist/_chunks/{payment-form-Dy3WIIsC.js → payment-form-BzVsG6Ks.js}

@@ -207,8 +207,8 @@ const we = z(
 ), ee = z(
   [
     "ds:inline-flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]",
-    "ds:min-block-size-[var(--min-target-size)]",
-    "ds:min-inline-size-[var(--min-target-size)]",
+    "ds:[min-block-size:var(--min-target-size)]",
+    "ds:[min-inline-size:var(--min-target-size)]",
     "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
     "ds:rounded-[var(--radius-sm)]",
     "ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]",
@@ -546,7 +546,7 @@ function Se(r) {
           /* @__PURE__ */ t(
             "div",
             {
-              className: "ds:min-block-size-[var(--min-target-size)] ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--border)] ds:bg-[var(--muted)]",
+              className: "ds:[min-block-size:var(--min-target-size)] ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--border)] ds:bg-[var(--muted)]",
               "aria-hidden": "true"
             }
           )
@@ -556,7 +556,7 @@ function Se(r) {
           /* @__PURE__ */ t(
             "div",
             {
-              className: "ds:min-block-size-[calc(var(--min-target-size)*2)] ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--border)] ds:bg-[var(--muted)]",
+              className: "ds:[min-block-size:calc(var(--min-target-size)*2)] ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--border)] ds:bg-[var(--muted)]",
               "aria-hidden": "true"
             }
           )
@@ -587,4 +587,4 @@ export {
   ye as p,
   ee as s
 };
-//# sourceMappingURL=payment-form-Dy3WIIsC.js.map
+//# sourceMappingURL=payment-form-BzVsG6Ks.js.map