@alfadocs/ui-kit 0.31.0 → 0.31.2

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

@@ -1,1441 +0,0 @@
-import { jsx as t, jsxs as h } from "react/jsx-runtime";
-import { forwardRef as Te, useState as Z, useRef as P, useMemo as A, useImperativeHandle as Fe, useEffect as L, useCallback as O } from "react";
-import { c as K } from "./index-D2ZczOXr.js";
-import { useTranslation as k } from "react-i18next";
-import { A as U } from "./alert-ywPR59NE.js";
-import { A as xe } from "./avatar-D_H4emLo.js";
-import { B as ue } from "./button-DD_0Xdmr.js";
-import { D as z } from "./dropdown-menu-DZxwF23X.js";
-import { E as $e } from "./empty-state-BLy7tigq.js";
-import { M as De } from "./map-view-DyB8tr6c.js";
-import { R as Re } from "./rating-BRD7O74e.js";
-import { S } from "./sheet-D8Yl0nKR.js";
-import { S as He } from "./skeleton-CZbwyJAA.js";
-import { S as Ke } from "./spinner-CCByyvcb.js";
-import { T as q } from "./tag-bBPAvXyh.js";
-import { u as Ee } from "./registry-C9nwlNyL.js";
-import { c as me } from "./createLucideIcon-CrFbzy84.js";
-import { R as Ve } from "./refresh-cw-CC8jSKMr.js";
-import { C as ke } from "./chevron-down-BX_NP2Yh.js";
-import { M as W } from "./map-pin-B8STOPMJ.js";
-import { S as Le } from "./smile-BSYLAHy6.js";
-import { C as Oe } from "./calendar-clock-CYkcqdwl.js";
-/**
- * @license lucide-react v1.8.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const je = [
-  ["path", { d: "m5 8 6 6", key: "1wu5hv" }],
-  ["path", { d: "m4 14 6-6 2-3", key: "1k1g8d" }],
-  ["path", { d: "M2 5h12", key: "or177f" }],
-  ["path", { d: "M7 2h1", key: "1t2jsx" }],
-  ["path", { d: "m22 22-5-10-5 10", key: "don7ne" }],
-  ["path", { d: "M14 18h6", key: "1m8k6r" }]
-], Be = me("languages", je);
-/**
- * @license lucide-react v1.8.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ge = [
-  [
-    "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" }]
-], Ue = me("map", Ge);
-/**
- * @license lucide-react v1.8.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const qe = [
-  [
-    "path",
-    {
-      d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
-      key: "oel41y"
-    }
-  ],
-  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
-], Ze = me("shield-check", qe), Je = {
-  id: "practice-results",
-  capabilities: ["navigate", "view_change"],
-  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 }",
-      descriptionKey: "ui.agent.practiceResults.actions.scrollToResult",
-      description: "Scroll the result card with the given id into the visible viewport.",
-      invoke: (e, n) => {
-        e.scrollToResult(n.id);
-      }
-    },
-    focus_pin: {
-      safety: "read",
-      argsType: "{ id: string }",
-      descriptionKey: "ui.agent.practiceResults.actions.focusPin",
-      description: "Highlight the map pin for the given result id (no-op on rich-cards).",
-      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."
-    }
-  }
-}, Qe = 13, We = [
-  "distance",
-  "rating",
-  "next-available",
-  "relevance"
-];
-function _(e, n) {
-  if (typeof window > "u") return;
-  const s = window.track;
-  try {
-    s == null || s(e, n);
-  } catch {
-  }
-}
-function D(e, n, s, o) {
-  const a = e.findIndex((d) => d.id === n);
-  if (a < 0) return;
-  const i = e[a];
-  i && (_("serp_result_clicked", { resultId: n, source: s, position: a }), o(i, s));
-}
-function Xe(e, n) {
-  const o = (n.lat - e.lat) * Math.PI / 180, a = (n.lng - e.lng) * Math.PI / 180, i = e.lat * Math.PI / 180, d = n.lat * Math.PI / 180, m = Math.sin(o / 2), r = Math.sin(a / 2), g = m * m + Math.cos(i) * Math.cos(d) * r * r;
-  return 2 * 6371 * Math.asin(Math.min(1, Math.sqrt(g)));
-}
-function Ye(e, n, s) {
-  return !n || Object.keys(n).length === 0 ? e : e.filter((o) => {
-    for (const a of s) {
-      const i = n[a.key];
-      if (!i || i.length === 0) continue;
-      if (a.options.length === 0) {
-        if (o[a.key] !== !0) return !1;
-        continue;
-      }
-      const d = a.key === "insurance" ? o.insurances : a.key === "language" ? o.languages : o[a.key];
-      if (!Array.isArray(d) || !(a.multi ? i.some((r) => d.includes(r)) : d.includes(i[0]))) return !1;
-    }
-    return !0;
-  });
-}
-function et(e, n, s) {
-  const o = e.map((i) => {
-    const d = i.location ? i.location.distanceKm ?? (s ? Xe(s, i.location) : void 0) : void 0;
-    return { result: i, distanceKm: d };
-  }), a = (i, d) => {
-    var m, r, g, c;
-    switch (n) {
-      case "distance":
-        return i.distanceKm == null && d.distanceKm == null ? 0 : i.distanceKm == null ? 1 : d.distanceKm == null ? -1 : i.distanceKm - d.distanceKm;
-      case "rating": {
-        const f = ((m = i.result.rating) == null ? void 0 : m.value) ?? -1;
-        return (((r = d.result.rating) == null ? void 0 : r.value) ?? -1) - f;
-      }
-      case "next-available": {
-        const f = ((g = i.result.nextAvailableSlot) == null ? void 0 : g.dateTime) ?? "", p = ((c = d.result.nextAvailableSlot) == null ? void 0 : c.dateTime) ?? "";
-        return !f && !p ? 0 : f ? p ? f.localeCompare(p) : -1 : 1;
-      }
-      case "relevance":
-      default:
-        return 0;
-    }
-  };
-  return [...o].sort(a).map(
-    ({ result: i, distanceKm: d }) => d != null && i.location ? {
-      ...i,
-      location: { ...i.location, distanceKm: d }
-    } : i
-  );
-}
-function be(e) {
-  let n = -1 / 0, s = 1 / 0, o = -1 / 0, a = 1 / 0, i = !1;
-  for (const d of e) {
-    if (!d.location) continue;
-    i = !0;
-    const { lat: m, lng: r } = d.location;
-    m > n && (n = m), m < s && (s = m), r > o && (o = r), r < a && (a = r);
-  }
-  if (i)
-    return { north: n, south: s, east: o, west: a };
-}
-const tt = K(
-  "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 we({
-  heading: e,
-  intro: n,
-  totalCount: s,
-  searchCentreLabel: o
-}) {
-  const { t: a } = k();
-  if (!e && !n && s == null) return null;
-  const i = s != null ? o ? a("practiceResults.results.heading", {
-    count: s,
-    place: o
-  }) : a("practiceResults.results.summary", { count: s }) : void 0;
-  return /* @__PURE__ */ h("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,
-    i ? /* @__PURE__ */ t(
-      "p",
-      {
-        className: "type-body-sm ds:m-0 ds:text-[var(--muted-foreground)]",
-        "aria-live": "polite",
-        children: i
-      }
-    ) : null
-  ] });
-}
-const J = K(
-  [
-    "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" }
-  }
-), nt = K(
-  "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" }
-  }
-), st = K(
-  [
-    "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 ce({
-  facets: e,
-  value: n,
-  onChange: s,
-  floating: o
-}) {
-  const { t: a } = k(), i = A(() => n ?? {}, [n]), d = A(
-    () => Object.values(i).some((c) => c && c.length > 0),
-    [i]
-  ), m = (c, f) => {
-    const p = { ...i };
-    f.length === 0 ? delete p[c] : p[c] = f, s(p), _("serp_filter_changed", { key: c, values: f });
-  }, r = (c) => {
-    var p;
-    const f = (((p = i[c]) == null ? void 0 : p.length) ?? 0) > 0;
-    m(c, f ? [] : ["true"]);
-  }, g = (c, f) => {
-    const p = i[c.key] ?? [], u = p.includes(f);
-    let l;
-    c.multi ? l = u ? p.filter((b) => b !== f) : [...p, f] : l = u ? [] : [f], m(c.key, l);
-  };
-  return e.length === 0 ? null : /* @__PURE__ */ h(
-    "div",
-    {
-      "data-component": "practice-results-filters",
-      role: "group",
-      "aria-label": a("practiceResults.filters.label"),
-      className: nt({
-        placement: o ? "floating" : "inline"
-      }),
-      children: [
-        e.map((c) => {
-          const f = c.options.length === 0, p = i[c.key] ?? [], u = p.length > 0;
-          if (f)
-            return /* @__PURE__ */ t(
-              "button",
-              {
-                type: "button",
-                "aria-pressed": u,
-                "aria-label": c.label,
-                onClick: () => r(c.key),
-                className: J({
-                  state: u ? "active" : "idle"
-                }),
-                children: /* @__PURE__ */ t("span", { children: c.label })
-              },
-              c.key
-            );
-          const l = u ? ` (${p.length})` : "";
-          return /* @__PURE__ */ h(z.Root, { children: [
-            /* @__PURE__ */ t(z.Trigger, { asChild: !0, children: /* @__PURE__ */ h(
-              "button",
-              {
-                type: "button",
-                "aria-label": `${c.label}${l}`,
-                className: J({
-                  state: u ? "active" : "idle"
-                }),
-                children: [
-                  /* @__PURE__ */ h("span", { children: [
-                    c.label,
-                    l
-                  ] }),
-                  /* @__PURE__ */ t(
-                    ke,
-                    {
-                      "aria-hidden": "true",
-                      className: "ds:size-3.5 ds:shrink-0"
-                    }
-                  )
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ t(z.Content, { sideOffset: 8, align: "start", children: c.options.map((b) => /* @__PURE__ */ t(
-              z.CheckboxItem,
-              {
-                checked: p.includes(b.value),
-                onSelect: (R) => {
-                  c.multi && R.preventDefault(), g(c, b.value);
-                },
-                children: b.label
-              },
-              b.value
-            )) })
-          ] }, c.key);
-        }),
-        d ? /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            onClick: () => {
-              s({}), _("serp_filter_changed", { key: "*", values: [] });
-            },
-            className: st(),
-            children: a("practiceResults.filters.clear")
-          }
-        ) : null
-      ]
-    }
-  );
-}
-function de({ value: e, onChange: n }) {
-  const { t: s } = k(), o = (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 "relevance":
-      default:
-        return s("practiceResults.sort.relevance");
-    }
-  };
-  return /* @__PURE__ */ h(z.Root, { children: [
-    /* @__PURE__ */ t(z.Trigger, { asChild: !0, children: /* @__PURE__ */ h(
-      "button",
-      {
-        type: "button",
-        "aria-label": `${s("practiceResults.sort.label")}: ${o(e)}`,
-        className: J({ state: "idle" }),
-        children: [
-          /* @__PURE__ */ h("span", { children: [
-            s("practiceResults.sort.label"),
-            ": ",
-            o(e)
-          ] }),
-          /* @__PURE__ */ t(ke, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ t(z.Content, { sideOffset: 8, align: "end", children: /* @__PURE__ */ t(
-      z.RadioGroup,
-      {
-        value: e,
-        onValueChange: (a) => {
-          const i = a;
-          i !== e && (n(i), _("serp_sort_changed", { sort: i }));
-        },
-        children: We.map((a) => /* @__PURE__ */ t(z.RadioItem, { value: a, children: o(a) }, a))
-      }
-    ) })
-  ] });
-}
-function at({ distanceKm: e }) {
-  const { t: n, i18n: s } = k(), o = A(() => {
-    if (e < 1) return n("practiceResults.distance.below");
-    const a = new Intl.NumberFormat(s.language, {
-      maximumFractionDigits: 1
-    }).format(e);
-    return n("practiceResults.distance.km", { distance: a });
-  }, [e, n, s.language]);
-  return /* @__PURE__ */ t(
-    q,
-    {
-      label: o,
-      variant: "neutral",
-      fill: "outline",
-      size: "sm",
-      leading: /* @__PURE__ */ t(W, { "aria-hidden": "true" })
-    }
-  );
-}
-const ye = K(
-  [
-    "ds:inline-size-[12rem] ds:block-size-[8rem] ds:shrink-0",
-    "ds:rounded-[var(--radius-md)]"
-  ].join(" "),
-  {
-    variants: {
-      state: {
-        placeholder: "ds:flex ds:items-center ds:justify-center ds:bg-[var(--muted)] ds:text-[var(--muted-foreground)]",
-        image: "ds:[object-fit:cover]"
-      }
-    },
-    defaultVariants: { state: "placeholder" }
-  }
-);
-function it() {
-  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 rt({
-  apiKey: e,
-  center: n,
-  zoom: s = 14,
-  consentGranted: o
-}) {
-  const { t: a } = k();
-  if (!o || !e)
-    return /* @__PURE__ */ t(
-      "div",
-      {
-        "aria-hidden": "true",
-        className: ye({ state: "placeholder" }),
-        children: /* @__PURE__ */ t(W, { "aria-hidden": "true", className: "ds:size-6" })
-      }
-    );
-  const i = it(), d = `https://maps.googleapis.com/maps/api/staticmap?center=${n.lat},${n.lng}&zoom=${s}&size=240x160&scale=2&markers=color:0x${i}%7C${n.lat},${n.lng}&key=${encodeURIComponent(e)}`;
-  return /* @__PURE__ */ t(
-    "img",
-    {
-      src: d,
-      alt: a("practiceResults.thumbnail.alt"),
-      loading: "lazy",
-      decoding: "async",
-      width: 240,
-      height: 160,
-      className: ye({ state: "image" })
-    }
-  );
-}
-const Se = K(
-  [
-    "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 lt({
-  result: e,
-  highlighted: n,
-  onSelect: s,
-  onHover: o,
-  density: a = "compact",
-  children: i
-}) {
-  var m;
-  const d = e.rating;
-  return /* @__PURE__ */ h(
-    "div",
-    {
-      "data-component": "practice-result-card",
-      "data-result-id": e.id,
-      "data-highlighted": n ? "true" : "false",
-      role: "link",
-      tabIndex: 0,
-      "aria-labelledby": `practice-result-${e.id}-name`,
-      onClick: s,
-      onKeyDown: (r) => {
-        (r.key === "Enter" || r.key === " ") && (r.preventDefault(), s());
-      },
-      onMouseEnter: o,
-      onFocus: o,
-      className: Se({ density: a }),
-      children: [
-        /* @__PURE__ */ t(xe, { src: e.imageUrl, name: e.name, size: "lg" }),
-        /* @__PURE__ */ h("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-          /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
-            /* @__PURE__ */ t(
-              "span",
-              {
-                id: `practice-result-${e.id}-name`,
-                className: "type-title-card ds:text-[var(--foreground)]",
-                children: e.name
-              }
-            ),
-            e.subtitle ? /* @__PURE__ */ t("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: e.subtitle }) : null,
-            (m = e.location) != null && m.address ? /* @__PURE__ */ h("span", { className: "type-meta ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
-              /* @__PURE__ */ t(W, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }),
-              e.location.address
-            ] }) : null
-          ] }),
-          d && d.count > 0 ? /* @__PURE__ */ t(
-            Re,
-            {
-              value: d.value,
-              reviews: { count: d.count },
-              size: "sm"
-            }
-          ) : null,
-          i
-        ] })
-      ]
-    }
-  );
-}
-function ot({
-  result: e,
-  apiKey: n,
-  consentGranted: s,
-  highlighted: o,
-  onSelect: a,
-  onHover: i
-}) {
-  var l, b, R, C;
-  const { t: d, i18n: m } = k(), r = A(() => {
-    if (e.nextAvailableSlot)
-      try {
-        return new Intl.DateTimeFormat(m.language, {
-          weekday: "short",
-          hour: "numeric",
-          minute: "numeric"
-        }).format(new Date(e.nextAvailableSlot.dateTime));
-      } catch {
-        return e.nextAvailableSlot.dateTime;
-      }
-  }, [e.nextAvailableSlot, m.language]), g = (((l = e.languages) == null ? void 0 : l.length) ?? 0) > 0, c = (((b = e.insurances) == null ? void 0 : b.length) ?? 0) > 0, f = e.specializedInFearPatients, p = g || c || f, u = (R = e.location) == null ? void 0 : R.distanceKm;
-  return /* @__PURE__ */ h(
-    "div",
-    {
-      "data-component": "practice-result-card",
-      "data-result-id": e.id,
-      "data-density": "rich",
-      "data-highlighted": o ? "true" : "false",
-      role: "link",
-      tabIndex: 0,
-      "aria-labelledby": `practice-result-${e.id}-name`,
-      onClick: a,
-      onKeyDown: (y) => {
-        (y.key === "Enter" || y.key === " ") && (y.preventDefault(), a());
-      },
-      onMouseEnter: i,
-      onFocus: i,
-      className: Se({ density: "rich" }),
-      children: [
-        e.location ? /* @__PURE__ */ t(
-          rt,
-          {
-            apiKey: n,
-            center: {
-              lat: e.location.lat,
-              lng: e.location.lng
-            },
-            consentGranted: s
-          }
-        ) : null,
-        /* @__PURE__ */ h("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-          /* @__PURE__ */ h("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-md)]", children: [
-            /* @__PURE__ */ t(xe, { src: e.imageUrl, name: e.name, size: "md" }),
-            /* @__PURE__ */ h("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
-              /* @__PURE__ */ h("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
-                  }
-                ),
-                u != null ? /* @__PURE__ */ t(at, { distanceKm: u }) : null
-              ] }),
-              e.subtitle ? /* @__PURE__ */ t("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: e.subtitle }) : null,
-              (C = e.location) != null && C.address ? /* @__PURE__ */ h("span", { className: "type-meta ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
-                /* @__PURE__ */ t(
-                  W,
-                  {
-                    "aria-hidden": "true",
-                    className: "ds:size-3.5 ds:shrink-0"
-                  }
-                ),
-                e.location.address
-              ] }) : null
-            ] }),
-            e.rating && e.rating.count > 0 ? /* @__PURE__ */ t(
-              Re,
-              {
-                value: e.rating.value,
-                reviews: { count: e.rating.count },
-                size: "md"
-              }
-            ) : null
-          ] }),
-          p ? /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-            g ? (e.languages ?? []).map((y) => /* @__PURE__ */ t(
-              q,
-              {
-                label: y.toUpperCase(),
-                variant: "info",
-                fill: "outline",
-                size: "sm",
-                leading: /* @__PURE__ */ t(Be, { "aria-hidden": "true" })
-              },
-              `lang-${y}`
-            )) : null,
-            c ? (e.insurances ?? []).map((y) => /* @__PURE__ */ t(
-              q,
-              {
-                label: y,
-                variant: "brand",
-                fill: "outline",
-                size: "sm",
-                leading: /* @__PURE__ */ t(Ze, { "aria-hidden": "true" })
-              },
-              `ins-${y}`
-            )) : null,
-            f ? /* @__PURE__ */ t(
-              q,
-              {
-                label: d("practiceResults.fearPatient.label"),
-                variant: "success",
-                fill: "outline",
-                size: "sm",
-                leading: /* @__PURE__ */ t(Le, { "aria-hidden": "true" })
-              }
-            ) : null
-          ] }) : null,
-          e.nextAvailableSlot && r ? /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
-            /* @__PURE__ */ h("span", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-              /* @__PURE__ */ t(
-                Oe,
-                {
-                  "aria-hidden": "true",
-                  className: "ds:size-4 ds:text-[var(--primary)]"
-                }
-              ),
-              d("practiceResults.nextSlot.summary", { time: r })
-            ] }),
-            /* @__PURE__ */ t(
-              ue,
-              {
-                intent: "primary",
-                size: "sm",
-                asChild: !0,
-                onClick: (y) => {
-                  y.stopPropagation();
-                },
-                children: /* @__PURE__ */ t(
-                  "a",
-                  {
-                    href: e.nextAvailableSlot.bookingHref,
-                    "data-component": "practice-result-next-slot-cta",
-                    children: d("practiceResults.nextSlot.cta", { time: r })
-                  }
-                )
-              }
-            )
-          ] }) : null
-        ] })
-      ]
-    }
-  );
-}
-function pe({
-  results: e,
-  highlightedId: n,
-  onCardHover: s,
-  onCardSelect: o,
-  onLoadMore: a,
-  loadingMore: i,
-  loadingSkeletons: d,
-  density: m = "compact",
-  apiKey: r,
-  consentGranted: g = !1,
-  containerRef: c
-}) {
-  const { t: f } = k(), p = P(null);
-  return L(() => {
-    if (!a) return;
-    const u = p.current;
-    if (!u || typeof IntersectionObserver > "u") return;
-    const l = new IntersectionObserver(
-      (b) => {
-        for (const R of b)
-          R.isIntersecting && (_("serp_load_more", {
-            currentCount: e.length
-          }), a());
-      },
-      { root: null, rootMargin: "200px" }
-    );
-    return l.observe(u), () => l.disconnect();
-  }, [a, e.length]), d ? /* @__PURE__ */ t(
-    "div",
-    {
-      role: "status",
-      "aria-live": "polite",
-      "aria-label": f("practiceResults.loading"),
-      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
-      children: Array.from({ length: 4 }).map((u, l) => /* @__PURE__ */ t(
-        He,
-        {
-          variant: "rounded",
-          height: m === "rich" ? "11rem" : "7rem"
-        },
-        `pr-skel-${l}`
-      ))
-    }
-  ) : /* @__PURE__ */ h(
-    "div",
-    {
-      ref: c,
-      "data-component": "practice-results-list",
-      role: "list",
-      "aria-label": f("practiceResults.list.label"),
-      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:overflow-y-auto",
-      children: [
-        e.map((u) => /* @__PURE__ */ t("div", { role: "listitem", children: m === "rich" ? /* @__PURE__ */ t(
-          ot,
-          {
-            result: u,
-            apiKey: r,
-            consentGranted: g,
-            highlighted: n === u.id,
-            onSelect: () => o(u.id),
-            onHover: () => s(u.id)
-          }
-        ) : /* @__PURE__ */ t(
-          lt,
-          {
-            result: u,
-            highlighted: n === u.id,
-            onSelect: () => o(u.id),
-            onHover: () => s(u.id)
-          }
-        ) }, u.id)),
-        a ? /* @__PURE__ */ t(
-          "div",
-          {
-            ref: p,
-            "aria-hidden": "true",
-            className: "ds:flex ds:items-center ds:justify-center ds:py-[var(--spacing-md)]",
-            children: i ? /* @__PURE__ */ t(Ke, { size: "md", variant: "pulse" }) : /* @__PURE__ */ t("span", { className: "ds:size-1" })
-          }
-        ) : null
-      ]
-    }
-  );
-}
-function Q({
-  results: e,
-  searchCentre: n,
-  zoom: s,
-  apiKey: o,
-  highlightedId: a,
-  onPinClick: i,
-  onPinHover: d,
-  onPinFirstInteract: m,
-  onBoundsChange: r,
-  consentGranted: g,
-  onConsentRequest: c
-}) {
-  const { t: f } = k(), p = A(
-    () => e.filter(
-      (l) => !!l.location
-    ).map((l) => ({
-      id: l.id,
-      position: {
-        lat: l.location.lat,
-        lng: l.location.lng
-      },
-      label: l.name
-    })),
-    [e]
-  ), u = A(() => {
-    if (n) return n;
-    const l = be(e);
-    return l ? {
-      lat: (l.north + l.south) / 2,
-      lng: (l.east + l.west) / 2
-    } : { lat: 45.4642, lng: 9.19 };
-  }, [e, n]);
-  return L(() => {
-    if (!r) return;
-    const l = be(e);
-    l && (r(l), _("serp_map_panned", { bounds: l }));
-  }, [e, r]), /* @__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(
-        De,
-        {
-          apiKey: o ?? "",
-          center: u,
-          zoom: s,
-          markers: p,
-          selectedMarkerId: a,
-          consentGranted: !!g,
-          onConsentRequest: c,
-          onMarkerClick: (l) => {
-            l != null && (d(l), m(l), i(l));
-          },
-          ariaLabel: f("practiceResults.map.label"),
-          size: "lg",
-          surface: "bordered",
-          className: "ds:size-full"
-        }
-      )
-    }
-  );
-}
-function Ce({
-  variantBodyProps: e
-}) {
-  const { facets: n, value: s, onChange: o, heading: a, intro: i, totalCount: d, searchCentre: m } = e;
-  return /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-    /* @__PURE__ */ t(
-      we,
-      {
-        heading: a,
-        intro: i,
-        totalCount: d,
-        searchCentreLabel: m == null ? void 0 : m.label
-      }
-    ),
-    n.length > 0 ? /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
-      /* @__PURE__ */ t(
-        ce,
-        {
-          facets: n,
-          value: s.facets,
-          onChange: (r) => o({ ...s, facets: r })
-        }
-      ),
-      /* @__PURE__ */ t(
-        de,
-        {
-          value: s.sort ?? "relevance",
-          onChange: (r) => o({ ...s, sort: r })
-        }
-      )
-    ] }) : /* @__PURE__ */ t("div", { className: "ds:flex ds:justify-end", children: /* @__PURE__ */ t(
-      de,
-      {
-        value: s.sort ?? "relevance",
-        onChange: (r) => o({ ...s, sort: r })
-      }
-    ) })
-  ] });
-}
-function fe() {
-  const { t: e } = k();
-  return /* @__PURE__ */ t(
-    $e,
-    {
-      variant: "no-results",
-      title: e("practiceResults.empty.title"),
-      description: e("practiceResults.empty.description")
-    }
-  );
-}
-function he({ onRetry: e }) {
-  const { t: n } = k();
-  return /* @__PURE__ */ h(U, { variant: "error", children: [
-    /* @__PURE__ */ t(U.Title, { as: "h3", children: n("practiceResults.error.title") }),
-    /* @__PURE__ */ t(U.Description, { children: n("practiceResults.error.description") }),
-    e ? /* @__PURE__ */ t(U.Action, { children: /* @__PURE__ */ t(
-      ue,
-      {
-        intent: "secondary",
-        size: "sm",
-        startIcon: /* @__PURE__ */ t(Ve, { "aria-hidden": "true" }),
-        onClick: e,
-        children: n("practiceResults.error.retry")
-      }
-    ) }) : null
-  ] });
-}
-function ct(e) {
-  const {
-    results: n,
-    apiKey: s,
-    zoom: o,
-    searchCentre: a,
-    onLoadMore: i,
-    loadingMore: d,
-    loadingSkeletons: m,
-    emptyResultsSlot: r,
-    errorSlot: g,
-    error: c,
-    onRetry: f,
-    highlightedId: p,
-    onCardHover: u,
-    onPinClick: l,
-    consentGranted: b,
-    onConsentRequest: R,
-    onBoundsChange: C,
-    listContainerRef: y
-  } = e, { t: N } = k(), [M, I] = Z(!1), T = c ? g ?? /* @__PURE__ */ t(he, { onRetry: f }) : n.length === 0 && !m ? r ?? /* @__PURE__ */ t(fe, {}) : /* @__PURE__ */ t(
-    pe,
-    {
-      results: n,
-      highlightedId: p,
-      onCardHover: u,
-      onCardSelect: (w) => D(n, w, "card", e.onResultSelect),
-      onLoadMore: i,
-      loadingMore: d,
-      loadingSkeletons: m,
-      density: "compact",
-      containerRef: y
-    }
-  );
-  return /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ t(Ce, { variantBodyProps: e }),
-    /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:lg:grid ds:lg:grid-cols-[55%_45%] ds:lg:gap-[var(--spacing-lg)] ds:lg:items-start", children: [
-      /* @__PURE__ */ t("div", { className: "ds:min-w-0 ds:lg:max-h-[40rem] ds:lg:overflow-hidden", children: T }),
-      /* @__PURE__ */ t("div", { className: "ds:hidden ds:lg:block ds:sticky ds:top-[var(--spacing-md)] ds:h-[40rem]", children: /* @__PURE__ */ t(
-        Q,
-        {
-          results: n,
-          searchCentre: a,
-          zoom: o,
-          apiKey: s,
-          highlightedId: p,
-          onPinClick: (w) => {
-            D(n, w, "pin", e.onResultSelect), l(w);
-          },
-          onPinHover: u,
-          onPinFirstInteract: e.onPinFirstInteract,
-          onBoundsChange: C,
-          consentGranted: b,
-          onConsentRequest: R
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ t("div", { className: "ds:flex ds:lg:hidden ds:sticky ds:bottom-[var(--spacing-md)] ds:justify-center", children: /* @__PURE__ */ t(
-      ue,
-      {
-        intent: "primary",
-        size: "md",
-        startIcon: /* @__PURE__ */ t(Ue, { "aria-hidden": "true" }),
-        onClick: () => I(!0),
-        children: N("practiceResults.viewMap")
-      }
-    ) }),
-    /* @__PURE__ */ t(S.Root, { open: M, onOpenChange: I, children: /* @__PURE__ */ h(S.Content, { side: "bottom", size: "lg", children: [
-      /* @__PURE__ */ t(S.Header, { children: /* @__PURE__ */ t(S.Title, { children: N("practiceResults.map.label") }) }),
-      /* @__PURE__ */ h(S.Body, { children: [
-        /* @__PURE__ */ t(S.Description, { className: "ds:sr-only", children: N("practiceResults.sheet.description") }),
-        /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-          /* @__PURE__ */ t("div", { className: "ds:h-[20rem]", children: /* @__PURE__ */ t(
-            Q,
-            {
-              results: n,
-              searchCentre: a,
-              zoom: o,
-              apiKey: s,
-              highlightedId: p,
-              onPinClick: (w) => {
-                D(n, w, "pin", e.onResultSelect), l(w);
-              },
-              onPinHover: u,
-              onPinFirstInteract: e.onPinFirstInteract,
-              onBoundsChange: C,
-              consentGranted: b,
-              onConsentRequest: R
-            }
-          ) }),
-          T
-        ] })
-      ] })
-    ] }) })
-  ] });
-}
-const dt = {
-  peek: "sm",
-  half: "md",
-  full: "lg"
-}, $ = [
-  "peek",
-  "half",
-  "full"
-];
-function ut({ value: e, onChange: n }) {
-  const { t: s, i18n: o } = k(), a = o.dir() === "rtl", i = P(
-    /* @__PURE__ */ new Map()
-  ), d = O((r) => {
-    var g;
-    (g = i.current.get(r)) == null || g.focus();
-  }, []), m = O(
-    (r, g) => {
-      const c = $.indexOf(g), f = $.length, p = a ? "ArrowLeft" : "ArrowRight", u = a ? "ArrowRight" : "ArrowLeft";
-      let l = null;
-      switch (r.key) {
-        case p:
-        case "ArrowDown":
-          l = $[(c + 1) % f];
-          break;
-        case u:
-        case "ArrowUp":
-          l = $[(c - 1 + f) % f];
-          break;
-        case "Home":
-          l = $[0];
-          break;
-        case "End":
-          l = $[f - 1];
-          break;
-        default:
-          return;
-      }
-      r.preventDefault(), l && l !== g && n(l), l && d(l);
-    },
-    [d, a, 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: $.map((r) => {
-        const g = e === r;
-        return /* @__PURE__ */ t(
-          "button",
-          {
-            ref: (c) => {
-              c ? i.current.set(r, c) : i.current.delete(r);
-            },
-            type: "button",
-            role: "radio",
-            "aria-checked": g,
-            "aria-label": s(`practiceResults.sheet.snap.${r}`),
-            tabIndex: g ? 0 : -1,
-            onClick: () => n(r),
-            onKeyDown: (c) => m(c, r),
-            className: J({
-              state: g ? "active" : "idle"
-            }),
-            children: s(`practiceResults.sheet.snap.${r}`)
-          },
-          r
-        );
-      })
-    }
-  );
-}
-function mt(e) {
-  const {
-    results: n,
-    apiKey: s,
-    zoom: o,
-    searchCentre: a,
-    onLoadMore: i,
-    loadingMore: d,
-    loadingSkeletons: m,
-    emptyResultsSlot: r,
-    errorSlot: g,
-    error: c,
-    onRetry: f,
-    highlightedId: p,
-    onCardHover: u,
-    onPinClick: l,
-    consentGranted: b,
-    onConsentRequest: R,
-    onBoundsChange: C,
-    listContainerRef: y,
-    facets: N,
-    value: M,
-    onChange: I
-  } = e, { t: T } = k(), [w, E] = Z("peek"), [X, Y] = Z(!0), ee = dt[w], j = c ? g ?? /* @__PURE__ */ t(he, { onRetry: f }) : n.length === 0 && !m ? r ?? /* @__PURE__ */ t(fe, {}) : /* @__PURE__ */ t(
-    pe,
-    {
-      results: n,
-      highlightedId: p,
-      onCardHover: u,
-      onCardSelect: (x) => D(n, x, "card", e.onResultSelect),
-      onLoadMore: i,
-      loadingMore: d,
-      loadingSkeletons: m,
-      density: "rich",
-      apiKey: s,
-      consentGranted: b,
-      containerRef: y
-    }
-  );
-  return /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ t(
-      we,
-      {
-        heading: e.heading,
-        intro: e.intro,
-        totalCount: e.totalCount,
-        searchCentreLabel: a == null ? void 0 : a.label
-      }
-    ),
-    /* @__PURE__ */ h("div", { className: "ds:hidden ds:lg:grid ds:lg:grid-cols-[65%_35%] ds:lg:gap-[var(--spacing-lg)] ds:lg:items-start", children: [
-      /* @__PURE__ */ h("div", { className: "ds:relative ds:h-[40rem]", children: [
-        /* @__PURE__ */ t(
-          Q,
-          {
-            results: n,
-            searchCentre: a,
-            zoom: o,
-            apiKey: s,
-            highlightedId: p,
-            onPinClick: (x) => {
-              D(n, x, "pin", e.onResultSelect), l(x);
-            },
-            onPinHover: u,
-            onPinFirstInteract: e.onPinFirstInteract,
-            onBoundsChange: C,
-            consentGranted: b,
-            onConsentRequest: R
-          }
-        ),
-        N.length > 0 ? /* @__PURE__ */ t("div", { className: "ds:absolute ds:start-[var(--spacing-md)] ds:top-[var(--spacing-md)] ds:max-w-[80%]", children: /* @__PURE__ */ t(
-          ce,
-          {
-            facets: N,
-            value: M.facets,
-            onChange: (x) => I({ ...M, facets: x }),
-            floating: !0
-          }
-        ) }) : null
-      ] }),
-      /* @__PURE__ */ t("div", { className: "ds:min-w-0 ds:max-h-[40rem] ds:overflow-y-auto", children: j })
-    ] }),
-    /* @__PURE__ */ h("div", { className: "ds:flex ds:lg:hidden ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-      /* @__PURE__ */ h("div", { className: "ds:relative ds:h-[60vh] ds:min-h-[20rem]", children: [
-        /* @__PURE__ */ t(
-          Q,
-          {
-            results: n,
-            searchCentre: a,
-            zoom: o,
-            apiKey: s,
-            highlightedId: p,
-            onPinClick: (x) => {
-              D(n, x, "pin", e.onResultSelect), l(x);
-            },
-            onPinHover: u,
-            onPinFirstInteract: e.onPinFirstInteract,
-            onBoundsChange: C,
-            consentGranted: b,
-            onConsentRequest: R
-          }
-        ),
-        N.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(
-          ce,
-          {
-            facets: N,
-            value: M.facets,
-            onChange: (x) => I({ ...M, facets: x }),
-            floating: !0
-          }
-        ) }) : null
-      ] }),
-      /* @__PURE__ */ t(S.Root, { open: X, onOpenChange: Y, children: /* @__PURE__ */ h(S.Content, { side: "bottom", size: ee, children: [
-        /* @__PURE__ */ t(S.Header, { children: /* @__PURE__ */ t(S.Title, { children: T("practiceResults.sheet.title", {
-          count: e.totalCount ?? n.length
-        }) }) }),
-        /* @__PURE__ */ h(S.Body, { children: [
-          /* @__PURE__ */ t(S.Description, { className: "ds:sr-only", children: T("practiceResults.sheet.descriptionMapFirst") }),
-          /* @__PURE__ */ h("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]", children: [
-            /* @__PURE__ */ t(
-              de,
-              {
-                value: M.sort ?? "relevance",
-                onChange: (x) => I({ ...M, sort: x })
-              }
-            ),
-            /* @__PURE__ */ t(
-              ut,
-              {
-                value: w,
-                onChange: E
-              }
-            )
-          ] }),
-          j
-        ] })
-      ] }) })
-    ] })
-  ] });
-}
-function pt(e) {
-  const {
-    results: n,
-    apiKey: s,
-    onLoadMore: o,
-    loadingMore: a,
-    loadingSkeletons: i,
-    emptyResultsSlot: d,
-    errorSlot: m,
-    error: r,
-    onRetry: g,
-    highlightedId: c,
-    onCardHover: f,
-    consentGranted: p,
-    listContainerRef: u
-  } = e, l = r ? m ?? /* @__PURE__ */ t(he, { onRetry: g }) : n.length === 0 && !i ? d ?? /* @__PURE__ */ t(fe, {}) : /* @__PURE__ */ t(
-    pe,
-    {
-      results: n,
-      highlightedId: c,
-      onCardHover: f,
-      onCardSelect: (b) => D(n, b, "card", e.onResultSelect),
-      onLoadMore: o,
-      loadingMore: a,
-      loadingSkeletons: i,
-      density: "rich",
-      apiKey: s,
-      consentGranted: p,
-      containerRef: u
-    }
-  );
-  return /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ t(Ce, { variantBodyProps: e }),
-    l
-  ] });
-}
-const ft = Te(function({
-  variant: n = "split-list-map",
-  results: s,
-  totalCount: o,
-  searchCentre: a,
-  facets: i,
-  googleMapsApiKey: d,
-  defaultZoom: m = Qe,
-  onBoundsChange: r,
-  consentGranted: g,
-  onConsentRequest: c,
-  onLoadMore: f,
-  loadingMore: p,
-  value: u,
-  onChange: l,
-  onResultSelect: b,
-  loading: R,
-  emptyResultsSlot: C,
-  errorSlot: y,
-  error: N,
-  onRetry: M,
-  heading: I,
-  intro: T,
-  "aria-label": w,
-  id: E,
-  className: X,
-  ...Y
-}, ee) {
-  const { t: j } = k(), [x, B] = Z(null), G = P(/* @__PURE__ */ new Set()), te = P(/* @__PURE__ */ new Set()), Ne = P(null), ne = P(null), se = A(
-    () => ({
-      getVariant: () => n,
-      scrollToResult: (v) => {
-        const V = ne.current;
-        if (!V) return;
-        const H = V.querySelector(
-          `[data-component="practice-result-card"][data-result-id="${CSS.escape(v)}"]`
-        );
-        H && (H.scrollIntoView({ behavior: "smooth", block: "nearest" }), B(v));
-      },
-      focusPin: (v) => {
-        B(v);
-      }
-    }),
-    [n]
-  );
-  Fe(ee, () => se, [se]), Ee(Je, se, E);
-  const ge = P(null);
-  L(() => {
-    ge.current !== n && (ge.current = n, _("serp_variant_exposed", {
-      variant: n,
-      totalCount: o ?? s.length
-    }), G.current = /* @__PURE__ */ new Set(), te.current = /* @__PURE__ */ new Set());
-  }, [n]);
-  const ae = P(!1), ie = A(() => i ?? [], [i]), re = u.sort ?? (a ? "distance" : "relevance"), le = A(() => {
-    const v = Ye(s, u.facets, ie);
-    return et(v, re, a);
-  }, [s, u.facets, ie, re, a]);
-  L(() => {
-    const v = le.length === 0;
-    v && !ae.current ? (_("serp_empty_results", {
-      appliedFacets: u.facets ?? {}
-    }), ae.current = !0) : v || (ae.current = !1);
-  }, [le.length, u.facets]);
-  const F = P(null), ve = P(null);
-  L(
-    () => () => {
-      F.current && clearTimeout(F.current);
-    },
-    []
-  );
-  const Me = O((v) => {
-    B(v), !G.current.has(v) && (ve.current === v && F.current || (F.current && clearTimeout(F.current), ve.current = v, F.current = setTimeout(() => {
-      G.current.has(v) || (G.current.add(v), _("serp_result_hovered_card", { resultId: v })), F.current = null;
-    }, 500)));
-  }, []), Pe = O((v) => {
-    B(v);
-    const V = ne.current;
-    if (!V) return;
-    const H = V.querySelector(
-      `[data-component="practice-result-card"][data-result-id="${CSS.escape(v)}"]`
-    );
-    H == null || H.scrollIntoView({ behavior: "smooth", block: "nearest" });
-  }, []), _e = O((v) => {
-    te.current.has(v) || (te.current.add(v), _("serp_result_hovered_pin", { resultId: v }));
-  }, []), ze = !!R && s.length === 0, oe = {
-    results: le,
-    totalCount: o,
-    searchCentre: a,
-    facets: ie,
-    value: { ...u, sort: re },
-    onChange: l,
-    onResultSelect: b,
-    onLoadMore: f,
-    loadingMore: p,
-    apiKey: d,
-    zoom: m,
-    consentGranted: g,
-    onConsentRequest: c,
-    onBoundsChange: r,
-    loadingSkeletons: ze,
-    emptyResultsSlot: C,
-    errorSlot: y,
-    error: N,
-    onRetry: M,
-    heading: I,
-    intro: T,
-    highlightedId: x,
-    onCardHover: Me,
-    onPinClick: Pe,
-    onPinFirstInteract: _e,
-    listContainerRef: Ne
-  }, Ae = (() => {
-    switch (n) {
-      case "map-first":
-        return /* @__PURE__ */ t(mt, { ...oe });
-      case "rich-cards":
-        return /* @__PURE__ */ t(pt, { ...oe });
-      case "split-list-map":
-      default:
-        return /* @__PURE__ */ t(ct, { ...oe });
-    }
-  })(), Ie = w ?? j("practiceResults.regionLabel");
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      ref: ne,
-      role: "region",
-      "aria-label": Ie,
-      id: E,
-      "data-component": "practice-results",
-      "data-component-id": E,
-      "data-variant": n,
-      className: tt({ variant: n, className: X }),
-      ...Y,
-      children: Ae
-    }
-  );
-});
-ft.displayName = "PracticeResults";
-export {
-  ft as P,
-  Je as p
-};
-//# sourceMappingURL=practice-results-CEKjwsgS.js.map