@alfadocs/ui-kit 0.31.2 → 0.31.4

package/dist/_chunks/{practice-results-JQunxBIg.js → practice-results-dOlljaAK.js}

@@ -1,25 +1,24 @@
 import { jsx as t, jsxs as f } from "react/jsx-runtime";
-import { forwardRef as Ue, useState as ue, useRef as M, useMemo as O, useImperativeHandle as Ge, useCallback as K, useEffect as J } from "react";
-import { c as q } from "./index-D2ZczOXr.js";
-import { useTranslation as N } from "react-i18next";
+import { forwardRef as qe, useState as me, useRef as A, useMemo as H, useImperativeHandle as Ge, useCallback as K, useEffect as Q } from "react";
+import { c as G } from "./index-D2ZczOXr.js";
+import { useTranslation as k } from "react-i18next";
 import { A as Y } from "./alert-ywPR59NE.js";
-import { A as Re } from "./avatar-BNQNhoyL.js";
-import { B as G } from "./button-DD_0Xdmr.js";
+import { A as we } from "./avatar-BNQNhoyL.js";
+import { B as q } from "./button-DD_0Xdmr.js";
 import { D as F } from "./dropdown-menu-BC5ZdOMo.js";
-import { E as qe } from "./empty-state-BLy7tigq.js";
-import { M as Ze } from "./map-view-WEWqXzof.js";
+import { E as Ze } from "./empty-state-BLy7tigq.js";
+import { M as Qe } from "./map-view-WEWqXzof.js";
 import { R as ke } from "./rating-BRD7O74e.js";
-import { S as A } from "./sheet-BV-yuLE2.js";
-import { S as Qe } from "./skeleton-CZbwyJAA.js";
-import { S as Je } from "./spinner-CCByyvcb.js";
-import { T as D } from "./tag-CyoaEmf_.js";
-import { u as We } from "./use-media-query-CcAx5SMM.js";
-import { u as Xe } from "./registry-nPAVE19X.js";
-import { c as me } from "./createLucideIcon-CrFbzy84.js";
-import { R as Ye } from "./refresh-cw-CC8jSKMr.js";
-import { C as we } from "./chevron-down-BX_NP2Yh.js";
-import { M as te } from "./map-pin-B8STOPMJ.js";
-import { S as Ce } from "./smile-BSYLAHy6.js";
+import { S as _ } from "./sheet-BV-yuLE2.js";
+import { S as Je } from "./skeleton-CZbwyJAA.js";
+import { S as We } from "./spinner-CCByyvcb.js";
+import { B as D } from "./badge-CptERaHx.js";
+import { u as Xe } from "./use-media-query-CcAx5SMM.js";
+import { u as Ye } from "./registry-nPAVE19X.js";
+import { c as te } from "./createLucideIcon-CrFbzy84.js";
+import { R as et } from "./refresh-cw-CC8jSKMr.js";
+import { C as Ce } from "./chevron-down-BX_NP2Yh.js";
+import { M as ne } from "./map-pin-B8STOPMJ.js";
 import { C as Ne } from "./calendar-clock-CYkcqdwl.js";
 /**
  * @license lucide-react v1.8.0 - ISC
@@ -27,21 +26,36 @@ import { C as Ne } from "./calendar-clock-CYkcqdwl.js";
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const et = [
+const tt = [
+  [
+    "path",
+    {
+      d: "M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5",
+      key: "mvr1a0"
+    }
+  ]
+], Se = te("heart", tt);
+/**
+ * @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 nt = [
   ["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" }]
-], Se = me("languages", et);
+], Pe = te("languages", nt);
 /**
  * @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 tt = [
+const at = [
   [
     "path",
     {
@@ -51,14 +65,14 @@ const tt = [
   ],
   ["path", { d: "M15 5.764v15", key: "1pn4in" }],
   ["path", { d: "M9 3.236v15", key: "1uimfh" }]
-], nt = me("map", tt);
+], st = te("map", at);
 /**
  * @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 at = [
+const it = [
   [
     "path",
     {
@@ -67,7 +81,7 @@ const at = [
     }
   ],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
-], Pe = me("shield-check", at), st = {
+], Me = te("shield-check", it), rt = {
   id: "practice-results",
   capabilities: ["navigate", "view_change"],
   state: {
@@ -110,7 +124,7 @@ const at = [
       description: "Sourced from the id prop."
     }
   }
-}, it = 13, rt = [
+}, lt = 13, ot = [
   "distance",
   "rating",
   "next-available",
@@ -118,53 +132,53 @@ const at = [
 ];
 function $(e, n) {
   if (typeof window > "u") return;
-  const a = window.track;
+  const s = window.track;
   try {
-    a == null || a(e, n);
+    s == null || s(e, n);
   } catch {
   }
 }
-function W(e, n, a, o) {
+function J(e, n, s, o) {
   const i = e.findIndex((d) => d.id === n);
   if (i < 0) return;
-  const s = e[i];
-  s && ($("serp_result_clicked", { resultId: n, source: a, position: i }), o(s, a));
+  const a = e[i];
+  a && ($("serp_result_clicked", { resultId: n, source: s, position: i }), o(a, s));
 }
-function lt(e, n) {
-  const o = (n.lat - e.lat) * Math.PI / 180, i = (n.lng - e.lng) * Math.PI / 180, s = e.lat * Math.PI / 180, d = n.lat * Math.PI / 180, m = Math.sin(o / 2), l = Math.sin(i / 2), b = m * m + Math.cos(s) * Math.cos(d) * l * l;
-  return 2 * 6371 * Math.asin(Math.min(1, Math.sqrt(b)));
+function ct(e, n) {
+  const o = (n.lat - e.lat) * Math.PI / 180, i = (n.lng - e.lng) * Math.PI / 180, a = e.lat * Math.PI / 180, d = n.lat * Math.PI / 180, u = Math.sin(o / 2), c = Math.sin(i / 2), g = u * u + Math.cos(a) * Math.cos(d) * c * c;
+  return 2 * 6371 * Math.asin(Math.min(1, Math.sqrt(g)));
 }
-function ot(e, n, a) {
+function dt(e, n, s) {
   return !n || Object.keys(n).length === 0 ? e : e.filter((o) => {
-    for (const i of a) {
-      const s = n[i.key];
-      if (!s || s.length === 0) continue;
+    for (const i of s) {
+      const a = n[i.key];
+      if (!a || a.length === 0) continue;
       if (i.options.length === 0) {
         if (o[i.key] !== !0) return !1;
         continue;
       }
       const d = i.key === "insurance" ? o.insurances : i.key === "language" ? o.languages : o[i.key];
-      if (!Array.isArray(d) || !(i.multi ? s.some((l) => d.includes(l)) : d.includes(s[0]))) return !1;
+      if (!Array.isArray(d) || !(i.multi ? a.some((c) => d.includes(c)) : d.includes(a[0]))) return !1;
     }
     return !0;
   });
 }
-function ct(e, n, a) {
-  const o = e.map((s) => {
-    const d = s.location ? s.location.distanceKm ?? (a ? lt(a, s.location) : void 0) : void 0;
-    return { result: s, distanceKm: d };
-  }), i = (s, d) => {
-    var m, l, b, r;
+function ut(e, n, s) {
+  const o = e.map((a) => {
+    const d = a.location ? a.location.distanceKm ?? (s ? ct(s, a.location) : void 0) : void 0;
+    return { result: a, distanceKm: d };
+  }), i = (a, d) => {
+    var u, c, g, l;
     switch (n) {
       case "distance":
-        return s.distanceKm == null && d.distanceKm == null ? 0 : s.distanceKm == null ? 1 : d.distanceKm == null ? -1 : s.distanceKm - d.distanceKm;
+        return a.distanceKm == null && d.distanceKm == null ? 0 : a.distanceKm == null ? 1 : d.distanceKm == null ? -1 : a.distanceKm - d.distanceKm;
       case "rating": {
-        const p = ((m = s.result.rating) == null ? void 0 : m.value) ?? -1;
-        return (((l = d.result.rating) == null ? void 0 : l.value) ?? -1) - p;
+        const p = ((u = a.result.rating) == null ? void 0 : u.value) ?? -1;
+        return (((c = d.result.rating) == null ? void 0 : c.value) ?? -1) - p;
       }
       case "next-available": {
-        const p = ((b = s.result.nextAvailableSlot) == null ? void 0 : b.dateTime) ?? "", u = ((r = d.result.nextAvailableSlot) == null ? void 0 : r.dateTime) ?? "";
-        return !p && !u ? 0 : p ? u ? p.localeCompare(u) : -1 : 1;
+        const p = ((g = a.result.nextAvailableSlot) == null ? void 0 : g.dateTime) ?? "", m = ((l = d.result.nextAvailableSlot) == null ? void 0 : l.dateTime) ?? "";
+        return !p && !m ? 0 : p ? m ? p.localeCompare(m) : -1 : 1;
       }
       case "relevance":
       default:
@@ -172,24 +186,24 @@ function ct(e, n, a) {
     }
   };
   return [...o].sort(i).map(
-    ({ result: s, distanceKm: d }) => d != null && s.location ? {
-      ...s,
-      location: { ...s.location, distanceKm: d }
-    } : s
+    ({ result: a, distanceKm: d }) => d != null && a.location ? {
+      ...a,
+      location: { ...a.location, distanceKm: d }
+    } : a
   );
 }
-function xe(e) {
-  let n = -1 / 0, a = 1 / 0, o = -1 / 0, i = 1 / 0, s = !1;
+function ye(e) {
+  let n = -1 / 0, s = 1 / 0, o = -1 / 0, i = 1 / 0, a = !1;
   for (const d of e) {
     if (!d.location) continue;
-    s = !0;
-    const { lat: m, lng: l } = d.location;
-    m > n && (n = m), m < a && (a = m), l > o && (o = l), l < i && (i = l);
+    a = !0;
+    const { lat: u, lng: c } = d.location;
+    u > n && (n = u), u < s && (s = u), c > o && (o = c), c < i && (i = c);
   }
-  if (s)
-    return { north: n, south: a, east: o, west: i };
+  if (a)
+    return { north: n, south: s, east: o, west: i };
 }
-const dt = q(
+const mt = G(
   "ds:flex ds:w-full ds:flex-col ds:text-[var(--foreground)] ds:gap-[var(--spacing-md)]",
   {
     variants: {
@@ -202,32 +216,32 @@ const dt = q(
     defaultVariants: { variant: "split-list-map" }
   }
 );
-function ze({
+function Ae({
   heading: e,
   intro: n,
-  totalCount: a,
+  totalCount: s,
   searchCentreLabel: o
 }) {
-  const { t: i } = N();
-  if (!e && !n && a == null) return null;
-  const s = a != null ? o ? i("practiceResults.results.heading", {
-    count: a,
+  const { t: i } = k();
+  if (!e && !n && s == null) return null;
+  const a = s != null ? o ? i("practiceResults.results.heading", {
+    count: s,
     place: o
-  }) : i("practiceResults.results.summary", { count: a }) : void 0;
+  }) : i("practiceResults.results.summary", { count: s }) : void 0;
   return /* @__PURE__ */ f("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,
-    s ? /* @__PURE__ */ t(
+    a ? /* @__PURE__ */ t(
       "p",
       {
         className: "type-body-sm ds:m-0 ds:text-[var(--muted-foreground)]",
         "aria-live": "polite",
-        children: s
+        children: a
       }
     ) : null
   ] });
 }
-const ee = q(
+const ee = G(
   [
     "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -249,7 +263,7 @@ const ee = q(
     },
     defaultVariants: { state: "idle" }
   }
-), ut = q(
+), pt = G(
   "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
   {
     variants: {
@@ -268,7 +282,7 @@ const ee = q(
     },
     defaultVariants: { placement: "inline" }
   }
-), mt = q(
+), ft = G(
   [
     "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)]",
@@ -279,26 +293,26 @@ const ee = q(
     "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
   ].join(" ")
 );
-function Me({
+function _e({
   facets: e,
   value: n,
-  onChange: a,
+  onChange: s,
   floating: o
 }) {
-  const { t: i } = N(), s = O(() => n ?? {}, [n]), d = O(
-    () => Object.values(s).some((r) => r && r.length > 0),
-    [s]
-  ), m = (r, p) => {
-    const u = { ...s };
-    p.length === 0 ? delete u[r] : u[r] = p, a(u), $("serp_filter_changed", { key: r, values: p });
-  }, l = (r) => {
-    var u;
-    const p = (((u = s[r]) == null ? void 0 : u.length) ?? 0) > 0;
-    m(r, p ? [] : ["true"]);
-  }, b = (r, p) => {
-    const u = s[r.key] ?? [], h = u.includes(p);
-    let g;
-    r.multi ? g = h ? u.filter((c) => c !== p) : [...u, p] : g = h ? [] : [p], m(r.key, g);
+  const { t: i } = k(), a = H(() => n ?? {}, [n]), d = H(
+    () => Object.values(a).some((l) => l && l.length > 0),
+    [a]
+  ), u = (l, p) => {
+    const m = { ...a };
+    p.length === 0 ? delete m[l] : m[l] = p, s(m), $("serp_filter_changed", { key: l, values: p });
+  }, c = (l) => {
+    var m;
+    const p = (((m = a[l]) == null ? void 0 : m.length) ?? 0) > 0;
+    u(l, p ? [] : ["true"]);
+  }, g = (l, p) => {
+    const m = a[l.key] ?? [], x = m.includes(p);
+    let h;
+    l.multi ? h = x ? m.filter((r) => r !== p) : [...m, p] : h = x ? [] : [p], u(l.key, h);
   };
   return e.length === 0 ? null : /* @__PURE__ */ f(
     "div",
@@ -306,44 +320,44 @@ function Me({
       "data-component": "practice-results-filters",
       role: "group",
       "aria-label": i("practiceResults.filters.label"),
-      className: ut({
+      className: pt({
         placement: o ? "floating" : "inline"
       }),
       children: [
-        e.map((r) => {
-          const p = r.options.length === 0, u = s[r.key] ?? [], h = u.length > 0;
+        e.map((l) => {
+          const p = l.options.length === 0, m = a[l.key] ?? [], x = m.length > 0;
           if (p)
             return /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
-                "aria-pressed": h,
-                "aria-label": r.label,
-                onClick: () => l(r.key),
+                "aria-pressed": x,
+                "aria-label": l.label,
+                onClick: () => c(l.key),
                 className: ee({
-                  state: h ? "active" : "idle"
+                  state: x ? "active" : "idle"
                 }),
-                children: /* @__PURE__ */ t("span", { children: r.label })
+                children: /* @__PURE__ */ t("span", { children: l.label })
               },
-              r.key
+              l.key
             );
-          const g = h ? ` (${u.length})` : "";
+          const h = x ? ` (${m.length})` : "";
           return /* @__PURE__ */ f(F.Root, { children: [
             /* @__PURE__ */ t(F.Trigger, { asChild: !0, children: /* @__PURE__ */ f(
               "button",
               {
                 type: "button",
-                "aria-label": `${r.label}${g}`,
+                "aria-label": `${l.label}${h}`,
                 className: ee({
-                  state: h ? "active" : "idle"
+                  state: x ? "active" : "idle"
                 }),
                 children: [
                   /* @__PURE__ */ f("span", { children: [
-                    r.label,
-                    g
+                    l.label,
+                    h
                   ] }),
                   /* @__PURE__ */ t(
-                    we,
+                    Ce,
                     {
                       "aria-hidden": "true",
                       className: "ds:size-3.5 ds:shrink-0"
@@ -352,27 +366,27 @@ function Me({
                 ]
               }
             ) }),
-            /* @__PURE__ */ t(F.Content, { sideOffset: 8, align: "start", children: r.options.map((c) => /* @__PURE__ */ t(
+            /* @__PURE__ */ t(F.Content, { sideOffset: 8, align: "start", children: l.options.map((r) => /* @__PURE__ */ t(
               F.CheckboxItem,
               {
-                checked: u.includes(c.value),
-                onSelect: (x) => {
-                  r.multi && x.preventDefault(), b(r, c.value);
+                checked: m.includes(r.value),
+                onSelect: (b) => {
+                  l.multi && b.preventDefault(), g(l, r.value);
                 },
-                children: c.label
+                children: r.label
               },
-              c.value
+              r.value
             )) })
-          ] }, r.key);
+          ] }, l.key);
         }),
         d ? /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             onClick: () => {
-              a({}), $("serp_filter_changed", { key: "*", values: [] });
+              s({}), $("serp_filter_changed", { key: "*", values: [] });
             },
-            className: mt(),
+            className: ft(),
             children: i("practiceResults.filters.clear")
           }
         ) : null
@@ -380,18 +394,18 @@ function Me({
     }
   );
 }
-function ce({ value: e, onChange: n }) {
-  const { t: a } = N(), o = (i) => {
+function de({ value: e, onChange: n }) {
+  const { t: s } = k(), o = (i) => {
     switch (i) {
       case "distance":
-        return a("practiceResults.sort.distance");
+        return s("practiceResults.sort.distance");
       case "rating":
-        return a("practiceResults.sort.rating");
+        return s("practiceResults.sort.rating");
       case "next-available":
-        return a("practiceResults.sort.nextAvailable");
+        return s("practiceResults.sort.nextAvailable");
       case "relevance":
       default:
-        return a("practiceResults.sort.relevance");
+        return s("practiceResults.sort.relevance");
     }
   };
   return /* @__PURE__ */ f(F.Root, { children: [
@@ -399,15 +413,15 @@ function ce({ value: e, onChange: n }) {
       "button",
       {
         type: "button",
-        "aria-label": `${a("practiceResults.sort.label")}: ${o(e)}`,
+        "aria-label": `${s("practiceResults.sort.label")}: ${o(e)}`,
         className: ee({ state: "idle" }),
         children: [
           /* @__PURE__ */ f("span", { children: [
-            a("practiceResults.sort.label"),
+            s("practiceResults.sort.label"),
             ": ",
             o(e)
           ] }),
-          /* @__PURE__ */ t(we, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" })
+          /* @__PURE__ */ t(Ce, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" })
         ]
       }
     ) }),
@@ -416,70 +430,68 @@ function ce({ value: e, onChange: n }) {
       {
         value: e,
         onValueChange: (i) => {
-          const s = i;
-          s !== e && (n(s), $("serp_sort_changed", { sort: s }));
+          const a = i;
+          a !== e && (n(a), $("serp_sort_changed", { sort: a }));
         },
-        children: rt.map((i) => /* @__PURE__ */ t(F.RadioItem, { value: i, children: o(i) }, i))
+        children: ot.map((i) => /* @__PURE__ */ t(F.RadioItem, { value: i, children: o(i) }, i))
       }
     ) })
   ] });
 }
-function Ae({ distanceKm: e }) {
-  const { t: n, i18n: a } = N(), o = O(() => {
+function ze({ distanceKm: e }) {
+  const { t: n, i18n: s } = k(), o = H(() => {
     if (e < 1) return n("practiceResults.distance.below");
-    const i = new Intl.NumberFormat(a.language, {
+    const i = new Intl.NumberFormat(s.language, {
       maximumFractionDigits: 1
     }).format(e);
     return n("practiceResults.distance.km", { distance: i });
-  }, [e, n, a.language]);
-  return /* @__PURE__ */ t(
-    D,
-    {
-      label: o,
-      variant: "neutral",
-      fill: "outline",
-      size: "sm",
-      leading: /* @__PURE__ */ t(te, { "aria-hidden": "true" })
-    }
-  );
+  }, [e, n, s.language]);
+  return /* @__PURE__ */ t(D, { variant: "neutral", leading: /* @__PURE__ */ t(ne, { "aria-hidden": "true" }), children: o });
 }
-const ye = q(
+const Re = G(
   [
     "ds:inline-size-[12rem] ds:block-size-[8rem] ds:shrink-0",
-    "ds:rounded-[var(--radius-md)]"
+    "ds:rounded-[var(--radius-md)] ds:overflow-hidden"
   ].join(" "),
   {
     variants: {
       state: {
-        placeholder: "ds:flex ds:items-center ds:justify-center ds:bg-[var(--muted)] ds:text-[var(--muted-foreground)]",
+        // Tonal address-block placeholder — renders the MapPin glyph
+        // + address text on a `--muted` surface. Used when the consumer
+        // hasn't provided `googleMapsApiKey`; carries the spatial cue
+        // (location is here, even if we can't draw the map).
+        placeholder: "ds:flex ds:flex-col ds:items-start ds:justify-end ds:gap-[var(--spacing-2xs)] ds:bg-[var(--muted)] ds:text-[var(--muted-foreground)] ds:p-[var(--spacing-sm)]",
         image: "ds:[object-fit:cover]"
       }
     },
     defaultVariants: { state: "placeholder" }
   }
 );
-function pt() {
+function ht() {
   if (typeof document > "u") return "4945a3";
   const e = getComputedStyle(document.documentElement).getPropertyValue("--map-marker-color").trim(), n = /^#?([0-9a-fA-F]{6})$/.exec(e);
   return n ? n[1] : "4945a3";
 }
-function ft({
+function gt({
   apiKey: e,
   center: n,
-  zoom: a = 14,
-  consentGranted: o
+  zoom: s = 14,
+  address: o
 }) {
-  const { t: i } = N();
-  if (!o || !e)
-    return /* @__PURE__ */ t(
+  const { t: i } = k();
+  if (!e)
+    return /* @__PURE__ */ f(
       "div",
       {
-        "aria-hidden": "true",
-        className: ye({ state: "placeholder" }),
-        children: /* @__PURE__ */ t(te, { "aria-hidden": "true", className: "ds:size-6" })
+        "aria-hidden": o ? void 0 : "true",
+        className: Re({ state: "placeholder" }),
+        children: [
+          /* @__PURE__ */ t(ne, { "aria-hidden": "true", className: "ds:size-5 ds:shrink-0" }),
+          o ? /* @__PURE__ */ t("span", { className: "type-meta ds:[overflow-wrap:anywhere]", children: o }) : null
+        ]
       }
     );
-  const s = pt(), d = `https://maps.googleapis.com/maps/api/staticmap?center=${n.lat},${n.lng}&zoom=${a}&size=240x160&scale=2&markers=color:0x${s}%7C${n.lat},${n.lng}&key=${encodeURIComponent(e)}`;
+  const a = ht(), d = `https://maps.googleapis.com/maps/api/staticmap?center=${n.lat},${n.lng}&zoom=${s}&size=240x160&scale=2&markers=color:0x${a}%7C${n.lat},${n.lng}&key=${encodeURIComponent(e)}`;
   return /* @__PURE__ */ t(
     "img",
     {
@@ -489,11 +501,11 @@ function ft({
       decoding: "async",
       width: 240,
       height: 160,
-      className: ye({ state: "image" })
+      className: Re({ state: "image" })
     }
   );
 }
-const _e = q(
+const Ie = G(
   [
     "ds:relative ds:flex ds:w-full ds:cursor-pointer",
     "ds:rounded-[var(--radius-lg)]",
@@ -522,21 +534,21 @@ const _e = q(
     defaultVariants: { density: "compact" }
   }
 );
-function ht({
+function vt({
   result: e,
   highlighted: n,
-  onSelect: a,
+  onSelect: s,
   onOpenClick: o,
   onHover: i,
-  density: s = "compact",
+  density: a = "compact",
   openLabel: d,
-  nextSlotText: m,
-  maxInsuranceChips: l = 3,
-  maxLanguageChips: b = 4,
-  children: r
+  nextSlotText: u,
+  maxInsuranceChips: c = 3,
+  maxLanguageChips: g = 4,
+  children: l
 }) {
-  var T, z, B, H, U, j;
-  const { t: p } = N(), u = e.rating, h = (T = e.location) == null ? void 0 : T.distanceKm, g = (((z = e.languages) == null ? void 0 : z.length) ?? 0) > 0, c = (((B = e.insurances) == null ? void 0 : B.length) ?? 0) > 0, x = e.specializedInFearPatients, R = g || c || x, P = (e.languages ?? []).slice(0, b), k = (((H = e.languages) == null ? void 0 : H.length) ?? 0) - P.length, y = (e.insurances ?? []).slice(0, l), _ = (((U = e.insurances) == null ? void 0 : U.length) ?? 0) - y.length;
+  var I, P, E, U, O, j;
+  const { t: p } = k(), m = e.rating, x = (I = e.location) == null ? void 0 : I.distanceKm, h = (((P = e.languages) == null ? void 0 : P.length) ?? 0) > 0, r = (((E = e.insurances) == null ? void 0 : E.length) ?? 0) > 0, b = e.specializedInFearPatients, N = h || r || b, S = (e.languages ?? []).slice(0, g), y = (((U = e.languages) == null ? void 0 : U.length) ?? 0) - S.length, M = (e.insurances ?? []).slice(0, c), z = (((O = e.insurances) == null ? void 0 : O.length) ?? 0) - M.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__ */ f(
@@ -547,12 +559,12 @@ function ht({
         "data-highlighted": n ? "true" : "false",
         role: "group",
         "aria-labelledby": `practice-result-${e.id}-name`,
-        onClick: a,
+        onClick: s,
         onMouseEnter: i,
         onFocus: i,
-        className: _e({ density: s }),
+        className: Ie({ density: a }),
         children: [
-          /* @__PURE__ */ t(Re, { src: e.imageUrl, name: e.name, size: "lg" }),
+          /* @__PURE__ */ t(we, { src: e.imageUrl, name: e.name, size: "lg" }),
           /* @__PURE__ */ f("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
             /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
               /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
@@ -564,75 +576,46 @@ function ht({
                     children: e.name
                   }
                 ),
-                h != null ? /* @__PURE__ */ t(Ae, { distanceKm: h }) : null
+                x != null ? /* @__PURE__ */ t(ze, { distanceKm: x }) : null
               ] }),
               e.subtitle ? /* @__PURE__ */ t("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: e.subtitle }) : null,
               (j = e.location) != null && j.address ? /* @__PURE__ */ f("span", { className: "type-meta ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
-                /* @__PURE__ */ t(te, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }),
+                /* @__PURE__ */ t(ne, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }),
                 e.location.address
               ] }) : null
             ] }),
-            u && u.count > 0 ? /* @__PURE__ */ t(
+            m && m.count > 0 ? /* @__PURE__ */ t(
               ke,
               {
-                value: u.value,
-                reviews: { count: u.count },
+                value: m.value,
+                reviews: { count: m.count },
                 size: "sm"
               }
             ) : null,
-            R ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-              P.map((S) => /* @__PURE__ */ t(
+            N ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+              S.map((C) => /* @__PURE__ */ t(
                 D,
                 {
-                  label: S.toUpperCase(),
-                  variant: "info",
-                  fill: "outline",
-                  size: "sm",
-                  leading: /* @__PURE__ */ t(Se, { "aria-hidden": "true" })
+                  variant: "neutral",
+                  leading: /* @__PURE__ */ t(Pe, { "aria-hidden": "true" }),
+                  children: C.toUpperCase()
                 },
-                `lang-${S}`
+                `lang-${C}`
               )),
-              k > 0 ? /* @__PURE__ */ t(
+              y > 0 ? /* @__PURE__ */ t(D, { variant: "neutral", children: `+${y}` }) : null,
+              M.map((C) => /* @__PURE__ */ t(
                 D,
                 {
-                  label: `+${k}`,
-                  variant: "neutral",
-                  fill: "outline",
-                  size: "sm"
-                }
-              ) : null,
-              y.map((S) => /* @__PURE__ */ t(
-                D,
-                {
-                  label: S,
-                  variant: "brand",
-                  fill: "outline",
-                  size: "sm",
-                  leading: /* @__PURE__ */ t(Pe, { "aria-hidden": "true" })
+                  variant: "info",
+                  leading: /* @__PURE__ */ t(Me, { "aria-hidden": "true" }),
+                  children: C
                 },
-                `ins-${S}`
+                `ins-${C}`
               )),
-              _ > 0 ? /* @__PURE__ */ t(
-                D,
-                {
-                  label: `+${_}`,
-                  variant: "neutral",
-                  fill: "outline",
-                  size: "sm"
-                }
-              ) : null,
-              x ? /* @__PURE__ */ t(
-                D,
-                {
-                  label: p("practiceResults.fearPatient.label"),
-                  variant: "success",
-                  fill: "outline",
-                  size: "sm",
-                  leading: /* @__PURE__ */ t(Ce, { "aria-hidden": "true" })
-                }
-              ) : null
+              z > 0 ? /* @__PURE__ */ t(D, { variant: "neutral", children: `+${z}` }) : null,
+              b ? /* @__PURE__ */ t(D, { variant: "info", leading: /* @__PURE__ */ t(Se, { "aria-hidden": "true" }), children: p("practiceResults.fearPatient.label") }) : null
             ] }) : null,
-            e.nextAvailableSlot && m ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+            e.nextAvailableSlot && u ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
               /* @__PURE__ */ f("span", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
                 /* @__PURE__ */ t(
                   Ne,
@@ -641,37 +624,37 @@ function ht({
                     className: "ds:size-4 ds:text-[var(--primary)]"
                   }
                 ),
-                p("practiceResults.nextSlot.summary", { time: m })
+                p("practiceResults.nextSlot.summary", { time: u })
               ] }),
               /* @__PURE__ */ t(
-                G,
+                q,
                 {
                   intent: "primary",
                   size: "sm",
                   asChild: !0,
-                  onClick: (S) => {
-                    S.stopPropagation();
+                  onClick: (C) => {
+                    C.stopPropagation();
                   },
                   children: /* @__PURE__ */ t(
                     "a",
                     {
                       href: e.nextAvailableSlot.bookingHref,
                       "data-component": "practice-result-next-slot-cta",
-                      children: p("practiceResults.nextSlot.cta", { time: m })
+                      children: p("practiceResults.nextSlot.cta", { time: u })
                     }
                   )
                 }
               )
             ] }) : null,
-            r,
+            l,
             /* @__PURE__ */ t("div", { className: "ds:mt-[var(--spacing-xs)] ds:flex ds:justify-end", children: /* @__PURE__ */ t(
-              G,
+              q,
               {
                 intent: "secondary",
                 size: "sm",
                 asChild: !0,
-                onClick: (S) => {
-                  S.stopPropagation(), o();
+                onClick: (C) => {
+                  C.stopPropagation(), o();
                 },
                 children: /* @__PURE__ */ t("a", { href: e.href, "data-component": "practice-result-open-cta", children: d })
               }
@@ -682,21 +665,20 @@ function ht({
     )
   );
 }
-function gt({
+function xt({
   result: e,
   apiKey: n,
-  consentGranted: a,
-  highlighted: o,
-  onSelect: i,
-  onOpenClick: s,
-  onHover: d,
-  openLabel: m
+  highlighted: s,
+  onSelect: o,
+  onOpenClick: i,
+  onHover: a,
+  openLabel: d
 }) {
-  var x, R, P, k;
-  const { t: l, i18n: b } = N(), r = O(() => {
+  var r, b, N, S;
+  const { t: u, i18n: c } = k(), g = H(() => {
     if (e.nextAvailableSlot)
       try {
-        return new Intl.DateTimeFormat(b.language, {
+        return new Intl.DateTimeFormat(c.language, {
           weekday: "short",
           hour: "numeric",
           minute: "numeric"
@@ -704,7 +686,7 @@ function gt({
       } catch {
         return e.nextAvailableSlot.dateTime;
       }
-  }, [e.nextAvailableSlot, b.language]), p = (((x = e.languages) == null ? void 0 : x.length) ?? 0) > 0, u = (((R = e.insurances) == null ? void 0 : R.length) ?? 0) > 0, h = e.specializedInFearPatients, g = p || u || h, c = (P = e.location) == null ? void 0 : P.distanceKm;
+  }, [e.nextAvailableSlot, c.language]), l = (((r = e.languages) == null ? void 0 : r.length) ?? 0) > 0, p = (((b = e.insurances) == null ? void 0 : b.length) ?? 0) > 0, m = e.specializedInFearPatients, x = l || p || m, h = (N = e.location) == null ? void 0 : N.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__ */ f(
@@ -713,28 +695,28 @@ function gt({
         "data-component": "practice-result-card",
         "data-result-id": e.id,
         "data-density": "rich",
-        "data-highlighted": o ? "true" : "false",
+        "data-highlighted": s ? "true" : "false",
         role: "group",
         "aria-labelledby": `practice-result-${e.id}-name`,
-        onClick: i,
-        onMouseEnter: d,
-        onFocus: d,
-        className: _e({ density: "rich" }),
+        onClick: o,
+        onMouseEnter: a,
+        onFocus: a,
+        className: Ie({ density: "rich" }),
         children: [
           e.location ? /* @__PURE__ */ t(
-            ft,
+            gt,
             {
               apiKey: n,
               center: {
                 lat: e.location.lat,
                 lng: e.location.lng
               },
-              consentGranted: a
+              address: e.location.address
             }
           ) : null,
           /* @__PURE__ */ f("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
             /* @__PURE__ */ f("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__ */ t(we, { src: e.imageUrl, name: e.name, size: "md" }),
               /* @__PURE__ */ f("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
                 /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
                   /* @__PURE__ */ t(
@@ -745,12 +727,12 @@ function gt({
                       children: e.name
                     }
                   ),
-                  c != null ? /* @__PURE__ */ t(Ae, { distanceKm: c }) : null
+                  h != null ? /* @__PURE__ */ t(ze, { distanceKm: h }) : null
                 ] }),
                 e.subtitle ? /* @__PURE__ */ t("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: e.subtitle }) : null,
-                (k = e.location) != null && k.address ? /* @__PURE__ */ f("span", { className: "type-meta ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+                (S = e.location) != null && S.address ? /* @__PURE__ */ f("span", { className: "type-meta ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
                   /* @__PURE__ */ t(
-                    te,
+                    ne,
                     {
                       "aria-hidden": "true",
                       className: "ds:size-3.5 ds:shrink-0"
@@ -768,41 +750,28 @@ function gt({
                 }
               ) : null
             ] }),
-            g ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-              p ? (e.languages ?? []).map((y) => /* @__PURE__ */ t(
+            x ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+              l ? (e.languages ?? []).map((y) => /* @__PURE__ */ t(
                 D,
                 {
-                  label: y.toUpperCase(),
-                  variant: "info",
-                  fill: "outline",
-                  size: "sm",
-                  leading: /* @__PURE__ */ t(Se, { "aria-hidden": "true" })
+                  variant: "neutral",
+                  leading: /* @__PURE__ */ t(Pe, { "aria-hidden": "true" }),
+                  children: y.toUpperCase()
                 },
                 `lang-${y}`
               )) : null,
-              u ? (e.insurances ?? []).map((y) => /* @__PURE__ */ t(
+              p ? (e.insurances ?? []).map((y) => /* @__PURE__ */ t(
                 D,
                 {
-                  label: y,
-                  variant: "brand",
-                  fill: "outline",
-                  size: "sm",
-                  leading: /* @__PURE__ */ t(Pe, { "aria-hidden": "true" })
+                  variant: "info",
+                  leading: /* @__PURE__ */ t(Me, { "aria-hidden": "true" }),
+                  children: y
                 },
                 `ins-${y}`
               )) : null,
-              h ? /* @__PURE__ */ t(
-                D,
-                {
-                  label: l("practiceResults.fearPatient.label"),
-                  variant: "success",
-                  fill: "outline",
-                  size: "sm",
-                  leading: /* @__PURE__ */ t(Ce, { "aria-hidden": "true" })
-                }
-              ) : null
+              m ? /* @__PURE__ */ t(D, { variant: "info", leading: /* @__PURE__ */ t(Se, { "aria-hidden": "true" }), children: u("practiceResults.fearPatient.label") }) : null
             ] }) : null,
-            e.nextAvailableSlot && r ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+            e.nextAvailableSlot && g ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
               /* @__PURE__ */ f("span", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
                 /* @__PURE__ */ t(
                   Ne,
@@ -811,10 +780,10 @@ function gt({
                     className: "ds:size-4 ds:text-[var(--primary)]"
                   }
                 ),
-                l("practiceResults.nextSlot.summary", { time: r })
+                u("practiceResults.nextSlot.summary", { time: g })
               ] }),
               /* @__PURE__ */ t(
-                G,
+                q,
                 {
                   intent: "primary",
                   size: "sm",
@@ -827,22 +796,22 @@ function gt({
                     {
                       href: e.nextAvailableSlot.bookingHref,
                       "data-component": "practice-result-next-slot-cta",
-                      children: l("practiceResults.nextSlot.cta", { time: r })
+                      children: u("practiceResults.nextSlot.cta", { time: g })
                     }
                   )
                 }
               )
             ] }) : null,
             /* @__PURE__ */ t("div", { className: "ds:mt-[var(--spacing-xs)] ds:flex ds:justify-end", children: /* @__PURE__ */ t(
-              G,
+              q,
               {
                 intent: "secondary",
                 size: "sm",
                 asChild: !0,
                 onClick: (y) => {
-                  y.stopPropagation(), s();
+                  y.stopPropagation(), i();
                 },
-                children: /* @__PURE__ */ t("a", { href: e.href, "data-component": "practice-result-open-cta", children: m })
+                children: /* @__PURE__ */ t("a", { href: e.href, "data-component": "practice-result-open-cta", children: d })
               }
             ) })
           ] })
@@ -854,154 +823,152 @@ function gt({
 function pe({
   results: e,
   highlightedId: n,
-  onCardHover: a,
+  onCardHover: s,
   onCardSelect: o,
   onCardOpenClick: i,
-  openLabel: s,
+  openLabel: a,
   formatNextSlot: d,
-  onLoadMore: m,
-  loadingMore: l,
-  loadingSkeletons: b,
-  density: r = "compact",
+  onLoadMore: u,
+  loadingMore: c,
+  loadingSkeletons: g,
+  density: l = "compact",
   apiKey: p,
-  consentGranted: u = !1,
-  containerRef: h
+  containerRef: m
 }) {
-  const { t: g } = N(), c = M(null);
-  return J(() => {
-    if (!m) return;
-    const x = c.current;
-    if (!x || typeof IntersectionObserver > "u") return;
-    const R = new IntersectionObserver(
-      (P) => {
-        for (const k of P)
-          k.isIntersecting && ($("serp_load_more", {
+  const { t: x } = k(), h = A(null);
+  return Q(() => {
+    if (!u) return;
+    const r = h.current;
+    if (!r || typeof IntersectionObserver > "u") return;
+    const b = new IntersectionObserver(
+      (N) => {
+        for (const S of N)
+          S.isIntersecting && ($("serp_load_more", {
             currentCount: e.length
-          }), m());
+          }), u());
       },
       { root: null, rootMargin: "200px" }
     );
-    return R.observe(x), () => R.disconnect();
-  }, [m, e.length]), b ? /* @__PURE__ */ t(
+    return b.observe(r), () => b.disconnect();
+  }, [u, e.length]), g ? /* @__PURE__ */ t(
     "div",
     {
       role: "status",
       "aria-live": "polite",
-      "aria-label": g("practiceResults.loading"),
+      "aria-label": x("practiceResults.loading"),
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
-      children: Array.from({ length: 4 }).map((x, R) => /* @__PURE__ */ t(
-        Qe,
+      children: Array.from({ length: 4 }).map((r, b) => /* @__PURE__ */ t(
+        Je,
         {
           variant: "rounded",
-          height: r === "rich" ? "11rem" : "7rem"
+          height: l === "rich" ? "11rem" : "7rem"
         },
-        `pr-skel-${R}`
+        `pr-skel-${b}`
       ))
     }
   ) : /* @__PURE__ */ f(
     "div",
     {
-      ref: h,
+      ref: m,
       "data-component": "practice-results-list",
       role: "list",
-      "aria-label": g("practiceResults.list.label"),
+      "aria-label": x("practiceResults.list.label"),
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:overflow-y-auto",
       children: [
-        e.map((x) => /* @__PURE__ */ t("div", { role: "listitem", children: r === "rich" ? /* @__PURE__ */ t(
-          gt,
+        e.map((r) => /* @__PURE__ */ t("div", { role: "listitem", children: l === "rich" ? /* @__PURE__ */ t(
+          xt,
           {
-            result: x,
+            result: r,
             apiKey: p,
-            consentGranted: u,
-            highlighted: n === x.id,
-            onSelect: () => o(x.id),
-            onOpenClick: () => i(x.id),
-            onHover: () => a(x.id),
-            openLabel: s
+            highlighted: n === r.id,
+            onSelect: () => o(r.id),
+            onOpenClick: () => i(r.id),
+            onHover: () => s(r.id),
+            openLabel: a
           }
         ) : /* @__PURE__ */ t(
-          ht,
+          vt,
           {
-            result: x,
-            highlighted: n === x.id,
-            onSelect: () => o(x.id),
-            onOpenClick: () => i(x.id),
-            onHover: () => a(x.id),
-            openLabel: s,
-            nextSlotText: d(x)
+            result: r,
+            highlighted: n === r.id,
+            onSelect: () => o(r.id),
+            onOpenClick: () => i(r.id),
+            onHover: () => s(r.id),
+            openLabel: a,
+            nextSlotText: d(r)
           }
-        ) }, x.id)),
-        m ? /* @__PURE__ */ t(
+        ) }, r.id)),
+        u ? /* @__PURE__ */ t(
           "div",
           {
-            ref: c,
+            ref: h,
             "aria-hidden": "true",
             className: "ds:flex ds:items-center ds:justify-center ds:py-[var(--spacing-md)]",
-            children: l ? /* @__PURE__ */ t(Je, { size: "md", variant: "pulse" }) : /* @__PURE__ */ t("span", { className: "ds:size-1" })
+            children: c ? /* @__PURE__ */ t(We, { size: "md", variant: "pulse" }) : /* @__PURE__ */ t("span", { className: "ds:size-1" })
           }
         ) : null
       ]
     }
   );
 }
-function de({
+function ue({
   results: e,
   searchCentre: n,
-  zoom: a,
+  zoom: s,
   apiKey: o,
   highlightedId: i,
-  onPinClick: s,
+  onPinClick: a,
   onPinHover: d,
-  onPinFirstInteract: m,
-  onBoundsChange: l,
-  consentGranted: b,
-  onConsentRequest: r,
+  onPinFirstInteract: u,
+  onBoundsChange: c,
+  consentGranted: g,
+  onConsentRequest: l,
   mapHandleRef: p
 }) {
-  const { t: u } = N(), h = O(
+  const { t: m } = k(), x = H(
     () => e.filter(
-      (c) => !!c.location
-    ).map((c) => ({
-      id: c.id,
+      (r) => !!r.location
+    ).map((r) => ({
+      id: r.id,
       position: {
-        lat: c.location.lat,
-        lng: c.location.lng
+        lat: r.location.lat,
+        lng: r.location.lng
       },
-      label: c.name
+      label: r.name
     })),
     [e]
-  ), g = O(() => {
+  ), h = H(() => {
     if (n) return n;
-    const c = xe(e);
-    return c ? {
-      lat: (c.north + c.south) / 2,
-      lng: (c.east + c.west) / 2
+    const r = ye(e);
+    return r ? {
+      lat: (r.north + r.south) / 2,
+      lng: (r.east + r.west) / 2
     } : { lat: 45.4642, lng: 9.19 };
   }, [e, n]);
-  return J(() => {
-    if (!l) return;
-    const c = xe(e);
-    c && (l(c), $("serp_map_panned", { bounds: c }));
-  }, [e, l]), /* @__PURE__ */ t(
+  return Q(() => {
+    if (!c) return;
+    const r = ye(e);
+    r && (c(r), $("serp_map_panned", { bounds: r }));
+  }, [e, c]), /* @__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(
-        Ze,
+        Qe,
         {
           ref: p,
           apiKey: o ?? "",
-          center: g,
-          zoom: a,
-          markers: h,
+          center: h,
+          zoom: s,
+          markers: x,
           selectedMarkerId: i,
-          consentGranted: !!b,
-          onConsentRequest: r,
-          onMarkerClick: (c) => {
-            c != null && (d(c), m(c), s(c));
+          consentGranted: !!g,
+          onConsentRequest: l,
+          onMarkerClick: (r) => {
+            r != null && (d(r), u(r), a(r));
           },
-          ariaLabel: u("practiceResults.map.label"),
+          ariaLabel: m("practiceResults.map.label"),
           size: "lg",
           surface: "bordered",
           className: "ds:size-full"
@@ -1013,46 +980,46 @@ function de({
 function Te({
   variantBodyProps: e
 }) {
-  const { facets: n, value: a, onChange: o, heading: i, intro: s, totalCount: d, searchCentre: m } = e;
+  const { facets: n, value: s, onChange: o, heading: i, intro: a, totalCount: d, searchCentre: u } = e;
   return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
     /* @__PURE__ */ t(
-      ze,
+      Ae,
       {
         heading: i,
-        intro: s,
+        intro: a,
         totalCount: d,
-        searchCentreLabel: m == null ? void 0 : m.label
+        searchCentreLabel: u == null ? void 0 : u.label
       }
     ),
     n.length > 0 ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
       /* @__PURE__ */ t(
-        Me,
+        _e,
         {
           facets: n,
-          value: a.facets,
-          onChange: (l) => o({ ...a, facets: l })
+          value: s.facets,
+          onChange: (c) => o({ ...s, facets: c })
         }
       ),
       /* @__PURE__ */ t(
-        ce,
+        de,
         {
-          value: a.sort ?? "relevance",
-          onChange: (l) => o({ ...a, sort: l })
+          value: s.sort ?? "relevance",
+          onChange: (c) => o({ ...s, sort: c })
         }
       )
     ] }) : /* @__PURE__ */ t("div", { className: "ds:flex ds:justify-end", children: /* @__PURE__ */ t(
-      ce,
+      de,
       {
-        value: a.sort ?? "relevance",
-        onChange: (l) => o({ ...a, sort: l })
+        value: s.sort ?? "relevance",
+        onChange: (c) => o({ ...s, sort: c })
       }
     ) })
   ] });
 }
 function fe() {
-  const { t: e } = N();
+  const { t: e } = k();
   return /* @__PURE__ */ t(
-    qe,
+    Ze,
     {
       variant: "no-results",
       title: e("practiceResults.empty.title"),
@@ -1061,161 +1028,161 @@ function fe() {
   );
 }
 function he({ onRetry: e }) {
-  const { t: n } = N();
+  const { t: n } = k();
   return /* @__PURE__ */ f(Y, { variant: "error", children: [
     /* @__PURE__ */ t(Y.Title, { as: "h3", children: n("practiceResults.error.title") }),
     /* @__PURE__ */ t(Y.Description, { children: n("practiceResults.error.description") }),
     e ? /* @__PURE__ */ t(Y.Action, { children: /* @__PURE__ */ t(
-      G,
+      q,
       {
         intent: "secondary",
         size: "sm",
-        startIcon: /* @__PURE__ */ t(Ye, { "aria-hidden": "true" }),
+        startIcon: /* @__PURE__ */ t(et, { "aria-hidden": "true" }),
         onClick: e,
         children: n("practiceResults.error.retry")
       }
     ) }) : null
   ] });
 }
-function vt(e) {
+function bt(e) {
   const {
     results: n,
-    apiKey: a,
+    apiKey: s,
     zoom: o,
     searchCentre: i,
-    onLoadMore: s,
+    onLoadMore: a,
     loadingMore: d,
-    loadingSkeletons: m,
-    emptyResultsSlot: l,
-    errorSlot: b,
-    error: r,
+    loadingSkeletons: u,
+    emptyResultsSlot: c,
+    errorSlot: g,
+    error: l,
     onRetry: p,
-    highlightedId: u,
-    onCardHover: h,
-    onPinClick: g,
-    consentGranted: c,
-    onConsentRequest: x,
-    onBoundsChange: R,
-    listContainerRef: P
-  } = e, { t: k } = N(), [y, _] = ue(!1), T = r ? b ?? /* @__PURE__ */ t(he, { onRetry: p }) : n.length === 0 && !m ? l ?? /* @__PURE__ */ t(fe, {}) : /* @__PURE__ */ t(
+    highlightedId: m,
+    onCardHover: x,
+    onPinClick: h,
+    consentGranted: r,
+    onConsentRequest: b,
+    onBoundsChange: N,
+    listContainerRef: S
+  } = e, { t: y } = k(), [M, z] = me(!1), I = l ? g ?? /* @__PURE__ */ t(he, { onRetry: p }) : n.length === 0 && !u ? c ?? /* @__PURE__ */ t(fe, {}) : /* @__PURE__ */ t(
     pe,
     {
       results: n,
-      highlightedId: u,
-      onCardHover: h,
+      highlightedId: m,
+      onCardHover: x,
       onCardSelect: e.onCardSelect,
       onCardOpenClick: e.onCardOpenClick,
       openLabel: e.openLabel,
       formatNextSlot: e.formatNextSlot,
-      onLoadMore: s,
+      onLoadMore: a,
       loadingMore: d,
-      loadingSkeletons: m,
+      loadingSkeletons: u,
       density: "compact",
-      containerRef: P
+      containerRef: S
     }
   );
   return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
     /* @__PURE__ */ t(Te, { variantBodyProps: e }),
     /* @__PURE__ */ f("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:min-w-0 ds:lg:max-h-[40rem] ds:lg:overflow-y-auto", children: I }),
       /* @__PURE__ */ t("div", { className: "ds:hidden ds:lg:block ds:sticky ds:top-[var(--spacing-md)] ds:h-[40rem]", children: /* @__PURE__ */ t(
-        de,
+        ue,
         {
           results: n,
           searchCentre: i,
           zoom: o,
-          apiKey: a,
-          highlightedId: u,
-          onPinClick: (z) => {
-            W(n, z, "pin", e.onResultSelect), g(z);
+          apiKey: s,
+          highlightedId: m,
+          onPinClick: (P) => {
+            J(n, P, "pin", e.onResultSelect), h(P);
           },
-          onPinHover: h,
+          onPinHover: x,
           onPinFirstInteract: e.onPinFirstInteract,
-          onBoundsChange: R,
-          consentGranted: c,
-          onConsentRequest: x,
+          onBoundsChange: N,
+          consentGranted: r,
+          onConsentRequest: b,
           mapHandleRef: e.mapHandleRef
         }
       ) })
     ] }),
     /* @__PURE__ */ t("div", { className: "ds:flex ds:lg:hidden ds:sticky ds:bottom-[var(--spacing-md)] ds:justify-center", children: /* @__PURE__ */ t(
-      G,
+      q,
       {
         intent: "primary",
         size: "md",
-        startIcon: /* @__PURE__ */ t(nt, { "aria-hidden": "true" }),
-        onClick: () => _(!0),
-        children: k("practiceResults.viewMap")
+        startIcon: /* @__PURE__ */ t(st, { "aria-hidden": "true" }),
+        onClick: () => z(!0),
+        children: y("practiceResults.viewMap")
       }
     ) }),
-    /* @__PURE__ */ t(A.Root, { open: y, onOpenChange: _, children: /* @__PURE__ */ f(A.Content, { side: "bottom", size: "lg", children: [
-      /* @__PURE__ */ t(A.Header, { children: /* @__PURE__ */ t(A.Title, { children: k("practiceResults.map.label") }) }),
-      /* @__PURE__ */ f(A.Body, { children: [
-        /* @__PURE__ */ t(A.Description, { className: "ds:sr-only", children: k("practiceResults.sheet.description") }),
+    /* @__PURE__ */ t(_.Root, { open: M, onOpenChange: z, children: /* @__PURE__ */ f(_.Content, { side: "bottom", size: "lg", children: [
+      /* @__PURE__ */ t(_.Header, { children: /* @__PURE__ */ t(_.Title, { children: y("practiceResults.map.label") }) }),
+      /* @__PURE__ */ f(_.Body, { children: [
+        /* @__PURE__ */ t(_.Description, { className: "ds:sr-only", children: y("practiceResults.sheet.description") }),
         /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
           /* @__PURE__ */ t("div", { className: "ds:h-[20rem]", children: /* @__PURE__ */ t(
-            de,
+            ue,
             {
               results: n,
               searchCentre: i,
               zoom: o,
-              apiKey: a,
-              highlightedId: u,
-              onPinClick: (z) => {
-                W(n, z, "pin", e.onResultSelect), g(z);
+              apiKey: s,
+              highlightedId: m,
+              onPinClick: (P) => {
+                J(n, P, "pin", e.onResultSelect), h(P);
               },
-              onPinHover: h,
+              onPinHover: x,
               onPinFirstInteract: e.onPinFirstInteract,
-              onBoundsChange: R,
-              consentGranted: c,
-              onConsentRequest: x,
+              onBoundsChange: N,
+              consentGranted: r,
+              onConsentRequest: b,
               mapHandleRef: e.mapHandleRef
             }
           ) }),
-          T
+          I
         ] })
       ] })
     ] }) })
   ] });
 }
-const bt = {
+const yt = {
   peek: "sm",
   half: "md",
   full: "lg"
-}, E = [
+}, V = [
   "peek",
   "half",
   "full"
 ];
-function xt({ value: e, onChange: n }) {
-  const { t: a, i18n: o } = N(), i = o.dir() === "rtl", s = M(
+function Rt({ value: e, onChange: n }) {
+  const { t: s, i18n: o } = k(), i = o.dir() === "rtl", a = A(
     /* @__PURE__ */ new Map()
-  ), d = K((l) => {
-    var b;
-    (b = s.current.get(l)) == null || b.focus();
-  }, []), m = K(
-    (l, b) => {
-      const r = E.indexOf(b), p = E.length, u = i ? "ArrowLeft" : "ArrowRight", h = i ? "ArrowRight" : "ArrowLeft";
-      let g = null;
-      switch (l.key) {
-        case u:
+  ), d = K((c) => {
+    var g;
+    (g = a.current.get(c)) == null || g.focus();
+  }, []), u = K(
+    (c, g) => {
+      const l = V.indexOf(g), p = V.length, m = i ? "ArrowLeft" : "ArrowRight", x = i ? "ArrowRight" : "ArrowLeft";
+      let h = null;
+      switch (c.key) {
+        case m:
         case "ArrowDown":
-          g = E[(r + 1) % p];
+          h = V[(l + 1) % p];
           break;
-        case h:
+        case x:
         case "ArrowUp":
-          g = E[(r - 1 + p) % p];
+          h = V[(l - 1 + p) % p];
           break;
         case "Home":
-          g = E[0];
+          h = V[0];
           break;
         case "End":
-          g = E[p - 1];
+          h = V[p - 1];
           break;
         default:
           return;
       }
-      l.preventDefault(), g && g !== b && n(g), g && d(g);
+      c.preventDefault(), h && h !== g && n(h), h && d(h);
     },
     [d, i, n]
   );
@@ -1223,105 +1190,104 @@ function xt({ value: e, onChange: n }) {
     "div",
     {
       role: "radiogroup",
-      "aria-label": a("practiceResults.sheet.snap.label"),
+      "aria-label": s("practiceResults.sheet.snap.label"),
       className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]",
-      children: E.map((l) => {
-        const b = e === l;
+      children: V.map((c) => {
+        const g = e === c;
         return /* @__PURE__ */ t(
           "button",
           {
-            ref: (r) => {
-              r ? s.current.set(l, r) : s.current.delete(l);
+            ref: (l) => {
+              l ? a.current.set(c, l) : a.current.delete(c);
             },
             type: "button",
             role: "radio",
-            "aria-checked": b,
-            "aria-label": a(`practiceResults.sheet.snap.${l}`),
-            tabIndex: b ? 0 : -1,
-            onClick: () => n(l),
-            onKeyDown: (r) => m(r, l),
+            "aria-checked": g,
+            "aria-label": s(`practiceResults.sheet.snap.${c}`),
+            tabIndex: g ? 0 : -1,
+            onClick: () => n(c),
+            onKeyDown: (l) => u(l, c),
             className: ee({
-              state: b ? "active" : "idle"
+              state: g ? "active" : "idle"
             }),
-            children: a(`practiceResults.sheet.snap.${l}`)
+            children: s(`practiceResults.sheet.snap.${c}`)
           },
-          l
+          c
         );
       })
     }
   );
 }
-function yt(e) {
+function wt(e) {
   const {
     results: n,
-    apiKey: a,
+    apiKey: s,
     zoom: o,
     searchCentre: i,
-    onLoadMore: s,
+    onLoadMore: a,
     loadingMore: d,
-    loadingSkeletons: m,
-    emptyResultsSlot: l,
-    errorSlot: b,
-    error: r,
+    loadingSkeletons: u,
+    emptyResultsSlot: c,
+    errorSlot: g,
+    error: l,
     onRetry: p,
-    highlightedId: u,
-    onCardHover: h,
-    onPinClick: g,
-    consentGranted: c,
-    onConsentRequest: x,
-    onBoundsChange: R,
-    listContainerRef: P,
-    facets: k,
-    value: y,
-    onChange: _
-  } = e, { t: T } = N(), [z, B] = ue("half"), H = bt[z], U = We("(min-width: 1024px)"), j = r ? b ?? /* @__PURE__ */ t(he, { onRetry: p }) : n.length === 0 && !m ? l ?? /* @__PURE__ */ t(fe, {}) : /* @__PURE__ */ t(
+    highlightedId: m,
+    onCardHover: x,
+    onPinClick: h,
+    consentGranted: r,
+    onConsentRequest: b,
+    onBoundsChange: N,
+    listContainerRef: S,
+    facets: y,
+    value: M,
+    onChange: z
+  } = e, { t: I } = k(), [P, E] = me("half"), U = yt[P], O = Xe("(min-width: 1024px)"), j = l ? g ?? /* @__PURE__ */ t(he, { onRetry: p }) : n.length === 0 && !u ? c ?? /* @__PURE__ */ t(fe, {}) : /* @__PURE__ */ t(
     pe,
     {
       results: n,
-      highlightedId: u,
-      onCardHover: h,
+      highlightedId: m,
+      onCardHover: x,
       onCardSelect: e.onCardSelect,
       onCardOpenClick: e.onCardOpenClick,
       openLabel: e.openLabel,
       formatNextSlot: e.formatNextSlot,
-      onLoadMore: s,
+      onLoadMore: a,
       loadingMore: d,
-      loadingSkeletons: m,
+      loadingSkeletons: u,
       density: "compact",
-      apiKey: a,
-      consentGranted: c,
-      containerRef: P
+      apiKey: s,
+      containerRef: S
     }
-  ), S = /* @__PURE__ */ t(
-    de,
+  ), C = /* @__PURE__ */ t(
+    ue,
     {
       results: n,
       searchCentre: i,
       zoom: o,
-      apiKey: a,
-      highlightedId: u,
-      onPinClick: (w) => {
-        W(n, w, "pin", e.onResultSelect), g(w);
+      apiKey: s,
+      highlightedId: m,
+      onPinClick: (R) => {
+        J(n, R, "pin", e.onResultSelect), h(R);
       },
-      onPinHover: h,
+      onPinHover: x,
       onPinFirstInteract: e.onPinFirstInteract,
-      onBoundsChange: R,
-      consentGranted: c,
-      onConsentRequest: x,
+      onBoundsChange: N,
+      consentGranted: r,
+      onConsentRequest: b,
       mapHandleRef: e.mapHandleRef
     }
-  ), Z = k.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(
-    Me,
+  ), W = y.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(
+    _e,
     {
-      facets: k,
-      value: y.facets,
-      onChange: (w) => _({ ...y, facets: w }),
+      facets: y,
+      value: M.facets,
+      onChange: (R) => z({ ...M, facets: R }),
       floating: !0
     }
   ) }) : null;
   return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
     /* @__PURE__ */ t(
-      ze,
+      Ae,
       {
         heading: e.heading,
         intro: e.intro,
@@ -1329,16 +1295,27 @@ function yt(e) {
         searchCentreLabel: i == null ? void 0 : i.label
       }
     ),
-    U ? (
+    O ? (
       // Desktop: 65/35 map left + scrollable card rail right. NO Sheet
       // (the Sheet would portal to body and occlude the desktop
       // layout regardless of the parent's `lg:hidden` class).
+      //
+      // 0.31.4: map + rail cells fill the viewport (`calc(100dvh -
+      // var(--practice-results-chrome, 8rem))`) instead of a fixed
+      // 40rem. Map-first is a viewport-dominant variant — the map
+      // should command the visible canvas, not float as a 640px
+      // block in the middle of the page. Consumers with a different
+      // page chrome height override via the CSS custom property:
+      //   .my-page-wrapper { --practice-results-chrome: 4rem; }
+      // The default 8rem approximates a typical sticky header.
+      // `dvh` (dynamic viewport height) plays nice with mobile-
+      // chrome show/hide.
       /* @__PURE__ */ f("div", { className: "ds:grid ds:grid-cols-[65%_35%] ds:gap-[var(--spacing-lg)] ds:items-start", children: [
-        /* @__PURE__ */ f("div", { className: "ds:relative ds:h-[40rem]", children: [
-          S,
-          Z
+        /* @__PURE__ */ f("div", { className: "ds:relative ds:h-[calc(100dvh-var(--practice-results-chrome,8rem))] ds:min-h-[40rem]", children: [
+          C,
+          W
         ] }),
-        /* @__PURE__ */ t("div", { className: "ds:min-w-0 ds:max-h-[40rem] ds:overflow-y-auto", children: j })
+        /* @__PURE__ */ t("div", { className: "ds:min-w-0 ds:h-[calc(100dvh-var(--practice-results-chrome,8rem))] ds:min-h-[40rem] ds:overflow-y-auto", children: j })
       ] })
     ) : (
       // Mobile: full-bleed map + persistent bottom sheet defaulting to
@@ -1347,36 +1324,36 @@ function yt(e) {
       // via the snap radiogroup at the top of the sheet body.
       /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
         /* @__PURE__ */ f("div", { className: "ds:relative ds:h-[60vh] ds:min-h-[20rem]", children: [
-          S,
-          Z
+          C,
+          W
         ] }),
-        /* @__PURE__ */ t(A.Root, { open: !0, children: /* @__PURE__ */ t(
-          A.Content,
+        /* @__PURE__ */ t(_.Root, { open: !0, children: /* @__PURE__ */ t(
+          _.Content,
           {
             side: "bottom",
-            size: H,
-            onEscapeKeyDown: (w) => w.preventDefault(),
-            onPointerDownOutside: (w) => w.preventDefault(),
-            onInteractOutside: (w) => w.preventDefault(),
-            children: /* @__PURE__ */ f(A.Body, { children: [
-              /* @__PURE__ */ t(A.Description, { className: "ds:sr-only", children: T("practiceResults.sheet.descriptionMapFirst") }),
+            size: U,
+            onEscapeKeyDown: (R) => R.preventDefault(),
+            onPointerDownOutside: (R) => R.preventDefault(),
+            onInteractOutside: (R) => R.preventDefault(),
+            children: /* @__PURE__ */ f(_.Body, { children: [
+              /* @__PURE__ */ t(_.Description, { className: "ds:sr-only", children: I("practiceResults.sheet.descriptionMapFirst") }),
               /* @__PURE__ */ f("div", { className: "ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]", children: [
-                /* @__PURE__ */ t(A.Title, { className: "type-title-card ds:m-0 ds:text-[var(--foreground)]", children: T("practiceResults.sheet.title", {
+                /* @__PURE__ */ t(_.Title, { className: "type-title-card ds:m-0 ds:text-[var(--foreground)]", children: I("practiceResults.sheet.title", {
                   count: e.totalCount ?? n.length
                 }) }),
                 /* @__PURE__ */ t(
-                  xt,
+                  Rt,
                   {
-                    value: z,
-                    onChange: B
+                    value: P,
+                    onChange: E
                   }
                 )
               ] }),
               /* @__PURE__ */ t("div", { className: "ds:pb-[var(--spacing-sm)]", children: /* @__PURE__ */ t(
-                ce,
+                de,
                 {
-                  value: y.sort ?? "relevance",
-                  onChange: (w) => _({ ...y, sort: w })
+                  value: M.sort ?? "relevance",
+                  onChange: (R) => z({ ...M, sort: R })
                 }
               ) }),
               j
@@ -1387,26 +1364,25 @@ function yt(e) {
     )
   ] });
 }
-function Rt(e) {
+function kt(e) {
   const {
     results: n,
-    apiKey: a,
+    apiKey: s,
     onLoadMore: o,
     loadingMore: i,
-    loadingSkeletons: s,
+    loadingSkeletons: a,
     emptyResultsSlot: d,
-    errorSlot: m,
-    error: l,
-    onRetry: b,
-    highlightedId: r,
+    errorSlot: u,
+    error: c,
+    onRetry: g,
+    highlightedId: l,
     onCardHover: p,
-    consentGranted: u,
-    listContainerRef: h
-  } = e, g = l ? m ?? /* @__PURE__ */ t(he, { onRetry: b }) : n.length === 0 && !s ? d ?? /* @__PURE__ */ t(fe, {}) : /* @__PURE__ */ t(
+    listContainerRef: m
+  } = e, x = c ? u ?? /* @__PURE__ */ t(he, { onRetry: g }) : n.length === 0 && !a ? d ?? /* @__PURE__ */ t(fe, {}) : /* @__PURE__ */ t(
     pe,
     {
       results: n,
-      highlightedId: r,
+      highlightedId: l,
       onCardHover: p,
       onCardSelect: e.onCardSelect,
       onCardOpenClick: e.onCardOpenClick,
@@ -1414,70 +1390,70 @@ function Rt(e) {
       formatNextSlot: e.formatNextSlot,
       onLoadMore: o,
       loadingMore: i,
-      loadingSkeletons: s,
+      loadingSkeletons: a,
       density: "rich",
-      apiKey: a,
-      consentGranted: u,
-      containerRef: h
+      apiKey: s,
+      containerRef: m
     }
   );
   return /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
     /* @__PURE__ */ t(Te, { variantBodyProps: e }),
-    g
+    x
   ] });
 }
-const kt = Ue(function({
+const Ct = qe(function({
   variant: n = "split-list-map",
-  results: a,
+  results: s,
   totalCount: o,
   searchCentre: i,
-  facets: s,
+  facets: a,
   googleMapsApiKey: d,
-  defaultZoom: m = it,
-  onBoundsChange: l,
-  consentGranted: b,
-  onConsentRequest: r,
-  onLoadMore: p,
-  loadingMore: u,
+  defaultZoom: u = lt,
+  onBoundsChange: c,
+  consentGranted: g,
+  onConsentRequest: l,
+  skipConsentGate: p = !1,
+  onLoadMore: m,
+  loadingMore: x,
   value: h,
-  onChange: g,
-  onResultSelect: c,
-  loading: x,
-  emptyResultsSlot: R,
-  errorSlot: P,
-  error: k,
-  onRetry: y,
-  heading: _,
-  intro: T,
-  cardOpenButtonLabel: z,
-  "aria-label": B,
-  id: H,
-  className: U,
-  ...j
-}, S) {
-  const { t: Z, i18n: w } = N(), [Ie, Q] = ue(null), X = M(/* @__PURE__ */ new Set()), ne = M(/* @__PURE__ */ new Set()), $e = M(null), ae = M(null), se = O(
+  onChange: r,
+  onResultSelect: b,
+  loading: N,
+  emptyResultsSlot: S,
+  errorSlot: y,
+  error: M,
+  onRetry: z,
+  heading: I,
+  intro: P,
+  cardOpenButtonLabel: E,
+  "aria-label": U,
+  id: O,
+  className: j,
+  ...C
+}, W) {
+  const { t: R, i18n: ge } = k(), [$e, Z] = me(null), X = A(/* @__PURE__ */ new Set()), ae = A(/* @__PURE__ */ new Set()), Fe = A(null), se = A(null), ie = H(
     () => ({
       getVariant: () => n,
       scrollToResult: (v) => {
-        const I = ae.current;
-        if (!I) return;
-        const C = I.querySelector(
+        const T = se.current;
+        if (!T) return;
+        const w = T.querySelector(
           `[data-component="practice-result-card"][data-result-id="${CSS.escape(v)}"]`
         );
-        C && (C.scrollIntoView({ behavior: "smooth", block: "nearest" }), Q(v));
+        w && (w.scrollIntoView({ behavior: "smooth", block: "nearest" }), Z(v));
       },
       focusPin: (v) => {
-        Q(v);
+        Z(v);
       }
     }),
     [n]
   );
-  Ge(S, () => se, [se]), Xe(st, se, H);
-  const Fe = z ?? Z("practiceResults.card.open"), De = K(
+  Ge(W, () => ie, [ie]), Ye(rt, ie, O);
+  const De = E ?? R("practiceResults.card.open"), He = K(
     (v) => {
       if (v.nextAvailableSlot)
         try {
-          return new Intl.DateTimeFormat(w.language, {
+          return new Intl.DateTimeFormat(ge.language, {
             weekday: "short",
             hour: "numeric",
             minute: "numeric"
@@ -1486,133 +1462,138 @@ const kt = Ue(function({
           return v.nextAvailableSlot.dateTime;
         }
     },
-    [w.language]
-  ), ge = M(null);
-  J(() => {
-    ge.current !== n && (ge.current = n, $("serp_variant_exposed", {
+    [ge.language]
+  ), ve = A(null);
+  Q(() => {
+    ve.current !== n && (ve.current = n, $("serp_variant_exposed", {
       variant: n,
-      totalCount: o ?? a.length
-    }), X.current = /* @__PURE__ */ new Set(), ne.current = /* @__PURE__ */ new Set());
+      totalCount: o ?? s.length
+    }), X.current = /* @__PURE__ */ new Set(), ae.current = /* @__PURE__ */ new Set());
   }, [n]);
-  const ie = M(!1), re = O(() => s ?? [], [s]), le = h.sort ?? (i ? "distance" : "relevance"), L = O(() => {
-    const v = ot(a, h.facets, re);
-    return ct(v, le, i);
-  }, [a, h.facets, re, le, i]);
-  J(() => {
+  const re = A(!1), le = H(() => a ?? [], [a]), oe = h.sort ?? (i ? "distance" : "relevance"), L = H(() => {
+    const v = dt(s, h.facets, le);
+    return ut(v, oe, i);
+  }, [s, h.facets, le, oe, i]);
+  Q(() => {
     const v = L.length === 0;
-    v && !ie.current ? ($("serp_empty_results", {
+    v && !re.current ? ($("serp_empty_results", {
       appliedFacets: h.facets ?? {}
-    }), ie.current = !0) : v || (ie.current = !1);
+    }), re.current = !0) : v || (re.current = !1);
   }, [L.length, h.facets]);
-  const V = M(null), ve = M(null);
-  J(
+  const B = A(null), xe = A(null);
+  Q(
     () => () => {
-      V.current && clearTimeout(V.current);
+      B.current && clearTimeout(B.current);
     },
     []
   );
   const Oe = K((v) => {
-    Q(v), !X.current.has(v) && (ve.current === v && V.current || (V.current && clearTimeout(V.current), ve.current = v, V.current = setTimeout(() => {
-      X.current.has(v) || (X.current.add(v), $("serp_result_hovered_card", { resultId: v })), V.current = null;
+    Z(v), !X.current.has(v) && (xe.current === v && B.current || (B.current && clearTimeout(B.current), xe.current = v, B.current = setTimeout(() => {
+      X.current.has(v) || (X.current.add(v), $("serp_result_hovered_card", { resultId: v })), B.current = null;
     }, 500)));
-  }, []), He = K((v) => {
-    Q(v);
-    const I = ae.current;
-    if (!I) return;
-    const C = I.querySelector(
+  }, []), Le = K((v) => {
+    Z(v);
+    const T = se.current;
+    if (!T) return;
+    const w = T.querySelector(
       `[data-component="practice-result-card"][data-result-id="${CSS.escape(v)}"]`
     );
-    C == null || C.scrollIntoView({ behavior: "smooth", block: "nearest" });
-  }, []), Le = K((v) => {
-    ne.current.has(v) || (ne.current.add(v), $("serp_result_hovered_pin", { resultId: v }));
-  }, []), be = M(null), Ke = K(
+    w == null || w.scrollIntoView({ behavior: "smooth", block: "nearest" });
+  }, []), Ke = K((v) => {
+    ae.current.has(v) || (ae.current.add(v), $("serp_result_hovered_pin", { resultId: v }));
+  }, []), be = A(null), je = K(
     (v) => {
-      Q(v);
-      const I = L.find((C) => C.id === v);
-      if (I) {
-        if (I.location) {
-          const C = be.current;
-          C == null || C.panTo({
-            lat: I.location.lat,
-            lng: I.location.lng
-          }), C == null || C.setZoom(16);
+      Z(v);
+      const T = L.find((w) => w.id === v);
+      if (T) {
+        if (T.location) {
+          const w = be.current;
+          w == null || w.panTo({
+            lat: T.location.lat,
+            lng: T.location.lng
+          }), w == null || w.setZoom(16);
         }
-        W(L, v, "card", c);
+        J(L, v, "card", b);
       }
     },
-    [L, c]
-  ), je = K(
+    [L, b]
+  ), Be = K(
     (v) => {
-      W(
+      J(
         L,
         v,
         "open-button",
-        c
+        b
       );
     },
-    [L, c]
-  ), Ve = !!x && a.length === 0, oe = {
+    [L, b]
+  ), Ve = !!N && s.length === 0, ce = {
     results: L,
     totalCount: o,
     searchCentre: i,
-    facets: re,
-    value: { ...h, sort: le },
-    onChange: g,
-    onResultSelect: c,
-    onLoadMore: p,
-    loadingMore: u,
+    facets: le,
+    value: { ...h, sort: oe },
+    onChange: r,
+    onResultSelect: b,
+    onLoadMore: m,
+    loadingMore: x,
     apiKey: d,
-    zoom: m,
-    consentGranted: b,
-    onConsentRequest: r,
-    onBoundsChange: l,
+    zoom: u,
+    // 0.31.4: when `skipConsentGate` is true the kit synthesises
+    // `consentGranted=true` for every internal MapView; the consumer's
+    // CMP at the page level is responsible for whether the Google Maps
+    // loader script is present at all. `onConsentRequest` is dropped
+    // because no placeholder renders — nothing to fire it from.
+    consentGranted: p ? !0 : g,
+    onConsentRequest: p ? void 0 : l,
+    onBoundsChange: c,
     loadingSkeletons: Ve,
-    emptyResultsSlot: R,
-    errorSlot: P,
-    error: k,
-    onRetry: y,
-    heading: _,
-    intro: T,
-    highlightedId: Ie,
+    emptyResultsSlot: S,
+    errorSlot: y,
+    error: M,
+    onRetry: z,
+    heading: I,
+    intro: P,
+    highlightedId: $e,
     onCardHover: Oe,
-    onPinClick: He,
-    onPinFirstInteract: Le,
-    onCardSelect: Ke,
-    onCardOpenClick: je,
-    openLabel: Fe,
-    formatNextSlot: De,
-    listContainerRef: $e,
+    onPinClick: Le,
+    onPinFirstInteract: Ke,
+    onCardSelect: je,
+    onCardOpenClick: Be,
+    openLabel: De,
+    formatNextSlot: He,
+    listContainerRef: Fe,
     mapHandleRef: be
   }, Ee = (() => {
     switch (n) {
       case "map-first":
-        return /* @__PURE__ */ t(yt, { ...oe });
+        return /* @__PURE__ */ t(wt, { ...ce });
       case "rich-cards":
-        return /* @__PURE__ */ t(Rt, { ...oe });
+        return /* @__PURE__ */ t(kt, { ...ce });
       case "split-list-map":
       default:
-        return /* @__PURE__ */ t(vt, { ...oe });
+        return /* @__PURE__ */ t(bt, { ...ce });
     }
-  })(), Be = B ?? Z("practiceResults.regionLabel");
+  })(), Ue = U ?? R("practiceResults.regionLabel");
   return /* @__PURE__ */ t(
     "div",
     {
-      ref: ae,
+      ref: se,
       role: "region",
-      "aria-label": Be,
-      id: H,
+      "aria-label": Ue,
+      id: O,
       "data-component": "practice-results",
-      "data-component-id": H,
+      "data-component-id": O,
       "data-variant": n,
-      className: dt({ variant: n, className: U }),
-      ...j,
+      className: mt({ variant: n, className: j }),
+      ...C,
       children: Ee
     }
   );
 });
-kt.displayName = "PracticeResults";
+Ct.displayName = "PracticeResults";
 export {
-  kt as P,
-  st as p
+  Ct as P,
+  rt as p
 };
-//# sourceMappingURL=practice-results-JQunxBIg.js.map
+//# sourceMappingURL=practice-results-dOlljaAK.js.map