@alfadocs/ui-kit-debug 1.120.0 → 1.122.0

package/dist/_chunks/practice-results-BCLqPdgn.js

@@ -0,0 +1,2683 @@
+import { jsxs as v, jsx as n, Fragment as Ue } from "react/jsx-runtime";
+import { createContext as sn, useRef as F, useState as J, useEffect as U, useCallback as $, forwardRef as rn, useMemo as q, useImperativeHandle as on, useContext as yt } from "react";
+import { c as le } from "./index-D2ZczOXr.js";
+import { useTranslation as _ } from "react-i18next";
+import { A as Ce } from "./alert-C4WKViaS.js";
+import { A as We } from "./avatar-Dp5apm1d.js";
+import { B as ve } from "./button-DohK_Ak_.js";
+import { D as ce } from "./dropdown-menu-Dw6sgQwJ.js";
+import { E as cn } from "./empty-state-DwJ5YNzz.js";
+import { M as ln, i as Ze } from "./map-view-QWdQLHi9.js";
+import { R as Xe } from "./rating-CGYpg5dj.js";
+import { S as ae } from "./sheet-uZZXaO_S.js";
+import { S as dn } from "./skeleton-tTWJpvAq.js";
+import { S as un } from "./spinner-CoflYlEx.js";
+import { B as se } from "./badge-BUk4RjTS.js";
+import { u as Ye } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as Pe } from "./use-media-query-CcAx5SMM.js";
+import { m as mn } from "./motion-is-off-BvAuNV5O.js";
+import { l as ut } from "./length-token-DwMnGEYT.js";
+import { b as bt, a as mt } from "./format-price-CIX0YJZn.js";
+import { u as fn } from "./registry-DvAUVLHh.js";
+import { S as pn } from "./slot-grid-DEZRB4Yb.js";
+import { s as ft, f as Se, d as hn } from "./format-ql5WTsYT.js";
+import { a as Ke } from "./addDays-CuE8wLqb.js";
+import { p as ye } from "./parseISO-Dl4T9peU.js";
+import { c as gn } from "./createLucideIcon-DhHxpK9K.js";
+import { R as vn } from "./refresh-cw-DnI0cLFC.js";
+import { C as xt } from "./chevron-down-DWE7GSq9.js";
+import { L as wt } from "./languages-CGLX6Qpe.js";
+import { S as kt } from "./shield-check-DCJALLVh.js";
+import { H as Ct } from "./heart--qCA4ffe.js";
+import { M as Ne } from "./map-pin-BaY37-Km.js";
+import { C as yn } from "./calendar-clock-hbObjfGY.js";
+import { C as bn } from "./calendar-plus-BFrIRE4r.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 xn = [
+  [
+    "path",
+    {
+      d: "M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z",
+      key: "169xi5"
+    }
+  ],
+  ["path", { d: "M15 5.764v15", key: "1pn4in" }],
+  ["path", { d: "M9 3.236v15", key: "1uimfh" }]
+], wn = gn("map", xn), kn = {
+  id: "practice-results",
+  // `scroll` backs scroll_to_result (light highlight, no selection). focus_pin
+  // follows the pin-click rules: on a map variant at `lg` and up it chooses the
+  // card and the choice persists until another pin, a card or the map is
+  // clicked, so it is `select_single`; elsewhere it is a light highlight. The active variant is consumer-owned via props, so there is
+  // no `view_change` action — variant is read-only state, not an operation; and
+  // there is no in-component routing, so no `navigate`.
+  capabilities: ["scroll", "select_single"],
+  state: {
+    variant: {
+      type: "string",
+      descriptionKey: "ui.agent.practiceResults.state.variant",
+      description: "Active variant — one of `split-list-map`, `map-first`, `rich-cards`, `slot-cards`.",
+      read: (e) => e.getVariant()
+    }
+  },
+  actions: {
+    scroll_to_result: {
+      safety: "read",
+      argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          id: {
+            type: "string",
+            description: "Stable result id (the data-result-id of the card)."
+          }
+        },
+        required: ["id"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.practiceResults.actions.scrollToResult",
+      description: 'Scroll the result card with the given id into the visible viewport and give it a light highlight. It does not choose the card: no "Selected on the map" tag.',
+      examples: [
+        { args: { id: "practice-42" }, note: "Scroll to a specific result." }
+      ],
+      invoke: (e, t) => {
+        e.scrollToResult(t.id);
+      }
+    },
+    focus_pin: {
+      safety: "read",
+      argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          id: {
+            type: "string",
+            description: "Stable result id whose map pin to choose."
+          }
+        },
+        required: ["id"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.practiceResults.actions.focusPin",
+      description: 'Choose the result with the given id as a pin click would. On a map variant at lg width and up the card gets the strong highlight and the "Selected on the map" tag, kept until another pin, a card or the map is clicked. On rich-cards or a narrow screen it gives a light highlight only.',
+      examples: [
+        {
+          args: { id: "practice-42" },
+          note: "Choose the matching result and pin, as a pin click does."
+        }
+      ],
+      invoke: (e, t) => {
+        e.focusPin(t.id);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "practice-results",
+      description: "Marks the PracticeResults root region. The headingLevel prop accepts 1 to 6 (default 2) for the optional results heading; use 1 when it is the page title. Card names and default error and empty-state titles use the next level, capped at 6."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-result-id",
+      description: 'Stable result id emitted on each rendered result card. Used by scroll_to_result / focus_pin to address a single result. The non-focusable card group is labelled by the practice-result-{id}-name heading, which contains data-component="practice-result-name-link": a visible link to result.href that navigates without firing onResultSelect or click telemetry. Each card also carries up to two CTA anchors: data-component="practice-result-open-cta" (practice page; absent when the consumer sets showCardOpenButton=false) and data-component="practice-result-book-cta" (booking flow; data-slot-aware="true" when it deep-links to a next slot). Card content carries its own read-only hooks: data-component="practice-result-tagline", data-component="practice-result-description", data-component="practice-result-latest-review" (the newest approved review as one truncated line under the rating, from latestReview; its text span carries the language of the review as lang; absent without latestReview), and data-component="practice-result-price" (the kit-formatted first-visit cost: firstVisitPrice supports fixed, from and range amounts plus an optional practice-written label; it takes precedence over the older firstVisitPriceCents fixed-price field. Absent when neither price is set). In the slot-cards variant a card with firstVisit also carries data-component="practice-result-first-visit" (the service and its price) and data-component="practice-result-slots" (the booking grid; its time buttons carry data-slot-id and can be clicked directly), and the card root has data-slot-cards="true".'
+    }
+  }
+}, Re = 4, Cn = 90, Rn = "400px 0px", Qe = sn(
+  null
+);
+function Sn(e) {
+  return Se(
+    typeof e == "string" ? ye(e) : e,
+    "yyyy-MM-dd"
+  );
+}
+function Nn(e, t, a) {
+  const r = /* @__PURE__ */ new Map();
+  for (const i of Array.isArray(e) ? e : [])
+    r.set(Sn(i.date), i);
+  return Array.from({ length: a }, (i, s) => {
+    const c = Ke(t, s), l = r.get(Se(c, "yyyy-MM-dd"));
+    return l ? { ...l, slots: Array.isArray(l.slots) ? l.slots : [] } : { date: c, slots: [] };
+  });
+}
+function Mn({
+  firstVisit: e,
+  currencyCode: t = "EUR"
+}) {
+  const { t: a, i18n: r } = _("ui"), i = e.priceCents != null && Number.isFinite(e.priceCents) ? bt(
+    e.priceCents,
+    t,
+    r.language ?? "en",
+    a("common.freeOfCharge")
+  ) : void 0;
+  return /* @__PURE__ */ v(
+    "p",
+    {
+      "data-component": "practice-result-first-visit",
+      className: "type-body-sm ds:m-0 ds:flex ds:flex-wrap ds:items-baseline ds:gap-x-[var(--spacing-xs)] ds:text-[var(--foreground)]",
+      children: [
+        /* @__PURE__ */ n("span", { dir: "auto", className: "ds:font-[var(--font-weight-semibold)]", children: e.label }),
+        i ? /* @__PURE__ */ v(Ue, { children: [
+          /* @__PURE__ */ n("span", { className: "ds:sr-only", children: ": " }),
+          /* @__PURE__ */ n("span", { className: "ds:text-[var(--muted-foreground)]", children: i })
+        ] }) : null
+      ]
+    }
+  );
+}
+function Ln({
+  result: e,
+  nameHeadingLevel: t,
+  context: a,
+  children: r
+}) {
+  const { t: i, i18n: s } = _("ui"), c = s.language ?? "en", l = F(null), o = Pe("(min-width: 640px)") ? 5 : 3, [d, g] = J(() => ft(/* @__PURE__ */ new Date())), [p, w] = J(0), [b, k] = J(!1), [S, V] = J(
+    () => typeof IntersectionObserver > "u"
+  ), [E, P] = J(
+    () => a.cache.get(e.id) ?? {}
+  ), T = F(
+    new Map(
+      Object.keys(a.cache.get(e.id) ?? {}).map((u) => [
+        u,
+        "done"
+      ])
+    )
+  ), C = F(!0), h = F({ result: e, context: a });
+  U(() => {
+    h.current = { result: e, context: a };
+  }), U(() => (C.current = !0, () => {
+    C.current = !1;
+  }), []), U(() => {
+    if (S) return;
+    const u = l.current;
+    if (!u) return;
+    const N = new IntersectionObserver(
+      (I) => {
+        I.some((ee) => ee.isIntersecting) && (V(!0), N.disconnect());
+      },
+      { root: null, rootMargin: Rn }
+    );
+    return N.observe(u), () => N.disconnect();
+  }, [S]);
+  const R = $(
+    (u, N) => {
+      const I = Ke(d, u);
+      return { from: I, key: `${Se(I, "yyyy-MM-dd")}|${N}`, days: N };
+    },
+    [d]
+  ), L = $(
+    (u, N) => {
+      const I = T.current.get(u.key);
+      if (I === "pending" || I === "done" || I === "error" && !N) return;
+      T.current.set(u.key, "pending"), P((O) => ({ ...O, [u.key]: { status: "loading" } }));
+      const { result: ee, context: W } = h.current;
+      Promise.resolve().then(
+        () => W.loadResultSlots(ee, {
+          from: Se(u.from, "yyyy-MM-dd"),
+          days: u.days
+        })
+      ).then((O) => {
+        const A = Nn(O, u.from, u.days);
+        return T.current.set(u.key, "done"), W.cache.set(ee.id, {
+          ...W.cache.get(ee.id),
+          [u.key]: { status: "ready", days: A }
+        }), { status: "ready", days: A };
+      }).catch(() => (T.current.set(u.key, "error"), { status: "error" })).then((O) => {
+        C.current && P((A) => ({ ...A, [u.key]: O }));
+      });
+    },
+    []
+  ), H = R(p, o), X = R(0, o), G = $(() => {
+    const u = ft(/* @__PURE__ */ new Date());
+    return u.getTime() === d.getTime() ? !1 : (g(u), w(0), k(!1), !0);
+  }, [d]);
+  U(() => {
+    if (!S) return;
+    const u = () => {
+      document.visibilityState === "visible" && G();
+    };
+    return document.addEventListener("visibilitychange", u), () => document.removeEventListener("visibilitychange", u);
+  }, [S, G]), U(() => {
+    !S || G() || L(X, !1);
+  }, [S, X.key, L]), U(() => {
+    S && p > 0 && L(H, !1);
+  }, [S, H.key, L]);
+  const z = F(null), y = F(null), K = (u, N) => {
+    const I = Math.max(0, u);
+    y.current = {
+      kind: N,
+      key: R(I, o).key
+    }, w(I), k(!1), L(R(I, o), !0);
+  }, D = E[H.key], B = !S || !D || D.status === "loading", de = (D == null ? void 0 : D.status) === "error";
+  U(() => {
+    var oe;
+    const u = z.current, N = y.current;
+    if (!u || !N || B || N.key !== void 0 && N.key !== H.key) return;
+    y.current = null;
+    const I = N.kind;
+    if (I === "more") {
+      const Z = Array.from(
+        u.querySelectorAll('[role="group"]')
+      ).find(
+        (Y) => Y.querySelectorAll("button").length > Re
+      );
+      (oe = Z == null ? void 0 : Z.querySelectorAll("button")[Re]) == null || oe.focus();
+      return;
+    }
+    const ee = (Z) => i(Z === "next" ? "slotGrid.nextDays" : "slotGrid.previousDays"), W = (Z) => u.querySelector(
+      `button[aria-label="${CSS.escape(ee(Z))}"]`
+    ), O = W(I), A = W(I === "next" ? "previous" : "next"), re = O && !O.disabled ? O : A;
+    requestAnimationFrame(() => {
+      const Z = document.activeElement;
+      Z && Z !== document.body && !u.contains(Z) || re == null || re.focus();
+    });
+  }, [B, H.key, b, i]);
+  const he = (u, N) => {
+    const I = typeof u.start == "string" ? ye(u.start) : u.start, ee = typeof N.date == "string" ? ye(N.date) : N.date;
+    let W = u.label ?? "", O = N.label ?? "";
+    try {
+      if (!W) {
+        const A = new Intl.DateTimeFormat(c, {
+          hour: "numeric",
+          minute: "2-digit"
+        }), re = typeof u.end == "string" ? ye(u.end) : u.end;
+        W = re && typeof A.formatRange == "function" ? A.formatRange(I, re) : A.format(I);
+      }
+      O || (O = new Intl.DateTimeFormat(c, {
+        weekday: "long",
+        day: "numeric",
+        month: "long"
+      }).format(ee));
+    } catch {
+      W = W || String(u.start), O = O || String(N.date);
+    }
+    return i("practiceResults.slotCards.slotLabel", {
+      practice: e.name,
+      day: O,
+      time: W
+    });
+  };
+  let ie, ue = 0;
+  B ? ie = Array.from({ length: o }, (u, N) => ({
+    date: Ke(H.from, N),
+    slots: []
+  })) : de || !D || D.status !== "ready" ? ie = [] : ie = D.days.map((u) => {
+    const N = u.slots.map((I) => ({
+      ...I,
+      ariaLabel: I.ariaLabel ?? he(I, u)
+    }));
+    return b ? { ...u, slots: N } : (ue += Math.max(0, N.length - Re), { ...u, slots: N.slice(0, Re) });
+  });
+  const me = /* @__PURE__ */ v(
+    "div",
+    {
+      ref: (u) => {
+        l.current = u, z.current = u;
+      },
+      "data-component": "practice-result-slots",
+      className: "ds:flex ds:min-h-[16rem] ds:min-w-0 ds:basis-full ds:flex-col ds:gap-[var(--spacing-xs)] ds:@min-[800px]/result-card:basis-[28rem] ds:@min-[800px]/result-card:shrink-0",
+      children: [
+        de ? /* @__PURE__ */ v(
+          "div",
+          {
+            role: "alert",
+            className: "ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)] ds:p-[var(--spacing-sm)]",
+            children: [
+              /* @__PURE__ */ n("p", { className: "type-body-sm ds:m-0 ds:text-[var(--muted-foreground)]", children: i("practiceResults.error.description") }),
+              /* @__PURE__ */ n(
+                ve,
+                {
+                  intent: "secondary",
+                  size: "sm",
+                  onClick: () => {
+                    y.current = null, L(H, !0);
+                  },
+                  children: i("practiceResults.error.retry")
+                }
+              )
+            ]
+          }
+        ) : /* @__PURE__ */ n(
+          pn,
+          {
+            role: "group",
+            size: "sm",
+            nowrapTimes: !0,
+            compactEmptyDays: !0,
+            ariaLabel: i("practiceResults.slotCards.gridLabel", {
+              practice: e.name
+            }),
+            days: ie,
+            state: B ? "loading" : "default",
+            dayHeadingLevel: Math.min(6, Math.max(3, t + 1)),
+            maxInitialSlotsPerDay: Number.MAX_SAFE_INTEGER,
+            hasPrevious: p > 0,
+            hasNext: p + o < Cn,
+            onPreviousDays: () => K(p - o, "previous"),
+            onNextDays: () => K(p + o, "next"),
+            onSlotSelect: (u, N) => a.onSlotSelect(e, u, N)
+          }
+        ),
+        ue > 0 ? /* @__PURE__ */ n(
+          ve,
+          {
+            intent: "ghost",
+            size: "sm",
+            className: "ds:self-start",
+            onClick: () => {
+              y.current = { kind: "more" }, k(!0);
+            },
+            children: i("practiceResults.slotCards.showMoreTimes")
+          }
+        ) : null
+      ]
+    }
+  );
+  return /* @__PURE__ */ n(Ue, { children: r(me) });
+}
+const Pn = 13, pt = [
+  "distance",
+  "rating",
+  "next-available",
+  "price",
+  "relevance"
+];
+function Rt(e, t, a) {
+  const r = `languages.${e}`;
+  return a.exists(r) ? t(r) : e.toUpperCase();
+}
+function ne(e, t) {
+  if (typeof window > "u") return;
+  const a = window.track;
+  try {
+    a == null || a(e, t);
+  } catch {
+  }
+}
+function ge(e, t, a, r) {
+  const i = e.findIndex((c) => c.id === t);
+  if (i < 0) return;
+  const s = e[i];
+  s && (ne("serp_result_clicked", { resultId: t, source: a, position: i }), r(s, a));
+}
+function In(e, t) {
+  const r = (t.lat - e.lat) * Math.PI / 180, i = (t.lng - e.lng) * Math.PI / 180, s = e.lat * Math.PI / 180, c = t.lat * Math.PI / 180, l = Math.sin(r / 2), f = Math.sin(i / 2), o = l * l + Math.cos(s) * Math.cos(c) * f * f;
+  return 2 * 6371 * Math.asin(Math.min(1, Math.sqrt(o)));
+}
+function An(e, t, a) {
+  var i;
+  const r = [];
+  for (const s of e) {
+    const c = s.field ?? s.key, l = (((i = a == null ? void 0 : a[s.key]) == null ? void 0 : i.length) ?? 0) > 0, f = s.type === "boolean" || s.type !== "options" && s.options.length === 0 && (l || t.some(
+      (o) => typeof o[c] == "boolean"
+    ));
+    !f && s.options.length === 0 || r.push({ ...s, boolean: f, booleanField: c });
+  }
+  return r;
+}
+function Fn(e, t, a) {
+  return !t || Object.keys(t).length === 0 ? e : e.filter((r) => {
+    for (const i of a) {
+      const s = t[i.key];
+      if (!s || s.length === 0) continue;
+      if (i.boolean) {
+        if (r[i.booleanField] !== !0) return !1;
+        continue;
+      }
+      const c = i.key === "insurance" ? r.insurances : i.key === "language" ? r.languages : r[i.key];
+      if (!Array.isArray(c) || !(i.multi ? s.some((f) => c.includes(f)) : c.includes(s[0]))) return !1;
+    }
+    return !0;
+  });
+}
+function _n(e) {
+  const t = e.firstVisitPrice && Number.isFinite(e.firstVisitPrice.minCents) ? e.firstVisitPrice.minCents : e.firstVisitPriceCents;
+  return t != null && Number.isFinite(t) && t >= 0 ? t : 1 / 0;
+}
+function Tn(e) {
+  return e.firstVisitPrice && Number.isFinite(e.firstVisitPrice.minCents) ? e.firstVisitPrice.kind === "fixed" : !0;
+}
+function ht(e, t) {
+  return e == null && t == null ? 0 : e == null ? 1 : t == null ? -1 : e - t;
+}
+function Hn(e, t, a) {
+  const r = e.map((s) => {
+    const c = s.location ? s.location.distanceKm ?? (a ? In(a, s.location) : void 0) : void 0;
+    return {
+      result: s,
+      distanceKm: c,
+      price: t === "price" ? _n(s) : void 0,
+      fixed: t === "price" ? Tn(s) : !1
+    };
+  }), i = (s, c) => {
+    var l, f, o, d;
+    switch (t) {
+      case "distance":
+        return ht(s.distanceKm, c.distanceKm);
+      case "price": {
+        const g = s.price ?? 1 / 0, p = c.price ?? 1 / 0;
+        return g !== p ? g - p : g !== 1 / 0 && s.fixed !== c.fixed ? s.fixed ? -1 : 1 : ht(s.distanceKm, c.distanceKm);
+      }
+      case "rating": {
+        const g = ((l = s.result.rating) == null ? void 0 : l.value) ?? -1;
+        return (((f = c.result.rating) == null ? void 0 : f.value) ?? -1) - g;
+      }
+      case "next-available": {
+        const g = ((o = s.result.nextAvailableSlot) == null ? void 0 : o.dateTime) ?? "", p = ((d = c.result.nextAvailableSlot) == null ? void 0 : d.dateTime) ?? "";
+        return !g && !p ? 0 : g ? p ? g.localeCompare(p) : -1 : 1;
+      }
+      case "relevance":
+      default:
+        return 0;
+    }
+  };
+  return [...r].sort(i).map(
+    ({ result: s, distanceKm: c }) => c != null && s.location ? {
+      ...s,
+      location: { ...s.location, distanceKm: c }
+    } : s
+  );
+}
+function Dn(e) {
+  let t = -1 / 0, a = 1 / 0, r = -1 / 0, i = 1 / 0, s = !1;
+  for (const c of e) {
+    if (!c.location) continue;
+    s = !0;
+    const { lat: l, lng: f } = c.location;
+    l > t && (t = l), l < a && (a = l), f > r && (r = f), f < i && (i = f);
+  }
+  if (s)
+    return { north: t, south: a, east: r, west: i };
+}
+const On = le(
+  "ds:flex ds:w-full ds:flex-col ds:text-[var(--foreground)] ds:gap-[var(--spacing-md)]",
+  {
+    variants: {
+      variant: {
+        "split-list-map": "",
+        "map-first": "",
+        "rich-cards": "",
+        "slot-cards": ""
+      }
+    },
+    defaultVariants: { variant: "split-list-map" }
+  }
+);
+function St({
+  heading: e,
+  headingLevel: t,
+  intro: a,
+  totalCount: r,
+  searchCentreLabel: i
+}) {
+  const { t: s } = _("ui"), c = `h${t}`;
+  if (!e && !a && r == null) return null;
+  const l = r != null ? i ? s("practiceResults.results.heading", {
+    count: r,
+    place: i
+  }) : s("practiceResults.results.summary", { count: r }) : void 0;
+  return /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+    e ? /* @__PURE__ */ n(c, { className: "type-title-section ds:m-0 ds:text-[var(--foreground)]", children: e }) : null,
+    a ? /* @__PURE__ */ n("p", { className: "type-body ds:m-0 ds:text-[var(--muted-foreground)]", children: a }) : null,
+    l ? /* @__PURE__ */ n(
+      "p",
+      {
+        className: "type-body-sm ds:m-0 ds:text-[var(--muted-foreground)]",
+        "aria-live": "polite",
+        children: l
+      }
+    ) : null
+  ] });
+}
+const Me = le(
+  [
+    "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: {
+      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" }
+  }
+), Vn = le(
+  "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
+  {
+    variants: {
+      placement: {
+        inline: "",
+        // Floating chrome on map-first: soft `--popover` surface so chips
+        // read over the map without losing contrast. Same surface as
+        // dropdowns / sheets — themed and forced-colors safe.
+        floating: [
+          "ds:rounded-[var(--radius-full)]",
+          "ds:bg-[var(--popover)] ds:shadow-[var(--shadow-md)]",
+          "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
+          "ds:pt-[var(--spacing-2xs)] ds:pb-[var(--spacing-2xs)]"
+        ].join(" ")
+      }
+    },
+    defaultVariants: { placement: "inline" }
+  }
+), En = le(
+  [
+    "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(" ")
+);
+function Nt({
+  facets: e,
+  value: t,
+  onChange: a,
+  floating: r
+}) {
+  const { t: i } = _("ui"), s = q(() => t ?? {}, [t]), c = q(
+    () => Object.values(s).some((d) => d && d.length > 0),
+    [s]
+  ), l = (d, g) => {
+    const p = { ...s };
+    g.length === 0 ? delete p[d] : p[d] = g, a(p), ne("serp_filter_changed", { key: d, values: g });
+  }, f = (d) => {
+    var p;
+    const g = (((p = s[d]) == null ? void 0 : p.length) ?? 0) > 0;
+    l(d, g ? [] : ["true"]);
+  }, o = (d, g) => {
+    const p = s[d.key] ?? [], w = p.includes(g);
+    let b;
+    d.multi ? b = w ? p.filter((k) => k !== g) : [...p, g] : b = w ? [] : [g], l(d.key, b);
+  };
+  return e.length === 0 ? null : /* @__PURE__ */ v(
+    "div",
+    {
+      "data-component": "practice-results-filters",
+      role: "group",
+      "aria-label": i("practiceResults.filters.label"),
+      className: Vn({
+        placement: r ? "floating" : "inline"
+      }),
+      children: [
+        e.map((d) => {
+          const g = d.boolean, p = s[d.key] ?? [], w = p.length > 0;
+          if (g)
+            return /* @__PURE__ */ n(
+              "button",
+              {
+                type: "button",
+                "aria-pressed": w,
+                "aria-label": d.label,
+                onClick: () => f(d.key),
+                className: Me({
+                  state: w ? "active" : "idle"
+                }),
+                children: /* @__PURE__ */ n("span", { children: d.label })
+              },
+              d.key
+            );
+          const b = w ? ` (${p.length})` : "";
+          return /* @__PURE__ */ v(ce.Root, { children: [
+            /* @__PURE__ */ n(ce.Trigger, { asChild: !0, children: /* @__PURE__ */ v(
+              "button",
+              {
+                type: "button",
+                "aria-label": `${d.label}${b}`,
+                className: Me({
+                  state: w ? "active" : "idle"
+                }),
+                children: [
+                  /* @__PURE__ */ v("span", { children: [
+                    d.label,
+                    b
+                  ] }),
+                  /* @__PURE__ */ n(
+                    xt,
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:size-3.5 ds:shrink-0"
+                    }
+                  )
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ n(ce.Content, { sideOffset: 8, align: "start", children: d.options.map((k) => /* @__PURE__ */ n(
+              ce.CheckboxItem,
+              {
+                checked: p.includes(k.value),
+                onSelect: (S) => {
+                  d.multi && S.preventDefault(), o(d, k.value);
+                },
+                children: k.label
+              },
+              k.value
+            )) })
+          ] }, d.key);
+        }),
+        c ? /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              a({}), ne("serp_filter_changed", { key: "*", values: [] });
+            },
+            className: En(),
+            children: i("practiceResults.filters.clear")
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function je({ value: e, options: t, onChange: a }) {
+  const { t: r } = _("ui"), i = (s) => {
+    switch (s) {
+      case "distance":
+        return r("practiceResults.sort.distance");
+      case "rating":
+        return r("practiceResults.sort.rating");
+      case "next-available":
+        return r("practiceResults.sort.nextAvailable");
+      case "price":
+        return r("practiceResults.sort.price");
+      case "relevance":
+      default:
+        return r("practiceResults.sort.relevance");
+    }
+  };
+  return /* @__PURE__ */ v(ce.Root, { children: [
+    /* @__PURE__ */ n(ce.Trigger, { asChild: !0, children: /* @__PURE__ */ v(
+      "button",
+      {
+        type: "button",
+        "aria-label": `${r("practiceResults.sort.label")}: ${i(e)}`,
+        className: Me({ state: "idle" }),
+        children: [
+          /* @__PURE__ */ v("span", { children: [
+            r("practiceResults.sort.label"),
+            ": ",
+            i(e)
+          ] }),
+          /* @__PURE__ */ n(xt, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ n(ce.Content, { sideOffset: 8, align: "end", children: /* @__PURE__ */ n(
+      ce.RadioGroup,
+      {
+        value: e,
+        onValueChange: (s) => {
+          const c = s;
+          c !== e && (a(c), ne("serp_sort_changed", { sort: c }));
+        },
+        children: t.map((s) => /* @__PURE__ */ n(ce.RadioItem, { value: s, children: i(s) }, s))
+      }
+    ) })
+  ] });
+}
+function Bn({ distanceKm: e }) {
+  const { t, i18n: a } = _("ui"), r = q(() => {
+    if (e < 1) return t("practiceResults.distance.below");
+    const i = new Intl.NumberFormat(a.language, {
+      maximumFractionDigits: 1
+    }).format(e);
+    return t("practiceResults.distance.km", { distance: i });
+  }, [e, t, a.language]);
+  return /* @__PURE__ */ n(se, { variant: "neutral", leading: /* @__PURE__ */ n(Ne, { "aria-hidden": "true" }), children: r });
+}
+const qe = le(
+  [
+    "ds:w-[12rem] ds:h-[8rem] ds:shrink-0",
+    "ds:rounded-[var(--radius-md)] ds:overflow-hidden"
+  ].join(" "),
+  {
+    variants: {
+      state: {
+        // Tonal address-block placeholder — renders the MapPin glyph
+        // + address text on a `--muted` surface. Used when the consumer
+        // hasn't provided `googleMapsApiKey`; carries the spatial cue
+        // (location is here, even if we can't draw the map).
+        placeholder: "ds:flex ds:flex-col ds:items-start ds:justify-end ds:gap-[var(--spacing-2xs)] ds:bg-[var(--muted)] ds:text-[var(--muted-foreground)] ds:p-[var(--spacing-sm)]",
+        image: "ds:[object-fit:cover]"
+      }
+    },
+    defaultVariants: { state: "placeholder" }
+  }
+);
+function $n() {
+  if (typeof document > "u") return "6761e5";
+  const e = getComputedStyle(document.documentElement).getPropertyValue("--map-marker-color").trim(), t = /^#?([0-9a-fA-F]{6})$/.exec(e);
+  return t ? t[1] : "6761e5";
+}
+function gt({
+  address: e,
+  addressLang: t
+}) {
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      "aria-hidden": e ? void 0 : "true",
+      className: qe({ state: "placeholder" }),
+      children: [
+        /* @__PURE__ */ n(Ne, { "aria-hidden": "true", className: "ds:size-5 ds:shrink-0" }),
+        e ? /* @__PURE__ */ n(
+          "span",
+          {
+            lang: t,
+            dir: "auto",
+            className: "type-meta ds:[overflow-wrap:anywhere]",
+            children: e
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function zn({
+  image: e,
+  apiKey: t,
+  center: a,
+  zoom: r = 14,
+  address: i,
+  addressLang: s
+}) {
+  const { t: c } = _("ui"), [l, f] = J(null);
+  if (e && l !== e.src)
+    return /* @__PURE__ */ n(
+      "img",
+      {
+        src: e.src,
+        srcSet: e.srcSet,
+        alt: "",
+        loading: "lazy",
+        decoding: "async",
+        width: 240,
+        height: 160,
+        onError: () => f(e.src),
+        className: qe({ state: "image" })
+      }
+    );
+  if (e)
+    return /* @__PURE__ */ n(gt, { address: i, addressLang: s });
+  if (!t)
+    return /* @__PURE__ */ n(gt, { address: i, addressLang: s });
+  const o = $n(), d = `https://maps.googleapis.com/maps/api/staticmap?center=${a.lat},${a.lng}&zoom=${r}&size=240x160&scale=2&markers=color:0x${o}%7C${a.lat},${a.lng}&key=${encodeURIComponent(t)}`;
+  return /* @__PURE__ */ n(
+    "img",
+    {
+      src: d,
+      alt: c("practiceResults.thumbnail.alt"),
+      loading: "lazy",
+      decoding: "async",
+      width: 240,
+      height: 160,
+      className: qe({ state: "image" })
+    }
+  );
+}
+function Kn({ tagline: e, lang: t }) {
+  return e ? /* @__PURE__ */ n(
+    "span",
+    {
+      "data-component": "practice-result-tagline",
+      lang: t,
+      dir: "auto",
+      className: "type-body-sm ds:font-[var(--font-weight-medium)] ds:text-[var(--foreground)]",
+      children: e
+    }
+  ) : null;
+}
+function jn(e) {
+  if (typeof e != "string") return;
+  const t = e.trim().replace(/_/g, "-");
+  if (t)
+    try {
+      return Intl.getCanonicalLocales(t)[0] ? t : void 0;
+    } catch {
+      return;
+    }
+}
+function Mt({
+  review: e
+}) {
+  const { t } = _("ui"), a = typeof (e == null ? void 0 : e.text) == "string" ? e.text.trim() : "";
+  return !e || !a ? null : /* @__PURE__ */ v(
+    "p",
+    {
+      "data-component": "practice-result-latest-review",
+      className: "type-body-sm ds:m-0 ds:flex ds:min-w-0 ds:gap-[var(--spacing-xs)] ds:text-[var(--muted-foreground)]",
+      children: [
+        /* @__PURE__ */ n("span", { className: "ds:shrink-0", children: t("practiceResults.card.latestReview") }),
+        " ",
+        /* @__PURE__ */ n(
+          "span",
+          {
+            lang: jn(e.lang),
+            dir: "auto",
+            className: "ds:min-w-0 ds:truncate",
+            children: a
+          }
+        )
+      ]
+    }
+  );
+}
+const qn = le(
+  "type-body-sm ds:m-0 ds:text-[var(--muted-foreground)] ds:whitespace-pre-line ds:break-words",
+  {
+    variants: {
+      density: {
+        compact: "ds:line-clamp-2",
+        rich: "ds:line-clamp-3"
+      }
+    },
+    defaultVariants: { density: "compact" }
+  }
+);
+function Lt({
+  description: e,
+  density: t,
+  lang: a
+}) {
+  return e ? /* @__PURE__ */ n(
+    "p",
+    {
+      "data-component": "practice-result-description",
+      lang: a,
+      dir: "auto",
+      className: qn({ density: t }),
+      children: e
+    }
+  ) : null;
+}
+function Gn(e, t, a, r) {
+  if (e.kind === "fixed")
+    return bt(
+      e.minCents,
+      t,
+      a,
+      r("common.freeOfCharge")
+    );
+  const i = mt(e.minCents, t, a);
+  return e.kind === "range" && e.maxCents != null && Number.isFinite(e.maxCents) && e.maxCents > e.minCents ? r("practiceResults.card.priceRange", {
+    min: i,
+    max: mt(e.maxCents, t, a)
+  }) : r("practiceResults.card.priceFrom", { price: i });
+}
+const Un = le(
+  "ds:min-w-0 ds:max-w-full ds:[overflow-wrap:anywhere]",
+  {
+    variants: {
+      practiceWritten: { true: "ds:truncate" }
+    }
+  }
+);
+function Wn({
+  price: e,
+  cents: t,
+  currencyCode: a = "EUR"
+}) {
+  var p;
+  const { t: r, i18n: i } = _("ui"), s = e && Number.isFinite(e.minCents) ? e : void 0, c = (s == null ? void 0 : s.kind) ?? "fixed", l = (s == null ? void 0 : s.minCents) ?? t, f = s == null ? void 0 : s.maxCents, o = q(
+    () => l == null ? void 0 : Gn(
+      { kind: c, minCents: l, maxCents: f },
+      a,
+      i.language ?? "en",
+      r
+    ),
+    [c, l, f, a, i.language, r]
+  );
+  if (o === void 0) return null;
+  const d = (p = s == null ? void 0 : s.label) == null ? void 0 : p.trim().replace(/:$/, "").trim(), g = d || r("practiceResults.card.firstVisitPrice");
+  return /* @__PURE__ */ v(
+    "span",
+    {
+      "data-component": "practice-result-price",
+      className: "type-body-sm ds:flex ds:min-w-0 ds:max-w-full ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)] ds:text-start ds:text-[var(--muted-foreground)] ds:sm:@min-[280px]/result-heading:max-w-[45%] ds:sm:@min-[280px]/result-heading:items-end ds:sm:@min-[280px]/result-heading:text-end",
+      children: [
+        /* @__PURE__ */ n(
+          "span",
+          {
+            dir: "auto",
+            title: g,
+            className: Un({
+              practiceWritten: !!d
+            }),
+            children: g
+          }
+        ),
+        /* @__PURE__ */ n("span", { className: "ds:sr-only", children: ": " }),
+        /* @__PURE__ */ n(
+          se,
+          {
+            variant: "accentSoft",
+            size: "lg",
+            dir: "auto",
+            className: "ds:h-auto ds:min-h-6 ds:min-w-0 ds:max-w-full ds:whitespace-normal ds:[overflow-wrap:anywhere]",
+            children: o
+          }
+        )
+      ]
+    }
+  );
+}
+function Je({ time: e }) {
+  const { t } = _("ui");
+  return /* @__PURE__ */ v("span", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+    /* @__PURE__ */ n(
+      yn,
+      {
+        "aria-hidden": "true",
+        className: "ds:size-4 ds:text-[var(--primary)]"
+      }
+    ),
+    t("practiceResults.nextSlot.summary", { time: e })
+  ] });
+}
+function Pt({
+  result: e,
+  openLabel: t,
+  bookLabel: a,
+  nextSlotText: r,
+  onOpenClick: i,
+  onBookClick: s
+}) {
+  const { t: c } = _("ui"), l = e.nextAvailableSlot, f = (l == null ? void 0 : l.bookingHref) ?? e.bookingHref ?? e.href, o = l && r ? c("practiceResults.nextSlot.cta", { time: r }) : a;
+  return /* @__PURE__ */ v("div", { className: "ds:mt-[var(--spacing-xs)] ds:flex ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)]", children: [
+    t !== void 0 ? /* @__PURE__ */ n(ve, { intent: "secondary", size: "sm", asChild: !0, onClick: i, children: /* @__PURE__ */ v("a", { href: e.href, "data-component": "practice-result-open-cta", children: [
+      t,
+      " ",
+      /* @__PURE__ */ n("span", { className: "ds:sr-only", children: e.name })
+    ] }) }) : null,
+    /* @__PURE__ */ n(
+      ve,
+      {
+        intent: "primary",
+        size: "sm",
+        asChild: !0,
+        startIcon: /* @__PURE__ */ n(bn, { "aria-hidden": "true" }),
+        onClick: s,
+        children: /* @__PURE__ */ v(
+          "a",
+          {
+            href: f,
+            "data-component": "practice-result-book-cta",
+            "data-slot-aware": l ? "true" : void 0,
+            children: [
+              o,
+              " ",
+              /* @__PURE__ */ n("span", { className: "ds:sr-only", children: e.name })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+const It = le(
+  [
+    "ds:@container/result-card ds:relative ds:flex ds:w-full ds:cursor-pointer",
+    "ds:rounded-[var(--radius-lg)]",
+    "ds:bg-[var(--card)] ds:text-[var(--card-foreground)]",
+    "ds:border ds:border-[color:var(--card-border)]",
+    "ds:p-[var(--spacing-md)]",
+    "ds:gap-[var(--spacing-md)]",
+    "ds:transition-[box-shadow,border-color] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "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:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    // Use `data-highlighted` for the pin↔card sync visual so consumers
+    // can override (e.g. dim siblings) without fighting the kit.
+    "ds:data-[highlighted=true]:border-[color:var(--primary)]",
+    "ds:data-[highlighted=true]:shadow-[var(--shadow-md)]",
+    // HTP-7323: the card chosen by a pin click. Stronger than the hover
+    // highlight: a brand border (one extra ring, no layout shift), a tinted
+    // surface and the "Selected on the map" tag.
+    "ds:data-[selected=true]:border-[color:var(--primary)]",
+    "ds:data-[selected=true]:bg-[var(--primary-soft)]",
+    "ds:data-[selected=true]:shadow-[0_0_0_1px_var(--primary),var(--shadow-md)]",
+    // Extra room above the card when a pin click scrolls it to the top, for a
+    // sticky header other than PublicHeader (which already sets the page's
+    // `scroll-padding-block-start`). Default 0, so nothing is counted twice.
+    "ds:[scroll-margin-block-start:var(--practice-results-scroll-offset,0)]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]",
+    // `slot-cards`: the grid wraps under the info until the card is wide.
+    "ds:data-[slot-cards=true]:flex-wrap"
+  ].join(" "),
+  {
+    variants: {
+      density: {
+        compact: "",
+        rich: "ds:p-[var(--spacing-lg)] ds:gap-[var(--spacing-lg)]"
+      }
+    },
+    defaultVariants: { density: "compact" }
+  }
+), Zn = le([
+  "ds:text-[var(--foreground)] ds:no-underline ds:hover:underline",
+  "ds:rounded-[var(--radius-xs)]",
+  "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]"
+]);
+function Xn({
+  result: e,
+  headingLevel: t
+}) {
+  const a = `h${Ie(t)}`;
+  return /* @__PURE__ */ n(
+    a,
+    {
+      id: `practice-result-${e.id}-name`,
+      dir: "auto",
+      className: "type-title-card ds:m-0 ds:min-w-0 ds:[overflow-wrap:anywhere] ds:text-[var(--foreground)]",
+      children: /* @__PURE__ */ n(
+        "a",
+        {
+          href: e.href,
+          dir: "auto",
+          "data-component": "practice-result-name-link",
+          className: Zn(),
+          children: e.name
+        }
+      )
+    }
+  );
+}
+function At({
+  result: e,
+  headingLevel: t,
+  selected: a = !1
+}) {
+  var i, s;
+  const { t: r } = _("ui");
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      "data-component": "practice-result-heading",
+      className: "ds:@container/result-heading ds:min-w-0 ds:flex-1",
+      children: /* @__PURE__ */ v("div", { className: "ds:flex ds:min-w-0 ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)] ds:sm:@min-[280px]/result-heading:flex-row ds:sm:@min-[280px]/result-heading:gap-[var(--spacing-md)]", children: [
+        /* @__PURE__ */ v("div", { className: "ds:flex ds:min-w-0 ds:w-full ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+          /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ n(Xn, { result: e, headingLevel: t }),
+            ((i = e.location) == null ? void 0 : i.distanceKm) != null ? /* @__PURE__ */ n(Bn, { distanceKm: e.location.distanceKm }) : null,
+            a ? /* @__PURE__ */ n(
+              se,
+              {
+                variant: "brand",
+                "data-component": "practice-result-selected-tag",
+                leading: /* @__PURE__ */ n(Ne, { "aria-hidden": "true" }),
+                children: r("practiceResults.selectedOnMap")
+              }
+            ) : null
+          ] }),
+          e.subtitle ? /* @__PURE__ */ n("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: e.subtitle }) : null,
+          /* @__PURE__ */ n(Kn, { tagline: e.tagline, lang: e.contentLang }),
+          (s = e.location) != null && s.address ? /* @__PURE__ */ v(
+            "span",
+            {
+              "data-component": "practice-result-address",
+              className: "type-meta ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]",
+              children: [
+                /* @__PURE__ */ n(Ne, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }),
+                /* @__PURE__ */ n(
+                  "span",
+                  {
+                    lang: e.contentLang,
+                    dir: "auto",
+                    className: "ds:min-w-0 ds:[overflow-wrap:anywhere]",
+                    children: e.location.address
+                  }
+                )
+              ]
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ n(
+          Wn,
+          {
+            price: e.firstVisitPrice,
+            cents: e.firstVisitPriceCents,
+            currencyCode: e.currencyCode
+          }
+        )
+      ] })
+    }
+  );
+}
+function Ft(e) {
+  const t = e.target.closest(
+    'a, button, [role="button"], input, select, textarea, label'
+  );
+  return t !== null && t !== e.currentTarget && e.currentTarget.contains(t);
+}
+function Le() {
+  return !(typeof window.matchMedia == "function" && !window.matchMedia("(hover: hover)").matches);
+}
+function _t(e) {
+  if (e)
+    return (t) => {
+      const a = document.activeElement;
+      a && t.currentTarget.contains(a) && Ze(a) || e();
+    };
+}
+function Tt(e) {
+  if (e)
+    return (t) => {
+      t.currentTarget.contains(t.relatedTarget) || e();
+    };
+}
+function vt({
+  result: e,
+  headingLevel: t,
+  highlighted: a,
+  selected: r = !1,
+  onSelect: i,
+  onOpenClick: s,
+  onHover: c,
+  onLeave: l,
+  density: f = "compact",
+  openLabel: o,
+  bookLabel: d,
+  onBookClick: g,
+  nextSlotText: p,
+  maxInsuranceChips: w = 3,
+  maxLanguageChips: b = 4,
+  slotsPanel: k,
+  children: S
+}) {
+  var z, y, K, D;
+  const { t: V, i18n: E } = _("ui"), P = e.rating, T = (((z = e.languages) == null ? void 0 : z.length) ?? 0) > 0, C = (((y = e.insurances) == null ? void 0 : y.length) ?? 0) > 0, h = e.specializedInFearPatients, R = T || C || h, L = (e.languages ?? []).slice(0, b), H = (((K = e.languages) == null ? void 0 : K.length) ?? 0) - L.length, X = (e.insurances ?? []).slice(0, w), G = (((D = e.insurances) == null ? void 0 : D.length) ?? 0) - X.length;
+  return (
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events -- card is role="group" by design (axe nested-interactive); click handler is mouse-only sync.
+    /* @__PURE__ */ v(
+      "div",
+      {
+        "data-component": "practice-result-card",
+        "data-result-id": e.id,
+        "data-highlighted": a ? "true" : "false",
+        "data-selected": r ? "true" : "false",
+        role: "group",
+        "aria-labelledby": `practice-result-${e.id}-name`,
+        onClick: (B) => {
+          Ft(B) || i();
+        },
+        onMouseEnter: () => c(Le()),
+        onFocus: (B) => c(Ze(B.target)),
+        onMouseLeave: _t(l),
+        onBlur: Tt(l),
+        className: It({ density: f }),
+        "data-slot-cards": k ? "true" : void 0,
+        children: [
+          /* @__PURE__ */ n(
+            We,
+            {
+              src: e.imageUrl,
+              alt: e.imageAlt,
+              name: e.name,
+              size: "lg",
+              shape: "rounded",
+              ratio: "4:3",
+              width: 64,
+              height: 48
+            }
+          ),
+          /* @__PURE__ */ v("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ n(
+              At,
+              {
+                result: e,
+                headingLevel: t,
+                selected: r
+              }
+            ),
+            P && P.count > 0 ? /* @__PURE__ */ n(
+              Xe,
+              {
+                value: P.value,
+                reviews: { count: P.count },
+                size: "sm"
+              }
+            ) : null,
+            /* @__PURE__ */ n(Mt, { review: e.latestReview }),
+            R ? /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+              L.map((B) => /* @__PURE__ */ n(
+                se,
+                {
+                  variant: "neutral",
+                  leading: /* @__PURE__ */ n(wt, { "aria-hidden": "true" }),
+                  children: Rt(B, V, E)
+                },
+                `lang-${B}`
+              )),
+              H > 0 ? /* @__PURE__ */ n(se, { variant: "neutral", children: `+${H}` }) : null,
+              X.map((B) => /* @__PURE__ */ n(
+                se,
+                {
+                  variant: "info",
+                  leading: /* @__PURE__ */ n(kt, { "aria-hidden": "true" }),
+                  children: B
+                },
+                `ins-${B}`
+              )),
+              G > 0 ? /* @__PURE__ */ n(se, { variant: "neutral", children: `+${G}` }) : null,
+              h ? /* @__PURE__ */ n(se, { variant: "info", leading: /* @__PURE__ */ n(Ct, { "aria-hidden": "true" }), children: V("practiceResults.fearPatient.label") }) : null
+            ] }) : null,
+            /* @__PURE__ */ n(
+              Lt,
+              {
+                description: e.description,
+                density: "compact",
+                lang: e.contentLang
+              }
+            ),
+            e.nextAvailableSlot && p ? /* @__PURE__ */ n(Je, { time: p }) : null,
+            S,
+            /* @__PURE__ */ n(
+              Pt,
+              {
+                result: e,
+                openLabel: o,
+                bookLabel: d,
+                nextSlotText: p,
+                onOpenClick: s,
+                onBookClick: g
+              }
+            )
+          ] }),
+          k
+        ]
+      }
+    )
+  );
+}
+function Yn({
+  result: e,
+  headingLevel: t,
+  apiKey: a,
+  highlighted: r,
+  selected: i = !1,
+  onSelect: s,
+  onOpenClick: c,
+  onBookClick: l,
+  onHover: f,
+  onLeave: o,
+  openLabel: d,
+  bookLabel: g
+}) {
+  var P, T;
+  const { t: p, i18n: w } = _("ui"), b = q(() => {
+    if (e.nextAvailableSlot)
+      try {
+        return new Intl.DateTimeFormat(w.language, {
+          weekday: "short",
+          hour: "numeric",
+          minute: "numeric"
+        }).format(new Date(e.nextAvailableSlot.dateTime));
+      } catch {
+        return e.nextAvailableSlot.dateTime;
+      }
+  }, [e.nextAvailableSlot, w.language]), k = (((P = e.languages) == null ? void 0 : P.length) ?? 0) > 0, S = (((T = e.insurances) == null ? void 0 : T.length) ?? 0) > 0, V = e.specializedInFearPatients, E = k || S || V;
+  return (
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events -- card is role="group" by design (axe nested-interactive); click handler is mouse-only sync.
+    /* @__PURE__ */ v(
+      "div",
+      {
+        "data-component": "practice-result-card",
+        "data-result-id": e.id,
+        "data-density": "rich",
+        "data-highlighted": r ? "true" : "false",
+        "data-selected": i ? "true" : "false",
+        role: "group",
+        "aria-labelledby": `practice-result-${e.id}-name`,
+        onClick: (C) => {
+          Ft(C) || s();
+        },
+        onMouseEnter: () => f(Le()),
+        onFocus: (C) => f(Ze(C.target)),
+        onMouseLeave: _t(o),
+        onBlur: Tt(o),
+        className: It({ density: "rich" }),
+        children: [
+          e.location ? /* @__PURE__ */ n("div", { className: "ds:hidden ds:@min-[640px]/result-card:block", children: /* @__PURE__ */ n(
+            zn,
+            {
+              image: e.mapImage,
+              apiKey: a,
+              center: {
+                lat: e.location.lat,
+                lng: e.location.lng
+              },
+              address: e.location.address,
+              addressLang: e.contentLang
+            }
+          ) }) : null,
+          /* @__PURE__ */ v("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ v("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-md)]", children: [
+              /* @__PURE__ */ n(
+                We,
+                {
+                  src: e.imageUrl,
+                  alt: e.imageAlt,
+                  name: e.name,
+                  size: "md",
+                  shape: "rounded",
+                  ratio: "4:3",
+                  width: 53,
+                  height: 40
+                }
+              ),
+              /* @__PURE__ */ n(
+                At,
+                {
+                  result: e,
+                  headingLevel: t,
+                  selected: i
+                }
+              )
+            ] }),
+            e.rating && e.rating.count > 0 ? /* @__PURE__ */ n(
+              Xe,
+              {
+                value: e.rating.value,
+                reviews: { count: e.rating.count },
+                size: "md"
+              }
+            ) : null,
+            /* @__PURE__ */ n(Mt, { review: e.latestReview }),
+            E ? /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+              k ? (e.languages ?? []).map((C) => /* @__PURE__ */ n(
+                se,
+                {
+                  variant: "neutral",
+                  leading: /* @__PURE__ */ n(wt, { "aria-hidden": "true" }),
+                  children: Rt(C, p, w)
+                },
+                `lang-${C}`
+              )) : null,
+              S ? (e.insurances ?? []).map((C) => /* @__PURE__ */ n(
+                se,
+                {
+                  variant: "info",
+                  leading: /* @__PURE__ */ n(kt, { "aria-hidden": "true" }),
+                  children: C
+                },
+                `ins-${C}`
+              )) : null,
+              V ? /* @__PURE__ */ n(se, { variant: "info", leading: /* @__PURE__ */ n(Ct, { "aria-hidden": "true" }), children: p("practiceResults.fearPatient.label") }) : null
+            ] }) : null,
+            /* @__PURE__ */ n(
+              Lt,
+              {
+                description: e.description,
+                density: "rich",
+                lang: e.contentLang
+              }
+            ),
+            e.nextAvailableSlot && b ? /* @__PURE__ */ n(Je, { time: b }) : null,
+            /* @__PURE__ */ n(
+              Pt,
+              {
+                result: e,
+                openLabel: d,
+                bookLabel: g,
+                nextSlotText: b,
+                onOpenClick: c,
+                onBookClick: l
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  );
+}
+function et({
+  results: e,
+  headingLevel: t,
+  hoveredId: a,
+  selectedId: r,
+  softId: i,
+  onCardHover: s,
+  onCardLeave: c,
+  onCardSelect: l,
+  onCardOpenClick: f,
+  onCardBookClick: o,
+  openLabel: d,
+  bookLabel: g,
+  formatNextSlot: p,
+  onLoadMore: w,
+  loadingMore: b,
+  loadingSkeletons: k,
+  density: S = "compact",
+  apiKey: V,
+  containerRef: E
+}) {
+  const { t: P } = _("ui"), T = yt(Qe), C = F(null);
+  return U(() => {
+    if (!w) return;
+    const h = C.current;
+    if (!h || typeof IntersectionObserver > "u") return;
+    const R = new IntersectionObserver(
+      (L) => {
+        for (const H of L)
+          H.isIntersecting && (ne("serp_load_more", {
+            currentCount: e.length
+          }), w());
+      },
+      { root: null, rootMargin: "200px" }
+    );
+    return R.observe(h), () => R.disconnect();
+  }, [w, e.length]), k ? /* @__PURE__ */ n(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "aria-label": P("practiceResults.loading"),
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+      children: Array.from({ length: 4 }).map((h, R) => /* @__PURE__ */ n(
+        dn,
+        {
+          variant: "rounded",
+          height: S === "rich" ? "11rem" : "7rem"
+        },
+        `pr-skel-${R}`
+      ))
+    }
+  ) : /* @__PURE__ */ v(
+    "div",
+    {
+      ref: E,
+      "data-component": "practice-results-list",
+      role: "list",
+      "aria-label": P("practiceResults.list.label"),
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:overflow-y-auto",
+      children: [
+        e.map((h) => /* @__PURE__ */ n("div", { role: "listitem", children: S === "rich" ? /* @__PURE__ */ n(
+          Yn,
+          {
+            result: h,
+            headingLevel: t,
+            apiKey: V,
+            highlighted: a === h.id || r === h.id || i === h.id,
+            selected: r === h.id,
+            onSelect: () => l(h.id),
+            onOpenClick: () => f(h.id),
+            onBookClick: () => o(h.id),
+            onHover: (R) => s(h.id, R),
+            onLeave: c,
+            openLabel: d,
+            bookLabel: g
+          }
+        ) : T && h.firstVisit ? /* @__PURE__ */ n(
+          Ln,
+          {
+            result: h,
+            nameHeadingLevel: Ie(t),
+            context: T,
+            children: (R) => /* @__PURE__ */ n(
+              vt,
+              {
+                result: h,
+                headingLevel: t,
+                highlighted: a === h.id || r === h.id || i === h.id,
+                selected: r === h.id,
+                onSelect: () => l(h.id),
+                onOpenClick: () => f(h.id),
+                onBookClick: () => o(h.id),
+                onHover: (L) => s(h.id, L),
+                onLeave: c,
+                openLabel: d,
+                bookLabel: g,
+                nextSlotText: p(h),
+                slotsPanel: R,
+                children: h.firstVisit ? /* @__PURE__ */ n(
+                  Mn,
+                  {
+                    firstVisit: h.firstVisit,
+                    currencyCode: h.currencyCode
+                  }
+                ) : null
+              }
+            )
+          }
+        ) : /* @__PURE__ */ n(
+          vt,
+          {
+            result: h,
+            headingLevel: t,
+            highlighted: a === h.id || r === h.id || i === h.id,
+            selected: r === h.id,
+            onSelect: () => l(h.id),
+            onOpenClick: () => f(h.id),
+            onBookClick: () => o(h.id),
+            onHover: (R) => s(h.id, R),
+            onLeave: c,
+            openLabel: d,
+            bookLabel: g,
+            nextSlotText: p(h)
+          }
+        ) }, h.id)),
+        w ? /* @__PURE__ */ n(
+          "div",
+          {
+            ref: C,
+            "aria-hidden": "true",
+            className: "ds:flex ds:items-center ds:justify-center ds:py-[var(--spacing-md)]",
+            children: b ? /* @__PURE__ */ n(un, { size: "md", variant: "pulse" }) : /* @__PURE__ */ n("span", { className: "ds:size-1" })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function Qn({
+  result: e,
+  nextSlotText: t
+}) {
+  const a = e.rating;
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      "data-component": "practice-result-map-card",
+      className: "ds:flex ds:[inline-size:16rem] ds:max-w-full ds:items-center ds:gap-[var(--spacing-sm)] ds:rounded-[var(--radius-lg)] ds:border ds:border-[color:var(--card-border)] ds:bg-[var(--card)] ds:p-[var(--spacing-sm)] ds:text-[var(--card-foreground)] ds:shadow-[var(--shadow-lg)]",
+      children: [
+        /* @__PURE__ */ n(
+          We,
+          {
+            src: e.imageUrl,
+            name: e.name,
+            size: "lg",
+            shape: "rounded",
+            ratio: "4:3",
+            width: 64,
+            height: 48
+          }
+        ),
+        /* @__PURE__ */ v("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+          /* @__PURE__ */ n(
+            "span",
+            {
+              dir: "auto",
+              className: "type-title-card ds:min-w-0 ds:[overflow-wrap:anywhere] ds:text-[var(--foreground)]",
+              children: e.name
+            }
+          ),
+          a && a.count > 0 ? /* @__PURE__ */ n(
+            Xe,
+            {
+              value: a.value,
+              reviews: { count: a.count },
+              size: "sm"
+            }
+          ) : null,
+          e.nextAvailableSlot && t ? /* @__PURE__ */ n(Je, { time: t }) : null
+        ] })
+      ]
+    }
+  );
+}
+function Ge({
+  results: e,
+  searchCentre: t,
+  zoom: a,
+  apiKey: r,
+  mapId: i,
+  clusterMarkers: s,
+  hoveredId: c,
+  selectedId: l,
+  onMapClick: f,
+  showMarkerCard: o = !1,
+  formatNextSlot: d,
+  onPinHoverChange: g,
+  onPinClick: p,
+  onPinHover: w,
+  onPinFirstInteract: b,
+  onBoundsChange: k,
+  consentGranted: S,
+  onConsentRequest: V,
+  staticPreview: E,
+  fitResultIds: P,
+  mapHandleRef: T
+}) {
+  const { t: C } = _("ui"), h = q(
+    () => e.filter(
+      (y) => !!y.location
+    ).map((y) => ({
+      id: y.id,
+      position: {
+        lat: y.location.lat,
+        lng: y.location.lng
+      },
+      label: y.name
+    })),
+    [e]
+  ), R = q(() => {
+    if (!(P != null && P.length)) return h;
+    const y = new Set(P), K = h.filter((D) => y.has(D.id));
+    return K.length > 0 ? K : h;
+  }, [h, P]), L = q(
+    () => R.map((y) => ({ ...y.position, id: y.id })),
+    [R]
+  ), H = q(
+    () => R.map((y) => y.id).sort().join("|"),
+    [R]
+  ), X = q(() => {
+    if (t) return t;
+    const y = Dn(e);
+    return y ? {
+      lat: (y.north + y.south) / 2,
+      lng: (y.east + y.west) / 2
+    } : { lat: 45.4642, lng: 9.19 };
+  }, [e, t]), G = q(
+    () => o ? (y) => {
+      const K = e.find((D) => D.id === y);
+      return K ? /* @__PURE__ */ n(
+        Qn,
+        {
+          result: K,
+          nextSlotText: d == null ? void 0 : d(K)
+        }
+      ) : null;
+    } : void 0,
+    [o, d, e]
+  ), z = $(
+    (y, { userInteraction: K }) => {
+      k == null || k(y), K && ne("serp_map_panned", { bounds: y });
+    },
+    [k]
+  );
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      "data-component": "practice-results-map-panel",
+      className: "ds:relative ds:flex ds:size-full ds:min-h-[24rem] ds:flex-col",
+      children: /* @__PURE__ */ n(
+        ln,
+        {
+          ref: T,
+          apiKey: r ?? "",
+          mapId: i,
+          clusterMarkers: s,
+          center: X,
+          zoom: a,
+          markers: h,
+          fitToPoints: L,
+          fitKey: H,
+          selectedMarkerId: l,
+          hoveredMarkerId: c,
+          renderMarkerCard: G,
+          onMarkerHover: o ? g : void 0,
+          consentGranted: !!S,
+          staticPreview: E,
+          onConsentRequest: V,
+          onBoundsChange: z,
+          onClusterClick: ({ count: y }) => ne("serp_map_cluster_clicked", { count: y }),
+          onMarkerClick: (y) => {
+            if (y == null) {
+              f();
+              return;
+            }
+            w(y), b(y), p(y);
+          },
+          ariaLabel: C("practiceResults.map.label"),
+          size: "fill",
+          surface: "bordered",
+          className: "ds:size-full"
+        }
+      )
+    }
+  );
+}
+function tt({
+  variantBodyProps: e
+}) {
+  const {
+    facets: t,
+    value: a,
+    sortOptions: r,
+    onChange: i,
+    heading: s,
+    intro: c,
+    totalCount: l,
+    searchCentre: f
+  } = e;
+  return !s && !c && l == null && t.length === 0 && r.length === 0 ? null : /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ n(
+      St,
+      {
+        heading: s,
+        headingLevel: e.headingLevel,
+        intro: c,
+        totalCount: l,
+        searchCentreLabel: f == null ? void 0 : f.label
+      }
+    ),
+    t.length > 0 ? /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ n(
+        Nt,
+        {
+          facets: t,
+          value: a.facets,
+          onChange: (o) => i({ ...a, facets: o })
+        }
+      ),
+      r.length > 0 ? /* @__PURE__ */ n(
+        je,
+        {
+          options: r,
+          value: a.sort ?? "relevance",
+          onChange: (o) => i({ ...a, sort: o })
+        }
+      ) : null
+    ] }) : r.length > 0 ? /* @__PURE__ */ n("div", { className: "ds:flex ds:justify-end", children: /* @__PURE__ */ n(
+      je,
+      {
+        options: r,
+        value: a.sort ?? "relevance",
+        onChange: (o) => i({ ...a, sort: o })
+      }
+    ) }) : null
+  ] });
+}
+function Ie(e) {
+  return Math.min(e + 1, 6);
+}
+function nt({
+  headingLevel: e
+}) {
+  const { t } = _("ui");
+  return /* @__PURE__ */ n(
+    cn,
+    {
+      variant: "no-results",
+      headingLevel: Ie(e),
+      title: t("practiceResults.empty.title"),
+      description: t("practiceResults.empty.description")
+    }
+  );
+}
+function at({
+  onRetry: e,
+  headingLevel: t
+}) {
+  const { t: a } = _("ui"), r = Ie(t);
+  return /* @__PURE__ */ v(Ce, { variant: "error", children: [
+    /* @__PURE__ */ n(Ce.Title, { as: `h${r}`, children: a("practiceResults.error.title") }),
+    /* @__PURE__ */ n(Ce.Description, { children: a("practiceResults.error.description") }),
+    e ? /* @__PURE__ */ n(Ce.Action, { children: /* @__PURE__ */ n(
+      ve,
+      {
+        intent: "secondary",
+        size: "sm",
+        startIcon: /* @__PURE__ */ n(vn, { "aria-hidden": "true" }),
+        onClick: e,
+        children: a("practiceResults.error.retry")
+      }
+    ) }) : null
+  ] });
+}
+function Jn(e) {
+  const {
+    results: t,
+    apiKey: a,
+    mapId: r,
+    clusterMarkers: i,
+    zoom: s,
+    searchCentre: c,
+    onLoadMore: l,
+    loadingMore: f,
+    loadingSkeletons: o,
+    emptyResultsSlot: d,
+    errorSlot: g,
+    error: p,
+    onRetry: w,
+    hoveredId: b,
+    selectedId: k,
+    onCardHover: S,
+    onPinClick: V,
+    consentGranted: E,
+    onConsentRequest: P,
+    onBoundsChange: T,
+    listContainerRef: C
+  } = e, { t: h } = _("ui"), [R, L] = J(!1), H = Pe("(min-width: 1024px)"), X = yt(Qe) !== null, G = p ? g ?? /* @__PURE__ */ n(at, { onRetry: w, headingLevel: e.headingLevel }) : t.length === 0 && !o ? d ?? /* @__PURE__ */ n(nt, { headingLevel: e.headingLevel }) : /* @__PURE__ */ n(
+    et,
+    {
+      results: t,
+      headingLevel: e.headingLevel,
+      hoveredId: b,
+      selectedId: k,
+      softId: e.softId,
+      onCardHover: S,
+      onCardLeave: e.onCardLeave,
+      onCardSelect: e.onCardSelect,
+      onCardOpenClick: e.onCardOpenClick,
+      onCardBookClick: e.onCardBookClick,
+      openLabel: e.openLabel,
+      bookLabel: e.bookLabel,
+      formatNextSlot: e.formatNextSlot,
+      onLoadMore: l,
+      loadingMore: f,
+      loadingSkeletons: o,
+      density: "compact",
+      containerRef: C
+    }
+  );
+  return /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ n(tt, { variantBodyProps: e }),
+    /* @__PURE__ */ v(
+      "div",
+      {
+        className: `ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:lg:grid ds:lg:gap-[var(--spacing-lg)] ds:lg:items-start ${X ? "ds:lg:grid-cols-[2fr_1fr]" : "ds:lg:grid-cols-[55fr_45fr]"}`,
+        children: [
+          /* @__PURE__ */ n("div", { className: "ds:min-w-0", children: G }),
+          /* @__PURE__ */ n("div", { className: "ds:hidden ds:lg:block ds:sticky ds:top-[var(--spacing-md)] ds:h-[40rem]", children: /* @__PURE__ */ n(
+            Ge,
+            {
+              results: t,
+              searchCentre: c,
+              zoom: s,
+              apiKey: a,
+              mapId: r,
+              clusterMarkers: i,
+              hoveredId: e.mapHoveredId,
+              selectedId: e.mapSelectedId,
+              onMapClick: e.onMapClick,
+              showMarkerCard: H,
+              formatNextSlot: e.formatNextSlot,
+              onPinHoverChange: e.onPinHoverChange,
+              onPinClick: (z) => {
+                ge(t, z, "pin", e.onResultSelect), V(z);
+              },
+              onPinHover: e.onPinHover,
+              onPinFirstInteract: e.onPinFirstInteract,
+              onBoundsChange: T,
+              consentGranted: E,
+              staticPreview: e.mapPreview,
+              fitResultIds: e.mapFitResultIds,
+              onConsentRequest: P,
+              mapHandleRef: e.mapHandleRef
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ n("div", { className: "ds:flex ds:lg:hidden ds:sticky ds:bottom-[var(--spacing-md)] ds:justify-center", children: /* @__PURE__ */ n(
+      ve,
+      {
+        intent: "primary",
+        size: "md",
+        startIcon: /* @__PURE__ */ n(wn, { "aria-hidden": "true" }),
+        onClick: () => L(!0),
+        children: h("practiceResults.viewMap")
+      }
+    ) }),
+    /* @__PURE__ */ n(ae.Root, { open: R, onOpenChange: L, children: /* @__PURE__ */ v(ae.Content, { side: "bottom", size: "lg", children: [
+      /* @__PURE__ */ n(ae.Header, { children: /* @__PURE__ */ n(ae.Title, { children: h("practiceResults.map.label") }) }),
+      /* @__PURE__ */ v(ae.Body, { children: [
+        /* @__PURE__ */ n(ae.Description, { className: "ds:sr-only", children: h("practiceResults.sheet.description") }),
+        /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+          /* @__PURE__ */ n("div", { className: "ds:h-[24rem]", children: /* @__PURE__ */ n(
+            Ge,
+            {
+              results: t,
+              searchCentre: c,
+              zoom: s,
+              apiKey: a,
+              mapId: r,
+              clusterMarkers: i,
+              hoveredId: e.mapHoveredId,
+              selectedId: e.mapSelectedId,
+              onMapClick: e.onMapClick,
+              onPinClick: (z) => {
+                ge(t, z, "pin", e.onResultSelect), V(z);
+              },
+              onPinHover: e.onPinHover,
+              onPinFirstInteract: e.onPinFirstInteract,
+              onBoundsChange: T,
+              consentGranted: E,
+              staticPreview: e.mapPreview,
+              fitResultIds: e.mapFitResultIds,
+              onConsentRequest: P,
+              mapHandleRef: e.mapHandleRef
+            }
+          ) }),
+          G
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
+const ea = {
+  peek: "sm",
+  half: "md",
+  full: "lg"
+}, pe = [
+  "peek",
+  "half",
+  "full"
+];
+function ta({ value: e, onChange: t }) {
+  const { t: a, i18n: r } = _("ui"), i = r.dir() === "rtl", s = F(
+    /* @__PURE__ */ new Map()
+  ), c = $((f) => {
+    var o;
+    (o = s.current.get(f)) == null || o.focus();
+  }, []), l = $(
+    (f, o) => {
+      const d = pe.indexOf(o), g = pe.length, p = i ? "ArrowLeft" : "ArrowRight", w = i ? "ArrowRight" : "ArrowLeft";
+      let b = null;
+      switch (f.key) {
+        case p:
+        case "ArrowDown":
+          b = pe[(d + 1) % g];
+          break;
+        case w:
+        case "ArrowUp":
+          b = pe[(d - 1 + g) % g];
+          break;
+        case "Home":
+          b = pe[0];
+          break;
+        case "End":
+          b = pe[g - 1];
+          break;
+        default:
+          return;
+      }
+      f.preventDefault(), b && b !== o && t(b), b && c(b);
+    },
+    [c, i, t]
+  );
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": a("practiceResults.sheet.snap.label"),
+      className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]",
+      children: pe.map((f) => {
+        const o = e === f;
+        return /* @__PURE__ */ n(
+          "button",
+          {
+            ref: (d) => {
+              d ? s.current.set(f, d) : s.current.delete(f);
+            },
+            type: "button",
+            role: "radio",
+            "aria-checked": o,
+            "aria-label": a(`practiceResults.sheet.snap.${f}`),
+            tabIndex: o ? 0 : -1,
+            onClick: () => t(f),
+            onKeyDown: (d) => l(d, f),
+            className: Me({
+              state: o ? "active" : "idle"
+            }),
+            children: a(`practiceResults.sheet.snap.${f}`)
+          },
+          f
+        );
+      })
+    }
+  );
+}
+function na(e, t, a) {
+  const [r, i] = J(null), [s, c] = J(null);
+  return Ye(() => {
+    const l = e.current;
+    if (!a || !l || typeof window > "u") {
+      i(null), c(null);
+      return;
+    }
+    let f = 0, o = null, d = null;
+    const g = () => {
+      const b = t.current;
+      i(b ? b.offsetHeight : null);
+      const k = l.querySelector(
+        '[data-testid="map-view-preview-plate"]'
+      ) ?? l.querySelector(
+        '[data-testid="map-view-consent-actions"]'
+      );
+      if (k !== d && (d && (o == null || o.unobserve(d)), k && (o == null || o.observe(k, { box: "border-box" })), d = k), !k) {
+        c(null);
+        return;
+      }
+      const S = k.getBoundingClientRect().bottom;
+      if (S <= 0) {
+        c(null);
+        return;
+      }
+      const V = window.innerHeight - S - ut("--spacing-sm", l, 8);
+      c(
+        Math.max(
+          Math.round(V),
+          ut("--min-target-size", l, 44) * 2
+        )
+      );
+    }, p = () => {
+      cancelAnimationFrame(f), f = requestAnimationFrame(g);
+    };
+    o = typeof ResizeObserver > "u" ? null : new ResizeObserver(p), g(), o == null || o.observe(l), t.current && (o == null || o.observe(t.current)), o == null || o.observe(document.body);
+    const w = new MutationObserver(p);
+    return w.observe(l, { childList: !0, subtree: !0 }), window.addEventListener("resize", p), window.addEventListener("scroll", p, { passive: !0 }), () => {
+      cancelAnimationFrame(f), o == null || o.disconnect(), w.disconnect(), window.removeEventListener("resize", p), window.removeEventListener("scroll", p);
+    };
+  }, [a, e, t]), a ? {
+    mapStyle: r === null ? void 0 : {
+      "--map-preview-inset-block-start": `calc(var(--spacing-md) + ${r}px + var(--spacing-xs))`
+    },
+    sheetStyle: s === null ? void 0 : {
+      "--map-first-sheet-max-block-size": `${s}px`
+    }
+  } : {};
+}
+function aa(e) {
+  const {
+    results: t,
+    apiKey: a,
+    mapId: r,
+    clusterMarkers: i,
+    zoom: s,
+    searchCentre: c,
+    onLoadMore: l,
+    loadingMore: f,
+    loadingSkeletons: o,
+    emptyResultsSlot: d,
+    errorSlot: g,
+    error: p,
+    onRetry: w,
+    hoveredId: b,
+    selectedId: k,
+    onCardHover: S,
+    onPinClick: V,
+    consentGranted: E,
+    onConsentRequest: P,
+    onBoundsChange: T,
+    listContainerRef: C,
+    facets: h,
+    value: R,
+    onChange: L
+  } = e, { t: H } = _("ui"), [X, G] = J(
+    () => e.mapPreview && !E ? "peek" : "half"
+  ), z = F(!1), y = $((u) => {
+    z.current = !0, G(u);
+  }, []);
+  Ye(() => {
+    E && !z.current && G((u) => u === "peek" ? "half" : u);
+  }, [E]);
+  const K = ea[X], D = Pe("(min-width: 1024px)"), B = F(null), de = F(null), he = na(
+    B,
+    de,
+    !D && !!e.mapPreview
+  ), ie = p ? g ?? /* @__PURE__ */ n(at, { onRetry: w, headingLevel: e.headingLevel }) : t.length === 0 && !o ? d ?? /* @__PURE__ */ n(nt, { headingLevel: e.headingLevel }) : /* @__PURE__ */ n(
+    et,
+    {
+      results: t,
+      headingLevel: e.headingLevel,
+      hoveredId: b,
+      selectedId: k,
+      softId: e.softId,
+      onCardHover: S,
+      onCardLeave: e.onCardLeave,
+      onCardSelect: e.onCardSelect,
+      onCardOpenClick: e.onCardOpenClick,
+      onCardBookClick: e.onCardBookClick,
+      openLabel: e.openLabel,
+      bookLabel: e.bookLabel,
+      formatNextSlot: e.formatNextSlot,
+      onLoadMore: l,
+      loadingMore: f,
+      loadingSkeletons: o,
+      density: "compact",
+      apiKey: a,
+      containerRef: C
+    }
+  ), ue = /* @__PURE__ */ n(
+    Ge,
+    {
+      results: t,
+      searchCentre: c,
+      zoom: s,
+      apiKey: a,
+      mapId: r,
+      clusterMarkers: i,
+      hoveredId: e.mapHoveredId,
+      selectedId: e.mapSelectedId,
+      onMapClick: e.onMapClick,
+      showMarkerCard: D,
+      formatNextSlot: e.formatNextSlot,
+      onPinHoverChange: e.onPinHoverChange,
+      onPinClick: (u) => {
+        ge(t, u, "pin", e.onResultSelect), V(u);
+      },
+      onPinHover: e.onPinHover,
+      onPinFirstInteract: e.onPinFirstInteract,
+      onBoundsChange: T,
+      consentGranted: E,
+      staticPreview: e.mapPreview,
+      fitResultIds: e.mapFitResultIds,
+      onConsentRequest: P,
+      mapHandleRef: e.mapHandleRef
+    }
+  ), me = h.length > 0 ? /* @__PURE__ */ n(
+    "div",
+    {
+      ref: de,
+      className: "ds:absolute ds:start-[var(--spacing-md)] ds:top-[var(--spacing-md)] ds:max-w-[calc(100%-var(--spacing-lg))]",
+      children: /* @__PURE__ */ n(
+        Nt,
+        {
+          facets: h,
+          value: R.facets,
+          onChange: (u) => L({ ...R, facets: u }),
+          floating: !0
+        }
+      )
+    }
+  ) : null;
+  return /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: D ? (
+    // Desktop: 65/35 map left + cards rail right. NO Sheet (the
+    // Sheet would portal to body and occlude the desktop layout
+    // regardless of the parent's `lg:hidden` class).
+    //
+    // 0.33.8: filters move from floating-over-the-map to an
+    // inline `<HeaderRow>` above the grid (parity with
+    // split-list-map). Floating chips read as ad-hoc on a real
+    // Google tile and are easy to miss; an inline row sits in
+    // the visual flow as a deliberate refinement control.
+    //
+    // 0.33.8: dropped `h-[calc(100dvh - chrome)] min-h-[40rem]`
+    // on both columns + `overflow-y-auto` on the list rail. The
+    // viewport-fill + internal scroll created a double-scroll
+    // experience — patients scrolled the page AND the rail. Now
+    // the map column is `lg:sticky lg:h-[44rem]` (stays visible
+    // as the patient scrolls cards) and the rail renders at
+    // natural height. Single page scroll.
+    /* @__PURE__ */ v(Ue, { children: [
+      /* @__PURE__ */ n(tt, { variantBodyProps: e }),
+      /* @__PURE__ */ v("div", { className: "ds:grid ds:grid-cols-[65fr_35fr] ds:gap-[var(--spacing-lg)] ds:items-start", children: [
+        /* @__PURE__ */ n("div", { className: "ds:sticky ds:top-[var(--spacing-md)] ds:h-[44rem]", children: ue }),
+        /* @__PURE__ */ n("div", { className: "ds:min-w-0", children: ie })
+      ] })
+    ] })
+  ) : (
+    // Mobile: full-bleed map + persistent bottom sheet defaulting to
+    // 'half' state. No X close button — the sheet is core to the
+    // layout, not dismissible. Patient cycles peek / half / full
+    // via the snap radiogroup at the top of the sheet body. Filters
+    // stay floating on mobile — the full-bleed map IS the viewport
+    // chrome, so floating chips are the only place for them.
+    /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+      /* @__PURE__ */ n(
+        St,
+        {
+          heading: e.heading,
+          headingLevel: e.headingLevel,
+          intro: e.intro,
+          totalCount: e.totalCount,
+          searchCentreLabel: c == null ? void 0 : c.label
+        }
+      ),
+      /* @__PURE__ */ v(
+        "div",
+        {
+          ref: B,
+          className: "ds:relative ds:h-[60vh] ds:min-h-[20rem]",
+          style: he.mapStyle,
+          children: [
+            ue,
+            me
+          ]
+        }
+      ),
+      /* @__PURE__ */ n(ae.Root, { open: !0, modal: !1, children: /* @__PURE__ */ n(
+        ae.Content,
+        {
+          side: "bottom",
+          size: K,
+          className: "ds:max-h-[var(--map-first-sheet-max-block-size,100dvh)] ds:[&_[data-radix-scroll-area-viewport]]:overscroll-contain",
+          style: he.sheetStyle,
+          onEscapeKeyDown: (u) => u.preventDefault(),
+          onPointerDownOutside: (u) => u.preventDefault(),
+          onInteractOutside: (u) => u.preventDefault(),
+          onOpenAutoFocus: (u) => u.preventDefault(),
+          children: /* @__PURE__ */ v(ae.Body, { children: [
+            /* @__PURE__ */ n(ae.Description, { className: "ds:sr-only", children: H("practiceResults.sheet.descriptionMapFirst") }),
+            /* @__PURE__ */ v("div", { className: "ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]", children: [
+              /* @__PURE__ */ n(ae.Title, { className: "type-title-card ds:m-0 ds:text-[var(--foreground)]", children: H("practiceResults.sheet.title", {
+                count: e.totalCount ?? t.length
+              }) }),
+              /* @__PURE__ */ n(
+                ta,
+                {
+                  value: X,
+                  onChange: y
+                }
+              )
+            ] }),
+            e.sortOptions.length > 0 ? /* @__PURE__ */ n("div", { className: "ds:pb-[var(--spacing-sm)]", children: /* @__PURE__ */ n(
+              je,
+              {
+                options: e.sortOptions,
+                value: R.sort ?? "relevance",
+                onChange: (u) => L({ ...R, sort: u })
+              }
+            ) }) : null,
+            ie
+          ] })
+        }
+      ) })
+    ] })
+  ) });
+}
+function sa(e) {
+  const {
+    results: t,
+    apiKey: a,
+    onLoadMore: r,
+    loadingMore: i,
+    loadingSkeletons: s,
+    emptyResultsSlot: c,
+    errorSlot: l,
+    error: f,
+    onRetry: o,
+    hoveredId: d,
+    selectedId: g,
+    onCardHover: p,
+    listContainerRef: w
+  } = e, b = f ? l ?? /* @__PURE__ */ n(at, { onRetry: o, headingLevel: e.headingLevel }) : t.length === 0 && !s ? c ?? /* @__PURE__ */ n(nt, { headingLevel: e.headingLevel }) : /* @__PURE__ */ n(
+    et,
+    {
+      results: t,
+      headingLevel: e.headingLevel,
+      hoveredId: d,
+      selectedId: g,
+      softId: e.softId,
+      onCardHover: p,
+      onCardLeave: e.onCardLeave,
+      onCardSelect: e.onCardSelect,
+      onCardOpenClick: e.onCardOpenClick,
+      onCardBookClick: e.onCardBookClick,
+      openLabel: e.openLabel,
+      bookLabel: e.bookLabel,
+      formatNextSlot: e.formatNextSlot,
+      onLoadMore: r,
+      loadingMore: i,
+      loadingSkeletons: s,
+      density: "rich",
+      apiKey: a,
+      containerRef: w
+    }
+  );
+  return /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ n(tt, { variantBodyProps: e }),
+    b
+  ] });
+}
+const ia = rn(function({
+  variant: t = "split-list-map",
+  loadResultSlots: a,
+  onResultSlotSelect: r,
+  results: i,
+  contentLang: s,
+  totalCount: c,
+  searchCentre: l,
+  facets: f,
+  googleMapsApiKey: o,
+  mapId: d,
+  clusterMarkers: g = "auto",
+  defaultZoom: p = Pn,
+  onBoundsChange: w,
+  consentGranted: b,
+  onConsentRequest: k,
+  skipConsentGate: S = !1,
+  mapPreview: V,
+  mapFitResultIds: E,
+  onLoadMore: P,
+  loadingMore: T,
+  value: C,
+  onChange: h,
+  sortOptions: R,
+  onResultSelect: L,
+  loading: H,
+  emptyResultsSlot: X,
+  errorSlot: G,
+  error: z,
+  onRetry: y,
+  heading: K,
+  headingLevel: D = 2,
+  intro: B,
+  cardOpenButtonLabel: de,
+  cardBookButtonLabel: he,
+  showCardOpenButton: ie = !0,
+  "aria-label": ue,
+  id: me,
+  className: u,
+  ...N
+}, I) {
+  const { t: ee, i18n: W } = _("ui"), [O, A] = J(null), [re, oe] = J(null), [Z, Y] = J(null), [Ae, Ht] = J(null), Q = Pe("(min-width: 1024px)"), be = F(/* @__PURE__ */ new Set()), Fe = F(/* @__PURE__ */ new Set()), Dt = F(null), xe = F(null), _e = q(
+    () => ({
+      getVariant: () => t,
+      scrollToResult: (m) => {
+        const M = xe.current;
+        if (!M) return;
+        const x = M.querySelector(
+          `[data-component="practice-result-card"][data-result-id="${CSS.escape(m)}"]`
+        );
+        x && (x.scrollIntoView({ behavior: "smooth", block: "nearest" }), Q || A(null), Y(m));
+      },
+      focusPin: (m) => {
+        Q && t !== "rich-cards" ? (Y(null), oe(m)) : (Q || A(null), Y(m));
+      }
+    }),
+    [t, Q]
+  );
+  on(I, () => _e, [_e]), fn(kn, _e, me);
+  const Ot = ie ? de ?? ee("practiceResults.card.open") : void 0, Vt = he ?? ee("practiceResults.card.book"), Et = $(
+    (m) => {
+      if (m.nextAvailableSlot)
+        try {
+          return new Intl.DateTimeFormat(W.language, {
+            weekday: "short",
+            hour: "numeric",
+            minute: "numeric"
+          }).format(new Date(m.nextAvailableSlot.dateTime));
+        } catch {
+          return m.nextAvailableSlot.dateTime;
+        }
+    },
+    [W.language]
+  ), st = F(null);
+  U(() => {
+    st.current !== t && (st.current = t, ne("serp_variant_exposed", {
+      variant: t,
+      totalCount: c ?? i.length
+    }), be.current = /* @__PURE__ */ new Set(), Fe.current = /* @__PURE__ */ new Set());
+  }, [t]);
+  const Te = F(!1), He = q(
+    () => An(f ?? [], i, C.facets),
+    [f, i, C.facets]
+  ), we = q(
+    () => R ? pt.filter((m) => R.includes(m)) : pt,
+    [R]
+  ), ke = l ? "distance" : "relevance", it = C.sort ?? ke, De = we.includes(it) ? it : we.includes(ke) ? ke : we[0] ?? ke, j = q(() => {
+    const m = Fn(i, C.facets, He);
+    return Hn(m, De, l);
+  }, [i, C.facets, He, De, l]), Oe = q(
+    () => s ? j.map(
+      (m) => m.contentLang ? m : { ...m, contentLang: s }
+    ) : j,
+    [j, s]
+  );
+  U(() => {
+    const m = j.length === 0;
+    m && !Te.current ? (ne("serp_empty_results", {
+      appliedFacets: C.facets ?? {}
+    }), Te.current = !0) : m || (Te.current = !1);
+  }, [j.length, C.facets]), U(() => {
+    const m = new Set(j.map((x) => x.id)), M = (x) => x !== null && m.has(x) ? x : null;
+    A(M), oe(M), Y(M);
+  }, [j]), U(() => {
+    A(null), oe(null), Y(null);
+  }, [t]);
+  const fe = F(null), rt = F(null);
+  U(
+    () => () => {
+      fe.current && clearTimeout(fe.current);
+    },
+    []
+  );
+  const Ve = $((m) => {
+    be.current.has(m) || rt.current === m && fe.current || (fe.current && clearTimeout(fe.current), rt.current = m, fe.current = setTimeout(() => {
+      be.current.has(m) || (be.current.add(m), ne("serp_result_hovered_card", { resultId: m })), fe.current = null;
+    }, 500));
+  }, []), Bt = $(
+    (m, M) => {
+      Ve(m), M && (A(m), Y(null));
+    },
+    [Ve]
+  ), $t = $(() => A(null), []);
+  U(() => {
+    if (O === null) return;
+    const m = (M) => {
+      M.key === "Escape" && A(null);
+    };
+    return document.addEventListener("keydown", m), () => document.removeEventListener("keydown", m);
+  }, [O]);
+  const zt = $(
+    (m, M, x) => {
+      if (!M) {
+        A((te) => te === m ? null : te);
+        return;
+      }
+      Q && (x === "pointer" && !Le() || (A(m), Y(null)));
+    },
+    [Q]
+  ), ot = F(Q);
+  U(() => {
+    ot.current && !Q && A(null), ot.current = Q;
+  }, [Q]);
+  const Kt = $(() => {
+    oe(null), Y(null);
+  }, []), jt = $(
+    (m) => {
+      var M;
+      if (!Q) {
+        const x = (M = xe.current) == null ? void 0 : M.querySelector(
+          `[data-component="practice-result-card"][data-result-id="${CSS.escape(m)}"]`
+        );
+        A(null), Y(m), x == null || x.scrollIntoView({ behavior: "smooth", block: "nearest" });
+        return;
+      }
+      Y(null), oe(m), Ht((x) => ({ id: m, n: ((x == null ? void 0 : x.n) ?? 0) + 1 }));
+    },
+    [Q]
+  );
+  Ye(() => {
+    if (!Ae) return;
+    const m = xe.current, M = m == null ? void 0 : m.querySelector(
+      `[data-component="practice-result-card"][data-result-id="${CSS.escape(Ae.id)}"]`
+    );
+    M == null || M.scrollIntoView({
+      behavior: mn(M) ? "instant" : "smooth",
+      block: "start"
+    });
+  }, [Ae]);
+  const qt = $((m) => {
+    Fe.current.has(m) || (Fe.current.add(m), ne("serp_result_hovered_pin", { resultId: m }));
+  }, []), ct = F(null), Gt = $(
+    (m) => {
+      oe(null), Le() ? (Y(null), A(m)) : (A(null), Y(m));
+      const M = j.find((x) => x.id === m);
+      if (M) {
+        if (M.location) {
+          const x = ct.current;
+          x == null || x.panTo({
+            lat: M.location.lat,
+            lng: M.location.lng
+          }), x == null || x.setZoom(16);
+        }
+        ge(j, m, "card", L);
+      }
+    },
+    [j, L]
+  ), Ut = $(
+    (m) => {
+      ge(
+        j,
+        m,
+        "open-button",
+        L
+      );
+    },
+    [j, L]
+  ), Wt = $(
+    (m) => {
+      ge(
+        j,
+        m,
+        "book-button",
+        L
+      );
+    },
+    [j, L]
+  ), Zt = !!H && i.length === 0, Xt = $(
+    (m, M) => {
+      const x = j.find((te) => te.id === m.id);
+      L(x ?? m, M);
+    },
+    [j, L]
+  ), Ee = {
+    results: Oe,
+    totalCount: c,
+    searchCentre: l,
+    facets: He,
+    value: { ...C, sort: De },
+    sortOptions: we,
+    onChange: h,
+    onResultSelect: Xt,
+    onLoadMore: P,
+    loadingMore: T,
+    apiKey: o,
+    mapId: d,
+    clusterMarkers: g,
+    zoom: p,
+    // 0.31.4: when `skipConsentGate` is true the kit synthesises
+    // `consentGranted=true` for every internal MapView; the consumer's
+    // CMP at the page level is responsible for whether the Google Maps
+    // loader script is present at all. `onConsentRequest` is dropped
+    // because no placeholder renders — nothing to fire it from.
+    consentGranted: S ? !0 : b,
+    onConsentRequest: S ? void 0 : k,
+    mapPreview: V,
+    mapFitResultIds: E,
+    onBoundsChange: w,
+    loadingSkeletons: Zt,
+    emptyResultsSlot: X,
+    errorSlot: G,
+    error: z,
+    onRetry: y,
+    heading: K,
+    headingLevel: D,
+    intro: B,
+    hoveredId: O,
+    selectedId: re,
+    softId: Z,
+    mapHoveredId: Q ? O : null,
+    mapSelectedId: Q ? re ?? Z : O ?? Z,
+    onCardHover: Bt,
+    onCardLeave: $t,
+    onPinHover: Ve,
+    onPinHoverChange: zt,
+    onMapClick: Kt,
+    onPinClick: jt,
+    onPinFirstInteract: qt,
+    onCardSelect: Gt,
+    onCardOpenClick: Ut,
+    onCardBookClick: Wt,
+    openLabel: Ot,
+    bookLabel: Vt,
+    formatNextSlot: Et,
+    listContainerRef: Dt,
+    mapHandleRef: ct
+  }, Be = F({
+    loadResultSlots: a,
+    onResultSlotSelect: r,
+    displayResults: Oe,
+    processedResults: j
+  });
+  U(() => {
+    Be.current = {
+      loadResultSlots: a,
+      onResultSlotSelect: r,
+      displayResults: Oe,
+      processedResults: j
+    };
+  });
+  const Yt = F(/* @__PURE__ */ new Map()), lt = !!a, Qt = q(
+    () => t === "slot-cards" && lt ? {
+      cache: Yt.current,
+      loadResultSlots: (m, M) => {
+        const x = Be.current, te = x.processedResults.find(
+          ($e) => $e.id === m.id
+        );
+        return x.loadResultSlots(te ?? m, M);
+      },
+      onSlotSelect: (m, M, x) => {
+        var dt;
+        const te = Be.current, $e = te.displayResults.findIndex(
+          (ze) => ze.id === m.id
+        ), tn = typeof x.date == "string" ? ye(x.date) : x.date, nn = Math.max(
+          0,
+          hn(tn, /* @__PURE__ */ new Date())
+        );
+        ne("serp_slot_selected", {
+          resultId: m.id,
+          position: $e,
+          daysAhead: nn
+        });
+        const an = te.processedResults.find(
+          (ze) => ze.id === m.id
+        );
+        (dt = te.onResultSlotSelect) == null || dt.call(te, an ?? m, M, x);
+      }
+    } : null,
+    [t, lt]
+  ), Jt = (() => {
+    switch (t) {
+      case "map-first":
+        return /* @__PURE__ */ n(aa, { ...Ee });
+      case "rich-cards":
+        return /* @__PURE__ */ n(sa, { ...Ee });
+      case "slot-cards":
+      case "split-list-map":
+      default:
+        return /* @__PURE__ */ n(Jn, { ...Ee });
+    }
+  })(), en = ue ?? ee("practiceResults.regionLabel");
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ref: xe,
+      role: "region",
+      "aria-label": en,
+      id: me,
+      "data-component": "practice-results",
+      "data-component-id": me,
+      "data-variant": t,
+      className: On({ variant: t, className: u }),
+      ...N,
+      children: /* @__PURE__ */ n(Qe.Provider, { value: Qt, children: Jt })
+    }
+  );
+});
+ia.displayName = "PracticeResults";
+export {
+  ia as P,
+  kn as p
+};
+//# sourceMappingURL=practice-results-BCLqPdgn.js.map