@alfadocs/ui-kit 0.25.1 → 0.30.0

package/dist/_chunks/patient-shell-CAXYzbRw.js

@@ -0,0 +1,173 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { forwardRef as w, useState as k } from "react";
+import { useTranslation as m } from "react-i18next";
+import { A } from "./app-frame-BYx1gcV7.js";
+import { I as H } from "./icon-button-BRHSSFmZ.js";
+import { D as i } from "./dropdown-menu-DZxwF23X.js";
+import { H as x, g as C, f as B, e as M, a as N, c as T, d as O } from "./header-CkMb1TZS.js";
+import { L as P } from "./logo-_Z-jLq80.js";
+import { S as W, a as j, h as R, j as _, k as z, i as D } from "./sidebar-DkyC6GvS.js";
+import { T as E } from "./theme-root-BOO73p5t.js";
+import { a as q } from "./tooltip-DHik5yRI.js";
+import { u as F } from "./use-theme-C2dHKUAN.js";
+import { S as U } from "./settings-ca2Yi9R8.js";
+import { c as G } from "./createLucideIcon-CrFbzy84.js";
+import { L as J } from "./log-out-616hnn2-.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 K = [
+  ["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" }]
+], Q = G("maximize-2", K);
+function V(r) {
+  return r > 99 ? "99+" : String(r);
+}
+function X(r) {
+  if (r.startsWith("/") || r.startsWith("#") || r.startsWith("?"))
+    return !0;
+  try {
+    const t = new URL(r, window.location.origin);
+    return t.protocol === "http:" || t.protocol === "https:";
+  } catch {
+    return !1;
+  }
+}
+function Y({
+  logoutHref: r,
+  onToggleFullscreen: t
+}) {
+  const { t: a } = m();
+  return /* @__PURE__ */ n(i.Root, { children: [
+    /* @__PURE__ */ e(i.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+      H,
+      {
+        icon: /* @__PURE__ */ e(U, { "aria-hidden": "true" }),
+        "aria-label": a("patientShell.settings.triggerAria"),
+        tooltip: a("patientShell.settings.triggerAria"),
+        "data-testid": "patient-shell-settings-trigger"
+      }
+    ) }),
+    /* @__PURE__ */ n(i.Content, { align: "end", children: [
+      /* @__PURE__ */ e(
+        i.Item,
+        {
+          startIcon: /* @__PURE__ */ e(Q, { "aria-hidden": "true" }),
+          onSelect: t,
+          "data-testid": "patient-shell-fullscreen",
+          children: a("patientShell.settings.fullscreen")
+        }
+      ),
+      /* @__PURE__ */ e(i.Separator, {}),
+      /* @__PURE__ */ e(
+        i.Item,
+        {
+          startIcon: /* @__PURE__ */ e(J, { "aria-hidden": "true" }),
+          onSelect: () => {
+            typeof window > "u" || X(r) && window.location.assign(r);
+          },
+          "data-testid": "patient-shell-logout",
+          children: a("patientShell.settings.logout")
+        }
+      )
+    ] })
+  ] });
+}
+function Z({ menuItems: r }) {
+  return /* @__PURE__ */ e(j, { children: r.map((t) => {
+    const a = typeof t.badgeCount == "number" && t.badgeCount > 0 ? t.badgeCount : void 0;
+    return /* @__PURE__ */ n(
+      R,
+      {
+        href: t.href,
+        "aria-label": t.label,
+        isActive: t.isActive,
+        children: [
+          t.icon ? /* @__PURE__ */ e(_, { children: t.icon }) : null,
+          /* @__PURE__ */ e(z, { children: t.label }),
+          a !== void 0 ? /* @__PURE__ */ e(D, { children: V(a) }) : null
+        ]
+      },
+      t.id
+    );
+  }) });
+}
+const $ = w(
+  ({
+    menuItems: r,
+    logoutHref: t,
+    onToggleFullscreen: a,
+    brandLogo: p,
+    brandHref: u = "/",
+    mainAriaLabel: f,
+    sidebarState: o,
+    children: g,
+    // `userName` and `userAvatarSrc` are declared on the public API
+    // for forward-compatibility (future profile-pill work) — they are
+    // intentionally unused today because the legacy patient chrome
+    // carries no profile pill.
+    userName: ee,
+    userAvatarSrc: te
+  }, s) => {
+    const { t: d } = m(), { theme: S, accessibility: b, resolvedTheme: l } = F(), v = S !== "system" || b !== "system", y = l.startsWith("dark") ? "dark" : "light", I = l.endsWith("-accessible"), [L, c] = k(!1), h = /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(
+      A,
+      {
+        mainAriaLabel: f,
+        header: /* @__PURE__ */ n(x, { children: [
+          /* @__PURE__ */ n(C, { children: [
+            /* @__PURE__ */ e(B, { href: "#main-content" }),
+            /* @__PURE__ */ e(M, { onMenuOpen: () => c(!0) }),
+            /* @__PURE__ */ e(
+              N,
+              {
+                logo: p ?? /* @__PURE__ */ e(P, { variant: "monochrome", size: "md", decorative: !0 }),
+                href: u,
+                "aria-label": d("patientShell.brand.homeAria")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(T, {}),
+          /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
+            Y,
+            {
+              logoutHref: t,
+              onToggleFullscreen: a
+            }
+          ) })
+        ] }),
+        sidebar: /* @__PURE__ */ e(
+          W,
+          {
+            ...o !== void 0 ? { state: o } : { defaultState: "expanded" },
+            open: L,
+            onOpenChange: c,
+            "aria-label": d("patientShell.sidebar.panelLabel"),
+            "data-testid": "patient-shell-sidebar",
+            children: /* @__PURE__ */ e(Z, { menuItems: r })
+          }
+        ),
+        children: g
+      }
+    ) });
+    return v ? /* @__PURE__ */ e(
+      E,
+      {
+        ref: s,
+        theme: y,
+        accessible: I,
+        className: "ds:contents",
+        children: h
+      }
+    ) : /* @__PURE__ */ e("div", { ref: s, className: "ds:contents", children: h });
+  }
+);
+$.displayName = "PatientShell";
+export {
+  $ as P
+};
+//# sourceMappingURL=patient-shell-CAXYzbRw.js.map

package/dist/_chunks/{payment-form-F7uh0Rqr.js → payment-form-Ds3rxvad.js}

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as m, Fragment as ne } from "react/jsx-runtime";
 import { forwardRef as se, useState as E, useEffect as R, useRef as V, useMemo as j, useImperativeHandle as ae, useId as oe, useCallback as ie } from "react";
 import { c as z } from "./index-D2ZczOXr.js";
 import { useTranslation as q } from "react-i18next";
-import { S as J } from "./spinner-DirtWZNG.js";
+import { S as J } from "./spinner-CCByyvcb.js";
 import { A as W } from "./alert-ywPR59NE.js";
 import { loadStripe as de } from "@stripe/stripe-js";
 import { Elements as ce, useStripe as le, useElements as me, PaymentElement as ue, AddressElement as pe } from "@stripe/react-stripe-js";
@@ -587,4 +587,4 @@ export {
   ye as p,
   ee as s
 };
-//# sourceMappingURL=payment-form-F7uh0Rqr.js.map
+//# sourceMappingURL=payment-form-Ds3rxvad.js.map

package/dist/_chunks/{pdf-viewer-CuYaVR1I.js → pdf-viewer-CIuaocnq.js}

@@ -5,7 +5,7 @@ import { c as J } from "./index-D2ZczOXr.js";
 import { useTranslation as pe } from "react-i18next";
 import * as ee from "@radix-ui/react-popover";
 import Me from "pdfjs-dist/build/pdf.worker.min.mjs?url";
-import { S as Le } from "./spinner-DirtWZNG.js";
+import { S as Le } from "./spinner-CCByyvcb.js";
 import { A as we } from "./alert-ywPR59NE.js";
 import { u as Ze } from "./registry-C9nwlNyL.js";
 import { X as Be } from "./x-CCcI3eJp.js";
@@ -917,4 +917,4 @@ export {
   nt as P,
   Xe as p
 };
-//# sourceMappingURL=pdf-viewer-CuYaVR1I.js.map
+//# sourceMappingURL=pdf-viewer-CIuaocnq.js.map

package/dist/_chunks/{popover--derJ_wq.js → popover-D0slaBB9.js}

@@ -3,7 +3,7 @@ import { useState as C, useCallback as g, useRef as R, useEffect as h, useMemo a
 import * as v from "@radix-ui/react-popover";
 import { c as G } from "./index-D2ZczOXr.js";
 import { useTranslation as J } from "react-i18next";
-import { I as K } from "./icon-button-C4CGcYuz.js";
+import { I as K } from "./icon-button-BRHSSFmZ.js";
 import { u as Q } from "./registry-C9nwlNyL.js";
 import { X as U } from "./x-CCcI3eJp.js";
 const Y = {
@@ -61,11 +61,15 @@ function Z(e) {
 }
 const _ = G(
   [
-    // Border kept (transparent) so the forced-colors override below can
-    // repaint a visible edge in HCM. In normal modes the soft drop-shadow
-    // carries the edge cue; the heavy `--border` (grey-800 since WCAG
-    // 1.4.11 bump in 67fef8c) made the popover read as a charcoal box.
-    "ds:relative ds:bg-[var(--popover)] ds:border ds:border-transparent ds:rounded-[var(--radius-md)]",
+    // `--card-border` 32% alpha provides a subtle edge that survives dark
+    // without becoming a heavy outline. The previous transparent border
+    // relied on the drop-shadow alone, which reads as a faint halo against
+    // dark surfaces and lets the popover float as an unbounded blob; the
+    // earlier heavy `--border` (grey-800 since WCAG 1.4.11 bump in 67fef8c)
+    // overcorrected the other way and made the popover read as a charcoal
+    // box. The forced-colors override below upgrades the border to
+    // `CanvasText` so HCM still repaints a fully visible edge.
+    "ds:relative ds:bg-[var(--popover)] ds:border ds:border-[color:var(--card-border)] ds:rounded-[var(--radius-md)]",
     "ds:p-[var(--spacing-md)]",
     "ds:shadow-[var(--shadow-lg)]",
     "ds:z-[var(--z-popover)]",
@@ -102,9 +106,9 @@ function T({
   defaultOpen: c,
   modal: P
 }) {
-  const [I, b] = C(c ?? !1), m = i !== void 0, l = m ? i : I, n = g(
+  const [b, I] = C(c ?? !1), m = i !== void 0, l = m ? i : b, n = g(
     (z) => {
-      m || b(z), t == null || t(z);
+      m || I(z), t == null || t(z);
     },
     [m, t]
   ), d = R(null), p = e === "hover" || e === "hover-or-click", a = g(() => {
@@ -176,8 +180,8 @@ const B = f(
     className: t,
     children: c,
     ...P
-  }, I) => {
-    const { headingId: b, descriptionId: m } = u(y), l = u(M), {
+  }, b) => {
+    const { headingId: I, descriptionId: m } = u(y), l = u(M), {
       isHoverMode: n,
       clearHoverTimer: d,
       closeWithDelay: p
@@ -190,12 +194,12 @@ const B = f(
     return /* @__PURE__ */ s(v.Portal, { children: /* @__PURE__ */ $(
       v.Content,
       {
-        ref: I,
+        ref: b,
         side: a,
         align: o,
         sideOffset: 8,
         collisionPadding: 8,
-        "aria-labelledby": b,
+        "aria-labelledby": I,
         "aria-describedby": m,
         className: _({ size: r, className: t }),
         "data-component": "popover",
@@ -290,4 +294,4 @@ export {
   ae as P,
   Y as p
 };
-//# sourceMappingURL=popover--derJ_wq.js.map
+//# sourceMappingURL=popover-D0slaBB9.js.map

package/dist/_chunks/{privacy-lock-BKsI6ReN.js → privacy-lock-BI4vi9Ud.js}

@@ -3,7 +3,7 @@ import { forwardRef as q, useState as G, useCallback as g, useRef as L, useImper
 import { useTranslation as V } from "react-i18next";
 import * as i from "@radix-ui/react-dialog";
 import { B as u } from "./button-DD_0Xdmr.js";
-import { I as W } from "./icon-button-C4CGcYuz.js";
+import { I as W } from "./icon-button-BRHSSFmZ.js";
 import { L as X } from "./logo-_Z-jLq80.js";
 import { u as Y } from "./registry-C9nwlNyL.js";
 import { E as h } from "./eye-off-xEXDAh5z.js";
@@ -190,4 +190,4 @@ export {
   ee as P,
   $ as p
 };
-//# sourceMappingURL=privacy-lock-BKsI6ReN.js.map
+//# sourceMappingURL=privacy-lock-BI4vi9Ud.js.map