@alfadocs/ui-kit-debug 1.67.0 → 1.68.0

package/dist/_chunks/{practice-results-BrUDDMXC.js → practice-results-BzThnpnm.js}

@@ -1,16 +1,16 @@
-import { jsx as t, jsxs as p, Fragment as tt } from "react/jsx-runtime";
-import { forwardRef as nt, useState as me, useRef as M, useMemo as B, useImperativeHandle as at, useCallback as O, useEffect as W } from "react";
+import { jsx as t, jsxs as m, Fragment as tt } from "react/jsx-runtime";
+import { forwardRef as nt, useState as me, useRef as I, useMemo as M, useImperativeHandle as at, useCallback as O, useEffect as W } from "react";
 import { c as j } from "./index-D2ZczOXr.js";
-import { useTranslation as C } from "react-i18next";
-import { A as Y } from "./alert-DjsJMGRE.js";
-import { A as Re } from "./avatar-WZY3eGE7.js";
+import { useTranslation as w } from "react-i18next";
+import { A as Y } from "./alert-9kEwDza3.js";
+import { A as Re } from "./avatar-BPiPL7ND.js";
 import { B as ee } from "./button-D-MQxsA_.js";
 import { D } from "./dropdown-menu-D1we7oAY.js";
 import { E as st } from "./empty-state-pL1qum99.js";
-import { M as it } from "./map-view-BuVfJMEa.js";
-import { R as Ne } from "./rating-C1Vrmpsi.js";
-import { S as I } from "./sheet-D2PfJl8n.js";
-import { S as rt } from "./skeleton-B1KTdJ4N.js";
+import { M as it } from "./map-view-CtohteZD.js";
+import { R as Ne } from "./rating-CGYpg5dj.js";
+import { S as _ } from "./sheet-D2PfJl8n.js";
+import { S as rt } from "./skeleton-tTWJpvAq.js";
 import { S as ot } from "./spinner-CoflYlEx.js";
 import { B as $ } from "./badge-BUk4RjTS.js";
 import { u as ct } from "./use-media-query-CcAx5SMM.js";
@@ -130,7 +130,7 @@ function Ie(e, n, s) {
   const r = `languages.${e}`;
   return s.exists(r) ? n(r) : e.toUpperCase();
 }
-function L(e, n) {
+function B(e, n) {
   if (typeof window > "u") return;
   const s = window.track;
   try {
@@ -142,7 +142,7 @@ function Q(e, n, s, r) {
   const i = e.findIndex((l) => l.id === n);
   if (i < 0) return;
   const a = e[i];
-  a && (L("serp_result_clicked", { resultId: n, source: s, position: i }), r(a, s));
+  a && (B("serp_result_clicked", { resultId: n, source: s, position: i }), r(a, s));
 }
 function kt(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, l = n.lat * Math.PI / 180, d = Math.sin(r / 2), c = Math.sin(i / 2), u = d * d + Math.cos(a) * Math.cos(l) * c * c;
@@ -184,12 +184,12 @@ function Rt(e, n, s) {
       case "distance":
         return a.distanceKm == null && l.distanceKm == null ? 0 : a.distanceKm == null ? 1 : l.distanceKm == null ? -1 : a.distanceKm - l.distanceKm;
       case "rating": {
-        const m = ((d = a.result.rating) == null ? void 0 : d.value) ?? -1;
-        return (((c = l.result.rating) == null ? void 0 : c.value) ?? -1) - m;
+        const f = ((d = a.result.rating) == null ? void 0 : d.value) ?? -1;
+        return (((c = l.result.rating) == null ? void 0 : c.value) ?? -1) - f;
       }
       case "next-available": {
-        const m = ((u = a.result.nextAvailableSlot) == null ? void 0 : u.dateTime) ?? "", f = ((o = l.result.nextAvailableSlot) == null ? void 0 : o.dateTime) ?? "";
-        return !m && !f ? 0 : m ? f ? m.localeCompare(f) : -1 : 1;
+        const f = ((u = a.result.nextAvailableSlot) == null ? void 0 : u.dateTime) ?? "", h = ((o = l.result.nextAvailableSlot) == null ? void 0 : o.dateTime) ?? "";
+        return !f && !h ? 0 : f ? h ? f.localeCompare(h) : -1 : 1;
       }
       case "relevance":
       default:
@@ -233,13 +233,13 @@ function _e({
   totalCount: s,
   searchCentreLabel: r
 }) {
-  const { t: i } = C("ui");
+  const { t: i } = w("ui");
   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__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+  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(
@@ -310,22 +310,22 @@ function Te({
   onChange: s,
   floating: r
 }) {
-  const { t: i } = C("ui"), a = B(() => n ?? {}, [n]), l = B(
+  const { t: i } = w("ui"), a = M(() => n ?? {}, [n]), l = M(
     () => Object.values(a).some((o) => o && o.length > 0),
     [a]
-  ), d = (o, m) => {
-    const f = { ...a };
-    m.length === 0 ? delete f[o] : f[o] = m, s(f), L("serp_filter_changed", { key: o, values: m });
+  ), d = (o, f) => {
+    const h = { ...a };
+    f.length === 0 ? delete h[o] : h[o] = f, s(h), B("serp_filter_changed", { key: o, values: f });
   }, c = (o) => {
-    var f;
-    const m = (((f = a[o]) == null ? void 0 : f.length) ?? 0) > 0;
-    d(o, m ? [] : ["true"]);
-  }, u = (o, m) => {
-    const f = a[o.key] ?? [], x = f.includes(m);
-    let b;
-    o.multi ? b = x ? f.filter((y) => y !== m) : [...f, m] : b = x ? [] : [m], d(o.key, b);
+    var h;
+    const f = (((h = a[o]) == null ? void 0 : h.length) ?? 0) > 0;
+    d(o, f ? [] : ["true"]);
+  }, u = (o, f) => {
+    const h = a[o.key] ?? [], x = h.includes(f);
+    let g;
+    o.multi ? g = x ? h.filter((y) => y !== f) : [...h, f] : g = x ? [] : [f], d(o.key, g);
   };
-  return e.length === 0 ? null : /* @__PURE__ */ p(
+  return e.length === 0 ? null : /* @__PURE__ */ m(
     "div",
     {
       "data-component": "practice-results-filters",
@@ -336,8 +336,8 @@ function Te({
       }),
       children: [
         e.map((o) => {
-          const m = o.boolean, f = a[o.key] ?? [], x = f.length > 0;
-          if (m)
+          const f = o.boolean, h = a[o.key] ?? [], x = h.length > 0;
+          if (f)
             return /* @__PURE__ */ t(
               "button",
               {
@@ -352,20 +352,20 @@ function Te({
               },
               o.key
             );
-          const b = x ? ` (${f.length})` : "";
-          return /* @__PURE__ */ p(D.Root, { children: [
-            /* @__PURE__ */ t(D.Trigger, { asChild: !0, children: /* @__PURE__ */ p(
+          const g = x ? ` (${h.length})` : "";
+          return /* @__PURE__ */ m(D.Root, { children: [
+            /* @__PURE__ */ t(D.Trigger, { asChild: !0, children: /* @__PURE__ */ m(
               "button",
               {
                 type: "button",
-                "aria-label": `${o.label}${b}`,
+                "aria-label": `${o.label}${g}`,
                 className: te({
                   state: x ? "active" : "idle"
                 }),
                 children: [
-                  /* @__PURE__ */ p("span", { children: [
+                  /* @__PURE__ */ m("span", { children: [
                     o.label,
-                    b
+                    g
                   ] }),
                   /* @__PURE__ */ t(
                     Se,
@@ -380,9 +380,9 @@ function Te({
             /* @__PURE__ */ t(D.Content, { sideOffset: 8, align: "start", children: o.options.map((y) => /* @__PURE__ */ t(
               D.CheckboxItem,
               {
-                checked: f.includes(y.value),
-                onSelect: (h) => {
-                  o.multi && h.preventDefault(), u(o, y.value);
+                checked: h.includes(y.value),
+                onSelect: (C) => {
+                  o.multi && C.preventDefault(), u(o, y.value);
                 },
                 children: y.label
               },
@@ -395,7 +395,7 @@ function Te({
           {
             type: "button",
             onClick: () => {
-              s({}), L("serp_filter_changed", { key: "*", values: [] });
+              s({}), B("serp_filter_changed", { key: "*", values: [] });
             },
             className: Pt(),
             children: i("practiceResults.filters.clear")
@@ -406,7 +406,7 @@ function Te({
   );
 }
 function ue({ value: e, onChange: n }) {
-  const { t: s } = C("ui"), r = (i) => {
+  const { t: s } = w("ui"), r = (i) => {
     switch (i) {
       case "distance":
         return s("practiceResults.sort.distance");
@@ -419,15 +419,15 @@ function ue({ value: e, onChange: n }) {
         return s("practiceResults.sort.relevance");
     }
   };
-  return /* @__PURE__ */ p(D.Root, { children: [
-    /* @__PURE__ */ t(D.Trigger, { asChild: !0, children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ m(D.Root, { children: [
+    /* @__PURE__ */ t(D.Trigger, { asChild: !0, children: /* @__PURE__ */ m(
       "button",
       {
         type: "button",
         "aria-label": `${s("practiceResults.sort.label")}: ${r(e)}`,
         className: te({ state: "idle" }),
         children: [
-          /* @__PURE__ */ p("span", { children: [
+          /* @__PURE__ */ m("span", { children: [
             s("practiceResults.sort.label"),
             ": ",
             r(e)
@@ -442,7 +442,7 @@ function ue({ value: e, onChange: n }) {
         value: e,
         onValueChange: (i) => {
           const a = i;
-          a !== e && (n(a), L("serp_sort_changed", { sort: a }));
+          a !== e && (n(a), B("serp_sort_changed", { sort: a }));
         },
         children: xt.map((i) => /* @__PURE__ */ t(D.RadioItem, { value: i, children: r(i) }, i))
       }
@@ -450,7 +450,7 @@ function ue({ value: e, onChange: n }) {
   ] });
 }
 function ze({ distanceKm: e }) {
-  const { t: n, i18n: s } = C("ui"), r = B(() => {
+  const { t: n, i18n: s } = w("ui"), r = M(() => {
     if (e < 1) return n("practiceResults.distance.below");
     const i = new Intl.NumberFormat(s.language, {
       maximumFractionDigits: 1
@@ -489,16 +489,16 @@ function Mt({
   zoom: s = 14,
   address: r
 }) {
-  const { t: i } = C("ui");
+  const { t: i } = w("ui");
   if (!e)
-    return /* @__PURE__ */ p(
+    return /* @__PURE__ */ m(
       "div",
       {
         "aria-hidden": r ? void 0 : "true",
         className: we({ state: "placeholder" }),
         children: [
           /* @__PURE__ */ t(ne, { "aria-hidden": "true", className: "ds:size-5 ds:shrink-0" }),
-          r ? /* @__PURE__ */ t("span", { className: "type-meta ds:[overflow-wrap:anywhere]", children: r }) : null
+          r ? /* @__PURE__ */ t("span", { dir: "auto", className: "type-meta ds:[overflow-wrap:anywhere]", children: r }) : null
         ]
       }
     );
@@ -521,6 +521,7 @@ function Fe({ tagline: e }) {
     "span",
     {
       "data-component": "practice-result-tagline",
+      dir: "auto",
       className: "type-body-sm ds:font-[var(--font-weight-medium)] ds:text-[var(--foreground)]",
       children: e
     }
@@ -546,6 +547,7 @@ function Le({
     "p",
     {
       "data-component": "practice-result-description",
+      dir: "auto",
       className: It({ density: n }),
       children: e
     }
@@ -555,7 +557,7 @@ function Be({
   cents: e,
   currencyCode: n = "EUR"
 }) {
-  const { t: s, i18n: r } = C("ui"), i = B(
+  const { t: s, i18n: r } = w("ui"), i = M(
     () => e == null ? void 0 : lt(
       e,
       n,
@@ -564,7 +566,7 @@ function Be({
     ),
     [e, n, r.language, s]
   );
-  return i === void 0 ? null : /* @__PURE__ */ p(
+  return i === void 0 ? null : /* @__PURE__ */ m(
     "span",
     {
       "data-component": "practice-result-price",
@@ -585,8 +587,8 @@ function Be({
   );
 }
 function He({ time: e }) {
-  const { t: n } = C("ui");
-  return /* @__PURE__ */ p("span", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+  const { t: n } = w("ui");
+  return /* @__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(
       ft,
       {
@@ -605,8 +607,8 @@ function Oe({
   onOpenClick: i,
   onBookClick: a
 }) {
-  const { t: l } = C("ui"), d = e.nextAvailableSlot, c = (d == null ? void 0 : d.bookingHref) ?? e.bookingHref ?? e.href, u = d && r ? l("practiceResults.nextSlot.cta", { time: r }) : s;
-  return /* @__PURE__ */ p("div", { className: "ds:mt-[var(--spacing-xs)] ds:flex ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)]", children: [
+  const { t: l } = w("ui"), d = e.nextAvailableSlot, c = (d == null ? void 0 : d.bookingHref) ?? e.bookingHref ?? e.href, u = d && r ? l("practiceResults.nextSlot.cta", { time: r }) : s;
+  return /* @__PURE__ */ m("div", { className: "ds:mt-[var(--spacing-xs)] ds:flex ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)]", children: [
     n !== void 0 ? /* @__PURE__ */ t(
       ee,
       {
@@ -616,7 +618,7 @@ function Oe({
         onClick: (o) => {
           o.stopPropagation(), i();
         },
-        children: /* @__PURE__ */ p("a", { href: e.href, "data-component": "practice-result-open-cta", children: [
+        children: /* @__PURE__ */ m("a", { href: e.href, "data-component": "practice-result-open-cta", children: [
           n,
           " ",
           /* @__PURE__ */ t("span", { className: "ds:sr-only", children: e.name })
@@ -633,7 +635,7 @@ function Oe({
         onClick: (o) => {
           o.stopPropagation(), a();
         },
-        children: /* @__PURE__ */ p(
+        children: /* @__PURE__ */ m(
           "a",
           {
             href: c,
@@ -691,14 +693,14 @@ function _t({
   onBookClick: c,
   nextSlotText: u,
   maxInsuranceChips: o = 3,
-  maxLanguageChips: m = 4,
-  children: f
+  maxLanguageChips: f = 4,
+  children: h
 }) {
   var q, U, G, V, H, Z;
-  const { t: x, i18n: b } = C("ui"), y = e.rating, h = (q = e.location) == null ? void 0 : q.distanceKm, g = (((U = e.languages) == null ? void 0 : U.length) ?? 0) > 0, R = (((G = e.insurances) == null ? void 0 : G.length) ?? 0) > 0, P = e.specializedInFearPatients, N = g || R || P, w = (e.languages ?? []).slice(0, m), _ = (((V = e.languages) == null ? void 0 : V.length) ?? 0) - w.length, T = (e.insurances ?? []).slice(0, o), A = (((H = e.insurances) == null ? void 0 : H.length) ?? 0) - T.length;
+  const { t: x, i18n: g } = w("ui"), y = e.rating, C = (q = e.location) == null ? void 0 : q.distanceKm, v = (((U = e.languages) == null ? void 0 : U.length) ?? 0) > 0, p = (((G = e.insurances) == null ? void 0 : G.length) ?? 0) > 0, P = e.specializedInFearPatients, N = v || p || P, R = (e.languages ?? []).slice(0, f), T = (((V = e.languages) == null ? void 0 : V.length) ?? 0) - R.length, z = (e.insurances ?? []).slice(0, o), A = (((H = e.insurances) == null ? void 0 : H.length) ?? 0) - z.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__ */ p(
+    /* @__PURE__ */ m(
       "div",
       {
         "data-component": "practice-result-card",
@@ -711,25 +713,35 @@ function _t({
         onFocus: i,
         className: De({ density: a }),
         children: [
-          /* @__PURE__ */ t(Re, { src: e.imageUrl, name: e.name, size: "lg" }),
-          /* @__PURE__ */ p("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-            /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
-              /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ t(
+            Re,
+            {
+              src: e.imageUrl,
+              name: e.name,
+              size: "lg",
+              shape: "rounded",
+              ratio: "4:3"
+            }
+          ),
+          /* @__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`,
+                    dir: "auto",
                     className: "type-title-card ds:text-[var(--foreground)]",
                     children: e.name
                   }
                 ),
-                h != null ? /* @__PURE__ */ t(ze, { distanceKm: h }) : null
+                C != null ? /* @__PURE__ */ t(ze, { distanceKm: C }) : null
               ] }),
               e.subtitle ? /* @__PURE__ */ t("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: e.subtitle }) : null,
               /* @__PURE__ */ t(Fe, { tagline: e.tagline }),
-              (Z = e.location) != null && Z.address ? /* @__PURE__ */ p("span", { className: "type-meta ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+              (Z = e.location) != null && Z.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(ne, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }),
-                e.location.address
+                /* @__PURE__ */ t("span", { dir: "auto", children: e.location.address })
               ] }) : null
             ] }),
             y && y.count > 0 ? /* @__PURE__ */ t(
@@ -740,18 +752,18 @@ function _t({
                 size: "sm"
               }
             ) : null,
-            N ? /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-              w.map((k) => /* @__PURE__ */ t(
+            N ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+              R.map((k) => /* @__PURE__ */ t(
                 $,
                 {
                   variant: "neutral",
                   leading: /* @__PURE__ */ t(Pe, { "aria-hidden": "true" }),
-                  children: Ie(k, x, b)
+                  children: Ie(k, x, g)
                 },
                 `lang-${k}`
               )),
-              _ > 0 ? /* @__PURE__ */ t($, { variant: "neutral", children: `+${_}` }) : null,
-              T.map((k) => /* @__PURE__ */ t(
+              T > 0 ? /* @__PURE__ */ t($, { variant: "neutral", children: `+${T}` }) : null,
+              z.map((k) => /* @__PURE__ */ t(
                 $,
                 {
                   variant: "info",
@@ -772,7 +784,7 @@ function _t({
               }
             ),
             e.nextAvailableSlot && u ? /* @__PURE__ */ t(He, { time: u }) : null,
-            f,
+            h,
             /* @__PURE__ */ t(
               Oe,
               {
@@ -801,8 +813,8 @@ function Tt({
   openLabel: d,
   bookLabel: c
 }) {
-  var g, R, P, N;
-  const { t: u, i18n: o } = C("ui"), m = B(() => {
+  var v, p, P, N;
+  const { t: u, i18n: o } = w("ui"), f = M(() => {
     if (e.nextAvailableSlot)
       try {
         return new Intl.DateTimeFormat(o.language, {
@@ -813,10 +825,10 @@ function Tt({
       } catch {
         return e.nextAvailableSlot.dateTime;
       }
-  }, [e.nextAvailableSlot, o.language]), f = (((g = e.languages) == null ? void 0 : g.length) ?? 0) > 0, x = (((R = e.insurances) == null ? void 0 : R.length) ?? 0) > 0, b = e.specializedInFearPatients, y = f || x || b, h = (P = e.location) == null ? void 0 : P.distanceKm;
+  }, [e.nextAvailableSlot, o.language]), h = (((v = e.languages) == null ? void 0 : v.length) ?? 0) > 0, x = (((p = e.insurances) == null ? void 0 : p.length) ?? 0) > 0, g = e.specializedInFearPatients, y = h || x || g, C = (P = e.location) == null ? void 0 : P.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__ */ p(
+    /* @__PURE__ */ m(
       "div",
       {
         "data-component": "practice-result-card",
@@ -841,24 +853,34 @@ function Tt({
               address: e.location.address
             }
           ) : null,
-          /* @__PURE__ */ p("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-            /* @__PURE__ */ p("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-md)]", children: [
-              /* @__PURE__ */ t(Re, { src: e.imageUrl, name: e.name, size: "md" }),
-              /* @__PURE__ */ p("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
-                /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+          /* @__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(
+                Re,
+                {
+                  src: e.imageUrl,
+                  name: e.name,
+                  size: "md",
+                  shape: "rounded",
+                  ratio: "4:3"
+                }
+              ),
+              /* @__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`,
+                      dir: "auto",
                       className: "type-title-card ds:text-[var(--foreground)]",
                       children: e.name
                     }
                   ),
-                  h != null ? /* @__PURE__ */ t(ze, { distanceKm: h }) : null
+                  C != null ? /* @__PURE__ */ t(ze, { distanceKm: C }) : null
                 ] }),
                 e.subtitle ? /* @__PURE__ */ t("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: e.subtitle }) : null,
                 /* @__PURE__ */ t(Fe, { tagline: e.tagline }),
-                (N = e.location) != null && N.address ? /* @__PURE__ */ p("span", { className: "type-meta ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+                (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(
                     ne,
                     {
@@ -866,7 +888,7 @@ function Tt({
                       className: "ds:size-3.5 ds:shrink-0"
                     }
                   ),
-                  e.location.address
+                  /* @__PURE__ */ t("span", { dir: "auto", children: e.location.address })
                 ] }) : null
               ] }),
               e.rating && e.rating.count > 0 ? /* @__PURE__ */ t(
@@ -878,26 +900,26 @@ function Tt({
                 }
               ) : null
             ] }),
-            y ? /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-              f ? (e.languages ?? []).map((w) => /* @__PURE__ */ t(
+            y ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+              h ? (e.languages ?? []).map((R) => /* @__PURE__ */ t(
                 $,
                 {
                   variant: "neutral",
                   leading: /* @__PURE__ */ t(Pe, { "aria-hidden": "true" }),
-                  children: Ie(w, u, o)
+                  children: Ie(R, u, o)
                 },
-                `lang-${w}`
+                `lang-${R}`
               )) : null,
-              x ? (e.insurances ?? []).map((w) => /* @__PURE__ */ t(
+              x ? (e.insurances ?? []).map((R) => /* @__PURE__ */ t(
                 $,
                 {
                   variant: "info",
                   leading: /* @__PURE__ */ t(Ae, { "aria-hidden": "true" }),
-                  children: w
+                  children: R
                 },
-                `ins-${w}`
+                `ins-${R}`
               )) : null,
-              b ? /* @__PURE__ */ t($, { variant: "info", leading: /* @__PURE__ */ t(Me, { "aria-hidden": "true" }), children: u("practiceResults.fearPatient.label") }) : null
+              g ? /* @__PURE__ */ t($, { variant: "info", leading: /* @__PURE__ */ t(Me, { "aria-hidden": "true" }), children: u("practiceResults.fearPatient.label") }) : null
             ] }) : null,
             /* @__PURE__ */ t(Le, { description: e.description, density: "rich" }),
             /* @__PURE__ */ t(
@@ -907,14 +929,14 @@ function Tt({
                 currencyCode: e.currencyCode
               }
             ),
-            e.nextAvailableSlot && m ? /* @__PURE__ */ t(He, { time: m }) : null,
+            e.nextAvailableSlot && f ? /* @__PURE__ */ t(He, { time: f }) : null,
             /* @__PURE__ */ t(
               Oe,
               {
                 result: e,
                 openLabel: d,
                 bookLabel: c,
-                nextSlotText: m,
+                nextSlotText: f,
                 onOpenClick: i,
                 onBookClick: a
               }
@@ -937,82 +959,82 @@ function fe({
   formatNextSlot: c,
   onLoadMore: u,
   loadingMore: o,
-  loadingSkeletons: m,
-  density: f = "compact",
+  loadingSkeletons: f,
+  density: h = "compact",
   apiKey: x,
-  containerRef: b
+  containerRef: g
 }) {
-  const { t: y } = C("ui"), h = M(null);
+  const { t: y } = w("ui"), C = I(null);
   return W(() => {
     if (!u) return;
-    const g = h.current;
-    if (!g || typeof IntersectionObserver > "u") return;
-    const R = new IntersectionObserver(
+    const v = C.current;
+    if (!v || typeof IntersectionObserver > "u") return;
+    const p = new IntersectionObserver(
       (P) => {
         for (const N of P)
-          N.isIntersecting && (L("serp_load_more", {
+          N.isIntersecting && (B("serp_load_more", {
             currentCount: e.length
           }), u());
       },
       { root: null, rootMargin: "200px" }
     );
-    return R.observe(g), () => R.disconnect();
-  }, [u, e.length]), m ? /* @__PURE__ */ t(
+    return p.observe(v), () => p.disconnect();
+  }, [u, e.length]), f ? /* @__PURE__ */ t(
     "div",
     {
       role: "status",
       "aria-live": "polite",
       "aria-label": y("practiceResults.loading"),
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
-      children: Array.from({ length: 4 }).map((g, R) => /* @__PURE__ */ t(
+      children: Array.from({ length: 4 }).map((v, p) => /* @__PURE__ */ t(
         rt,
         {
           variant: "rounded",
-          height: f === "rich" ? "11rem" : "7rem"
+          height: h === "rich" ? "11rem" : "7rem"
         },
-        `pr-skel-${R}`
+        `pr-skel-${p}`
       ))
     }
-  ) : /* @__PURE__ */ p(
+  ) : /* @__PURE__ */ m(
     "div",
     {
-      ref: b,
+      ref: g,
       "data-component": "practice-results-list",
       role: "list",
       "aria-label": y("practiceResults.list.label"),
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:overflow-y-auto",
       children: [
-        e.map((g) => /* @__PURE__ */ t("div", { role: "listitem", children: f === "rich" ? /* @__PURE__ */ t(
+        e.map((v) => /* @__PURE__ */ t("div", { role: "listitem", children: h === "rich" ? /* @__PURE__ */ t(
           Tt,
           {
-            result: g,
+            result: v,
             apiKey: x,
-            highlighted: n === g.id,
-            onSelect: () => r(g.id),
-            onOpenClick: () => i(g.id),
-            onBookClick: () => a(g.id),
-            onHover: () => s(g.id),
+            highlighted: n === v.id,
+            onSelect: () => r(v.id),
+            onOpenClick: () => i(v.id),
+            onBookClick: () => a(v.id),
+            onHover: () => s(v.id),
             openLabel: l,
             bookLabel: d
           }
         ) : /* @__PURE__ */ t(
           _t,
           {
-            result: g,
-            highlighted: n === g.id,
-            onSelect: () => r(g.id),
-            onOpenClick: () => i(g.id),
-            onBookClick: () => a(g.id),
-            onHover: () => s(g.id),
+            result: v,
+            highlighted: n === v.id,
+            onSelect: () => r(v.id),
+            onOpenClick: () => i(v.id),
+            onBookClick: () => a(v.id),
+            onHover: () => s(v.id),
             openLabel: l,
             bookLabel: d,
-            nextSlotText: c(g)
+            nextSlotText: c(v)
           }
-        ) }, g.id)),
+        ) }, v.id)),
         u ? /* @__PURE__ */ t(
           "div",
           {
-            ref: h,
+            ref: C,
             "aria-hidden": "true",
             className: "ds:flex ds:items-center ds:justify-center ds:py-[var(--spacing-md)]",
             children: o ? /* @__PURE__ */ t(ot, { size: "md", variant: "pulse" }) : /* @__PURE__ */ t("span", { className: "ds:size-1" })
@@ -1034,33 +1056,39 @@ function pe({
   onPinFirstInteract: c,
   onBoundsChange: u,
   consentGranted: o,
-  onConsentRequest: m,
-  mapHandleRef: f
+  onConsentRequest: f,
+  mapHandleRef: h
 }) {
-  const { t: x } = C("ui"), b = B(
+  const { t: x } = w("ui"), g = M(
     () => e.filter(
-      (h) => !!h.location
-    ).map((h) => ({
-      id: h.id,
+      (p) => !!p.location
+    ).map((p) => ({
+      id: p.id,
       position: {
-        lat: h.location.lat,
-        lng: h.location.lng
+        lat: p.location.lat,
+        lng: p.location.lng
       },
-      label: h.name
+      label: p.name
     })),
     [e]
-  ), y = B(() => {
+  ), y = M(
+    () => g.map((p) => ({ ...p.position, id: p.id })),
+    [g]
+  ), C = M(
+    () => g.map((p) => p.id).sort().join("|"),
+    [g]
+  ), v = M(() => {
     if (n) return n;
-    const h = Ce(e);
-    return h ? {
-      lat: (h.north + h.south) / 2,
-      lng: (h.east + h.west) / 2
+    const p = Ce(e);
+    return p ? {
+      lat: (p.north + p.south) / 2,
+      lng: (p.east + p.west) / 2
     } : { lat: 45.4642, lng: 9.19 };
   }, [e, n]);
   return W(() => {
     if (!u) return;
-    const h = Ce(e);
-    h && (u(h), L("serp_map_panned", { bounds: h }));
+    const p = Ce(e);
+    p && (u(p), B("serp_map_panned", { bounds: p }));
   }, [e, u]), /* @__PURE__ */ t(
     "div",
     {
@@ -1069,17 +1097,19 @@ function pe({
       children: /* @__PURE__ */ t(
         it,
         {
-          ref: f,
+          ref: h,
           apiKey: r ?? "",
           mapId: i,
-          center: y,
+          center: v,
           zoom: s,
-          markers: b,
+          markers: g,
+          fitToPoints: y,
+          fitKey: C,
           selectedMarkerId: a,
           consentGranted: !!o,
-          onConsentRequest: m,
-          onMarkerClick: (h) => {
-            h != null && (d(h), c(h), l(h));
+          onConsentRequest: f,
+          onMarkerClick: (p) => {
+            p != null && (d(p), c(p), l(p));
           },
           ariaLabel: x("practiceResults.map.label"),
           size: "fill",
@@ -1094,7 +1124,7 @@ function he({
   variantBodyProps: e
 }) {
   const { facets: n, value: s, onChange: r, heading: i, intro: a, totalCount: l, searchCentre: d } = e;
-  return /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+  return /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
     /* @__PURE__ */ t(
       _e,
       {
@@ -1104,7 +1134,7 @@ function he({
         searchCentreLabel: d == null ? void 0 : d.label
       }
     ),
-    n.length > 0 ? /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+    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(
         Te,
         {
@@ -1130,7 +1160,7 @@ function he({
   ] });
 }
 function ge() {
-  const { t: e } = C("ui");
+  const { t: e } = w("ui");
   return /* @__PURE__ */ t(
     st,
     {
@@ -1141,8 +1171,8 @@ function ge() {
   );
 }
 function ve({ onRetry: e }) {
-  const { t: n } = C("ui");
-  return /* @__PURE__ */ p(Y, { variant: "error", children: [
+  const { t: n } = w("ui");
+  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(
@@ -1169,21 +1199,21 @@ function zt(e) {
     loadingSkeletons: c,
     emptyResultsSlot: u,
     errorSlot: o,
-    error: m,
-    onRetry: f,
+    error: f,
+    onRetry: h,
     highlightedId: x,
-    onCardHover: b,
+    onCardHover: g,
     onPinClick: y,
-    consentGranted: h,
-    onConsentRequest: g,
-    onBoundsChange: R,
+    consentGranted: C,
+    onConsentRequest: v,
+    onBoundsChange: p,
     listContainerRef: P
-  } = e, { t: N } = C("ui"), [w, _] = me(!1), T = m ? o ?? /* @__PURE__ */ t(ve, { onRetry: f }) : n.length === 0 && !c ? u ?? /* @__PURE__ */ t(ge, {}) : /* @__PURE__ */ t(
+  } = e, { t: N } = w("ui"), [R, T] = me(!1), z = f ? o ?? /* @__PURE__ */ t(ve, { onRetry: h }) : n.length === 0 && !c ? u ?? /* @__PURE__ */ t(ge, {}) : /* @__PURE__ */ t(
     fe,
     {
       results: n,
       highlightedId: x,
-      onCardHover: b,
+      onCardHover: g,
       onCardSelect: e.onCardSelect,
       onCardOpenClick: e.onCardOpenClick,
       onCardBookClick: e.onCardBookClick,
@@ -1197,10 +1227,10 @@ function zt(e) {
       containerRef: P
     }
   );
-  return /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+  return /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
     /* @__PURE__ */ t(he, { variantBodyProps: e }),
-    /* @__PURE__ */ p("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__ */ 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: z }),
       /* @__PURE__ */ t("div", { className: "ds:hidden ds:lg:block ds:sticky ds:top-[var(--spacing-md)] ds:h-[40rem]", children: /* @__PURE__ */ t(
         pe,
         {
@@ -1213,11 +1243,11 @@ function zt(e) {
           onPinClick: (A) => {
             Q(n, A, "pin", e.onResultSelect), y(A);
           },
-          onPinHover: b,
+          onPinHover: g,
           onPinFirstInteract: e.onPinFirstInteract,
-          onBoundsChange: R,
-          consentGranted: h,
-          onConsentRequest: g,
+          onBoundsChange: p,
+          consentGranted: C,
+          onConsentRequest: v,
           mapHandleRef: e.mapHandleRef
         }
       ) })
@@ -1228,15 +1258,15 @@ function zt(e) {
         intent: "primary",
         size: "md",
         startIcon: /* @__PURE__ */ t(vt, { "aria-hidden": "true" }),
-        onClick: () => _(!0),
+        onClick: () => T(!0),
         children: N("practiceResults.viewMap")
       }
     ) }),
-    /* @__PURE__ */ t(I.Root, { open: w, onOpenChange: _, children: /* @__PURE__ */ p(I.Content, { side: "bottom", size: "lg", children: [
-      /* @__PURE__ */ t(I.Header, { children: /* @__PURE__ */ t(I.Title, { children: N("practiceResults.map.label") }) }),
-      /* @__PURE__ */ p(I.Body, { children: [
-        /* @__PURE__ */ t(I.Description, { className: "ds:sr-only", children: N("practiceResults.sheet.description") }),
-        /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ t(_.Root, { open: R, onOpenChange: T, children: /* @__PURE__ */ m(_.Content, { side: "bottom", size: "lg", children: [
+      /* @__PURE__ */ t(_.Header, { children: /* @__PURE__ */ t(_.Title, { children: N("practiceResults.map.label") }) }),
+      /* @__PURE__ */ m(_.Body, { children: [
+        /* @__PURE__ */ t(_.Description, { className: "ds:sr-only", children: N("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(
             pe,
             {
@@ -1249,15 +1279,15 @@ function zt(e) {
               onPinClick: (A) => {
                 Q(n, A, "pin", e.onResultSelect), y(A);
               },
-              onPinHover: b,
+              onPinHover: g,
               onPinFirstInteract: e.onPinFirstInteract,
-              onBoundsChange: R,
-              consentGranted: h,
-              onConsentRequest: g,
+              onBoundsChange: p,
+              consentGranted: C,
+              onConsentRequest: v,
               mapHandleRef: e.mapHandleRef
             }
           ) }),
-          T
+          z
         ] })
       ] })
     ] }) })
@@ -1273,34 +1303,34 @@ const Ft = {
   "full"
 ];
 function Lt({ value: e, onChange: n }) {
-  const { t: s, i18n: r } = C("ui"), i = r.dir() === "rtl", a = M(
+  const { t: s, i18n: r } = w("ui"), i = r.dir() === "rtl", a = I(
     /* @__PURE__ */ new Map()
   ), l = O((c) => {
     var u;
     (u = a.current.get(c)) == null || u.focus();
   }, []), d = O(
     (c, u) => {
-      const o = E.indexOf(u), m = E.length, f = i ? "ArrowLeft" : "ArrowRight", x = i ? "ArrowRight" : "ArrowLeft";
-      let b = null;
+      const o = E.indexOf(u), f = E.length, h = i ? "ArrowLeft" : "ArrowRight", x = i ? "ArrowRight" : "ArrowLeft";
+      let g = null;
       switch (c.key) {
-        case f:
+        case h:
         case "ArrowDown":
-          b = E[(o + 1) % m];
+          g = E[(o + 1) % f];
           break;
         case x:
         case "ArrowUp":
-          b = E[(o - 1 + m) % m];
+          g = E[(o - 1 + f) % f];
           break;
         case "Home":
-          b = E[0];
+          g = E[0];
           break;
         case "End":
-          b = E[m - 1];
+          g = E[f - 1];
           break;
         default:
           return;
       }
-      c.preventDefault(), b && b !== u && n(b), b && l(b);
+      c.preventDefault(), g && g !== u && n(g), g && l(g);
     },
     [l, i, n]
   );
@@ -1348,24 +1378,24 @@ function Bt(e) {
     loadingSkeletons: c,
     emptyResultsSlot: u,
     errorSlot: o,
-    error: m,
-    onRetry: f,
+    error: f,
+    onRetry: h,
     highlightedId: x,
-    onCardHover: b,
+    onCardHover: g,
     onPinClick: y,
-    consentGranted: h,
-    onConsentRequest: g,
-    onBoundsChange: R,
+    consentGranted: C,
+    onConsentRequest: v,
+    onBoundsChange: p,
     listContainerRef: P,
     facets: N,
-    value: w,
-    onChange: _
-  } = e, { t: T } = C("ui"), [A, q] = me("half"), U = Ft[A], G = ct("(min-width: 1024px)"), V = m ? o ?? /* @__PURE__ */ t(ve, { onRetry: f }) : n.length === 0 && !c ? u ?? /* @__PURE__ */ t(ge, {}) : /* @__PURE__ */ t(
+    value: R,
+    onChange: T
+  } = e, { t: z } = w("ui"), [A, q] = me("half"), U = Ft[A], G = ct("(min-width: 1024px)"), V = f ? o ?? /* @__PURE__ */ t(ve, { onRetry: h }) : n.length === 0 && !c ? u ?? /* @__PURE__ */ t(ge, {}) : /* @__PURE__ */ t(
     fe,
     {
       results: n,
       highlightedId: x,
-      onCardHover: b,
+      onCardHover: g,
       onCardSelect: e.onCardSelect,
       onCardOpenClick: e.onCardOpenClick,
       onCardBookClick: e.onCardBookClick,
@@ -1391,19 +1421,19 @@ function Bt(e) {
       onPinClick: (k) => {
         Q(n, k, "pin", e.onResultSelect), y(k);
       },
-      onPinHover: b,
+      onPinHover: g,
       onPinFirstInteract: e.onPinFirstInteract,
-      onBoundsChange: R,
-      consentGranted: h,
-      onConsentRequest: g,
+      onBoundsChange: p,
+      consentGranted: C,
+      onConsentRequest: v,
       mapHandleRef: e.mapHandleRef
     }
   ), Z = 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(
     Te,
     {
       facets: N,
-      value: w.facets,
-      onChange: (k) => _({ ...w, facets: k }),
+      value: R.facets,
+      onChange: (k) => T({ ...R, facets: k }),
       floating: !0
     }
   ) }) : null;
@@ -1425,9 +1455,9 @@ function Bt(e) {
     // 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__ */ p(tt, { children: [
+    /* @__PURE__ */ m(tt, { children: [
       /* @__PURE__ */ t(he, { variantBodyProps: e }),
-      /* @__PURE__ */ p("div", { className: "ds:grid ds:grid-cols-[65fr_35fr] ds:gap-[var(--spacing-lg)] ds:items-start", children: [
+      /* @__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: H }),
         /* @__PURE__ */ t("div", { className: "ds:min-w-0", children: V })
       ] })
@@ -1439,7 +1469,7 @@ function Bt(e) {
     // 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__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
       /* @__PURE__ */ t(
         _e,
         {
@@ -1449,22 +1479,22 @@ function Bt(e) {
           searchCentreLabel: a == null ? void 0 : a.label
         }
       ),
-      /* @__PURE__ */ p("div", { className: "ds:relative ds:h-[60vh] ds:min-h-[20rem]", children: [
+      /* @__PURE__ */ m("div", { className: "ds:relative ds:h-[60vh] ds:min-h-[20rem]", children: [
         H,
         Z
       ] }),
-      /* @__PURE__ */ t(I.Root, { open: !0, children: /* @__PURE__ */ t(
-        I.Content,
+      /* @__PURE__ */ t(_.Root, { open: !0, children: /* @__PURE__ */ t(
+        _.Content,
         {
           side: "bottom",
           size: U,
           onEscapeKeyDown: (k) => k.preventDefault(),
           onPointerDownOutside: (k) => k.preventDefault(),
           onInteractOutside: (k) => k.preventDefault(),
-          children: /* @__PURE__ */ p(I.Body, { children: [
-            /* @__PURE__ */ t(I.Description, { className: "ds:sr-only", children: T("practiceResults.sheet.descriptionMapFirst") }),
-            /* @__PURE__ */ p("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", {
+          children: /* @__PURE__ */ m(_.Body, { children: [
+            /* @__PURE__ */ t(_.Description, { className: "ds:sr-only", children: z("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(_.Title, { className: "type-title-card ds:m-0 ds:text-[var(--foreground)]", children: z("practiceResults.sheet.title", {
                 count: e.totalCount ?? n.length
               }) }),
               /* @__PURE__ */ t(
@@ -1478,8 +1508,8 @@ function Bt(e) {
             /* @__PURE__ */ t("div", { className: "ds:pb-[var(--spacing-sm)]", children: /* @__PURE__ */ t(
               ue,
               {
-                value: w.sort ?? "relevance",
-                onChange: (k) => _({ ...w, sort: k })
+                value: R.sort ?? "relevance",
+                onChange: (k) => T({ ...R, sort: k })
               }
             ) }),
             V
@@ -1501,14 +1531,14 @@ function Ht(e) {
     error: c,
     onRetry: u,
     highlightedId: o,
-    onCardHover: m,
-    listContainerRef: f
+    onCardHover: f,
+    listContainerRef: h
   } = e, x = c ? d ?? /* @__PURE__ */ t(ve, { onRetry: u }) : n.length === 0 && !a ? l ?? /* @__PURE__ */ t(ge, {}) : /* @__PURE__ */ t(
     fe,
     {
       results: n,
       highlightedId: o,
-      onCardHover: m,
+      onCardHover: f,
       onCardSelect: e.onCardSelect,
       onCardOpenClick: e.onCardOpenClick,
       onCardBookClick: e.onCardBookClick,
@@ -1520,10 +1550,10 @@ function Ht(e) {
       loadingSkeletons: a,
       density: "rich",
       apiKey: s,
-      containerRef: f
+      containerRef: h
     }
   );
-  return /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+  return /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
     /* @__PURE__ */ t(he, { variantBodyProps: e }),
     x
   ] });
@@ -1539,19 +1569,19 @@ const Ot = nt(function({
   defaultZoom: c = yt,
   onBoundsChange: u,
   consentGranted: o,
-  onConsentRequest: m,
-  skipConsentGate: f = !1,
+  onConsentRequest: f,
+  skipConsentGate: h = !1,
   onLoadMore: x,
-  loadingMore: b,
+  loadingMore: g,
   value: y,
-  onChange: h,
-  onResultSelect: g,
-  loading: R,
+  onChange: C,
+  onResultSelect: v,
+  loading: p,
   emptyResultsSlot: P,
   errorSlot: N,
-  error: w,
-  onRetry: _,
-  heading: T,
+  error: R,
+  onRetry: T,
+  heading: z,
   intro: A,
   cardOpenButtonLabel: q,
   cardBookButtonLabel: U,
@@ -1561,125 +1591,125 @@ const Ot = nt(function({
   className: Z,
   ...k
 }, $e) {
-  const { t: ae, i18n: be } = C("ui"), [Ve, J] = me(null), X = M(/* @__PURE__ */ new Set()), se = M(/* @__PURE__ */ new Set()), Ke = M(null), ie = M(null), re = B(
+  const { t: ae, i18n: be } = w("ui"), [Ve, J] = me(null), X = I(/* @__PURE__ */ new Set()), se = I(/* @__PURE__ */ new Set()), Ke = I(null), ie = I(null), re = M(
     () => ({
       getVariant: () => n,
-      scrollToResult: (v) => {
-        const F = ie.current;
-        if (!F) return;
-        const S = F.querySelector(
-          `[data-component="practice-result-card"][data-result-id="${CSS.escape(v)}"]`
+      scrollToResult: (b) => {
+        const L = ie.current;
+        if (!L) return;
+        const S = L.querySelector(
+          `[data-component="practice-result-card"][data-result-id="${CSS.escape(b)}"]`
         );
-        S && (S.scrollIntoView({ behavior: "smooth", block: "nearest" }), J(v));
+        S && (S.scrollIntoView({ behavior: "smooth", block: "nearest" }), J(b));
       },
-      focusPin: (v) => {
-        J(v);
+      focusPin: (b) => {
+        J(b);
       }
     }),
     [n]
   );
   at($e, () => re, [re]), dt(bt, re, H);
   const Ee = G ? q ?? ae("practiceResults.card.open") : void 0, je = U ?? ae("practiceResults.card.book"), qe = O(
-    (v) => {
-      if (v.nextAvailableSlot)
+    (b) => {
+      if (b.nextAvailableSlot)
         try {
           return new Intl.DateTimeFormat(be.language, {
             weekday: "short",
             hour: "numeric",
             minute: "numeric"
-          }).format(new Date(v.nextAvailableSlot.dateTime));
+          }).format(new Date(b.nextAvailableSlot.dateTime));
         } catch {
-          return v.nextAvailableSlot.dateTime;
+          return b.nextAvailableSlot.dateTime;
         }
     },
     [be.language]
-  ), ye = M(null);
+  ), ye = I(null);
   W(() => {
-    ye.current !== n && (ye.current = n, L("serp_variant_exposed", {
+    ye.current !== n && (ye.current = n, B("serp_variant_exposed", {
       variant: n,
       totalCount: r ?? s.length
     }), X.current = /* @__PURE__ */ new Set(), se.current = /* @__PURE__ */ new Set());
   }, [n]);
-  const oe = M(!1), ce = B(
+  const oe = I(!1), ce = M(
     () => Ct(a ?? [], s, y.facets),
     [a, s, y.facets]
-  ), le = y.sort ?? (i ? "distance" : "relevance"), z = B(() => {
-    const v = wt(s, y.facets, ce);
-    return Rt(v, le, i);
+  ), le = y.sort ?? (i ? "distance" : "relevance"), F = M(() => {
+    const b = wt(s, y.facets, ce);
+    return Rt(b, le, i);
   }, [s, y.facets, ce, le, i]);
   W(() => {
-    const v = z.length === 0;
-    v && !oe.current ? (L("serp_empty_results", {
+    const b = F.length === 0;
+    b && !oe.current ? (B("serp_empty_results", {
       appliedFacets: y.facets ?? {}
-    }), oe.current = !0) : v || (oe.current = !1);
-  }, [z.length, y.facets]);
-  const K = M(null), xe = M(null);
+    }), oe.current = !0) : b || (oe.current = !1);
+  }, [F.length, y.facets]);
+  const K = I(null), xe = I(null);
   W(
     () => () => {
       K.current && clearTimeout(K.current);
     },
     []
   );
-  const Ue = O((v) => {
-    J(v), !X.current.has(v) && (xe.current === v && K.current || (K.current && clearTimeout(K.current), xe.current = v, K.current = setTimeout(() => {
-      X.current.has(v) || (X.current.add(v), L("serp_result_hovered_card", { resultId: v })), K.current = null;
+  const Ue = O((b) => {
+    J(b), !X.current.has(b) && (xe.current === b && K.current || (K.current && clearTimeout(K.current), xe.current = b, K.current = setTimeout(() => {
+      X.current.has(b) || (X.current.add(b), B("serp_result_hovered_card", { resultId: b })), K.current = null;
     }, 500)));
-  }, []), Ge = O((v) => {
-    J(v);
-    const F = ie.current;
-    if (!F) return;
-    const S = F.querySelector(
-      `[data-component="practice-result-card"][data-result-id="${CSS.escape(v)}"]`
+  }, []), Ge = O((b) => {
+    J(b);
+    const L = ie.current;
+    if (!L) return;
+    const S = L.querySelector(
+      `[data-component="practice-result-card"][data-result-id="${CSS.escape(b)}"]`
     );
     S == null || S.scrollIntoView({ behavior: "smooth", block: "nearest" });
-  }, []), Ze = O((v) => {
-    se.current.has(v) || (se.current.add(v), L("serp_result_hovered_pin", { resultId: v }));
-  }, []), ke = M(null), Qe = O(
-    (v) => {
-      J(v);
-      const F = z.find((S) => S.id === v);
-      if (F) {
-        if (F.location) {
+  }, []), Ze = O((b) => {
+    se.current.has(b) || (se.current.add(b), B("serp_result_hovered_pin", { resultId: b }));
+  }, []), ke = I(null), Qe = O(
+    (b) => {
+      J(b);
+      const L = F.find((S) => S.id === b);
+      if (L) {
+        if (L.location) {
           const S = ke.current;
           S == null || S.panTo({
-            lat: F.location.lat,
-            lng: F.location.lng
+            lat: L.location.lat,
+            lng: L.location.lng
           }), S == null || S.setZoom(16);
         }
-        Q(z, v, "card", g);
+        Q(F, b, "card", v);
       }
     },
-    [z, g]
+    [F, v]
   ), Je = O(
-    (v) => {
+    (b) => {
       Q(
-        z,
-        v,
+        F,
+        b,
         "open-button",
-        g
+        v
       );
     },
-    [z, g]
+    [F, v]
   ), We = O(
-    (v) => {
+    (b) => {
       Q(
-        z,
-        v,
+        F,
+        b,
         "book-button",
-        g
+        v
       );
     },
-    [z, g]
-  ), Xe = !!R && s.length === 0, de = {
-    results: z,
+    [F, v]
+  ), Xe = !!p && s.length === 0, de = {
+    results: F,
     totalCount: r,
     searchCentre: i,
     facets: ce,
     value: { ...y, sort: le },
-    onChange: h,
-    onResultSelect: g,
+    onChange: C,
+    onResultSelect: v,
     onLoadMore: x,
-    loadingMore: b,
+    loadingMore: g,
     apiKey: l,
     mapId: d,
     zoom: c,
@@ -1688,15 +1718,15 @@ const Ot = nt(function({
     // 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: f ? !0 : o,
-    onConsentRequest: f ? void 0 : m,
+    consentGranted: h ? !0 : o,
+    onConsentRequest: h ? void 0 : f,
     onBoundsChange: u,
     loadingSkeletons: Xe,
     emptyResultsSlot: P,
     errorSlot: N,
-    error: w,
-    onRetry: _,
-    heading: T,
+    error: R,
+    onRetry: T,
+    heading: z,
     intro: A,
     highlightedId: Ve,
     onCardHover: Ue,
@@ -1742,4 +1772,4 @@ export {
   Ot as P,
   bt as p
 };
-//# sourceMappingURL=practice-results-BrUDDMXC.js.map
+//# sourceMappingURL=practice-results-BzThnpnm.js.map