@alfadocs/ui-kit 0.25.2 → 0.30.0

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

@@ -0,0 +1,1102 @@
+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";
+/**
+ * @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 = [
+  ["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 = {
+  id: "patient-search",
+  capabilities: ["navigate", "view_change"],
+  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",
+      descriptionKey: "ui.agent.patientSearch.actions.reset",
+      description: "Clear the current selection (WHO, WHERE, WHEN, facets, geo) via the consumer-owned onChange.",
+      invoke: (e) => {
+        e.reset();
+      }
+    },
+    focus_primary: {
+      safety: "read",
+      descriptionKey: "ui.agent.patientSearch.actions.focusPrimary",
+      description: "Move keyboard focus to the most-relevant 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 w(e, s) {
+  if (typeof window > "u") return;
+  const t = window.track;
+  try {
+    t == null || t(e, s);
+  } catch {
+  }
+}
+const A = [
+  "today",
+  "tomorrow",
+  "this_week",
+  "anytime"
+], D = [1, 5, 10, 25, 50], oe = 5, de = 200;
+function Se(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);
+  }), s;
+}
+const Ne = P(
+  "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 $({
+  value: e,
+  onChange: s,
+  loadObjects: t,
+  onObjectSelect: d,
+  inputRef: h
+}) {
+  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 }),
+    [t]
+  ), c = (v) => {
+    const o = {
+      value: v.value,
+      label: v.label,
+      description: v.description,
+      __payload: v.__payload
+    };
+    u(o.label), y.current = o.value, s({ ...e, object: o }), w("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);
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-component": "patient-search-field",
+      "data-field": "who",
+      onFocus: () => {
+        r.current || (r.current = !0, w("patient_search_object_focused"));
+      },
+      onBlur: (v) => {
+        v.currentTarget && !v.currentTarget.contains(v.relatedTarget) && (r.current = !1);
+      },
+      children: /* @__PURE__ */ a(
+        re,
+        {
+          ref: h,
+          value: b,
+          onChange: (v) => {
+            u(v), e.object && v !== e.object.label && (y.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" })
+        }
+      )
+    }
+  );
+}
+const ae = [
+  "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 q({
+  value: e,
+  onChange: s,
+  loadPlaces: t,
+  onPlaceSelect: d,
+  inputRef: h,
+  defaultRadiusKm: m = oe,
+  reverseGeocode: b
+}) {
+  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 }),
+    [t]
+  ), o = (l) => {
+    const g = {
+      value: l.value,
+      label: l.label,
+      lat: l.lat,
+      lng: l.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 = () => {
+    if (typeof window > "u" || !(navigator != null && navigator.geolocation)) {
+      f("denied"), w("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;
+        try {
+          X = await (b == null ? void 0 : b(g, j));
+        } catch {
+          X = 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
+        };
+        s({
+          ...e,
+          place: ce,
+          geo: {
+            lat: g,
+            lng: j,
+            radiusKm: J,
+            label: Z
+          }
+        }), f("granted"), w("patient_search_geo_granted", { radiusKm: J });
+      },
+      () => {
+        f("denied"), w("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(
+      "button",
+      {
+        type: "button",
+        "aria-label": u("patientSearch.geo.clear"),
+        onClick: F,
+        className: ae,
+        children: /* @__PURE__ */ a(ie, { "aria-hidden": "true", className: "ds:size-4" })
+      }
+    ) : null,
+    /* @__PURE__ */ a(
+      "button",
+      {
+        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" })
+      }
+    )
+  ] });
+  return /* @__PURE__ */ _(
+    "div",
+    {
+      "data-component": "patient-search-field",
+      "data-field": "where",
+      onFocus: () => {
+        k.current || (k.current = !0, w("patient_search_place_focused"));
+      },
+      onBlur: (l) => {
+        l.currentTarget && !l.currentTarget.contains(l.relatedTarget) && (k.current = !1);
+      },
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+      children: [
+        /* @__PURE__ */ _("div", { className: "ds:relative", children: [
+          /* @__PURE__ */ a(
+            re,
+            {
+              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"));
+              },
+              onSelect: o,
+              loadOptions: v,
+              debounceMs: de,
+              placeholder: u("patientSearch.where.placeholder"),
+              "aria-label": u("patientSearch.where.label"),
+              startAdornment: /* @__PURE__ */ a(ge, { "aria-hidden": "true" }),
+              endAdornment: I ? 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: N ? "ds:inline-block ds:size-[4.5rem]" : "ds:inline-block ds:size-8"
+                  }
+                )
+              )
+            }
+          ),
+          O
+        ] }),
+        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 ? (
+          // 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") }) })
+        ) : null
+      ]
+    }
+  );
+}
+const ke = P(
+  [
+    "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 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:
+        case "ArrowDown": {
+          r.preventDefault();
+          const o = A[(f + 1) % p];
+          s(o), w("patient_search_when_selected", { when: o }), u(o);
+          break;
+        }
+        case v:
+        case "ArrowUp": {
+          r.preventDefault();
+          const o = A[(f - 1 + p) % p];
+          s(o), w("patient_search_when_selected", { when: o }), u(o);
+          break;
+        }
+        case "Home": {
+          r.preventDefault();
+          const o = A[0];
+          s(o), w("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);
+          break;
+        }
+      }
+    },
+    [u, m, s]
+  ), n = e ?? "anytime", c = {
+    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": t("patientSearch.when.label"),
+      id: h,
+      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]);
+        return /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": i,
+            "aria-label": p,
+            tabIndex: f ? 0 : -1,
+            ref: (x) => {
+              x ? b.current.set(r, x) : b.current.delete(r);
+            },
+            onClick: () => {
+              s(r), w("patient_search_when_selected", { when: r });
+            },
+            onKeyDown: (x) => y(x, r),
+            className: ke({
+              state: i ? "selected" : "idle"
+            }),
+            children: p
+          },
+          r
+        );
+      })
+    }
+  );
+}
+const te = P(
+  [
+    "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 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);
+    let f;
+    n.multi ? f = i ? r.filter((p) => p !== c) : [...r, c] : f = i ? [] : [c], b(n.key, f);
+  };
+  return /* @__PURE__ */ _(
+    "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 c = n.options.length === 0, r = h[n.key] ?? [], i = r.length > 0;
+          if (c)
+            return /* @__PURE__ */ a(
+              "button",
+              {
+                type: "button",
+                "aria-pressed": i,
+                "aria-label": n.label,
+                onClick: () => u(n.key),
+                className: te({
+                  state: i ? "active" : "idle"
+                }),
+                children: /* @__PURE__ */ a("span", { children: n.label })
+              },
+              n.key
+            );
+          const f = i ? ` (${r.length})` : "";
+          return /* @__PURE__ */ _(W.Root, { children: [
+            /* @__PURE__ */ a(W.Trigger, { asChild: !0, children: /* @__PURE__ */ _(
+              "button",
+              {
+                type: "button",
+                "aria-label": `${n.label}${f}`,
+                className: te({
+                  state: i ? "active" : "idle"
+                }),
+                children: [
+                  /* @__PURE__ */ _("span", { children: [
+                    n.label,
+                    f
+                  ] }),
+                  /* @__PURE__ */ a(
+                    xe,
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:size-3.5 ds:shrink-0"
+                    }
+                  )
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ a(W.Content, { sideOffset: 8, align: "start", children: n.options.map((p) => /* @__PURE__ */ a(
+              W.CheckboxItem,
+              {
+                checked: r.includes(p.value),
+                onSelect: (x) => {
+                  n.multi && x.preventDefault(), y(n, p.value);
+                },
+                children: p.label
+              },
+              p.value
+            )) })
+          ] }, n.key);
+        }),
+        m ? /* @__PURE__ */ _(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              t({}), w("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(ie, { "aria-hidden": "true", className: "ds:size-3.5" }),
+              d("patientSearch.facets.clear")
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+}
+const se = ["violet", "purple", "magenta", "blue"], Ae = P(
+  [
+    "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(" ")
+), Ce = P(
+  "ds:absolute ds:inset-inline-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" }
+  }
+), Te = P(
+  "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 Le(e, s) {
+  return e && e !== "auto" ? e : se[s % se.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: [
+    /* @__PURE__ */ a("h3", { 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((t, d) => {
+          const h = Le(t.accent, d);
+          return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ _(
+            "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", {
+                cardId: t.id
+              }),
+              className: Ae(),
+              children: [
+                /* @__PURE__ */ a(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: Ce({ accent: h })
+                  }
+                ),
+                /* @__PURE__ */ _("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" })
+                    }
+                  ),
+                  t.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:bg-[color-mix(in_srgb,var(--accent)_15%,var(--background))] ds:text-[color:var(--foreground)] ds:font-[var(--font-weight-semibold)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]", children: t.badge })
+                  ) : null
+                ] }),
+                /* @__PURE__ */ a("span", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]", children: t.label }),
+                t.description ? /* @__PURE__ */ a("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: t.description }) : null
+              ]
+            }
+          ) }, t.id);
+        })
+      }
+    )
+  ] });
+}
+function Pe(e) {
+  if (e.object || e.place || e.geo || e.when && e.when !== "anytime") return !0;
+  if (e.facets) {
+    for (const s of Object.values(e.facets))
+      if (s && s.length > 0) return !0;
+  }
+  return !1;
+}
+function U({
+  value: e,
+  variant: s,
+  submitting: t,
+  submitLabel: d,
+  onSubmit: h
+}) {
+  const { t: m } = C(), b = t || !Pe(e), u = d ?? m("patientSearch.submit.cta");
+  return /* @__PURE__ */ a(
+    pe,
+    {
+      type: "button",
+      intent: "primary",
+      size: "lg",
+      startIcon: /* @__PURE__ */ a(ne, { "aria-hidden": "true" }),
+      loading: t,
+      disabled: b,
+      onClick: () => {
+        w("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);
+      },
+      children: u
+    }
+  );
+}
+function Ie(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,
+    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-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: [
+      /* @__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
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a(
+      Re,
+      {
+        value: t.when,
+        onChange: (v) => d({ ...t, when: v })
+      }
+    )
+  ] }) });
+}
+function Ve(e) {
+  const {
+    variant: s,
+    value: t,
+    onChange: d,
+    onSubmit: h,
+    loadObjects: m,
+    loadPlaces: b,
+    onObjectSelect: u,
+    onPlaceSelect: y,
+    facets: n,
+    submitting: c,
+    submitLabel: r,
+    whoRef: i,
+    whereRef: f,
+    defaultRadiusKm: p,
+    reverseGeocode: x,
+    cardLabel: v
+  } = 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: [
+      /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
+        $,
+        {
+          value: t,
+          onChange: d,
+          loadObjects: m,
+          onObjectSelect: u,
+          inputRef: i
+        }
+      ) }),
+      /* @__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
+        }
+      ) }),
+      /* @__PURE__ */ a(
+        U,
+        {
+          value: t,
+          variant: s,
+          submitting: c,
+          submitLabel: r,
+          onSubmit: h
+        }
+      )
+    ] }),
+    n && n.length > 0 ? /* @__PURE__ */ a(
+      je,
+      {
+        facets: n,
+        value: t.facets,
+        onChange: (o) => d({ ...t, facets: o })
+      }
+    ) : null
+  ] }) });
+}
+function Ee(e) {
+  const {
+    variant: s,
+    value: t,
+    onChange: d,
+    onSubmit: h,
+    loadObjects: m,
+    loadPlaces: b,
+    onObjectSelect: u,
+    onPlaceSelect: y,
+    discoveryCards: n,
+    submitting: c,
+    submitLabel: r,
+    whoRef: i,
+    whereRef: f,
+    defaultRadiusKm: p,
+    reverseGeocode: x,
+    cardLabel: v
+  } = 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: [
+      /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
+        $,
+        {
+          value: t,
+          onChange: d,
+          loadObjects: m,
+          onObjectSelect: u,
+          inputRef: i
+        }
+      ) }),
+      /* @__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
+        }
+      ) }),
+      /* @__PURE__ */ a(
+        U,
+        {
+          value: t,
+          variant: s,
+          submitting: c,
+          submitLabel: r,
+          onSubmit: h
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ a(De, { cards: n })
+  ] });
+}
+const Be = le(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,
+  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;
+        return;
+      }
+      k.current = !0, i({ ...r, when: "anytime" });
+    }
+  }, [s]);
+  const O = S(!1);
+  B(() => {
+    if (!O.current && s === "faceted") {
+      if (r.facets !== void 0) {
+        O.current = !0;
+        return;
+      }
+      O.current = !0, i({ ...r, 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(
+    () => ({
+      getVariant: () => s,
+      reset: () => {
+        i({});
+      },
+      focusPrimary: () => {
+        requestAnimationFrame(() => {
+          var g;
+          (g = K.current) == null || g.focus();
+        });
+      }
+    }),
+    [s, i]
+  );
+  ue(G, () => L, [L]), me(_e, L, o);
+  const E = v ?? Q("patientSearch.regionLabel"), R = {
+    variant: s,
+    value: r,
+    onChange: i,
+    onSubmit: f,
+    loadObjects: t,
+    loadPlaces: d,
+    onObjectSelect: h,
+    onPlaceSelect: m,
+    facets: b,
+    defaultRadiusKm: u,
+    reverseGeocode: y,
+    discoveryCards: n ?? [],
+    submitting: p,
+    submitLabel: x,
+    whoRef: K,
+    whereRef: I,
+    cardLabel: E
+  }, l = (() => {
+    switch (s) {
+      case "who-where":
+        return /* @__PURE__ */ a(Ie, { ...R });
+      case "who-where-when":
+        return /* @__PURE__ */ a(Oe, { ...R });
+      case "faceted":
+        return /* @__PURE__ */ a(Ve, { ...R });
+      case "discovery":
+        return /* @__PURE__ */ a(Ee, { ...R });
+      /* c8 ignore next 2 */
+      default:
+        return null;
+    }
+  })();
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ref: N,
+      role: "region",
+      "aria-label": E,
+      id: o,
+      "data-component": "patient-search",
+      "data-component-id": o,
+      "data-variant": s,
+      className: Ne({ variant: s, className: T }),
+      ...F,
+      children: l
+    }
+  );
+});
+Be.displayName = "PatientSearch";
+export {
+  Be as P,
+  _e as p
+};
+//# sourceMappingURL=patient-search-BhlxYAI3.js.map