@alfadocs/ui-kit 0.25.2 → 0.30.1

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

@@ -0,0 +1,1113 @@
+import { jsx as a, jsxs as _ } from "react/jsx-runtime";
+import { forwardRef as le, useRef as S, useEffect as B, useMemo as Y, useImperativeHandle as ue, useState as W, useCallback as z, useId as fe } from "react";
+import { c as D } from "./index-D2ZczOXr.js";
+import { useTranslation as A } from "react-i18next";
+import { A as re } from "./autocomplete-CUh0f7Dj.js";
+import { B as pe } from "./button-DD_0Xdmr.js";
+import { C as M } from "./card-DKTMLVrw.js";
+import { S as me } from "./slider-CfEzeseL.js";
+import { A as ee } from "./alert-ywPR59NE.js";
+import { D as K } from "./dropdown-menu-DZxwF23X.js";
+import { u as he } from "./registry-C9nwlNyL.js";
+import { S as ne } from "./search-BonnQsHv.js";
+import { X as ie } from "./x-CCcI3eJp.js";
+import { c as ve } from "./createLucideIcon-CrFbzy84.js";
+import { M as ge } from "./map-pin-B8STOPMJ.js";
+import { S as be } from "./stethoscope-DT5qCW8Y.js";
+import { C as ye } from "./chevron-down-BX_NP2Yh.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const xe = [
+  ["line", { x1: "2", x2: "5", y1: "12", y2: "12", key: "bvdh0s" }],
+  ["line", { x1: "19", x2: "22", y1: "12", y2: "12", key: "1tbv5k" }],
+  ["line", { x1: "12", x2: "12", y1: "2", y2: "5", key: "11lu5j" }],
+  ["line", { x1: "12", x2: "12", y1: "19", y2: "22", key: "x3vr5v" }],
+  ["circle", { cx: "12", cy: "12", r: "7", key: "fim9np" }],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+], we = ve("locate-fixed", xe), _e = {
+  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 j = [
+  "today",
+  "tomorrow",
+  "this_week",
+  "anytime"
+], L = [1, 5, 10, 25, 50], oe = 5, de = 200;
+function Se(e) {
+  let s = 0, t = Number.POSITIVE_INFINITY;
+  return L.forEach((c, h) => {
+    const v = Math.abs(c - e);
+    v < t && (t = v, s = h);
+  }), s;
+}
+const Ne = D(
+  "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 H({
+  value: e,
+  onChange: s,
+  loadObjects: t,
+  onObjectSelect: c,
+  inputRef: h
+}) {
+  var o, f, p, y;
+  const { t: v } = A(), [g, u] = W(((o = e.object) == null ? void 0 : o.label) ?? ""), x = S((f = e.object) == null ? void 0 : f.value);
+  B(() => {
+    var m, i, N;
+    ((m = e.object) == null ? void 0 : m.value) !== x.current && (x.current = (i = e.object) == null ? void 0 : i.value, u(((N = e.object) == null ? void 0 : N.label) ?? ""));
+  }, [(p = e.object) == null ? void 0 : p.value, (y = e.object) == null ? void 0 : y.label]);
+  const n = z(
+    async (m, { signal: i }) => await t(m, { signal: i }),
+    [t]
+  ), l = (m) => {
+    const i = {
+      value: m.value,
+      label: m.label,
+      description: m.description,
+      __payload: m.__payload
+    };
+    u(i.label), x.current = i.value, s({ ...e, object: i }), w("patient_search_object_selected", {
+      value: i.value,
+      type: i.__payload && typeof i.__payload == "object" ? i.__payload.type : void 0
+    }), c == null || c(i);
+  }, r = S(!1);
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-component": "patient-search-field",
+      "data-field": "who",
+      onFocus: () => {
+        r.current || (r.current = !0, w("patient_search_object_focused"));
+      },
+      onBlur: (m) => {
+        m.currentTarget && !m.currentTarget.contains(m.relatedTarget) && (r.current = !1);
+      },
+      children: /* @__PURE__ */ a(
+        re,
+        {
+          ref: h,
+          value: g,
+          onChange: (m) => {
+            u(m), e.object && m !== e.object.label && (x.current = void 0, s({ ...e, object: void 0 }));
+          },
+          onSelect: l,
+          loadOptions: n,
+          debounceMs: de,
+          placeholder: v("patientSearch.who.placeholder"),
+          "aria-label": v("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 $({
+  value: e,
+  onChange: s,
+  loadPlaces: t,
+  onPlaceSelect: c,
+  inputRef: h,
+  defaultRadiusKm: v = oe,
+  reverseGeocode: g
+}) {
+  var T, O, E, V;
+  const { t: u } = A(), [x, n] = W(((T = e.place) == null ? void 0 : T.label) ?? ""), l = S((O = e.place) == null ? void 0 : O.value), r = e.geo ? "granted" : "pristine", [o, f] = W(r), [p, y] = W(
+    () => {
+      var d;
+      return Se(((d = e.geo) == null ? void 0 : d.radiusKm) ?? v);
+    }
+  );
+  B(() => {
+    var d, b, k;
+    ((d = e.place) == null ? void 0 : d.value) !== l.current && (l.current = (b = e.place) == null ? void 0 : b.value, n(((k = e.place) == null ? void 0 : k.label) ?? ""));
+  }, [(E = e.place) == null ? void 0 : E.value, (V = e.place) == null ? void 0 : V.label]);
+  const m = z(
+    async (d, { signal: b }) => await t(d, { signal: b }),
+    [t]
+  ), i = (d) => {
+    const b = {
+      value: d.value,
+      label: d.label,
+      lat: d.lat,
+      lng: d.lng
+    };
+    n(b.label), l.current = b.value, s({ ...e, place: b, geo: void 0 }), o === "granted" && f("pristine"), w("patient_search_place_selected", { value: b.value }), c == null || c(b);
+  }, N = () => {
+    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 (d) => {
+        const { latitude: b, longitude: k } = d.coords;
+        let X;
+        try {
+          X = await (g == null ? void 0 : g(b, k));
+        } catch {
+          X = void 0;
+        }
+        const J = L[p] ?? v, Z = X ?? u("patientSearch.geo.fallbackLabel"), ce = {
+          value: `geo:${b.toFixed(4)},${k.toFixed(4)}`,
+          label: Z,
+          lat: b,
+          lng: k
+        };
+        s({
+          ...e,
+          place: ce,
+          geo: {
+            lat: b,
+            lng: k,
+            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(""), l.current = void 0, f("pristine");
+  }, U = (d) => {
+    const b = L[d] ?? v;
+    e.geo && s({ ...e, geo: { ...e.geo, radiusKm: b } }), w("patient_search_radius_changed", { radiusKm: b });
+  }, G = (d) => {
+    const b = L[Math.round(d)] ?? v;
+    return u("patientSearch.geo.radiusFormat", { km: b });
+  }, R = o === "granted" && !!e.geo, Q = o === "requesting", C = o === "denied", P = S(!1), I = C ? null : /* @__PURE__ */ _("span", { className: "ds:absolute ds:end-[var(--spacing-xs)] ds:top-1/2 ds:-translate-y-1/2 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+    R ? /* @__PURE__ */ a(
+      "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": R || void 0,
+        disabled: Q,
+        onClick: R ? F : N,
+        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: () => {
+        P.current || (P.current = !0, w("patient_search_place_focused"));
+      },
+      onBlur: (d) => {
+        d.currentTarget && !d.currentTarget.contains(d.relatedTarget) && (P.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: x,
+              onChange: (d) => {
+                n(d), e.place && d !== e.place.label && (l.current = void 0, s({ ...e, place: void 0, geo: void 0 }), o === "granted" && f("pristine"));
+              },
+              onSelect: i,
+              loadOptions: m,
+              debounceMs: de,
+              placeholder: u("patientSearch.where.placeholder"),
+              "aria-label": u("patientSearch.where.label"),
+              startAdornment: /* @__PURE__ */ a(ge, { "aria-hidden": "true" }),
+              endAdornment: C ? 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: R ? "ds:inline-block ds:size-[4.5rem]" : "ds:inline-block ds:size-8"
+                  }
+                )
+              )
+            }
+          ),
+          I
+        ] }),
+        R ? (
+          // Slider marks render with `translate(-50%)` so half of each
+          // end-mark ("1" and "50" labels) sits outside the slider's
+          // bounding box. The parent Card uses `overflow: hidden`, which
+          // would clip them — the inline padding pulls the rail inset by
+          // half a label width so the overhang lands inside the card.
+          /* @__PURE__ */ _("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pb-[var(--spacing-md)]", children: [
+            /* @__PURE__ */ a(
+              "span",
+              {
+                id: "patient-search-radius-label",
+                className: "type-meta ds:text-[color:var(--muted-foreground)]",
+                children: u("patientSearch.geo.radius")
+              }
+            ),
+            /* @__PURE__ */ a(
+              me,
+              {
+                value: [p],
+                min: 0,
+                max: L.length - 1,
+                step: 1,
+                marks: L.map((d, b) => ({
+                  value: b,
+                  label: `${d}`
+                })),
+                formatValue: G,
+                alwaysShowValue: !0,
+                "aria-labelledby": "patient-search-radius-label",
+                onValueChange: (d) => y(d[0] ?? 0),
+                onValueCommit: (d) => U(d[0] ?? 0)
+              }
+            )
+          ] })
+        ) : null,
+        C ? (
+          // 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 = D(
+  [
+    "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: c } = A(), h = fe(), v = c.dir() === "rtl", g = S(/* @__PURE__ */ new Map()), u = z((r) => {
+    var o;
+    (o = g.current.get(r)) == null || o.focus();
+  }, []), x = z(
+    (r, o) => {
+      const f = j.indexOf(o), p = j.length, y = v ? "ArrowLeft" : "ArrowRight", m = v ? "ArrowRight" : "ArrowLeft";
+      switch (r.key) {
+        case y:
+        case "ArrowDown": {
+          r.preventDefault();
+          const i = j[(f + 1) % p];
+          s(i), w("patient_search_when_selected", { when: i }), u(i);
+          break;
+        }
+        case m:
+        case "ArrowUp": {
+          r.preventDefault();
+          const i = j[(f - 1 + p) % p];
+          s(i), w("patient_search_when_selected", { when: i }), u(i);
+          break;
+        }
+        case "Home": {
+          r.preventDefault();
+          const i = j[0];
+          s(i), w("patient_search_when_selected", { when: i }), u(i);
+          break;
+        }
+        case "End": {
+          r.preventDefault();
+          const i = j[p - 1];
+          s(i), w("patient_search_when_selected", { when: i }), u(i);
+          break;
+        }
+      }
+    },
+    [u, v, s]
+  ), n = e ?? "anytime", l = {
+    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: j.map((r) => {
+        const o = e === r, f = n === r, p = t(l[r]);
+        return /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": o,
+            "aria-label": p,
+            tabIndex: f ? 0 : -1,
+            ref: (y) => {
+              y ? g.current.set(r, y) : g.current.delete(r);
+            },
+            onClick: () => {
+              s(r), w("patient_search_when_selected", { when: r });
+            },
+            onKeyDown: (y) => x(y, r),
+            className: ke({
+              state: o ? "selected" : "idle"
+            }),
+            children: p
+          },
+          r
+        );
+      })
+    }
+  );
+}
+const te = D(
+  [
+    "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: c } = A(), h = Y(() => s ?? {}, [s]), v = Y(
+    () => Object.values(h).some((n) => n && n.length > 0),
+    [h]
+  ), g = (n, l) => {
+    const r = { ...h };
+    l.length === 0 ? delete r[n] : r[n] = l, t(r), w("patient_search_facet_changed", { key: n, values: l });
+  }, u = (n) => {
+    var r;
+    const l = (((r = h[n]) == null ? void 0 : r.length) ?? 0) > 0;
+    g(n, l ? [] : ["true"]);
+  }, x = (n, l) => {
+    const r = h[n.key] ?? [], o = r.includes(l);
+    let f;
+    n.multi ? f = o ? r.filter((p) => p !== l) : [...r, l] : f = o ? [] : [l], g(n.key, f);
+  };
+  return /* @__PURE__ */ _(
+    "div",
+    {
+      role: "group",
+      "aria-label": c("patientSearch.facets.label"),
+      className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
+      children: [
+        e.map((n) => {
+          const l = n.options.length === 0, r = h[n.key] ?? [], o = r.length > 0;
+          if (l)
+            return /* @__PURE__ */ a(
+              "button",
+              {
+                type: "button",
+                "aria-pressed": o,
+                "aria-label": n.label,
+                onClick: () => u(n.key),
+                className: te({
+                  state: o ? "active" : "idle"
+                }),
+                children: /* @__PURE__ */ a("span", { children: n.label })
+              },
+              n.key
+            );
+          const f = o ? ` (${r.length})` : "";
+          return /* @__PURE__ */ _(K.Root, { children: [
+            /* @__PURE__ */ a(K.Trigger, { asChild: !0, children: /* @__PURE__ */ _(
+              "button",
+              {
+                type: "button",
+                "aria-label": `${n.label}${f}`,
+                className: te({
+                  state: o ? "active" : "idle"
+                }),
+                children: [
+                  /* @__PURE__ */ _("span", { children: [
+                    n.label,
+                    f
+                  ] }),
+                  /* @__PURE__ */ a(
+                    ye,
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:size-3.5 ds:shrink-0"
+                    }
+                  )
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ a(K.Content, { sideOffset: 8, align: "start", children: n.options.map((p) => /* @__PURE__ */ a(
+              K.CheckboxItem,
+              {
+                checked: r.includes(p.value),
+                onSelect: (y) => {
+                  n.multi && y.preventDefault(), x(n, p.value);
+                },
+                children: p.label
+              },
+              p.value
+            )) })
+          ] }, n.key);
+        }),
+        v ? /* @__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" }),
+              c("patientSearch.facets.clear")
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+}
+const se = ["violet", "purple", "magenta", "blue"], Ae = D(
+  [
+    "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 = D(
+  "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 = D(
+  "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 Ee(e, s) {
+  return e && e !== "auto" ? e : se[s % se.length];
+}
+function Le({ cards: e }) {
+  const { t: s } = A();
+  return e.length === 0 ? /* @__PURE__ */ a("p", { className: "type-body-sm ds:text-[color:var(--muted-foreground)] ds:m-0", children: s("patientSearch.discovery.empty") }) : /* @__PURE__ */ _("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__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, c) => {
+          const h = Ee(t.accent, c);
+          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 De(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 q({
+  value: e,
+  variant: s,
+  submitting: t,
+  submitLabel: c,
+  allowEmptySubmit: h,
+  onSubmit: v
+}) {
+  const { t: g } = A(), u = t || !h && !De(e), x = c ?? g("patientSearch.submit.cta");
+  return /* @__PURE__ */ a(
+    pe,
+    {
+      type: "button",
+      intent: "primary",
+      size: "lg",
+      startIcon: /* @__PURE__ */ a(ne, { "aria-hidden": "true" }),
+      loading: t,
+      disabled: u,
+      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) : []
+        }), v(e);
+      },
+      children: x
+    }
+  );
+}
+function Pe(e) {
+  const {
+    variant: s,
+    value: t,
+    onChange: c,
+    onSubmit: h,
+    loadObjects: v,
+    loadPlaces: g,
+    onObjectSelect: u,
+    onPlaceSelect: x,
+    submitting: n,
+    submitLabel: l,
+    allowEmptySubmit: r,
+    whoRef: o,
+    whereRef: f,
+    defaultRadiusKm: p,
+    reverseGeocode: y,
+    cardLabel: m
+  } = e;
+  return /* @__PURE__ */ a(M, { variant: "elevated", "aria-label": m, children: /* @__PURE__ */ _("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)] ds:md:flex-row ds:md:items-center", children: [
+    /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
+      H,
+      {
+        value: t,
+        onChange: c,
+        loadObjects: v,
+        onObjectSelect: u,
+        inputRef: o
+      }
+    ) }),
+    /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
+      $,
+      {
+        value: t,
+        onChange: c,
+        loadPlaces: g,
+        onPlaceSelect: x,
+        defaultRadiusKm: p,
+        reverseGeocode: y,
+        inputRef: f
+      }
+    ) }),
+    /* @__PURE__ */ a(
+      q,
+      {
+        value: t,
+        variant: s,
+        submitting: n,
+        submitLabel: l,
+        allowEmptySubmit: r,
+        onSubmit: h
+      }
+    )
+  ] }) });
+}
+function Ie(e) {
+  const {
+    variant: s,
+    value: t,
+    onChange: c,
+    onSubmit: h,
+    loadObjects: v,
+    loadPlaces: g,
+    onObjectSelect: u,
+    onPlaceSelect: x,
+    submitting: n,
+    submitLabel: l,
+    allowEmptySubmit: r,
+    whoRef: o,
+    whereRef: f,
+    defaultRadiusKm: p,
+    reverseGeocode: y,
+    cardLabel: m
+  } = e;
+  return /* @__PURE__ */ a(M, { variant: "elevated", "aria-label": m, children: /* @__PURE__ */ _("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ _("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:md:flex-row ds:md:items-center", children: [
+      /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
+        H,
+        {
+          value: t,
+          onChange: c,
+          loadObjects: v,
+          onObjectSelect: u,
+          inputRef: o
+        }
+      ) }),
+      /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
+        $,
+        {
+          value: t,
+          onChange: c,
+          loadPlaces: g,
+          onPlaceSelect: x,
+          defaultRadiusKm: p,
+          reverseGeocode: y,
+          inputRef: f
+        }
+      ) }),
+      /* @__PURE__ */ a(
+        q,
+        {
+          value: t,
+          variant: s,
+          submitting: n,
+          submitLabel: l,
+          allowEmptySubmit: r,
+          onSubmit: h
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a(
+      Re,
+      {
+        value: t.when,
+        onChange: (i) => c({ ...t, when: i })
+      }
+    )
+  ] }) });
+}
+function Oe(e) {
+  const {
+    variant: s,
+    value: t,
+    onChange: c,
+    onSubmit: h,
+    loadObjects: v,
+    loadPlaces: g,
+    onObjectSelect: u,
+    onPlaceSelect: x,
+    facets: n,
+    submitting: l,
+    submitLabel: r,
+    allowEmptySubmit: o,
+    whoRef: f,
+    whereRef: p,
+    defaultRadiusKm: y,
+    reverseGeocode: m,
+    cardLabel: i
+  } = e;
+  return /* @__PURE__ */ a(M, { variant: "elevated", "aria-label": i, children: /* @__PURE__ */ _("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ _("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:md:flex-row ds:md:items-center", children: [
+      /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
+        H,
+        {
+          value: t,
+          onChange: c,
+          loadObjects: v,
+          onObjectSelect: u,
+          inputRef: f
+        }
+      ) }),
+      /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
+        $,
+        {
+          value: t,
+          onChange: c,
+          loadPlaces: g,
+          onPlaceSelect: x,
+          defaultRadiusKm: y,
+          reverseGeocode: m,
+          inputRef: p
+        }
+      ) }),
+      /* @__PURE__ */ a(
+        q,
+        {
+          value: t,
+          variant: s,
+          submitting: l,
+          submitLabel: r,
+          allowEmptySubmit: o,
+          onSubmit: h
+        }
+      )
+    ] }),
+    n && n.length > 0 ? /* @__PURE__ */ a(
+      je,
+      {
+        facets: n,
+        value: t.facets,
+        onChange: (N) => c({ ...t, facets: N })
+      }
+    ) : null
+  ] }) });
+}
+function Ve(e) {
+  const {
+    variant: s,
+    value: t,
+    onChange: c,
+    onSubmit: h,
+    loadObjects: v,
+    loadPlaces: g,
+    onObjectSelect: u,
+    onPlaceSelect: x,
+    discoveryCards: n,
+    submitting: l,
+    submitLabel: r,
+    allowEmptySubmit: o,
+    whoRef: f,
+    whereRef: p,
+    defaultRadiusKm: y,
+    reverseGeocode: m,
+    cardLabel: i
+  } = e;
+  return /* @__PURE__ */ _("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", children: [
+    /* @__PURE__ */ a(M, { variant: "elevated", "aria-label": i, children: /* @__PURE__ */ _("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)] ds:md:flex-row ds:md:items-stretch", children: [
+      /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
+        H,
+        {
+          value: t,
+          onChange: c,
+          loadObjects: v,
+          onObjectSelect: u,
+          inputRef: f
+        }
+      ) }),
+      /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
+        $,
+        {
+          value: t,
+          onChange: c,
+          loadPlaces: g,
+          onPlaceSelect: x,
+          defaultRadiusKm: y,
+          reverseGeocode: m,
+          inputRef: p
+        }
+      ) }),
+      /* @__PURE__ */ a(
+        q,
+        {
+          value: t,
+          variant: s,
+          submitting: l,
+          submitLabel: r,
+          allowEmptySubmit: o,
+          onSubmit: h
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ a(Le, { cards: n })
+  ] });
+}
+const Be = le(function({
+  variant: s,
+  loadObjects: t,
+  loadPlaces: c,
+  onObjectSelect: h,
+  onPlaceSelect: v,
+  facets: g,
+  defaultRadiusKm: u = oe,
+  reverseGeocode: x,
+  discoveryCards: n,
+  countryCode: l,
+  value: r,
+  onChange: o,
+  onSubmit: f,
+  submitting: p,
+  submitLabel: y,
+  allowEmptySubmit: m,
+  "aria-label": i,
+  id: N,
+  className: F,
+  ...U
+}, G) {
+  const { t: R } = A(), Q = S(null), C = S(null), P = S(null), I = S(!1);
+  B(() => {
+    if (!I.current && s === "who-where-when") {
+      if (r.when !== void 0) {
+        I.current = !0;
+        return;
+      }
+      I.current = !0, o({ ...r, when: "anytime" });
+    }
+  }, [s]);
+  const T = S(!1);
+  B(() => {
+    if (!T.current && s === "faceted") {
+      if (r.facets !== void 0) {
+        T.current = !0;
+        return;
+      }
+      T.current = !0, o({ ...r, facets: {} });
+    }
+  }, [s]);
+  const O = S(null);
+  B(() => {
+    O.current !== s && (O.current = s, w("patient_search_variant_exposed", { variant: s, country: l }));
+  }, [s, l]);
+  const E = Y(
+    () => ({
+      getVariant: () => s,
+      reset: () => {
+        o({});
+      },
+      focusPrimary: () => {
+        requestAnimationFrame(() => {
+          var k;
+          (k = C.current) == null || k.focus();
+        });
+      }
+    }),
+    [s, o]
+  );
+  ue(G, () => E, [E]), he(_e, E, N);
+  const V = i ?? R("patientSearch.regionLabel"), d = {
+    variant: s,
+    value: r,
+    onChange: o,
+    onSubmit: f,
+    loadObjects: t,
+    loadPlaces: c,
+    onObjectSelect: h,
+    onPlaceSelect: v,
+    facets: g,
+    defaultRadiusKm: u,
+    reverseGeocode: x,
+    discoveryCards: n ?? [],
+    submitting: p,
+    submitLabel: y,
+    allowEmptySubmit: m,
+    whoRef: C,
+    whereRef: P,
+    cardLabel: V
+  }, b = (() => {
+    switch (s) {
+      case "who-where":
+        return /* @__PURE__ */ a(Pe, { ...d });
+      case "who-where-when":
+        return /* @__PURE__ */ a(Ie, { ...d });
+      case "faceted":
+        return /* @__PURE__ */ a(Oe, { ...d });
+      case "discovery":
+        return /* @__PURE__ */ a(Ve, { ...d });
+      /* c8 ignore next 2 */
+      default:
+        return null;
+    }
+  })();
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ref: Q,
+      role: "region",
+      "aria-label": V,
+      id: N,
+      "data-component": "patient-search",
+      "data-component-id": N,
+      "data-variant": s,
+      className: Ne({ variant: s, className: F }),
+      ...U,
+      children: b
+    }
+  );
+});
+Be.displayName = "PatientSearch";
+export {
+  Be as P,
+  _e as p
+};
+//# sourceMappingURL=patient-search-DuSoGG2t.js.map