@alfadocs/ui-kit-debug 1.120.0 → 1.122.0

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

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