@alfadocs/ui-kit 0.30.0 → 0.30.2

package/dist/_chunks/{patient-search-BhlxYAI3.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 z, useCallback as M, useId as fe } from "react";
-import { c as P } from "./index-D2ZczOXr.js";
-import { useTranslation as C } from "react-i18next";
-import { A as re } from "./autocomplete-CUh0f7Dj.js";
-import { B as pe } from "./button-DD_0Xdmr.js";
-import { C as H } from "./card-DKTMLVrw.js";
-import { S as he } from "./slider-CfEzeseL.js";
-import { A as ee } from "./alert-ywPR59NE.js";
-import { D as W } from "./dropdown-menu-DZxwF23X.js";
-import { u as me } 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 xe } from "./chevron-down-BX_NP2Yh.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 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 ye = [
+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", ye), _e = {
+], xe = me("locate-fixed", be), ye = {
   id: "patient-search",
   capabilities: ["navigate", "view_change"],
   state: {
@@ -70,7 +70,7 @@ const ye = [
     }
   }
 };
-function w(e, s) {
+function _(e, s) {
   if (typeof window > "u") return;
   const t = window.track;
   try {
@@ -83,15 +83,15 @@ const A = [
   "tomorrow",
   "this_week",
   "anytime"
-], D = [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 D.forEach((d, h) => {
-    const m = Math.abs(d - e);
-    m < t && (t = m, s = h);
+  return O.forEach((i, p) => {
+    const v = Math.abs(i - e);
+    v < t && (t = v, s = p);
   }), s;
 }
-const Ne = P(
+const _e = T(
   "ds:flex ds:w-full ds:flex-col ds:text-[var(--foreground)]",
   {
     variants: {
@@ -105,65 +105,65 @@ const Ne = P(
     defaultVariants: { variant: "who-where" }
   }
 );
-function $({
+function H({
   value: e,
   onChange: s,
   loadObjects: t,
-  onObjectSelect: d,
-  inputRef: h
+  onObjectSelect: i,
+  inputRef: p
 }) {
-  var i, f, p, x;
-  const { t: m } = C(), [b, u] = z(((i = e.object) == null ? void 0 : i.label) ?? ""), y = S((f = e.object) == null ? void 0 : f.value);
-  B(() => {
-    var v, o, T;
-    ((v = e.object) == null ? void 0 : v.value) !== y.current && (y.current = (o = e.object) == null ? void 0 : o.value, u(((T = e.object) == null ? void 0 : T.label) ?? ""));
-  }, [(p = e.object) == null ? void 0 : p.value, (x = e.object) == null ? void 0 : x.label]);
-  const n = M(
-    async (v, { signal: o }) => await t(v, { signal: o }),
+  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]
-  ), c = (v) => {
+  ), l = (h) => {
     const o = {
-      value: v.value,
-      label: v.label,
-      description: v.description,
-      __payload: v.__payload
+      value: h.value,
+      label: h.label,
+      description: h.description,
+      __payload: h.__payload
     };
-    u(o.label), y.current = o.value, s({ ...e, object: o }), w("patient_search_object_selected", {
+    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
-    }), d == null || d(o);
-  }, r = S(!1);
+    }), 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: (v) => {
-        v.currentTarget && !v.currentTarget.contains(v.relatedTarget) && (r.current = !1);
+      onBlur: (h) => {
+        h.currentTarget && !h.currentTarget.contains(h.relatedTarget) && (n.current = !1);
       },
       children: /* @__PURE__ */ a(
-        re,
+        se,
         {
-          ref: h,
-          value: b,
-          onChange: (v) => {
-            u(v), e.object && v !== e.object.label && (y.current = void 0, s({ ...e, object: void 0 }));
+          ref: p,
+          value: g,
+          onChange: (h) => {
+            u(h), e.object && h !== e.object.label && (c.current = void 0, s({ ...e, object: void 0 }));
           },
-          onSelect: c,
-          loadOptions: n,
-          debounceMs: de,
-          placeholder: m("patientSearch.who.placeholder"),
-          "aria-label": m("patientSearch.who.label"),
-          startAdornment: /* @__PURE__ */ a(ne, { "aria-hidden": "true" })
+          onSelect: l,
+          loadOptions: r,
+          debounceMs: ie,
+          placeholder: v("patientSearch.who.placeholder"),
+          "aria-label": v("patientSearch.who.label"),
+          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)]",
@@ -175,90 +175,79 @@ 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 $({
   value: e,
   onChange: s,
   loadPlaces: t,
-  onPlaceSelect: d,
-  inputRef: h,
-  defaultRadiusKm: m = oe,
-  reverseGeocode: b
+  onPlaceSelect: i,
+  inputRef: p,
+  defaultRadiusKm: v = Y,
+  reverseGeocode: g
 }) {
-  var V, L, E, R;
-  const { t: u } = C(), [y, n] = z(((V = e.place) == null ? void 0 : V.label) ?? ""), c = S((L = e.place) == null ? void 0 : L.value), r = e.geo ? "granted" : "pristine", [i, f] = z(r), [p, x] = z(
-    () => {
-      var l;
-      return Se(((l = e.geo) == null ? void 0 : l.radiusKm) ?? m);
-    }
-  );
-  B(() => {
-    var l, g, j;
-    ((l = e.place) == null ? void 0 : l.value) !== c.current && (c.current = (g = e.place) == null ? void 0 : g.value, n(((j = e.place) == null ? void 0 : j.label) ?? ""));
-  }, [(E = e.place) == null ? void 0 : E.value, (R = e.place) == null ? void 0 : R.label]);
-  const v = M(
-    async (l, { signal: g }) => await t(l, { signal: g }),
+  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 (x, { signal: w }) => await t(x, { signal: w }),
     [t]
-  ), o = (l) => {
-    const g = {
-      value: l.value,
-      label: l.label,
-      lat: l.lat,
-      lng: l.lng
+  ), b = (x) => {
+    const w = {
+      value: x.value,
+      label: x.label,
+      lat: x.lat,
+      lng: x.lng
     };
-    n(g.label), c.current = g.value, s({ ...e, place: g, geo: void 0 }), i === "granted" && f("pristine"), w("patient_search_place_selected", { value: g.value }), d == null || d(g);
-  }, T = () => {
+    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 (l) => {
-        const { latitude: g, longitude: j } = l.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 (b == null ? void 0 : b(g, j));
+          R = await (g == null ? void 0 : g(w, k));
         } catch {
-          X = void 0;
+          R = void 0;
         }
-        const J = D[p] ?? m, Z = X ?? u("patientSearch.geo.fallbackLabel"), ce = {
-          value: `geo:${g.toFixed(4)},${j.toFixed(4)}`,
-          label: Z,
-          lat: g,
-          lng: j
+        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: g,
-            lng: j,
-            radiusKm: J,
-            label: Z
+            lat: w,
+            lng: k,
+            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(""), c.current = void 0, f("pristine");
-  }, G = (l) => {
-    const g = D[l] ?? m;
-    e.geo && s({ ...e, geo: { ...e.geo, radiusKm: g } }), w("patient_search_radius_changed", { radiusKm: g });
-  }, Q = (l) => {
-    const g = D[Math.round(l)] ?? m;
-    return u("patientSearch.geo.radiusFormat", { km: g });
-  }, N = i === "granted" && !!e.geo, K = i === "requesting", I = i === "denied", k = S(!1), O = I ? 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: [
-    N ? /* @__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 q({
       {
         type: "button",
         "aria-label": u("patientSearch.geo.cta"),
-        "aria-pressed": N || void 0,
-        disabled: K,
-        onClick: N ? F : T,
-        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: () => {
-        k.current || (k.current = !0, w("patient_search_place_focused"));
+        D.current || (D.current = !0, _("patient_search_place_focused"));
       },
-      onBlur: (l) => {
-        l.currentTarget && !l.currentTarget.contains(l.relatedTarget) && (k.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: y,
-              onChange: (l) => {
-                n(l), e.place && l !== e.place.label && (c.current = void 0, s({ ...e, place: void 0, geo: void 0 }), i === "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: o,
-              loadOptions: v,
-              debounceMs: de,
+              onSelect: b,
+              loadOptions: m,
+              debounceMs: ie,
               placeholder: u("patientSearch.where.placeholder"),
               "aria-label": u("patientSearch.where.label"),
-              startAdornment: /* @__PURE__ */ a(ge, { "aria-hidden": "true" }),
-              endAdornment: I ? 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 q({
                   "span",
                   {
                     "aria-hidden": "true",
-                    className: N ? "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"
                   }
                 )
               )
             }
           ),
-          O
+          Q
         ] }),
-        N ? (
-          // 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(
-              he,
-              {
-                value: [p],
-                min: 0,
-                max: D.length - 1,
-                step: 1,
-                marks: D.map((l, g) => ({
-                  value: g,
-                  label: `${l}`
-                })),
-                formatValue: Q,
-                alwaysShowValue: !0,
-                "aria-labelledby": "patient-search-radius-label",
-                onValueChange: (l) => x(l[0] ?? 0),
-                onValueCommit: (l) => G(l[0] ?? 0)
-              }
-            )
-          ] })
-        ) : null,
-        I ? (
+        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 = P(
+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 = P(
     defaultVariants: { state: "idle" }
   }
 );
-function Re({ value: e, onChange: s }) {
-  const { t, i18n: d } = C(), h = fe(), m = d.dir() === "rtl", b = S(/* @__PURE__ */ new Map()), u = M((r) => {
-    var i;
-    (i = b.current.get(r)) == null || i.focus();
-  }, []), y = M(
-    (r, i) => {
-      const f = A.indexOf(i), p = A.length, x = m ? "ArrowLeft" : "ArrowRight", v = m ? "ArrowRight" : "ArrowLeft";
-      switch (r.key) {
-        case x:
+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 o = A[(f + 1) % p];
-          s(o), w("patient_search_when_selected", { when: o }), u(o);
+          n.preventDefault();
+          const o = A[(f + 1) % m];
+          s(o), _("patient_search_when_selected", { when: o }), u(o);
           break;
         }
-        case v:
+        case h:
         case "ArrowUp": {
-          r.preventDefault();
-          const o = A[(f - 1 + p) % p];
-          s(o), w("patient_search_when_selected", { when: o }), u(o);
+          n.preventDefault();
+          const o = A[(f - 1 + m) % m];
+          s(o), _("patient_search_when_selected", { when: o }), u(o);
           break;
         }
         case "Home": {
-          r.preventDefault();
+          n.preventDefault();
           const o = A[0];
-          s(o), w("patient_search_when_selected", { when: o }), u(o);
+          s(o), _("patient_search_when_selected", { when: o }), u(o);
           break;
         }
         case "End": {
-          r.preventDefault();
-          const o = A[p - 1];
-          s(o), w("patient_search_when_selected", { when: o }), u(o);
+          n.preventDefault();
+          const o = A[m - 1];
+          s(o), _("patient_search_when_selected", { when: o }), u(o);
           break;
         }
       }
     },
-    [u, m, s]
-  ), n = e ?? "anytime", c = {
+    [u, v, s]
+  ), 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: A.map((r) => {
-        const i = e === r, f = n === r, p = t(c[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": i,
-            "aria-label": p,
+            "aria-checked": d,
+            "aria-label": m,
             tabIndex: f ? 0 : -1,
-            ref: (x) => {
-              x ? b.current.set(r, x) : b.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: (x) => y(x, r),
-            className: ke({
-              state: i ? "selected" : "idle"
+            onKeyDown: (b) => c(b, n),
+            className: Se({
+              state: d ? "selected" : "idle"
             }),
-            children: p
+            children: m
           },
-          r
+          n
         );
       })
     }
   );
 }
-const te = P(
+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 = P(
     defaultVariants: { state: "idle" }
   }
 );
-function je({ facets: e, value: s, onChange: t }) {
-  const { t: d } = C(), h = Y(() => s ?? {}, [s]), m = Y(
-    () => Object.values(h).some((n) => n && n.length > 0),
-    [h]
-  ), b = (n, c) => {
-    const r = { ...h };
-    c.length === 0 ? delete r[n] : r[n] = c, t(r), w("patient_search_facet_changed", { key: n, values: c });
-  }, u = (n) => {
-    var r;
-    const c = (((r = h[n]) == null ? void 0 : r.length) ?? 0) > 0;
-    b(n, c ? [] : ["true"]);
-  }, y = (n, c) => {
-    const r = h[n.key] ?? [], i = r.includes(c);
+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 = i ? r.filter((p) => p !== c) : [...r, c] : f = i ? [] : [c], b(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": d("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 c = n.options.length === 0, r = h[n.key] ?? [], i = r.length > 0;
-          if (c)
+        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": i,
-                "aria-label": n.label,
-                onClick: () => u(n.key),
-                className: te({
-                  state: i ? "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 = i ? ` (${r.length})` : "";
-          return /* @__PURE__ */ _(W.Root, { children: [
-            /* @__PURE__ */ a(W.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: i ? "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(
-                    xe,
+                    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(W.Content, { sideOffset: 8, align: "start", children: n.options.map((p) => /* @__PURE__ */ a(
-              W.CheckboxItem,
+            /* @__PURE__ */ a(F.Content, { sideOffset: 8, align: "start", children: r.options.map((m) => /* @__PURE__ */ a(
+              F.CheckboxItem,
               {
-                checked: r.includes(p.value),
-                onSelect: (x) => {
-                  n.multi && x.preventDefault(), y(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);
         }),
-        m ? /* @__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" }),
-              d("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 = P(
+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 = P(
     "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
     "ds:no-underline"
   ].join(" ")
-), Ce = P(
+), 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 = P(
     },
     defaultVariants: { accent: "violet" }
   }
-), Te = P(
+), 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 = P(
     defaultVariants: { accent: "violet" }
   }
 );
-function Le(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 De({ cards: e }) {
-  const { t: s } = C();
-  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 De({ 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, d) => {
-          const h = Le(t.accent, d);
-          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 De({ cards: e }) {
     )
   ] });
 }
-function Pe(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))
@@ -721,126 +730,75 @@ function U({
   value: e,
   variant: s,
   submitting: t,
-  submitLabel: d,
-  onSubmit: h
+  submitLabel: i,
+  allowEmptySubmit: p,
+  onSubmit: v
 }) {
-  const { t: m } = C(), b = t || !Pe(e), u = d ?? m("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: b,
+      disabled: u,
       onClick: () => {
-        w("patient_search_submitted", {
+        _("patient_search_submitted", {
           variant: s,
           hasObject: !!e.object,
           hasPlace: !!e.place,
           hasGeo: !!e.geo,
           when: e.when,
           facetKeys: e.facets ? Object.keys(e.facets) : []
-        }), h(e);
+        }), v(e);
       },
-      children: u
+      children: c
     }
   );
 }
-function Ie(e) {
+function Le(e) {
   const {
     variant: s,
     value: t,
-    onChange: d,
-    onSubmit: h,
-    loadObjects: m,
-    loadPlaces: b,
-    onObjectSelect: u,
-    onPlaceSelect: y,
-    submitting: n,
-    submitLabel: c,
-    whoRef: r,
-    whereRef: i,
-    defaultRadiusKm: f,
-    reverseGeocode: p,
-    cardLabel: x
-  } = e;
-  return /* @__PURE__ */ a(H, { variant: "elevated", "aria-label": x, 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(
-      $,
-      {
-        value: t,
-        onChange: d,
-        loadObjects: m,
-        onObjectSelect: u,
-        inputRef: r
-      }
-    ) }),
-    /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-      q,
-      {
-        value: t,
-        onChange: d,
-        loadPlaces: b,
-        onPlaceSelect: y,
-        defaultRadiusKm: f,
-        reverseGeocode: p,
-        inputRef: i
-      }
-    ) }),
-    /* @__PURE__ */ a(
-      U,
-      {
-        value: t,
-        variant: s,
-        submitting: n,
-        submitLabel: c,
-        onSubmit: h
-      }
-    )
-  ] }) });
-}
-function Oe(e) {
-  const {
-    variant: s,
-    value: t,
-    onChange: d,
-    onSubmit: h,
-    loadObjects: m,
-    loadPlaces: b,
+    onChange: i,
+    onSubmit: p,
+    loadObjects: v,
+    loadPlaces: g,
     onObjectSelect: u,
-    onPlaceSelect: y,
-    submitting: n,
-    submitLabel: c,
-    whoRef: r,
-    whereRef: i,
-    defaultRadiusKm: f,
-    reverseGeocode: p,
-    cardLabel: x
+    onPlaceSelect: c,
+    submitting: r,
+    submitLabel: l,
+    allowEmptySubmit: n,
+    whoRef: d,
+    whereRef: f,
+    defaultRadiusKm: m,
+    reverseGeocode: b,
+    cardLabel: h
   } = e;
-  return /* @__PURE__ */ a(H, { variant: "elevated", "aria-label": x, 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-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: d,
-          loadObjects: m,
+          onChange: i,
+          loadObjects: v,
           onObjectSelect: u,
-          inputRef: r
+          inputRef: d
         }
       ) }),
       /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-        q,
+        $,
         {
           value: t,
-          onChange: d,
-          loadPlaces: b,
-          onPlaceSelect: y,
-          defaultRadiusKm: f,
-          reverseGeocode: p,
-          inputRef: i
+          onChange: i,
+          loadPlaces: g,
+          onPlaceSelect: c,
+          defaultRadiusKm: m,
+          reverseGeocode: b,
+          inputRef: f
         }
       ) }),
       /* @__PURE__ */ a(
@@ -848,61 +806,63 @@ function Oe(e) {
         {
           value: t,
           variant: s,
-          submitting: n,
-          submitLabel: c,
-          onSubmit: h
+          submitting: r,
+          submitLabel: l,
+          allowEmptySubmit: n,
+          onSubmit: p
         }
       )
     ] }),
     /* @__PURE__ */ a(
-      Re,
+      q,
       {
-        value: t.when,
-        onChange: (v) => d({ ...t, when: v })
+        value: t,
+        onChange: i,
+        defaultRadiusKm: m
       }
     )
   ] }) });
 }
-function Ve(e) {
+function De(e) {
   const {
     variant: s,
     value: t,
-    onChange: d,
-    onSubmit: h,
-    loadObjects: m,
-    loadPlaces: b,
+    onChange: i,
+    onSubmit: p,
+    loadObjects: v,
+    loadPlaces: g,
     onObjectSelect: u,
-    onPlaceSelect: y,
-    facets: n,
-    submitting: c,
-    submitLabel: r,
-    whoRef: i,
+    onPlaceSelect: c,
+    submitting: r,
+    submitLabel: l,
+    allowEmptySubmit: n,
+    whoRef: d,
     whereRef: f,
-    defaultRadiusKm: p,
-    reverseGeocode: x,
-    cardLabel: v
+    defaultRadiusKm: m,
+    reverseGeocode: b,
+    cardLabel: h
   } = e;
-  return /* @__PURE__ */ a(H, { variant: "elevated", "aria-label": v, 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: d,
-          loadObjects: m,
+          onChange: i,
+          loadObjects: v,
           onObjectSelect: u,
-          inputRef: i
+          inputRef: d
         }
       ) }),
       /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-        q,
+        $,
         {
           value: t,
-          onChange: d,
-          loadPlaces: b,
-          onPlaceSelect: y,
-          defaultRadiusKm: p,
-          reverseGeocode: x,
+          onChange: i,
+          loadPlaces: g,
+          onPlaceSelect: c,
+          defaultRadiusKm: m,
+          reverseGeocode: b,
           inputRef: f
         }
       ) }),
@@ -911,63 +871,72 @@ function Ve(e) {
         {
           value: t,
           variant: s,
-          submitting: c,
-          submitLabel: r,
-          onSubmit: h
+          submitting: r,
+          submitLabel: l,
+          allowEmptySubmit: n,
+          onSubmit: p
         }
       )
     ] }),
-    n && n.length > 0 ? /* @__PURE__ */ a(
-      je,
+    /* @__PURE__ */ a(
+      q,
       {
-        facets: n,
-        value: t.facets,
-        onChange: (o) => d({ ...t, facets: o })
+        value: t,
+        onChange: i,
+        defaultRadiusKm: m
       }
-    ) : null
+    ),
+    /* @__PURE__ */ a(
+      Ne,
+      {
+        value: t.when,
+        onChange: (o) => i({ ...t, when: o })
+      }
+    )
   ] }) });
 }
-function Ee(e) {
+function Pe(e) {
   const {
     variant: s,
     value: t,
-    onChange: d,
-    onSubmit: h,
-    loadObjects: m,
-    loadPlaces: b,
+    onChange: i,
+    onSubmit: p,
+    loadObjects: v,
+    loadPlaces: g,
     onObjectSelect: u,
-    onPlaceSelect: y,
-    discoveryCards: n,
-    submitting: c,
-    submitLabel: r,
-    whoRef: i,
-    whereRef: f,
-    defaultRadiusKm: p,
-    reverseGeocode: x,
-    cardLabel: v
+    onPlaceSelect: c,
+    facets: r,
+    submitting: l,
+    submitLabel: n,
+    allowEmptySubmit: d,
+    whoRef: f,
+    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(H, { variant: "elevated", "aria-label": v, 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: [
+  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: d,
-          loadObjects: m,
+          onChange: i,
+          loadObjects: v,
           onObjectSelect: u,
-          inputRef: i
+          inputRef: f
         }
       ) }),
       /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-        q,
+        $,
         {
           value: t,
-          onChange: d,
-          loadPlaces: b,
-          onPlaceSelect: y,
-          defaultRadiusKm: p,
-          reverseGeocode: x,
-          inputRef: f
+          onChange: i,
+          loadPlaces: g,
+          onPlaceSelect: c,
+          defaultRadiusKm: b,
+          reverseGeocode: h,
+          inputRef: m
         }
       ) }),
       /* @__PURE__ */ a(
@@ -975,104 +944,191 @@ function Ee(e) {
         {
           value: t,
           variant: s,
-          submitting: c,
-          submitLabel: r,
-          onSubmit: h
+          submitting: l,
+          submitLabel: n,
+          allowEmptySubmit: d,
+          onSubmit: p
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a(
+      q,
+      {
+        value: t,
+        onChange: i,
+        defaultRadiusKm: b
+      }
+    ),
+    r && r.length > 0 ? /* @__PURE__ */ a(
+      ke,
+      {
+        facets: r,
+        value: t.facets,
+        onChange: (S) => i({ ...t, facets: S })
+      }
+    ) : null
+  ] }) });
+}
+function Ie(e) {
+  const {
+    variant: s,
+    value: t,
+    onChange: i,
+    onSubmit: p,
+    loadObjects: v,
+    loadPlaces: g,
+    onObjectSelect: u,
+    onPlaceSelect: c,
+    discoveryCards: r,
+    submitting: l,
+    submitLabel: n,
+    allowEmptySubmit: d,
+    whoRef: f,
+    whereRef: m,
+    defaultRadiusKm: b,
+    reverseGeocode: h,
+    cardLabel: o
+  } = e;
+  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,
+          onChange: i,
+          defaultRadiusKm: b
         }
       )
-    ] }) }),
-    /* @__PURE__ */ a(De, { cards: n })
+    ] }),
+    /* @__PURE__ */ a(Ee, { cards: r })
   ] });
 }
-const Be = le(function({
+const Oe = de(function({
   variant: s,
   loadObjects: t,
-  loadPlaces: d,
-  onObjectSelect: h,
-  onPlaceSelect: m,
-  facets: b,
-  defaultRadiusKm: u = oe,
-  reverseGeocode: y,
-  discoveryCards: n,
-  countryCode: c,
-  value: r,
-  onChange: i,
+  loadPlaces: i,
+  onObjectSelect: p,
+  onPlaceSelect: v,
+  facets: g,
+  defaultRadiusKm: u = Y,
+  reverseGeocode: c,
+  discoveryCards: r,
+  countryCode: l,
+  value: n,
+  onChange: d,
   onSubmit: f,
-  submitting: p,
-  submitLabel: x,
-  "aria-label": v,
-  id: o,
-  className: T,
-  ...F
-}, G) {
-  const { t: Q } = C(), N = S(null), K = S(null), I = S(null), k = S(!1);
-  B(() => {
-    if (!k.current && s === "who-where-when") {
-      if (r.when !== void 0) {
-        k.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;
       }
-      k.current = !0, i({ ...r, when: "anytime" });
+      C.current = !0, d({ ...n, when: "anytime" });
     }
   }, [s]);
-  const O = S(!1);
-  B(() => {
-    if (!O.current && s === "faceted") {
-      if (r.facets !== void 0) {
-        O.current = !0;
+  const E = N(!1);
+  V(() => {
+    if (!E.current && s === "faceted") {
+      if (n.facets !== void 0) {
+        E.current = !0;
         return;
       }
-      O.current = !0, i({ ...r, facets: {} });
+      E.current = !0, d({ ...n, facets: {} });
     }
   }, [s]);
-  const V = S(null);
-  B(() => {
-    V.current !== s && (V.current = s, w("patient_search_variant_exposed", { variant: s, country: c }));
-  }, [s, c]);
-  const L = Y(
+  const x = N(null);
+  V(() => {
+    x.current !== s && (x.current = s, _("patient_search_variant_exposed", { variant: s, country: l }));
+  }, [s, l]);
+  const w = X(
     () => ({
       getVariant: () => s,
       reset: () => {
-        i({});
+        d({});
       },
       focusPrimary: () => {
         requestAnimationFrame(() => {
-          var g;
-          (g = K.current) == null || g.focus();
+          var I;
+          (I = P.current) == null || I.focus();
         });
       }
     }),
-    [s, i]
+    [s, d]
   );
-  ue(G, () => L, [L]), me(_e, L, o);
-  const E = v ?? Q("patientSearch.regionLabel"), R = {
+  ce(D, () => w, [w]), pe(ye, w, S);
+  const k = o ?? J("patientSearch.regionLabel"), R = {
     variant: s,
-    value: r,
-    onChange: i,
+    value: n,
+    onChange: d,
     onSubmit: f,
     loadObjects: t,
-    loadPlaces: d,
-    onObjectSelect: h,
-    onPlaceSelect: m,
-    facets: b,
+    loadPlaces: i,
+    onObjectSelect: p,
+    onPlaceSelect: v,
+    facets: g,
     defaultRadiusKm: u,
-    reverseGeocode: y,
-    discoveryCards: n ?? [],
-    submitting: p,
-    submitLabel: x,
-    whoRef: K,
-    whereRef: I,
-    cardLabel: E
-  }, l = (() => {
+    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(Ie, { ...R });
+        return /* @__PURE__ */ a(Le, { ...R });
       case "who-where-when":
-        return /* @__PURE__ */ a(Oe, { ...R });
+        return /* @__PURE__ */ a(De, { ...R });
       case "faceted":
-        return /* @__PURE__ */ a(Ve, { ...R });
+        return /* @__PURE__ */ a(Pe, { ...R });
       case "discovery":
-        return /* @__PURE__ */ a(Ee, { ...R });
+        return /* @__PURE__ */ a(Ie, { ...R });
       /* c8 ignore next 2 */
       default:
         return null;
@@ -1081,22 +1137,22 @@ const Be = le(function({
   return /* @__PURE__ */ a(
     "div",
     {
-      ref: N,
+      ref: Q,
       role: "region",
-      "aria-label": E,
-      id: o,
+      "aria-label": k,
+      id: S,
       "data-component": "patient-search",
-      "data-component-id": o,
+      "data-component-id": S,
       "data-variant": s,
-      className: Ne({ variant: s, className: T }),
-      ...F,
-      children: l
+      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-BhlxYAI3.js.map
+//# sourceMappingURL=patient-search-ZpHN-pgJ.js.map