@alfadocs/ui-kit 1.88.1 → 1.90.0

package/dist/_chunks/{patient-search-Dy0sxcwv.js → patient-search-CCOUZABE.js}

@@ -1,16 +1,16 @@
 import { jsx as a, jsxs as w } from "react/jsx-runtime";
-import { forwardRef as ce, useRef as j, useEffect as K, useMemo as Y, useImperativeHandle as le, useState as z, useCallback as M, useId as ue } from "react";
+import { forwardRef as ce, useRef as R, useEffect as B, useMemo as J, useImperativeHandle as le, useState as H, useCallback as $, useId as ue } from "react";
 import { c as L } from "./index-D2ZczOXr.js";
 import { useTranslation as C } from "react-i18next";
-import { A as re } from "./autocomplete-CnB1mHGc.js";
+import { A as ne } from "./autocomplete-CnB1mHGc.js";
 import { B as fe } from "./button-DohK_Ak_.js";
-import { C as H } from "./card-BA4Ig_kn.js";
+import { C as q } from "./card-BA4Ig_kn.js";
 import { S as pe } from "./slider-pZ95bEm7.js";
-import { A as ee } from "./alert-9kEwDza3.js";
-import { D as W } from "./dropdown-menu-D1we7oAY.js";
+import { A as ae } from "./alert-9kEwDza3.js";
+import { D as M } from "./dropdown-menu-D1we7oAY.js";
 import { u as me } from "./registry-DvAUVLHh.js";
-import { S as ne } from "./search-QbWPlY5f.js";
-import { X as ie } from "./x-B5YnXwCz.js";
+import { S as ie } from "./search-QbWPlY5f.js";
+import { X as oe } from "./x-B5YnXwCz.js";
 import { c as he } from "./createLucideIcon-DhHxpK9K.js";
 import { M as ve } from "./map-pin-BaY37-Km.js";
 import { S as ge } from "./stethoscope-sZXGC43m.js";
@@ -79,11 +79,11 @@ const ye = [
     }
   }
 };
-function _(e, s) {
+function _(e, t) {
   if (typeof window > "u") return;
-  const t = window.track;
+  const s = window.track;
   try {
-    t == null || t(e, s);
+    s == null || s(e, t);
   } catch {
   }
 }
@@ -92,13 +92,13 @@ const T = [
   "tomorrow",
   "this_week",
   "anytime"
-], B = [1, 5, 10, 25, 50], J = 5, oe = 200;
+], V = [1, 5, 10, 25, 50], Z = 5, de = 200;
 function _e(e) {
-  let s = 0, t = Number.POSITIVE_INFINITY;
-  return B.forEach((i, p) => {
-    const v = Math.abs(i - e);
-    v < t && (t = v, s = p);
-  }), s;
+  let t = 0, s = Number.POSITIVE_INFINITY;
+  return V.forEach((d, i) => {
+    const v = Math.abs(d - e);
+    v < s && (s = v, t = i);
+  }), t;
 }
 const Se = L(
   "ds:flex ds:w-full ds:flex-col ds:text-[var(--foreground)]",
@@ -114,22 +114,22 @@ const Se = L(
     defaultVariants: { variant: "who-where" }
   }
 );
-function $({
+function U({
   value: e,
-  onChange: s,
-  loadObjects: t,
-  onObjectSelect: i,
-  inputRef: p
+  onChange: t,
+  loadObjects: s,
+  onObjectSelect: d,
+  inputRef: i
 }) {
-  var l, u, c, g;
-  const { t: v } = C("ui"), [b, h] = z(((l = e.object) == null ? void 0 : l.label) ?? ""), d = j((u = e.object) == null ? void 0 : u.value);
-  K(() => {
-    var m, o, S;
-    ((m = e.object) == null ? void 0 : m.value) !== d.current && (d.current = (o = e.object) == null ? void 0 : o.value, h(((S = e.object) == null ? void 0 : S.label) ?? ""));
-  }, [(c = e.object) == null ? void 0 : c.value, (g = e.object) == null ? void 0 : g.label]);
-  const n = M(
-    async (m, { signal: o }) => await t(m, { signal: o }),
-    [t]
+  var p, u, l, b;
+  const { t: v } = C("ui"), [g, h] = H(((p = e.object) == null ? void 0 : p.label) ?? ""), c = R((u = e.object) == null ? void 0 : u.value);
+  B(() => {
+    var m, o, k;
+    ((m = e.object) == null ? void 0 : m.value) !== c.current && (c.current = (o = e.object) == null ? void 0 : o.value, h(((k = e.object) == null ? void 0 : k.label) ?? ""));
+  }, [(l = e.object) == null ? void 0 : l.value, (b = e.object) == null ? void 0 : b.label]);
+  const n = $(
+    async (m, { signal: o }) => await s(m, { signal: o }),
+    [s]
   ), f = (m) => {
     const o = {
       value: m.value,
@@ -137,11 +137,11 @@ function $({
       description: m.description,
       __payload: m.__payload
     };
-    h(o.label), d.current = o.value, s({ ...e, object: o }), _("patient_search_object_selected", {
+    h(o.label), c.current = o.value, t({ ...e, object: o }), _("patient_search_object_selected", {
       value: o.value,
       type: o.__payload && typeof o.__payload == "object" ? o.__payload.type : void 0
-    }), i == null || i(o);
-  }, r = j(!1);
+    }), d == null || d(o);
+  }, r = R(!1);
   return /* @__PURE__ */ a(
     "div",
     {
@@ -154,25 +154,26 @@ function $({
         m.currentTarget && !m.currentTarget.contains(m.relatedTarget) && (r.current = !1);
       },
       children: /* @__PURE__ */ a(
-        re,
+        ne,
         {
-          ref: p,
-          value: b,
+          ref: i,
+          size: "lg",
+          value: g,
           onChange: (m) => {
-            h(m), e.object && m !== e.object.label && (d.current = void 0, s({ ...e, object: void 0 }));
+            h(m), e.object && m !== e.object.label && (c.current = void 0, t({ ...e, object: void 0 }));
           },
           onSelect: f,
           loadOptions: n,
-          debounceMs: oe,
+          debounceMs: de,
           placeholder: v("patientSearch.who.placeholder"),
           "aria-label": v("patientSearch.who.label"),
-          startAdornment: /* @__PURE__ */ a(ne, { "aria-hidden": "true" })
+          startAdornment: /* @__PURE__ */ a(ie, { "aria-hidden": "true" })
         }
       )
     }
   );
 }
-const ae = [
+const te = [
   "ds:inline-flex ds:items-center ds:justify-center",
   "ds:size-8 ds:rounded-[var(--radius-sm)]",
   "ds:text-[color:var(--muted-foreground)] ds:hover:text-[color:var(--primary)]",
@@ -184,25 +185,25 @@ const ae = [
   "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:forced-colors:focus-visible:outline-[CanvasText]"
 ].join(" ");
-function q({
+function G({
   value: e,
-  onChange: s,
-  loadPlaces: t,
-  onPlaceSelect: i,
-  allowTypedPlace: p,
+  onChange: t,
+  loadPlaces: s,
+  onPlaceSelect: d,
+  allowTypedPlace: i,
   inputRef: v,
-  defaultRadiusKm: b = J,
+  defaultRadiusKm: g = Z,
   reverseGeocode: h
 }) {
-  var O, F, E, P;
-  const { t: d } = C("ui"), [n, f] = z(((O = e.place) == null ? void 0 : O.label) ?? ""), r = j((F = e.place) == null ? void 0 : F.value), l = e.geo ? "granted" : "pristine", [u, c] = z(l);
-  K(() => {
+  var K, O, z, E;
+  const { t: c } = C("ui"), [n, f] = H(((K = e.place) == null ? void 0 : K.label) ?? ""), r = R((O = e.place) == null ? void 0 : O.value), p = e.geo ? "granted" : "pristine", [u, l] = H(p);
+  B(() => {
     var y, x, N;
     ((y = e.place) == null ? void 0 : y.value) !== r.current && (r.current = (x = e.place) == null ? void 0 : x.value, f(((N = e.place) == null ? void 0 : N.label) ?? ""));
-  }, [(E = e.place) == null ? void 0 : E.value, (P = e.place) == null ? void 0 : P.label]);
-  const g = M(
-    async (y, { signal: x }) => await t(y, { signal: x }),
-    [t]
+  }, [(z = e.place) == null ? void 0 : z.value, (E = e.place) == null ? void 0 : E.label]);
+  const b = $(
+    async (y, { signal: x }) => await s(y, { signal: x }),
+    [s]
   ), m = (y) => {
     const x = {
       value: y.value,
@@ -210,65 +211,65 @@ function q({
       lat: y.lat,
       lng: y.lng
     };
-    f(x.label), r.current = x.value, s({ ...e, place: x, geo: void 0 }), u === "granted" && c("pristine"), _("patient_search_place_selected", { value: x.value }), i == null || i(x);
+    f(x.label), r.current = x.value, t({ ...e, place: x, geo: void 0 }), u === "granted" && l("pristine"), _("patient_search_place_selected", { value: x.value }), d == null || d(x);
   }, o = () => {
     if (typeof window > "u" || !(navigator != null && navigator.geolocation)) {
-      c("denied"), _("patient_search_geo_denied", { reason: "unsupported" });
+      l("denied"), _("patient_search_geo_denied", { reason: "unsupported" });
       return;
     }
-    c("requesting"), _("patient_search_place_focused"), navigator.geolocation.getCurrentPosition(
+    l("requesting"), _("patient_search_place_focused"), navigator.geolocation.getCurrentPosition(
       async (y) => {
         const { latitude: x, longitude: N } = y.coords;
-        let k;
+        let A;
         try {
-          k = await (h == null ? void 0 : h(x, N));
+          A = await (h == null ? void 0 : h(x, N));
         } catch {
-          k = void 0;
+          A = void 0;
         }
-        const R = b, V = k ?? d("patientSearch.geo.fallbackLabel"), de = {
+        const S = g, F = A ?? c("patientSearch.geo.fallbackLabel"), W = {
           value: `geo:${x.toFixed(4)},${N.toFixed(4)}`,
-          label: V,
+          label: F,
           lat: x,
           lng: N
         };
-        s({
+        t({
           ...e,
-          place: de,
+          place: W,
           geo: {
             lat: x,
             lng: N,
-            radiusKm: R,
-            label: V
+            radiusKm: S,
+            label: F
           }
-        }), c("granted"), _("patient_search_geo_granted", { radiusKm: R });
+        }), l("granted"), _("patient_search_geo_granted", { radiusKm: S });
       },
       () => {
-        c("denied"), _("patient_search_geo_denied", { reason: "user" });
+        l("denied"), _("patient_search_geo_denied", { reason: "user" });
       },
       { enableHighAccuracy: !1, maximumAge: 6e4, timeout: 1e4 }
     );
-  }, S = () => {
-    s({ ...e, geo: void 0, place: void 0 }), f(""), r.current = void 0, c("pristine");
-  }, A = u === "granted" && !!e.geo, Q = u === "requesting", D = u === "denied", I = j(!1), X = D || !!!h ? null : /* @__PURE__ */ w("span", { className: "ds:absolute ds:end-[var(--spacing-xs)] ds:top-1/2 ds:-translate-y-1/2 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-    A ? /* @__PURE__ */ a(
+  }, k = () => {
+    t({ ...e, geo: void 0, place: void 0 }), f(""), r.current = void 0, l("pristine");
+  }, j = u === "granted" && !!e.geo, P = u === "requesting", D = u === "denied", I = R(!1), Y = D || !!!h ? null : /* @__PURE__ */ w("span", { className: "ds:absolute ds:end-[var(--spacing-xs)] ds:top-1/2 ds:-translate-y-1/2 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+    j ? /* @__PURE__ */ a(
       "button",
       {
         type: "button",
-        "aria-label": d("patientSearch.geo.clear"),
-        onClick: S,
-        className: ae,
-        children: /* @__PURE__ */ a(ie, { "aria-hidden": "true", className: "ds:size-4" })
+        "aria-label": c("patientSearch.geo.clear"),
+        onClick: k,
+        className: te,
+        children: /* @__PURE__ */ a(oe, { "aria-hidden": "true", className: "ds:size-4" })
       }
     ) : null,
     /* @__PURE__ */ a(
       "button",
       {
         type: "button",
-        "aria-label": d("patientSearch.geo.cta"),
-        "aria-pressed": A || void 0,
-        disabled: Q,
-        onClick: A ? S : o,
-        className: ae,
+        "aria-label": c("patientSearch.geo.cta"),
+        "aria-pressed": j || void 0,
+        disabled: P,
+        onClick: j ? k : o,
+        className: te,
         children: /* @__PURE__ */ a(xe, { "aria-hidden": "true", className: "ds:size-4" })
       }
     )
@@ -288,23 +289,24 @@ function q({
       children: [
         /* @__PURE__ */ w("div", { className: "ds:relative", children: [
           /* @__PURE__ */ a(
-            re,
+            ne,
             {
               ref: v,
+              size: "lg",
               value: n,
               onChange: (y) => {
                 var x, N;
-                if (f(y), (p || e.place) && y !== ((x = e.place) == null ? void 0 : x.label)) {
-                  const k = y.trim(), R = p && k ? { value: `text:${k}`, label: k } : void 0;
-                  if (r.current = R == null ? void 0 : R.value, (R == null ? void 0 : R.value) === ((N = e.place) == null ? void 0 : N.value) && !e.geo) return;
-                  s({ ...e, place: R, geo: void 0 }), u === "granted" && c("pristine");
+                if (f(y), (i || e.place) && y !== ((x = e.place) == null ? void 0 : x.label)) {
+                  const A = y.trim(), S = i && A ? { value: `text:${A}`, label: A } : void 0;
+                  if (r.current = S == null ? void 0 : S.value, (S == null ? void 0 : S.value) === ((N = e.place) == null ? void 0 : N.value) && !e.geo) return;
+                  t({ ...e, place: S, geo: void 0 }), u === "granted" && l("pristine");
                 }
               },
               onSelect: m,
-              loadOptions: g,
-              debounceMs: oe,
-              placeholder: d("patientSearch.where.placeholder"),
-              "aria-label": d("patientSearch.where.label"),
+              loadOptions: b,
+              debounceMs: de,
+              placeholder: c("patientSearch.where.placeholder"),
+              "aria-label": c("patientSearch.where.label"),
               startAdornment: /* @__PURE__ */ a(ve, { "aria-hidden": "true" }),
               endAdornment: D ? void 0 : (
                 // Decorative spacer — reserves inline-end room so the typed
@@ -316,42 +318,42 @@ function q({
                   "span",
                   {
                     "aria-hidden": "true",
-                    className: A ? "ds:inline-block ds:size-[4.5rem]" : "ds:inline-block ds:size-8"
+                    className: j ? "ds:inline-block ds:size-[4.5rem]" : "ds:inline-block ds:size-8"
                   }
                 )
               )
             }
           ),
-          X
+          Y
         ] }),
         D ? (
           // Alert defaults to `role="status"` + `aria-live="polite"` for the
           // `info` variant — the user hears why the field reverted to plain
           // text when their browser blocked the geolocation prompt.
-          /* @__PURE__ */ a(ee, { variant: "info", children: /* @__PURE__ */ a(ee.Description, { children: d("patientSearch.geo.denied") }) })
+          /* @__PURE__ */ a(ae, { variant: "info", children: /* @__PURE__ */ a(ae.Description, { children: c("patientSearch.geo.denied") }) })
         ) : null
       ]
     }
   );
 }
-function U({
+function Q({
   value: e,
-  onChange: s,
-  defaultRadiusKm: t = J
+  onChange: t,
+  defaultRadiusKm: s = Z
 }) {
-  const { t: i } = C("ui"), [p, v] = z(
+  const { t: d } = C("ui"), [i, v] = H(
     () => {
-      var d;
-      return _e(((d = e.geo) == null ? void 0 : d.radiusKm) ?? t);
+      var c;
+      return _e(((c = e.geo) == null ? void 0 : c.radiusKm) ?? s);
     }
   );
   if (!e.geo) return null;
-  const b = (d) => {
-    const n = B[d] ?? t;
-    s({ ...e, geo: { ...e.geo, radiusKm: n } }), _("patient_search_radius_changed", { radiusKm: n });
-  }, h = (d) => {
-    const n = B[Math.round(d)] ?? t;
-    return i("patientSearch.geo.radiusFormat", { km: n });
+  const g = (c) => {
+    const n = V[c] ?? s;
+    t({ ...e, geo: { ...e.geo, radiusKm: n } }), _("patient_search_radius_changed", { radiusKm: n });
+  }, h = (c) => {
+    const n = V[Math.round(c)] ?? s;
+    return d("patientSearch.geo.radiusFormat", { km: n });
   };
   return /* @__PURE__ */ w(
     "div",
@@ -364,25 +366,25 @@ function U({
           {
             id: "patient-search-radius-label",
             className: "type-meta ds:text-[color:var(--muted-foreground)]",
-            children: i("patientSearch.geo.radius")
+            children: d("patientSearch.geo.radius")
           }
         ),
         /* @__PURE__ */ a(
           pe,
           {
-            value: [p],
+            value: [i],
             min: 0,
-            max: B.length - 1,
+            max: V.length - 1,
             step: 1,
-            marks: B.map((d, n) => ({
+            marks: V.map((c, n) => ({
               value: n,
-              label: `${d}`
+              label: `${c}`
             })),
             formatValue: h,
             alwaysShowValue: !0,
             "aria-labelledby": "patient-search-radius-label",
-            onValueChange: (d) => v(d[0] ?? 0),
-            onValueCommit: (d) => b(d[0] ?? 0)
+            onValueChange: (c) => v(c[0] ?? 0),
+            onValueCommit: (c) => g(c[0] ?? 0)
           }
         )
       ]
@@ -412,43 +414,43 @@ const Ne = L(
     defaultVariants: { state: "idle" }
   }
 );
-function ke({ value: e, onChange: s }) {
-  const { t, i18n: i } = C("ui"), p = ue(), v = i.dir() === "rtl", b = j(/* @__PURE__ */ new Map()), h = M((r) => {
-    var l;
-    (l = b.current.get(r)) == null || l.focus();
-  }, []), d = M(
-    (r, l) => {
-      const u = T.indexOf(l), c = T.length, g = v ? "ArrowLeft" : "ArrowRight", m = v ? "ArrowRight" : "ArrowLeft";
+function ke({ value: e, onChange: t }) {
+  const { t: s, i18n: d } = C("ui"), i = ue(), v = d.dir() === "rtl", g = R(/* @__PURE__ */ new Map()), h = $((r) => {
+    var p;
+    (p = g.current.get(r)) == null || p.focus();
+  }, []), c = $(
+    (r, p) => {
+      const u = T.indexOf(p), l = T.length, b = v ? "ArrowLeft" : "ArrowRight", m = v ? "ArrowRight" : "ArrowLeft";
       switch (r.key) {
-        case g:
+        case b:
         case "ArrowDown": {
           r.preventDefault();
-          const o = T[(u + 1) % c];
-          s(o), _("patient_search_when_selected", { when: o }), h(o);
+          const o = T[(u + 1) % l];
+          t(o), _("patient_search_when_selected", { when: o }), h(o);
           break;
         }
         case m:
         case "ArrowUp": {
           r.preventDefault();
-          const o = T[(u - 1 + c) % c];
-          s(o), _("patient_search_when_selected", { when: o }), h(o);
+          const o = T[(u - 1 + l) % l];
+          t(o), _("patient_search_when_selected", { when: o }), h(o);
           break;
         }
         case "Home": {
           r.preventDefault();
           const o = T[0];
-          s(o), _("patient_search_when_selected", { when: o }), h(o);
+          t(o), _("patient_search_when_selected", { when: o }), h(o);
           break;
         }
         case "End": {
           r.preventDefault();
-          const o = T[c - 1];
-          s(o), _("patient_search_when_selected", { when: o }), h(o);
+          const o = T[l - 1];
+          t(o), _("patient_search_when_selected", { when: o }), h(o);
           break;
         }
       }
     },
-    [h, v, s]
+    [h, v, t]
   ), n = e ?? "anytime", f = {
     today: "patientSearch.when.today",
     tomorrow: "patientSearch.when.tomorrow",
@@ -459,30 +461,30 @@ function ke({ value: e, onChange: s }) {
     "div",
     {
       role: "radiogroup",
-      "aria-label": t("patientSearch.when.label"),
-      id: p,
+      "aria-label": s("patientSearch.when.label"),
+      id: i,
       className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
       children: T.map((r) => {
-        const l = e === r, u = n === r, c = t(f[r]);
+        const p = e === r, u = n === r, l = s(f[r]);
         return /* @__PURE__ */ a(
           "button",
           {
             type: "button",
             role: "radio",
-            "aria-checked": l,
-            "aria-label": c,
+            "aria-checked": p,
+            "aria-label": l,
             tabIndex: u ? 0 : -1,
-            ref: (g) => {
-              g ? b.current.set(r, g) : b.current.delete(r);
+            ref: (b) => {
+              b ? g.current.set(r, b) : g.current.delete(r);
             },
             onClick: () => {
-              s(r), _("patient_search_when_selected", { when: r });
+              t(r), _("patient_search_when_selected", { when: r });
             },
-            onKeyDown: (g) => d(g, r),
+            onKeyDown: (b) => c(b, r),
             className: Ne({
-              state: l ? "selected" : "idle"
+              state: p ? "selected" : "idle"
             }),
-            children: c
+            children: l
           },
           r
         );
@@ -490,7 +492,7 @@ function ke({ value: e, onChange: s }) {
     }
   );
 }
-const te = L(
+const se = L(
   [
     "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -520,55 +522,55 @@ const te = L(
     defaultVariants: { state: "idle" }
   }
 );
-function Re({ facets: e, value: s, onChange: t }) {
-  const { t: i } = C("ui"), p = Y(() => s ?? {}, [s]), v = Y(
-    () => Object.values(p).some((n) => n && n.length > 0),
-    [p]
-  ), b = (n, f) => {
-    const r = { ...p };
-    f.length === 0 ? delete r[n] : r[n] = f, t(r), _("patient_search_facet_changed", { key: n, values: f });
+function Re({ facets: e, value: t, onChange: s }) {
+  const { t: d } = C("ui"), i = J(() => t ?? {}, [t]), v = J(
+    () => Object.values(i).some((n) => n && n.length > 0),
+    [i]
+  ), g = (n, f) => {
+    const r = { ...i };
+    f.length === 0 ? delete r[n] : r[n] = f, s(r), _("patient_search_facet_changed", { key: n, values: f });
   }, h = (n) => {
     var r;
-    const f = (((r = p[n]) == null ? void 0 : r.length) ?? 0) > 0;
-    b(n, f ? [] : ["true"]);
-  }, d = (n, f) => {
-    const r = p[n.key] ?? [], l = r.includes(f);
+    const f = (((r = i[n]) == null ? void 0 : r.length) ?? 0) > 0;
+    g(n, f ? [] : ["true"]);
+  }, c = (n, f) => {
+    const r = i[n.key] ?? [], p = r.includes(f);
     let u;
-    n.multi ? u = l ? r.filter((c) => c !== f) : [...r, f] : u = l ? [] : [f], b(n.key, u);
+    n.multi ? u = p ? r.filter((l) => l !== f) : [...r, f] : u = p ? [] : [f], g(n.key, u);
   };
   return /* @__PURE__ */ w(
     "div",
     {
       role: "group",
-      "aria-label": i("patientSearch.facets.label"),
+      "aria-label": d("patientSearch.facets.label"),
       className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
       children: [
         e.map((n) => {
-          const f = n.options.length === 0, r = p[n.key] ?? [], l = r.length > 0;
+          const f = n.options.length === 0, r = i[n.key] ?? [], p = r.length > 0;
           if (f)
             return /* @__PURE__ */ a(
               "button",
               {
                 type: "button",
-                "aria-pressed": l,
+                "aria-pressed": p,
                 "aria-label": n.label,
                 onClick: () => h(n.key),
-                className: te({
-                  state: l ? "active" : "idle"
+                className: se({
+                  state: p ? "active" : "idle"
                 }),
                 children: /* @__PURE__ */ a("span", { children: n.label })
               },
               n.key
             );
-          const u = l ? ` (${r.length})` : "";
-          return /* @__PURE__ */ w(W.Root, { children: [
-            /* @__PURE__ */ a(W.Trigger, { asChild: !0, children: /* @__PURE__ */ w(
+          const u = p ? ` (${r.length})` : "";
+          return /* @__PURE__ */ w(M.Root, { children: [
+            /* @__PURE__ */ a(M.Trigger, { asChild: !0, children: /* @__PURE__ */ w(
               "button",
               {
                 type: "button",
                 "aria-label": `${n.label}${u}`,
-                className: te({
-                  state: l ? "active" : "idle"
+                className: se({
+                  state: p ? "active" : "idle"
                 }),
                 children: [
                   /* @__PURE__ */ w("span", { children: [
@@ -585,16 +587,16 @@ function Re({ facets: e, value: s, onChange: t }) {
                 ]
               }
             ) }),
-            /* @__PURE__ */ a(W.Content, { sideOffset: 8, align: "start", children: n.options.map((c) => /* @__PURE__ */ a(
-              W.CheckboxItem,
+            /* @__PURE__ */ a(M.Content, { sideOffset: 8, align: "start", children: n.options.map((l) => /* @__PURE__ */ a(
+              M.CheckboxItem,
               {
-                checked: r.includes(c.value),
-                onSelect: (g) => {
-                  n.multi && g.preventDefault(), d(n, c.value);
+                checked: r.includes(l.value),
+                onSelect: (b) => {
+                  n.multi && b.preventDefault(), c(n, l.value);
                 },
-                children: c.label
+                children: l.label
               },
-              c.value
+              l.value
             )) })
           ] }, n.key);
         }),
@@ -603,7 +605,7 @@ function Re({ facets: e, value: s, onChange: t }) {
           {
             type: "button",
             onClick: () => {
-              t({}), _("patient_search_facet_changed", { key: "*", values: [] });
+              s({}), _("patient_search_facet_changed", { key: "*", values: [] });
             },
             className: [
               "ds:ms-[var(--spacing-xs)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
@@ -615,8 +617,8 @@ function Re({ facets: e, value: s, onChange: t }) {
               "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
             ].join(" "),
             children: [
-              /* @__PURE__ */ a(ie, { "aria-hidden": "true", className: "ds:size-3.5" }),
-              i("patientSearch.facets.clear")
+              /* @__PURE__ */ a(oe, { "aria-hidden": "true", className: "ds:size-3.5" }),
+              d("patientSearch.facets.clear")
             ]
           }
         ) : null
@@ -624,7 +626,7 @@ function Re({ facets: e, value: s, onChange: t }) {
     }
   );
 }
-const se = ["violet", "purple", "magenta", "blue"], je = L(
+const re = ["violet", "purple", "magenta", "blue"], je = L(
   [
     "ds:relative ds:flex ds:h-full ds:flex-col ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-lg)] ds:overflow-hidden",
@@ -669,13 +671,13 @@ const se = ["violet", "purple", "magenta", "blue"], je = L(
     defaultVariants: { accent: "violet" }
   }
 );
-function Te(e, s) {
-  return e && e !== "auto" ? e : se[s % se.length];
+function Te(e, t) {
+  return e && e !== "auto" ? e : re[t % re.length];
 }
-function Ee({ cards: e }) {
-  const { t: s } = C("ui");
+function Ee({ cards: e, headingLevel: t }) {
+  const { t: s } = C("ui"), d = `h${t}`;
   return e.length === 0 ? /* @__PURE__ */ a("p", { className: "type-body-sm ds:text-[color:var(--muted-foreground)] ds:m-0", children: s("patientSearch.discovery.empty") }) : /* @__PURE__ */ w("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ a("h3", { className: "type-title-card ds:text-[var(--foreground)] ds:m-0", children: s("patientSearch.discovery.heading") }),
+    /* @__PURE__ */ a(d, { className: "type-title-card ds:text-[var(--foreground)] ds:m-0", children: s("patientSearch.discovery.heading") }),
     /* @__PURE__ */ a(
       "ul",
       {
@@ -684,17 +686,17 @@ function Ee({ cards: e }) {
           "ds:md:grid-cols-2 ds:lg:grid-cols-3",
           "ds:m-0 ds:p-0 ds:list-none"
         ].join(" "),
-        children: e.map((t, i) => {
-          const p = Te(t.accent, i);
+        children: e.map((i, v) => {
+          const g = Te(i.accent, v);
           return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ w(
             "a",
             {
-              href: t.href,
+              href: i.href,
               "data-component": "patient-search-card",
-              "data-card-id": t.id,
-              "aria-label": t.description ? `${t.label} — ${t.description}` : t.label,
+              "data-card-id": i.id,
+              "aria-label": i.description ? `${i.label} — ${i.description}` : i.label,
               onClick: () => _("patient_search_discovery_card_clicked", {
-                cardId: t.id
+                cardId: i.id
               }),
               className: je(),
               children: [
@@ -702,7 +704,7 @@ function Ee({ cards: e }) {
                   "span",
                   {
                     "aria-hidden": "true",
-                    className: Ae({ accent: p })
+                    className: Ae({ accent: g })
                   }
                 ),
                 /* @__PURE__ */ w("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
@@ -710,11 +712,11 @@ function Ee({ cards: e }) {
                     "span",
                     {
                       "aria-hidden": "true",
-                      className: Ce({ accent: p }),
-                      children: t.icon ?? /* @__PURE__ */ a(ge, { className: "ds:size-4", "aria-hidden": "true" })
+                      className: Ce({ accent: g }),
+                      children: i.icon ?? /* @__PURE__ */ a(ge, { className: "ds:size-4", "aria-hidden": "true" })
                     }
                   ),
-                  t.badge ? (
+                  i.badge ? (
                     // The badge sits inside a softly-tinted accent bubble
                     // (15% accent + 85% background). The text colour must
                     // contrast with that mix, not with the accent's canonical
@@ -722,48 +724,48 @@ function Ee({ cards: e }) {
                     // the 100% accent surface and fails AA on the 15% tint.
                     // Use `--foreground` which contrasts with the
                     // mostly-background mix in both light and dark themes.
-                    /* @__PURE__ */ a("span", { className: "type-meta ds:ms-auto ds:inline-flex ds:items-center ds:rounded-[var(--radius-full)] ds:border ds:border-[color:var(--foreground)] ds:bg-[color-mix(in_srgb,var(--accent)_15%,var(--background))] ds:text-[color:var(--foreground)] ds:font-[var(--font-weight-semibold)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]", children: t.badge })
+                    /* @__PURE__ */ a("span", { className: "type-meta ds:ms-auto ds:inline-flex ds:items-center ds:rounded-[var(--radius-full)] ds:border ds:border-[color:var(--foreground)] ds:bg-[color-mix(in_srgb,var(--accent)_15%,var(--background))] ds:text-[color:var(--foreground)] ds:font-[var(--font-weight-semibold)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]", children: i.badge })
                   ) : null
                 ] }),
-                /* @__PURE__ */ a("span", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]", children: t.label }),
-                t.description ? /* @__PURE__ */ a("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: t.description }) : null
+                /* @__PURE__ */ a("span", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]", children: i.label }),
+                i.description ? /* @__PURE__ */ a("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: i.description }) : null
               ]
             }
-          ) }, t.id);
+          ) }, i.id);
         })
       }
     )
   ] });
 }
-function Pe(e) {
+function Le(e) {
   if (e.object || e.place || e.geo || e.when && e.when !== "anytime") return !0;
   if (e.facets) {
-    for (const s of Object.values(e.facets))
-      if (s && s.length > 0) return !0;
+    for (const t of Object.values(e.facets))
+      if (t && t.length > 0) return !0;
   }
   return !1;
 }
-function G({
+function X({
   value: e,
-  variant: s,
-  submitting: t,
-  submitLabel: i,
-  allowEmptySubmit: p,
+  variant: t,
+  submitting: s,
+  submitLabel: d,
+  allowEmptySubmit: i,
   onSubmit: v
 }) {
-  const { t: b } = C("ui"), h = !t && !p && !Pe(e), d = i ?? b("patientSearch.submit.cta");
+  const { t: g } = C("ui"), h = !s && !i && !Le(e), c = d ?? g("patientSearch.submit.cta");
   return /* @__PURE__ */ a(
     fe,
     {
       type: "button",
       intent: "primary",
       size: "lg",
-      startIcon: /* @__PURE__ */ a(ne, { "aria-hidden": "true" }),
-      loading: t,
+      startIcon: /* @__PURE__ */ a(ie, { "aria-hidden": "true" }),
+      loading: s,
       disabled: h,
       onClick: () => {
         _("patient_search_submitted", {
-          variant: s,
+          variant: t,
           hasObject: !!e.object,
           hasPlace: !!e.place,
           hasGeo: !!e.geo,
@@ -771,214 +773,214 @@ function G({
           facetKeys: e.facets ? Object.keys(e.facets) : []
         }), v(e);
       },
-      children: d
+      children: c
     }
   );
 }
-function Le(e) {
+function Pe(e) {
   const {
-    variant: s,
-    value: t,
-    onChange: i,
-    onSubmit: p,
+    variant: t,
+    value: s,
+    onChange: d,
+    onSubmit: i,
     loadObjects: v,
-    loadPlaces: b,
+    loadPlaces: g,
     onObjectSelect: h,
-    onPlaceSelect: d,
+    onPlaceSelect: c,
     allowTypedPlace: n,
     submitting: f,
     submitLabel: r,
-    allowEmptySubmit: l,
+    allowEmptySubmit: p,
     whoRef: u,
-    whereRef: c,
-    defaultRadiusKm: g,
+    whereRef: l,
+    defaultRadiusKm: b,
     reverseGeocode: m,
     cardLabel: o
   } = e;
-  return /* @__PURE__ */ a(H, { variant: "elevated", "aria-label": o, children: /* @__PURE__ */ w("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]", children: [
+  return /* @__PURE__ */ a(q, { variant: "elevated", "aria-label": o, children: /* @__PURE__ */ w("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]", children: [
     /* @__PURE__ */ w("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:md:flex-row ds:md:items-start", children: [
       /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-        $,
+        U,
         {
-          value: t,
-          onChange: i,
+          value: s,
+          onChange: d,
           loadObjects: v,
           onObjectSelect: h,
           inputRef: u
         }
       ) }),
       /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-        q,
+        G,
         {
-          value: t,
-          onChange: i,
-          loadPlaces: b,
-          onPlaceSelect: d,
+          value: s,
+          onChange: d,
+          loadPlaces: g,
+          onPlaceSelect: c,
           allowTypedPlace: n,
-          defaultRadiusKm: g,
+          defaultRadiusKm: b,
           reverseGeocode: m,
-          inputRef: c
+          inputRef: l
         }
       ) }),
       /* @__PURE__ */ a(
-        G,
+        X,
         {
-          value: t,
-          variant: s,
+          value: s,
+          variant: t,
           submitting: f,
           submitLabel: r,
-          allowEmptySubmit: l,
-          onSubmit: p
+          allowEmptySubmit: p,
+          onSubmit: i
         }
       )
     ] }),
     /* @__PURE__ */ a(
-      U,
+      Q,
       {
-        value: t,
-        onChange: i,
-        defaultRadiusKm: g
+        value: s,
+        onChange: d,
+        defaultRadiusKm: b
       }
     )
   ] }) });
 }
 function De(e) {
   const {
-    variant: s,
-    value: t,
-    onChange: i,
-    onSubmit: p,
+    variant: t,
+    value: s,
+    onChange: d,
+    onSubmit: i,
     loadObjects: v,
-    loadPlaces: b,
+    loadPlaces: g,
     onObjectSelect: h,
-    onPlaceSelect: d,
+    onPlaceSelect: c,
     allowTypedPlace: n,
     submitting: f,
     submitLabel: r,
-    allowEmptySubmit: l,
+    allowEmptySubmit: p,
     whoRef: u,
-    whereRef: c,
-    defaultRadiusKm: g,
+    whereRef: l,
+    defaultRadiusKm: b,
     reverseGeocode: m,
     cardLabel: o
   } = e;
-  return /* @__PURE__ */ a(H, { variant: "elevated", "aria-label": o, children: /* @__PURE__ */ w("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
+  return /* @__PURE__ */ a(q, { variant: "elevated", "aria-label": o, children: /* @__PURE__ */ w("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
     /* @__PURE__ */ w("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:md:flex-row ds:md:items-start", children: [
       /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-        $,
+        U,
         {
-          value: t,
-          onChange: i,
+          value: s,
+          onChange: d,
           loadObjects: v,
           onObjectSelect: h,
           inputRef: u
         }
       ) }),
       /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-        q,
+        G,
         {
-          value: t,
-          onChange: i,
-          loadPlaces: b,
-          onPlaceSelect: d,
+          value: s,
+          onChange: d,
+          loadPlaces: g,
+          onPlaceSelect: c,
           allowTypedPlace: n,
-          defaultRadiusKm: g,
+          defaultRadiusKm: b,
           reverseGeocode: m,
-          inputRef: c
+          inputRef: l
         }
       ) }),
       /* @__PURE__ */ a(
-        G,
+        X,
         {
-          value: t,
-          variant: s,
+          value: s,
+          variant: t,
           submitting: f,
           submitLabel: r,
-          allowEmptySubmit: l,
-          onSubmit: p
+          allowEmptySubmit: p,
+          onSubmit: i
         }
       )
     ] }),
     /* @__PURE__ */ a(
-      U,
+      Q,
       {
-        value: t,
-        onChange: i,
-        defaultRadiusKm: g
+        value: s,
+        onChange: d,
+        defaultRadiusKm: b
       }
     ),
     /* @__PURE__ */ a(
       ke,
       {
-        value: t.when,
-        onChange: (S) => i({ ...t, when: S })
+        value: s.when,
+        onChange: (k) => d({ ...s, when: k })
       }
     )
   ] }) });
 }
 function Ie(e) {
   const {
-    variant: s,
-    value: t,
-    onChange: i,
-    onSubmit: p,
+    variant: t,
+    value: s,
+    onChange: d,
+    onSubmit: i,
     loadObjects: v,
-    loadPlaces: b,
+    loadPlaces: g,
     onObjectSelect: h,
-    onPlaceSelect: d,
+    onPlaceSelect: c,
     allowTypedPlace: n,
     facets: f,
     submitting: r,
-    submitLabel: l,
+    submitLabel: p,
     allowEmptySubmit: u,
-    whoRef: c,
-    whereRef: g,
+    whoRef: l,
+    whereRef: b,
     defaultRadiusKm: m,
     reverseGeocode: o,
-    cardLabel: S
+    cardLabel: k
   } = e;
-  return /* @__PURE__ */ a(H, { variant: "elevated", "aria-label": S, children: /* @__PURE__ */ w("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
+  return /* @__PURE__ */ a(q, { variant: "elevated", "aria-label": k, children: /* @__PURE__ */ w("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
     /* @__PURE__ */ w("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:md:flex-row ds:md:items-start", children: [
       /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-        $,
+        U,
         {
-          value: t,
-          onChange: i,
+          value: s,
+          onChange: d,
           loadObjects: v,
           onObjectSelect: h,
-          inputRef: c
+          inputRef: l
         }
       ) }),
       /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-        q,
+        G,
         {
-          value: t,
-          onChange: i,
-          loadPlaces: b,
-          onPlaceSelect: d,
+          value: s,
+          onChange: d,
+          loadPlaces: g,
+          onPlaceSelect: c,
           allowTypedPlace: n,
           defaultRadiusKm: m,
           reverseGeocode: o,
-          inputRef: g
+          inputRef: b
         }
       ) }),
       /* @__PURE__ */ a(
-        G,
+        X,
         {
-          value: t,
-          variant: s,
+          value: s,
+          variant: t,
           submitting: r,
-          submitLabel: l,
+          submitLabel: p,
           allowEmptySubmit: u,
-          onSubmit: p
+          onSubmit: i
         }
       )
     ] }),
     /* @__PURE__ */ a(
-      U,
+      Q,
       {
-        value: t,
-        onChange: i,
+        value: s,
+        onChange: d,
         defaultRadiusKm: m
       }
     ),
@@ -986,176 +988,185 @@ function Ie(e) {
       Re,
       {
         facets: f,
-        value: t.facets,
-        onChange: (A) => i({ ...t, facets: A })
+        value: s.facets,
+        onChange: (j) => d({ ...s, facets: j })
       }
     ) : null
   ] }) });
 }
 function Oe(e) {
   const {
-    variant: s,
-    value: t,
-    onChange: i,
-    onSubmit: p,
+    variant: t,
+    value: s,
+    onChange: d,
+    onSubmit: i,
     loadObjects: v,
-    loadPlaces: b,
+    loadPlaces: g,
     onObjectSelect: h,
-    onPlaceSelect: d,
+    onPlaceSelect: c,
     allowTypedPlace: n,
     discoveryCards: f,
-    submitting: r,
-    submitLabel: l,
-    allowEmptySubmit: u,
-    whoRef: c,
-    whereRef: g,
-    defaultRadiusKm: m,
-    reverseGeocode: o,
-    cardLabel: S
+    discoveryHeadingLevel: r,
+    submitting: p,
+    submitLabel: u,
+    allowEmptySubmit: l,
+    whoRef: b,
+    whereRef: m,
+    defaultRadiusKm: o,
+    reverseGeocode: k,
+    cardLabel: j
   } = e;
   return /* @__PURE__ */ w("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", children: [
-    /* @__PURE__ */ w(H, { variant: "elevated", "aria-label": S, children: [
+    /* @__PURE__ */ w(q, { variant: "elevated", "aria-label": j, children: [
       /* @__PURE__ */ w("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)] ds:md:flex-row ds:md:items-stretch", children: [
         /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-          $,
+          U,
           {
-            value: t,
-            onChange: i,
+            value: s,
+            onChange: d,
             loadObjects: v,
             onObjectSelect: h,
-            inputRef: c
+            inputRef: b
           }
         ) }),
         /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-          q,
+          G,
           {
-            value: t,
-            onChange: i,
-            loadPlaces: b,
-            onPlaceSelect: d,
+            value: s,
+            onChange: d,
+            loadPlaces: g,
+            onPlaceSelect: c,
             allowTypedPlace: n,
-            defaultRadiusKm: m,
-            reverseGeocode: o,
-            inputRef: g
+            defaultRadiusKm: o,
+            reverseGeocode: k,
+            inputRef: m
           }
         ) }),
         /* @__PURE__ */ a(
-          G,
+          X,
           {
-            value: t,
-            variant: s,
-            submitting: r,
-            submitLabel: l,
-            allowEmptySubmit: u,
-            onSubmit: p
+            value: s,
+            variant: t,
+            submitting: p,
+            submitLabel: u,
+            allowEmptySubmit: l,
+            onSubmit: i
           }
         )
       ] }),
       /* @__PURE__ */ a(
-        U,
+        Q,
         {
-          value: t,
-          onChange: i,
-          defaultRadiusKm: m
+          value: s,
+          onChange: d,
+          defaultRadiusKm: o
         }
       )
     ] }),
-    /* @__PURE__ */ a(Ee, { cards: f })
+    /* @__PURE__ */ a(
+      Ee,
+      {
+        cards: f,
+        headingLevel: r
+      }
+    )
   ] });
 }
 const Ve = ce(function({
-  variant: s,
-  loadObjects: t,
-  loadPlaces: i,
-  onObjectSelect: p,
+  variant: t,
+  loadObjects: s,
+  loadPlaces: d,
+  onObjectSelect: i,
   onPlaceSelect: v,
-  allowTypedPlace: b = !1,
+  allowTypedPlace: g = !1,
   facets: h,
-  defaultRadiusKm: d = J,
+  defaultRadiusKm: c = Z,
   reverseGeocode: n,
   discoveryCards: f,
-  countryCode: r,
-  value: l,
-  onChange: u,
-  onSubmit: c,
-  submitting: g,
-  submitLabel: m,
-  allowEmptySubmit: o,
-  "aria-label": S,
-  id: A,
-  className: Q,
-  ...D
-}, I) {
-  const { t: Z } = C("ui"), X = j(null), O = j(null), F = j(null), E = j(!1);
-  K(() => {
-    if (!E.current && s === "who-where-when") {
-      if (l.when !== void 0) {
+  discoveryHeadingLevel: r = 3,
+  countryCode: p,
+  value: u,
+  onChange: l,
+  onSubmit: b,
+  submitting: m,
+  submitLabel: o,
+  allowEmptySubmit: k,
+  "aria-label": j,
+  id: P,
+  className: D,
+  ...I
+}, ee) {
+  const { t: Y } = C("ui"), K = R(null), O = R(null), z = R(null), E = R(!1);
+  B(() => {
+    if (!E.current && t === "who-where-when") {
+      if (u.when !== void 0) {
         E.current = !0;
         return;
       }
-      E.current = !0, u({ ...l, when: "anytime" });
+      E.current = !0, l({ ...u, when: "anytime" });
     }
-  }, [s]);
-  const P = j(!1);
-  K(() => {
-    if (!P.current && s === "faceted") {
-      if (l.facets !== void 0) {
-        P.current = !0;
+  }, [t]);
+  const y = R(!1);
+  B(() => {
+    if (!y.current && t === "faceted") {
+      if (u.facets !== void 0) {
+        y.current = !0;
         return;
       }
-      P.current = !0, u({ ...l, facets: {} });
+      y.current = !0, l({ ...u, facets: {} });
     }
-  }, [s]);
-  const y = j(null);
-  K(() => {
-    y.current !== s && (y.current = s, _("patient_search_variant_exposed", { variant: s, country: r }));
-  }, [s, r]);
-  const x = Y(
+  }, [t]);
+  const x = R(null);
+  B(() => {
+    x.current !== t && (x.current = t, _("patient_search_variant_exposed", { variant: t, country: p }));
+  }, [t, p]);
+  const N = J(
     () => ({
-      getVariant: () => s,
+      getVariant: () => t,
       reset: () => {
-        u({});
+        l({});
       },
       focusPrimary: () => {
         requestAnimationFrame(() => {
-          var V;
-          (V = O.current) == null || V.focus();
+          var W;
+          (W = O.current) == null || W.focus();
         });
       }
     }),
-    [s, u]
+    [t, l]
   );
-  le(I, () => x, [x]), me(we, x, A);
-  const N = S ?? Z("patientSearch.regionLabel"), k = {
-    variant: s,
-    value: l,
-    onChange: u,
-    onSubmit: c,
-    loadObjects: t,
-    loadPlaces: i,
-    onObjectSelect: p,
+  le(ee, () => N, [N]), me(we, N, P);
+  const A = j ?? Y("patientSearch.regionLabel"), S = {
+    variant: t,
+    value: u,
+    onChange: l,
+    onSubmit: b,
+    loadObjects: s,
+    loadPlaces: d,
+    onObjectSelect: i,
     onPlaceSelect: v,
-    allowTypedPlace: b,
+    allowTypedPlace: g,
     facets: h,
-    defaultRadiusKm: d,
+    defaultRadiusKm: c,
     reverseGeocode: n,
     discoveryCards: f ?? [],
-    submitting: g,
-    submitLabel: m,
-    allowEmptySubmit: o,
+    discoveryHeadingLevel: r,
+    submitting: m,
+    submitLabel: o,
+    allowEmptySubmit: k,
     whoRef: O,
-    whereRef: F,
-    cardLabel: N
-  }, R = (() => {
-    switch (s) {
+    whereRef: z,
+    cardLabel: A
+  }, F = (() => {
+    switch (t) {
       case "who-where":
-        return /* @__PURE__ */ a(Le, { ...k });
+        return /* @__PURE__ */ a(Pe, { ...S });
       case "who-where-when":
-        return /* @__PURE__ */ a(De, { ...k });
+        return /* @__PURE__ */ a(De, { ...S });
       case "faceted":
-        return /* @__PURE__ */ a(Ie, { ...k });
+        return /* @__PURE__ */ a(Ie, { ...S });
       case "discovery":
-        return /* @__PURE__ */ a(Oe, { ...k });
+        return /* @__PURE__ */ a(Oe, { ...S });
       /* c8 ignore next 2 */
       default:
         return null;
@@ -1164,16 +1175,16 @@ const Ve = ce(function({
   return /* @__PURE__ */ a(
     "div",
     {
-      ref: X,
+      ref: K,
       role: "region",
-      "aria-label": N,
-      id: A,
+      "aria-label": A,
+      id: P,
       "data-component": "patient-search",
-      "data-component-id": A,
-      "data-variant": s,
-      className: Se({ variant: s, className: Q }),
-      ...D,
-      children: R
+      "data-component-id": P,
+      "data-variant": t,
+      className: Se({ variant: t, className: D }),
+      ...I,
+      children: F
     }
   );
 });
@@ -1182,4 +1193,4 @@ export {
   Ve as P,
   we as p
 };
-//# sourceMappingURL=patient-search-Dy0sxcwv.js.map
+//# sourceMappingURL=patient-search-CCOUZABE.js.map