@alfadocs/ui-kit 1.54.2 → 1.55.0

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

@@ -1,47 +1,48 @@
-import { useMemo as _, useCallback as C, useState as z, cloneElement as W, useId as Y } from "react";
+import { useMemo as B, useCallback as V, useState as P, 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 { jsxs as N, jsx as t, Fragment as G } from "react/jsx-runtime";
 import { useTranslation as A } from "react-i18next";
-import { B as ee } from "./button-CYPx2xFq.js";
-import { I } from "./icon-button-mKIvw90h.js";
-import { C as U } from "./checkbox--ndmyokr.js";
-import { P as O } from "./popover-9_v-7fJc.js";
+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 { 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-BKQMUiXv.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 { 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";
-import { c as R } from "./createLucideIcon-DhHxpK9K.js";
+import { c as q } from "./createLucideIcon-DhHxpK9K.js";
 import { U as le } from "./user-B12p7bVF.js";
-import { C as ce } from "./city-input-DyxVWSRQ.js";
-import { C as de } from "./country-select-r3QC7cVA.js";
-import { D as ue } from "./date-picker-BnhBmcH6.js";
-import { E as me } from "./email-input-Cmeo4zdT.js";
-import { F as pe } from "./fiscal-code-input-DNA_SbQx.js";
-import { N as fe } from "./number-input-DRDRYZJg.js";
-import { P as ge } from "./phone-input-BzeUr49H.js";
-import { P as he } from "./postal-code-input-BmbqjkfD.js";
-import { P as ye } from "./province-select-DtF2ukoC.js";
-import { S as be } from "./select-DHPmASkG.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 { 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 he } from "./postal-code-input-CfZOnIkW.js";
+import { P as ye } from "./province-select-Bd20Z9Br.js";
+import { S as be } from "./select-Ce5RMk93.js";
 import { S as ve } from "./switch-D--x7n6h.js";
-import { T as xe } from "./text-area-CDuItrvL.js";
-import { T as ke } from "./text-input-lZ2-t-p2.js";
+import { T as xe } from "./text-area-COMVJ1yE.js";
+import { T as ke } from "./text-input-CaG9ApoE.js";
+import { u as Ce } from "./use-state-backed-input-C7ESmxKB.js";
 import { C as K } from "./check-DrFSN__t.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 we } from "./copy-vRpqqHtY.js";
+import { X as Ve } from "./x-B5YnXwCz.js";
+import { P as Ne } from "./pencil-B1sKKyuT.js";
+import { L as we } from "./lock-ClAFG1gy.js";
+import { C as De } 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 De = [
+const Se = [
   ["path", { d: "M5 22h14", key: "ehvnwv" }],
   ["path", { d: "M5 2h14", key: "pdyrp9" }],
   [
@@ -55,33 +56,33 @@ const De = [
     "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 = R("hourglass", De);
+], Te = q("hourglass", Se);
 /**
  * @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 Te = [
+const ze = [
   ["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 = R("mars", Te);
+], Pe = q("mars", ze);
 /**
  * @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 Pe = [
+const Fe = [
   ["path", { d: "M12 15v7", key: "t2xh3l" }],
   ["path", { d: "M9 19h6", key: "456am0" }],
   ["circle", { cx: "12", cy: "9", r: "6", key: "1nw4tq" }]
-], Ae = R("venus", Pe);
+], Ae = q("venus", Fe);
 function X(e) {
   return e.flatMap((s) => s.fields.map((a) => a.id));
 }
-function Nt(e, s) {
+function Dt(e, s) {
   const a = s ?? X(e), r = new Map(a.map((n, h) => [n, h]));
   return e.map((n) => ({
     section: n,
@@ -90,63 +91,63 @@ function Nt(e, s) {
     )
   }));
 }
-function wt(e, { value: s, defaultValue: a, onChange: r } = {}) {
-  const n = _(
+function St(e, { value: s, defaultValue: a, onChange: r } = {}) {
+  const n = B(
     () => X(e),
     [e]
   ), [h, l] = Z({
     value: s,
     defaultValue: a ?? n,
     onChange: r
-  }), c = h ?? a ?? n, m = _(() => {
+  }), c = h ?? a ?? n, m = B(() => {
     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 });
+    for (const b of e)
+      for (const k of b.fields)
+        g.set(k.id, { field: k, sectionId: b.id });
     return g;
-  }, [e]), d = C(
+  }, [e]), d = V(
     (g) => {
-      l(g.filter((y) => m.has(y)));
+      l(g.filter((b) => m.has(b)));
     },
     [l, m]
-  ), i = C(
+  ), y = V(
     (g) => {
       d(
-        c.includes(g) ? c.filter((y) => y !== g) : [...c, g]
+        c.includes(g) ? c.filter((b) => b !== g) : [...c, g]
       );
     },
     [c, d]
-  ), E = C(
-    (g, y) => {
-      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));
+  ), o = V(
+    (g, b) => {
+      var D;
+      const k = ((D = e.find((p) => p.id === g)) == null ? void 0 : D.fields.map((p) => p.id)) ?? [], F = new Set(k);
+      if (b) {
+        const p = k.filter((u) => !c.includes(u));
         d([...c, ...p]);
       } else
-        d(c.filter((p) => !P.has(p)));
+        d(c.filter((p) => !F.has(p)));
     },
     [e, c, d]
-  ), 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 w = new Set(
-        ((F = e.find((b) => b.id === x)) == null ? void 0 : F.fields.map((b) => b.id)) ?? []
-      ), 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 k = 0;
+  ), w = V(
+    (g, b) => {
+      var M, i, E;
+      if (g === b) return;
+      const k = (M = m.get(g)) == null ? void 0 : M.sectionId, F = (i = m.get(b)) == null ? void 0 : i.sectionId;
+      if (!k || k !== F) return;
+      const D = new Set(
+        ((E = e.find((v) => v.id === k)) == null ? void 0 : E.fields.map((v) => v.id)) ?? []
+      ), p = c.filter((v) => D.has(v)), u = p.indexOf(g), x = p.indexOf(b);
+      if (u < 0 || x < 0) return;
+      const [T] = p.splice(u, 1);
+      p.splice(x, 0, T);
+      let C = 0;
       const H = c.map(
-        (b) => w.has(b) ? p[k++] : b
+        (v) => D.has(v) ? p[C++] : v
       );
       d(H);
     },
     [m, e, c, d]
-  ), D = C(() => {
+  ), S = V(() => {
     d(a ?? n);
   }, [a, n, d]);
   return {
@@ -154,13 +155,13 @@ function wt(e, { value: s, defaultValue: a, onChange: r } = {}) {
     catalogueIds: n,
     fieldById: m,
     setOrder: d,
-    toggleField: i,
-    toggleSection: E,
-    moveFieldOnto: N,
-    reset: D
+    toggleField: y,
+    toggleSection: o,
+    moveFieldOnto: w,
+    reset: S
   };
 }
-function Dt({
+function Tt({
   sections: e,
   visible: s,
   onToggleField: a,
@@ -169,28 +170,28 @@ function Dt({
   onReset: h,
   label: l
 }) {
-  const { t: c } = A("ui"), 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 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, w = C(() => {
-    i(null), N(null);
-  }, []), p = C(
-    (u, v, S) => {
+  const { t: c } = A("ui"), m = B(() => new Set(s), [s]), [d, y] = P(null), [o, w] = P(null), [S, g] = P(""), { sectionOfField: b, labelOfField: k } = B(() => {
+    const u = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Map();
+    for (const T of e)
+      for (const C of T.fields)
+        u.set(C.id, T.id), x.set(C.id, C.label);
+    return { sectionOfField: u, labelOfField: x };
+  }, [e]), F = d ? b.get(d) : void 0, D = V(() => {
+    y(null), w(null);
+  }, []), p = V(
+    (u, x, T) => {
       g(
         c("fieldPicker.moved", {
-          field: x.get(u) ?? "",
-          position: v + 1,
-          count: S,
+          field: k.get(u) ?? "",
+          position: x + 1,
+          count: T,
           defaultValue: "Moved {{field}} to position {{position}} of {{count}}"
         })
       );
     },
-    [c, x]
+    [c, k]
   );
-  return /* @__PURE__ */ V(O.Root, { children: [
+  return /* @__PURE__ */ N(O.Root, { children: [
     /* @__PURE__ */ t(O.Trigger, { asChild: !0, children: /* @__PURE__ */ t(
       I,
       {
@@ -201,7 +202,7 @@ function Dt({
         className: "ds:shrink-0"
       }
     ) }),
-    /* @__PURE__ */ V(
+    /* @__PURE__ */ N(
       O.Content,
       {
         align: "end",
@@ -220,23 +221,23 @@ function Dt({
                 "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(
+                const x = u.fields.map((i) => i.id), T = x.filter(
+                  (i) => m.has(i)
+                ).length, C = s.filter(
+                  (i) => x.includes(i)
+                ), H = T === 0 ? !1 : T === x.length ? !0 : "indeterminate", M = !!u.heading;
+                return /* @__PURE__ */ N(
                   "div",
                   {
                     className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
                     children: [
                       M ? /* @__PURE__ */ t(
-                        U,
+                        R,
                         {
                           size: "sm",
                           label: u.heading,
                           checked: H,
-                          onCheckedChange: (o) => r(u.id, o === !0)
+                          onCheckedChange: (i) => r(u.id, i === !0)
                         }
                       ) : null,
                       /* @__PURE__ */ t(
@@ -246,28 +247,28 @@ function Dt({
                             "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(
+                          children: u.fields.map((i) => {
+                            const E = m.has(i.id), v = C.indexOf(i.id), z = C.length, J = d === i.id, Q = o === i.id && d !== null && d !== i.id && F === u.id;
+                            return /* @__PURE__ */ N(
                               "li",
                               {
-                                ...F ? {
+                                ...E ? {
                                   draggable: !0,
                                   onDragStart: (f) => {
-                                    i(o.id), f.dataTransfer.effectAllowed = "move", f.dataTransfer.setData("text/plain", o.id);
+                                    y(i.id), f.dataTransfer.effectAllowed = "move", f.dataTransfer.setData("text/plain", i.id);
                                   },
                                   onDragOver: (f) => {
-                                    d === null || P !== u.id || (f.preventDefault(), f.dataTransfer.dropEffect = "move", N(o.id));
+                                    d === null || F !== u.id || (f.preventDefault(), f.dataTransfer.dropEffect = "move", w(i.id));
                                   },
-                                  onDragLeave: () => N(
-                                    (f) => f === o.id ? null : f
+                                  onDragLeave: () => w(
+                                    (f) => f === i.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();
+                                    L && L !== i.id && b.get(L) === u.id && (n(L, i.id), p(L, v, z)), D();
                                   },
-                                  onDragEnd: w
+                                  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",
@@ -276,22 +277,22 @@ function Dt({
                                 ].filter(Boolean).join(" "),
                                 children: [
                                   /* @__PURE__ */ t(
-                                    U,
+                                    R,
                                     {
                                       size: "sm",
-                                      label: o.label,
-                                      checked: F,
-                                      onCheckedChange: () => a(o.id)
+                                      label: i.label,
+                                      checked: E,
+                                      onCheckedChange: () => a(i.id)
                                     }
                                   ),
-                                  F ? /* @__PURE__ */ t(
+                                  E ? /* @__PURE__ */ t(
                                     I,
                                     {
                                       size: "sm",
                                       intent: "ghost",
                                       icon: /* @__PURE__ */ t(se, { "aria-hidden": "true" }),
                                       "aria-label": c("fieldPicker.reorder", {
-                                        field: o.label,
+                                        field: i.label,
                                         defaultValue: "Reorder {{field}}. Press Alt + Up or Alt + Down to move."
                                       }),
                                       "aria-keyshortcuts": "Alt+ArrowUp Alt+ArrowDown Alt+Home Alt+End",
@@ -299,26 +300,26 @@ function Dt({
                                       onKeyDown: (f) => {
                                         if (f.altKey) {
                                           if (f.key === "ArrowUp") {
-                                            if (b <= 0) return;
+                                            if (v <= 0) return;
                                             f.preventDefault(), n(
-                                              o.id,
-                                              k[b - 1]
-                                            ), p(o.id, b - 1, T);
+                                              i.id,
+                                              C[v - 1]
+                                            ), p(i.id, v - 1, z);
                                           } else if (f.key === "ArrowDown") {
-                                            if (b >= T - 1) return;
+                                            if (v >= z - 1) return;
                                             f.preventDefault(), n(
-                                              o.id,
-                                              k[b + 1]
-                                            ), p(o.id, b + 1, T);
+                                              i.id,
+                                              C[v + 1]
+                                            ), p(i.id, v + 1, z);
                                           } else if (f.key === "Home") {
-                                            if (b <= 0) return;
-                                            f.preventDefault(), n(o.id, k[0]), p(o.id, 0, T);
+                                            if (v <= 0) return;
+                                            f.preventDefault(), n(i.id, C[0]), p(i.id, 0, z);
                                           } else if (f.key === "End") {
-                                            if (b >= T - 1) return;
+                                            if (v >= z - 1) return;
                                             f.preventDefault(), n(
-                                              o.id,
-                                              k[T - 1]
-                                            ), p(o.id, T - 1, T);
+                                              i.id,
+                                              C[z - 1]
+                                            ), p(i.id, z - 1, z);
                                           }
                                         }
                                       }
@@ -326,7 +327,7 @@ function Dt({
                                   ) : null
                                 ]
                               },
-                              o.id
+                              i.id
                             );
                           })
                         }
@@ -338,22 +339,22 @@ function Dt({
               })
             }
           ),
-          /* @__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__ */ N("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 })
+          /* @__PURE__ */ t("span", { role: "status", className: "ds:sr-only", children: S })
         ]
       }
     )
   ] });
 }
-const G = "ds:text-[color:var(--foreground)]", Ee = {
+const U = "ds:text-[color:var(--foreground)]", Ee = {
   m: "Male",
   f: "Female",
   x: "Other"
 };
-function B({
+function _({
   icon: e,
   mono: s,
   children: a
@@ -364,26 +365,26 @@ function B({
       variant: "neutral",
       className: s ? "ds:font-mono" : void 0,
       leading: e ? W(e, {
-        className: G
+        className: U
       }) : void 0,
-      children: /* @__PURE__ */ t("span", { className: G, children: a })
+      children: /* @__PURE__ */ t("span", { className: U, children: a })
     }
   );
 }
-function Fe({ code: e }) {
+function Ie({ code: e }) {
   const { t: s } = A("ui"), a = e.toLowerCase(), r = s(`patientField.sex.${a}`, {
     defaultValue: Ee[a] ?? e
   });
-  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 });
+  return a === "f" ? /* @__PURE__ */ t(j, { variant: "accentSoft", leading: /* @__PURE__ */ t(Ae, {}), children: r }) : a === "m" ? /* @__PURE__ */ t(j, { variant: "info", leading: /* @__PURE__ */ t(Pe, {}), children: r }) : /* @__PURE__ */ t(_, { icon: /* @__PURE__ */ t(le, {}), children: r });
 }
-function Ie({ years: e }) {
+function Me({ years: e }) {
   const { t: s } = A("ui");
-  return /* @__PURE__ */ t(B, { icon: /* @__PURE__ */ t(Se, {}), children: s("patientField.age", {
+  return /* @__PURE__ */ t(_, { icon: /* @__PURE__ */ t(Te, {}), children: s("patientField.age", {
     count: e,
     defaultValue: "{{count}} years old"
   }) });
 }
-function Me({ field: e }) {
+function Le({ field: e }) {
   const { i18n: s } = A("ui");
   if (e.kind === "email" || e.kind === "phone") {
     const a = typeof e.value == "string" ? e.value : e.copyText ?? (typeof e.editValue == "string" ? e.editValue : "");
@@ -393,15 +394,15 @@ function Me({ field: e }) {
     }
   }
   if (e.value != null)
-    return /* @__PURE__ */ t(q, { children: e.value });
+    return /* @__PURE__ */ t(G, { children: e.value });
   if (!e.kind)
     return null;
   switch (e.kind) {
     case "sex":
-      return /* @__PURE__ */ t(Fe, { code: String(e.editValue ?? "") });
+      return /* @__PURE__ */ t(Ie, { code: String(e.editValue ?? "") });
     case "age": {
       const a = typeof e.editValue == "number" ? e.editValue : Number(e.editValue);
-      return Number.isFinite(a) ? /* @__PURE__ */ t(Ie, { years: a }) : null;
+      return Number.isFinite(a) ? /* @__PURE__ */ t(Me, { years: a }) : null;
     }
     case "dob": {
       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, {
@@ -409,11 +410,11 @@ function Me({ field: e }) {
         month: "short",
         year: "numeric"
       }).format(r);
-      return n ? /* @__PURE__ */ t(B, { icon: /* @__PURE__ */ t(oe, {}), children: n }) : null;
+      return n ? /* @__PURE__ */ t(_, { icon: /* @__PURE__ */ t(oe, {}), children: n }) : null;
     }
     case "fiscalCode": {
       const a = e.copyText ?? (typeof e.editValue == "string" ? e.editValue : "");
-      return a ? /* @__PURE__ */ t(B, { icon: /* @__PURE__ */ t(ie, {}), mono: !0, children: a }) : null;
+      return a ? /* @__PURE__ */ t(_, { icon: /* @__PURE__ */ t(ie, {}), mono: !0, children: a }) : null;
     }
     case "discount": {
       const a = typeof e.editValue == "number" ? e.editValue : Number(e.editValue);
@@ -431,14 +432,14 @@ function Me({ field: e }) {
       return null;
   }
 }
-function Le({
+function Oe({
   field: e
 }) {
   const { t: s } = A("ui");
-  return /* @__PURE__ */ V("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+  return /* @__PURE__ */ N("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
     e.label,
     e.sensitive ? /* @__PURE__ */ t(
-      Ne,
+      we,
       {
         "aria-label": s("patientDetails.sensitive", {
           defaultValue: "Sensitive"
@@ -448,47 +449,47 @@ function Le({
     ) : null
   ] });
 }
-function Oe({
+function Be({
   field: e,
   editable: s,
   onFieldSave: a,
   validate: r,
   locale: n
 }) {
-  const { t: h } = A("ui"), 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 () => {
+  const { t: h } = A("ui"), l = Y(), c = s && !!e.editable && !!a, [m, d] = P(!1), [y, o] = P(e.editValue), [w, S] = P(null), [g, b] = P(!1), k = V(() => {
+    o(e.editValue), S(null), d(!0);
+  }, [e.editValue]), F = V(() => {
+    d(!1), S(null);
+  }, []), D = V(async () => {
     if (!a) return;
-    const u = (r == null ? void 0 : r(e.id, i)) ?? null;
+    const u = (r == null ? void 0 : r(e.id, y)) ?? null;
     if (u) {
-      D(u);
+      S(u);
       return;
     }
-    y(!0), D(null);
+    b(!0), S(null);
     try {
-      await a(e.id, i), d(!1);
-    } catch (v) {
-      D(
-        v instanceof Error && v.message ? v.message : h("patientDetails.edit.saveFailed", {
+      await a(e.id, y), d(!1);
+    } catch (x) {
+      S(
+        x instanceof Error && x.message ? x.message : h("patientDetails.edit.saveFailed", {
           defaultValue: "Could not save. Try again."
         })
       );
     } finally {
-      y(!1);
+      b(!1);
     }
-  }, [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: [
+  }, [a, r, e.id, y, h]), p = typeof e.value == "string" ? e.value : e.copyText ?? (typeof e.editValue == "string" ? e.editValue : void 0);
+  return m ? /* @__PURE__ */ N("span", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+    /* @__PURE__ */ N("span", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-2xs)]", children: [
       /* @__PURE__ */ t(
         _e,
         {
           field: e,
-          value: i,
-          onChange: E,
-          invalid: !!N,
-          errorId: N ? l : void 0,
+          value: y,
+          onChange: o,
+          invalid: !!w,
+          errorId: w ? l : void 0,
           locale: n,
           disabled: g
         }
@@ -501,7 +502,7 @@ function Oe({
           icon: /* @__PURE__ */ t(K, { "aria-hidden": "true" }),
           "aria-label": h("patientDetails.edit.save", { defaultValue: "Save" }),
           loading: g,
-          onClick: w
+          onClick: D
         }
       ),
       /* @__PURE__ */ t(
@@ -509,64 +510,64 @@ function Oe({
         {
           size: "sm",
           intent: "ghost",
-          icon: /* @__PURE__ */ t(Ce, { "aria-hidden": "true" }),
+          icon: /* @__PURE__ */ t(Ve, { "aria-hidden": "true" }),
           "aria-label": h("patientDetails.edit.cancel", {
             defaultValue: "Cancel"
           }),
           disabled: g,
-          onClick: P
+          onClick: F
         }
       )
     ] }),
-    N ? /* @__PURE__ */ t(
+    w ? /* @__PURE__ */ t(
       "span",
       {
         id: l,
         role: "alert",
         className: "type-meta ds:text-[color:var(--destructive)]",
-        children: N
+        children: w
       }
     ) : null
-  ] }) : /* @__PURE__ */ V("span", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-2xs)] ds:min-w-0", children: [
+  ] }) : /* @__PURE__ */ N("span", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-2xs)] ds:min-w-0", children: [
     /* @__PURE__ */ t(
       "span",
       {
         className: `ds:min-w-0 ${e.editType === "textarea" ? "" : "ds:truncate"}${e.mono ? " ds:font-mono" : ""}`,
         title: p,
-        children: /* @__PURE__ */ t(Me, { field: e })
+        children: /* @__PURE__ */ t(Le, { field: e })
       }
     ),
-    e.copyable && e.copyText ? /* @__PURE__ */ t(Be, { text: e.copyText, label: e.label }) : null,
+    e.copyable && e.copyText ? /* @__PURE__ */ t(He, { text: e.copyText, label: e.label }) : null,
     c ? /* @__PURE__ */ t(
       I,
       {
         size: "sm",
         intent: "ghost",
         className: "ds:shrink-0 ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:focus-visible:opacity-100",
-        icon: /* @__PURE__ */ t(Ve, { "aria-hidden": "true" }),
+        icon: /* @__PURE__ */ t(Ne, { "aria-hidden": "true" }),
         "aria-label": h("patientDetails.edit.editField", {
           field: e.label,
           defaultValue: "Edit {{field}}"
         }),
-        onClick: x
+        onClick: k
       }
     ) : null
   ] });
 }
-function St({
+function zt({
   field: e,
   icon: s,
   ...a
 }) {
-  return /* @__PURE__ */ V(
+  return /* @__PURE__ */ N(
     $.Row,
     {
       icon: s ?? null,
       "data-field-id": e.id,
       className: "ds:group",
       children: [
-        /* @__PURE__ */ t($.Term, { children: /* @__PURE__ */ t(Le, { field: e }) }),
-        /* @__PURE__ */ t($.Detail, { children: /* @__PURE__ */ t(Oe, { field: e, ...a }) })
+        /* @__PURE__ */ t($.Term, { children: /* @__PURE__ */ t(Oe, { field: e }) }),
+        /* @__PURE__ */ t($.Detail, { children: /* @__PURE__ */ t(Be, { field: e, ...a }) })
       ]
     }
   );
@@ -580,15 +581,15 @@ function _e({
   locale: h,
   disabled: l
 }) {
-  const { t: c } = A("ui"), m = r ? "error" : "default";
-  switch (e.editType ?? "text") {
+  const { t: c } = A("ui"), m = r ? "error" : "default", d = e.editType ?? "text", y = Ce(typeof s == "string" ? s : "");
+  switch (d) {
     case "textarea":
       return /* @__PURE__ */ t(
         xe,
         {
           size: "sm",
           value: typeof s == "string" ? s : "",
-          onChange: (i) => a(i.target.value),
+          onChange: (o) => a(o.target.value),
           tone: m,
           "aria-label": e.label,
           "aria-invalid": r || void 0,
@@ -604,7 +605,7 @@ function _e({
           size: "sm",
           options: e.options ?? [],
           value: typeof s == "string" ? s : "",
-          onValueChange: (i) => a(i),
+          onValueChange: (o) => a(o),
           tone: m,
           disabled: l,
           "aria-label": e.label,
@@ -618,7 +619,7 @@ function _e({
         {
           label: e.label,
           checked: s === !0,
-          onCheckedChange: (i) => a(i),
+          onCheckedChange: (o) => a(o),
           disabled: l
         }
       );
@@ -628,7 +629,7 @@ function _e({
         {
           size: "sm",
           value: s instanceof Date ? s : void 0,
-          onChange: (i) => a(i ?? null),
+          onChange: (o) => a(o ?? null),
           disabled: l,
           "aria-label": e.label
         }
@@ -639,7 +640,7 @@ function _e({
         {
           size: "sm",
           value: typeof s == "number" ? s : null,
-          onChange: (i) => a(i),
+          onChange: (o) => a(o),
           mode: e.currency ? "currency" : "decimal",
           currency: e.currency,
           locale: h,
@@ -655,8 +656,8 @@ function _e({
         me,
         {
           size: "sm",
-          value: typeof s == "string" ? s : "",
-          onChange: (i) => a(i.target.value),
+          ref: y.ref,
+          onChange: y.quiet((o) => a(o.target.value)),
           "aria-label": e.label,
           "aria-invalid": r || void 0,
           "aria-describedby": n,
@@ -670,7 +671,7 @@ function _e({
         {
           size: "sm",
           value: typeof s == "string" ? s : "",
-          onChange: (i) => a(i),
+          onChange: (o) => a(o),
           tone: m,
           "aria-label": e.label,
           "aria-invalid": r || void 0,
@@ -685,7 +686,7 @@ function _e({
         {
           size: "sm",
           value: typeof s == "string" ? s : "",
-          onChange: (i) => a(i),
+          onChange: (o) => a(o),
           tone: m,
           "aria-label": e.label,
           "aria-invalid": r || void 0,
@@ -705,7 +706,7 @@ function _e({
           size: "sm",
           country: "it",
           value: typeof s == "string" ? s : "",
-          onValueChange: (i) => a(i),
+          onValueChange: (o) => a(o),
           tone: m,
           disabled: l,
           "aria-label": e.label,
@@ -720,7 +721,7 @@ function _e({
         {
           size: "sm",
           value: typeof s == "string" ? s : "",
-          onValueChange: (i) => a(i),
+          onValueChange: (o) => a(o),
           tone: m,
           disabled: l,
           "aria-label": e.label,
@@ -735,8 +736,8 @@ function _e({
         {
           size: "sm",
           country: "it",
-          value: typeof s == "string" ? s : "",
-          onValueChange: (i) => a(i),
+          ref: y.ref,
+          onValueChange: y.quiet((o) => a(o)),
           "aria-label": e.label,
           "aria-invalid": r || void 0,
           "aria-describedby": n,
@@ -749,8 +750,8 @@ function _e({
         ce,
         {
           size: "sm",
-          value: typeof s == "string" ? s : "",
-          onValueChange: (i) => a(i),
+          ref: y.ref,
+          onValueChange: y.quiet((o) => a(o)),
           tone: m,
           disabled: l,
           "aria-label": e.label,
@@ -765,8 +766,8 @@ function _e({
         ke,
         {
           size: "sm",
-          value: typeof s == "string" ? s : "",
-          onChange: (i) => a(i.target.value),
+          ref: y.ref,
+          onChange: y.quiet((o) => a(o.target.value)),
           tone: m,
           "aria-label": e.label,
           "aria-invalid": r || void 0,
@@ -781,11 +782,11 @@ function _e({
       );
   }
 }
-function Be({
+function He({
   text: e,
   label: s
 }) {
-  const { t: a } = A("ui"), [r, n] = z(!1), [h, l] = z(""), c = C(async () => {
+  const { t: a } = A("ui"), [r, n] = P(!1), [h, l] = P(""), c = V(async () => {
     try {
       await navigator.clipboard.writeText(e), n(!0), l(a("keyValuePair.copied", { defaultValue: "Copied" })), setTimeout(() => {
         n(!1), l("");
@@ -796,13 +797,13 @@ function Be({
       ), setTimeout(() => l(""), 3e3);
     }
   }, [e, a]);
-  return /* @__PURE__ */ V(q, { children: [
+  return /* @__PURE__ */ N(G, { children: [
     /* @__PURE__ */ t(
       I,
       {
         size: "sm",
         intent: "ghost",
-        icon: r ? /* @__PURE__ */ t(K, { "aria-hidden": "true" }) : /* @__PURE__ */ t(we, { "aria-hidden": "true" }),
+        icon: r ? /* @__PURE__ */ t(K, { "aria-hidden": "true" }) : /* @__PURE__ */ t(De, { "aria-hidden": "true" }),
         "aria-label": a("keyValuePair.copy", {
           label: s,
           defaultValue: "Copy {{label}}"
@@ -814,15 +815,15 @@ function Be({
   ] });
 }
 export {
-  Ie as A,
-  Dt as F,
-  Se as H,
-  B as N,
-  St as P,
-  Fe as S,
-  Oe as a,
-  Le as b,
-  Nt as r,
-  wt as u
+  Me as A,
+  Tt as F,
+  Te as H,
+  _ as N,
+  zt as P,
+  Ie as S,
+  Be as a,
+  Oe as b,
+  Dt as r,
+  St as u
 };
-//# sourceMappingURL=patient-field-row-BK9JjbzA.js.map
+//# sourceMappingURL=patient-field-row-BvZ9luz-.js.map