@alfadocs/ui-kit 1.55.0 → 1.57.0

package/dist/_chunks/{notification-tray-__sJXnsz.js → notification-tray-C5VtbGjd.js}

@@ -1,26 +1,27 @@
-import { jsx as i, jsxs as c, Fragment as L } from "react/jsx-runtime";
-import { forwardRef as ne, useState as oe, useCallback as re, useEffect as E, useRef as f, useMemo as se, useImperativeHandle as de } from "react";
+import { jsx as i, jsxs as c, Fragment as E } from "react/jsx-runtime";
+import { forwardRef as oe, useState as re, useCallback as se, useEffect as L, useRef as f, useMemo as de, useImperativeHandle as ce } from "react";
 import * as N from "@radix-ui/react-popover";
-import { c as A } from "./index-D2ZczOXr.js";
+import { u as le, f as pe } from "./non-modal-tab-exit-j3CPOuE3.js";
+import { c as H } from "./index-D2ZczOXr.js";
 import { useTranslation as U } from "react-i18next";
-import { u as ce } from "./use-controllable-state-BiY4xTzM.js";
-import { u as le } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { I as pe } from "./icon-button-COX76Jdj.js";
-import { B as F } from "./button-Bn16lcFM.js";
-import { S as H } from "./separator-CYU_bGFn.js";
-import { S as b } from "./skeleton-B1KTdJ4N.js";
-import { C as fe } from "./counter-WsvRuum1.js";
-import { S as me } from "./scroll-area-ZtFCv9K7.js";
-import { N as ue } from "./notification-card-BGCIL6Mu.js";
-import { u as ge } from "./registry-DvAUVLHh.js";
-import { c as ve } from "./createLucideIcon-DhHxpK9K.js";
+import { u as fe } from "./use-controllable-state-BiY4xTzM.js";
+import { u as me } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { I as ue } from "./icon-button-COX76Jdj.js";
+import { B as A } from "./button-Bn16lcFM.js";
+import { S as F } from "./separator-CYU_bGFn.js";
+import { S as T } from "./skeleton-B1KTdJ4N.js";
+import { C as ge } from "./counter-WsvRuum1.js";
+import { S as ve } from "./scroll-area-ZtFCv9K7.js";
+import { N as he } from "./notification-card-BGCIL6Mu.js";
+import { u as ye } from "./registry-DvAUVLHh.js";
+import { c as xe } from "./createLucideIcon-DhHxpK9K.js";
 /**
  * @license lucide-react v1.22.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const he = [
+const Ne = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
   [
     "path",
@@ -29,7 +30,7 @@ const he = [
       key: "11g9vi"
     }
   ]
-], V = ve("bell", he), ye = {
+], V = xe("bell", Ne), Te = {
   id: "notification-tray",
   capabilities: ["open", "close", "select_single", "dismiss", "navigate"],
   state: {
@@ -157,7 +158,7 @@ const he = [
       description: "Stable notification id emitted on each rendered NotificationCard inside the tray."
     }
   }
-}, xe = A(
+}, be = H(
   "ds:relative ds:inline-flex ds:items-center",
   {
     variants: {
@@ -170,7 +171,7 @@ const he = [
       size: "md"
     }
   }
-), Ne = A(
+), we = H(
   [
     "ds:flex ds:flex-col",
     "ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]",
@@ -214,8 +215,8 @@ const he = [
       size: "md"
     }
   }
-), be = "ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)] ds:pointer-events-none";
-function Te(t, a) {
+), ze = "ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)] ds:pointer-events-none";
+function Ce(t, a) {
   return t > 99 ? a : String(t);
 }
 function S() {
@@ -225,17 +226,17 @@ function S() {
       "aria-hidden": "true",
       className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]",
       children: [
-        /* @__PURE__ */ i(b, { variant: "circular", size: "sm" }),
+        /* @__PURE__ */ i(T, { variant: "circular", size: "sm" }),
         /* @__PURE__ */ c("div", { className: "ds:flex-1 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-          /* @__PURE__ */ i(b, { variant: "text", size: "md", width: "70%" }),
-          /* @__PURE__ */ i(b, { variant: "text", size: "sm", width: "90%" }),
-          /* @__PURE__ */ i(b, { variant: "text", size: "sm", width: "30%" })
+          /* @__PURE__ */ i(T, { variant: "text", size: "md", width: "70%" }),
+          /* @__PURE__ */ i(T, { variant: "text", size: "sm", width: "90%" }),
+          /* @__PURE__ */ i(T, { variant: "text", size: "sm", width: "30%" })
         ] })
       ]
     }
   );
 }
-function we() {
+function Se() {
   const { t } = U("ui");
   return /* @__PURE__ */ c(
     "div",
@@ -261,16 +262,16 @@ function we() {
     }
   );
 }
-const ze = ne(
+const ke = oe(
   ({
     id: t,
     items: a,
-    unseenCount: T,
+    unseenCount: b,
     open: W,
     onOpenChange: Y,
     onItemClick: m,
     onDismiss: u,
-    onMarkRead: h,
+    onMarkRead: y,
     onMarkAllRead: l,
     loading: k = !1,
     maxVisible: G,
@@ -282,26 +283,26 @@ const ze = ne(
     className: X,
     ...Z
   }, $) => {
-    var B;
-    const { t: s } = U("ui"), [D, y] = ce({
+    var q;
+    const { t: s } = U("ui"), [D, v] = fe({
       value: W,
       defaultValue: !1,
       onChange: Y
-    }), z = D ?? !1, [v, R] = oe(
+    }), z = D ?? !1, [h, R] = re(
       () => a.map((e) => ({ item: e, leaving: !1 }))
-    ), j = re(() => {
+    ), j = se(() => {
       if (typeof window > "u") return 200;
       const e = window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration");
       if (!e) return 200;
       const n = e.trim(), o = parseFloat(n);
       return Number.isFinite(o) ? n.endsWith("ms") ? o : o * 1e3 : 200;
     }, []);
-    le(() => {
+    me(() => {
       R((e) => {
         const n = new Set(a.map((r) => r.id)), o = new Set(e.map((r) => r.item.id)), d = e.map((r) => {
           if (n.has(r.item.id)) {
-            const P = a.find((ae) => ae.id === r.item.id);
-            return P ? { item: P, leaving: !1 } : { ...r, leaving: !0 };
+            const B = a.find((ne) => ne.id === r.item.id);
+            return B ? { item: B, leaving: !1 } : { ...r, leaving: !0 };
           }
           return { ...r, leaving: !0 };
         });
@@ -309,15 +310,15 @@ const ze = ne(
           o.has(r.id) || d.push({ item: r, leaving: !1 });
         return d;
       });
-    }, [a]), E(() => {
-      if (!v.some((o) => o.leaving)) return;
+    }, [a]), L(() => {
+      if (!h.some((o) => o.leaving)) return;
       const e = j(), n = setTimeout(() => {
         R((o) => o.filter((d) => !d.leaving));
       }, e);
       return () => clearTimeout(n);
-    }, [v, j]);
-    const C = f(null), I = f((B = a[0]) == null ? void 0 : B.id);
-    E(() => {
+    }, [h, j]);
+    const C = f(null), I = f((q = a[0]) == null ? void 0 : q.id);
+    L(() => {
       var o;
       const e = (o = a[0]) == null ? void 0 : o.id, n = I.current;
       if (n && e && n !== e && C.current) {
@@ -332,23 +333,23 @@ const ze = ne(
       }
       I.current = e;
     }, [a, s]);
-    const x = T ?? 0, M = x > 0 ? s("notificationTray.triggerLabel", {
+    const x = b ?? 0, M = x > 0 ? s("notificationTray.triggerLabel", {
       count: x,
       defaultValue: "Notifications, {{count}} unread"
-    }) : s("notificationTray.triggerLabelNone", "Notifications, none unread"), ee = Te(
+    }) : s("notificationTray.triggerLabelNone", "Notifications, none unread"), ee = Ce(
       x,
       s("notificationTray.badgeCountOverflow", "99+")
-    ), te = Ne({ size: w }), p = f(a);
+    ), te = we({ size: w }), p = f(a);
     p.current = a;
-    const K = f(T);
-    K.current = T;
-    const _ = f(z);
-    _.current = z;
-    const ie = se(
+    const K = f(b);
+    K.current = b;
+    const P = f(z);
+    P.current = z;
+    const ie = de(
       () => ({
-        open: () => y(!0),
-        close: () => y(!1),
-        isOpen: () => _.current,
+        open: () => v(!0),
+        close: () => v(!1),
+        isOpen: () => P.current,
         getItems: () => p.current.map((e) => ({ id: e.id, read: !!e.read })),
         getUnreadCount: () => K.current ?? p.current.filter((e) => !e.read).length,
         selectItem: (e) => {
@@ -357,7 +358,7 @@ const ze = ne(
         },
         markRead: (e) => {
           const n = p.current.find((o) => o.id === e);
-          n && (h == null || h(n));
+          n && (y == null || y(n));
         },
         dismiss: (e) => {
           const n = p.current.find((o) => o.id === e);
@@ -367,25 +368,30 @@ const ze = ne(
         viewAll: () => g == null ? void 0 : g()
       }),
       [
-        y,
+        v,
         m,
-        h,
+        y,
         u,
         l,
         g
       ]
-    ), q = f(null);
-    return de($, () => q.current, []), ge(ye, ie, t), /* @__PURE__ */ i(
+    ), _ = f(null);
+    ce($, () => _.current, []), ye(Te, ie, t);
+    const ae = le(!0, {
+      getAnchor: pe,
+      onReturnToTrigger: () => v(!1)
+    });
+    return /* @__PURE__ */ i(
       "div",
       {
-        ref: q,
+        ref: _,
         "data-component": "notification-tray",
         "data-component-id": t,
-        className: [xe({ size: w }), X].filter(Boolean).join(" "),
+        className: [be({ size: w }), X].filter(Boolean).join(" "),
         ...Z,
-        children: /* @__PURE__ */ c(N.Root, { open: z, onOpenChange: y, children: [
+        children: /* @__PURE__ */ c(N.Root, { open: z, onOpenChange: v, children: [
           /* @__PURE__ */ i(N.Trigger, { asChild: !0, children: /* @__PURE__ */ i(
-            pe,
+            ue,
             {
               icon: /* @__PURE__ */ i(V, {}),
               intent: "outline",
@@ -395,13 +401,13 @@ const ze = ne(
             }
           ) }),
           x > 0 ? /* @__PURE__ */ i(
-            fe,
+            ge,
             {
               variant: "notification",
               size: "md",
               "aria-hidden": "true",
               "data-testid": "notification-tray-badge",
-              className: be,
+              className: ze,
               children: ee
             }
           ) : null,
@@ -418,6 +424,7 @@ const ze = ne(
             N.Content,
             {
               role: "dialog",
+              onKeyDown: ae,
               "aria-label": s("notificationTray.panelTitle", "Notifications"),
               side: Q,
               align: J,
@@ -428,7 +435,7 @@ const ze = ne(
                 /* @__PURE__ */ c("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)]", children: [
                   /* @__PURE__ */ i("h3", { className: "ds:m-0 type-title-card ds:text-[color:var(--foreground)]", children: s("notificationTray.panelTitle", "Notifications") }),
                   l && a.some((e) => !e.read) ? /* @__PURE__ */ i(
-                    F,
+                    A,
                     {
                       intent: "link",
                       size: "sm",
@@ -438,24 +445,24 @@ const ze = ne(
                     }
                   ) : null
                 ] }),
-                /* @__PURE__ */ i(H, {}),
+                /* @__PURE__ */ i(F, {}),
                 /* @__PURE__ */ i(
-                  me,
+                  ve,
                   {
                     orientation: "vertical",
                     className: "ds:flex-1 ds:sm:flex-none ds:sm:[max-block-size:var(--notification-tray-max-block-size,24rem)]",
                     children: /* @__PURE__ */ i(
                       "div",
                       {
-                        role: k || v.length === 0 ? void 0 : "list",
+                        role: k || h.length === 0 ? void 0 : "list",
                         "data-max-visible": G,
                         className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)]",
-                        children: k ? /* @__PURE__ */ c(L, { children: [
+                        children: k ? /* @__PURE__ */ c(E, { children: [
                           /* @__PURE__ */ i(S, {}),
                           /* @__PURE__ */ i(S, {}),
                           /* @__PURE__ */ i(S, {})
-                        ] }) : v.length === 0 ? /* @__PURE__ */ i(we, {}) : v.map(({ item: e, leaving: n }) => /* @__PURE__ */ i(
-                          ue,
+                        ] }) : h.length === 0 ? /* @__PURE__ */ i(Se, {}) : h.map(({ item: e, leaving: n }) => /* @__PURE__ */ i(
+                          he,
                           {
                             item: e,
                             variant: "compact",
@@ -470,10 +477,10 @@ const ze = ne(
                     )
                   }
                 ),
-                O ? /* @__PURE__ */ c(L, { children: [
-                  /* @__PURE__ */ i(H, {}),
+                O ? /* @__PURE__ */ c(E, { children: [
+                  /* @__PURE__ */ i(F, {}),
                   /* @__PURE__ */ i("div", { className: "ds:pt-[var(--spacing-xs)]", children: /* @__PURE__ */ i(
-                    F,
+                    A,
                     {
                       intent: "link",
                       size: "sm",
@@ -491,9 +498,9 @@ const ze = ne(
     );
   }
 );
-ze.displayName = "NotificationTray";
+ke.displayName = "NotificationTray";
 export {
-  ze as N,
-  ye as n
+  ke as N,
+  Te as n
 };
-//# sourceMappingURL=notification-tray-__sJXnsz.js.map
+//# sourceMappingURL=notification-tray-C5VtbGjd.js.map

package/dist/_chunks/{patient-details-DsTtjpuX.js → patient-details-99kEdtc5.js}

@@ -8,7 +8,7 @@ import { C as ie, b as te, a as se } from "./collapsible-DVPM46bq.js";
 import { D as ae } from "./description-list-DkLeHiew.js";
 import { P as de } from "./panel-header-D_mTdhUp.js";
 import { u as re } from "./registry-DvAUVLHh.js";
-import { u as ne, F as le, r as oe, P as ce } from "./patient-field-row-BvZ9luz-.js";
+import { u as ne, F as le, r as oe, P as ce } from "./patient-field-row-DkxY13T6.js";
 import { C as pe } from "./clipboard-list-rSzfIYZB.js";
 const me = {
   id: "patient-details",
@@ -368,4 +368,4 @@ export {
   ue as P,
   me as p
 };
-//# sourceMappingURL=patient-details-DsTtjpuX.js.map
+//# sourceMappingURL=patient-details-99kEdtc5.js.map

package/dist/_chunks/{patient-field-row-BvZ9luz-.js → patient-field-row-DkxY13T6.js}

@@ -5,13 +5,13 @@ import { useTranslation as A } from "react-i18next";
 import { B as ee } from "./button-Bn16lcFM.js";
 import { I } from "./icon-button-COX76Jdj.js";
 import { C as R } from "./checkbox--ndmyokr.js";
-import { P as O } from "./popover-BI3oV3eY.js";
+import { P as O } from "./popover-BG75rYjN.js";
 import { S as te } from "./separator-CYU_bGFn.js";
 import { S as ae } from "./settings-d25ju_6L.js";
 import { G as se } from "./grip-vertical-onSb1JXO.js";
 import { D as $ } from "./description-list-DkLeHiew.js";
 import { B as j } from "./badge-hnBt8o7n.js";
-import { L as re } from "./link-2HokYuIi.js";
+import { L as re } from "./link-gRw3NtOt.js";
 import { T as ne } from "./transaction-chip-CohY6sTA.js";
 import { H as ie } from "./hash-CSQ9SChR.js";
 import { C as oe } from "./calendar-days-BGWklvE-.js";
@@ -19,11 +19,11 @@ import { c as q } from "./createLucideIcon-DhHxpK9K.js";
 import { U as le } from "./user-B12p7bVF.js";
 import { C as ce } from "./city-input-BC_nYINn.js";
 import { C as de } from "./country-select-DF5Bd_mn.js";
-import { D as ue } from "./date-picker-wRAcq2lt.js";
+import { D as ue } from "./date-picker-BSZuKo13.js";
 import { E as me } from "./email-input-C7THAwh2.js";
 import { F as pe } from "./fiscal-code-input-DesSQ6Fh.js";
 import { N as fe } from "./number-input-CVwI1ltI.js";
-import { P as ge } from "./phone-input-DxkHMYmu.js";
+import { P as ge } from "./phone-input-O9camxkq.js";
 import { P as he } from "./postal-code-input-CfZOnIkW.js";
 import { P as ye } from "./province-select-Bd20Z9Br.js";
 import { S as be } from "./select-Ce5RMk93.js";
@@ -826,4 +826,4 @@ export {
   Dt as r,
   St as u
 };
-//# sourceMappingURL=patient-field-row-BvZ9luz-.js.map
+//# sourceMappingURL=patient-field-row-DkxY13T6.js.map

package/dist/_chunks/{patient-summary-card-3dspc2tR.js → patient-summary-card-opdyfeW2.js}

@@ -6,15 +6,15 @@ import { A as re } from "./avatar-WZY3eGE7.js";
 import { B as D } from "./badge-hnBt8o7n.js";
 import { I as Ue } from "./icon-button-COX76Jdj.js";
 import { C as le } from "./card-DMO2nkt4.js";
-import { K as Be, a as Re } from "./key-value-pair-Ax8IJr1M.js";
-import { L as V } from "./link-2HokYuIi.js";
+import { K as Be, a as Re } from "./key-value-pair-BNNITp6S.js";
+import { L as V } from "./link-gRw3NtOt.js";
 import { S as k } from "./skeleton-B1KTdJ4N.js";
 import { T as oe } from "./tag-CS5cXpfx.js";
 import { T as Ke } from "./transaction-chip-CohY6sTA.js";
 import { T as je } from "./tooltip-Cp-PLePW.js";
-import { H as G } from "./hover-card-BnTueNS2.js";
+import { H as G } from "./hover-card-U_ZYoh1n.js";
 import { i as de } from "./is-safe-url-DkETxeHz.js";
-import { u as qe, r as We, a as He, b as Je, F as Qe, S as Xe, A as Ye, N as Ze } from "./patient-field-row-BvZ9luz-.js";
+import { u as qe, r as We, a as He, b as Je, F as Qe, S as Xe, A as Ye, N as Ze } from "./patient-field-row-DkxY13T6.js";
 import { u as Oe } from "./registry-DvAUVLHh.js";
 import { M as ea } from "./mail-BqXVF2zH.js";
 import { P as aa } from "./phone-FceYcIFQ.js";
@@ -489,11 +489,15 @@ const ga = {
         // each column keeps its own subgrid label/value alignment.
         // 672px, not the `@2xl` rem alias: container-query `rem` follows the
         // host root font-size, so a non-16px root moves the threshold.
+        // Each label column stops at 20% of the card (every field has an
+        // icon, so labels sit in the middle track of each group): a long
+        // label wraps instead of squeezing its value, as KeyValueList's
+        // single-column cap does at 40%.
         /* @__PURE__ */ e("div", { className: "ds:@container/pfields", children: /* @__PURE__ */ e(
           Be,
           {
             rowGap: "sm",
-            className: "ds:@[672px]/pfields:grid-cols-[repeat(2,auto_auto_minmax(0,1fr))]",
+            className: "ds:@[672px]/pfields:grid-cols-[repeat(2,auto_fit-content(20%)_minmax(0,1fr))]",
             children: te.map((a) => /* @__PURE__ */ e(
               Re,
               {
@@ -544,4 +548,4 @@ export {
   Ca as P,
   ma as p
 };
-//# sourceMappingURL=patient-summary-card-3dspc2tR.js.map
+//# sourceMappingURL=patient-summary-card-opdyfeW2.js.map

package/dist/_chunks/{payment-automation-upsell-DEUfM7EU.js → payment-automation-upsell-DiHovmUL.js}

@@ -6,7 +6,7 @@ import { B as y } from "./benefit-card-BWBClvdF.js";
 import { B as C } from "./button-Bn16lcFM.js";
 import { C as d } from "./card-DMO2nkt4.js";
 import { L as n } from "./list-RRN2TJ_7.js";
-import { S as U } from "./stat-51CDL4au.js";
+import { S as U } from "./stat-DmjGfXND.js";
 import { C as f } from "./credit-card-D9XZsHGA.js";
 import { R as _ } from "./receipt-euro-B1cLM_TN.js";
 import { C as b } from "./circle-check-BN6rz4NV.js";
@@ -283,4 +283,4 @@ Y.displayName = "PaymentAutomationUpsell";
 export {
   Y as P
 };
-//# sourceMappingURL=payment-automation-upsell-DEUfM7EU.js.map
+//# sourceMappingURL=payment-automation-upsell-DiHovmUL.js.map

package/dist/_chunks/{payment-request-card-DAGqh9Yx.js → payment-request-card-DAniJNLX.js}

@@ -5,7 +5,7 @@ import { useTranslation as M } from "react-i18next";
 import { B as O } from "./badge-hnBt8o7n.js";
 import { C as D } from "./card-DMO2nkt4.js";
 import { D as d } from "./description-list-DkLeHiew.js";
-import { K as Y, a as H } from "./key-value-pair-Ax8IJr1M.js";
+import { K as Y, a as H } from "./key-value-pair-BNNITp6S.js";
 import { T as j, A as ae } from "./transaction-chip-CohY6sTA.js";
 import { u as W } from "./registry-DvAUVLHh.js";
 import { H as te } from "./hash-CSQ9SChR.js";
@@ -16,7 +16,7 @@ import { U as ie } from "./user-B12p7bVF.js";
 import { U as le } from "./user-cog-BTn98Arm.js";
 import { e as Q } from "./entity-card-fpm-KUKc.js";
 import { A as de } from "./arrow-up-right-C2v_MKsK.js";
-import { L as oe } from "./link-2HokYuIi.js";
+import { L as oe } from "./link-gRw3NtOt.js";
 import { C as $ } from "./credit-card-D9XZsHGA.js";
 import { C as se } from "./calendar-clock-hbObjfGY.js";
 import { i as ce } from "./is-safe-url-DkETxeHz.js";
@@ -439,4 +439,4 @@ export {
   Ce as b,
   me as p
 };
-//# sourceMappingURL=payment-request-card-DAGqh9Yx.js.map
+//# sourceMappingURL=payment-request-card-DAniJNLX.js.map