@alfadocs/ui-kit 1.9.3 → 1.10.0

package/dist/_chunks/{patient-table-S77TBCEB.js → balance-badge-cell-DK9wxCxW.js}

@@ -1,57 +1,42 @@
-import { jsxs as O, jsx as g } from "react/jsx-runtime";
-import { createElement as x, useRef as k, useEffect as ee, useCallback as z, forwardRef as he, useState as te, useImperativeHandle as pe, useMemo as Y } from "react";
-import { useTranslation as $ } from "react-i18next";
-import { a as p, T as b, A as be, d as ne, D as P, e as ge } from "./actions-cell-renderer-B2pw6iH8.js";
+import { jsx as v, jsxs as k } from "react/jsx-runtime";
+import { createElement as E, useRef as G, useEffect as te, useCallback as j, forwardRef as he, useState as ne, useImperativeHandle as pe, useMemo as Q } from "react";
+import { useTranslation as K } from "react-i18next";
+import { a as g, T as C, A as be, d as ie, D as S, e as ge } from "./actions-cell-renderer-BbzCqcld.js";
 import { S as Ce } from "./select-BW5ecXlX.js";
 import { u as ve } from "./registry-DvAUVLHh.js";
-import { I as Ne, L as we, b as L, a as _, c as U, N as H, d as F, S as R, T as ie, D as K, C as Te, g as Fe, f as Re, U as Ie, e as ye } from "./link-cell-renderer-x8kS41M7.js";
-import { B as ae } from "./badge-sTusUqZD.js";
-import { c as Pe } from "./index-D2ZczOXr.js";
-import { T as We } from "./timestamp-BV2lC-wV.js";
-import { C as Se } from "./calendar-clock-hbObjfGY.js";
+import { I as Te, L as we, b as _, a as z, c as H, N as $, d as R, S as I, T as ae, D as q, g as Ne, f as Fe, U as Re, e as Ie } from "./link-cell-renderer-Cp2MSlJl.js";
+import { T as Pe } from "./transaction-chip-DJCstquX.js";
+import { B as re } from "./badge-sTusUqZD.js";
+import { c as ye } from "./index-D2ZczOXr.js";
+import { T as Se } from "./timestamp-BV2lC-wV.js";
+import { C as We } from "./calendar-clock-hbObjfGY.js";
 import { E as Ae } from "./eye-BjhN2nYf.js";
-import { P as Be } from "./pencil-B1sKKyuT.js";
-import { M as De } from "./mail-BqXVF2zH.js";
-import { M as Ve } from "./message-square-Bye4ATvx.js";
-import { U as xe } from "./users-BjS_Gg1E.js";
-import { T as Ee } from "./trash-2-uumy3fy1.js";
-const Oe = 5e4;
-function ke(e) {
-  return e === 0 ? { variant: "success", statusKey: "settled" } : e <= Oe ? { variant: "warning", statusKey: "pending" } : { variant: "error", statusKey: "overdue" };
-}
-function Me(e) {
-  if (e == null || e === "") return null;
-  const i = typeof e == "number" ? e : Number(e);
-  return Number.isFinite(i) ? i : null;
+import { P as De } from "./pencil-B1sKKyuT.js";
+import { M as Be } from "./mail-BqXVF2zH.js";
+import { M as xe } from "./message-square-Bye4ATvx.js";
+import { U as Ve } from "./users-BjS_Gg1E.js";
+import { T as Oe } from "./trash-2-uumy3fy1.js";
+function Z(e) {
+  const { value: n, positiveState: s, showLabel: o = !0 } = e, l = typeof n == "number" && Number.isFinite(n) ? n : null;
+  if (l === null) return null;
+  const r = l > 0 ? s : "settled";
+  return /* @__PURE__ */ v(Pe, { state: r, amount: l / 100, showLabel: o });
 }
-function Ge(e) {
-  const { value: i, currency: c = "EUR", options: s } = e, { t: o, i18n: l } = $("ui"), u = Me(i);
-  if (u === null) return null;
-  const f = l.language || "en", d = new Intl.NumberFormat(f, {
-    style: "currency",
-    currency: c,
-    ...s
-  }).format(u / 100), { variant: m, statusKey: C } = ke(u), a = o(`patientTable.balance.status.${C}`);
-  return /* @__PURE__ */ O(ae, { variant: m, withDot: !0, size: "sm", className: "ds:tabular-nums", children: [
-    /* @__PURE__ */ g("span", { children: d }),
-    /* @__PURE__ */ g("span", { className: "ds:sr-only", children: a })
-  ] });
-}
-const Le = {
+const Ee = {
   accepted: "success",
   estimate: "info",
   none: "neutral"
 };
-function _e(e) {
+function Me(e) {
   return e === "accepted" || e === "estimate" || e === "none";
 }
-function Ue(e) {
-  const { t: i } = $("ui"), { data: c, value: s, size: o = "sm" } = e, l = (c == null ? void 0 : c.carePlanStatus) ?? s;
-  if (!_e(l)) return null;
-  const u = Le[l];
-  return /* @__PURE__ */ g(ae, { variant: u, withDot: !0, size: o, children: i(`patientTable.carePlanStatus.${l}`) });
+function ke(e) {
+  const { t: n } = K("ui"), { data: s, value: o, size: l = "sm" } = e, r = (s == null ? void 0 : s.carePlanStatus) ?? o;
+  if (!Me(r)) return null;
+  const c = Ee[r];
+  return /* @__PURE__ */ v(re, { variant: c, withDot: !0, size: l, children: n(`patientTable.carePlanStatus.${r}`) });
 }
-const J = Pe(
+const ee = ye(
   "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:whitespace-nowrap",
   {
     variants: {
@@ -66,199 +51,199 @@ const J = Pe(
     },
     defaultVariants: { tone: "default" }
   }
-), He = 1440 * 60 * 1e3, ze = 7;
-function $e(e) {
+), Ge = 1440 * 60 * 1e3, Le = 7;
+function Ue(e) {
   if (e == null || e === "") return null;
-  const i = e instanceof Date ? e.getTime() : typeof e == "number" ? e : new Date(String(e)).getTime();
-  return Number.isNaN(i) ? null : i;
+  const n = e instanceof Date ? e.getTime() : typeof e == "number" ? e : new Date(String(e)).getTime();
+  return Number.isNaN(n) ? null : n;
 }
-function je(e, i) {
-  if (i <= 0) return "default";
-  const c = e - Date.now();
-  return c < 0 ? "default" : c <= i * He ? "soon" : "default";
+function _e(e, n) {
+  if (n <= 0) return "default";
+  const s = e - Date.now();
+  return s < 0 ? "default" : s <= n * Ge ? "soon" : "default";
 }
-function Ke(e) {
-  const { t: i } = $("ui"), { data: c, value: s, soonWithinDays: o = ze } = e, l = $e((c == null ? void 0 : c.nextAppointment) ?? s);
-  if (l === null)
-    return /* @__PURE__ */ g("span", { className: J({ tone: "empty" }), children: i("patientTable.nextAppointment.none") });
-  const u = je(l, o);
-  return /* @__PURE__ */ O("span", { className: J({ tone: u }), children: [
-    u === "soon" ? /* @__PURE__ */ g(Se, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }) : null,
-    /* @__PURE__ */ g(We, { value: l, format: "relative", shape: "bare" })
+function ze(e) {
+  const { t: n } = K("ui"), { data: s, value: o, soonWithinDays: l = Le } = e, r = Ue((s == null ? void 0 : s.nextAppointment) ?? o);
+  if (r === null)
+    return /* @__PURE__ */ v("span", { className: ee({ tone: "empty" }), children: n("patientTable.nextAppointment.none") });
+  const c = _e(r, l);
+  return /* @__PURE__ */ k("span", { className: ee({ tone: c }), children: [
+    c === "soon" ? /* @__PURE__ */ v(We, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }) : null,
+    /* @__PURE__ */ v(Se, { value: r, format: "relative", shape: "bare" })
   ] });
 }
-function q(e) {
+function le(e) {
   return e.responsiveTier;
 }
-const Ye = 6;
-function qe(e, i) {
-  const c = (o) => (l) => {
-    i == null || i(o, l);
-  }, s = (o, l) => ({
-    icon: o.icon,
-    label: o.label,
-    variant: o.variant,
-    onClick: c(o),
-    ...l
+const He = 6;
+function $e(e, n) {
+  const s = (l) => (r) => {
+    n == null || n(l, r);
+  }, o = (l, r) => ({
+    icon: l.icon,
+    label: l.label,
+    variant: l.variant,
+    onClick: s(l),
+    ...r
   });
   return [
-    s(
+    o(
       {
         id: "show",
         label: e("patientTable.actions.show"),
-        icon: x(Ae, { "aria-hidden": "true" })
+        icon: E(Ae, { "aria-hidden": "true" })
       },
       {}
     ),
-    s(
+    o(
       {
         id: "edit",
         label: e("patientTable.actions.edit"),
-        icon: x(Be, { "aria-hidden": "true" })
+        icon: E(De, { "aria-hidden": "true" })
       },
       {}
     ),
-    s(
+    o(
       {
         id: "sendEmailReminder",
         label: e("patientTable.actions.sendEmailReminder"),
-        icon: x(De, { "aria-hidden": "true" })
+        icon: E(Be, { "aria-hidden": "true" })
       },
       // Hidden when the patient has email contact disabled (spec).
-      { hidden: (o) => !o.emailEnabled }
+      { hidden: (l) => !l.emailEnabled }
     ),
-    s(
+    o(
       {
         id: "sendSmsReminder",
         label: e("patientTable.actions.sendSmsReminder"),
-        icon: x(Ve, { "aria-hidden": "true" })
+        icon: E(xe, { "aria-hidden": "true" })
       },
       // Hidden when no phone number is SMS-enabled (spec).
       {
-        hidden: (o) => !(o.phoneNumbers ?? []).some((l) => l.smsEnabled)
+        hidden: (l) => !(l.phoneNumbers ?? []).some((r) => r.smsEnabled)
       }
     ),
-    s(
+    o(
       {
         id: "reassign",
         label: e("patientTable.actions.reassign"),
-        icon: x(xe, { "aria-hidden": "true" })
+        icon: E(Ve, { "aria-hidden": "true" })
       },
       {}
     ),
-    s(
+    o(
       {
         id: "delete",
         label: e("patientTable.actions.delete"),
-        icon: x(Ee, { "aria-hidden": "true" }),
+        icon: E(Oe, { "aria-hidden": "true" }),
         variant: "destructive"
       },
       // Disabled (with a reason) for archived patients — the row model's
       // closest "cannot delete" signal. Surfaced as the inline tooltip.
       {
-        disabled: (o) => !!o.isArchived,
+        disabled: (l) => !!l.isArchived,
         disabledReason: e("patientTable.actions.deleteLocked")
       }
     )
   ];
 }
-const Qe = () => !1, B = "✓", W = "—";
-function Xe(e) {
+const je = () => !1, A = "✓", W = "—";
+function Ke(e) {
   if (!e) return null;
-  const i = new Date(e), c = i.getTime();
-  if (Number.isNaN(c)) return null;
-  const s = /* @__PURE__ */ new Date();
-  let o = s.getFullYear() - i.getFullYear();
-  const l = s.getMonth() - i.getMonth();
-  return (l < 0 || l === 0 && s.getDate() < i.getDate()) && (o -= 1), o >= 0 ? o : null;
+  const n = new Date(e), s = n.getTime();
+  if (Number.isNaN(s)) return null;
+  const o = /* @__PURE__ */ new Date();
+  let l = o.getFullYear() - n.getFullYear();
+  const r = o.getMonth() - n.getMonth();
+  return (r < 0 || r === 0 && o.getDate() < n.getDate()) && (l -= 1), l >= 0 ? l : null;
 }
-function Je(e) {
-  return e.map((i) => {
-    var o;
-    const s = {
-      colId: `custom:${i.fieldName}`,
-      headerName: i.label,
+function Ye(e) {
+  return e.map((n) => {
+    var l;
+    const o = {
+      colId: `custom:${n.fieldName}`,
+      headerName: n.label,
       hide: !0
       // No tier — custom fields are opt-in via ColumnToggle only.
     };
-    return i.type === "checkbox" ? {
-      ...s,
-      valueGetter: (l) => {
-        var u, f;
-        return ((f = (u = l.data) == null ? void 0 : u.customFields) == null ? void 0 : f[i.fieldName]) === !0;
+    return n.type === "checkbox" ? {
+      ...o,
+      valueGetter: (r) => {
+        var c, h;
+        return ((h = (c = r.data) == null ? void 0 : c.customFields) == null ? void 0 : h[n.fieldName]) === !0;
       },
-      valueFormatter: (l) => l.value === !0 ? B : W,
-      filter: R,
-      floatingFilterComponent: F,
+      valueFormatter: (r) => r.value === !0 ? A : W,
+      filter: I,
+      floatingFilterComponent: R,
       filterParams: {
         options: [
-          { value: !0, label: B },
+          { value: !0, label: A },
           { value: !1, label: W }
         ]
       },
       minWidth: 110,
       width: 130
-    } : i.type === "dropdown" ? {
-      ...s,
+    } : n.type === "dropdown" ? {
+      ...o,
       // TagListCellRenderer expects an array; wrap the single value.
-      valueGetter: (l) => {
-        var f, d;
-        const u = (d = (f = l.data) == null ? void 0 : f.customFields) == null ? void 0 : d[i.fieldName];
-        return typeof u == "string" && u ? [u] : [];
+      valueGetter: (r) => {
+        var h, d;
+        const c = (d = (h = r.data) == null ? void 0 : h.customFields) == null ? void 0 : d[n.fieldName];
+        return typeof c == "string" && c ? [c] : [];
       },
-      cellRenderer: ie,
-      filterValueGetter: (l) => {
-        var f, d;
-        const u = (d = (f = l.data) == null ? void 0 : f.customFields) == null ? void 0 : d[i.fieldName];
-        return typeof u == "string" ? u : "";
+      cellRenderer: ae,
+      filterValueGetter: (r) => {
+        var h, d;
+        const c = (d = (h = r.data) == null ? void 0 : h.customFields) == null ? void 0 : d[n.fieldName];
+        return typeof c == "string" ? c : "";
       },
-      filter: R,
-      floatingFilterComponent: F,
+      filter: I,
+      floatingFilterComponent: R,
       filterParams: {
         // Undefined (not []) when the field declares no options, so the
         // filter derives its choices from the rows. An empty array would
         // mean "this column has no facets" and leave the filter unusable.
-        options: (o = i.options) == null ? void 0 : o.map((l) => ({
-          value: l,
-          label: l
+        options: (l = n.options) == null ? void 0 : l.map((r) => ({
+          value: r,
+          label: r
         }))
       },
       sortable: !1,
       minWidth: 130,
       width: 160
     } : {
-      ...s,
-      valueGetter: (l) => {
-        var f, d;
-        const u = (d = (f = l.data) == null ? void 0 : f.customFields) == null ? void 0 : d[i.fieldName];
-        return typeof u == "string" ? u : "";
+      ...o,
+      valueGetter: (r) => {
+        var h, d;
+        const c = (d = (h = r.data) == null ? void 0 : h.customFields) == null ? void 0 : d[n.fieldName];
+        return typeof c == "string" ? c : "";
       },
-      filter: b,
-      floatingFilterComponent: p,
+      filter: C,
+      floatingFilterComponent: g,
       minWidth: 140,
       width: 170
     };
   });
 }
-function Ze(e, i = {}) {
+function qe(e, n = {}) {
   const {
-    hideDetails: c = !1,
-    getActionsCompact: s = Qe,
-    onRowAction: o,
-    identityHref: l,
-    customFields: u = []
-  } = i, f = qe(e, o), d = {
+    hideDetails: s = !1,
+    getActionsCompact: o = je,
+    onRowAction: l,
+    identityHref: r,
+    customFields: c = []
+  } = n, h = $e(e, l), d = {
     m: e("patientTable.gender.m"),
     f: e("patientTable.gender.f"),
     x: e("patientTable.gender.x")
-  }, m = {
+  }, u = {
     yes: e("patientTable.consent.yes"),
     no: e("patientTable.consent.no"),
     notSpecified: e("patientTable.consent.notSpecified")
-  }, C = {
-    [m.yes]: "success",
-    [m.no]: "error",
-    [m.notSpecified]: "neutral"
+  }, p = {
+    [u.yes]: "success",
+    [u.no]: "error",
+    [u.notSpecified]: "neutral"
   }, a = (t) => e(`patientTable.column.${t}`);
   return [
     /* ── Avatar (P0, pinned-start) ─────────────────────────────────── */
@@ -272,7 +257,7 @@ function Ze(e, i = {}) {
       headerName: a("avatar"),
       headerClass: "sr-only-th",
       pinned: "left",
-      cellRenderer: Ne,
+      cellRenderer: Te,
       cellRendererParams: {
         srcField: "avatarUrl",
         fallbackField: "lastName",
@@ -301,8 +286,8 @@ function Ze(e, i = {}) {
       headerName: a("firstName"),
       pinned: "left",
       field: "firstName",
-      filter: b,
-      floatingFilterComponent: p,
+      filter: C,
+      floatingFilterComponent: g,
       // Size to content: width === minWidth so the pinned column sits tight with
       // no dead space before the next pinned column (pinned columns can't flex).
       width: 140,
@@ -317,16 +302,16 @@ function Ze(e, i = {}) {
       field: "lastName",
       cellRenderer: we,
       cellRendererParams: {
-        href: l,
+        href: r,
         // When no detail href is supplied the cell renders a button; route its
         // click through the same `show` row action.
-        onClick: o ? (t) => o(
+        onClick: l ? (t) => l(
           { id: "show", label: e("patientTable.actions.show") },
           t
         ) : void 0
       },
-      filter: b,
-      floatingFilterComponent: p,
+      filter: C,
+      floatingFilterComponent: g,
       // Size to content: a modest pinned width with no stretched default, so the
       // avatar + first + last group ends tight against the scrollable columns.
       width: 150,
@@ -340,11 +325,11 @@ function Ze(e, i = {}) {
       responsiveTier: "P1",
       // The primary phone number string (prefix + number).
       valueGetter: (t) => {
-        var n, r, h;
-        return ((h = (r = (n = t.data) == null ? void 0 : n.phoneNumbers) == null ? void 0 : r[0]) == null ? void 0 : h.number) ?? "";
+        var i, f, b;
+        return ((b = (f = (i = t.data) == null ? void 0 : i.phoneNumbers) == null ? void 0 : f[0]) == null ? void 0 : b.number) ?? "";
       },
-      filter: b,
-      floatingFilterComponent: p,
+      filter: C,
+      floatingFilterComponent: g,
       minWidth: 160,
       width: 180
     },
@@ -354,9 +339,9 @@ function Ze(e, i = {}) {
       headerName: a("nextAppointment"),
       responsiveTier: "P1",
       field: "nextAppointment",
-      cellRenderer: Ke,
-      filter: _,
-      floatingFilterComponent: L,
+      cellRenderer: ze,
+      filter: z,
+      floatingFilterComponent: _,
       minWidth: 160,
       width: 180
     },
@@ -367,9 +352,11 @@ function Ze(e, i = {}) {
       responsiveTier: "P1",
       field: "unpaidAmount",
       type: "numericColumn",
-      cellRenderer: Ge,
-      filter: H,
-      floatingFilterComponent: U,
+      // The kit's financial-state pill: `debt` while anything is owed, `settled` at zero.
+      cellRenderer: Z,
+      cellRendererParams: { positiveState: "debt" },
+      filter: $,
+      floatingFilterComponent: H,
       // Money is integer cents; the inRange filter compares cents directly.
       filterParams: { defaultOperator: "inRange", min: 0 },
       minWidth: 150,
@@ -384,9 +371,9 @@ function Ze(e, i = {}) {
       // Emit `hide` ONLY when masking (never a literal `hide: false`). A static
       // `hide: false` is re-applied by AG Grid on every `columnDefs` reconcile,
       // clobbering a runtime hide from the ViewSwitcher / responsive hook.
-      hide: c || void 0,
-      filter: b,
-      floatingFilterComponent: p,
+      hide: s || void 0,
+      filter: C,
+      floatingFilterComponent: g,
       minWidth: 200,
       width: 240
     },
@@ -396,9 +383,9 @@ function Ze(e, i = {}) {
       headerName: a("carePlanStatus"),
       responsiveTier: "P2",
       field: "carePlanStatus",
-      cellRenderer: Ue,
-      filter: R,
-      floatingFilterComponent: F,
+      cellRenderer: ke,
+      filter: I,
+      floatingFilterComponent: R,
       filterParams: {
         options: [
           {
@@ -422,8 +409,8 @@ function Ze(e, i = {}) {
       headerName: a("fiscalCode"),
       responsiveTier: "P3",
       field: "italianFiscalCode",
-      filter: b,
-      floatingFilterComponent: p,
+      filter: C,
+      floatingFilterComponent: g,
       minWidth: 160,
       width: 180
     },
@@ -436,11 +423,11 @@ function Ze(e, i = {}) {
       // header + cell) is for ledger figures, not a 2-digit age. Sort stays
       // numeric because the valueGetter returns a number.
       valueGetter: (t) => {
-        var n;
-        return Xe((n = t.data) == null ? void 0 : n.dateOfBirth) ?? void 0;
+        var i;
+        return Ke((i = t.data) == null ? void 0 : i.dateOfBirth) ?? void 0;
       },
-      filter: H,
-      floatingFilterComponent: U,
+      filter: $,
+      floatingFilterComponent: H,
       minWidth: 90,
       width: 110
     },
@@ -451,11 +438,11 @@ function Ze(e, i = {}) {
       responsiveTier: "P3",
       // Map the raw code to a localised label for both cell + set filter.
       valueGetter: (t) => {
-        var n;
-        return (n = t.data) != null && n.gender ? d[t.data.gender] : W;
+        var i;
+        return (i = t.data) != null && i.gender ? d[t.data.gender] : W;
       },
-      filter: R,
-      floatingFilterComponent: F,
+      filter: I,
+      floatingFilterComponent: R,
       filterParams: {
         options: [
           { value: d.m, label: d.m },
@@ -473,17 +460,17 @@ function Ze(e, i = {}) {
       responsiveTier: "P3",
       // TagListCellRenderer expects an array; wrap the resolved source string.
       valueGetter: (t) => {
-        var r, h;
-        const n = ((r = t.data) == null ? void 0 : r.source) ?? ((h = t.data) == null ? void 0 : h.customSource);
-        return n ? [n] : [];
+        var f, b;
+        const i = ((f = t.data) == null ? void 0 : f.source) ?? ((b = t.data) == null ? void 0 : b.customSource);
+        return i ? [i] : [];
       },
-      cellRenderer: ie,
+      cellRenderer: ae,
       filterValueGetter: (t) => {
-        var n, r;
-        return ((n = t.data) == null ? void 0 : n.source) ?? ((r = t.data) == null ? void 0 : r.customSource) ?? "";
+        var i, f;
+        return ((i = t.data) == null ? void 0 : i.source) ?? ((f = t.data) == null ? void 0 : f.customSource) ?? "";
       },
-      filter: R,
-      floatingFilterComponent: F,
+      filter: I,
+      floatingFilterComponent: R,
       sortable: !1,
       minWidth: 120,
       width: 150
@@ -494,10 +481,10 @@ function Ze(e, i = {}) {
       headerName: a("dateOfBirth"),
       hide: !0,
       field: "dateOfBirth",
-      cellRenderer: K,
+      cellRenderer: q,
       cellRendererParams: { format: "date" },
-      filter: _,
-      floatingFilterComponent: L,
+      filter: z,
+      floatingFilterComponent: _,
       minWidth: 140,
       width: 160
     },
@@ -506,8 +493,8 @@ function Ze(e, i = {}) {
       headerName: a("placeOfBirth"),
       hide: !0,
       field: "placeOfBirth",
-      filter: b,
-      floatingFilterComponent: p,
+      filter: C,
+      floatingFilterComponent: g,
       minWidth: 140,
       width: 160
     },
@@ -516,8 +503,8 @@ function Ze(e, i = {}) {
       headerName: a("countryOfBirth"),
       hide: !0,
       field: "countryOfBirth",
-      filter: b,
-      floatingFilterComponent: p,
+      filter: C,
+      floatingFilterComponent: g,
       minWidth: 130,
       width: 150
     },
@@ -527,15 +514,15 @@ function Ze(e, i = {}) {
       headerName: a("smsReminders"),
       hide: !0,
       valueGetter: (t) => {
-        var n;
-        return !!((n = t.data) != null && n.smsReminderEligible);
+        var i;
+        return !!((i = t.data) != null && i.smsReminderEligible);
       },
-      valueFormatter: (t) => t.value === !0 ? B : W,
-      filter: R,
-      floatingFilterComponent: F,
+      valueFormatter: (t) => t.value === !0 ? A : W,
+      filter: I,
+      floatingFilterComponent: R,
       filterParams: {
         options: [
-          { value: !0, label: B },
+          { value: !0, label: A },
           { value: !1, label: W }
         ]
       },
@@ -547,15 +534,15 @@ function Ze(e, i = {}) {
       headerName: a("emailReminders"),
       hide: !0,
       valueGetter: (t) => {
-        var n;
-        return !!((n = t.data) != null && n.emailReminderEligible);
+        var i;
+        return !!((i = t.data) != null && i.emailReminderEligible);
       },
-      valueFormatter: (t) => t.value === !0 ? B : W,
-      filter: R,
-      floatingFilterComponent: F,
+      valueFormatter: (t) => t.value === !0 ? A : W,
+      filter: I,
+      floatingFilterComponent: R,
       filterParams: {
         options: [
-          { value: !0, label: B },
+          { value: !0, label: A },
           { value: !1, label: W }
         ]
       },
@@ -567,8 +554,8 @@ function Ze(e, i = {}) {
       headerName: a("pec"),
       hide: !0,
       field: "pecAddress",
-      filter: b,
-      floatingFilterComponent: p,
+      filter: C,
+      floatingFilterComponent: g,
       minWidth: 200,
       width: 240
     },
@@ -578,10 +565,10 @@ function Ze(e, i = {}) {
       headerName: a("lastVisit"),
       hide: !0,
       field: "lastAppointment",
-      cellRenderer: K,
+      cellRenderer: q,
       cellRendererParams: { format: "relative" },
-      filter: _,
-      floatingFilterComponent: L,
+      filter: z,
+      floatingFilterComponent: _,
       minWidth: 140,
       width: 160
     },
@@ -591,14 +578,15 @@ function Ze(e, i = {}) {
       headerName: a("billableAmount"),
       hide: !0,
       type: "numericColumn",
-      cellRenderer: Te,
-      // Cents → major unit at the render boundary. No `field` — the valueGetter
-      // takes precedence over `field` in AG Grid for both cell + sort, so a
-      // `field: 'billableAmount'` would be dead (and misleadingly imply the raw
-      // cents drive the renderer).
-      valueGetter: (t) => t.data ? t.data.billableAmount / 100 : void 0,
-      filter: H,
-      floatingFilterComponent: U,
+      field: "billableAmount",
+      // "Fatturabile" is the chip's own `to-invoice` state; `settled` at zero.
+      // Same shape as unpaidBalance: the cell value stays in cents and the
+      // renderer converts, so the inRange filter compares cents directly.
+      cellRenderer: Z,
+      cellRendererParams: { positiveState: "to-invoice" },
+      filter: $,
+      floatingFilterComponent: H,
+      filterParams: { defaultOperator: "inRange", min: 0 },
       minWidth: 140,
       width: 160
     },
@@ -609,8 +597,8 @@ function Ze(e, i = {}) {
       field: "defaultDiscount",
       type: "numericColumn",
       valueFormatter: (t) => t.value == null ? "" : `${t.value}%`,
-      filter: H,
-      floatingFilterComponent: U,
+      filter: $,
+      floatingFilterComponent: H,
       minWidth: 110,
       width: 130
     },
@@ -620,8 +608,8 @@ function Ze(e, i = {}) {
       headerName: a("diagnosis"),
       hide: !0,
       field: "diagnosis",
-      filter: b,
-      floatingFilterComponent: p,
+      filter: C,
+      floatingFilterComponent: g,
       minWidth: 180,
       width: 220
     },
@@ -630,8 +618,8 @@ function Ze(e, i = {}) {
       headerName: a("insurance"),
       hide: !0,
       field: "defaultInsurance",
-      filter: R,
-      floatingFilterComponent: F,
+      filter: I,
+      floatingFilterComponent: R,
       minWidth: 140,
       width: 160
     },
@@ -639,18 +627,18 @@ function Ze(e, i = {}) {
       colId: "assignedTo",
       headerName: a("assignedTo"),
       hide: !0,
-      cellRenderer: Ie,
+      cellRenderer: Re,
       valueGetter: (t) => {
-        var n;
-        return (n = t.data) != null && n.personalAssistant ? { name: t.data.personalAssistant } : null;
+        var i;
+        return (i = t.data) != null && i.personalAssistant ? { name: t.data.personalAssistant } : null;
       },
-      comparator: (t, n) => ((t == null ? void 0 : t.name) ?? "").localeCompare((n == null ? void 0 : n.name) ?? ""),
+      comparator: (t, i) => ((t == null ? void 0 : t.name) ?? "").localeCompare((i == null ? void 0 : i.name) ?? ""),
       filterValueGetter: (t) => {
-        var n;
-        return ((n = t.data) == null ? void 0 : n.personalAssistant) ?? "";
+        var i;
+        return ((i = t.data) == null ? void 0 : i.personalAssistant) ?? "";
       },
-      filter: Re,
-      floatingFilterComponent: Fe,
+      filter: Fe,
+      floatingFilterComponent: Ne,
       minWidth: 160,
       width: 180
     },
@@ -659,8 +647,8 @@ function Ze(e, i = {}) {
       headerName: a("job"),
       hide: !0,
       field: "job",
-      filter: b,
-      floatingFilterComponent: p,
+      filter: C,
+      floatingFilterComponent: g,
       minWidth: 140,
       width: 160
     },
@@ -669,30 +657,30 @@ function Ze(e, i = {}) {
       colId: "marketingConsent",
       headerName: a("marketingConsent"),
       hide: !0,
-      cellRenderer: ye,
+      cellRenderer: Ie,
       cellRendererParams: {
-        variantMap: C
+        variantMap: p
       },
       valueGetter: (t) => {
-        var n;
-        switch ((n = t.data) == null ? void 0 : n.marketingConsent) {
+        var i;
+        switch ((i = t.data) == null ? void 0 : i.marketingConsent) {
           case 1:
-            return m.yes;
+            return u.yes;
           case 0:
-            return m.no;
+            return u.no;
           default:
-            return m.notSpecified;
+            return u.notSpecified;
         }
       },
-      filter: R,
-      floatingFilterComponent: F,
+      filter: I,
+      floatingFilterComponent: R,
       filterParams: {
         options: [
-          { value: m.yes, label: m.yes },
-          { value: m.no, label: m.no },
+          { value: u.yes, label: u.yes },
+          { value: u.no, label: u.no },
           {
-            value: m.notSpecified,
-            label: m.notSpecified
+            value: u.notSpecified,
+            label: u.notSpecified
           }
         ]
       },
@@ -706,12 +694,12 @@ function Ze(e, i = {}) {
       hide: !0,
       // `YYYY/N` yearly numbering.
       valueGetter: (t) => {
-        var h, v;
-        const n = (h = t.data) == null ? void 0 : h.yearlyNumberingYear, r = (v = t.data) == null ? void 0 : v.yearlyNumberingNumber;
-        return n != null && r != null ? `${n}/${r}` : "";
+        var b, m;
+        const i = (b = t.data) == null ? void 0 : b.yearlyNumberingYear, f = (m = t.data) == null ? void 0 : m.yearlyNumberingNumber;
+        return i != null && f != null ? `${i}/${f}` : "";
       },
-      filter: b,
-      floatingFilterComponent: p,
+      filter: C,
+      floatingFilterComponent: g,
       minWidth: 120,
       width: 140
     },
@@ -720,15 +708,15 @@ function Ze(e, i = {}) {
       headerName: a("portal"),
       hide: !0,
       valueGetter: (t) => {
-        var n;
-        return !!((n = t.data) != null && n.mydentista);
+        var i;
+        return !!((i = t.data) != null && i.mydentista);
       },
-      valueFormatter: (t) => t.value === !0 ? B : W,
-      filter: R,
-      floatingFilterComponent: F,
+      valueFormatter: (t) => t.value === !0 ? A : W,
+      filter: I,
+      floatingFilterComponent: R,
       filterParams: {
         options: [
-          { value: !0, label: B },
+          { value: !0, label: A },
           { value: !1, label: W }
         ]
       },
@@ -740,10 +728,10 @@ function Ze(e, i = {}) {
       headerName: a("createdAt"),
       hide: !0,
       field: "createdAt",
-      cellRenderer: K,
+      cellRenderer: q,
       cellRendererParams: { format: "date" },
-      filter: _,
-      floatingFilterComponent: L,
+      filter: z,
+      floatingFilterComponent: _,
       minWidth: 140,
       width: 160
     },
@@ -753,8 +741,8 @@ function Ze(e, i = {}) {
       headerName: a("city"),
       hide: !0,
       field: "city",
-      filter: b,
-      floatingFilterComponent: p,
+      filter: C,
+      floatingFilterComponent: g,
       minWidth: 120,
       width: 150
     },
@@ -763,8 +751,8 @@ function Ze(e, i = {}) {
       headerName: a("province"),
       hide: !0,
       field: "province",
-      filter: b,
-      floatingFilterComponent: p,
+      filter: C,
+      floatingFilterComponent: g,
       minWidth: 100,
       width: 120
     },
@@ -773,8 +761,8 @@ function Ze(e, i = {}) {
       headerName: a("postcode"),
       hide: !0,
       field: "postcode",
-      filter: b,
-      floatingFilterComponent: p,
+      filter: C,
+      floatingFilterComponent: g,
       minWidth: 110,
       width: 130
     },
@@ -783,8 +771,8 @@ function Ze(e, i = {}) {
       headerName: a("country"),
       hide: !0,
       field: "countryCode",
-      filter: b,
-      floatingFilterComponent: p,
+      filter: C,
+      floatingFilterComponent: g,
       minWidth: 110,
       width: 130
     },
@@ -793,13 +781,13 @@ function Ze(e, i = {}) {
       headerName: a("street"),
       hide: !0,
       field: "street",
-      filter: b,
-      floatingFilterComponent: p,
+      filter: C,
+      floatingFilterComponent: g,
       minWidth: 180,
       width: 220
     },
     /* ── Custom fields (per-practice, dynamic) — appended, hidden ──── */
-    ...Je(u),
+    ...Ye(c),
     /* ── Actions (P0, pinned-end) ──────────────────────────────────── */
     {
       colId: "actions",
@@ -817,11 +805,11 @@ function Ze(e, i = {}) {
       cellClass: "ds:justify-start ag-cell-graphic",
       cellRenderer: be,
       cellRendererParams: {
-        actions: f,
+        actions: h,
         intent: "ghost",
         group: !0,
         label: e("patientTable.actions.group"),
-        collapsed: s
+        collapsed: o
       },
       sortable: !1,
       filter: !1,
@@ -829,265 +817,286 @@ function Ze(e, i = {}) {
       // The renderer collapses to a single overflow trigger via
       // `getActionsCompact`; the expanded width is DERIVED from the action count
       // so a row showing every action can't clip — 88px collapsed → fits-all.
-      width: ne(f.length),
+      width: ie(h.length),
       minWidth: 88
       // Anchor — never auto-hidden (no tier).
     }
   ];
 }
-const et = [
+const Qe = /* @__PURE__ */ new Set([
+  "api",
+  "flex",
+  "gridInitializing",
+  "gridOptionsChanged",
+  "autosizeColumns",
+  "sizeColumnsToFit",
+  "rowDataUpdated",
+  "rowModelUpdated"
+]), Xe = [
   { minWidth: 0, tier: "P0" },
   { minWidth: 640, tier: "P1" },
   { minWidth: 900, tier: "P2" },
   { minWidth: 1200, tier: "P3" }
 ];
-function Z(e, i) {
-  const c = /* @__PURE__ */ new Set();
-  for (const s of i)
-    e >= s.minWidth && c.add(s.tier);
-  return c.add("P0"), c;
+function Je(e, n) {
+  const s = /* @__PURE__ */ new Set();
+  for (const o of n)
+    e >= o.minWidth && s.add(o.tier);
+  return s.add("P0"), s;
 }
-function tt(e, i) {
+function Ze(e, n) {
   const {
-    containerRef: c,
-    enabled: s = !0,
-    breakpoints: o = et
-  } = i, l = k(/* @__PURE__ */ new Set()), u = k(!1);
-  return ee(() => {
-    const d = c.current;
-    if (!s || !d) return;
-    const m = () => {
-      var r;
-      return (r = e.current) == null ? void 0 : r.getRawApi();
-    }, C = (r) => {
-      if (u.current || r.source === "api") return;
-      const h = r.columns ?? (r.column ? [r.column] : []);
-      for (const v of h)
-        l.current.add(v.getColId());
+    containerRef: s,
+    enabled: o = !0,
+    breakpoints: l = Xe
+  } = n, r = G(/* @__PURE__ */ new Set()), c = G(!1);
+  return te(() => {
+    const d = s.current;
+    if (!o || !d) return;
+    const u = () => {
+      var m;
+      return (m = e.current) == null ? void 0 : m.getRawApi();
     };
-    let a = !1;
-    const w = (r) => {
-      if (a) return;
-      a = !0;
-      const h = r.getColumns(), v = d.getBoundingClientRect().width, D = Z(v, o);
-      if (h)
-        for (const T of h) {
-          const I = q(T.getColDef());
-          I && !T.isVisible() && D.has(I) && l.current.add(T.getColId());
-        }
-      r.addEventListener("columnVisible", C);
-    }, t = () => {
-      const r = m();
-      if (!r) return;
-      w(r);
-      const h = r.getColumns();
-      if (!h) return;
-      const v = d.getBoundingClientRect().width, D = Z(v, o), T = [], I = [];
-      for (const S of h) {
-        const V = S.getColId();
-        if (l.current.has(V)) continue;
-        const A = q(S.getColDef());
-        if (!A) continue;
-        const E = D.has(A);
-        E && !S.isVisible() ? T.push(S) : !E && S.isVisible() && I.push(S);
+    let p;
+    const a = () => {
+      p === void 0 && (p = window.setTimeout(() => {
+        p = void 0, f();
+      }, 0));
+    }, T = (m) => {
+      var O;
+      if (c.current) return;
+      if (Qe.has(m.source)) {
+        a();
+        return;
       }
-      if (!(T.length === 0 && I.length === 0)) {
-        u.current = !0;
+      const V = (m.columns ?? (m.column ? [m.column] : [])).map((D) => D.getColId());
+      for (const D of V) r.current.add(D);
+      (O = e.current) == null || O.markColumnsUserTouched(V);
+    };
+    let t = !1;
+    const i = (m) => {
+      t || (t = !0, m.addEventListener("columnVisible", T));
+    }, f = () => {
+      var M;
+      const m = u();
+      if (!m) return;
+      i(m);
+      const x = m.getColumns();
+      if (!x) return;
+      const V = d.getBoundingClientRect().width, O = Je(V, l), D = new Set(
+        ((M = e.current) == null ? void 0 : M.getUserTouchedColumns()) ?? []
+      ), P = [], F = [];
+      for (const N of x) {
+        const L = N.getColId();
+        if (r.current.has(L) || D.has(L))
+          continue;
+        const U = le(N.getColDef());
+        if (!U) continue;
+        const B = O.has(U);
+        B && !N.isVisible() ? P.push(N) : !B && N.isVisible() && F.push(N);
+      }
+      if (!(P.length === 0 && F.length === 0)) {
+        c.current = !0;
         try {
-          T.length > 0 && r.setColumnsVisible(T, !0), I.length > 0 && r.setColumnsVisible(I, !1);
+          P.length > 0 && m.setColumnsVisible(P, !0), F.length > 0 && m.setColumnsVisible(F, !1);
         } finally {
-          u.current = !1;
+          c.current = !1;
         }
       }
-    }, n = new ResizeObserver(() => t());
-    return n.observe(d), t(), () => {
-      var r;
-      n.disconnect(), (r = m()) == null || r.removeEventListener("columnVisible", C);
+    }, b = new ResizeObserver(() => f());
+    return b.observe(d), f(), () => {
+      var m;
+      b.disconnect(), p !== void 0 && window.clearTimeout(p), (m = u()) == null || m.removeEventListener("columnVisible", T);
     };
-  }, [c, s, o, e]), { lockColumns: z((d) => {
-    for (const m of d) l.current.add(m);
-  }, []) };
+  }, [s, o, l, e]), { lockColumns: j(
+    (d) => {
+      var u;
+      for (const p of d) r.current.add(p);
+      (u = e.current) == null || u.markColumnsUserTouched(d);
+    },
+    [e]
+  ) };
 }
-function nt(e) {
-  var i;
-  return (i = e.data) != null && i.isArchived ? "data-table-row-archived" : void 0;
+function et(e) {
+  var n;
+  return (n = e.data) != null && n.isArchived ? "data-table-row-archived" : void 0;
 }
-function it(e) {
+function tt(e) {
   return e.data.id;
 }
-function at({
+function nt({
   views: e,
-  handleRef: i,
-  lockColumns: c,
-  label: s
+  handleRef: n,
+  lockColumns: s,
+  label: o
 }) {
-  const [o, l] = te(""), u = Y(
-    () => e.map((m) => ({ value: m.id, label: m.label })),
+  const [l, r] = ne(""), c = Q(
+    () => e.map((u) => ({ value: u.id, label: u.label })),
     [e]
-  ), f = z(
-    (m) => {
-      const C = e.find((t) => t.id === m), a = i.current;
-      if (!C || !a) return;
-      const w = a.getRawApi();
-      if (w) {
-        const t = new Set(C.columns), n = [], r = [];
-        for (const h of w.getColumns() ?? []) {
-          if (q(h.getColDef()) === void 0) continue;
-          const v = h.getColId();
-          t.has(v) ? n.push(v) : r.push(v);
+  ), h = j(
+    (u) => {
+      const p = e.find((t) => t.id === u), a = n.current;
+      if (!p || !a) return;
+      const T = a.getRawApi();
+      if (T) {
+        const t = new Set(p.columns), i = [], f = [];
+        for (const b of T.getColumns() ?? []) {
+          if (le(b.getColDef()) === void 0) continue;
+          const m = b.getColId();
+          t.has(m) ? i.push(m) : f.push(m);
         }
-        c([...n, ...r]), n.length > 0 && w.setColumnsVisible(n, !0), r.length > 0 && w.setColumnsVisible(r, !1);
+        s([...i, ...f]), i.length > 0 && T.setColumnsVisible(i, !0), f.length > 0 && T.setColumnsVisible(f, !1);
       }
-      a.setFilter(C.filterModel), a.setSort(C.sortModel), w == null || w.onFilterChanged();
+      a.setFilter(p.filterModel), a.setSort(p.sortModel), T == null || T.onFilterChanged();
     },
-    [e, i, c]
-  ), d = z(
-    (m) => {
-      l(m), m && f(m);
+    [e, n, s]
+  ), d = j(
+    (u) => {
+      r(u), u && h(u);
     },
-    [f]
+    [h]
   );
   return (
     // Width-constraining wrapper (same pattern as the toolbar's QuickSearch) so
     // the Select's intrinsic `w-full` trigger sizes to a compact, legible width
     // instead of absorbing the whole FilterBar row.
-    /* @__PURE__ */ g("div", { className: "ds:w-[12rem] ds:max-w-full ds:min-w-0 ds:shrink-0", children: /* @__PURE__ */ g(
+    /* @__PURE__ */ v("div", { className: "ds:w-[12rem] ds:max-w-full ds:min-w-0 ds:shrink-0", children: /* @__PURE__ */ v(
       Ce,
       {
-        options: u,
-        value: o,
+        options: c,
+        value: l,
         onValueChange: d,
         size: "sm",
-        "aria-label": s
+        "aria-label": o
       }
     ) })
   );
 }
-const lt = he(
+const it = he(
   function({
-    rowData: i,
-    columns: c,
-    gridId: s,
-    density: o,
-    actionsCompact: l,
-    heightClass: u,
-    responsive: f = !0,
+    rowData: n,
+    columns: s,
+    gridId: o,
+    density: l,
+    actionsCompact: r,
+    heightClass: c,
+    responsive: h = !0,
     views: d,
-    onRowAction: m,
-    bulkActions: C,
+    onRowAction: u,
+    bulkActions: p,
     loading: a = !1,
-    toolbar: w,
+    toolbar: T,
     hideQuickSearch: t = !1,
-    pagination: n = !1,
-    paginationPageSizeSelector: r,
-    hideDetails: h = !1,
-    identityHref: v,
-    customFields: D,
-    "aria-label": T,
-    className: I
-  }, S) {
-    const { t: V } = $("ui"), A = k(null), E = k(null), [M, le] = te(null);
+    pagination: i = !1,
+    paginationPageSizeSelector: f,
+    hideDetails: b = !1,
+    identityHref: m,
+    customFields: x,
+    "aria-label": V,
+    className: O
+  }, D) {
+    const { t: P } = K("ui"), F = G(null), M = G(null), [N, L] = ne(null);
     pe(
-      S,
-      () => M ?? A.current,
-      [M]
+      D,
+      () => N ?? F.current,
+      [N]
     );
-    const { lockColumns: re } = tt(A, {
-      containerRef: E,
-      enabled: f
-    }), G = l ?? o === "compact", Q = k(G), X = z(() => Q.current, []);
-    ee(() => {
+    const { lockColumns: U } = Ze(F, {
+      containerRef: M,
+      enabled: h
+    }), B = r ?? l === "compact", X = G(B), J = j(() => X.current, []);
+    te(() => {
       var y;
-      Q.current = G;
-      const N = (y = A.current) == null ? void 0 : y.getRawApi();
-      N && (N.setColumnWidths([
+      X.current = B;
+      const w = (y = F.current) == null ? void 0 : y.getRawApi();
+      w && (w.setColumnWidths([
         {
           key: "actions",
-          newWidth: G ? 88 : ne(Ye)
+          newWidth: B ? 88 : ie(He)
         }
-      ]), N.refreshCells({ force: !0 }));
-    }, [G, M]);
-    const oe = Y(
-      () => c ?? Ze(V, {
-        hideDetails: h,
-        onRowAction: m,
-        identityHref: v,
-        customFields: D,
-        getActionsCompact: X
+      ]), w.refreshCells({ force: !0 }));
+    }, [B, N]);
+    const oe = Q(
+      () => s ?? qe(P, {
+        hideDetails: b,
+        onRowAction: u,
+        identityHref: m,
+        customFields: x,
+        getActionsCompact: J
       }),
       [
-        c,
-        V,
-        h,
+        s,
+        P,
+        b,
+        u,
         m,
-        v,
-        D,
-        X
+        x,
+        J
       ]
-    ), se = ((d == null ? void 0 : d.length) ?? 0) > 0, de = /* @__PURE__ */ O(P.Toolbar, { children: [
-      /* @__PURE__ */ O(P.Toolbar.FilterBar, { children: [
-        se && d ? /* @__PURE__ */ g(
-          at,
+    ), se = ((d == null ? void 0 : d.length) ?? 0) > 0, de = /* @__PURE__ */ k(S.Toolbar, { children: [
+      /* @__PURE__ */ k(S.Toolbar.FilterBar, { children: [
+        se && d ? /* @__PURE__ */ v(
+          nt,
           {
             views: d,
-            handleRef: A,
-            lockColumns: re,
-            label: V("patientTable.views.label")
+            handleRef: F,
+            lockColumns: U,
+            label: P("patientTable.views.label")
           }
         ) : null,
-        t ? null : /* @__PURE__ */ g(P.Toolbar.QuickSearch, {}),
-        /* @__PURE__ */ g(P.Toolbar.FilterChips, {})
+        t ? null : /* @__PURE__ */ v(S.Toolbar.QuickSearch, {}),
+        /* @__PURE__ */ v(S.Toolbar.FilterChips, {})
       ] }),
-      /* @__PURE__ */ O(P.Toolbar.Actions, { children: [
-        C == null ? void 0 : C.map((N) => /* @__PURE__ */ g(
-          P.Toolbar.BulkAction,
+      /* @__PURE__ */ k(S.Toolbar.Actions, { children: [
+        p == null ? void 0 : p.map((w) => /* @__PURE__ */ v(
+          S.Toolbar.BulkAction,
           {
-            label: N.label,
-            icon: N.icon,
-            variant: N.variant,
+            label: w.label,
+            icon: w.icon,
+            variant: w.variant,
             onClick: (y) => {
-              const fe = (y == null ? void 0 : y.getSelectedNodes().map((j) => j.id).filter((j) => j != null)) ?? [];
-              N.onSelect(fe);
+              const fe = (y == null ? void 0 : y.getSelectedNodes().map((Y) => Y.id).filter((Y) => Y != null)) ?? [];
+              w.onSelect(fe);
             }
           },
-          N.id
+          w.id
         )),
-        /* @__PURE__ */ g(P.Toolbar.ColumnToggle, {}),
-        /* @__PURE__ */ g(P.Toolbar.ExportMenu, {})
+        /* @__PURE__ */ v(S.Toolbar.ColumnToggle, {}),
+        /* @__PURE__ */ v(S.Toolbar.ExportMenu, {})
       ] })
-    ] }), ce = w ?? de, ue = a ? void 0 : i, me = Y(() => ({ getRowId: it }), []);
+    ] }), ce = T ?? de, ue = a ? void 0 : n, me = Q(() => ({ getRowId: tt }), []);
     return ve(
       ge,
-      M,
-      s
-    ), /* @__PURE__ */ g(
+      N,
+      o
+    ), /* @__PURE__ */ v(
       "div",
       {
-        ref: E,
+        ref: M,
         role: "region",
-        "aria-label": T ?? V("patientTable.regionLabel"),
+        "aria-label": V ?? P("patientTable.regionLabel"),
         "data-component": "patient-table",
-        "data-component-id": s,
+        "data-component-id": o,
         className: "ds:flex ds:w-full ds:min-h-0 ds:flex-1 ds:flex-col",
-        children: /* @__PURE__ */ g(
-          P,
+        children: /* @__PURE__ */ v(
+          S,
           {
-            ref: (N) => {
-              A.current = N, le(
-                (y) => y === N ? y : N
+            ref: (w) => {
+              F.current = w, L(
+                (y) => y === w ? y : w
               );
             },
-            gridId: s,
+            gridId: o,
             columnDefs: oe,
             rowData: ue,
             rowSelection: "multiple",
-            pagination: n,
-            ...u !== void 0 ? { heightClass: u } : {},
-            ...r !== void 0 ? { paginationPageSizeSelector: r } : {},
-            density: o,
-            getRowClass: nt,
+            pagination: i,
+            ...c !== void 0 ? { heightClass: c } : {},
+            ...f !== void 0 ? { paginationPageSizeSelector: f } : {},
+            density: l,
+            getRowClass: et,
             gridOptions: me,
-            className: I,
+            className: O,
             children: ce
           }
         )
@@ -1095,15 +1104,38 @@ const lt = he(
     );
   }
 );
-lt.displayName = "PatientTable";
+it.displayName = "PatientTable";
+const at = 5e4;
+function rt(e) {
+  return e === 0 ? { variant: "success", statusKey: "settled" } : e <= at ? { variant: "warning", statusKey: "pending" } : { variant: "error", statusKey: "overdue" };
+}
+function lt(e) {
+  if (e == null || e === "") return null;
+  const n = typeof e == "number" ? e : Number(e);
+  return Number.isFinite(n) ? n : null;
+}
+function It(e) {
+  const { value: n, currency: s = "EUR", options: o } = e, { t: l, i18n: r } = K("ui"), c = lt(n);
+  if (c === null) return null;
+  const h = r.language || "en", d = new Intl.NumberFormat(h, {
+    style: "currency",
+    currency: s,
+    ...o
+  }).format(c / 100), { variant: u, statusKey: p } = rt(c), a = l(`patientTable.balance.status.${p}`);
+  return /* @__PURE__ */ k(re, { variant: u, withDot: !0, size: "sm", className: "ds:tabular-nums", children: [
+    /* @__PURE__ */ v("span", { children: d }),
+    /* @__PURE__ */ v("span", { className: "ds:sr-only", children: a })
+  ] });
+}
 export {
-  Ge as B,
-  Ue as C,
-  Ke as N,
-  Ye as P,
-  lt as a,
-  Ze as b,
-  q as g,
-  tt as u
+  It as B,
+  ke as C,
+  ze as N,
+  He as P,
+  Z as T,
+  it as a,
+  qe as b,
+  le as g,
+  Ze as u
 };
-//# sourceMappingURL=patient-table-S77TBCEB.js.map
+//# sourceMappingURL=balance-badge-cell-DK9wxCxW.js.map