@alfadocs/ui-kit-debug 0.71.0 → 0.72.0

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

@@ -0,0 +1,1609 @@
+import { jsx as t, jsxs as m, Fragment as Ge } from "react/jsx-runtime";
+import { forwardRef as Ze, useState as pe, useRef as _, useMemo as D, useImperativeHandle as Qe, useCallback as K, useEffect as J } from "react";
+import { c as Z } from "./index-D2ZczOXr.js";
+import { useTranslation as C } from "react-i18next";
+import { A as Y } from "./alert-KJbsPYkI.js";
+import { A as ke } from "./avatar-BNQNhoyL.js";
+import { B as G } from "./button-DD_0Xdmr.js";
+import { D as $ } from "./dropdown-menu-DU-Hrf33.js";
+import { E as Je } from "./empty-state-BLy7tigq.js";
+import { M as We } from "./map-view-ByPvWG_9.js";
+import { R as Ce } from "./rating-BYbUowdK.js";
+import { S as I } from "./sheet-B_X54aZo.js";
+import { S as Xe } from "./skeleton-CZbwyJAA.js";
+import { S as Ye } from "./spinner-hbwuKwMf.js";
+import { B as L } from "./badge-DCOqV9mI.js";
+import { u as et } from "./use-media-query-CcAx5SMM.js";
+import { u as tt } from "./registry-DvAUVLHh.js";
+import { c as nt } from "./createLucideIcon-DhHxpK9K.js";
+import { R as at } from "./refresh-cw-DnI0cLFC.js";
+import { C as Se } from "./chevron-down-DWE7GSq9.js";
+import { M as te } from "./map-pin-BaY37-Km.js";
+import { L as Ne } from "./languages-CGLX6Qpe.js";
+import { S as Pe } from "./shield-check-DCJALLVh.js";
+import { H as Me } from "./heart--qCA4ffe.js";
+import { C as Ae } from "./calendar-clock-hbObjfGY.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 st = [
+  [
+    "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" }]
+], it = nt("map", st), rt = {
+  id: "practice-results",
+  // `scroll` backs scroll_to_result; `pick` backs focus_pin (a non-persisting
+  // pin 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", "pick"],
+  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.",
+      examples: [
+        { args: { id: "practice-42" }, note: "Scroll to a specific result." }
+      ],
+      invoke: (e, n) => {
+        e.scrollToResult(n.id);
+      }
+    },
+    focus_pin: {
+      safety: "read",
+      argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          id: {
+            type: "string",
+            description: "Stable result id whose map pin to highlight."
+          }
+        },
+        required: ["id"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.practiceResults.actions.focusPin",
+      description: "Highlight the map pin for the given result id (no-op on rich-cards).",
+      examples: [
+        { args: { id: "practice-42" }, note: "Highlight the matching pin." }
+      ],
+      invoke: (e, n) => {
+        e.focusPin(n.id);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "practice-results",
+      description: "Marks the PracticeResults root region."
+    },
+    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."
+    }
+  }
+}, lt = 13, ot = [
+  "distance",
+  "rating",
+  "next-available",
+  "relevance"
+];
+function _e(e, n, s) {
+  const r = `languages.${e}`;
+  return s.exists(r) ? n(r) : e.toUpperCase();
+}
+function H(e, n) {
+  if (typeof window > "u") return;
+  const s = window.track;
+  try {
+    s == null || s(e, n);
+  } catch {
+  }
+}
+function W(e, n, s, r) {
+  const i = e.findIndex((c) => c.id === n);
+  if (i < 0) return;
+  const a = e[i];
+  a && (H("serp_result_clicked", { resultId: n, source: s, position: i }), r(a, s));
+}
+function ct(e, n) {
+  const r = (n.lat - e.lat) * Math.PI / 180, i = (n.lng - e.lng) * Math.PI / 180, a = e.lat * Math.PI / 180, c = n.lat * Math.PI / 180, d = Math.sin(r / 2), l = Math.sin(i / 2), g = d * d + Math.cos(a) * Math.cos(c) * l * l;
+  return 2 * 6371 * Math.asin(Math.min(1, Math.sqrt(g)));
+}
+function dt(e, n, s) {
+  return !n || Object.keys(n).length === 0 ? e : e.filter((r) => {
+    for (const i of s) {
+      const a = n[i.key];
+      if (!a || a.length === 0) continue;
+      if (i.options.length === 0) {
+        if (r[i.key] !== !0) return !1;
+        continue;
+      }
+      const c = i.key === "insurance" ? r.insurances : i.key === "language" ? r.languages : r[i.key];
+      if (!Array.isArray(c) || !(i.multi ? a.some((l) => c.includes(l)) : c.includes(a[0]))) return !1;
+    }
+    return !0;
+  });
+}
+function ut(e, n, s) {
+  const r = e.map((a) => {
+    const c = a.location ? a.location.distanceKm ?? (s ? ct(s, a.location) : void 0) : void 0;
+    return { result: a, distanceKm: c };
+  }), i = (a, c) => {
+    var d, l, g, o;
+    switch (n) {
+      case "distance":
+        return a.distanceKm == null && c.distanceKm == null ? 0 : a.distanceKm == null ? 1 : c.distanceKm == null ? -1 : a.distanceKm - c.distanceKm;
+      case "rating": {
+        const u = ((d = a.result.rating) == null ? void 0 : d.value) ?? -1;
+        return (((l = c.result.rating) == null ? void 0 : l.value) ?? -1) - u;
+      }
+      case "next-available": {
+        const u = ((g = a.result.nextAvailableSlot) == null ? void 0 : g.dateTime) ?? "", h = ((o = c.result.nextAvailableSlot) == null ? void 0 : o.dateTime) ?? "";
+        return !u && !h ? 0 : u ? h ? u.localeCompare(h) : -1 : 1;
+      }
+      case "relevance":
+      default:
+        return 0;
+    }
+  };
+  return [...r].sort(i).map(
+    ({ result: a, distanceKm: c }) => c != null && a.location ? {
+      ...a,
+      location: { ...a.location, distanceKm: c }
+    } : a
+  );
+}
+function Re(e) {
+  let n = -1 / 0, s = 1 / 0, r = -1 / 0, i = 1 / 0, a = !1;
+  for (const c of e) {
+    if (!c.location) continue;
+    a = !0;
+    const { lat: d, lng: l } = c.location;
+    d > n && (n = d), d < s && (s = d), l > r && (r = l), l < i && (i = l);
+  }
+  if (a)
+    return { north: n, south: s, east: r, west: i };
+}
+const pt = Z(
+  "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 Ie({
+  heading: e,
+  intro: n,
+  totalCount: s,
+  searchCentreLabel: r
+}) {
+  const { t: i } = C();
+  if (!e && !n && s == null) return null;
+  const a = s != null ? r ? i("practiceResults.results.heading", {
+    count: s,
+    place: r
+  }) : i("practiceResults.results.summary", { count: s }) : void 0;
+  return /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+    e ? /* @__PURE__ */ t("h2", { className: "type-title-section ds:m-0 ds:text-[var(--foreground)]", children: e }) : null,
+    n ? /* @__PURE__ */ t("p", { className: "type-body ds:m-0 ds:text-[var(--muted-foreground)]", children: n }) : null,
+    a ? /* @__PURE__ */ t(
+      "p",
+      {
+        className: "type-body-sm ds:m-0 ds:text-[var(--muted-foreground)]",
+        "aria-live": "polite",
+        children: a
+      }
+    ) : null
+  ] });
+}
+const ee = Z(
+  [
+    "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" }
+  }
+), mt = Z(
+  "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" }
+  }
+), ft = Z(
+  [
+    "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 ze({
+  facets: e,
+  value: n,
+  onChange: s,
+  floating: r
+}) {
+  const { t: i } = C(), a = D(() => n ?? {}, [n]), c = D(
+    () => Object.values(a).some((o) => o && o.length > 0),
+    [a]
+  ), d = (o, u) => {
+    const h = { ...a };
+    u.length === 0 ? delete h[o] : h[o] = u, s(h), H("serp_filter_changed", { key: o, values: u });
+  }, l = (o) => {
+    var h;
+    const u = (((h = a[o]) == null ? void 0 : h.length) ?? 0) > 0;
+    d(o, u ? [] : ["true"]);
+  }, g = (o, u) => {
+    const h = a[o.key] ?? [], x = h.includes(u);
+    let v;
+    o.multi ? v = x ? h.filter((p) => p !== u) : [...h, u] : v = x ? [] : [u], d(o.key, v);
+  };
+  return e.length === 0 ? null : /* @__PURE__ */ m(
+    "div",
+    {
+      "data-component": "practice-results-filters",
+      role: "group",
+      "aria-label": i("practiceResults.filters.label"),
+      className: mt({
+        placement: r ? "floating" : "inline"
+      }),
+      children: [
+        e.map((o) => {
+          const u = o.options.length === 0, h = a[o.key] ?? [], x = h.length > 0;
+          if (u)
+            return /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                "aria-pressed": x,
+                "aria-label": o.label,
+                onClick: () => l(o.key),
+                className: ee({
+                  state: x ? "active" : "idle"
+                }),
+                children: /* @__PURE__ */ t("span", { children: o.label })
+              },
+              o.key
+            );
+          const v = x ? ` (${h.length})` : "";
+          return /* @__PURE__ */ m($.Root, { children: [
+            /* @__PURE__ */ t($.Trigger, { asChild: !0, children: /* @__PURE__ */ m(
+              "button",
+              {
+                type: "button",
+                "aria-label": `${o.label}${v}`,
+                className: ee({
+                  state: x ? "active" : "idle"
+                }),
+                children: [
+                  /* @__PURE__ */ m("span", { children: [
+                    o.label,
+                    v
+                  ] }),
+                  /* @__PURE__ */ t(
+                    Se,
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:size-3.5 ds:shrink-0"
+                    }
+                  )
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ t($.Content, { sideOffset: 8, align: "start", children: o.options.map((p) => /* @__PURE__ */ t(
+              $.CheckboxItem,
+              {
+                checked: h.includes(p.value),
+                onSelect: (f) => {
+                  o.multi && f.preventDefault(), g(o, p.value);
+                },
+                children: p.label
+              },
+              p.value
+            )) })
+          ] }, o.key);
+        }),
+        c ? /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              s({}), H("serp_filter_changed", { key: "*", values: [] });
+            },
+            className: ft(),
+            children: i("practiceResults.filters.clear")
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function de({ value: e, onChange: n }) {
+  const { t: s } = C(), r = (i) => {
+    switch (i) {
+      case "distance":
+        return s("practiceResults.sort.distance");
+      case "rating":
+        return s("practiceResults.sort.rating");
+      case "next-available":
+        return s("practiceResults.sort.nextAvailable");
+      case "relevance":
+      default:
+        return s("practiceResults.sort.relevance");
+    }
+  };
+  return /* @__PURE__ */ m($.Root, { children: [
+    /* @__PURE__ */ t($.Trigger, { asChild: !0, children: /* @__PURE__ */ m(
+      "button",
+      {
+        type: "button",
+        "aria-label": `${s("practiceResults.sort.label")}: ${r(e)}`,
+        className: ee({ state: "idle" }),
+        children: [
+          /* @__PURE__ */ m("span", { children: [
+            s("practiceResults.sort.label"),
+            ": ",
+            r(e)
+          ] }),
+          /* @__PURE__ */ t(Se, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ t($.Content, { sideOffset: 8, align: "end", children: /* @__PURE__ */ t(
+      $.RadioGroup,
+      {
+        value: e,
+        onValueChange: (i) => {
+          const a = i;
+          a !== e && (n(a), H("serp_sort_changed", { sort: a }));
+        },
+        children: ot.map((i) => /* @__PURE__ */ t($.RadioItem, { value: i, children: r(i) }, i))
+      }
+    ) })
+  ] });
+}
+function Te({ distanceKm: e }) {
+  const { t: n, i18n: s } = C(), r = D(() => {
+    if (e < 1) return n("practiceResults.distance.below");
+    const i = new Intl.NumberFormat(s.language, {
+      maximumFractionDigits: 1
+    }).format(e);
+    return n("practiceResults.distance.km", { distance: i });
+  }, [e, n, s.language]);
+  return /* @__PURE__ */ t(L, { variant: "neutral", leading: /* @__PURE__ */ t(te, { "aria-hidden": "true" }), children: r });
+}
+const we = Z(
+  [
+    "ds:inline-size-[12rem] ds:block-size-[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 ht() {
+  if (typeof document > "u") return "4945a3";
+  const e = getComputedStyle(document.documentElement).getPropertyValue("--map-marker-color").trim(), n = /^#?([0-9a-fA-F]{6})$/.exec(e);
+  return n ? n[1] : "4945a3";
+}
+function gt({
+  apiKey: e,
+  center: n,
+  zoom: s = 14,
+  address: r
+}) {
+  const { t: i } = C();
+  if (!e)
+    return /* @__PURE__ */ m(
+      "div",
+      {
+        "aria-hidden": r ? void 0 : "true",
+        className: we({ state: "placeholder" }),
+        children: [
+          /* @__PURE__ */ t(te, { "aria-hidden": "true", className: "ds:size-5 ds:shrink-0" }),
+          r ? /* @__PURE__ */ t("span", { className: "type-meta ds:[overflow-wrap:anywhere]", children: r }) : null
+        ]
+      }
+    );
+  const a = ht(), c = `https://maps.googleapis.com/maps/api/staticmap?center=${n.lat},${n.lng}&zoom=${s}&size=240x160&scale=2&markers=color:0x${a}%7C${n.lat},${n.lng}&key=${encodeURIComponent(e)}`;
+  return /* @__PURE__ */ t(
+    "img",
+    {
+      src: c,
+      alt: i("practiceResults.thumbnail.alt"),
+      loading: "lazy",
+      decoding: "async",
+      width: 240,
+      height: 160,
+      className: we({ state: "image" })
+    }
+  );
+}
+const Fe = Z(
+  [
+    "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)]",
+    "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" }
+  }
+);
+function vt({
+  result: e,
+  highlighted: n,
+  onSelect: s,
+  onOpenClick: r,
+  onHover: i,
+  density: a = "compact",
+  openLabel: c,
+  nextSlotText: d,
+  maxInsuranceChips: l = 3,
+  maxLanguageChips: g = 4,
+  children: o
+}) {
+  var T, P, q, U, O, B;
+  const { t: u, i18n: h } = C(), x = e.rating, v = (T = e.location) == null ? void 0 : T.distanceKm, p = (((P = e.languages) == null ? void 0 : P.length) ?? 0) > 0, f = (((q = e.insurances) == null ? void 0 : q.length) ?? 0) > 0, y = e.specializedInFearPatients, N = p || f || y, R = (e.languages ?? []).slice(0, g), M = (((U = e.languages) == null ? void 0 : U.length) ?? 0) - R.length, A = (e.insurances ?? []).slice(0, l), z = (((O = e.insurances) == null ? void 0 : O.length) ?? 0) - A.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__ */ m(
+      "div",
+      {
+        "data-component": "practice-result-card",
+        "data-result-id": e.id,
+        "data-highlighted": n ? "true" : "false",
+        role: "group",
+        "aria-labelledby": `practice-result-${e.id}-name`,
+        onClick: s,
+        onMouseEnter: i,
+        onFocus: i,
+        className: Fe({ density: a }),
+        children: [
+          /* @__PURE__ */ t(ke, { src: e.imageUrl, name: e.name, size: "lg" }),
+          /* @__PURE__ */ m("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+              /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ t(
+                  "span",
+                  {
+                    id: `practice-result-${e.id}-name`,
+                    className: "type-title-card ds:text-[var(--foreground)]",
+                    children: e.name
+                  }
+                ),
+                v != null ? /* @__PURE__ */ t(Te, { distanceKm: v }) : null
+              ] }),
+              e.subtitle ? /* @__PURE__ */ t("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: e.subtitle }) : null,
+              (B = e.location) != null && B.address ? /* @__PURE__ */ m("span", { className: "type-meta ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+                /* @__PURE__ */ t(te, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }),
+                e.location.address
+              ] }) : null
+            ] }),
+            x && x.count > 0 ? /* @__PURE__ */ t(
+              Ce,
+              {
+                value: x.value,
+                reviews: { count: x.count },
+                size: "sm"
+              }
+            ) : null,
+            N ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+              R.map((S) => /* @__PURE__ */ t(
+                L,
+                {
+                  variant: "neutral",
+                  leading: /* @__PURE__ */ t(Ne, { "aria-hidden": "true" }),
+                  children: _e(S, u, h)
+                },
+                `lang-${S}`
+              )),
+              M > 0 ? /* @__PURE__ */ t(L, { variant: "neutral", children: `+${M}` }) : null,
+              A.map((S) => /* @__PURE__ */ t(
+                L,
+                {
+                  variant: "info",
+                  leading: /* @__PURE__ */ t(Pe, { "aria-hidden": "true" }),
+                  children: S
+                },
+                `ins-${S}`
+              )),
+              z > 0 ? /* @__PURE__ */ t(L, { variant: "neutral", children: `+${z}` }) : null,
+              y ? /* @__PURE__ */ t(L, { variant: "info", leading: /* @__PURE__ */ t(Me, { "aria-hidden": "true" }), children: u("practiceResults.fearPatient.label") }) : null
+            ] }) : null,
+            e.nextAvailableSlot && d ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+              /* @__PURE__ */ m("span", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ t(
+                  Ae,
+                  {
+                    "aria-hidden": "true",
+                    className: "ds:size-4 ds:text-[var(--primary)]"
+                  }
+                ),
+                u("practiceResults.nextSlot.summary", { time: d })
+              ] }),
+              /* @__PURE__ */ t(
+                G,
+                {
+                  intent: "primary",
+                  size: "sm",
+                  asChild: !0,
+                  onClick: (S) => {
+                    S.stopPropagation();
+                  },
+                  children: /* @__PURE__ */ t(
+                    "a",
+                    {
+                      href: e.nextAvailableSlot.bookingHref,
+                      "data-component": "practice-result-next-slot-cta",
+                      children: u("practiceResults.nextSlot.cta", { time: d })
+                    }
+                  )
+                }
+              )
+            ] }) : null,
+            o,
+            /* @__PURE__ */ t("div", { className: "ds:mt-[var(--spacing-xs)] ds:flex ds:justify-end", children: /* @__PURE__ */ t(
+              G,
+              {
+                intent: "secondary",
+                size: "sm",
+                asChild: !0,
+                onClick: (S) => {
+                  S.stopPropagation(), r();
+                },
+                children: /* @__PURE__ */ t("a", { href: e.href, "data-component": "practice-result-open-cta", children: c })
+              }
+            ) })
+          ] })
+        ]
+      }
+    )
+  );
+}
+function bt({
+  result: e,
+  apiKey: n,
+  highlighted: s,
+  onSelect: r,
+  onOpenClick: i,
+  onHover: a,
+  openLabel: c
+}) {
+  var p, f, y, N;
+  const { t: d, i18n: l } = C(), g = D(() => {
+    if (e.nextAvailableSlot)
+      try {
+        return new Intl.DateTimeFormat(l.language, {
+          weekday: "short",
+          hour: "numeric",
+          minute: "numeric"
+        }).format(new Date(e.nextAvailableSlot.dateTime));
+      } catch {
+        return e.nextAvailableSlot.dateTime;
+      }
+  }, [e.nextAvailableSlot, l.language]), o = (((p = e.languages) == null ? void 0 : p.length) ?? 0) > 0, u = (((f = e.insurances) == null ? void 0 : f.length) ?? 0) > 0, h = e.specializedInFearPatients, x = o || u || h, v = (y = e.location) == null ? void 0 : y.distanceKm;
+  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__ */ m(
+      "div",
+      {
+        "data-component": "practice-result-card",
+        "data-result-id": e.id,
+        "data-density": "rich",
+        "data-highlighted": s ? "true" : "false",
+        role: "group",
+        "aria-labelledby": `practice-result-${e.id}-name`,
+        onClick: r,
+        onMouseEnter: a,
+        onFocus: a,
+        className: Fe({ density: "rich" }),
+        children: [
+          e.location ? /* @__PURE__ */ t(
+            gt,
+            {
+              apiKey: n,
+              center: {
+                lat: e.location.lat,
+                lng: e.location.lng
+              },
+              address: e.location.address
+            }
+          ) : null,
+          /* @__PURE__ */ m("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ m("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-md)]", children: [
+              /* @__PURE__ */ t(ke, { src: e.imageUrl, name: e.name, size: "md" }),
+              /* @__PURE__ */ m("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+                /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                  /* @__PURE__ */ t(
+                    "span",
+                    {
+                      id: `practice-result-${e.id}-name`,
+                      className: "type-title-card ds:text-[var(--foreground)]",
+                      children: e.name
+                    }
+                  ),
+                  v != null ? /* @__PURE__ */ t(Te, { distanceKm: v }) : null
+                ] }),
+                e.subtitle ? /* @__PURE__ */ t("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: e.subtitle }) : null,
+                (N = e.location) != null && N.address ? /* @__PURE__ */ m("span", { className: "type-meta ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+                  /* @__PURE__ */ t(
+                    te,
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:size-3.5 ds:shrink-0"
+                    }
+                  ),
+                  e.location.address
+                ] }) : null
+              ] }),
+              e.rating && e.rating.count > 0 ? /* @__PURE__ */ t(
+                Ce,
+                {
+                  value: e.rating.value,
+                  reviews: { count: e.rating.count },
+                  size: "md"
+                }
+              ) : null
+            ] }),
+            x ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+              o ? (e.languages ?? []).map((R) => /* @__PURE__ */ t(
+                L,
+                {
+                  variant: "neutral",
+                  leading: /* @__PURE__ */ t(Ne, { "aria-hidden": "true" }),
+                  children: _e(R, d, l)
+                },
+                `lang-${R}`
+              )) : null,
+              u ? (e.insurances ?? []).map((R) => /* @__PURE__ */ t(
+                L,
+                {
+                  variant: "info",
+                  leading: /* @__PURE__ */ t(Pe, { "aria-hidden": "true" }),
+                  children: R
+                },
+                `ins-${R}`
+              )) : null,
+              h ? /* @__PURE__ */ t(L, { variant: "info", leading: /* @__PURE__ */ t(Me, { "aria-hidden": "true" }), children: d("practiceResults.fearPatient.label") }) : null
+            ] }) : null,
+            e.nextAvailableSlot && g ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+              /* @__PURE__ */ m("span", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ t(
+                  Ae,
+                  {
+                    "aria-hidden": "true",
+                    className: "ds:size-4 ds:text-[var(--primary)]"
+                  }
+                ),
+                d("practiceResults.nextSlot.summary", { time: g })
+              ] }),
+              /* @__PURE__ */ t(
+                G,
+                {
+                  intent: "primary",
+                  size: "sm",
+                  asChild: !0,
+                  onClick: (R) => {
+                    R.stopPropagation();
+                  },
+                  children: /* @__PURE__ */ t(
+                    "a",
+                    {
+                      href: e.nextAvailableSlot.bookingHref,
+                      "data-component": "practice-result-next-slot-cta",
+                      children: d("practiceResults.nextSlot.cta", { time: g })
+                    }
+                  )
+                }
+              )
+            ] }) : null,
+            /* @__PURE__ */ t("div", { className: "ds:mt-[var(--spacing-xs)] ds:flex ds:justify-end", children: /* @__PURE__ */ t(
+              G,
+              {
+                intent: "secondary",
+                size: "sm",
+                asChild: !0,
+                onClick: (R) => {
+                  R.stopPropagation(), i();
+                },
+                children: /* @__PURE__ */ t("a", { href: e.href, "data-component": "practice-result-open-cta", children: c })
+              }
+            ) })
+          ] })
+        ]
+      }
+    )
+  );
+}
+function me({
+  results: e,
+  highlightedId: n,
+  onCardHover: s,
+  onCardSelect: r,
+  onCardOpenClick: i,
+  openLabel: a,
+  formatNextSlot: c,
+  onLoadMore: d,
+  loadingMore: l,
+  loadingSkeletons: g,
+  density: o = "compact",
+  apiKey: u,
+  containerRef: h
+}) {
+  const { t: x } = C(), v = _(null);
+  return J(() => {
+    if (!d) return;
+    const p = v.current;
+    if (!p || typeof IntersectionObserver > "u") return;
+    const f = new IntersectionObserver(
+      (y) => {
+        for (const N of y)
+          N.isIntersecting && (H("serp_load_more", {
+            currentCount: e.length
+          }), d());
+      },
+      { root: null, rootMargin: "200px" }
+    );
+    return f.observe(p), () => f.disconnect();
+  }, [d, e.length]), g ? /* @__PURE__ */ t(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "aria-label": x("practiceResults.loading"),
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+      children: Array.from({ length: 4 }).map((p, f) => /* @__PURE__ */ t(
+        Xe,
+        {
+          variant: "rounded",
+          height: o === "rich" ? "11rem" : "7rem"
+        },
+        `pr-skel-${f}`
+      ))
+    }
+  ) : /* @__PURE__ */ m(
+    "div",
+    {
+      ref: h,
+      "data-component": "practice-results-list",
+      role: "list",
+      "aria-label": x("practiceResults.list.label"),
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:overflow-y-auto",
+      children: [
+        e.map((p) => /* @__PURE__ */ t("div", { role: "listitem", children: o === "rich" ? /* @__PURE__ */ t(
+          bt,
+          {
+            result: p,
+            apiKey: u,
+            highlighted: n === p.id,
+            onSelect: () => r(p.id),
+            onOpenClick: () => i(p.id),
+            onHover: () => s(p.id),
+            openLabel: a
+          }
+        ) : /* @__PURE__ */ t(
+          vt,
+          {
+            result: p,
+            highlighted: n === p.id,
+            onSelect: () => r(p.id),
+            onOpenClick: () => i(p.id),
+            onHover: () => s(p.id),
+            openLabel: a,
+            nextSlotText: c(p)
+          }
+        ) }, p.id)),
+        d ? /* @__PURE__ */ t(
+          "div",
+          {
+            ref: v,
+            "aria-hidden": "true",
+            className: "ds:flex ds:items-center ds:justify-center ds:py-[var(--spacing-md)]",
+            children: l ? /* @__PURE__ */ t(Ye, { size: "md", variant: "pulse" }) : /* @__PURE__ */ t("span", { className: "ds:size-1" })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function ue({
+  results: e,
+  searchCentre: n,
+  zoom: s,
+  apiKey: r,
+  mapId: i,
+  highlightedId: a,
+  onPinClick: c,
+  onPinHover: d,
+  onPinFirstInteract: l,
+  onBoundsChange: g,
+  consentGranted: o,
+  onConsentRequest: u,
+  mapHandleRef: h
+}) {
+  const { t: x } = C(), v = D(
+    () => e.filter(
+      (f) => !!f.location
+    ).map((f) => ({
+      id: f.id,
+      position: {
+        lat: f.location.lat,
+        lng: f.location.lng
+      },
+      label: f.name
+    })),
+    [e]
+  ), p = D(() => {
+    if (n) return n;
+    const f = Re(e);
+    return f ? {
+      lat: (f.north + f.south) / 2,
+      lng: (f.east + f.west) / 2
+    } : { lat: 45.4642, lng: 9.19 };
+  }, [e, n]);
+  return J(() => {
+    if (!g) return;
+    const f = Re(e);
+    f && (g(f), H("serp_map_panned", { bounds: f }));
+  }, [e, g]), /* @__PURE__ */ t(
+    "div",
+    {
+      "data-component": "practice-results-map-panel",
+      className: "ds:relative ds:flex ds:size-full ds:min-h-[24rem] ds:flex-col",
+      children: /* @__PURE__ */ t(
+        We,
+        {
+          ref: h,
+          apiKey: r ?? "",
+          mapId: i,
+          center: p,
+          zoom: s,
+          markers: v,
+          selectedMarkerId: a,
+          consentGranted: !!o,
+          onConsentRequest: u,
+          onMarkerClick: (f) => {
+            f != null && (d(f), l(f), c(f));
+          },
+          ariaLabel: x("practiceResults.map.label"),
+          size: "fill",
+          surface: "bordered",
+          className: "ds:size-full"
+        }
+      )
+    }
+  );
+}
+function fe({
+  variantBodyProps: e
+}) {
+  const { facets: n, value: s, onChange: r, heading: i, intro: a, totalCount: c, searchCentre: d } = e;
+  return /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ t(
+      Ie,
+      {
+        heading: i,
+        intro: a,
+        totalCount: c,
+        searchCentreLabel: d == null ? void 0 : d.label
+      }
+    ),
+    n.length > 0 ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ t(
+        ze,
+        {
+          facets: n,
+          value: s.facets,
+          onChange: (l) => r({ ...s, facets: l })
+        }
+      ),
+      /* @__PURE__ */ t(
+        de,
+        {
+          value: s.sort ?? "relevance",
+          onChange: (l) => r({ ...s, sort: l })
+        }
+      )
+    ] }) : /* @__PURE__ */ t("div", { className: "ds:flex ds:justify-end", children: /* @__PURE__ */ t(
+      de,
+      {
+        value: s.sort ?? "relevance",
+        onChange: (l) => r({ ...s, sort: l })
+      }
+    ) })
+  ] });
+}
+function he() {
+  const { t: e } = C();
+  return /* @__PURE__ */ t(
+    Je,
+    {
+      variant: "no-results",
+      title: e("practiceResults.empty.title"),
+      description: e("practiceResults.empty.description")
+    }
+  );
+}
+function ge({ onRetry: e }) {
+  const { t: n } = C();
+  return /* @__PURE__ */ m(Y, { variant: "error", children: [
+    /* @__PURE__ */ t(Y.Title, { as: "h3", children: n("practiceResults.error.title") }),
+    /* @__PURE__ */ t(Y.Description, { children: n("practiceResults.error.description") }),
+    e ? /* @__PURE__ */ t(Y.Action, { children: /* @__PURE__ */ t(
+      G,
+      {
+        intent: "secondary",
+        size: "sm",
+        startIcon: /* @__PURE__ */ t(at, { "aria-hidden": "true" }),
+        onClick: e,
+        children: n("practiceResults.error.retry")
+      }
+    ) }) : null
+  ] });
+}
+function xt(e) {
+  const {
+    results: n,
+    apiKey: s,
+    mapId: r,
+    zoom: i,
+    searchCentre: a,
+    onLoadMore: c,
+    loadingMore: d,
+    loadingSkeletons: l,
+    emptyResultsSlot: g,
+    errorSlot: o,
+    error: u,
+    onRetry: h,
+    highlightedId: x,
+    onCardHover: v,
+    onPinClick: p,
+    consentGranted: f,
+    onConsentRequest: y,
+    onBoundsChange: N,
+    listContainerRef: R
+  } = e, { t: M } = C(), [A, z] = pe(!1), T = u ? o ?? /* @__PURE__ */ t(ge, { onRetry: h }) : n.length === 0 && !l ? g ?? /* @__PURE__ */ t(he, {}) : /* @__PURE__ */ t(
+    me,
+    {
+      results: n,
+      highlightedId: x,
+      onCardHover: v,
+      onCardSelect: e.onCardSelect,
+      onCardOpenClick: e.onCardOpenClick,
+      openLabel: e.openLabel,
+      formatNextSlot: e.formatNextSlot,
+      onLoadMore: c,
+      loadingMore: d,
+      loadingSkeletons: l,
+      density: "compact",
+      containerRef: R
+    }
+  );
+  return /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ t(fe, { variantBodyProps: e }),
+    /* @__PURE__ */ m("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__ */ t("div", { className: "ds:min-w-0", children: T }),
+      /* @__PURE__ */ t("div", { className: "ds:hidden ds:lg:block ds:sticky ds:top-[var(--spacing-md)] ds:h-[40rem]", children: /* @__PURE__ */ t(
+        ue,
+        {
+          results: n,
+          searchCentre: a,
+          zoom: i,
+          apiKey: s,
+          mapId: r,
+          highlightedId: x,
+          onPinClick: (P) => {
+            W(n, P, "pin", e.onResultSelect), p(P);
+          },
+          onPinHover: v,
+          onPinFirstInteract: e.onPinFirstInteract,
+          onBoundsChange: N,
+          consentGranted: f,
+          onConsentRequest: y,
+          mapHandleRef: e.mapHandleRef
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "ds:flex ds:lg:hidden ds:sticky ds:bottom-[var(--spacing-md)] ds:justify-center", children: /* @__PURE__ */ t(
+      G,
+      {
+        intent: "primary",
+        size: "md",
+        startIcon: /* @__PURE__ */ t(it, { "aria-hidden": "true" }),
+        onClick: () => z(!0),
+        children: M("practiceResults.viewMap")
+      }
+    ) }),
+    /* @__PURE__ */ t(I.Root, { open: A, onOpenChange: z, children: /* @__PURE__ */ m(I.Content, { side: "bottom", size: "lg", children: [
+      /* @__PURE__ */ t(I.Header, { children: /* @__PURE__ */ t(I.Title, { children: M("practiceResults.map.label") }) }),
+      /* @__PURE__ */ m(I.Body, { children: [
+        /* @__PURE__ */ t(I.Description, { className: "ds:sr-only", children: M("practiceResults.sheet.description") }),
+        /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+          /* @__PURE__ */ t("div", { className: "ds:h-[20rem]", children: /* @__PURE__ */ t(
+            ue,
+            {
+              results: n,
+              searchCentre: a,
+              zoom: i,
+              apiKey: s,
+              mapId: r,
+              highlightedId: x,
+              onPinClick: (P) => {
+                W(n, P, "pin", e.onResultSelect), p(P);
+              },
+              onPinHover: v,
+              onPinFirstInteract: e.onPinFirstInteract,
+              onBoundsChange: N,
+              consentGranted: f,
+              onConsentRequest: y,
+              mapHandleRef: e.mapHandleRef
+            }
+          ) }),
+          T
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
+const yt = {
+  peek: "sm",
+  half: "md",
+  full: "lg"
+}, V = [
+  "peek",
+  "half",
+  "full"
+];
+function Rt({ value: e, onChange: n }) {
+  const { t: s, i18n: r } = C(), i = r.dir() === "rtl", a = _(
+    /* @__PURE__ */ new Map()
+  ), c = K((l) => {
+    var g;
+    (g = a.current.get(l)) == null || g.focus();
+  }, []), d = K(
+    (l, g) => {
+      const o = V.indexOf(g), u = V.length, h = i ? "ArrowLeft" : "ArrowRight", x = i ? "ArrowRight" : "ArrowLeft";
+      let v = null;
+      switch (l.key) {
+        case h:
+        case "ArrowDown":
+          v = V[(o + 1) % u];
+          break;
+        case x:
+        case "ArrowUp":
+          v = V[(o - 1 + u) % u];
+          break;
+        case "Home":
+          v = V[0];
+          break;
+        case "End":
+          v = V[u - 1];
+          break;
+        default:
+          return;
+      }
+      l.preventDefault(), v && v !== g && n(v), v && c(v);
+    },
+    [c, i, n]
+  );
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": s("practiceResults.sheet.snap.label"),
+      className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]",
+      children: V.map((l) => {
+        const g = e === l;
+        return /* @__PURE__ */ t(
+          "button",
+          {
+            ref: (o) => {
+              o ? a.current.set(l, o) : a.current.delete(l);
+            },
+            type: "button",
+            role: "radio",
+            "aria-checked": g,
+            "aria-label": s(`practiceResults.sheet.snap.${l}`),
+            tabIndex: g ? 0 : -1,
+            onClick: () => n(l),
+            onKeyDown: (o) => d(o, l),
+            className: ee({
+              state: g ? "active" : "idle"
+            }),
+            children: s(`practiceResults.sheet.snap.${l}`)
+          },
+          l
+        );
+      })
+    }
+  );
+}
+function wt(e) {
+  const {
+    results: n,
+    apiKey: s,
+    mapId: r,
+    zoom: i,
+    searchCentre: a,
+    onLoadMore: c,
+    loadingMore: d,
+    loadingSkeletons: l,
+    emptyResultsSlot: g,
+    errorSlot: o,
+    error: u,
+    onRetry: h,
+    highlightedId: x,
+    onCardHover: v,
+    onPinClick: p,
+    consentGranted: f,
+    onConsentRequest: y,
+    onBoundsChange: N,
+    listContainerRef: R,
+    facets: M,
+    value: A,
+    onChange: z
+  } = e, { t: T } = C(), [P, q] = pe("half"), U = yt[P], O = et("(min-width: 1024px)"), B = u ? o ?? /* @__PURE__ */ t(ge, { onRetry: h }) : n.length === 0 && !l ? g ?? /* @__PURE__ */ t(he, {}) : /* @__PURE__ */ t(
+    me,
+    {
+      results: n,
+      highlightedId: x,
+      onCardHover: v,
+      onCardSelect: e.onCardSelect,
+      onCardOpenClick: e.onCardOpenClick,
+      openLabel: e.openLabel,
+      formatNextSlot: e.formatNextSlot,
+      onLoadMore: c,
+      loadingMore: d,
+      loadingSkeletons: l,
+      density: "compact",
+      apiKey: s,
+      containerRef: R
+    }
+  ), S = /* @__PURE__ */ t(
+    ue,
+    {
+      results: n,
+      searchCentre: a,
+      zoom: i,
+      apiKey: s,
+      mapId: r,
+      highlightedId: x,
+      onPinClick: (w) => {
+        W(n, w, "pin", e.onResultSelect), p(w);
+      },
+      onPinHover: v,
+      onPinFirstInteract: e.onPinFirstInteract,
+      onBoundsChange: N,
+      consentGranted: f,
+      onConsentRequest: y,
+      mapHandleRef: e.mapHandleRef
+    }
+  ), ne = M.length > 0 ? /* @__PURE__ */ t("div", { className: "ds:absolute ds:start-[var(--spacing-md)] ds:top-[var(--spacing-md)] ds:max-w-[calc(100%-var(--spacing-lg))]", children: /* @__PURE__ */ t(
+    ze,
+    {
+      facets: M,
+      value: A.facets,
+      onChange: (w) => z({ ...A, facets: w }),
+      floating: !0
+    }
+  ) }) : null;
+  return /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: O ? (
+    // 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__ */ m(Ge, { children: [
+      /* @__PURE__ */ t(fe, { variantBodyProps: e }),
+      /* @__PURE__ */ m("div", { className: "ds:grid ds:grid-cols-[65fr_35fr] ds:gap-[var(--spacing-lg)] ds:items-start", children: [
+        /* @__PURE__ */ t("div", { className: "ds:sticky ds:top-[var(--spacing-md)] ds:h-[44rem]", children: S }),
+        /* @__PURE__ */ t("div", { className: "ds:min-w-0", children: B })
+      ] })
+    ] })
+  ) : (
+    // 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__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+      /* @__PURE__ */ t(
+        Ie,
+        {
+          heading: e.heading,
+          intro: e.intro,
+          totalCount: e.totalCount,
+          searchCentreLabel: a == null ? void 0 : a.label
+        }
+      ),
+      /* @__PURE__ */ m("div", { className: "ds:relative ds:h-[60vh] ds:min-h-[20rem]", children: [
+        S,
+        ne
+      ] }),
+      /* @__PURE__ */ t(I.Root, { open: !0, children: /* @__PURE__ */ t(
+        I.Content,
+        {
+          side: "bottom",
+          size: U,
+          onEscapeKeyDown: (w) => w.preventDefault(),
+          onPointerDownOutside: (w) => w.preventDefault(),
+          onInteractOutside: (w) => w.preventDefault(),
+          children: /* @__PURE__ */ m(I.Body, { children: [
+            /* @__PURE__ */ t(I.Description, { className: "ds:sr-only", children: T("practiceResults.sheet.descriptionMapFirst") }),
+            /* @__PURE__ */ m("div", { className: "ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]", children: [
+              /* @__PURE__ */ t(I.Title, { className: "type-title-card ds:m-0 ds:text-[var(--foreground)]", children: T("practiceResults.sheet.title", {
+                count: e.totalCount ?? n.length
+              }) }),
+              /* @__PURE__ */ t(
+                Rt,
+                {
+                  value: P,
+                  onChange: q
+                }
+              )
+            ] }),
+            /* @__PURE__ */ t("div", { className: "ds:pb-[var(--spacing-sm)]", children: /* @__PURE__ */ t(
+              de,
+              {
+                value: A.sort ?? "relevance",
+                onChange: (w) => z({ ...A, sort: w })
+              }
+            ) }),
+            B
+          ] })
+        }
+      ) })
+    ] })
+  ) });
+}
+function kt(e) {
+  const {
+    results: n,
+    apiKey: s,
+    onLoadMore: r,
+    loadingMore: i,
+    loadingSkeletons: a,
+    emptyResultsSlot: c,
+    errorSlot: d,
+    error: l,
+    onRetry: g,
+    highlightedId: o,
+    onCardHover: u,
+    listContainerRef: h
+  } = e, x = l ? d ?? /* @__PURE__ */ t(ge, { onRetry: g }) : n.length === 0 && !a ? c ?? /* @__PURE__ */ t(he, {}) : /* @__PURE__ */ t(
+    me,
+    {
+      results: n,
+      highlightedId: o,
+      onCardHover: u,
+      onCardSelect: e.onCardSelect,
+      onCardOpenClick: e.onCardOpenClick,
+      openLabel: e.openLabel,
+      formatNextSlot: e.formatNextSlot,
+      onLoadMore: r,
+      loadingMore: i,
+      loadingSkeletons: a,
+      density: "rich",
+      apiKey: s,
+      containerRef: h
+    }
+  );
+  return /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ t(fe, { variantBodyProps: e }),
+    x
+  ] });
+}
+const Ct = Ze(function({
+  variant: n = "split-list-map",
+  results: s,
+  totalCount: r,
+  searchCentre: i,
+  facets: a,
+  googleMapsApiKey: c,
+  mapId: d,
+  defaultZoom: l = lt,
+  onBoundsChange: g,
+  consentGranted: o,
+  onConsentRequest: u,
+  skipConsentGate: h = !1,
+  onLoadMore: x,
+  loadingMore: v,
+  value: p,
+  onChange: f,
+  onResultSelect: y,
+  loading: N,
+  emptyResultsSlot: R,
+  errorSlot: M,
+  error: A,
+  onRetry: z,
+  heading: T,
+  intro: P,
+  cardOpenButtonLabel: q,
+  "aria-label": U,
+  id: O,
+  className: B,
+  ...S
+}, ne) {
+  const { t: w, i18n: ve } = C(), [He, Q] = pe(null), X = _(/* @__PURE__ */ new Set()), ae = _(/* @__PURE__ */ new Set()), $e = _(null), se = _(null), ie = D(
+    () => ({
+      getVariant: () => n,
+      scrollToResult: (b) => {
+        const F = se.current;
+        if (!F) return;
+        const k = F.querySelector(
+          `[data-component="practice-result-card"][data-result-id="${CSS.escape(b)}"]`
+        );
+        k && (k.scrollIntoView({ behavior: "smooth", block: "nearest" }), Q(b));
+      },
+      focusPin: (b) => {
+        Q(b);
+      }
+    }),
+    [n]
+  );
+  Qe(ne, () => ie, [ie]), tt(rt, ie, O);
+  const Le = q ?? w("practiceResults.card.open"), De = K(
+    (b) => {
+      if (b.nextAvailableSlot)
+        try {
+          return new Intl.DateTimeFormat(ve.language, {
+            weekday: "short",
+            hour: "numeric",
+            minute: "numeric"
+          }).format(new Date(b.nextAvailableSlot.dateTime));
+        } catch {
+          return b.nextAvailableSlot.dateTime;
+        }
+    },
+    [ve.language]
+  ), be = _(null);
+  J(() => {
+    be.current !== n && (be.current = n, H("serp_variant_exposed", {
+      variant: n,
+      totalCount: r ?? s.length
+    }), X.current = /* @__PURE__ */ new Set(), ae.current = /* @__PURE__ */ new Set());
+  }, [n]);
+  const re = _(!1), le = D(() => a ?? [], [a]), oe = p.sort ?? (i ? "distance" : "relevance"), j = D(() => {
+    const b = dt(s, p.facets, le);
+    return ut(b, oe, i);
+  }, [s, p.facets, le, oe, i]);
+  J(() => {
+    const b = j.length === 0;
+    b && !re.current ? (H("serp_empty_results", {
+      appliedFacets: p.facets ?? {}
+    }), re.current = !0) : b || (re.current = !1);
+  }, [j.length, p.facets]);
+  const E = _(null), xe = _(null);
+  J(
+    () => () => {
+      E.current && clearTimeout(E.current);
+    },
+    []
+  );
+  const Oe = K((b) => {
+    Q(b), !X.current.has(b) && (xe.current === b && E.current || (E.current && clearTimeout(E.current), xe.current = b, E.current = setTimeout(() => {
+      X.current.has(b) || (X.current.add(b), H("serp_result_hovered_card", { resultId: b })), E.current = null;
+    }, 500)));
+  }, []), je = K((b) => {
+    Q(b);
+    const F = se.current;
+    if (!F) return;
+    const k = F.querySelector(
+      `[data-component="practice-result-card"][data-result-id="${CSS.escape(b)}"]`
+    );
+    k == null || k.scrollIntoView({ behavior: "smooth", block: "nearest" });
+  }, []), Ke = K((b) => {
+    ae.current.has(b) || (ae.current.add(b), H("serp_result_hovered_pin", { resultId: b }));
+  }, []), ye = _(null), Be = K(
+    (b) => {
+      Q(b);
+      const F = j.find((k) => k.id === b);
+      if (F) {
+        if (F.location) {
+          const k = ye.current;
+          k == null || k.panTo({
+            lat: F.location.lat,
+            lng: F.location.lng
+          }), k == null || k.setZoom(16);
+        }
+        W(j, b, "card", y);
+      }
+    },
+    [j, y]
+  ), Ee = K(
+    (b) => {
+      W(
+        j,
+        b,
+        "open-button",
+        y
+      );
+    },
+    [j, y]
+  ), Ve = !!N && s.length === 0, ce = {
+    results: j,
+    totalCount: r,
+    searchCentre: i,
+    facets: le,
+    value: { ...p, sort: oe },
+    onChange: f,
+    onResultSelect: y,
+    onLoadMore: x,
+    loadingMore: v,
+    apiKey: c,
+    mapId: d,
+    zoom: l,
+    // 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: h ? !0 : o,
+    onConsentRequest: h ? void 0 : u,
+    onBoundsChange: g,
+    loadingSkeletons: Ve,
+    emptyResultsSlot: R,
+    errorSlot: M,
+    error: A,
+    onRetry: z,
+    heading: T,
+    intro: P,
+    highlightedId: He,
+    onCardHover: Oe,
+    onPinClick: je,
+    onPinFirstInteract: Ke,
+    onCardSelect: Be,
+    onCardOpenClick: Ee,
+    openLabel: Le,
+    formatNextSlot: De,
+    listContainerRef: $e,
+    mapHandleRef: ye
+  }, qe = (() => {
+    switch (n) {
+      case "map-first":
+        return /* @__PURE__ */ t(wt, { ...ce });
+      case "rich-cards":
+        return /* @__PURE__ */ t(kt, { ...ce });
+      case "split-list-map":
+      default:
+        return /* @__PURE__ */ t(xt, { ...ce });
+    }
+  })(), Ue = U ?? w("practiceResults.regionLabel");
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      ref: se,
+      role: "region",
+      "aria-label": Ue,
+      id: O,
+      "data-component": "practice-results",
+      "data-component-id": O,
+      "data-variant": n,
+      className: pt({ variant: n, className: B }),
+      ...S,
+      children: qe
+    }
+  );
+});
+Ct.displayName = "PracticeResults";
+export {
+  Ct as P,
+  rt as p
+};
+//# sourceMappingURL=practice-results-CSEHTH2V.js.map