@alfadocs/ui-kit 0.30.1 → 0.30.2

package/dist/_chunks/{patient-search-DuSoGG2t.js → patient-search-ZpHN-pgJ.js}

@@ -1,34 +1,34 @@
-import { jsx as a, jsxs as _ } from "react/jsx-runtime";
-import { forwardRef as le, useRef as S, useEffect as B, useMemo as Y, useImperativeHandle as ue, useState as W, useCallback as z, useId as fe } from "react";
-import { c as D } from "./index-D2ZczOXr.js";
-import { useTranslation as A } from "react-i18next";
-import { A as re } from "./autocomplete-CUh0f7Dj.js";
-import { B as pe } from "./button-DD_0Xdmr.js";
+import { jsx as a, jsxs as y } from "react/jsx-runtime";
+import { forwardRef as de, useRef as N, useEffect as V, useMemo as X, useImperativeHandle as ce, useState as W, useCallback as z, useId as le } from "react";
+import { c as T } from "./index-D2ZczOXr.js";
+import { useTranslation as j } from "react-i18next";
+import { A as se } from "./autocomplete-CUh0f7Dj.js";
+import { B as ue } from "./button-DD_0Xdmr.js";
 import { C as M } from "./card-DKTMLVrw.js";
-import { S as me } from "./slider-CfEzeseL.js";
-import { A as ee } from "./alert-ywPR59NE.js";
-import { D as K } from "./dropdown-menu-DZxwF23X.js";
-import { u as he } from "./registry-C9nwlNyL.js";
-import { S as ne } from "./search-BonnQsHv.js";
-import { X as ie } from "./x-CCcI3eJp.js";
-import { c as ve } from "./createLucideIcon-CrFbzy84.js";
-import { M as ge } from "./map-pin-B8STOPMJ.js";
-import { S as be } from "./stethoscope-DT5qCW8Y.js";
-import { C as ye } from "./chevron-down-BX_NP2Yh.js";
+import { S as fe } from "./slider-CfEzeseL.js";
+import { A as Z } from "./alert-ywPR59NE.js";
+import { D as F } from "./dropdown-menu-DZxwF23X.js";
+import { u as pe } from "./registry-C9nwlNyL.js";
+import { S as re } from "./search-BonnQsHv.js";
+import { X as ne } from "./x-CCcI3eJp.js";
+import { c as me } from "./createLucideIcon-CrFbzy84.js";
+import { M as he } from "./map-pin-B8STOPMJ.js";
+import { S as ve } from "./stethoscope-DT5qCW8Y.js";
+import { C as ge } from "./chevron-down-BX_NP2Yh.js";
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const xe = [
+const be = [
   ["line", { x1: "2", x2: "5", y1: "12", y2: "12", key: "bvdh0s" }],
   ["line", { x1: "19", x2: "22", y1: "12", y2: "12", key: "1tbv5k" }],
   ["line", { x1: "12", x2: "12", y1: "2", y2: "5", key: "11lu5j" }],
   ["line", { x1: "12", x2: "12", y1: "19", y2: "22", key: "x3vr5v" }],
   ["circle", { cx: "12", cy: "12", r: "7", key: "fim9np" }],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], we = ve("locate-fixed", xe), _e = {
+], xe = me("locate-fixed", be), ye = {
   id: "patient-search",
   capabilities: ["navigate", "view_change"],
   state: {
@@ -70,7 +70,7 @@ const xe = [
     }
   }
 };
-function w(e, s) {
+function _(e, s) {
   if (typeof window > "u") return;
   const t = window.track;
   try {
@@ -78,20 +78,20 @@ function w(e, s) {
   } catch {
   }
 }
-const j = [
+const A = [
   "today",
   "tomorrow",
   "this_week",
   "anytime"
-], L = [1, 5, 10, 25, 50], oe = 5, de = 200;
-function Se(e) {
+], O = [1, 5, 10, 25, 50], Y = 5, ie = 200;
+function we(e) {
   let s = 0, t = Number.POSITIVE_INFINITY;
-  return L.forEach((c, h) => {
-    const v = Math.abs(c - e);
-    v < t && (t = v, s = h);
+  return O.forEach((i, p) => {
+    const v = Math.abs(i - e);
+    v < t && (t = v, s = p);
   }), s;
 }
-const Ne = D(
+const _e = T(
   "ds:flex ds:w-full ds:flex-col ds:text-[var(--foreground)]",
   {
     variants: {
@@ -109,61 +109,61 @@ function H({
   value: e,
   onChange: s,
   loadObjects: t,
-  onObjectSelect: c,
-  inputRef: h
+  onObjectSelect: i,
+  inputRef: p
 }) {
-  var o, f, p, y;
-  const { t: v } = A(), [g, u] = W(((o = e.object) == null ? void 0 : o.label) ?? ""), x = S((f = e.object) == null ? void 0 : f.value);
-  B(() => {
-    var m, i, N;
-    ((m = e.object) == null ? void 0 : m.value) !== x.current && (x.current = (i = e.object) == null ? void 0 : i.value, u(((N = e.object) == null ? void 0 : N.label) ?? ""));
-  }, [(p = e.object) == null ? void 0 : p.value, (y = e.object) == null ? void 0 : y.label]);
-  const n = z(
-    async (m, { signal: i }) => await t(m, { signal: i }),
+  var d, f, m, b;
+  const { t: v } = j(), [g, u] = W(((d = e.object) == null ? void 0 : d.label) ?? ""), c = N((f = e.object) == null ? void 0 : f.value);
+  V(() => {
+    var h, o, S;
+    ((h = e.object) == null ? void 0 : h.value) !== c.current && (c.current = (o = e.object) == null ? void 0 : o.value, u(((S = e.object) == null ? void 0 : S.label) ?? ""));
+  }, [(m = e.object) == null ? void 0 : m.value, (b = e.object) == null ? void 0 : b.label]);
+  const r = z(
+    async (h, { signal: o }) => await t(h, { signal: o }),
     [t]
-  ), l = (m) => {
-    const i = {
-      value: m.value,
-      label: m.label,
-      description: m.description,
-      __payload: m.__payload
+  ), l = (h) => {
+    const o = {
+      value: h.value,
+      label: h.label,
+      description: h.description,
+      __payload: h.__payload
     };
-    u(i.label), x.current = i.value, s({ ...e, object: i }), w("patient_search_object_selected", {
-      value: i.value,
-      type: i.__payload && typeof i.__payload == "object" ? i.__payload.type : void 0
-    }), c == null || c(i);
-  }, r = S(!1);
+    u(o.label), c.current = o.value, s({ ...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);
+  }, n = N(!1);
   return /* @__PURE__ */ a(
     "div",
     {
       "data-component": "patient-search-field",
       "data-field": "who",
       onFocus: () => {
-        r.current || (r.current = !0, w("patient_search_object_focused"));
+        n.current || (n.current = !0, _("patient_search_object_focused"));
       },
-      onBlur: (m) => {
-        m.currentTarget && !m.currentTarget.contains(m.relatedTarget) && (r.current = !1);
+      onBlur: (h) => {
+        h.currentTarget && !h.currentTarget.contains(h.relatedTarget) && (n.current = !1);
       },
       children: /* @__PURE__ */ a(
-        re,
+        se,
         {
-          ref: h,
+          ref: p,
           value: g,
-          onChange: (m) => {
-            u(m), e.object && m !== e.object.label && (x.current = void 0, s({ ...e, object: void 0 }));
+          onChange: (h) => {
+            u(h), e.object && h !== e.object.label && (c.current = void 0, s({ ...e, object: void 0 }));
           },
           onSelect: l,
-          loadOptions: n,
-          debounceMs: de,
+          loadOptions: r,
+          debounceMs: ie,
           placeholder: v("patientSearch.who.placeholder"),
           "aria-label": v("patientSearch.who.label"),
-          startAdornment: /* @__PURE__ */ a(ne, { "aria-hidden": "true" })
+          startAdornment: /* @__PURE__ */ a(re, { "aria-hidden": "true" })
         }
       )
     }
   );
 }
-const ae = [
+const ee = [
   "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)]",
@@ -179,86 +179,75 @@ function $({
   value: e,
   onChange: s,
   loadPlaces: t,
-  onPlaceSelect: c,
-  inputRef: h,
-  defaultRadiusKm: v = oe,
+  onPlaceSelect: i,
+  inputRef: p,
+  defaultRadiusKm: v = Y,
   reverseGeocode: g
 }) {
-  var T, O, E, V;
-  const { t: u } = A(), [x, n] = W(((T = e.place) == null ? void 0 : T.label) ?? ""), l = S((O = e.place) == null ? void 0 : O.value), r = e.geo ? "granted" : "pristine", [o, f] = W(r), [p, y] = W(
-    () => {
-      var d;
-      return Se(((d = e.geo) == null ? void 0 : d.radiusKm) ?? v);
-    }
-  );
-  B(() => {
-    var d, b, k;
-    ((d = e.place) == null ? void 0 : d.value) !== l.current && (l.current = (b = e.place) == null ? void 0 : b.value, n(((k = e.place) == null ? void 0 : k.label) ?? ""));
-  }, [(E = e.place) == null ? void 0 : E.value, (V = e.place) == null ? void 0 : V.label]);
+  var P, B, C, E;
+  const { t: u } = j(), [c, r] = W(((P = e.place) == null ? void 0 : P.label) ?? ""), l = N((B = e.place) == null ? void 0 : B.value), n = e.geo ? "granted" : "pristine", [d, f] = W(n);
+  V(() => {
+    var x, w, k;
+    ((x = e.place) == null ? void 0 : x.value) !== l.current && (l.current = (w = e.place) == null ? void 0 : w.value, r(((k = e.place) == null ? void 0 : k.label) ?? ""));
+  }, [(C = e.place) == null ? void 0 : C.value, (E = e.place) == null ? void 0 : E.label]);
   const m = z(
-    async (d, { signal: b }) => await t(d, { signal: b }),
+    async (x, { signal: w }) => await t(x, { signal: w }),
     [t]
-  ), i = (d) => {
-    const b = {
-      value: d.value,
-      label: d.label,
-      lat: d.lat,
-      lng: d.lng
+  ), b = (x) => {
+    const w = {
+      value: x.value,
+      label: x.label,
+      lat: x.lat,
+      lng: x.lng
     };
-    n(b.label), l.current = b.value, s({ ...e, place: b, geo: void 0 }), o === "granted" && f("pristine"), w("patient_search_place_selected", { value: b.value }), c == null || c(b);
-  }, N = () => {
+    r(w.label), l.current = w.value, s({ ...e, place: w, geo: void 0 }), d === "granted" && f("pristine"), _("patient_search_place_selected", { value: w.value }), i == null || i(w);
+  }, h = () => {
     if (typeof window > "u" || !(navigator != null && navigator.geolocation)) {
-      f("denied"), w("patient_search_geo_denied", { reason: "unsupported" });
+      f("denied"), _("patient_search_geo_denied", { reason: "unsupported" });
       return;
     }
-    f("requesting"), w("patient_search_place_focused"), navigator.geolocation.getCurrentPosition(
-      async (d) => {
-        const { latitude: b, longitude: k } = d.coords;
-        let X;
+    f("requesting"), _("patient_search_place_focused"), navigator.geolocation.getCurrentPosition(
+      async (x) => {
+        const { latitude: w, longitude: k } = x.coords;
+        let R;
         try {
-          X = await (g == null ? void 0 : g(b, k));
+          R = await (g == null ? void 0 : g(w, k));
         } catch {
-          X = void 0;
+          R = void 0;
         }
-        const J = L[p] ?? v, Z = X ?? u("patientSearch.geo.fallbackLabel"), ce = {
-          value: `geo:${b.toFixed(4)},${k.toFixed(4)}`,
-          label: Z,
-          lat: b,
+        const K = v, I = R ?? u("patientSearch.geo.fallbackLabel"), oe = {
+          value: `geo:${w.toFixed(4)},${k.toFixed(4)}`,
+          label: I,
+          lat: w,
           lng: k
         };
         s({
           ...e,
-          place: ce,
+          place: oe,
           geo: {
-            lat: b,
+            lat: w,
             lng: k,
-            radiusKm: J,
-            label: Z
+            radiusKm: K,
+            label: I
           }
-        }), f("granted"), w("patient_search_geo_granted", { radiusKm: J });
+        }), f("granted"), _("patient_search_geo_granted", { radiusKm: K });
       },
       () => {
-        f("denied"), w("patient_search_geo_denied", { reason: "user" });
+        f("denied"), _("patient_search_geo_denied", { reason: "user" });
       },
       { enableHighAccuracy: !1, maximumAge: 6e4, timeout: 1e4 }
     );
-  }, F = () => {
-    s({ ...e, geo: void 0, place: void 0 }), n(""), l.current = void 0, f("pristine");
-  }, U = (d) => {
-    const b = L[d] ?? v;
-    e.geo && s({ ...e, geo: { ...e.geo, radiusKm: b } }), w("patient_search_radius_changed", { radiusKm: b });
-  }, G = (d) => {
-    const b = L[Math.round(d)] ?? v;
-    return u("patientSearch.geo.radiusFormat", { km: b });
-  }, R = o === "granted" && !!e.geo, Q = o === "requesting", C = o === "denied", P = S(!1), I = C ? null : /* @__PURE__ */ _("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: [
-    R ? /* @__PURE__ */ a(
+  }, o = () => {
+    s({ ...e, geo: void 0, place: void 0 }), r(""), l.current = void 0, f("pristine");
+  }, S = d === "granted" && !!e.geo, G = d === "requesting", L = d === "denied", D = N(!1), Q = L || !!!g ? null : /* @__PURE__ */ y("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: [
+    S ? /* @__PURE__ */ a(
       "button",
       {
         type: "button",
         "aria-label": u("patientSearch.geo.clear"),
-        onClick: F,
-        className: ae,
-        children: /* @__PURE__ */ a(ie, { "aria-hidden": "true", className: "ds:size-4" })
+        onClick: o,
+        className: ee,
+        children: /* @__PURE__ */ a(ne, { "aria-hidden": "true", className: "ds:size-4" })
       }
     ) : null,
     /* @__PURE__ */ a(
@@ -266,43 +255,43 @@ function $({
       {
         type: "button",
         "aria-label": u("patientSearch.geo.cta"),
-        "aria-pressed": R || void 0,
-        disabled: Q,
-        onClick: R ? F : N,
-        className: ae,
-        children: /* @__PURE__ */ a(we, { "aria-hidden": "true", className: "ds:size-4" })
+        "aria-pressed": S || void 0,
+        disabled: G,
+        onClick: S ? o : h,
+        className: ee,
+        children: /* @__PURE__ */ a(xe, { "aria-hidden": "true", className: "ds:size-4" })
       }
     )
   ] });
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ y(
     "div",
     {
       "data-component": "patient-search-field",
       "data-field": "where",
       onFocus: () => {
-        P.current || (P.current = !0, w("patient_search_place_focused"));
+        D.current || (D.current = !0, _("patient_search_place_focused"));
       },
-      onBlur: (d) => {
-        d.currentTarget && !d.currentTarget.contains(d.relatedTarget) && (P.current = !1);
+      onBlur: (x) => {
+        x.currentTarget && !x.currentTarget.contains(x.relatedTarget) && (D.current = !1);
       },
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
       children: [
-        /* @__PURE__ */ _("div", { className: "ds:relative", children: [
+        /* @__PURE__ */ y("div", { className: "ds:relative", children: [
           /* @__PURE__ */ a(
-            re,
+            se,
             {
-              ref: h,
-              value: x,
-              onChange: (d) => {
-                n(d), e.place && d !== e.place.label && (l.current = void 0, s({ ...e, place: void 0, geo: void 0 }), o === "granted" && f("pristine"));
+              ref: p,
+              value: c,
+              onChange: (x) => {
+                r(x), e.place && x !== e.place.label && (l.current = void 0, s({ ...e, place: void 0, geo: void 0 }), d === "granted" && f("pristine"));
               },
-              onSelect: i,
+              onSelect: b,
               loadOptions: m,
-              debounceMs: de,
+              debounceMs: ie,
               placeholder: u("patientSearch.where.placeholder"),
               "aria-label": u("patientSearch.where.label"),
-              startAdornment: /* @__PURE__ */ a(ge, { "aria-hidden": "true" }),
-              endAdornment: C ? void 0 : (
+              startAdornment: /* @__PURE__ */ a(he, { "aria-hidden": "true" }),
+              endAdornment: L ? void 0 : (
                 // Decorative spacer — reserves inline-end room so the typed
                 // text doesn't run under the absolutely-positioned overlay.
                 // Autocomplete wraps endAdornment in `aria-hidden`, which is
@@ -312,60 +301,80 @@ function $({
                   "span",
                   {
                     "aria-hidden": "true",
-                    className: R ? "ds:inline-block ds:size-[4.5rem]" : "ds:inline-block ds:size-8"
+                    className: S ? "ds:inline-block ds:size-[4.5rem]" : "ds:inline-block ds:size-8"
                   }
                 )
               )
             }
           ),
-          I
+          Q
         ] }),
-        R ? (
-          // Slider marks render with `translate(-50%)` so half of each
-          // end-mark ("1" and "50" labels) sits outside the slider's
-          // bounding box. The parent Card uses `overflow: hidden`, which
-          // would clip them — the inline padding pulls the rail inset by
-          // half a label width so the overhang lands inside the card.
-          /* @__PURE__ */ _("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pb-[var(--spacing-md)]", children: [
-            /* @__PURE__ */ a(
-              "span",
-              {
-                id: "patient-search-radius-label",
-                className: "type-meta ds:text-[color:var(--muted-foreground)]",
-                children: u("patientSearch.geo.radius")
-              }
-            ),
-            /* @__PURE__ */ a(
-              me,
-              {
-                value: [p],
-                min: 0,
-                max: L.length - 1,
-                step: 1,
-                marks: L.map((d, b) => ({
-                  value: b,
-                  label: `${d}`
-                })),
-                formatValue: G,
-                alwaysShowValue: !0,
-                "aria-labelledby": "patient-search-radius-label",
-                onValueChange: (d) => y(d[0] ?? 0),
-                onValueCommit: (d) => U(d[0] ?? 0)
-              }
-            )
-          ] })
-        ) : null,
-        C ? (
+        L ? (
           // 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: u("patientSearch.geo.denied") }) })
+          /* @__PURE__ */ a(Z, { variant: "info", children: /* @__PURE__ */ a(Z.Description, { children: u("patientSearch.geo.denied") }) })
         ) : null
       ]
     }
   );
 }
-const ke = D(
+function q({
+  value: e,
+  onChange: s,
+  defaultRadiusKm: t = Y
+}) {
+  const { t: i } = j(), [p, v] = W(
+    () => {
+      var c;
+      return we(((c = e.geo) == null ? void 0 : c.radiusKm) ?? t);
+    }
+  );
+  if (!e.geo) return null;
+  const g = (c) => {
+    const r = O[c] ?? t;
+    s({ ...e, geo: { ...e.geo, radiusKm: r } }), _("patient_search_radius_changed", { radiusKm: r });
+  }, u = (c) => {
+    const r = O[Math.round(c)] ?? t;
+    return i("patientSearch.geo.radiusFormat", { km: r });
+  };
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      "data-component": "patient-search-geo-radius-bar",
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
+      children: [
+        /* @__PURE__ */ a(
+          "span",
+          {
+            id: "patient-search-radius-label",
+            className: "type-meta ds:text-[color:var(--muted-foreground)]",
+            children: i("patientSearch.geo.radius")
+          }
+        ),
+        /* @__PURE__ */ a(
+          fe,
+          {
+            value: [p],
+            min: 0,
+            max: O.length - 1,
+            step: 1,
+            marks: O.map((c, r) => ({
+              value: r,
+              label: `${c}`
+            })),
+            formatValue: u,
+            alwaysShowValue: !0,
+            "aria-labelledby": "patient-search-radius-label",
+            onValueChange: (c) => v(c[0] ?? 0),
+            onValueCommit: (c) => g(c[0] ?? 0)
+          }
+        )
+      ]
+    }
+  );
+}
+const Se = T(
   [
     "ds:inline-flex ds:items-center ds:justify-center",
     "ds:min-h-[var(--min-target-size)]",
@@ -388,44 +397,44 @@ const ke = D(
     defaultVariants: { state: "idle" }
   }
 );
-function Re({ value: e, onChange: s }) {
-  const { t, i18n: c } = A(), h = fe(), v = c.dir() === "rtl", g = S(/* @__PURE__ */ new Map()), u = z((r) => {
-    var o;
-    (o = g.current.get(r)) == null || o.focus();
-  }, []), x = z(
-    (r, o) => {
-      const f = j.indexOf(o), p = j.length, y = v ? "ArrowLeft" : "ArrowRight", m = v ? "ArrowRight" : "ArrowLeft";
-      switch (r.key) {
-        case y:
+function Ne({ value: e, onChange: s }) {
+  const { t, i18n: i } = j(), p = le(), v = i.dir() === "rtl", g = N(/* @__PURE__ */ new Map()), u = z((n) => {
+    var d;
+    (d = g.current.get(n)) == null || d.focus();
+  }, []), c = z(
+    (n, d) => {
+      const f = A.indexOf(d), m = A.length, b = v ? "ArrowLeft" : "ArrowRight", h = v ? "ArrowRight" : "ArrowLeft";
+      switch (n.key) {
+        case b:
         case "ArrowDown": {
-          r.preventDefault();
-          const i = j[(f + 1) % p];
-          s(i), w("patient_search_when_selected", { when: i }), u(i);
+          n.preventDefault();
+          const o = A[(f + 1) % m];
+          s(o), _("patient_search_when_selected", { when: o }), u(o);
           break;
         }
-        case m:
+        case h:
         case "ArrowUp": {
-          r.preventDefault();
-          const i = j[(f - 1 + p) % p];
-          s(i), w("patient_search_when_selected", { when: i }), u(i);
+          n.preventDefault();
+          const o = A[(f - 1 + m) % m];
+          s(o), _("patient_search_when_selected", { when: o }), u(o);
           break;
         }
         case "Home": {
-          r.preventDefault();
-          const i = j[0];
-          s(i), w("patient_search_when_selected", { when: i }), u(i);
+          n.preventDefault();
+          const o = A[0];
+          s(o), _("patient_search_when_selected", { when: o }), u(o);
           break;
         }
         case "End": {
-          r.preventDefault();
-          const i = j[p - 1];
-          s(i), w("patient_search_when_selected", { when: i }), u(i);
+          n.preventDefault();
+          const o = A[m - 1];
+          s(o), _("patient_search_when_selected", { when: o }), u(o);
           break;
         }
       }
     },
     [u, v, s]
-  ), n = e ?? "anytime", l = {
+  ), r = e ?? "anytime", l = {
     today: "patientSearch.when.today",
     tomorrow: "patientSearch.when.tomorrow",
     this_week: "patientSearch.when.thisWeek",
@@ -436,37 +445,37 @@ function Re({ value: e, onChange: s }) {
     {
       role: "radiogroup",
       "aria-label": t("patientSearch.when.label"),
-      id: h,
+      id: p,
       className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
-      children: j.map((r) => {
-        const o = e === r, f = n === r, p = t(l[r]);
+      children: A.map((n) => {
+        const d = e === n, f = r === n, m = t(l[n]);
         return /* @__PURE__ */ a(
           "button",
           {
             type: "button",
             role: "radio",
-            "aria-checked": o,
-            "aria-label": p,
+            "aria-checked": d,
+            "aria-label": m,
             tabIndex: f ? 0 : -1,
-            ref: (y) => {
-              y ? g.current.set(r, y) : g.current.delete(r);
+            ref: (b) => {
+              b ? g.current.set(n, b) : g.current.delete(n);
             },
             onClick: () => {
-              s(r), w("patient_search_when_selected", { when: r });
+              s(n), _("patient_search_when_selected", { when: n });
             },
-            onKeyDown: (y) => x(y, r),
-            className: ke({
-              state: o ? "selected" : "idle"
+            onKeyDown: (b) => c(b, n),
+            className: Se({
+              state: d ? "selected" : "idle"
             }),
-            children: p
+            children: m
           },
-          r
+          n
         );
       })
     }
   );
 }
-const te = D(
+const ae = T(
   [
     "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -496,63 +505,63 @@ const te = D(
     defaultVariants: { state: "idle" }
   }
 );
-function je({ facets: e, value: s, onChange: t }) {
-  const { t: c } = A(), h = Y(() => s ?? {}, [s]), v = Y(
-    () => Object.values(h).some((n) => n && n.length > 0),
-    [h]
-  ), g = (n, l) => {
-    const r = { ...h };
-    l.length === 0 ? delete r[n] : r[n] = l, t(r), w("patient_search_facet_changed", { key: n, values: l });
-  }, u = (n) => {
-    var r;
-    const l = (((r = h[n]) == null ? void 0 : r.length) ?? 0) > 0;
-    g(n, l ? [] : ["true"]);
-  }, x = (n, l) => {
-    const r = h[n.key] ?? [], o = r.includes(l);
+function ke({ facets: e, value: s, onChange: t }) {
+  const { t: i } = j(), p = X(() => s ?? {}, [s]), v = X(
+    () => Object.values(p).some((r) => r && r.length > 0),
+    [p]
+  ), g = (r, l) => {
+    const n = { ...p };
+    l.length === 0 ? delete n[r] : n[r] = l, t(n), _("patient_search_facet_changed", { key: r, values: l });
+  }, u = (r) => {
+    var n;
+    const l = (((n = p[r]) == null ? void 0 : n.length) ?? 0) > 0;
+    g(r, l ? [] : ["true"]);
+  }, c = (r, l) => {
+    const n = p[r.key] ?? [], d = n.includes(l);
     let f;
-    n.multi ? f = o ? r.filter((p) => p !== l) : [...r, l] : f = o ? [] : [l], g(n.key, f);
+    r.multi ? f = d ? n.filter((m) => m !== l) : [...n, l] : f = d ? [] : [l], g(r.key, f);
   };
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ y(
     "div",
     {
       role: "group",
-      "aria-label": c("patientSearch.facets.label"),
+      "aria-label": i("patientSearch.facets.label"),
       className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
       children: [
-        e.map((n) => {
-          const l = n.options.length === 0, r = h[n.key] ?? [], o = r.length > 0;
+        e.map((r) => {
+          const l = r.options.length === 0, n = p[r.key] ?? [], d = n.length > 0;
           if (l)
             return /* @__PURE__ */ a(
               "button",
               {
                 type: "button",
-                "aria-pressed": o,
-                "aria-label": n.label,
-                onClick: () => u(n.key),
-                className: te({
-                  state: o ? "active" : "idle"
+                "aria-pressed": d,
+                "aria-label": r.label,
+                onClick: () => u(r.key),
+                className: ae({
+                  state: d ? "active" : "idle"
                 }),
-                children: /* @__PURE__ */ a("span", { children: n.label })
+                children: /* @__PURE__ */ a("span", { children: r.label })
               },
-              n.key
+              r.key
             );
-          const f = o ? ` (${r.length})` : "";
-          return /* @__PURE__ */ _(K.Root, { children: [
-            /* @__PURE__ */ a(K.Trigger, { asChild: !0, children: /* @__PURE__ */ _(
+          const f = d ? ` (${n.length})` : "";
+          return /* @__PURE__ */ y(F.Root, { children: [
+            /* @__PURE__ */ a(F.Trigger, { asChild: !0, children: /* @__PURE__ */ y(
               "button",
               {
                 type: "button",
-                "aria-label": `${n.label}${f}`,
-                className: te({
-                  state: o ? "active" : "idle"
+                "aria-label": `${r.label}${f}`,
+                className: ae({
+                  state: d ? "active" : "idle"
                 }),
                 children: [
-                  /* @__PURE__ */ _("span", { children: [
-                    n.label,
+                  /* @__PURE__ */ y("span", { children: [
+                    r.label,
                     f
                   ] }),
                   /* @__PURE__ */ a(
-                    ye,
+                    ge,
                     {
                       "aria-hidden": "true",
                       className: "ds:size-3.5 ds:shrink-0"
@@ -561,25 +570,25 @@ function je({ facets: e, value: s, onChange: t }) {
                 ]
               }
             ) }),
-            /* @__PURE__ */ a(K.Content, { sideOffset: 8, align: "start", children: n.options.map((p) => /* @__PURE__ */ a(
-              K.CheckboxItem,
+            /* @__PURE__ */ a(F.Content, { sideOffset: 8, align: "start", children: r.options.map((m) => /* @__PURE__ */ a(
+              F.CheckboxItem,
               {
-                checked: r.includes(p.value),
-                onSelect: (y) => {
-                  n.multi && y.preventDefault(), x(n, p.value);
+                checked: n.includes(m.value),
+                onSelect: (b) => {
+                  r.multi && b.preventDefault(), c(r, m.value);
                 },
-                children: p.label
+                children: m.label
               },
-              p.value
+              m.value
             )) })
-          ] }, n.key);
+          ] }, r.key);
         }),
-        v ? /* @__PURE__ */ _(
+        v ? /* @__PURE__ */ y(
           "button",
           {
             type: "button",
             onClick: () => {
-              t({}), w("patient_search_facet_changed", { key: "*", values: [] });
+              t({}), _("patient_search_facet_changed", { key: "*", values: [] });
             },
             className: [
               "ds:ms-[var(--spacing-xs)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
@@ -591,8 +600,8 @@ function je({ 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" }),
-              c("patientSearch.facets.clear")
+              /* @__PURE__ */ a(ne, { "aria-hidden": "true", className: "ds:size-3.5" }),
+              i("patientSearch.facets.clear")
             ]
           }
         ) : null
@@ -600,7 +609,7 @@ function je({ facets: e, value: s, onChange: t }) {
     }
   );
 }
-const se = ["violet", "purple", "magenta", "blue"], Ae = D(
+const te = ["violet", "purple", "magenta", "blue"], Re = T(
   [
     "ds:relative ds:flex ds:h-full ds:flex-col ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-lg)] ds:overflow-hidden",
@@ -616,7 +625,7 @@ const se = ["violet", "purple", "magenta", "blue"], Ae = D(
     "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
     "ds:no-underline"
   ].join(" ")
-), Ce = D(
+), je = T(
   "ds:absolute ds:inset-inline-0 ds:top-0 ds:h-[3px] ds:pointer-events-none",
   {
     variants: {
@@ -629,7 +638,7 @@ const se = ["violet", "purple", "magenta", "blue"], Ae = D(
     },
     defaultVariants: { accent: "violet" }
   }
-), Te = D(
+), Ae = T(
   "ds:inline-flex ds:size-9 ds:items-center ds:justify-center ds:rounded-[var(--radius-md)]",
   {
     variants: {
@@ -643,12 +652,12 @@ const se = ["violet", "purple", "magenta", "blue"], Ae = D(
     defaultVariants: { accent: "violet" }
   }
 );
-function Ee(e, s) {
-  return e && e !== "auto" ? e : se[s % se.length];
+function Ce(e, s) {
+  return e && e !== "auto" ? e : te[s % te.length];
 }
-function Le({ cards: e }) {
-  const { t: s } = A();
-  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__ */ _("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+function Ee({ cards: e }) {
+  const { t: s } = j();
+  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__ */ y("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(
       "ul",
@@ -658,34 +667,34 @@ function Le({ 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, c) => {
-          const h = Ee(t.accent, c);
-          return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ _(
+        children: e.map((t, i) => {
+          const p = Ce(t.accent, i);
+          return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ y(
             "a",
             {
               href: t.href,
               "data-component": "patient-search-card",
               "data-card-id": t.id,
               "aria-label": t.description ? `${t.label} — ${t.description}` : t.label,
-              onClick: () => w("patient_search_discovery_card_clicked", {
+              onClick: () => _("patient_search_discovery_card_clicked", {
                 cardId: t.id
               }),
-              className: Ae(),
+              className: Re(),
               children: [
                 /* @__PURE__ */ a(
                   "span",
                   {
                     "aria-hidden": "true",
-                    className: Ce({ accent: h })
+                    className: je({ accent: p })
                   }
                 ),
-                /* @__PURE__ */ _("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+                /* @__PURE__ */ y("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
                   /* @__PURE__ */ a(
                     "span",
                     {
                       "aria-hidden": "true",
-                      className: Te({ accent: h }),
-                      children: t.icon ?? /* @__PURE__ */ a(be, { className: "ds:size-4", "aria-hidden": "true" })
+                      className: Ae({ accent: p }),
+                      children: t.icon ?? /* @__PURE__ */ a(ve, { className: "ds:size-4", "aria-hidden": "true" })
                     }
                   ),
                   t.badge ? (
@@ -709,7 +718,7 @@ function Le({ cards: e }) {
     )
   ] });
 }
-function De(e) {
+function Te(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))
@@ -717,26 +726,26 @@ function De(e) {
   }
   return !1;
 }
-function q({
+function U({
   value: e,
   variant: s,
   submitting: t,
-  submitLabel: c,
-  allowEmptySubmit: h,
+  submitLabel: i,
+  allowEmptySubmit: p,
   onSubmit: v
 }) {
-  const { t: g } = A(), u = t || !h && !De(e), x = c ?? g("patientSearch.submit.cta");
+  const { t: g } = j(), u = t || !p && !Te(e), c = i ?? g("patientSearch.submit.cta");
   return /* @__PURE__ */ a(
-    pe,
+    ue,
     {
       type: "button",
       intent: "primary",
       size: "lg",
-      startIcon: /* @__PURE__ */ a(ne, { "aria-hidden": "true" }),
+      startIcon: /* @__PURE__ */ a(re, { "aria-hidden": "true" }),
       loading: t,
       disabled: u,
       onClick: () => {
-        w("patient_search_submitted", {
+        _("patient_search_submitted", {
           variant: s,
           hasObject: !!e.object,
           hasPlace: !!e.place,
@@ -745,156 +754,174 @@ function q({
           facetKeys: e.facets ? Object.keys(e.facets) : []
         }), v(e);
       },
-      children: x
+      children: c
     }
   );
 }
-function Pe(e) {
+function Le(e) {
   const {
     variant: s,
     value: t,
-    onChange: c,
-    onSubmit: h,
+    onChange: i,
+    onSubmit: p,
     loadObjects: v,
     loadPlaces: g,
     onObjectSelect: u,
-    onPlaceSelect: x,
-    submitting: n,
+    onPlaceSelect: c,
+    submitting: r,
     submitLabel: l,
-    allowEmptySubmit: r,
-    whoRef: o,
+    allowEmptySubmit: n,
+    whoRef: d,
     whereRef: f,
-    defaultRadiusKm: p,
-    reverseGeocode: y,
-    cardLabel: m
+    defaultRadiusKm: m,
+    reverseGeocode: b,
+    cardLabel: h
   } = e;
-  return /* @__PURE__ */ a(M, { variant: "elevated", "aria-label": m, children: /* @__PURE__ */ _("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)] ds:md:flex-row ds:md:items-center", children: [
-    /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-      H,
-      {
-        value: t,
-        onChange: c,
-        loadObjects: v,
-        onObjectSelect: u,
-        inputRef: o
-      }
-    ) }),
-    /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-      $,
-      {
-        value: t,
-        onChange: c,
-        loadPlaces: g,
-        onPlaceSelect: x,
-        defaultRadiusKm: p,
-        reverseGeocode: y,
-        inputRef: f
-      }
-    ) }),
+  return /* @__PURE__ */ a(M, { variant: "elevated", "aria-label": h, children: /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:md:flex-row ds:md:items-center", children: [
+      /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
+        H,
+        {
+          value: t,
+          onChange: i,
+          loadObjects: v,
+          onObjectSelect: u,
+          inputRef: d
+        }
+      ) }),
+      /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
+        $,
+        {
+          value: t,
+          onChange: i,
+          loadPlaces: g,
+          onPlaceSelect: c,
+          defaultRadiusKm: m,
+          reverseGeocode: b,
+          inputRef: f
+        }
+      ) }),
+      /* @__PURE__ */ a(
+        U,
+        {
+          value: t,
+          variant: s,
+          submitting: r,
+          submitLabel: l,
+          allowEmptySubmit: n,
+          onSubmit: p
+        }
+      )
+    ] }),
     /* @__PURE__ */ a(
       q,
       {
         value: t,
-        variant: s,
-        submitting: n,
-        submitLabel: l,
-        allowEmptySubmit: r,
-        onSubmit: h
+        onChange: i,
+        defaultRadiusKm: m
       }
     )
   ] }) });
 }
-function Ie(e) {
+function De(e) {
   const {
     variant: s,
     value: t,
-    onChange: c,
-    onSubmit: h,
+    onChange: i,
+    onSubmit: p,
     loadObjects: v,
     loadPlaces: g,
     onObjectSelect: u,
-    onPlaceSelect: x,
-    submitting: n,
+    onPlaceSelect: c,
+    submitting: r,
     submitLabel: l,
-    allowEmptySubmit: r,
-    whoRef: o,
+    allowEmptySubmit: n,
+    whoRef: d,
     whereRef: f,
-    defaultRadiusKm: p,
-    reverseGeocode: y,
-    cardLabel: m
+    defaultRadiusKm: m,
+    reverseGeocode: b,
+    cardLabel: h
   } = e;
-  return /* @__PURE__ */ a(M, { variant: "elevated", "aria-label": m, children: /* @__PURE__ */ _("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ _("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:md:flex-row ds:md:items-center", children: [
+  return /* @__PURE__ */ a(M, { variant: "elevated", "aria-label": h, children: /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:md:flex-row ds:md:items-center", children: [
       /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
         H,
         {
           value: t,
-          onChange: c,
+          onChange: i,
           loadObjects: v,
           onObjectSelect: u,
-          inputRef: o
+          inputRef: d
         }
       ) }),
       /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
         $,
         {
           value: t,
-          onChange: c,
+          onChange: i,
           loadPlaces: g,
-          onPlaceSelect: x,
-          defaultRadiusKm: p,
-          reverseGeocode: y,
+          onPlaceSelect: c,
+          defaultRadiusKm: m,
+          reverseGeocode: b,
           inputRef: f
         }
       ) }),
       /* @__PURE__ */ a(
-        q,
+        U,
         {
           value: t,
           variant: s,
-          submitting: n,
+          submitting: r,
           submitLabel: l,
-          allowEmptySubmit: r,
-          onSubmit: h
+          allowEmptySubmit: n,
+          onSubmit: p
         }
       )
     ] }),
     /* @__PURE__ */ a(
-      Re,
+      q,
+      {
+        value: t,
+        onChange: i,
+        defaultRadiusKm: m
+      }
+    ),
+    /* @__PURE__ */ a(
+      Ne,
       {
         value: t.when,
-        onChange: (i) => c({ ...t, when: i })
+        onChange: (o) => i({ ...t, when: o })
       }
     )
   ] }) });
 }
-function Oe(e) {
+function Pe(e) {
   const {
     variant: s,
     value: t,
-    onChange: c,
-    onSubmit: h,
+    onChange: i,
+    onSubmit: p,
     loadObjects: v,
     loadPlaces: g,
     onObjectSelect: u,
-    onPlaceSelect: x,
-    facets: n,
+    onPlaceSelect: c,
+    facets: r,
     submitting: l,
-    submitLabel: r,
-    allowEmptySubmit: o,
+    submitLabel: n,
+    allowEmptySubmit: d,
     whoRef: f,
-    whereRef: p,
-    defaultRadiusKm: y,
-    reverseGeocode: m,
-    cardLabel: i
+    whereRef: m,
+    defaultRadiusKm: b,
+    reverseGeocode: h,
+    cardLabel: o
   } = e;
-  return /* @__PURE__ */ a(M, { variant: "elevated", "aria-label": i, children: /* @__PURE__ */ _("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ _("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:md:flex-row ds:md:items-center", children: [
+  return /* @__PURE__ */ a(M, { variant: "elevated", "aria-label": o, children: /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:md:flex-row ds:md:items-center", children: [
       /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
         H,
         {
           value: t,
-          onChange: c,
+          onChange: i,
           loadObjects: v,
           onObjectSelect: u,
           inputRef: f
@@ -904,186 +931,204 @@ function Oe(e) {
         $,
         {
           value: t,
-          onChange: c,
+          onChange: i,
           loadPlaces: g,
-          onPlaceSelect: x,
-          defaultRadiusKm: y,
-          reverseGeocode: m,
-          inputRef: p
+          onPlaceSelect: c,
+          defaultRadiusKm: b,
+          reverseGeocode: h,
+          inputRef: m
         }
       ) }),
       /* @__PURE__ */ a(
-        q,
+        U,
         {
           value: t,
           variant: s,
           submitting: l,
-          submitLabel: r,
-          allowEmptySubmit: o,
-          onSubmit: h
+          submitLabel: n,
+          allowEmptySubmit: d,
+          onSubmit: p
         }
       )
     ] }),
-    n && n.length > 0 ? /* @__PURE__ */ a(
-      je,
+    /* @__PURE__ */ a(
+      q,
+      {
+        value: t,
+        onChange: i,
+        defaultRadiusKm: b
+      }
+    ),
+    r && r.length > 0 ? /* @__PURE__ */ a(
+      ke,
       {
-        facets: n,
+        facets: r,
         value: t.facets,
-        onChange: (N) => c({ ...t, facets: N })
+        onChange: (S) => i({ ...t, facets: S })
       }
     ) : null
   ] }) });
 }
-function Ve(e) {
+function Ie(e) {
   const {
     variant: s,
     value: t,
-    onChange: c,
-    onSubmit: h,
+    onChange: i,
+    onSubmit: p,
     loadObjects: v,
     loadPlaces: g,
     onObjectSelect: u,
-    onPlaceSelect: x,
-    discoveryCards: n,
+    onPlaceSelect: c,
+    discoveryCards: r,
     submitting: l,
-    submitLabel: r,
-    allowEmptySubmit: o,
+    submitLabel: n,
+    allowEmptySubmit: d,
     whoRef: f,
-    whereRef: p,
-    defaultRadiusKm: y,
-    reverseGeocode: m,
-    cardLabel: i
+    whereRef: m,
+    defaultRadiusKm: b,
+    reverseGeocode: h,
+    cardLabel: o
   } = e;
-  return /* @__PURE__ */ _("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", children: [
-    /* @__PURE__ */ a(M, { variant: "elevated", "aria-label": i, children: /* @__PURE__ */ _("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(
-        H,
-        {
-          value: t,
-          onChange: c,
-          loadObjects: v,
-          onObjectSelect: u,
-          inputRef: f
-        }
-      ) }),
-      /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-        $,
-        {
-          value: t,
-          onChange: c,
-          loadPlaces: g,
-          onPlaceSelect: x,
-          defaultRadiusKm: y,
-          reverseGeocode: m,
-          inputRef: p
-        }
-      ) }),
+  return /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", children: [
+    /* @__PURE__ */ y(M, { variant: "elevated", "aria-label": o, children: [
+      /* @__PURE__ */ y("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(
+          H,
+          {
+            value: t,
+            onChange: i,
+            loadObjects: v,
+            onObjectSelect: u,
+            inputRef: f
+          }
+        ) }),
+        /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
+          $,
+          {
+            value: t,
+            onChange: i,
+            loadPlaces: g,
+            onPlaceSelect: c,
+            defaultRadiusKm: b,
+            reverseGeocode: h,
+            inputRef: m
+          }
+        ) }),
+        /* @__PURE__ */ a(
+          U,
+          {
+            value: t,
+            variant: s,
+            submitting: l,
+            submitLabel: n,
+            allowEmptySubmit: d,
+            onSubmit: p
+          }
+        )
+      ] }),
       /* @__PURE__ */ a(
         q,
         {
           value: t,
-          variant: s,
-          submitting: l,
-          submitLabel: r,
-          allowEmptySubmit: o,
-          onSubmit: h
+          onChange: i,
+          defaultRadiusKm: b
         }
       )
-    ] }) }),
-    /* @__PURE__ */ a(Le, { cards: n })
+    ] }),
+    /* @__PURE__ */ a(Ee, { cards: r })
   ] });
 }
-const Be = le(function({
+const Oe = de(function({
   variant: s,
   loadObjects: t,
-  loadPlaces: c,
-  onObjectSelect: h,
+  loadPlaces: i,
+  onObjectSelect: p,
   onPlaceSelect: v,
   facets: g,
-  defaultRadiusKm: u = oe,
-  reverseGeocode: x,
-  discoveryCards: n,
+  defaultRadiusKm: u = Y,
+  reverseGeocode: c,
+  discoveryCards: r,
   countryCode: l,
-  value: r,
-  onChange: o,
+  value: n,
+  onChange: d,
   onSubmit: f,
-  submitting: p,
-  submitLabel: y,
-  allowEmptySubmit: m,
-  "aria-label": i,
-  id: N,
-  className: F,
-  ...U
-}, G) {
-  const { t: R } = A(), Q = S(null), C = S(null), P = S(null), I = S(!1);
-  B(() => {
-    if (!I.current && s === "who-where-when") {
-      if (r.when !== void 0) {
-        I.current = !0;
+  submitting: m,
+  submitLabel: b,
+  allowEmptySubmit: h,
+  "aria-label": o,
+  id: S,
+  className: G,
+  ...L
+}, D) {
+  const { t: J } = j(), Q = N(null), P = N(null), B = N(null), C = N(!1);
+  V(() => {
+    if (!C.current && s === "who-where-when") {
+      if (n.when !== void 0) {
+        C.current = !0;
         return;
       }
-      I.current = !0, o({ ...r, when: "anytime" });
+      C.current = !0, d({ ...n, when: "anytime" });
     }
   }, [s]);
-  const T = S(!1);
-  B(() => {
-    if (!T.current && s === "faceted") {
-      if (r.facets !== void 0) {
-        T.current = !0;
+  const E = N(!1);
+  V(() => {
+    if (!E.current && s === "faceted") {
+      if (n.facets !== void 0) {
+        E.current = !0;
         return;
       }
-      T.current = !0, o({ ...r, facets: {} });
+      E.current = !0, d({ ...n, facets: {} });
     }
   }, [s]);
-  const O = S(null);
-  B(() => {
-    O.current !== s && (O.current = s, w("patient_search_variant_exposed", { variant: s, country: l }));
+  const x = N(null);
+  V(() => {
+    x.current !== s && (x.current = s, _("patient_search_variant_exposed", { variant: s, country: l }));
   }, [s, l]);
-  const E = Y(
+  const w = X(
     () => ({
       getVariant: () => s,
       reset: () => {
-        o({});
+        d({});
       },
       focusPrimary: () => {
         requestAnimationFrame(() => {
-          var k;
-          (k = C.current) == null || k.focus();
+          var I;
+          (I = P.current) == null || I.focus();
         });
       }
     }),
-    [s, o]
+    [s, d]
   );
-  ue(G, () => E, [E]), he(_e, E, N);
-  const V = i ?? R("patientSearch.regionLabel"), d = {
+  ce(D, () => w, [w]), pe(ye, w, S);
+  const k = o ?? J("patientSearch.regionLabel"), R = {
     variant: s,
-    value: r,
-    onChange: o,
+    value: n,
+    onChange: d,
     onSubmit: f,
     loadObjects: t,
-    loadPlaces: c,
-    onObjectSelect: h,
+    loadPlaces: i,
+    onObjectSelect: p,
     onPlaceSelect: v,
     facets: g,
     defaultRadiusKm: u,
-    reverseGeocode: x,
-    discoveryCards: n ?? [],
-    submitting: p,
-    submitLabel: y,
-    allowEmptySubmit: m,
-    whoRef: C,
-    whereRef: P,
-    cardLabel: V
-  }, b = (() => {
+    reverseGeocode: c,
+    discoveryCards: r ?? [],
+    submitting: m,
+    submitLabel: b,
+    allowEmptySubmit: h,
+    whoRef: P,
+    whereRef: B,
+    cardLabel: k
+  }, K = (() => {
     switch (s) {
       case "who-where":
-        return /* @__PURE__ */ a(Pe, { ...d });
+        return /* @__PURE__ */ a(Le, { ...R });
       case "who-where-when":
-        return /* @__PURE__ */ a(Ie, { ...d });
+        return /* @__PURE__ */ a(De, { ...R });
       case "faceted":
-        return /* @__PURE__ */ a(Oe, { ...d });
+        return /* @__PURE__ */ a(Pe, { ...R });
       case "discovery":
-        return /* @__PURE__ */ a(Ve, { ...d });
+        return /* @__PURE__ */ a(Ie, { ...R });
       /* c8 ignore next 2 */
       default:
         return null;
@@ -1094,20 +1139,20 @@ const Be = le(function({
     {
       ref: Q,
       role: "region",
-      "aria-label": V,
-      id: N,
+      "aria-label": k,
+      id: S,
       "data-component": "patient-search",
-      "data-component-id": N,
+      "data-component-id": S,
       "data-variant": s,
-      className: Ne({ variant: s, className: F }),
-      ...U,
-      children: b
+      className: _e({ variant: s, className: G }),
+      ...L,
+      children: K
     }
   );
 });
-Be.displayName = "PatientSearch";
+Oe.displayName = "PatientSearch";
 export {
-  Be as P,
-  _e as p
+  Oe as P,
+  ye as p
 };
-//# sourceMappingURL=patient-search-DuSoGG2t.js.map
+//# sourceMappingURL=patient-search-ZpHN-pgJ.js.map