@alfadocs/ui-kit 0.70.0 → 0.71.0

package/dist/_chunks/{patient-details-Dlhqb5ig.js → patient-details-DgfTJimE.js}

@@ -1,30 +1,35 @@
-import { jsx as t, jsxs as d, Fragment as q } from "react/jsx-runtime";
-import { forwardRef as Z, useId as j, useMemo as ee, Fragment as te, useState as v, useCallback as P } from "react";
-import { c as ae } from "./index-D2ZczOXr.js";
-import { useTranslation as V } from "react-i18next";
-import { A as se } from "./avatar-BNQNhoyL.js";
+import { jsx as t, jsxs as c, Fragment as te } from "react/jsx-runtime";
+import { forwardRef as ae, useId as j, useMemo as se, Fragment as ie, useState as v, useCallback as I } from "react";
+import { c as M } from "./index-D2ZczOXr.js";
+import { useTranslation as C } from "react-i18next";
+import { A as re } from "./avatar-BNQNhoyL.js";
 import { I as z } from "./icon-button-LqoiKcUN.js";
-import { C as I } from "./card-DPmk26CL.js";
-import { C as ie, b as re, a as ne } from "./collapsible-BrnRiCC6.js";
-import { D as le } from "./date-picker-Dl9RKxaV.js";
+import { C as F } from "./card-DPmk26CL.js";
+import { C as ne, b as le, a as oe } from "./collapsible-BrnRiCC6.js";
+import { D as de } from "./date-picker-Dl9RKxaV.js";
 import { D as S } from "./description-list-gkNGWk5G.js";
-import { E as oe } from "./email-input-DJ7EXklP.js";
-import { F as de } from "./fiscal-code-input-Cf-8O4Fj.js";
-import { N as ce } from "./number-input-DxphVG_A.js";
-import { P as pe } from "./phone-input-DjU-XmO_.js";
-import { S as ue } from "./select-DMLG44F5.js";
-import { S as me } from "./separator-CYU_bGFn.js";
-import { S as fe } from "./switch-OILsBLWo.js";
-import { T as ge } from "./text-area-Bt3p7Pt0.js";
-import { T as be } from "./text-input-B-OWQ1Je.js";
-import { u as he } from "./registry-DvAUVLHh.js";
-import { u as ye, F as ve, r as xe, a as Ne } from "./field-value-NXYczdpO.js";
-import { L as Ve } from "./lock-CKOIn0IK.js";
-import { C as M } from "./check-DPdL_Sm7.js";
-import { X as we } from "./x-CCcI3eJp.js";
-import { P as Ce } from "./pencil-CfQX-0Qc.js";
-import { C as ke } from "./copy-B00HK7tj.js";
-const De = {
+import { E as ce } from "./email-input-DJ7EXklP.js";
+import { F as pe } from "./fiscal-code-input-Cf-8O4Fj.js";
+import { N as ue } from "./number-input-DxphVG_A.js";
+import { P as me } from "./panel-header-D313n_9-.js";
+import { P as fe } from "./phone-input-DjU-XmO_.js";
+import { S as ge } from "./select-KsyRr8WH.js";
+import { S as be } from "./switch-OILsBLWo.js";
+import { T as ye } from "./text-area-Bt3p7Pt0.js";
+import { T as he } from "./text-input-B-OWQ1Je.js";
+import { C as ve } from "./country-select-BwUZQvTa.js";
+import { P as xe } from "./province-select-D_TZvix3.js";
+import { P as Ne } from "./postal-code-input-UCOYuRY2.js";
+import { C as Ce } from "./city-input-Dkgaak7I.js";
+import { u as Ve } from "./registry-DvAUVLHh.js";
+import { u as we, F as ke, r as De, a as Pe } from "./field-value-3jMM0uDx.js";
+import { C as Te } from "./clipboard-list-S7s-MXQq.js";
+import { L as Fe } from "./lock-CKOIn0IK.js";
+import { C as H } from "./check-DPdL_Sm7.js";
+import { X as Ie } from "./x-CCcI3eJp.js";
+import { P as ze } from "./pencil-CfQX-0Qc.js";
+import { C as Se } from "./copy-B00HK7tj.js";
+const Ee = {
   id: "patient-details",
   // `view_change` backs the view-config actions (show/hide + reorder are both
   // view reconfigurations); `set_value` backs the single-value `update_field`
@@ -128,57 +133,67 @@ const De = {
       description: "Stable field KEY on each row. Never the field value (no PHI in the DOM hook)."
     }
   }
-}, R = ae(
-  "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:text-[color:var(--foreground)]",
+}, q = M(
+  "ds:flex ds:flex-col ds:text-[color:var(--foreground)]",
   {
     variants: {
       // `compact` (default) suits the narrow rail panel; `comfortable`
       // relaxes spacing for a wider host (a full-width profile page).
       density: {
-        comfortable: "ds:p-[var(--spacing-md)]",
-        compact: "ds:p-[var(--spacing-sm)]"
+        comfortable: "",
+        compact: ""
       }
     },
     defaultVariants: {
       density: "compact"
     }
   }
-), Fe = Z(
+), L = M("ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", {
+  variants: {
+    density: {
+      comfortable: "ds:p-[var(--spacing-md)]",
+      compact: "ds:p-[var(--spacing-sm)]"
+    }
+  },
+  defaultVariants: {
+    density: "compact"
+  }
+}), Oe = ae(
   function({
     title: a,
     sections: n,
-    avatar: s,
+    avatar: i,
     headerChips: l,
     framed: u = !1,
     editable: r = !1,
     onFieldSave: o,
-    validate: c,
+    validate: d,
     visibleFieldOrder: g,
-    defaultVisibleFieldOrder: i,
-    onVisibleFieldsChange: h,
-    loading: w = !1,
-    emptyState: y,
+    defaultVisibleFieldOrder: s,
+    onVisibleFieldsChange: y,
+    loading: V = !1,
+    emptyState: h,
     patientId: m,
     id: b,
-    locale: C,
+    locale: w,
     cogLabel: E,
     "aria-label": x,
     className: k,
     ...D
-  }, F) {
-    const { t: T } = V(), N = j(), {
+  }, P) {
+    const { t: T } = C(), N = j(), {
       visible: f,
-      catalogueIds: L,
+      catalogueIds: $,
       setOrder: O,
-      toggleField: $,
-      toggleSection: H,
-      moveFieldOnto: U,
-      reset: W
-    } = ye(n, {
+      toggleField: U,
+      toggleSection: W,
+      moveFieldOnto: Y,
+      reset: X
+    } = we(n, {
       value: g,
-      defaultValue: i,
-      onChange: h
-    }), Y = ee(
+      defaultValue: s,
+      onChange: y
+    }), G = se(
       () => ({
         getVisibleFieldOrder: () => f,
         getPatientId: () => m,
@@ -190,104 +205,108 @@ const De = {
       }),
       [f, m, O, o]
     );
-    he(De, Y, b);
-    const X = x ?? T("patientDetails.regionLabel", { defaultValue: "Patient details" }), K = (s == null ? void 0 : s.name) ?? (typeof a == "string" ? a : void 0), G = !!(s != null && s.src || K), J = L.some((p) => f.includes(p));
-    if (w)
+    Ve(Ee, G, b);
+    const B = T("patientDetails.regionLabel", {
+      defaultValue: "Patient details"
+    }), J = x ?? B, K = (i == null ? void 0 : i.name) ?? (typeof a == "string" ? a : void 0), Q = !!(i != null && i.src || K), Z = $.some((p) => f.includes(p));
+    if (V)
       return /* @__PURE__ */ t(
         "section",
         {
-          ref: F,
+          ref: P,
           "data-component": "patient-details",
           "data-component-id": b,
           "data-patient-id": m,
-          "aria-label": X,
+          "aria-label": J,
           "aria-busy": "true",
-          className: R({ className: k }),
+          className: q({ className: k }),
           ...D,
-          children: /* @__PURE__ */ t(Se, {})
+          children: /* @__PURE__ */ t("div", { className: L(), children: /* @__PURE__ */ t(_e, {}) })
         }
       );
-    const Q = n.length === 0 || !J, _ = /* @__PURE__ */ d("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]", children: [
-      G ? /* @__PURE__ */ t(
-        se,
+    const ee = n.length === 0 || !Z, _ = /* @__PURE__ */ c("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]", children: [
+      Q ? /* @__PURE__ */ t(
+        re,
         {
           size: "md",
           name: K,
-          src: s == null ? void 0 : s.src,
+          src: i == null ? void 0 : i.src,
           className: "ds:shrink-0"
         }
       ) : null,
-      /* @__PURE__ */ d("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
-        /* @__PURE__ */ t(
-          "h2",
-          {
-            id: N,
-            className: "ds:m-0 type-title-item ds:text-[color:var(--foreground)]",
-            children: a
-          }
-        ),
-        l ? /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)]", children: l }) : null
-      ] }),
-      /* @__PURE__ */ t(
-        ve,
-        {
-          sections: n,
-          visible: f,
-          onToggleField: $,
-          onToggleSection: H,
-          onMoveFieldOnto: U,
-          onReset: W,
-          label: E
-        }
-      )
+      /* @__PURE__ */ c("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+        /* @__PURE__ */ t("h3", { className: "ds:m-0 type-title-item ds:text-[color:var(--foreground)]", children: a }),
+        l ? /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: l }) : null
+      ] })
     ] });
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ c(
       "section",
       {
-        ref: F,
+        ref: P,
         "data-component": "patient-details",
         "data-component-id": b,
         "data-patient-id": m,
         "aria-labelledby": x ? void 0 : N,
         "aria-label": x ?? void 0,
-        className: R({ className: k }),
+        className: q({ className: k }),
         ...D,
         children: [
-          u ? /* @__PURE__ */ t(I, { variant: "elevated", className: "ds:sticky ds:top-0 ds:z-[1]", children: /* @__PURE__ */ t(I.Body, { children: _ }) }) : /* @__PURE__ */ d(q, { children: [
-            /* @__PURE__ */ t("header", { className: "ds:sticky ds:top-0 ds:z-[1] ds:bg-[color:var(--background)] ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:py-[var(--spacing-2xs)]", children: _ }),
-            /* @__PURE__ */ t(me, { orientation: "horizontal" })
-          ] }),
-          Q ? /* @__PURE__ */ t("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: y ?? T("patientDetails.empty", {
-            defaultValue: "No patient selected."
-          }) }) : xe(n, f).map(({ section: p, fields: A }) => {
-            const B = /* @__PURE__ */ t(
-              Te,
-              {
-                section: p,
-                fields: A,
-                editable: r,
-                onFieldSave: o,
-                validate: c,
-                locale: C
-              }
-            );
-            return u ? /* @__PURE__ */ t(I, { variant: "elevated", children: /* @__PURE__ */ t(I.Body, { children: B }) }, p.id) : /* @__PURE__ */ t(te, { children: B }, p.id);
-          })
+          /* @__PURE__ */ t(
+            me,
+            {
+              title: B,
+              icon: /* @__PURE__ */ t(Te, { "aria-hidden": "true" }),
+              headingId: N,
+              sticky: !0,
+              divider: !0,
+              actions: /* @__PURE__ */ t(
+                ke,
+                {
+                  sections: n,
+                  visible: f,
+                  onToggleField: U,
+                  onToggleSection: W,
+                  onMoveFieldOnto: Y,
+                  onReset: X,
+                  label: E
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ c("div", { className: L(), children: [
+            u ? /* @__PURE__ */ t(F, { variant: "elevated", children: /* @__PURE__ */ t(F.Body, { children: _ }) }) : _,
+            ee ? /* @__PURE__ */ t("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: h ?? T("patientDetails.empty", {
+              defaultValue: "No patient selected."
+            }) }) : De(n, f).filter(({ fields: p }) => p.length > 0).map(({ section: p, fields: A }) => {
+              const R = /* @__PURE__ */ t(
+                Ae,
+                {
+                  section: p,
+                  fields: A,
+                  editable: r,
+                  onFieldSave: o,
+                  validate: d,
+                  locale: w
+                }
+              );
+              return u ? /* @__PURE__ */ t(F, { variant: "elevated", children: /* @__PURE__ */ t(F.Body, { children: R }) }, p.id) : /* @__PURE__ */ t(ie, { children: R }, p.id);
+            })
+          ] })
         ]
       }
     );
   }
 );
-Fe.displayName = "PatientDetails";
-function Te({
+Oe.displayName = "PatientDetails";
+function Ae({
   section: e,
   fields: a,
   editable: n,
-  onFieldSave: s,
+  onFieldSave: i,
   validate: l,
   locale: u
 }) {
-  const { t: r } = V(), o = j(), c = e.collapsible ?? !0, g = a.length === 0 ? /* @__PURE__ */ t("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: r("patientDetails.section.empty", {
+  const { t: r } = C(), o = j(), d = e.collapsible ?? !0, g = a.length === 0 ? /* @__PURE__ */ t("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: r("patientDetails.section.empty", {
     defaultValue: "No fields shown."
   }) }) : /* @__PURE__ */ t(
     S,
@@ -296,28 +315,28 @@ function Te({
       density: "compact",
       divider: "none",
       className: "ds:[--description-list-icon-color:var(--accent)]",
-      children: a.map((i) => /* @__PURE__ */ t(
-        Ie,
+      children: a.map((s) => /* @__PURE__ */ t(
+        je,
         {
-          field: i,
-          icon: i.icon ?? null,
+          field: s,
+          icon: s.icon ?? null,
           editable: n,
-          onFieldSave: s,
+          onFieldSave: i,
           validate: l,
           locale: u
         },
-        i.id
+        s.id
       ))
     }
   );
-  return c ? /* @__PURE__ */ d(
-    ie,
+  return d ? /* @__PURE__ */ c(
+    ne,
     {
       defaultOpen: e.defaultOpen ?? !0,
       variant: "minimal",
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
       children: [
-        /* @__PURE__ */ t("h3", { className: "ds:m-0", children: /* @__PURE__ */ t(re, { asChild: !0, children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t("h3", { className: "ds:m-0", children: /* @__PURE__ */ t(le, { asChild: !0, children: /* @__PURE__ */ t(
           "button",
           {
             type: "button",
@@ -326,10 +345,10 @@ function Te({
             children: e.heading
           }
         ) }) }),
-        /* @__PURE__ */ t(ne, { "aria-labelledby": o, children: g })
+        /* @__PURE__ */ t(oe, { "aria-labelledby": o, children: g })
       ]
     }
-  ) : /* @__PURE__ */ d(
+  ) : /* @__PURE__ */ c(
     "section",
     {
       "aria-labelledby": o,
@@ -348,28 +367,28 @@ function Te({
     }
   );
 }
-function Ie({
+function je({
   field: e,
   icon: a,
   editable: n,
-  onFieldSave: s,
+  onFieldSave: i,
   validate: l,
   locale: u
 }) {
-  const { t: r } = V(), o = j(), c = n && !!e.editable && !!s, [g, i] = v(!1), [h, w] = v(e.editValue), [y, m] = v(null), [b, C] = v(!1), E = P(() => {
-    w(e.editValue), m(null), i(!0);
-  }, [e.editValue]), x = P(() => {
-    i(!1), m(null);
-  }, []), k = P(async () => {
-    if (!s) return;
-    const N = (l == null ? void 0 : l(e.id, h)) ?? null;
+  const { t: r } = C(), o = j(), d = n && !!e.editable && !!i, [g, s] = v(!1), [y, V] = v(e.editValue), [h, m] = v(null), [b, w] = v(!1), E = I(() => {
+    V(e.editValue), m(null), s(!0);
+  }, [e.editValue]), x = I(() => {
+    s(!1), m(null);
+  }, []), k = I(async () => {
+    if (!i) return;
+    const N = (l == null ? void 0 : l(e.id, y)) ?? null;
     if (N) {
       m(N);
       return;
     }
-    C(!0), m(null);
+    w(!0), m(null);
     try {
-      await s(e.id, h), i(!1);
+      await i(e.id, y), s(!1);
     } catch (f) {
       m(
         f instanceof Error && f.message ? f.message : r("patientDetails.edit.saveFailed", {
@@ -377,12 +396,12 @@ function Ie({
         })
       );
     } finally {
-      C(!1);
+      w(!1);
     }
-  }, [s, l, e.id, h, r]), D = /* @__PURE__ */ d("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+  }, [i, l, e.id, y, r]), D = /* @__PURE__ */ c("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
     e.label,
     e.sensitive ? /* @__PURE__ */ t(
-      Ve,
+      Fe,
       {
         "aria-label": r("patientDetails.sensitive", {
           defaultValue: "Sensitive"
@@ -390,16 +409,16 @@ function Ie({
         className: "ds:size-3 ds:shrink-0 ds:text-[color:var(--muted-foreground)]"
       }
     ) : null
-  ] }), F = typeof e.value == "string" ? e.value : e.copyText ?? (typeof e.editValue == "string" ? e.editValue : void 0), T = g ? /* @__PURE__ */ d("span", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
-    /* @__PURE__ */ d("span", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-2xs)]", children: [
+  ] }), P = typeof e.value == "string" ? e.value : e.copyText ?? (typeof e.editValue == "string" ? e.editValue : void 0), T = g ? /* @__PURE__ */ c("span", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+    /* @__PURE__ */ c("span", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-2xs)]", children: [
       /* @__PURE__ */ t(
-        Pe,
+        Be,
         {
           field: e,
-          value: h,
-          onChange: w,
-          invalid: !!y,
-          errorId: y ? o : void 0,
+          value: y,
+          onChange: V,
+          invalid: !!h,
+          errorId: h ? o : void 0,
           locale: u,
           disabled: b
         }
@@ -409,7 +428,7 @@ function Ie({
         {
           size: "sm",
           intent: "primary",
-          icon: /* @__PURE__ */ t(M, { "aria-hidden": "true" }),
+          icon: /* @__PURE__ */ t(H, { "aria-hidden": "true" }),
           "aria-label": r("patientDetails.edit.save", { defaultValue: "Save" }),
           loading: b,
           onClick: k
@@ -420,7 +439,7 @@ function Ie({
         {
           size: "sm",
           intent: "ghost",
-          icon: /* @__PURE__ */ t(we, { "aria-hidden": "true" }),
+          icon: /* @__PURE__ */ t(Ie, { "aria-hidden": "true" }),
           "aria-label": r("patientDetails.edit.cancel", {
             defaultValue: "Cancel"
           }),
@@ -429,32 +448,32 @@ function Ie({
         }
       )
     ] }),
-    y ? /* @__PURE__ */ t(
+    h ? /* @__PURE__ */ t(
       "span",
       {
         id: o,
         role: "alert",
         className: "type-meta ds:text-[color:var(--destructive)]",
-        children: y
+        children: h
       }
     ) : null
-  ] }) : /* @__PURE__ */ d("span", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-2xs)] ds:min-w-0", children: [
+  ] }) : /* @__PURE__ */ c("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: F,
-        children: /* @__PURE__ */ t(Ne, { field: e })
+        title: P,
+        children: /* @__PURE__ */ t(Pe, { field: e })
       }
     ),
-    e.copyable && e.copyText ? /* @__PURE__ */ t(ze, { text: e.copyText, label: e.label }) : null,
-    c ? /* @__PURE__ */ t(
+    e.copyable && e.copyText ? /* @__PURE__ */ t(Ke, { text: e.copyText, label: e.label }) : null,
+    d ? /* @__PURE__ */ t(
       z,
       {
         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(Ce, { "aria-hidden": "true" }),
+        icon: /* @__PURE__ */ t(ze, { "aria-hidden": "true" }),
         "aria-label": r("patientDetails.edit.editField", {
           field: e.label,
           defaultValue: "Edit {{field}}"
@@ -463,7 +482,7 @@ function Ie({
       }
     ) : null
   ] });
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ c(
     S.Row,
     {
       icon: a ?? null,
@@ -476,27 +495,27 @@ function Ie({
     }
   );
 }
-function Pe({
+function Be({
   field: e,
   value: a,
   onChange: n,
-  invalid: s,
+  invalid: i,
   errorId: l,
   locale: u,
   disabled: r
 }) {
-  const { t: o } = V(), c = s ? "error" : "default";
+  const { t: o } = C(), d = i ? "error" : "default";
   switch (e.editType ?? "text") {
     case "textarea":
       return /* @__PURE__ */ t(
-        ge,
+        ye,
         {
           size: "sm",
           value: typeof a == "string" ? a : "",
-          onChange: (i) => n(i.target.value),
-          tone: c,
+          onChange: (s) => n(s.target.value),
+          tone: d,
           "aria-label": e.label,
-          "aria-invalid": s || void 0,
+          "aria-invalid": i || void 0,
           "aria-describedby": l,
           disabled: r,
           className: "ds:flex-1"
@@ -504,66 +523,66 @@ function Pe({
       );
     case "select":
       return /* @__PURE__ */ t(
-        ue,
+        ge,
         {
           size: "sm",
           options: e.options ?? [],
           value: typeof a == "string" ? a : "",
-          onValueChange: (i) => n(i),
-          tone: c,
+          onValueChange: (s) => n(s),
+          tone: d,
           disabled: r,
           "aria-label": e.label,
-          "aria-invalid": s || void 0,
+          "aria-invalid": i || void 0,
           "aria-describedby": l
         }
       );
     case "boolean":
       return /* @__PURE__ */ t(
-        fe,
+        be,
         {
           label: e.label,
           checked: a === !0,
-          onCheckedChange: (i) => n(i),
+          onCheckedChange: (s) => n(s),
           disabled: r
         }
       );
     case "date":
       return /* @__PURE__ */ t(
-        le,
+        de,
         {
           size: "sm",
           value: a instanceof Date ? a : void 0,
-          onChange: (i) => n(i ?? null),
+          onChange: (s) => n(s ?? null),
           disabled: r,
           "aria-label": e.label
         }
       );
     case "number":
       return /* @__PURE__ */ t(
-        ce,
+        ue,
         {
           size: "sm",
           value: typeof a == "number" ? a : null,
-          onChange: (i) => n(i),
+          onChange: (s) => n(s),
           mode: e.currency ? "currency" : "decimal",
           currency: e.currency,
           locale: u,
-          tone: c,
+          tone: d,
           disabled: r,
           "aria-label": e.label,
-          "aria-invalid": s || void 0,
+          "aria-invalid": i || void 0,
           "aria-describedby": l
         }
       );
     case "email":
       return /* @__PURE__ */ t(
-        oe,
+        ce,
         {
           size: "sm",
           value: typeof a == "string" ? a : "",
-          onChange: (i) => n(i.target.value),
+          onChange: (s) => n(s.target.value),
           "aria-label": e.label,
-          "aria-invalid": s || void 0,
+          "aria-invalid": i || void 0,
           "aria-describedby": l,
           disabled: r,
           className: "ds:flex-1"
@@ -571,14 +590,14 @@ function Pe({
       );
     case "phone":
       return /* @__PURE__ */ t(
-        pe,
+        fe,
         {
           size: "sm",
           value: typeof a == "string" ? a : "",
-          onChange: (i) => n(i),
-          tone: c,
+          onChange: (s) => n(s),
+          tone: d,
           "aria-label": e.label,
-          "aria-invalid": s || void 0,
+          "aria-invalid": i || void 0,
           "aria-describedby": l,
           disabled: r,
           className: "ds:flex-1"
@@ -586,30 +605,95 @@ function Pe({
       );
     case "fiscalCode":
       return /* @__PURE__ */ t(
-        de,
+        pe,
         {
           size: "sm",
           value: typeof a == "string" ? a : "",
-          onChange: (i) => n(i),
-          tone: c,
+          onChange: (s) => n(s),
+          tone: d,
           "aria-label": e.label,
-          "aria-invalid": s || void 0,
+          "aria-invalid": i || void 0,
           "aria-describedby": l,
           disabled: r,
           className: "ds:flex-1"
         }
       );
+    // Address / location pickers. Inline edit has no FormField, so we pass
+    // aria-invalid / aria-describedby explicitly (the components fall back to
+    // these props outside a FormFieldContext) so the invalid state isn't
+    // conveyed by colour alone.
+    case "province":
+      return /* @__PURE__ */ t(
+        xe,
+        {
+          size: "sm",
+          country: "it",
+          value: typeof a == "string" ? a : "",
+          onValueChange: (s) => n(s),
+          tone: d,
+          disabled: r,
+          "aria-label": e.label,
+          "aria-invalid": i || void 0,
+          "aria-describedby": l,
+          className: "ds:flex-1"
+        }
+      );
+    case "country":
+      return /* @__PURE__ */ t(
+        ve,
+        {
+          size: "sm",
+          value: typeof a == "string" ? a : "",
+          onValueChange: (s) => n(s),
+          tone: d,
+          disabled: r,
+          "aria-label": e.label,
+          "aria-invalid": i || void 0,
+          "aria-describedby": l,
+          className: "ds:flex-1"
+        }
+      );
+    case "postalCode":
+      return /* @__PURE__ */ t(
+        Ne,
+        {
+          size: "sm",
+          country: "it",
+          value: typeof a == "string" ? a : "",
+          onValueChange: (s) => n(s),
+          "aria-label": e.label,
+          "aria-invalid": i || void 0,
+          "aria-describedby": l,
+          disabled: r,
+          className: "ds:flex-1"
+        }
+      );
+    case "city":
+      return /* @__PURE__ */ t(
+        Ce,
+        {
+          size: "sm",
+          value: typeof a == "string" ? a : "",
+          onValueChange: (s) => n(s),
+          tone: d,
+          disabled: r,
+          "aria-label": e.label,
+          "aria-invalid": i || void 0,
+          "aria-describedby": l,
+          className: "ds:flex-1"
+        }
+      );
     case "text":
     default:
       return /* @__PURE__ */ t(
-        be,
+        he,
         {
           size: "sm",
           value: typeof a == "string" ? a : "",
-          onChange: (i) => n(i.target.value),
-          tone: c,
+          onChange: (s) => n(s.target.value),
+          tone: d,
           "aria-label": e.label,
-          "aria-invalid": s || void 0,
+          "aria-invalid": i || void 0,
           "aria-describedby": l,
           disabled: r,
           clearable: !0,
@@ -621,11 +705,11 @@ function Pe({
       );
   }
 }
-function ze({
+function Ke({
   text: e,
   label: a
 }) {
-  const { t: n } = V(), [s, l] = v(!1), [u, r] = v(""), o = P(async () => {
+  const { t: n } = C(), [i, l] = v(!1), [u, r] = v(""), o = I(async () => {
     try {
       await navigator.clipboard.writeText(e), l(!0), r(n("keyValuePair.copied", { defaultValue: "Copied" })), setTimeout(() => {
         l(!1), r("");
@@ -636,13 +720,13 @@ function ze({
       ), setTimeout(() => r(""), 3e3);
     }
   }, [e, n]);
-  return /* @__PURE__ */ d(q, { children: [
+  return /* @__PURE__ */ c(te, { children: [
     /* @__PURE__ */ t(
       z,
       {
         size: "sm",
         intent: "ghost",
-        icon: s ? /* @__PURE__ */ t(M, { "aria-hidden": "true" }) : /* @__PURE__ */ t(ke, { "aria-hidden": "true" }),
+        icon: i ? /* @__PURE__ */ t(H, { "aria-hidden": "true" }) : /* @__PURE__ */ t(Se, { "aria-hidden": "true" }),
         "aria-label": n("keyValuePair.copy", {
           label: a,
           defaultValue: "Copy {{label}}"
@@ -653,9 +737,9 @@ function ze({
     /* @__PURE__ */ t("span", { role: "status", className: "ds:sr-only", children: u })
   ] });
 }
-function Se() {
-  return /* @__PURE__ */ d("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ d("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+function _e() {
+  return /* @__PURE__ */ c("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ c("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
       /* @__PURE__ */ t("span", { className: "ds:size-10 ds:shrink-0 ds:rounded-full ds:bg-[color:var(--muted)]" }),
       /* @__PURE__ */ t("span", { className: "ds:h-4 ds:w-1/2 ds:rounded-[var(--radius-sm)] ds:bg-[color:var(--muted)]" })
     ] }),
@@ -669,7 +753,7 @@ function Se() {
   ] });
 }
 export {
-  Fe as P,
-  De as p
+  Oe as P,
+  Ee as p
 };
-//# sourceMappingURL=patient-details-Dlhqb5ig.js.map
+//# sourceMappingURL=patient-details-DgfTJimE.js.map