@alfadocs/ui-kit 0.41.2 → 0.43.0

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

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

package/dist/_chunks/{nl-xOogO4sZ.js → nl-D9kHCmp3.js}

@@ -1,4 +1,4 @@
-import { o as d, q as n, r, v as s } from "./react-day-picker-CdtIiKjx.js";
+import { q as d, r as n, v as r, w as s } from "./date-picker-variants-DLi1Va_e.js";
 const m = {
   lessThanXSeconds: {
     one: "minder dan een seconde",
@@ -323,4 +323,4 @@ const m = {
 export {
   S as nl
 };
-//# sourceMappingURL=nl-xOogO4sZ.js.map
+//# sourceMappingURL=nl-D9kHCmp3.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-CnT4L8gn.js}

@@ -3,8 +3,8 @@ 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 { 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 { 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-Ce1Br27u.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";
 import { T as E } from "./theme-root-BOO73p5t.js";
@@ -171,4 +171,4 @@ $.displayName = "PatientShell";
 export {
   $ as P
 };
-//# sourceMappingURL=patient-shell-DF81lALv.js.map
+//# sourceMappingURL=patient-shell-CnT4L8gn.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