@alfadocs/ui-kit 1.50.0 → 1.51.0

package/dist/_chunks/{patient-field-row-DElFbpKc.js → patient-field-row-CT04C_lZ.js}

@@ -1,27 +1,27 @@
-import { useMemo as _, useCallback as k, useState as z, cloneElement as W, useId as Y } from "react";
+import { useMemo as _, useCallback as C, useState as z, cloneElement as W, useId as Y } from "react";
 import { u as Z } from "./use-controllable-state-BiY4xTzM.js";
 import { jsxs as V, jsx as t, Fragment as q } from "react/jsx-runtime";
 import { useTranslation as A } from "react-i18next";
-import { B as ee } from "./button-18oBsI3n.js";
-import { I } from "./icon-button-CY7GU_Se.js";
-import { C as j } from "./checkbox-CZkipDn7.js";
-import { P as O } from "./popover-Dvb40vPH.js";
+import { B as ee } from "./button-CYPx2xFq.js";
+import { I } from "./icon-button-JAXAkqWC.js";
+import { C as U } from "./checkbox-CZkipDn7.js";
+import { P as O } from "./popover-SASSeAdY.js";
 import { S as te } from "./separator-CYU_bGFn.js";
 import { S as ae } from "./settings-d25ju_6L.js";
-import { G as ne } from "./grip-vertical-onSb1JXO.js";
-import { D as $ } from "./description-list-1A2DEbE6.js";
-import { B as R } from "./badge-BAkd6_Pj.js";
-import { L as se } from "./link-CPb_pZPr.js";
-import { T as re } from "./transaction-chip-CwgcJiqF.js";
+import { G as se } from "./grip-vertical-onSb1JXO.js";
+import { D as $ } from "./description-list-DOPu69Jg.js";
+import { B as j } from "./badge-BAkd6_Pj.js";
+import { L as re } from "./link-CPb_pZPr.js";
+import { T as ne } from "./transaction-chip-CwgcJiqF.js";
 import { H as ie } from "./hash-CSQ9SChR.js";
 import { C as oe } from "./calendar-days-BGWklvE-.js";
-import { c as U } from "./createLucideIcon-DhHxpK9K.js";
+import { c as R } from "./createLucideIcon-DhHxpK9K.js";
 import { U as le } from "./user-B12p7bVF.js";
 import { C as ce } from "./city-input-BGYc4lRV.js";
 import { C as de } from "./country-select-C5jZjO8O.js";
 import { D as ue } from "./date-picker-6tFnKFty.js";
 import { E as me } from "./email-input-Dpe63k0K.js";
-import { F as pe } from "./fiscal-code-input-BEF8eKIG.js";
+import { F as pe } from "./fiscal-code-input-CwUwhUZy.js";
 import { N as fe } from "./number-input-Cgu2TtA8.js";
 import { P as ge } from "./phone-input-sQj-zi59.js";
 import { P as he } from "./postal-code-input-BznBxVxf.js";
@@ -29,19 +29,19 @@ import { P as ye } from "./province-select-BiszMRRY.js";
 import { S as be } from "./select-upNAltly.js";
 import { S as ve } from "./switch-OILsBLWo.js";
 import { T as xe } from "./text-area-Bt3p7Pt0.js";
-import { T as Ce } from "./text-input-CUvCb6ST.js";
+import { T as ke } from "./text-input-CUvCb6ST.js";
 import { C as K } from "./check-DrFSN__t.js";
-import { X as ke } from "./x-B5YnXwCz.js";
+import { X as Ce } from "./x-B5YnXwCz.js";
 import { P as Ve } from "./pencil-B1sKKyuT.js";
 import { L as Ne } from "./lock-ClAFG1gy.js";
-import { C as De } from "./copy-vRpqqHtY.js";
+import { C as we } from "./copy-vRpqqHtY.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 we = [
+const De = [
   ["path", { d: "M5 22h14", key: "ehvnwv" }],
   ["path", { d: "M5 2h14", key: "pdyrp9" }],
   [
@@ -55,7 +55,7 @@ const we = [
     "path",
     { d: "M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2", key: "1vvvr6" }
   ]
-], Se = U("hourglass", we);
+], Se = R("hourglass", De);
 /**
  * @license lucide-react v1.22.0 - ISC
  *
@@ -66,7 +66,7 @@ const Te = [
   ["path", { d: "M16 3h5v5", key: "1806ms" }],
   ["path", { d: "m21 3-6.75 6.75", key: "pv0uzu" }],
   ["circle", { cx: "10", cy: "14", r: "6", key: "1qwbdc" }]
-], ze = U("mars", Te);
+], ze = R("mars", Te);
 /**
  * @license lucide-react v1.22.0 - ISC
  *
@@ -77,49 +77,49 @@ const Pe = [
   ["path", { d: "M12 15v7", key: "t2xh3l" }],
   ["path", { d: "M9 19h6", key: "456am0" }],
   ["circle", { cx: "12", cy: "9", r: "6", key: "1nw4tq" }]
-], Ae = U("venus", Pe);
+], Ae = R("venus", Pe);
 function X(e) {
-  return e.flatMap((n) => n.fields.map((a) => a.id));
+  return e.flatMap((s) => s.fields.map((a) => a.id));
 }
-function Nt(e, n) {
-  const a = n ?? X(e), s = new Map(a.map((r, h) => [r, h]));
-  return e.map((r) => ({
-    section: r,
-    fields: r.fields.filter((h) => s.has(h.id)).sort(
-      (h, l) => s.get(h.id) - s.get(l.id)
+function Nt(e, s) {
+  const a = s ?? X(e), r = new Map(a.map((n, h) => [n, h]));
+  return e.map((n) => ({
+    section: n,
+    fields: n.fields.filter((h) => r.has(h.id)).sort(
+      (h, l) => r.get(h.id) - r.get(l.id)
     )
   }));
 }
-function Dt(e, { value: n, defaultValue: a, onChange: s } = {}) {
-  const r = _(
+function wt(e, { value: s, defaultValue: a, onChange: r } = {}) {
+  const n = _(
     () => X(e),
     [e]
   ), [h, l] = Z({
-    value: n,
-    defaultValue: a ?? r,
-    onChange: s
-  }), c = h ?? a ?? r, m = _(() => {
+    value: s,
+    defaultValue: a ?? n,
+    onChange: r
+  }), c = h ?? a ?? n, m = _(() => {
     const g = /* @__PURE__ */ new Map();
     for (const y of e)
       for (const x of y.fields)
         g.set(x.id, { field: x, sectionId: y.id });
     return g;
-  }, [e]), d = k(
+  }, [e]), d = C(
     (g) => {
       l(g.filter((y) => m.has(y)));
     },
     [l, m]
-  ), i = k(
+  ), i = C(
     (g) => {
       d(
         c.includes(g) ? c.filter((y) => y !== g) : [...c, g]
       );
     },
     [c, d]
-  ), E = k(
+  ), E = C(
     (g, y) => {
-      var D;
-      const x = ((D = e.find((p) => p.id === g)) == null ? void 0 : D.fields.map((p) => p.id)) ?? [], P = new Set(x);
+      var w;
+      const x = ((w = e.find((p) => p.id === g)) == null ? void 0 : w.fields.map((p) => p.id)) ?? [], P = new Set(x);
       if (y) {
         const p = x.filter((u) => !c.includes(u));
         d([...c, ...p]);
@@ -127,57 +127,57 @@ function Dt(e, { value: n, defaultValue: a, onChange: s } = {}) {
         d(c.filter((p) => !P.has(p)));
     },
     [e, c, d]
-  ), N = k(
+  ), N = C(
     (g, y) => {
       var M, o, F;
       if (g === y) return;
       const x = (M = m.get(g)) == null ? void 0 : M.sectionId, P = (o = m.get(y)) == null ? void 0 : o.sectionId;
       if (!x || x !== P) return;
-      const D = new Set(
+      const w = new Set(
         ((F = e.find((b) => b.id === x)) == null ? void 0 : F.fields.map((b) => b.id)) ?? []
-      ), p = c.filter((b) => D.has(b)), u = p.indexOf(g), v = p.indexOf(y);
+      ), p = c.filter((b) => w.has(b)), u = p.indexOf(g), v = p.indexOf(y);
       if (u < 0 || v < 0) return;
       const [S] = p.splice(u, 1);
       p.splice(v, 0, S);
-      let C = 0;
+      let k = 0;
       const H = c.map(
-        (b) => D.has(b) ? p[C++] : b
+        (b) => w.has(b) ? p[k++] : b
       );
       d(H);
     },
     [m, e, c, d]
-  ), w = k(() => {
-    d(a ?? r);
-  }, [a, r, d]);
+  ), D = C(() => {
+    d(a ?? n);
+  }, [a, n, d]);
   return {
     visible: c,
-    catalogueIds: r,
+    catalogueIds: n,
     fieldById: m,
     setOrder: d,
     toggleField: i,
     toggleSection: E,
     moveFieldOnto: N,
-    reset: w
+    reset: D
   };
 }
-function wt({
+function Dt({
   sections: e,
-  visible: n,
+  visible: s,
   onToggleField: a,
-  onToggleSection: s,
-  onMoveFieldOnto: r,
+  onToggleSection: r,
+  onMoveFieldOnto: n,
   onReset: h,
   label: l
 }) {
-  const { t: c } = A(), m = _(() => new Set(n), [n]), [d, i] = z(null), [E, N] = z(null), [w, g] = z(""), { sectionOfField: y, labelOfField: x } = _(() => {
+  const { t: c } = A(), m = _(() => new Set(s), [s]), [d, i] = z(null), [E, N] = z(null), [D, g] = z(""), { sectionOfField: y, labelOfField: x } = _(() => {
     const u = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map();
     for (const S of e)
-      for (const C of S.fields)
-        u.set(C.id, S.id), v.set(C.id, C.label);
+      for (const k of S.fields)
+        u.set(k.id, S.id), v.set(k.id, k.label);
     return { sectionOfField: u, labelOfField: v };
-  }, [e]), P = d ? y.get(d) : void 0, D = k(() => {
+  }, [e]), P = d ? y.get(d) : void 0, w = C(() => {
     i(null), N(null);
-  }, []), p = k(
+  }, []), p = C(
     (u, v, S) => {
       g(
         c("fieldPicker.moved", {
@@ -201,131 +201,151 @@ function wt({
         className: "ds:shrink-0"
       }
     ) }),
-    /* @__PURE__ */ V(O.Content, { align: "end", size: "sm", children: [
-      /* @__PURE__ */ t(O.Heading, { children: c("fieldPicker.title", { defaultValue: "Customize fields" }) }),
-      /* @__PURE__ */ V("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:mt-[var(--spacing-xs)]", children: [
-        e.map((u) => {
-          const v = u.fields.map((o) => o.id), S = v.filter(
-            (o) => m.has(o)
-          ).length, C = n.filter(
-            (o) => v.includes(o)
-          ), H = S === 0 ? !1 : S === v.length ? !0 : "indeterminate", M = !!u.heading;
-          return /* @__PURE__ */ V(
+    /* @__PURE__ */ V(
+      O.Content,
+      {
+        align: "end",
+        size: "sm",
+        className: "ds:flex ds:max-h-[var(--radix-popover-content-available-height)] ds:flex-col",
+        children: [
+          /* @__PURE__ */ t(O.Heading, { children: c("fieldPicker.title", { defaultValue: "Customize fields" }) }),
+          /* @__PURE__ */ t(
             "div",
             {
-              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
-              children: [
-                M ? /* @__PURE__ */ t(
-                  j,
-                  {
-                    size: "sm",
-                    label: u.heading,
-                    checked: H,
-                    onCheckedChange: (o) => s(u.id, o === !0)
-                  }
-                ) : null,
-                /* @__PURE__ */ t(
-                  "ul",
+              "data-component-part": "field-list",
+              className: [
+                "ds:flex ds:min-h-0 ds:flex-col ds:gap-[var(--spacing-sm)] ds:overflow-y-auto",
+                "ds:-mx-[calc(var(--focus-ring-width)+var(--focus-ring-offset))] ds:px-[calc(var(--focus-ring-width)+var(--focus-ring-offset))]",
+                "ds:py-[calc(var(--focus-ring-width)+var(--focus-ring-offset))]",
+                "ds:mt-[calc(var(--spacing-xs)-var(--focus-ring-width)-var(--focus-ring-offset))]"
+              ].join(" "),
+              children: e.map((u) => {
+                const v = u.fields.map((o) => o.id), S = v.filter(
+                  (o) => m.has(o)
+                ).length, k = s.filter(
+                  (o) => v.includes(o)
+                ), H = S === 0 ? !1 : S === v.length ? !0 : "indeterminate", M = !!u.heading;
+                return /* @__PURE__ */ V(
+                  "div",
                   {
-                    className: [
-                      "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-2xs)]",
-                      M ? "ds:ps-[var(--spacing-md)]" : "ds:ps-0"
-                    ].join(" "),
-                    children: u.fields.map((o) => {
-                      const F = m.has(o.id), b = C.indexOf(o.id), T = C.length, J = d === o.id, Q = E === o.id && d !== null && d !== o.id && P === u.id;
-                      return /* @__PURE__ */ V(
-                        "li",
+                    className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
+                    children: [
+                      M ? /* @__PURE__ */ t(
+                        U,
+                        {
+                          size: "sm",
+                          label: u.heading,
+                          checked: H,
+                          onCheckedChange: (o) => r(u.id, o === !0)
+                        }
+                      ) : null,
+                      /* @__PURE__ */ t(
+                        "ul",
                         {
-                          ...F ? {
-                            draggable: !0,
-                            onDragStart: (f) => {
-                              i(o.id), f.dataTransfer.effectAllowed = "move", f.dataTransfer.setData("text/plain", o.id);
-                            },
-                            onDragOver: (f) => {
-                              d === null || P !== u.id || (f.preventDefault(), f.dataTransfer.dropEffect = "move", N(o.id));
-                            },
-                            onDragLeave: () => N(
-                              (f) => f === o.id ? null : f
-                            ),
-                            onDrop: (f) => {
-                              f.preventDefault();
-                              const L = f.dataTransfer.getData("text/plain");
-                              L && L !== o.id && y.get(L) === u.id && (r(L, o.id), p(L, b, T)), D();
-                            },
-                            onDragEnd: D
-                          } : {},
                           className: [
-                            "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-2xs)] ds:rounded-[var(--radius-sm)] ds:px-[var(--spacing-2xs)] ds:py-[var(--spacing-2xs)] ds:transition-colors ds:motion-reduce:transition-none",
-                            J ? "ds:opacity-50" : "",
-                            Q ? "ds:bg-[color:color-mix(in_srgb,var(--primary)_8%,transparent)]" : ""
-                          ].filter(Boolean).join(" "),
-                          children: [
-                            /* @__PURE__ */ t(
-                              j,
-                              {
-                                size: "sm",
-                                label: o.label,
-                                checked: F,
-                                onCheckedChange: () => a(o.id)
-                              }
-                            ),
-                            F ? /* @__PURE__ */ t(
-                              I,
+                            "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-2xs)]",
+                            M ? "ds:ps-[var(--spacing-md)]" : "ds:ps-0"
+                          ].join(" "),
+                          children: u.fields.map((o) => {
+                            const F = m.has(o.id), b = k.indexOf(o.id), T = k.length, J = d === o.id, Q = E === o.id && d !== null && d !== o.id && P === u.id;
+                            return /* @__PURE__ */ V(
+                              "li",
                               {
-                                size: "sm",
-                                intent: "ghost",
-                                icon: /* @__PURE__ */ t(ne, { "aria-hidden": "true" }),
-                                "aria-label": c("fieldPicker.reorder", {
-                                  field: o.label,
-                                  defaultValue: "Reorder {{field}}. Press Alt + Up or Alt + Down to move."
-                                }),
-                                "aria-keyshortcuts": "Alt+ArrowUp Alt+ArrowDown Alt+Home Alt+End",
-                                className: "ds:shrink-0 ds:cursor-grab ds:active:cursor-grabbing",
-                                onKeyDown: (f) => {
-                                  if (f.altKey) {
-                                    if (f.key === "ArrowUp") {
-                                      if (b <= 0) return;
-                                      f.preventDefault(), r(
-                                        o.id,
-                                        C[b - 1]
-                                      ), p(o.id, b - 1, T);
-                                    } else if (f.key === "ArrowDown") {
-                                      if (b >= T - 1) return;
-                                      f.preventDefault(), r(
-                                        o.id,
-                                        C[b + 1]
-                                      ), p(o.id, b + 1, T);
-                                    } else if (f.key === "Home") {
-                                      if (b <= 0) return;
-                                      f.preventDefault(), r(o.id, C[0]), p(o.id, 0, T);
-                                    } else if (f.key === "End") {
-                                      if (b >= T - 1) return;
-                                      f.preventDefault(), r(
-                                        o.id,
-                                        C[T - 1]
-                                      ), p(o.id, T - 1, T);
+                                ...F ? {
+                                  draggable: !0,
+                                  onDragStart: (f) => {
+                                    i(o.id), f.dataTransfer.effectAllowed = "move", f.dataTransfer.setData("text/plain", o.id);
+                                  },
+                                  onDragOver: (f) => {
+                                    d === null || P !== u.id || (f.preventDefault(), f.dataTransfer.dropEffect = "move", N(o.id));
+                                  },
+                                  onDragLeave: () => N(
+                                    (f) => f === o.id ? null : f
+                                  ),
+                                  onDrop: (f) => {
+                                    f.preventDefault();
+                                    const L = f.dataTransfer.getData("text/plain");
+                                    L && L !== o.id && y.get(L) === u.id && (n(L, o.id), p(L, b, T)), w();
+                                  },
+                                  onDragEnd: w
+                                } : {},
+                                className: [
+                                  "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-2xs)] ds:rounded-[var(--radius-sm)] ds:px-[var(--spacing-2xs)] ds:py-[var(--spacing-2xs)] ds:transition-colors ds:motion-reduce:transition-none",
+                                  J ? "ds:opacity-50" : "",
+                                  Q ? "ds:bg-[color:color-mix(in_srgb,var(--primary)_8%,transparent)]" : ""
+                                ].filter(Boolean).join(" "),
+                                children: [
+                                  /* @__PURE__ */ t(
+                                    U,
+                                    {
+                                      size: "sm",
+                                      label: o.label,
+                                      checked: F,
+                                      onCheckedChange: () => a(o.id)
                                     }
-                                  }
-                                }
-                              }
-                            ) : null
-                          ]
-                        },
-                        o.id
-                      );
-                    })
-                  }
-                )
-              ]
-            },
-            u.id
-          );
-        }),
-        /* @__PURE__ */ t(te, { orientation: "horizontal" }),
-        /* @__PURE__ */ t(ee, { type: "button", size: "sm", intent: "ghost", onClick: h, children: c("fieldPicker.reset", { defaultValue: "Reset to defaults" }) })
-      ] }),
-      /* @__PURE__ */ t("span", { role: "status", className: "ds:sr-only", children: w })
-    ] })
+                                  ),
+                                  F ? /* @__PURE__ */ t(
+                                    I,
+                                    {
+                                      size: "sm",
+                                      intent: "ghost",
+                                      icon: /* @__PURE__ */ t(se, { "aria-hidden": "true" }),
+                                      "aria-label": c("fieldPicker.reorder", {
+                                        field: o.label,
+                                        defaultValue: "Reorder {{field}}. Press Alt + Up or Alt + Down to move."
+                                      }),
+                                      "aria-keyshortcuts": "Alt+ArrowUp Alt+ArrowDown Alt+Home Alt+End",
+                                      className: "ds:shrink-0 ds:cursor-grab ds:active:cursor-grabbing",
+                                      onKeyDown: (f) => {
+                                        if (f.altKey) {
+                                          if (f.key === "ArrowUp") {
+                                            if (b <= 0) return;
+                                            f.preventDefault(), n(
+                                              o.id,
+                                              k[b - 1]
+                                            ), p(o.id, b - 1, T);
+                                          } else if (f.key === "ArrowDown") {
+                                            if (b >= T - 1) return;
+                                            f.preventDefault(), n(
+                                              o.id,
+                                              k[b + 1]
+                                            ), p(o.id, b + 1, T);
+                                          } else if (f.key === "Home") {
+                                            if (b <= 0) return;
+                                            f.preventDefault(), n(o.id, k[0]), p(o.id, 0, T);
+                                          } else if (f.key === "End") {
+                                            if (b >= T - 1) return;
+                                            f.preventDefault(), n(
+                                              o.id,
+                                              k[T - 1]
+                                            ), p(o.id, T - 1, T);
+                                          }
+                                        }
+                                      }
+                                    }
+                                  ) : null
+                                ]
+                              },
+                              o.id
+                            );
+                          })
+                        }
+                      )
+                    ]
+                  },
+                  u.id
+                );
+              })
+            }
+          ),
+          /* @__PURE__ */ V("div", { className: "ds:flex ds:shrink-0 ds:flex-col ds:gap-[var(--spacing-sm)] ds:pt-[calc(var(--spacing-sm)-var(--focus-ring-width)-var(--focus-ring-offset))]", children: [
+            /* @__PURE__ */ t(te, { orientation: "horizontal" }),
+            /* @__PURE__ */ t(ee, { type: "button", size: "sm", intent: "ghost", onClick: h, children: c("fieldPicker.reset", { defaultValue: "Reset to defaults" }) })
+          ] }),
+          /* @__PURE__ */ t("span", { role: "status", className: "ds:sr-only", children: D })
+        ]
+      }
+    )
   ] });
 }
 const G = "ds:text-[color:var(--foreground)]", Ee = {
@@ -335,14 +355,14 @@ const G = "ds:text-[color:var(--foreground)]", Ee = {
 };
 function B({
   icon: e,
-  mono: n,
+  mono: s,
   children: a
 }) {
   return /* @__PURE__ */ t(
-    R,
+    j,
     {
       variant: "neutral",
-      className: n ? "ds:font-mono" : void 0,
+      className: s ? "ds:font-mono" : void 0,
       leading: e ? W(e, {
         className: G
       }) : void 0,
@@ -351,25 +371,25 @@ function B({
   );
 }
 function Fe({ code: e }) {
-  const { t: n } = A(), a = e.toLowerCase(), s = n(`patientField.sex.${a}`, {
+  const { t: s } = A(), a = e.toLowerCase(), r = s(`patientField.sex.${a}`, {
     defaultValue: Ee[a] ?? e
   });
-  return a === "f" ? /* @__PURE__ */ t(R, { variant: "accentSoft", leading: /* @__PURE__ */ t(Ae, {}), children: s }) : a === "m" ? /* @__PURE__ */ t(R, { variant: "info", leading: /* @__PURE__ */ t(ze, {}), children: s }) : /* @__PURE__ */ t(B, { icon: /* @__PURE__ */ t(le, {}), children: s });
+  return a === "f" ? /* @__PURE__ */ t(j, { variant: "accentSoft", leading: /* @__PURE__ */ t(Ae, {}), children: r }) : a === "m" ? /* @__PURE__ */ t(j, { variant: "info", leading: /* @__PURE__ */ t(ze, {}), children: r }) : /* @__PURE__ */ t(B, { icon: /* @__PURE__ */ t(le, {}), children: r });
 }
 function Ie({ years: e }) {
-  const { t: n } = A();
-  return /* @__PURE__ */ t(B, { icon: /* @__PURE__ */ t(Se, {}), children: n("patientField.age", {
+  const { t: s } = A();
+  return /* @__PURE__ */ t(B, { icon: /* @__PURE__ */ t(Se, {}), children: s("patientField.age", {
     count: e,
     defaultValue: "{{count}} years old"
   }) });
 }
 function Me({ field: e }) {
-  const { i18n: n } = A();
+  const { i18n: s } = A();
   if (e.kind === "email" || e.kind === "phone") {
     const a = typeof e.value == "string" ? e.value : e.copyText ?? (typeof e.editValue == "string" ? e.editValue : "");
     if (a) {
-      const s = e.kind === "email" ? `mailto:${a.trim()}` : `tel:${a.replace(/[^+\d]/g, "")}`;
-      return /* @__PURE__ */ t(se, { href: s, dir: "ltr", children: a });
+      const r = e.kind === "email" ? `mailto:${a.trim()}` : `tel:${a.replace(/[^+\d]/g, "")}`;
+      return /* @__PURE__ */ t(re, { href: r, dir: "ltr", children: a });
     }
   }
   if (e.value != null)
@@ -384,12 +404,12 @@ function Me({ field: e }) {
       return Number.isFinite(a) ? /* @__PURE__ */ t(Ie, { years: a }) : null;
     }
     case "dob": {
-      const a = e.editValue, s = a instanceof Date ? a : new Date(String(a ?? "")), r = Number.isNaN(s.getTime()) ? String(a ?? "") : new Intl.DateTimeFormat(n.language, {
+      const a = e.editValue, r = a instanceof Date ? a : new Date(String(a ?? "")), n = Number.isNaN(r.getTime()) ? String(a ?? "") : new Intl.DateTimeFormat(s.language, {
         day: "numeric",
         month: "short",
         year: "numeric"
-      }).format(s);
-      return r ? /* @__PURE__ */ t(B, { icon: /* @__PURE__ */ t(oe, {}), children: r }) : null;
+      }).format(r);
+      return n ? /* @__PURE__ */ t(B, { icon: /* @__PURE__ */ t(oe, {}), children: n }) : null;
     }
     case "fiscalCode": {
       const a = e.copyText ?? (typeof e.editValue == "string" ? e.editValue : "");
@@ -398,7 +418,7 @@ function Me({ field: e }) {
     case "discount": {
       const a = typeof e.editValue == "number" ? e.editValue : Number(e.editValue);
       return Number.isFinite(a) ? /* @__PURE__ */ t(
-        re,
+        ne,
         {
           state: "discount",
           amount: Math.abs(a),
@@ -414,13 +434,13 @@ function Me({ field: e }) {
 function Le({
   field: e
 }) {
-  const { t: n } = A();
+  const { t: s } = A();
   return /* @__PURE__ */ V("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
     e.label,
     e.sensitive ? /* @__PURE__ */ t(
       Ne,
       {
-        "aria-label": n("patientDetails.sensitive", {
+        "aria-label": s("patientDetails.sensitive", {
           defaultValue: "Sensitive"
         }),
         className: "ds:size-3 ds:shrink-0 ds:text-[color:var(--muted-foreground)]"
@@ -430,27 +450,27 @@ function Le({
 }
 function Oe({
   field: e,
-  editable: n,
+  editable: s,
   onFieldSave: a,
-  validate: s,
-  locale: r
+  validate: r,
+  locale: n
 }) {
-  const { t: h } = A(), l = Y(), c = n && !!e.editable && !!a, [m, d] = z(!1), [i, E] = z(e.editValue), [N, w] = z(null), [g, y] = z(!1), x = k(() => {
-    E(e.editValue), w(null), d(!0);
-  }, [e.editValue]), P = k(() => {
-    d(!1), w(null);
-  }, []), D = k(async () => {
+  const { t: h } = A(), l = Y(), c = s && !!e.editable && !!a, [m, d] = z(!1), [i, E] = z(e.editValue), [N, D] = z(null), [g, y] = z(!1), x = C(() => {
+    E(e.editValue), D(null), d(!0);
+  }, [e.editValue]), P = C(() => {
+    d(!1), D(null);
+  }, []), w = C(async () => {
     if (!a) return;
-    const u = (s == null ? void 0 : s(e.id, i)) ?? null;
+    const u = (r == null ? void 0 : r(e.id, i)) ?? null;
     if (u) {
-      w(u);
+      D(u);
       return;
     }
-    y(!0), w(null);
+    y(!0), D(null);
     try {
       await a(e.id, i), d(!1);
     } catch (v) {
-      w(
+      D(
         v instanceof Error && v.message ? v.message : h("patientDetails.edit.saveFailed", {
           defaultValue: "Could not save. Try again."
         })
@@ -458,7 +478,7 @@ function Oe({
     } finally {
       y(!1);
     }
-  }, [a, s, e.id, i, h]), p = typeof e.value == "string" ? e.value : e.copyText ?? (typeof e.editValue == "string" ? e.editValue : void 0);
+  }, [a, r, e.id, i, h]), p = typeof e.value == "string" ? e.value : e.copyText ?? (typeof e.editValue == "string" ? e.editValue : void 0);
   return m ? /* @__PURE__ */ V("span", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
     /* @__PURE__ */ V("span", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-2xs)]", children: [
       /* @__PURE__ */ t(
@@ -469,7 +489,7 @@ function Oe({
           onChange: E,
           invalid: !!N,
           errorId: N ? l : void 0,
-          locale: r,
+          locale: n,
           disabled: g
         }
       ),
@@ -481,7 +501,7 @@ function Oe({
           icon: /* @__PURE__ */ t(K, { "aria-hidden": "true" }),
           "aria-label": h("patientDetails.edit.save", { defaultValue: "Save" }),
           loading: g,
-          onClick: D
+          onClick: w
         }
       ),
       /* @__PURE__ */ t(
@@ -489,7 +509,7 @@ function Oe({
         {
           size: "sm",
           intent: "ghost",
-          icon: /* @__PURE__ */ t(ke, { "aria-hidden": "true" }),
+          icon: /* @__PURE__ */ t(Ce, { "aria-hidden": "true" }),
           "aria-label": h("patientDetails.edit.cancel", {
             defaultValue: "Cancel"
           }),
@@ -535,13 +555,13 @@ function Oe({
 }
 function St({
   field: e,
-  icon: n,
+  icon: s,
   ...a
 }) {
   return /* @__PURE__ */ V(
     $.Row,
     {
-      icon: n ?? null,
+      icon: s ?? null,
       "data-field-id": e.id,
       className: "ds:group",
       children: [
@@ -553,26 +573,26 @@ function St({
 }
 function _e({
   field: e,
-  value: n,
+  value: s,
   onChange: a,
-  invalid: s,
-  errorId: r,
+  invalid: r,
+  errorId: n,
   locale: h,
   disabled: l
 }) {
-  const { t: c } = A(), m = s ? "error" : "default";
+  const { t: c } = A(), m = r ? "error" : "default";
   switch (e.editType ?? "text") {
     case "textarea":
       return /* @__PURE__ */ t(
         xe,
         {
           size: "sm",
-          value: typeof n == "string" ? n : "",
+          value: typeof s == "string" ? s : "",
           onChange: (i) => a(i.target.value),
           tone: m,
           "aria-label": e.label,
-          "aria-invalid": s || void 0,
-          "aria-describedby": r,
+          "aria-invalid": r || void 0,
+          "aria-describedby": n,
           disabled: l,
           className: "ds:flex-1"
         }
@@ -583,13 +603,13 @@ function _e({
         {
           size: "sm",
           options: e.options ?? [],
-          value: typeof n == "string" ? n : "",
+          value: typeof s == "string" ? s : "",
           onValueChange: (i) => a(i),
           tone: m,
           disabled: l,
           "aria-label": e.label,
-          "aria-invalid": s || void 0,
-          "aria-describedby": r
+          "aria-invalid": r || void 0,
+          "aria-describedby": n
         }
       );
     case "boolean":
@@ -597,7 +617,7 @@ function _e({
         ve,
         {
           label: e.label,
-          checked: n === !0,
+          checked: s === !0,
           onCheckedChange: (i) => a(i),
           disabled: l
         }
@@ -607,7 +627,7 @@ function _e({
         ue,
         {
           size: "sm",
-          value: n instanceof Date ? n : void 0,
+          value: s instanceof Date ? s : void 0,
           onChange: (i) => a(i ?? null),
           disabled: l,
           "aria-label": e.label
@@ -618,7 +638,7 @@ function _e({
         fe,
         {
           size: "sm",
-          value: typeof n == "number" ? n : null,
+          value: typeof s == "number" ? s : null,
           onChange: (i) => a(i),
           mode: e.currency ? "currency" : "decimal",
           currency: e.currency,
@@ -626,8 +646,8 @@ function _e({
           tone: m,
           disabled: l,
           "aria-label": e.label,
-          "aria-invalid": s || void 0,
-          "aria-describedby": r
+          "aria-invalid": r || void 0,
+          "aria-describedby": n
         }
       );
     case "email":
@@ -635,11 +655,11 @@ function _e({
         me,
         {
           size: "sm",
-          value: typeof n == "string" ? n : "",
+          value: typeof s == "string" ? s : "",
           onChange: (i) => a(i.target.value),
           "aria-label": e.label,
-          "aria-invalid": s || void 0,
-          "aria-describedby": r,
+          "aria-invalid": r || void 0,
+          "aria-describedby": n,
           disabled: l,
           className: "ds:flex-1"
         }
@@ -649,12 +669,12 @@ function _e({
         ge,
         {
           size: "sm",
-          value: typeof n == "string" ? n : "",
+          value: typeof s == "string" ? s : "",
           onChange: (i) => a(i),
           tone: m,
           "aria-label": e.label,
-          "aria-invalid": s || void 0,
-          "aria-describedby": r,
+          "aria-invalid": r || void 0,
+          "aria-describedby": n,
           disabled: l,
           className: "ds:flex-1"
         }
@@ -664,12 +684,12 @@ function _e({
         pe,
         {
           size: "sm",
-          value: typeof n == "string" ? n : "",
+          value: typeof s == "string" ? s : "",
           onChange: (i) => a(i),
           tone: m,
           "aria-label": e.label,
-          "aria-invalid": s || void 0,
-          "aria-describedby": r,
+          "aria-invalid": r || void 0,
+          "aria-describedby": n,
           disabled: l,
           className: "ds:flex-1"
         }
@@ -684,13 +704,13 @@ function _e({
         {
           size: "sm",
           country: "it",
-          value: typeof n == "string" ? n : "",
+          value: typeof s == "string" ? s : "",
           onValueChange: (i) => a(i),
           tone: m,
           disabled: l,
           "aria-label": e.label,
-          "aria-invalid": s || void 0,
-          "aria-describedby": r,
+          "aria-invalid": r || void 0,
+          "aria-describedby": n,
           className: "ds:flex-1"
         }
       );
@@ -699,13 +719,13 @@ function _e({
         de,
         {
           size: "sm",
-          value: typeof n == "string" ? n : "",
+          value: typeof s == "string" ? s : "",
           onValueChange: (i) => a(i),
           tone: m,
           disabled: l,
           "aria-label": e.label,
-          "aria-invalid": s || void 0,
-          "aria-describedby": r,
+          "aria-invalid": r || void 0,
+          "aria-describedby": n,
           className: "ds:flex-1"
         }
       );
@@ -715,11 +735,11 @@ function _e({
         {
           size: "sm",
           country: "it",
-          value: typeof n == "string" ? n : "",
+          value: typeof s == "string" ? s : "",
           onValueChange: (i) => a(i),
           "aria-label": e.label,
-          "aria-invalid": s || void 0,
-          "aria-describedby": r,
+          "aria-invalid": r || void 0,
+          "aria-describedby": n,
           disabled: l,
           className: "ds:flex-1"
         }
@@ -729,28 +749,28 @@ function _e({
         ce,
         {
           size: "sm",
-          value: typeof n == "string" ? n : "",
+          value: typeof s == "string" ? s : "",
           onValueChange: (i) => a(i),
           tone: m,
           disabled: l,
           "aria-label": e.label,
-          "aria-invalid": s || void 0,
-          "aria-describedby": r,
+          "aria-invalid": r || void 0,
+          "aria-describedby": n,
           className: "ds:flex-1"
         }
       );
     case "text":
     default:
       return /* @__PURE__ */ t(
-        Ce,
+        ke,
         {
           size: "sm",
-          value: typeof n == "string" ? n : "",
+          value: typeof s == "string" ? s : "",
           onChange: (i) => a(i.target.value),
           tone: m,
           "aria-label": e.label,
-          "aria-invalid": s || void 0,
-          "aria-describedby": r,
+          "aria-invalid": r || void 0,
+          "aria-describedby": n,
           disabled: l,
           clearable: !0,
           placeholder: c("patientDetails.edit.placeholder", {
@@ -763,12 +783,12 @@ function _e({
 }
 function Be({
   text: e,
-  label: n
+  label: s
 }) {
-  const { t: a } = A(), [s, r] = z(!1), [h, l] = z(""), c = k(async () => {
+  const { t: a } = A(), [r, n] = z(!1), [h, l] = z(""), c = C(async () => {
     try {
-      await navigator.clipboard.writeText(e), r(!0), l(a("keyValuePair.copied", { defaultValue: "Copied" })), setTimeout(() => {
-        r(!1), l("");
+      await navigator.clipboard.writeText(e), n(!0), l(a("keyValuePair.copied", { defaultValue: "Copied" })), setTimeout(() => {
+        n(!1), l("");
       }, 2e3);
     } catch {
       l(
@@ -782,9 +802,9 @@ function Be({
       {
         size: "sm",
         intent: "ghost",
-        icon: s ? /* @__PURE__ */ t(K, { "aria-hidden": "true" }) : /* @__PURE__ */ t(De, { "aria-hidden": "true" }),
+        icon: r ? /* @__PURE__ */ t(K, { "aria-hidden": "true" }) : /* @__PURE__ */ t(we, { "aria-hidden": "true" }),
         "aria-label": a("keyValuePair.copy", {
-          label: n,
+          label: s,
           defaultValue: "Copy {{label}}"
         }),
         onClick: c
@@ -795,7 +815,7 @@ function Be({
 }
 export {
   Ie as A,
-  wt as F,
+  Dt as F,
   Se as H,
   B as N,
   St as P,
@@ -803,6 +823,6 @@ export {
   Oe as a,
   Le as b,
   Nt as r,
-  Dt as u
+  wt as u
 };
-//# sourceMappingURL=patient-field-row-DElFbpKc.js.map
+//# sourceMappingURL=patient-field-row-CT04C_lZ.js.map