@alfadocs/ui-kit-debug 1.90.1 → 1.90.2

package/dist/_chunks/patient-search-CCOUZABE.js

@@ -1,1196 +0,0 @@
-import { jsx as a, jsxs as w } from "react/jsx-runtime";
-import { forwardRef as ce, useRef as R, useEffect as B, useMemo as J, useImperativeHandle as le, useState as H, useCallback as $, useId as ue } from "react";
-import { c as L } from "./index-D2ZczOXr.js";
-import { useTranslation as C } from "react-i18next";
-import { A as ne } from "./autocomplete-CnB1mHGc.js";
-import { B as fe } from "./button-DohK_Ak_.js";
-import { C as q } from "./card-BA4Ig_kn.js";
-import { S as pe } from "./slider-pZ95bEm7.js";
-import { A as ae } from "./alert-9kEwDza3.js";
-import { D as M } from "./dropdown-menu-D1we7oAY.js";
-import { u as me } from "./registry-DvAUVLHh.js";
-import { S as ie } from "./search-QbWPlY5f.js";
-import { X as oe } from "./x-B5YnXwCz.js";
-import { c as he } from "./createLucideIcon-DhHxpK9K.js";
-import { M as ve } from "./map-pin-BaY37-Km.js";
-import { S as ge } from "./stethoscope-sZXGC43m.js";
-import { C as be } from "./chevron-down-DWE7GSq9.js";
-/**
- * @license lucide-react v1.22.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 = [
-  ["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" }]
-], xe = he("locate-fixed", ye), we = {
-  id: "patient-search",
-  // `filter` is the conceptual capability of this search widget. Building the
-  // actual query (WHO/WHERE/WHEN/facets/geo) is host-delegated: selection is
-  // owned by the consumer via the `value` / `onChange` contract, so the agent
-  // surface here is limited to clearing the query (`reset`) and focusing the
-  // primary field. The previous `navigate` / `view_change` capabilities were
-  // spurious — the variant is fixed by props (not agent-settable) and no
-  // action navigates.
-  capabilities: ["filter"],
-  state: {
-    variant: {
-      type: "string",
-      descriptionKey: "ui.agent.patientSearch.state.variant",
-      description: "Active variant — one of `who-where`, `who-where-when`, `faceted`, `discovery`.",
-      read: (e) => e.getVariant()
-    }
-  },
-  actions: {
-    reset: {
-      safety: "write",
-      idempotent: !0,
-      descriptionKey: "ui.agent.patientSearch.actions.reset",
-      description: "Clear the current search query (WHO, WHERE, WHEN, facets, geo) via the consumer-owned onChange.",
-      invoke: (e) => {
-        e.reset();
-      }
-    },
-    focus_primary: {
-      safety: "read",
-      idempotent: !0,
-      descriptionKey: "ui.agent.patientSearch.actions.focusPrimary",
-      description: "Move keyboard focus to the most-relevant search field for the current variant.",
-      invoke: (e) => {
-        e.focusPrimary();
-      }
-    }
-  },
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "patient-search",
-      description: "Marks the PatientSearch root region."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-};
-function _(e, t) {
-  if (typeof window > "u") return;
-  const s = window.track;
-  try {
-    s == null || s(e, t);
-  } catch {
-  }
-}
-const T = [
-  "today",
-  "tomorrow",
-  "this_week",
-  "anytime"
-], V = [1, 5, 10, 25, 50], Z = 5, de = 200;
-function _e(e) {
-  let t = 0, s = Number.POSITIVE_INFINITY;
-  return V.forEach((d, i) => {
-    const v = Math.abs(d - e);
-    v < s && (s = v, t = i);
-  }), t;
-}
-const Se = L(
-  "ds:flex ds:w-full ds:flex-col ds:text-[var(--foreground)]",
-  {
-    variants: {
-      variant: {
-        "who-where": "ds:gap-[var(--spacing-md)]",
-        "who-where-when": "ds:gap-[var(--spacing-md)]",
-        faceted: "ds:gap-[var(--spacing-md)]",
-        discovery: "ds:gap-[var(--spacing-lg)]"
-      }
-    },
-    defaultVariants: { variant: "who-where" }
-  }
-);
-function U({
-  value: e,
-  onChange: t,
-  loadObjects: s,
-  onObjectSelect: d,
-  inputRef: i
-}) {
-  var p, u, l, b;
-  const { t: v } = C("ui"), [g, h] = H(((p = e.object) == null ? void 0 : p.label) ?? ""), c = R((u = e.object) == null ? void 0 : u.value);
-  B(() => {
-    var m, o, k;
-    ((m = e.object) == null ? void 0 : m.value) !== c.current && (c.current = (o = e.object) == null ? void 0 : o.value, h(((k = e.object) == null ? void 0 : k.label) ?? ""));
-  }, [(l = e.object) == null ? void 0 : l.value, (b = e.object) == null ? void 0 : b.label]);
-  const n = $(
-    async (m, { signal: o }) => await s(m, { signal: o }),
-    [s]
-  ), f = (m) => {
-    const o = {
-      value: m.value,
-      label: m.label,
-      description: m.description,
-      __payload: m.__payload
-    };
-    h(o.label), c.current = o.value, t({ ...e, object: o }), _("patient_search_object_selected", {
-      value: o.value,
-      type: o.__payload && typeof o.__payload == "object" ? o.__payload.type : void 0
-    }), d == null || d(o);
-  }, r = R(!1);
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      "data-component": "patient-search-field",
-      "data-field": "who",
-      onFocus: () => {
-        r.current || (r.current = !0, _("patient_search_object_focused"));
-      },
-      onBlur: (m) => {
-        m.currentTarget && !m.currentTarget.contains(m.relatedTarget) && (r.current = !1);
-      },
-      children: /* @__PURE__ */ a(
-        ne,
-        {
-          ref: i,
-          size: "lg",
-          value: g,
-          onChange: (m) => {
-            h(m), e.object && m !== e.object.label && (c.current = void 0, t({ ...e, object: void 0 }));
-          },
-          onSelect: f,
-          loadOptions: n,
-          debounceMs: de,
-          placeholder: v("patientSearch.who.placeholder"),
-          "aria-label": v("patientSearch.who.label"),
-          startAdornment: /* @__PURE__ */ a(ie, { "aria-hidden": "true" })
-        }
-      )
-    }
-  );
-}
-const te = [
-  "ds:inline-flex ds:items-center ds:justify-center",
-  "ds:size-8 ds:rounded-[var(--radius-sm)]",
-  "ds:text-[color:var(--muted-foreground)] ds:hover:text-[color:var(--primary)]",
-  "ds:hover:bg-[color-mix(in_srgb,var(--primary)_8%,transparent)]",
-  "ds:aria-pressed:text-[color:var(--primary)]",
-  "ds:aria-pressed:bg-[color-mix(in_srgb,var(--primary)_12%,transparent)]",
-  "ds:disabled:opacity-50 ds:disabled:cursor-not-allowed",
-  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-  "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 G({
-  value: e,
-  onChange: t,
-  loadPlaces: s,
-  onPlaceSelect: d,
-  allowTypedPlace: i,
-  inputRef: v,
-  defaultRadiusKm: g = Z,
-  reverseGeocode: h
-}) {
-  var K, O, z, E;
-  const { t: c } = C("ui"), [n, f] = H(((K = e.place) == null ? void 0 : K.label) ?? ""), r = R((O = e.place) == null ? void 0 : O.value), p = e.geo ? "granted" : "pristine", [u, l] = H(p);
-  B(() => {
-    var y, x, N;
-    ((y = e.place) == null ? void 0 : y.value) !== r.current && (r.current = (x = e.place) == null ? void 0 : x.value, f(((N = e.place) == null ? void 0 : N.label) ?? ""));
-  }, [(z = e.place) == null ? void 0 : z.value, (E = e.place) == null ? void 0 : E.label]);
-  const b = $(
-    async (y, { signal: x }) => await s(y, { signal: x }),
-    [s]
-  ), m = (y) => {
-    const x = {
-      value: y.value,
-      label: y.label,
-      lat: y.lat,
-      lng: y.lng
-    };
-    f(x.label), r.current = x.value, t({ ...e, place: x, geo: void 0 }), u === "granted" && l("pristine"), _("patient_search_place_selected", { value: x.value }), d == null || d(x);
-  }, o = () => {
-    if (typeof window > "u" || !(navigator != null && navigator.geolocation)) {
-      l("denied"), _("patient_search_geo_denied", { reason: "unsupported" });
-      return;
-    }
-    l("requesting"), _("patient_search_place_focused"), navigator.geolocation.getCurrentPosition(
-      async (y) => {
-        const { latitude: x, longitude: N } = y.coords;
-        let A;
-        try {
-          A = await (h == null ? void 0 : h(x, N));
-        } catch {
-          A = void 0;
-        }
-        const S = g, F = A ?? c("patientSearch.geo.fallbackLabel"), W = {
-          value: `geo:${x.toFixed(4)},${N.toFixed(4)}`,
-          label: F,
-          lat: x,
-          lng: N
-        };
-        t({
-          ...e,
-          place: W,
-          geo: {
-            lat: x,
-            lng: N,
-            radiusKm: S,
-            label: F
-          }
-        }), l("granted"), _("patient_search_geo_granted", { radiusKm: S });
-      },
-      () => {
-        l("denied"), _("patient_search_geo_denied", { reason: "user" });
-      },
-      { enableHighAccuracy: !1, maximumAge: 6e4, timeout: 1e4 }
-    );
-  }, k = () => {
-    t({ ...e, geo: void 0, place: void 0 }), f(""), r.current = void 0, l("pristine");
-  }, j = u === "granted" && !!e.geo, P = u === "requesting", D = u === "denied", I = R(!1), Y = D || !!!h ? null : /* @__PURE__ */ w("span", { className: "ds:absolute ds:end-[var(--spacing-xs)] ds:top-1/2 ds:-translate-y-1/2 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-    j ? /* @__PURE__ */ a(
-      "button",
-      {
-        type: "button",
-        "aria-label": c("patientSearch.geo.clear"),
-        onClick: k,
-        className: te,
-        children: /* @__PURE__ */ a(oe, { "aria-hidden": "true", className: "ds:size-4" })
-      }
-    ) : null,
-    /* @__PURE__ */ a(
-      "button",
-      {
-        type: "button",
-        "aria-label": c("patientSearch.geo.cta"),
-        "aria-pressed": j || void 0,
-        disabled: P,
-        onClick: j ? k : o,
-        className: te,
-        children: /* @__PURE__ */ a(xe, { "aria-hidden": "true", className: "ds:size-4" })
-      }
-    )
-  ] });
-  return /* @__PURE__ */ w(
-    "div",
-    {
-      "data-component": "patient-search-field",
-      "data-field": "where",
-      onFocus: () => {
-        I.current || (I.current = !0, _("patient_search_place_focused"));
-      },
-      onBlur: (y) => {
-        y.currentTarget && !y.currentTarget.contains(y.relatedTarget) && (I.current = !1);
-      },
-      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
-      children: [
-        /* @__PURE__ */ w("div", { className: "ds:relative", children: [
-          /* @__PURE__ */ a(
-            ne,
-            {
-              ref: v,
-              size: "lg",
-              value: n,
-              onChange: (y) => {
-                var x, N;
-                if (f(y), (i || e.place) && y !== ((x = e.place) == null ? void 0 : x.label)) {
-                  const A = y.trim(), S = i && A ? { value: `text:${A}`, label: A } : void 0;
-                  if (r.current = S == null ? void 0 : S.value, (S == null ? void 0 : S.value) === ((N = e.place) == null ? void 0 : N.value) && !e.geo) return;
-                  t({ ...e, place: S, geo: void 0 }), u === "granted" && l("pristine");
-                }
-              },
-              onSelect: m,
-              loadOptions: b,
-              debounceMs: de,
-              placeholder: c("patientSearch.where.placeholder"),
-              "aria-label": c("patientSearch.where.label"),
-              startAdornment: /* @__PURE__ */ a(ve, { "aria-hidden": "true" }),
-              endAdornment: D ? void 0 : (
-                // Decorative spacer — reserves inline-end room so the typed
-                // text doesn't run under the absolutely-positioned overlay.
-                // Autocomplete wraps endAdornment in `aria-hidden`, which is
-                // correct for this empty span. Granted-state shows an extra
-                // clear-X chip, so the spacer doubles in width when granted.
-                /* @__PURE__ */ a(
-                  "span",
-                  {
-                    "aria-hidden": "true",
-                    className: j ? "ds:inline-block ds:size-[4.5rem]" : "ds:inline-block ds:size-8"
-                  }
-                )
-              )
-            }
-          ),
-          Y
-        ] }),
-        D ? (
-          // Alert defaults to `role="status"` + `aria-live="polite"` for the
-          // `info` variant — the user hears why the field reverted to plain
-          // text when their browser blocked the geolocation prompt.
-          /* @__PURE__ */ a(ae, { variant: "info", children: /* @__PURE__ */ a(ae.Description, { children: c("patientSearch.geo.denied") }) })
-        ) : null
-      ]
-    }
-  );
-}
-function Q({
-  value: e,
-  onChange: t,
-  defaultRadiusKm: s = Z
-}) {
-  const { t: d } = C("ui"), [i, v] = H(
-    () => {
-      var c;
-      return _e(((c = e.geo) == null ? void 0 : c.radiusKm) ?? s);
-    }
-  );
-  if (!e.geo) return null;
-  const g = (c) => {
-    const n = V[c] ?? s;
-    t({ ...e, geo: { ...e.geo, radiusKm: n } }), _("patient_search_radius_changed", { radiusKm: n });
-  }, h = (c) => {
-    const n = V[Math.round(c)] ?? s;
-    return d("patientSearch.geo.radiusFormat", { km: n });
-  };
-  return /* @__PURE__ */ w(
-    "div",
-    {
-      "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: d("patientSearch.geo.radius")
-          }
-        ),
-        /* @__PURE__ */ a(
-          pe,
-          {
-            value: [i],
-            min: 0,
-            max: V.length - 1,
-            step: 1,
-            marks: V.map((c, n) => ({
-              value: n,
-              label: `${c}`
-            })),
-            formatValue: h,
-            alwaysShowValue: !0,
-            "aria-labelledby": "patient-search-radius-label",
-            onValueChange: (c) => v(c[0] ?? 0),
-            onValueCommit: (c) => g(c[0] ?? 0)
-          }
-        )
-      ]
-    }
-  );
-}
-const Ne = L(
-  [
-    "ds:inline-flex ds:items-center ds:justify-center",
-    "ds:min-h-[var(--min-target-size)]",
-    "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-    "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
-    "ds:rounded-[var(--radius-full)]",
-    "type-label ds:font-[var(--font-weight-medium)]",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-    "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(" "),
-  {
-    variants: {
-      state: {
-        idle: "ds:bg-[var(--secondary)] ds:text-[var(--foreground)] ds:border ds:border-[color:var(--border)] ds:hover:bg-[color-mix(in_srgb,var(--primary)_8%,var(--secondary))]",
-        selected: "ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)] ds:border ds:border-transparent ds:font-[var(--font-weight-semibold)]"
-      }
-    },
-    defaultVariants: { state: "idle" }
-  }
-);
-function ke({ value: e, onChange: t }) {
-  const { t: s, i18n: d } = C("ui"), i = ue(), v = d.dir() === "rtl", g = R(/* @__PURE__ */ new Map()), h = $((r) => {
-    var p;
-    (p = g.current.get(r)) == null || p.focus();
-  }, []), c = $(
-    (r, p) => {
-      const u = T.indexOf(p), l = T.length, b = v ? "ArrowLeft" : "ArrowRight", m = v ? "ArrowRight" : "ArrowLeft";
-      switch (r.key) {
-        case b:
-        case "ArrowDown": {
-          r.preventDefault();
-          const o = T[(u + 1) % l];
-          t(o), _("patient_search_when_selected", { when: o }), h(o);
-          break;
-        }
-        case m:
-        case "ArrowUp": {
-          r.preventDefault();
-          const o = T[(u - 1 + l) % l];
-          t(o), _("patient_search_when_selected", { when: o }), h(o);
-          break;
-        }
-        case "Home": {
-          r.preventDefault();
-          const o = T[0];
-          t(o), _("patient_search_when_selected", { when: o }), h(o);
-          break;
-        }
-        case "End": {
-          r.preventDefault();
-          const o = T[l - 1];
-          t(o), _("patient_search_when_selected", { when: o }), h(o);
-          break;
-        }
-      }
-    },
-    [h, v, t]
-  ), n = e ?? "anytime", f = {
-    today: "patientSearch.when.today",
-    tomorrow: "patientSearch.when.tomorrow",
-    this_week: "patientSearch.when.thisWeek",
-    anytime: "patientSearch.when.anytime"
-  };
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      role: "radiogroup",
-      "aria-label": s("patientSearch.when.label"),
-      id: i,
-      className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
-      children: T.map((r) => {
-        const p = e === r, u = n === r, l = s(f[r]);
-        return /* @__PURE__ */ a(
-          "button",
-          {
-            type: "button",
-            role: "radio",
-            "aria-checked": p,
-            "aria-label": l,
-            tabIndex: u ? 0 : -1,
-            ref: (b) => {
-              b ? g.current.set(r, b) : g.current.delete(r);
-            },
-            onClick: () => {
-              t(r), _("patient_search_when_selected", { when: r });
-            },
-            onKeyDown: (b) => c(b, r),
-            className: Ne({
-              state: p ? "selected" : "idle"
-            }),
-            children: l
-          },
-          r
-        );
-      })
-    }
-  );
-}
-const se = L(
-  [
-    "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
-    "ds:min-h-[var(--min-target-size)]",
-    "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-    "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
-    "ds:rounded-[var(--radius-full)]",
-    "type-label",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-    "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(" "),
-  {
-    variants: {
-      // Matches the WHEN chip strip's `selected` look — solid primary fill,
-      // primary-foreground text, transparent border. The earlier
-      // `color-mix(primary 12% / secondary)` tint read as a washed-out
-      // colour over the grey input row and didn't visually signal "this
-      // filter is active" with enough weight. Solid fill matches the kit's
-      // toggle-button precedent (SuggestionChip's `suggestion` intent + the
-      // ServiceGrid radio's selected state in Booking).
-      state: {
-        idle: "ds:bg-[var(--secondary)] ds:text-[var(--foreground)] ds:border ds:border-[color:var(--border)] ds:hover:bg-[color-mix(in_srgb,var(--primary)_8%,var(--secondary))]",
-        active: "ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)] ds:border ds:border-transparent ds:font-[var(--font-weight-semibold)]"
-      }
-    },
-    defaultVariants: { state: "idle" }
-  }
-);
-function Re({ facets: e, value: t, onChange: s }) {
-  const { t: d } = C("ui"), i = J(() => t ?? {}, [t]), v = J(
-    () => Object.values(i).some((n) => n && n.length > 0),
-    [i]
-  ), g = (n, f) => {
-    const r = { ...i };
-    f.length === 0 ? delete r[n] : r[n] = f, s(r), _("patient_search_facet_changed", { key: n, values: f });
-  }, h = (n) => {
-    var r;
-    const f = (((r = i[n]) == null ? void 0 : r.length) ?? 0) > 0;
-    g(n, f ? [] : ["true"]);
-  }, c = (n, f) => {
-    const r = i[n.key] ?? [], p = r.includes(f);
-    let u;
-    n.multi ? u = p ? r.filter((l) => l !== f) : [...r, f] : u = p ? [] : [f], g(n.key, u);
-  };
-  return /* @__PURE__ */ w(
-    "div",
-    {
-      role: "group",
-      "aria-label": d("patientSearch.facets.label"),
-      className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
-      children: [
-        e.map((n) => {
-          const f = n.options.length === 0, r = i[n.key] ?? [], p = r.length > 0;
-          if (f)
-            return /* @__PURE__ */ a(
-              "button",
-              {
-                type: "button",
-                "aria-pressed": p,
-                "aria-label": n.label,
-                onClick: () => h(n.key),
-                className: se({
-                  state: p ? "active" : "idle"
-                }),
-                children: /* @__PURE__ */ a("span", { children: n.label })
-              },
-              n.key
-            );
-          const u = p ? ` (${r.length})` : "";
-          return /* @__PURE__ */ w(M.Root, { children: [
-            /* @__PURE__ */ a(M.Trigger, { asChild: !0, children: /* @__PURE__ */ w(
-              "button",
-              {
-                type: "button",
-                "aria-label": `${n.label}${u}`,
-                className: se({
-                  state: p ? "active" : "idle"
-                }),
-                children: [
-                  /* @__PURE__ */ w("span", { children: [
-                    n.label,
-                    u
-                  ] }),
-                  /* @__PURE__ */ a(
-                    be,
-                    {
-                      "aria-hidden": "true",
-                      className: "ds:size-3.5 ds:shrink-0"
-                    }
-                  )
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ a(M.Content, { sideOffset: 8, align: "start", children: n.options.map((l) => /* @__PURE__ */ a(
-              M.CheckboxItem,
-              {
-                checked: r.includes(l.value),
-                onSelect: (b) => {
-                  n.multi && b.preventDefault(), c(n, l.value);
-                },
-                children: l.label
-              },
-              l.value
-            )) })
-          ] }, n.key);
-        }),
-        v ? /* @__PURE__ */ w(
-          "button",
-          {
-            type: "button",
-            onClick: () => {
-              s({}), _("patient_search_facet_changed", { key: "*", values: [] });
-            },
-            className: [
-              "ds:ms-[var(--spacing-xs)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
-              "ds:min-h-[var(--min-target-size)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]",
-              "type-label ds:text-[color:var(--muted-foreground)]",
-              "ds:rounded-[var(--radius-sm)]",
-              "ds:hover:text-[color:var(--foreground)]",
-              "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-              "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
-            ].join(" "),
-            children: [
-              /* @__PURE__ */ a(oe, { "aria-hidden": "true", className: "ds:size-3.5" }),
-              d("patientSearch.facets.clear")
-            ]
-          }
-        ) : null
-      ]
-    }
-  );
-}
-const re = ["violet", "purple", "magenta", "blue"], je = L(
-  [
-    "ds:relative ds:flex ds:h-full ds:flex-col ds:gap-[var(--spacing-sm)]",
-    "ds:rounded-[var(--radius-lg)] ds:overflow-hidden",
-    "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-    "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
-    "ds:bg-[var(--card)] ds:text-[var(--card-foreground)]",
-    "ds:border ds:border-[color:var(--card-border)]",
-    "ds:shadow-[var(--shadow-sm)]",
-    "ds:transition-[transform,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:motion-safe:hover:-translate-y-0.5",
-    "ds:hover:shadow-[var(--shadow-md)]",
-    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-    "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:no-underline"
-  ].join(" ")
-), Ae = L(
-  // `inset-x-0` compiles to logical `inset-inline`; the `inset-inline-0`
-  // spelling is not a Tailwind utility and compiled to nothing.
-  "ds:absolute ds:inset-x-0 ds:top-0 ds:h-[3px] ds:pointer-events-none",
-  {
-    variants: {
-      accent: {
-        violet: "ds:bg-[var(--color-violet-500)]",
-        purple: "ds:bg-[var(--color-purple-500)]",
-        magenta: "ds:bg-[var(--color-magenta-500)]",
-        blue: "ds:bg-[var(--color-blue-500)]"
-      }
-    },
-    defaultVariants: { accent: "violet" }
-  }
-), Ce = L(
-  "ds:inline-flex ds:size-9 ds:items-center ds:justify-center ds:rounded-[var(--radius-md)]",
-  {
-    variants: {
-      accent: {
-        violet: "ds:bg-[color-mix(in_srgb,var(--color-violet-500)_12%,var(--background))] ds:text-[var(--color-violet-700)]",
-        purple: "ds:bg-[color-mix(in_srgb,var(--color-purple-500)_12%,var(--background))] ds:text-[var(--color-purple-700)]",
-        magenta: "ds:bg-[color-mix(in_srgb,var(--color-magenta-500)_12%,var(--background))] ds:text-[var(--color-magenta-700)]",
-        blue: "ds:bg-[color-mix(in_srgb,var(--color-blue-500)_12%,var(--background))] ds:text-[var(--color-blue-700)]"
-      }
-    },
-    defaultVariants: { accent: "violet" }
-  }
-);
-function Te(e, t) {
-  return e && e !== "auto" ? e : re[t % re.length];
-}
-function Ee({ cards: e, headingLevel: t }) {
-  const { t: s } = C("ui"), d = `h${t}`;
-  return e.length === 0 ? /* @__PURE__ */ a("p", { className: "type-body-sm ds:text-[color:var(--muted-foreground)] ds:m-0", children: s("patientSearch.discovery.empty") }) : /* @__PURE__ */ w("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ a(d, { className: "type-title-card ds:text-[var(--foreground)] ds:m-0", children: s("patientSearch.discovery.heading") }),
-    /* @__PURE__ */ a(
-      "ul",
-      {
-        className: [
-          "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)]",
-          "ds:md:grid-cols-2 ds:lg:grid-cols-3",
-          "ds:m-0 ds:p-0 ds:list-none"
-        ].join(" "),
-        children: e.map((i, v) => {
-          const g = Te(i.accent, v);
-          return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ w(
-            "a",
-            {
-              href: i.href,
-              "data-component": "patient-search-card",
-              "data-card-id": i.id,
-              "aria-label": i.description ? `${i.label} — ${i.description}` : i.label,
-              onClick: () => _("patient_search_discovery_card_clicked", {
-                cardId: i.id
-              }),
-              className: je(),
-              children: [
-                /* @__PURE__ */ a(
-                  "span",
-                  {
-                    "aria-hidden": "true",
-                    className: Ae({ accent: g })
-                  }
-                ),
-                /* @__PURE__ */ w("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-                  /* @__PURE__ */ a(
-                    "span",
-                    {
-                      "aria-hidden": "true",
-                      className: Ce({ accent: g }),
-                      children: i.icon ?? /* @__PURE__ */ a(ge, { className: "ds:size-4", "aria-hidden": "true" })
-                    }
-                  ),
-                  i.badge ? (
-                    // The badge sits inside a softly-tinted accent bubble
-                    // (15% accent + 85% background). The text colour must
-                    // contrast with that mix, not with the accent's canonical
-                    // foreground — `--accent-foreground` is calibrated against
-                    // the 100% accent surface and fails AA on the 15% tint.
-                    // Use `--foreground` which contrasts with the
-                    // mostly-background mix in both light and dark themes.
-                    /* @__PURE__ */ a("span", { className: "type-meta ds:ms-auto ds:inline-flex ds:items-center ds:rounded-[var(--radius-full)] ds:border ds:border-[color:var(--foreground)] ds:bg-[color-mix(in_srgb,var(--accent)_15%,var(--background))] ds:text-[color:var(--foreground)] ds:font-[var(--font-weight-semibold)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]", children: i.badge })
-                  ) : null
-                ] }),
-                /* @__PURE__ */ a("span", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]", children: i.label }),
-                i.description ? /* @__PURE__ */ a("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: i.description }) : null
-              ]
-            }
-          ) }, i.id);
-        })
-      }
-    )
-  ] });
-}
-function Le(e) {
-  if (e.object || e.place || e.geo || e.when && e.when !== "anytime") return !0;
-  if (e.facets) {
-    for (const t of Object.values(e.facets))
-      if (t && t.length > 0) return !0;
-  }
-  return !1;
-}
-function X({
-  value: e,
-  variant: t,
-  submitting: s,
-  submitLabel: d,
-  allowEmptySubmit: i,
-  onSubmit: v
-}) {
-  const { t: g } = C("ui"), h = !s && !i && !Le(e), c = d ?? g("patientSearch.submit.cta");
-  return /* @__PURE__ */ a(
-    fe,
-    {
-      type: "button",
-      intent: "primary",
-      size: "lg",
-      startIcon: /* @__PURE__ */ a(ie, { "aria-hidden": "true" }),
-      loading: s,
-      disabled: h,
-      onClick: () => {
-        _("patient_search_submitted", {
-          variant: t,
-          hasObject: !!e.object,
-          hasPlace: !!e.place,
-          hasGeo: !!e.geo,
-          when: e.when,
-          facetKeys: e.facets ? Object.keys(e.facets) : []
-        }), v(e);
-      },
-      children: c
-    }
-  );
-}
-function Pe(e) {
-  const {
-    variant: t,
-    value: s,
-    onChange: d,
-    onSubmit: i,
-    loadObjects: v,
-    loadPlaces: g,
-    onObjectSelect: h,
-    onPlaceSelect: c,
-    allowTypedPlace: n,
-    submitting: f,
-    submitLabel: r,
-    allowEmptySubmit: p,
-    whoRef: u,
-    whereRef: l,
-    defaultRadiusKm: b,
-    reverseGeocode: m,
-    cardLabel: o
-  } = e;
-  return /* @__PURE__ */ a(q, { variant: "elevated", "aria-label": o, children: /* @__PURE__ */ w("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ w("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:md:flex-row ds:md:items-start", children: [
-      /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-        U,
-        {
-          value: s,
-          onChange: d,
-          loadObjects: v,
-          onObjectSelect: h,
-          inputRef: u
-        }
-      ) }),
-      /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-        G,
-        {
-          value: s,
-          onChange: d,
-          loadPlaces: g,
-          onPlaceSelect: c,
-          allowTypedPlace: n,
-          defaultRadiusKm: b,
-          reverseGeocode: m,
-          inputRef: l
-        }
-      ) }),
-      /* @__PURE__ */ a(
-        X,
-        {
-          value: s,
-          variant: t,
-          submitting: f,
-          submitLabel: r,
-          allowEmptySubmit: p,
-          onSubmit: i
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a(
-      Q,
-      {
-        value: s,
-        onChange: d,
-        defaultRadiusKm: b
-      }
-    )
-  ] }) });
-}
-function De(e) {
-  const {
-    variant: t,
-    value: s,
-    onChange: d,
-    onSubmit: i,
-    loadObjects: v,
-    loadPlaces: g,
-    onObjectSelect: h,
-    onPlaceSelect: c,
-    allowTypedPlace: n,
-    submitting: f,
-    submitLabel: r,
-    allowEmptySubmit: p,
-    whoRef: u,
-    whereRef: l,
-    defaultRadiusKm: b,
-    reverseGeocode: m,
-    cardLabel: o
-  } = e;
-  return /* @__PURE__ */ a(q, { variant: "elevated", "aria-label": o, children: /* @__PURE__ */ w("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ w("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:md:flex-row ds:md:items-start", children: [
-      /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-        U,
-        {
-          value: s,
-          onChange: d,
-          loadObjects: v,
-          onObjectSelect: h,
-          inputRef: u
-        }
-      ) }),
-      /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-        G,
-        {
-          value: s,
-          onChange: d,
-          loadPlaces: g,
-          onPlaceSelect: c,
-          allowTypedPlace: n,
-          defaultRadiusKm: b,
-          reverseGeocode: m,
-          inputRef: l
-        }
-      ) }),
-      /* @__PURE__ */ a(
-        X,
-        {
-          value: s,
-          variant: t,
-          submitting: f,
-          submitLabel: r,
-          allowEmptySubmit: p,
-          onSubmit: i
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a(
-      Q,
-      {
-        value: s,
-        onChange: d,
-        defaultRadiusKm: b
-      }
-    ),
-    /* @__PURE__ */ a(
-      ke,
-      {
-        value: s.when,
-        onChange: (k) => d({ ...s, when: k })
-      }
-    )
-  ] }) });
-}
-function Ie(e) {
-  const {
-    variant: t,
-    value: s,
-    onChange: d,
-    onSubmit: i,
-    loadObjects: v,
-    loadPlaces: g,
-    onObjectSelect: h,
-    onPlaceSelect: c,
-    allowTypedPlace: n,
-    facets: f,
-    submitting: r,
-    submitLabel: p,
-    allowEmptySubmit: u,
-    whoRef: l,
-    whereRef: b,
-    defaultRadiusKm: m,
-    reverseGeocode: o,
-    cardLabel: k
-  } = e;
-  return /* @__PURE__ */ a(q, { variant: "elevated", "aria-label": k, children: /* @__PURE__ */ w("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ w("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:md:flex-row ds:md:items-start", children: [
-      /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-        U,
-        {
-          value: s,
-          onChange: d,
-          loadObjects: v,
-          onObjectSelect: h,
-          inputRef: l
-        }
-      ) }),
-      /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-        G,
-        {
-          value: s,
-          onChange: d,
-          loadPlaces: g,
-          onPlaceSelect: c,
-          allowTypedPlace: n,
-          defaultRadiusKm: m,
-          reverseGeocode: o,
-          inputRef: b
-        }
-      ) }),
-      /* @__PURE__ */ a(
-        X,
-        {
-          value: s,
-          variant: t,
-          submitting: r,
-          submitLabel: p,
-          allowEmptySubmit: u,
-          onSubmit: i
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a(
-      Q,
-      {
-        value: s,
-        onChange: d,
-        defaultRadiusKm: m
-      }
-    ),
-    f && f.length > 0 ? /* @__PURE__ */ a(
-      Re,
-      {
-        facets: f,
-        value: s.facets,
-        onChange: (j) => d({ ...s, facets: j })
-      }
-    ) : null
-  ] }) });
-}
-function Oe(e) {
-  const {
-    variant: t,
-    value: s,
-    onChange: d,
-    onSubmit: i,
-    loadObjects: v,
-    loadPlaces: g,
-    onObjectSelect: h,
-    onPlaceSelect: c,
-    allowTypedPlace: n,
-    discoveryCards: f,
-    discoveryHeadingLevel: r,
-    submitting: p,
-    submitLabel: u,
-    allowEmptySubmit: l,
-    whoRef: b,
-    whereRef: m,
-    defaultRadiusKm: o,
-    reverseGeocode: k,
-    cardLabel: j
-  } = e;
-  return /* @__PURE__ */ w("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", children: [
-    /* @__PURE__ */ w(q, { variant: "elevated", "aria-label": j, children: [
-      /* @__PURE__ */ w("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)] ds:md:flex-row ds:md:items-stretch", children: [
-        /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-          U,
-          {
-            value: s,
-            onChange: d,
-            loadObjects: v,
-            onObjectSelect: h,
-            inputRef: b
-          }
-        ) }),
-        /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-          G,
-          {
-            value: s,
-            onChange: d,
-            loadPlaces: g,
-            onPlaceSelect: c,
-            allowTypedPlace: n,
-            defaultRadiusKm: o,
-            reverseGeocode: k,
-            inputRef: m
-          }
-        ) }),
-        /* @__PURE__ */ a(
-          X,
-          {
-            value: s,
-            variant: t,
-            submitting: p,
-            submitLabel: u,
-            allowEmptySubmit: l,
-            onSubmit: i
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a(
-        Q,
-        {
-          value: s,
-          onChange: d,
-          defaultRadiusKm: o
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a(
-      Ee,
-      {
-        cards: f,
-        headingLevel: r
-      }
-    )
-  ] });
-}
-const Ve = ce(function({
-  variant: t,
-  loadObjects: s,
-  loadPlaces: d,
-  onObjectSelect: i,
-  onPlaceSelect: v,
-  allowTypedPlace: g = !1,
-  facets: h,
-  defaultRadiusKm: c = Z,
-  reverseGeocode: n,
-  discoveryCards: f,
-  discoveryHeadingLevel: r = 3,
-  countryCode: p,
-  value: u,
-  onChange: l,
-  onSubmit: b,
-  submitting: m,
-  submitLabel: o,
-  allowEmptySubmit: k,
-  "aria-label": j,
-  id: P,
-  className: D,
-  ...I
-}, ee) {
-  const { t: Y } = C("ui"), K = R(null), O = R(null), z = R(null), E = R(!1);
-  B(() => {
-    if (!E.current && t === "who-where-when") {
-      if (u.when !== void 0) {
-        E.current = !0;
-        return;
-      }
-      E.current = !0, l({ ...u, when: "anytime" });
-    }
-  }, [t]);
-  const y = R(!1);
-  B(() => {
-    if (!y.current && t === "faceted") {
-      if (u.facets !== void 0) {
-        y.current = !0;
-        return;
-      }
-      y.current = !0, l({ ...u, facets: {} });
-    }
-  }, [t]);
-  const x = R(null);
-  B(() => {
-    x.current !== t && (x.current = t, _("patient_search_variant_exposed", { variant: t, country: p }));
-  }, [t, p]);
-  const N = J(
-    () => ({
-      getVariant: () => t,
-      reset: () => {
-        l({});
-      },
-      focusPrimary: () => {
-        requestAnimationFrame(() => {
-          var W;
-          (W = O.current) == null || W.focus();
-        });
-      }
-    }),
-    [t, l]
-  );
-  le(ee, () => N, [N]), me(we, N, P);
-  const A = j ?? Y("patientSearch.regionLabel"), S = {
-    variant: t,
-    value: u,
-    onChange: l,
-    onSubmit: b,
-    loadObjects: s,
-    loadPlaces: d,
-    onObjectSelect: i,
-    onPlaceSelect: v,
-    allowTypedPlace: g,
-    facets: h,
-    defaultRadiusKm: c,
-    reverseGeocode: n,
-    discoveryCards: f ?? [],
-    discoveryHeadingLevel: r,
-    submitting: m,
-    submitLabel: o,
-    allowEmptySubmit: k,
-    whoRef: O,
-    whereRef: z,
-    cardLabel: A
-  }, F = (() => {
-    switch (t) {
-      case "who-where":
-        return /* @__PURE__ */ a(Pe, { ...S });
-      case "who-where-when":
-        return /* @__PURE__ */ a(De, { ...S });
-      case "faceted":
-        return /* @__PURE__ */ a(Ie, { ...S });
-      case "discovery":
-        return /* @__PURE__ */ a(Oe, { ...S });
-      /* c8 ignore next 2 */
-      default:
-        return null;
-    }
-  })();
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      ref: K,
-      role: "region",
-      "aria-label": A,
-      id: P,
-      "data-component": "patient-search",
-      "data-component-id": P,
-      "data-variant": t,
-      className: Se({ variant: t, className: D }),
-      ...I,
-      children: F
-    }
-  );
-});
-Ve.displayName = "PatientSearch";
-export {
-  Ve as P,
-  we as p
-};
-//# sourceMappingURL=patient-search-CCOUZABE.js.map