@alfadocs/ui-kit-debug 1.112.2 → 1.114.0

package/dist/_chunks/practice-results-BlxfBx-D.js

@@ -0,0 +1,2181 @@
+import { jsx as n, jsxs as g, Fragment as It } from "react/jsx-runtime";
+import { forwardRef as Pt, useState as te, useRef as B, useMemo as F, useImperativeHandle as Mt, useCallback as _, useEffect as ee } from "react";
+import { c as q } from "./index-D2ZczOXr.js";
+import { useTranslation as N } from "react-i18next";
+import { A as oe } from "./alert-C4WKViaS.js";
+import { A as Re } from "./avatar-Dp5apm1d.js";
+import { B as le } from "./button-DohK_Ak_.js";
+import { D as K } from "./dropdown-menu-CqxBthww.js";
+import { E as At } from "./empty-state-DwJ5YNzz.js";
+import { M as Tt } from "./map-view-Bny79cWa.js";
+import { R as Se } from "./rating-CGYpg5dj.js";
+import { S as $ } from "./sheet-uZZXaO_S.js";
+import { S as Ft } from "./skeleton-tTWJpvAq.js";
+import { S as _t } from "./spinner-CoflYlEx.js";
+import { B as D } from "./badge-BUk4RjTS.js";
+import { u as Ht } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as Ne } from "./use-media-query-CcAx5SMM.js";
+import { m as Vt } from "./motion-is-off-BvAuNV5O.js";
+import { b as Ot, a as De } from "./format-price-BcFBa-WP.js";
+import { u as zt } from "./registry-DvAUVLHh.js";
+import { c as Bt } from "./createLucideIcon-DhHxpK9K.js";
+import { R as $t } from "./refresh-cw-DnI0cLFC.js";
+import { C as qe } from "./chevron-down-DWE7GSq9.js";
+import { L as Ue } from "./languages-CGLX6Qpe.js";
+import { S as Ge } from "./shield-check-DCJALLVh.js";
+import { H as Ze } from "./heart--qCA4ffe.js";
+import { M as ce } from "./map-pin-BaY37-Km.js";
+import { C as Dt } from "./calendar-clock-hbObjfGY.js";
+import { C as Et } 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 jt = [
+  [
+    "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" }]
+], Kt = Bt("map", jt), qt = {
+  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`.",
+      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).'
+    }
+  }
+}, Ut = 13, Ee = [
+  "distance",
+  "rating",
+  "next-available",
+  "price",
+  "relevance"
+];
+function We(e, t, i) {
+  const s = `languages.${e}`;
+  return i.exists(s) ? t(s) : e.toUpperCase();
+}
+function E(e, t) {
+  if (typeof window > "u") return;
+  const i = window.track;
+  try {
+    i == null || i(e, t);
+  } catch {
+  }
+}
+function ne(e, t, i, s) {
+  const r = e.findIndex((o) => o.id === t);
+  if (r < 0) return;
+  const a = e[r];
+  a && (E("serp_result_clicked", { resultId: t, source: i, position: r }), s(a, i));
+}
+function Gt(e, t) {
+  const s = (t.lat - e.lat) * Math.PI / 180, r = (t.lng - e.lng) * Math.PI / 180, a = e.lat * Math.PI / 180, o = t.lat * Math.PI / 180, u = Math.sin(s / 2), l = Math.sin(r / 2), p = u * u + Math.cos(a) * Math.cos(o) * l * l;
+  return 2 * 6371 * Math.asin(Math.min(1, Math.sqrt(p)));
+}
+function Zt(e, t, i) {
+  var r;
+  const s = [];
+  for (const a of e) {
+    const o = a.field ?? a.key, u = (((r = i == null ? void 0 : i[a.key]) == null ? void 0 : r.length) ?? 0) > 0, l = a.type === "boolean" || a.type !== "options" && a.options.length === 0 && (u || t.some(
+      (p) => typeof p[o] == "boolean"
+    ));
+    !l && a.options.length === 0 || s.push({ ...a, boolean: l, booleanField: o });
+  }
+  return s;
+}
+function Wt(e, t, i) {
+  return !t || Object.keys(t).length === 0 ? e : e.filter((s) => {
+    for (const r of i) {
+      const a = t[r.key];
+      if (!a || a.length === 0) continue;
+      if (r.boolean) {
+        if (s[r.booleanField] !== !0) return !1;
+        continue;
+      }
+      const o = r.key === "insurance" ? s.insurances : r.key === "language" ? s.languages : s[r.key];
+      if (!Array.isArray(o) || !(r.multi ? a.some((l) => o.includes(l)) : o.includes(a[0]))) return !1;
+    }
+    return !0;
+  });
+}
+function Qt(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 Jt(e) {
+  return e.firstVisitPrice && Number.isFinite(e.firstVisitPrice.minCents) ? e.firstVisitPrice.kind === "fixed" : !0;
+}
+function je(e, t) {
+  return e == null && t == null ? 0 : e == null ? 1 : t == null ? -1 : e - t;
+}
+function Xt(e, t, i) {
+  const s = e.map((a) => {
+    const o = a.location ? a.location.distanceKm ?? (i ? Gt(i, a.location) : void 0) : void 0;
+    return {
+      result: a,
+      distanceKm: o,
+      price: t === "price" ? Qt(a) : void 0,
+      fixed: t === "price" ? Jt(a) : !1
+    };
+  }), r = (a, o) => {
+    var u, l, p, c;
+    switch (t) {
+      case "distance":
+        return je(a.distanceKm, o.distanceKm);
+      case "price": {
+        const h = a.price ?? 1 / 0, m = o.price ?? 1 / 0;
+        return h !== m ? h - m : h !== 1 / 0 && a.fixed !== o.fixed ? a.fixed ? -1 : 1 : je(a.distanceKm, o.distanceKm);
+      }
+      case "rating": {
+        const h = ((u = a.result.rating) == null ? void 0 : u.value) ?? -1;
+        return (((l = o.result.rating) == null ? void 0 : l.value) ?? -1) - h;
+      }
+      case "next-available": {
+        const h = ((p = a.result.nextAvailableSlot) == null ? void 0 : p.dateTime) ?? "", m = ((c = o.result.nextAvailableSlot) == null ? void 0 : c.dateTime) ?? "";
+        return !h && !m ? 0 : h ? m ? h.localeCompare(m) : -1 : 1;
+      }
+      case "relevance":
+      default:
+        return 0;
+    }
+  };
+  return [...s].sort(r).map(
+    ({ result: a, distanceKm: o }) => o != null && a.location ? {
+      ...a,
+      location: { ...a.location, distanceKm: o }
+    } : a
+  );
+}
+function Yt(e) {
+  let t = -1 / 0, i = 1 / 0, s = -1 / 0, r = 1 / 0, a = !1;
+  for (const o of e) {
+    if (!o.location) continue;
+    a = !0;
+    const { lat: u, lng: l } = o.location;
+    u > t && (t = u), u < i && (i = u), l > s && (s = l), l < r && (r = l);
+  }
+  if (a)
+    return { north: t, south: i, east: s, west: r };
+}
+const en = q(
+  "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": ""
+      }
+    },
+    defaultVariants: { variant: "split-list-map" }
+  }
+);
+function Qe({
+  heading: e,
+  headingLevel: t,
+  intro: i,
+  totalCount: s,
+  searchCentreLabel: r
+}) {
+  const { t: a } = N("ui"), o = `h${t}`;
+  if (!e && !i && s == null) return null;
+  const u = s != null ? r ? a("practiceResults.results.heading", {
+    count: s,
+    place: r
+  }) : a("practiceResults.results.summary", { count: s }) : void 0;
+  return /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+    e ? /* @__PURE__ */ n(o, { className: "type-title-section ds:m-0 ds:text-[var(--foreground)]", children: e }) : null,
+    i ? /* @__PURE__ */ n("p", { className: "type-body ds:m-0 ds:text-[var(--muted-foreground)]", children: i }) : null,
+    u ? /* @__PURE__ */ n(
+      "p",
+      {
+        className: "type-body-sm ds:m-0 ds:text-[var(--muted-foreground)]",
+        "aria-live": "polite",
+        children: u
+      }
+    ) : null
+  ] });
+}
+const de = q(
+  [
+    "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" }
+  }
+), tn = q(
+  "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" }
+  }
+), nn = q(
+  [
+    "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 Je({
+  facets: e,
+  value: t,
+  onChange: i,
+  floating: s
+}) {
+  const { t: r } = N("ui"), a = F(() => t ?? {}, [t]), o = F(
+    () => Object.values(a).some((c) => c && c.length > 0),
+    [a]
+  ), u = (c, h) => {
+    const m = { ...a };
+    h.length === 0 ? delete m[c] : m[c] = h, i(m), E("serp_filter_changed", { key: c, values: h });
+  }, l = (c) => {
+    var m;
+    const h = (((m = a[c]) == null ? void 0 : m.length) ?? 0) > 0;
+    u(c, h ? [] : ["true"]);
+  }, p = (c, h) => {
+    const m = a[c.key] ?? [], x = m.includes(h);
+    let b;
+    c.multi ? b = x ? m.filter((R) => R !== h) : [...m, h] : b = x ? [] : [h], u(c.key, b);
+  };
+  return e.length === 0 ? null : /* @__PURE__ */ g(
+    "div",
+    {
+      "data-component": "practice-results-filters",
+      role: "group",
+      "aria-label": r("practiceResults.filters.label"),
+      className: tn({
+        placement: s ? "floating" : "inline"
+      }),
+      children: [
+        e.map((c) => {
+          const h = c.boolean, m = a[c.key] ?? [], x = m.length > 0;
+          if (h)
+            return /* @__PURE__ */ n(
+              "button",
+              {
+                type: "button",
+                "aria-pressed": x,
+                "aria-label": c.label,
+                onClick: () => l(c.key),
+                className: de({
+                  state: x ? "active" : "idle"
+                }),
+                children: /* @__PURE__ */ n("span", { children: c.label })
+              },
+              c.key
+            );
+          const b = x ? ` (${m.length})` : "";
+          return /* @__PURE__ */ g(K.Root, { children: [
+            /* @__PURE__ */ n(K.Trigger, { asChild: !0, children: /* @__PURE__ */ g(
+              "button",
+              {
+                type: "button",
+                "aria-label": `${c.label}${b}`,
+                className: de({
+                  state: x ? "active" : "idle"
+                }),
+                children: [
+                  /* @__PURE__ */ g("span", { children: [
+                    c.label,
+                    b
+                  ] }),
+                  /* @__PURE__ */ n(
+                    qe,
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:size-3.5 ds:shrink-0"
+                    }
+                  )
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ n(K.Content, { sideOffset: 8, align: "start", children: c.options.map((R) => /* @__PURE__ */ n(
+              K.CheckboxItem,
+              {
+                checked: m.includes(R.value),
+                onSelect: (w) => {
+                  c.multi && w.preventDefault(), p(c, R.value);
+                },
+                children: R.label
+              },
+              R.value
+            )) })
+          ] }, c.key);
+        }),
+        o ? /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              i({}), E("serp_filter_changed", { key: "*", values: [] });
+            },
+            className: nn(),
+            children: r("practiceResults.filters.clear")
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function Ce({ value: e, options: t, onChange: i }) {
+  const { t: s } = N("ui"), r = (a) => {
+    switch (a) {
+      case "distance":
+        return s("practiceResults.sort.distance");
+      case "rating":
+        return s("practiceResults.sort.rating");
+      case "next-available":
+        return s("practiceResults.sort.nextAvailable");
+      case "price":
+        return s("practiceResults.sort.price");
+      case "relevance":
+      default:
+        return s("practiceResults.sort.relevance");
+    }
+  };
+  return /* @__PURE__ */ g(K.Root, { children: [
+    /* @__PURE__ */ n(K.Trigger, { asChild: !0, children: /* @__PURE__ */ g(
+      "button",
+      {
+        type: "button",
+        "aria-label": `${s("practiceResults.sort.label")}: ${r(e)}`,
+        className: de({ state: "idle" }),
+        children: [
+          /* @__PURE__ */ g("span", { children: [
+            s("practiceResults.sort.label"),
+            ": ",
+            r(e)
+          ] }),
+          /* @__PURE__ */ n(qe, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ n(K.Content, { sideOffset: 8, align: "end", children: /* @__PURE__ */ n(
+      K.RadioGroup,
+      {
+        value: e,
+        onValueChange: (a) => {
+          const o = a;
+          o !== e && (i(o), E("serp_sort_changed", { sort: o }));
+        },
+        children: t.map((a) => /* @__PURE__ */ n(K.RadioItem, { value: a, children: r(a) }, a))
+      }
+    ) })
+  ] });
+}
+function an({ distanceKm: e }) {
+  const { t, i18n: i } = N("ui"), s = F(() => {
+    if (e < 1) return t("practiceResults.distance.below");
+    const r = new Intl.NumberFormat(i.language, {
+      maximumFractionDigits: 1
+    }).format(e);
+    return t("practiceResults.distance.km", { distance: r });
+  }, [e, t, i.language]);
+  return /* @__PURE__ */ n(D, { variant: "neutral", leading: /* @__PURE__ */ n(ce, { "aria-hidden": "true" }), children: s });
+}
+const Ke = q(
+  [
+    "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 sn() {
+  if (typeof document > "u") return "4945a3";
+  const e = getComputedStyle(document.documentElement).getPropertyValue("--map-marker-color").trim(), t = /^#?([0-9a-fA-F]{6})$/.exec(e);
+  return t ? t[1] : "4945a3";
+}
+function rn({
+  apiKey: e,
+  center: t,
+  zoom: i = 14,
+  address: s,
+  addressLang: r
+}) {
+  const { t: a } = N("ui");
+  if (!e)
+    return /* @__PURE__ */ g(
+      "div",
+      {
+        "aria-hidden": s ? void 0 : "true",
+        className: Ke({ state: "placeholder" }),
+        children: [
+          /* @__PURE__ */ n(ce, { "aria-hidden": "true", className: "ds:size-5 ds:shrink-0" }),
+          s ? /* @__PURE__ */ n(
+            "span",
+            {
+              lang: r,
+              dir: "auto",
+              className: "type-meta ds:[overflow-wrap:anywhere]",
+              children: s
+            }
+          ) : null
+        ]
+      }
+    );
+  const o = sn(), u = `https://maps.googleapis.com/maps/api/staticmap?center=${t.lat},${t.lng}&zoom=${i}&size=240x160&scale=2&markers=color:0x${o}%7C${t.lat},${t.lng}&key=${encodeURIComponent(e)}`;
+  return /* @__PURE__ */ n(
+    "img",
+    {
+      src: u,
+      alt: a("practiceResults.thumbnail.alt"),
+      loading: "lazy",
+      decoding: "async",
+      width: 240,
+      height: 160,
+      className: Ke({ state: "image" })
+    }
+  );
+}
+function on({ 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 ln(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 Xe({
+  review: e
+}) {
+  const { t } = N("ui"), i = typeof (e == null ? void 0 : e.text) == "string" ? e.text.trim() : "";
+  return !e || !i ? null : /* @__PURE__ */ g(
+    "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: ln(e.lang),
+            dir: "auto",
+            className: "ds:min-w-0 ds:truncate",
+            children: i
+          }
+        )
+      ]
+    }
+  );
+}
+const cn = q(
+  "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 Ye({
+  description: e,
+  density: t,
+  lang: i
+}) {
+  return e ? /* @__PURE__ */ n(
+    "p",
+    {
+      "data-component": "practice-result-description",
+      lang: i,
+      dir: "auto",
+      className: cn({ density: t }),
+      children: e
+    }
+  ) : null;
+}
+function dn(e, t, i, s) {
+  if (e.kind === "fixed")
+    return Ot(
+      e.minCents,
+      t,
+      i,
+      s("common.freeOfCharge")
+    );
+  const r = De(e.minCents, t, i);
+  return e.kind === "range" && e.maxCents != null && Number.isFinite(e.maxCents) && e.maxCents > e.minCents ? s("practiceResults.card.priceRange", {
+    min: r,
+    max: De(e.maxCents, t, i)
+  }) : s("practiceResults.card.priceFrom", { price: r });
+}
+const un = q(
+  "ds:min-w-0 ds:max-w-full ds:[overflow-wrap:anywhere]",
+  {
+    variants: {
+      practiceWritten: { true: "ds:truncate" }
+    }
+  }
+);
+function mn({
+  price: e,
+  cents: t,
+  currencyCode: i = "EUR"
+}) {
+  var m;
+  const { t: s, i18n: r } = N("ui"), a = e && Number.isFinite(e.minCents) ? e : void 0, o = (a == null ? void 0 : a.kind) ?? "fixed", u = (a == null ? void 0 : a.minCents) ?? t, l = a == null ? void 0 : a.maxCents, p = F(
+    () => u == null ? void 0 : dn(
+      { kind: o, minCents: u, maxCents: l },
+      i,
+      r.language ?? "en",
+      s
+    ),
+    [o, u, l, i, r.language, s]
+  );
+  if (p === void 0) return null;
+  const c = (m = a == null ? void 0 : a.label) == null ? void 0 : m.trim().replace(/:$/, "").trim(), h = c || s("practiceResults.card.firstVisitPrice");
+  return /* @__PURE__ */ g(
+    "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: h,
+            className: un({
+              practiceWritten: !!c
+            }),
+            children: h
+          }
+        ),
+        /* @__PURE__ */ n("span", { className: "ds:sr-only", children: ": " }),
+        /* @__PURE__ */ n(
+          D,
+          {
+            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: p
+          }
+        )
+      ]
+    }
+  );
+}
+function Le({ time: e }) {
+  const { t } = N("ui");
+  return /* @__PURE__ */ g("span", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+    /* @__PURE__ */ n(
+      Dt,
+      {
+        "aria-hidden": "true",
+        className: "ds:size-4 ds:text-[var(--primary)]"
+      }
+    ),
+    t("practiceResults.nextSlot.summary", { time: e })
+  ] });
+}
+function et({
+  result: e,
+  openLabel: t,
+  bookLabel: i,
+  nextSlotText: s,
+  onOpenClick: r,
+  onBookClick: a
+}) {
+  const { t: o } = N("ui"), u = e.nextAvailableSlot, l = (u == null ? void 0 : u.bookingHref) ?? e.bookingHref ?? e.href, p = u && s ? o("practiceResults.nextSlot.cta", { time: s }) : i;
+  return /* @__PURE__ */ g("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(le, { intent: "secondary", size: "sm", asChild: !0, onClick: r, children: /* @__PURE__ */ g("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(
+      le,
+      {
+        intent: "primary",
+        size: "sm",
+        asChild: !0,
+        startIcon: /* @__PURE__ */ n(Et, { "aria-hidden": "true" }),
+        onClick: a,
+        children: /* @__PURE__ */ g(
+          "a",
+          {
+            href: l,
+            "data-component": "practice-result-book-cta",
+            "data-slot-aware": u ? "true" : void 0,
+            children: [
+              p,
+              " ",
+              /* @__PURE__ */ n("span", { className: "ds:sr-only", children: e.name })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+const tt = q(
+  [
+    "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]"
+  ].join(" "),
+  {
+    variants: {
+      density: {
+        compact: "",
+        rich: "ds:p-[var(--spacing-lg)] ds:gap-[var(--spacing-lg)]"
+      }
+    },
+    defaultVariants: { density: "compact" }
+  }
+), fn = q([
+  "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 pn({
+  result: e,
+  headingLevel: t
+}) {
+  const i = `h${Te(t)}`;
+  return /* @__PURE__ */ n(
+    i,
+    {
+      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: fn(),
+          children: e.name
+        }
+      )
+    }
+  );
+}
+function nt({
+  result: e,
+  headingLevel: t,
+  selected: i = !1
+}) {
+  var r, a;
+  const { t: s } = N("ui");
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      "data-component": "practice-result-heading",
+      className: "ds:@container/result-heading ds:min-w-0 ds:flex-1",
+      children: /* @__PURE__ */ g("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__ */ g("div", { className: "ds:flex ds:min-w-0 ds:w-full ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+          /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ n(pn, { result: e, headingLevel: t }),
+            ((r = e.location) == null ? void 0 : r.distanceKm) != null ? /* @__PURE__ */ n(an, { distanceKm: e.location.distanceKm }) : null,
+            i ? /* @__PURE__ */ n(
+              D,
+              {
+                variant: "brand",
+                "data-component": "practice-result-selected-tag",
+                leading: /* @__PURE__ */ n(ce, { "aria-hidden": "true" }),
+                children: s("practiceResults.selectedOnMap")
+              }
+            ) : null
+          ] }),
+          e.subtitle ? /* @__PURE__ */ n("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: e.subtitle }) : null,
+          /* @__PURE__ */ n(on, { tagline: e.tagline, lang: e.contentLang }),
+          (a = e.location) != null && a.address ? /* @__PURE__ */ g(
+            "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(ce, { "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(
+          mn,
+          {
+            price: e.firstVisitPrice,
+            cents: e.firstVisitPriceCents,
+            currencyCode: e.currencyCode
+          }
+        )
+      ] })
+    }
+  );
+}
+function at(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 Ie() {
+  return !(typeof window.matchMedia == "function" && !window.matchMedia("(hover: hover)").matches);
+}
+function Pe(e) {
+  try {
+    return e.matches(":focus-visible");
+  } catch {
+    return !0;
+  }
+}
+function it(e) {
+  if (e)
+    return (t) => {
+      const i = document.activeElement;
+      i && t.currentTarget.contains(i) && Pe(i) || e();
+    };
+}
+function st(e) {
+  if (e)
+    return (t) => {
+      t.currentTarget.contains(t.relatedTarget) || e();
+    };
+}
+function hn({
+  result: e,
+  headingLevel: t,
+  highlighted: i,
+  selected: s = !1,
+  onSelect: r,
+  onOpenClick: a,
+  onHover: o,
+  onLeave: u,
+  density: l = "compact",
+  openLabel: p,
+  bookLabel: c,
+  onBookClick: h,
+  nextSlotText: m,
+  maxInsuranceChips: x = 3,
+  maxLanguageChips: b = 4,
+  children: R
+}) {
+  var X, G, Z, W;
+  const { t: w, i18n: L } = N("ui"), I = e.rating, C = (((X = e.languages) == null ? void 0 : X.length) ?? 0) > 0, T = (((G = e.insurances) == null ? void 0 : G.length) ?? 0) > 0, f = e.specializedInFearPatients, S = C || T || f, v = (e.languages ?? []).slice(0, b), P = (((Z = e.languages) == null ? void 0 : Z.length) ?? 0) - v.length, V = (e.insurances ?? []).slice(0, x), O = (((W = e.insurances) == null ? void 0 : W.length) ?? 0) - V.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__ */ g(
+      "div",
+      {
+        "data-component": "practice-result-card",
+        "data-result-id": e.id,
+        "data-highlighted": i ? "true" : "false",
+        "data-selected": s ? "true" : "false",
+        role: "group",
+        "aria-labelledby": `practice-result-${e.id}-name`,
+        onClick: (H) => {
+          at(H) || r();
+        },
+        onMouseEnter: () => o(Ie()),
+        onFocus: (H) => o(Pe(H.target)),
+        onMouseLeave: it(u),
+        onBlur: st(u),
+        className: tt({ density: l }),
+        children: [
+          /* @__PURE__ */ n(
+            Re,
+            {
+              src: e.imageUrl,
+              alt: e.imageAlt,
+              name: e.name,
+              size: "lg",
+              shape: "rounded",
+              ratio: "4:3",
+              width: 64,
+              height: 48
+            }
+          ),
+          /* @__PURE__ */ g("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ n(
+              nt,
+              {
+                result: e,
+                headingLevel: t,
+                selected: s
+              }
+            ),
+            I && I.count > 0 ? /* @__PURE__ */ n(
+              Se,
+              {
+                value: I.value,
+                reviews: { count: I.count },
+                size: "sm"
+              }
+            ) : null,
+            /* @__PURE__ */ n(Xe, { review: e.latestReview }),
+            S ? /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+              v.map((H) => /* @__PURE__ */ n(
+                D,
+                {
+                  variant: "neutral",
+                  leading: /* @__PURE__ */ n(Ue, { "aria-hidden": "true" }),
+                  children: We(H, w, L)
+                },
+                `lang-${H}`
+              )),
+              P > 0 ? /* @__PURE__ */ n(D, { variant: "neutral", children: `+${P}` }) : null,
+              V.map((H) => /* @__PURE__ */ n(
+                D,
+                {
+                  variant: "info",
+                  leading: /* @__PURE__ */ n(Ge, { "aria-hidden": "true" }),
+                  children: H
+                },
+                `ins-${H}`
+              )),
+              O > 0 ? /* @__PURE__ */ n(D, { variant: "neutral", children: `+${O}` }) : null,
+              f ? /* @__PURE__ */ n(D, { variant: "info", leading: /* @__PURE__ */ n(Ze, { "aria-hidden": "true" }), children: w("practiceResults.fearPatient.label") }) : null
+            ] }) : null,
+            /* @__PURE__ */ n(
+              Ye,
+              {
+                description: e.description,
+                density: "compact",
+                lang: e.contentLang
+              }
+            ),
+            e.nextAvailableSlot && m ? /* @__PURE__ */ n(Le, { time: m }) : null,
+            R,
+            /* @__PURE__ */ n(
+              et,
+              {
+                result: e,
+                openLabel: p,
+                bookLabel: c,
+                nextSlotText: m,
+                onOpenClick: a,
+                onBookClick: h
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  );
+}
+function gn({
+  result: e,
+  headingLevel: t,
+  apiKey: i,
+  highlighted: s,
+  selected: r = !1,
+  onSelect: a,
+  onOpenClick: o,
+  onBookClick: u,
+  onHover: l,
+  onLeave: p,
+  openLabel: c,
+  bookLabel: h
+}) {
+  var C, T;
+  const { t: m, i18n: x } = N("ui"), b = F(() => {
+    if (e.nextAvailableSlot)
+      try {
+        return new Intl.DateTimeFormat(x.language, {
+          weekday: "short",
+          hour: "numeric",
+          minute: "numeric"
+        }).format(new Date(e.nextAvailableSlot.dateTime));
+      } catch {
+        return e.nextAvailableSlot.dateTime;
+      }
+  }, [e.nextAvailableSlot, x.language]), R = (((C = e.languages) == null ? void 0 : C.length) ?? 0) > 0, w = (((T = e.insurances) == null ? void 0 : T.length) ?? 0) > 0, L = e.specializedInFearPatients, I = R || w || L;
+  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__ */ g(
+      "div",
+      {
+        "data-component": "practice-result-card",
+        "data-result-id": e.id,
+        "data-density": "rich",
+        "data-highlighted": s ? "true" : "false",
+        "data-selected": r ? "true" : "false",
+        role: "group",
+        "aria-labelledby": `practice-result-${e.id}-name`,
+        onClick: (f) => {
+          at(f) || a();
+        },
+        onMouseEnter: () => l(Ie()),
+        onFocus: (f) => l(Pe(f.target)),
+        onMouseLeave: it(p),
+        onBlur: st(p),
+        className: tt({ density: "rich" }),
+        children: [
+          e.location ? /* @__PURE__ */ n("div", { className: "ds:hidden ds:@min-[640px]/result-card:block", children: /* @__PURE__ */ n(
+            rn,
+            {
+              apiKey: i,
+              center: {
+                lat: e.location.lat,
+                lng: e.location.lng
+              },
+              address: e.location.address,
+              addressLang: e.contentLang
+            }
+          ) }) : null,
+          /* @__PURE__ */ g("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ g("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-md)]", children: [
+              /* @__PURE__ */ n(
+                Re,
+                {
+                  src: e.imageUrl,
+                  alt: e.imageAlt,
+                  name: e.name,
+                  size: "md",
+                  shape: "rounded",
+                  ratio: "4:3",
+                  width: 53,
+                  height: 40
+                }
+              ),
+              /* @__PURE__ */ n(
+                nt,
+                {
+                  result: e,
+                  headingLevel: t,
+                  selected: r
+                }
+              )
+            ] }),
+            e.rating && e.rating.count > 0 ? /* @__PURE__ */ n(
+              Se,
+              {
+                value: e.rating.value,
+                reviews: { count: e.rating.count },
+                size: "md"
+              }
+            ) : null,
+            /* @__PURE__ */ n(Xe, { review: e.latestReview }),
+            I ? /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+              R ? (e.languages ?? []).map((f) => /* @__PURE__ */ n(
+                D,
+                {
+                  variant: "neutral",
+                  leading: /* @__PURE__ */ n(Ue, { "aria-hidden": "true" }),
+                  children: We(f, m, x)
+                },
+                `lang-${f}`
+              )) : null,
+              w ? (e.insurances ?? []).map((f) => /* @__PURE__ */ n(
+                D,
+                {
+                  variant: "info",
+                  leading: /* @__PURE__ */ n(Ge, { "aria-hidden": "true" }),
+                  children: f
+                },
+                `ins-${f}`
+              )) : null,
+              L ? /* @__PURE__ */ n(D, { variant: "info", leading: /* @__PURE__ */ n(Ze, { "aria-hidden": "true" }), children: m("practiceResults.fearPatient.label") }) : null
+            ] }) : null,
+            /* @__PURE__ */ n(
+              Ye,
+              {
+                description: e.description,
+                density: "rich",
+                lang: e.contentLang
+              }
+            ),
+            e.nextAvailableSlot && b ? /* @__PURE__ */ n(Le, { time: b }) : null,
+            /* @__PURE__ */ n(
+              et,
+              {
+                result: e,
+                openLabel: c,
+                bookLabel: h,
+                nextSlotText: b,
+                onOpenClick: o,
+                onBookClick: u
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  );
+}
+function Me({
+  results: e,
+  headingLevel: t,
+  hoveredId: i,
+  selectedId: s,
+  softId: r,
+  onCardHover: a,
+  onCardLeave: o,
+  onCardSelect: u,
+  onCardOpenClick: l,
+  onCardBookClick: p,
+  openLabel: c,
+  bookLabel: h,
+  formatNextSlot: m,
+  onLoadMore: x,
+  loadingMore: b,
+  loadingSkeletons: R,
+  density: w = "compact",
+  apiKey: L,
+  containerRef: I
+}) {
+  const { t: C } = N("ui"), T = B(null);
+  return ee(() => {
+    if (!x) return;
+    const f = T.current;
+    if (!f || typeof IntersectionObserver > "u") return;
+    const S = new IntersectionObserver(
+      (v) => {
+        for (const P of v)
+          P.isIntersecting && (E("serp_load_more", {
+            currentCount: e.length
+          }), x());
+      },
+      { root: null, rootMargin: "200px" }
+    );
+    return S.observe(f), () => S.disconnect();
+  }, [x, e.length]), R ? /* @__PURE__ */ n(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "aria-label": C("practiceResults.loading"),
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+      children: Array.from({ length: 4 }).map((f, S) => /* @__PURE__ */ n(
+        Ft,
+        {
+          variant: "rounded",
+          height: w === "rich" ? "11rem" : "7rem"
+        },
+        `pr-skel-${S}`
+      ))
+    }
+  ) : /* @__PURE__ */ g(
+    "div",
+    {
+      ref: I,
+      "data-component": "practice-results-list",
+      role: "list",
+      "aria-label": C("practiceResults.list.label"),
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:overflow-y-auto",
+      children: [
+        e.map((f) => /* @__PURE__ */ n("div", { role: "listitem", children: w === "rich" ? /* @__PURE__ */ n(
+          gn,
+          {
+            result: f,
+            headingLevel: t,
+            apiKey: L,
+            highlighted: i === f.id || s === f.id || r === f.id,
+            selected: s === f.id,
+            onSelect: () => u(f.id),
+            onOpenClick: () => l(f.id),
+            onBookClick: () => p(f.id),
+            onHover: (S) => a(f.id, S),
+            onLeave: o,
+            openLabel: c,
+            bookLabel: h
+          }
+        ) : /* @__PURE__ */ n(
+          hn,
+          {
+            result: f,
+            headingLevel: t,
+            highlighted: i === f.id || s === f.id || r === f.id,
+            selected: s === f.id,
+            onSelect: () => u(f.id),
+            onOpenClick: () => l(f.id),
+            onBookClick: () => p(f.id),
+            onHover: (S) => a(f.id, S),
+            onLeave: o,
+            openLabel: c,
+            bookLabel: h,
+            nextSlotText: m(f)
+          }
+        ) }, f.id)),
+        x ? /* @__PURE__ */ n(
+          "div",
+          {
+            ref: T,
+            "aria-hidden": "true",
+            className: "ds:flex ds:items-center ds:justify-center ds:py-[var(--spacing-md)]",
+            children: b ? /* @__PURE__ */ n(_t, { size: "md", variant: "pulse" }) : /* @__PURE__ */ n("span", { className: "ds:size-1" })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function vn({
+  result: e,
+  nextSlotText: t
+}) {
+  const i = e.rating;
+  return /* @__PURE__ */ g(
+    "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(
+          Re,
+          {
+            src: e.imageUrl,
+            name: e.name,
+            size: "lg",
+            shape: "rounded",
+            ratio: "4:3",
+            width: 64,
+            height: 48
+          }
+        ),
+        /* @__PURE__ */ g("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
+            }
+          ),
+          i && i.count > 0 ? /* @__PURE__ */ n(
+            Se,
+            {
+              value: i.value,
+              reviews: { count: i.count },
+              size: "sm"
+            }
+          ) : null,
+          e.nextAvailableSlot && t ? /* @__PURE__ */ n(Le, { time: t }) : null
+        ] })
+      ]
+    }
+  );
+}
+function ke({
+  results: e,
+  searchCentre: t,
+  zoom: i,
+  apiKey: s,
+  mapId: r,
+  hoveredId: a,
+  selectedId: o,
+  onMapClick: u,
+  formatNextSlot: l,
+  onPinClick: p,
+  onPinHover: c,
+  onPinFirstInteract: h,
+  onBoundsChange: m,
+  consentGranted: x,
+  onConsentRequest: b,
+  mapHandleRef: R
+}) {
+  const { t: w } = N("ui"), L = F(
+    () => e.filter(
+      (v) => !!v.location
+    ).map((v) => ({
+      id: v.id,
+      position: {
+        lat: v.location.lat,
+        lng: v.location.lng
+      },
+      label: v.name
+    })),
+    [e]
+  ), I = F(
+    () => L.map((v) => ({ ...v.position, id: v.id })),
+    [L]
+  ), C = F(
+    () => L.map((v) => v.id).sort().join("|"),
+    [L]
+  ), T = F(() => {
+    if (t) return t;
+    const v = Yt(e);
+    return v ? {
+      lat: (v.north + v.south) / 2,
+      lng: (v.east + v.west) / 2
+    } : { lat: 45.4642, lng: 9.19 };
+  }, [e, t]), f = F(
+    () => l ? (v) => {
+      const P = e.find((V) => V.id === v);
+      return P ? /* @__PURE__ */ n(
+        vn,
+        {
+          result: P,
+          nextSlotText: l(P)
+        }
+      ) : null;
+    } : void 0,
+    [l, e]
+  ), S = _(
+    (v, { userInteraction: P }) => {
+      m == null || m(v), P && E("serp_map_panned", { bounds: v });
+    },
+    [m]
+  );
+  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(
+        Tt,
+        {
+          ref: R,
+          apiKey: s ?? "",
+          mapId: r,
+          center: T,
+          zoom: i,
+          markers: L,
+          fitToPoints: I,
+          fitKey: C,
+          selectedMarkerId: o,
+          hoveredMarkerId: a,
+          renderMarkerCard: f,
+          consentGranted: !!x,
+          onConsentRequest: b,
+          onBoundsChange: S,
+          onMarkerClick: (v) => {
+            if (v == null) {
+              u();
+              return;
+            }
+            c(v), h(v), p(v);
+          },
+          ariaLabel: w("practiceResults.map.label"),
+          size: "fill",
+          surface: "bordered",
+          className: "ds:size-full"
+        }
+      )
+    }
+  );
+}
+function Ae({
+  variantBodyProps: e
+}) {
+  const {
+    facets: t,
+    value: i,
+    sortOptions: s,
+    onChange: r,
+    heading: a,
+    intro: o,
+    totalCount: u,
+    searchCentre: l
+  } = e;
+  return !a && !o && u == null && t.length === 0 && s.length === 0 ? null : /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ n(
+      Qe,
+      {
+        heading: a,
+        headingLevel: e.headingLevel,
+        intro: o,
+        totalCount: u,
+        searchCentreLabel: l == null ? void 0 : l.label
+      }
+    ),
+    t.length > 0 ? /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ n(
+        Je,
+        {
+          facets: t,
+          value: i.facets,
+          onChange: (p) => r({ ...i, facets: p })
+        }
+      ),
+      s.length > 0 ? /* @__PURE__ */ n(
+        Ce,
+        {
+          options: s,
+          value: i.sort ?? "relevance",
+          onChange: (p) => r({ ...i, sort: p })
+        }
+      ) : null
+    ] }) : s.length > 0 ? /* @__PURE__ */ n("div", { className: "ds:flex ds:justify-end", children: /* @__PURE__ */ n(
+      Ce,
+      {
+        options: s,
+        value: i.sort ?? "relevance",
+        onChange: (p) => r({ ...i, sort: p })
+      }
+    ) }) : null
+  ] });
+}
+function Te(e) {
+  return Math.min(e + 1, 6);
+}
+function Fe({
+  headingLevel: e
+}) {
+  const { t } = N("ui");
+  return /* @__PURE__ */ n(
+    At,
+    {
+      variant: "no-results",
+      headingLevel: Te(e),
+      title: t("practiceResults.empty.title"),
+      description: t("practiceResults.empty.description")
+    }
+  );
+}
+function _e({
+  onRetry: e,
+  headingLevel: t
+}) {
+  const { t: i } = N("ui"), s = Te(t);
+  return /* @__PURE__ */ g(oe, { variant: "error", children: [
+    /* @__PURE__ */ n(oe.Title, { as: `h${s}`, children: i("practiceResults.error.title") }),
+    /* @__PURE__ */ n(oe.Description, { children: i("practiceResults.error.description") }),
+    e ? /* @__PURE__ */ n(oe.Action, { children: /* @__PURE__ */ n(
+      le,
+      {
+        intent: "secondary",
+        size: "sm",
+        startIcon: /* @__PURE__ */ n($t, { "aria-hidden": "true" }),
+        onClick: e,
+        children: i("practiceResults.error.retry")
+      }
+    ) }) : null
+  ] });
+}
+function bn(e) {
+  const {
+    results: t,
+    apiKey: i,
+    mapId: s,
+    zoom: r,
+    searchCentre: a,
+    onLoadMore: o,
+    loadingMore: u,
+    loadingSkeletons: l,
+    emptyResultsSlot: p,
+    errorSlot: c,
+    error: h,
+    onRetry: m,
+    hoveredId: x,
+    selectedId: b,
+    onCardHover: R,
+    onPinClick: w,
+    consentGranted: L,
+    onConsentRequest: I,
+    onBoundsChange: C,
+    listContainerRef: T
+  } = e, { t: f } = N("ui"), [S, v] = te(!1), P = Ne("(min-width: 1024px)"), V = h ? c ?? /* @__PURE__ */ n(_e, { onRetry: m, headingLevel: e.headingLevel }) : t.length === 0 && !l ? p ?? /* @__PURE__ */ n(Fe, { headingLevel: e.headingLevel }) : /* @__PURE__ */ n(
+    Me,
+    {
+      results: t,
+      headingLevel: e.headingLevel,
+      hoveredId: x,
+      selectedId: b,
+      softId: e.softId,
+      onCardHover: R,
+      onCardLeave: e.onCardLeave,
+      onCardSelect: e.onCardSelect,
+      onCardOpenClick: e.onCardOpenClick,
+      onCardBookClick: e.onCardBookClick,
+      openLabel: e.openLabel,
+      bookLabel: e.bookLabel,
+      formatNextSlot: e.formatNextSlot,
+      onLoadMore: o,
+      loadingMore: u,
+      loadingSkeletons: l,
+      density: "compact",
+      containerRef: T
+    }
+  );
+  return /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ n(Ae, { variantBodyProps: e }),
+    /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:lg:grid ds:lg:grid-cols-[55fr_45fr] ds:lg:gap-[var(--spacing-lg)] ds:lg:items-start", children: [
+      /* @__PURE__ */ n("div", { className: "ds:min-w-0", children: V }),
+      /* @__PURE__ */ n("div", { className: "ds:hidden ds:lg:block ds:sticky ds:top-[var(--spacing-md)] ds:h-[40rem]", children: /* @__PURE__ */ n(
+        ke,
+        {
+          results: t,
+          searchCentre: a,
+          zoom: r,
+          apiKey: i,
+          mapId: s,
+          hoveredId: e.mapHoveredId,
+          selectedId: e.mapSelectedId,
+          onMapClick: e.onMapClick,
+          formatNextSlot: P ? e.formatNextSlot : void 0,
+          onPinClick: (O) => {
+            ne(t, O, "pin", e.onResultSelect), w(O);
+          },
+          onPinHover: e.onPinHover,
+          onPinFirstInteract: e.onPinFirstInteract,
+          onBoundsChange: C,
+          consentGranted: L,
+          onConsentRequest: I,
+          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(
+      le,
+      {
+        intent: "primary",
+        size: "md",
+        startIcon: /* @__PURE__ */ n(Kt, { "aria-hidden": "true" }),
+        onClick: () => v(!0),
+        children: f("practiceResults.viewMap")
+      }
+    ) }),
+    /* @__PURE__ */ n($.Root, { open: S, onOpenChange: v, children: /* @__PURE__ */ g($.Content, { side: "bottom", size: "lg", children: [
+      /* @__PURE__ */ n($.Header, { children: /* @__PURE__ */ n($.Title, { children: f("practiceResults.map.label") }) }),
+      /* @__PURE__ */ g($.Body, { children: [
+        /* @__PURE__ */ n($.Description, { className: "ds:sr-only", children: f("practiceResults.sheet.description") }),
+        /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+          /* @__PURE__ */ n("div", { className: "ds:h-[20rem]", children: /* @__PURE__ */ n(
+            ke,
+            {
+              results: t,
+              searchCentre: a,
+              zoom: r,
+              apiKey: i,
+              mapId: s,
+              hoveredId: e.mapHoveredId,
+              selectedId: e.mapSelectedId,
+              onMapClick: e.onMapClick,
+              onPinClick: (O) => {
+                ne(t, O, "pin", e.onResultSelect), w(O);
+              },
+              onPinHover: e.onPinHover,
+              onPinFirstInteract: e.onPinFirstInteract,
+              onBoundsChange: C,
+              consentGranted: L,
+              onConsentRequest: I,
+              mapHandleRef: e.mapHandleRef
+            }
+          ) }),
+          V
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
+const xn = {
+  peek: "sm",
+  half: "md",
+  full: "lg"
+}, J = [
+  "peek",
+  "half",
+  "full"
+];
+function yn({ value: e, onChange: t }) {
+  const { t: i, i18n: s } = N("ui"), r = s.dir() === "rtl", a = B(
+    /* @__PURE__ */ new Map()
+  ), o = _((l) => {
+    var p;
+    (p = a.current.get(l)) == null || p.focus();
+  }, []), u = _(
+    (l, p) => {
+      const c = J.indexOf(p), h = J.length, m = r ? "ArrowLeft" : "ArrowRight", x = r ? "ArrowRight" : "ArrowLeft";
+      let b = null;
+      switch (l.key) {
+        case m:
+        case "ArrowDown":
+          b = J[(c + 1) % h];
+          break;
+        case x:
+        case "ArrowUp":
+          b = J[(c - 1 + h) % h];
+          break;
+        case "Home":
+          b = J[0];
+          break;
+        case "End":
+          b = J[h - 1];
+          break;
+        default:
+          return;
+      }
+      l.preventDefault(), b && b !== p && t(b), b && o(b);
+    },
+    [o, r, t]
+  );
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": i("practiceResults.sheet.snap.label"),
+      className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]",
+      children: J.map((l) => {
+        const p = e === l;
+        return /* @__PURE__ */ n(
+          "button",
+          {
+            ref: (c) => {
+              c ? a.current.set(l, c) : a.current.delete(l);
+            },
+            type: "button",
+            role: "radio",
+            "aria-checked": p,
+            "aria-label": i(`practiceResults.sheet.snap.${l}`),
+            tabIndex: p ? 0 : -1,
+            onClick: () => t(l),
+            onKeyDown: (c) => u(c, l),
+            className: de({
+              state: p ? "active" : "idle"
+            }),
+            children: i(`practiceResults.sheet.snap.${l}`)
+          },
+          l
+        );
+      })
+    }
+  );
+}
+function wn(e) {
+  const {
+    results: t,
+    apiKey: i,
+    mapId: s,
+    zoom: r,
+    searchCentre: a,
+    onLoadMore: o,
+    loadingMore: u,
+    loadingSkeletons: l,
+    emptyResultsSlot: p,
+    errorSlot: c,
+    error: h,
+    onRetry: m,
+    hoveredId: x,
+    selectedId: b,
+    onCardHover: R,
+    onPinClick: w,
+    consentGranted: L,
+    onConsentRequest: I,
+    onBoundsChange: C,
+    listContainerRef: T,
+    facets: f,
+    value: S,
+    onChange: v
+  } = e, { t: P } = N("ui"), [V, O] = te("half"), X = xn[V], G = Ne("(min-width: 1024px)"), Z = h ? c ?? /* @__PURE__ */ n(_e, { onRetry: m, headingLevel: e.headingLevel }) : t.length === 0 && !l ? p ?? /* @__PURE__ */ n(Fe, { headingLevel: e.headingLevel }) : /* @__PURE__ */ n(
+    Me,
+    {
+      results: t,
+      headingLevel: e.headingLevel,
+      hoveredId: x,
+      selectedId: b,
+      softId: e.softId,
+      onCardHover: R,
+      onCardLeave: e.onCardLeave,
+      onCardSelect: e.onCardSelect,
+      onCardOpenClick: e.onCardOpenClick,
+      onCardBookClick: e.onCardBookClick,
+      openLabel: e.openLabel,
+      bookLabel: e.bookLabel,
+      formatNextSlot: e.formatNextSlot,
+      onLoadMore: o,
+      loadingMore: u,
+      loadingSkeletons: l,
+      density: "compact",
+      apiKey: i,
+      containerRef: T
+    }
+  ), W = /* @__PURE__ */ n(
+    ke,
+    {
+      results: t,
+      searchCentre: a,
+      zoom: r,
+      apiKey: i,
+      mapId: s,
+      hoveredId: e.mapHoveredId,
+      selectedId: e.mapSelectedId,
+      onMapClick: e.onMapClick,
+      formatNextSlot: G ? e.formatNextSlot : void 0,
+      onPinClick: (M) => {
+        ne(t, M, "pin", e.onResultSelect), w(M);
+      },
+      onPinHover: e.onPinHover,
+      onPinFirstInteract: e.onPinFirstInteract,
+      onBoundsChange: C,
+      consentGranted: L,
+      onConsentRequest: I,
+      mapHandleRef: e.mapHandleRef
+    }
+  ), H = f.length > 0 ? /* @__PURE__ */ n("div", { className: "ds:absolute ds:start-[var(--spacing-md)] ds:top-[var(--spacing-md)] ds:max-w-[calc(100%-var(--spacing-lg))]", children: /* @__PURE__ */ n(
+    Je,
+    {
+      facets: f,
+      value: S.facets,
+      onChange: (M) => v({ ...S, facets: M }),
+      floating: !0
+    }
+  ) }) : null;
+  return /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: G ? (
+    // 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__ */ g(It, { children: [
+      /* @__PURE__ */ n(Ae, { variantBodyProps: e }),
+      /* @__PURE__ */ g("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: W }),
+        /* @__PURE__ */ n("div", { className: "ds:min-w-0", children: Z })
+      ] })
+    ] })
+  ) : (
+    // 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__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+      /* @__PURE__ */ n(
+        Qe,
+        {
+          heading: e.heading,
+          headingLevel: e.headingLevel,
+          intro: e.intro,
+          totalCount: e.totalCount,
+          searchCentreLabel: a == null ? void 0 : a.label
+        }
+      ),
+      /* @__PURE__ */ g("div", { className: "ds:relative ds:h-[60vh] ds:min-h-[20rem]", children: [
+        W,
+        H
+      ] }),
+      /* @__PURE__ */ n($.Root, { open: !0, children: /* @__PURE__ */ n(
+        $.Content,
+        {
+          side: "bottom",
+          size: X,
+          onEscapeKeyDown: (M) => M.preventDefault(),
+          onPointerDownOutside: (M) => M.preventDefault(),
+          onInteractOutside: (M) => M.preventDefault(),
+          children: /* @__PURE__ */ g($.Body, { children: [
+            /* @__PURE__ */ n($.Description, { className: "ds:sr-only", children: P("practiceResults.sheet.descriptionMapFirst") }),
+            /* @__PURE__ */ g("div", { className: "ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]", children: [
+              /* @__PURE__ */ n($.Title, { className: "type-title-card ds:m-0 ds:text-[var(--foreground)]", children: P("practiceResults.sheet.title", {
+                count: e.totalCount ?? t.length
+              }) }),
+              /* @__PURE__ */ n(
+                yn,
+                {
+                  value: V,
+                  onChange: O
+                }
+              )
+            ] }),
+            e.sortOptions.length > 0 ? /* @__PURE__ */ n("div", { className: "ds:pb-[var(--spacing-sm)]", children: /* @__PURE__ */ n(
+              Ce,
+              {
+                options: e.sortOptions,
+                value: S.sort ?? "relevance",
+                onChange: (M) => v({ ...S, sort: M })
+              }
+            ) }) : null,
+            Z
+          ] })
+        }
+      ) })
+    ] })
+  ) });
+}
+function Cn(e) {
+  const {
+    results: t,
+    apiKey: i,
+    onLoadMore: s,
+    loadingMore: r,
+    loadingSkeletons: a,
+    emptyResultsSlot: o,
+    errorSlot: u,
+    error: l,
+    onRetry: p,
+    hoveredId: c,
+    selectedId: h,
+    onCardHover: m,
+    listContainerRef: x
+  } = e, b = l ? u ?? /* @__PURE__ */ n(_e, { onRetry: p, headingLevel: e.headingLevel }) : t.length === 0 && !a ? o ?? /* @__PURE__ */ n(Fe, { headingLevel: e.headingLevel }) : /* @__PURE__ */ n(
+    Me,
+    {
+      results: t,
+      headingLevel: e.headingLevel,
+      hoveredId: c,
+      selectedId: h,
+      softId: e.softId,
+      onCardHover: m,
+      onCardLeave: e.onCardLeave,
+      onCardSelect: e.onCardSelect,
+      onCardOpenClick: e.onCardOpenClick,
+      onCardBookClick: e.onCardBookClick,
+      openLabel: e.openLabel,
+      bookLabel: e.bookLabel,
+      formatNextSlot: e.formatNextSlot,
+      onLoadMore: s,
+      loadingMore: r,
+      loadingSkeletons: a,
+      density: "rich",
+      apiKey: i,
+      containerRef: x
+    }
+  );
+  return /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ n(Ae, { variantBodyProps: e }),
+    b
+  ] });
+}
+const kn = Pt(function({
+  variant: t = "split-list-map",
+  results: i,
+  contentLang: s,
+  totalCount: r,
+  searchCentre: a,
+  facets: o,
+  googleMapsApiKey: u,
+  mapId: l,
+  defaultZoom: p = Ut,
+  onBoundsChange: c,
+  consentGranted: h,
+  onConsentRequest: m,
+  skipConsentGate: x = !1,
+  onLoadMore: b,
+  loadingMore: R,
+  value: w,
+  onChange: L,
+  sortOptions: I,
+  onResultSelect: C,
+  loading: T,
+  emptyResultsSlot: f,
+  errorSlot: S,
+  error: v,
+  onRetry: P,
+  heading: V,
+  headingLevel: O = 2,
+  intro: X,
+  cardOpenButtonLabel: G,
+  cardBookButtonLabel: Z,
+  showCardOpenButton: W = !0,
+  "aria-label": H,
+  id: M,
+  className: rt,
+  ...ot
+}, lt) {
+  const { t: ue, i18n: He } = N("ui"), [me, j] = te(null), [Ve, Y] = te(null), [fe, z] = te(null), [pe, ct] = te(null), U = Ne("(min-width: 1024px)"), ae = B(/* @__PURE__ */ new Set()), he = B(/* @__PURE__ */ new Set()), dt = B(null), ie = B(null), ge = F(
+    () => ({
+      getVariant: () => t,
+      scrollToResult: (d) => {
+        const k = ie.current;
+        if (!k) return;
+        const y = k.querySelector(
+          `[data-component="practice-result-card"][data-result-id="${CSS.escape(d)}"]`
+        );
+        y && (y.scrollIntoView({ behavior: "smooth", block: "nearest" }), U || j(null), z(d));
+      },
+      focusPin: (d) => {
+        U && t !== "rich-cards" ? (z(null), Y(d)) : (U || j(null), z(d));
+      }
+    }),
+    [t, U]
+  );
+  Mt(lt, () => ge, [ge]), zt(qt, ge, M);
+  const ut = W ? G ?? ue("practiceResults.card.open") : void 0, mt = Z ?? ue("practiceResults.card.book"), ft = _(
+    (d) => {
+      if (d.nextAvailableSlot)
+        try {
+          return new Intl.DateTimeFormat(He.language, {
+            weekday: "short",
+            hour: "numeric",
+            minute: "numeric"
+          }).format(new Date(d.nextAvailableSlot.dateTime));
+        } catch {
+          return d.nextAvailableSlot.dateTime;
+        }
+    },
+    [He.language]
+  ), Oe = B(null);
+  ee(() => {
+    Oe.current !== t && (Oe.current = t, E("serp_variant_exposed", {
+      variant: t,
+      totalCount: r ?? i.length
+    }), ae.current = /* @__PURE__ */ new Set(), he.current = /* @__PURE__ */ new Set());
+  }, [t]);
+  const ve = B(!1), be = F(
+    () => Zt(o ?? [], i, w.facets),
+    [o, i, w.facets]
+  ), se = F(
+    () => I ? Ee.filter((d) => I.includes(d)) : Ee,
+    [I]
+  ), re = a ? "distance" : "relevance", ze = w.sort ?? re, xe = se.includes(ze) ? ze : se.includes(re) ? re : se[0] ?? re, A = F(() => {
+    const d = Wt(i, w.facets, be);
+    return Xt(d, xe, a);
+  }, [i, w.facets, be, xe, a]), pt = F(
+    () => s ? A.map(
+      (d) => d.contentLang ? d : { ...d, contentLang: s }
+    ) : A,
+    [A, s]
+  );
+  ee(() => {
+    const d = A.length === 0;
+    d && !ve.current ? (E("serp_empty_results", {
+      appliedFacets: w.facets ?? {}
+    }), ve.current = !0) : d || (ve.current = !1);
+  }, [A.length, w.facets]), ee(() => {
+    const d = new Set(A.map((y) => y.id)), k = (y) => y !== null && d.has(y) ? y : null;
+    j(k), Y(k), z(k);
+  }, [A]), ee(() => {
+    j(null), Y(null), z(null);
+  }, [t]);
+  const Q = B(null), Be = B(null);
+  ee(
+    () => () => {
+      Q.current && clearTimeout(Q.current);
+    },
+    []
+  );
+  const ye = _((d) => {
+    ae.current.has(d) || Be.current === d && Q.current || (Q.current && clearTimeout(Q.current), Be.current = d, Q.current = setTimeout(() => {
+      ae.current.has(d) || (ae.current.add(d), E("serp_result_hovered_card", { resultId: d })), Q.current = null;
+    }, 500));
+  }, []), ht = _(
+    (d, k) => {
+      ye(d), k && (j(d), z(null));
+    },
+    [ye]
+  ), gt = _(() => j(null), []), vt = _(() => {
+    Y(null), z(null);
+  }, []), bt = _(
+    (d) => {
+      var k;
+      if (!U) {
+        const y = (k = ie.current) == null ? void 0 : k.querySelector(
+          `[data-component="practice-result-card"][data-result-id="${CSS.escape(d)}"]`
+        );
+        j(null), z(d), y == null || y.scrollIntoView({ behavior: "smooth", block: "nearest" });
+        return;
+      }
+      z(null), Y(d), ct((y) => ({ id: d, n: ((y == null ? void 0 : y.n) ?? 0) + 1 }));
+    },
+    [U]
+  );
+  Ht(() => {
+    if (!pe) return;
+    const d = ie.current, k = d == null ? void 0 : d.querySelector(
+      `[data-component="practice-result-card"][data-result-id="${CSS.escape(pe.id)}"]`
+    );
+    k == null || k.scrollIntoView({
+      behavior: Vt(k) ? "instant" : "smooth",
+      block: "start"
+    });
+  }, [pe]);
+  const xt = _((d) => {
+    he.current.has(d) || (he.current.add(d), E("serp_result_hovered_pin", { resultId: d }));
+  }, []), $e = B(null), yt = _(
+    (d) => {
+      Y(null), Ie() ? (z(null), j(d)) : (j(null), z(d));
+      const k = A.find((y) => y.id === d);
+      if (k) {
+        if (k.location) {
+          const y = $e.current;
+          y == null || y.panTo({
+            lat: k.location.lat,
+            lng: k.location.lng
+          }), y == null || y.setZoom(16);
+        }
+        ne(A, d, "card", C);
+      }
+    },
+    [A, C]
+  ), wt = _(
+    (d) => {
+      ne(
+        A,
+        d,
+        "open-button",
+        C
+      );
+    },
+    [A, C]
+  ), Ct = _(
+    (d) => {
+      ne(
+        A,
+        d,
+        "book-button",
+        C
+      );
+    },
+    [A, C]
+  ), kt = !!T && i.length === 0, Rt = _(
+    (d, k) => {
+      const y = A.find((Lt) => Lt.id === d.id);
+      C(y ?? d, k);
+    },
+    [A, C]
+  ), we = {
+    results: pt,
+    totalCount: r,
+    searchCentre: a,
+    facets: be,
+    value: { ...w, sort: xe },
+    sortOptions: se,
+    onChange: L,
+    onResultSelect: Rt,
+    onLoadMore: b,
+    loadingMore: R,
+    apiKey: u,
+    mapId: l,
+    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: x ? !0 : h,
+    onConsentRequest: x ? void 0 : m,
+    onBoundsChange: c,
+    loadingSkeletons: kt,
+    emptyResultsSlot: f,
+    errorSlot: S,
+    error: v,
+    onRetry: P,
+    heading: V,
+    headingLevel: O,
+    intro: X,
+    hoveredId: me,
+    selectedId: Ve,
+    softId: fe,
+    mapHoveredId: U ? me : null,
+    mapSelectedId: U ? Ve ?? fe : me ?? fe,
+    onCardHover: ht,
+    onCardLeave: gt,
+    onPinHover: ye,
+    onMapClick: vt,
+    onPinClick: bt,
+    onPinFirstInteract: xt,
+    onCardSelect: yt,
+    onCardOpenClick: wt,
+    onCardBookClick: Ct,
+    openLabel: ut,
+    bookLabel: mt,
+    formatNextSlot: ft,
+    listContainerRef: dt,
+    mapHandleRef: $e
+  }, St = (() => {
+    switch (t) {
+      case "map-first":
+        return /* @__PURE__ */ n(wn, { ...we });
+      case "rich-cards":
+        return /* @__PURE__ */ n(Cn, { ...we });
+      case "split-list-map":
+      default:
+        return /* @__PURE__ */ n(bn, { ...we });
+    }
+  })(), Nt = H ?? ue("practiceResults.regionLabel");
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ref: ie,
+      role: "region",
+      "aria-label": Nt,
+      id: M,
+      "data-component": "practice-results",
+      "data-component-id": M,
+      "data-variant": t,
+      className: en({ variant: t, className: rt }),
+      ...ot,
+      children: St
+    }
+  );
+});
+kn.displayName = "PracticeResults";
+export {
+  kn as P,
+  qt as p
+};
+//# sourceMappingURL=practice-results-BlxfBx-D.js.map