@alfadocs/ui-kit 1.5.0 → 1.6.1

package/dist/_chunks/{practice-results-DWUZRm2x.js → practice-results-F_Rf7c4H.js}

@@ -1,15 +1,15 @@
 import { jsx as t, jsxs as m, Fragment as Ge } from "react/jsx-runtime";
-import { forwardRef as Ze, useState as pe, useRef as _, useMemo as D, useImperativeHandle as Qe, useCallback as K, useEffect as J } from "react";
+import { forwardRef as Ze, useState as pe, useRef as _, useMemo as D, useImperativeHandle as Qe, useCallback as B, useEffect as J } from "react";
 import { c as Z } from "./index-D2ZczOXr.js";
 import { useTranslation as C } from "react-i18next";
 import { A as Y } from "./alert-CiJT540z.js";
 import { A as ke } from "./avatar-BNQNhoyL.js";
-import { B as G } from "./button-BvNtqHAS.js";
+import { B as G } from "./button-nJaPh_HC.js";
 import { D as $ } from "./dropdown-menu-DU-Hrf33.js";
-import { E as Je } from "./empty-state-Df0tM6Kn.js";
-import { M as We } from "./map-view-iwSDRW3t.js";
+import { E as Je } from "./empty-state-X0sVPfVo.js";
+import { M as We } from "./map-view-CCAlC9IL.js";
 import { R as Ce } from "./rating-BYbUowdK.js";
-import { S as I } from "./sheet-CD99CdXr.js";
+import { S as I } from "./sheet-BSznOyJs.js";
 import { S as Xe } from "./skeleton-CZbwyJAA.js";
 import { S as Ye } from "./spinner-hbwuKwMf.js";
 import { B as L } from "./badge-sTusUqZD.js";
@@ -21,8 +21,8 @@ import { C as Se } from "./chevron-down-DWE7GSq9.js";
 import { M as te } from "./map-pin-BaY37-Km.js";
 import { L as Ne } from "./languages-CGLX6Qpe.js";
 import { S as Pe } from "./shield-check-DCJALLVh.js";
-import { H as Me } from "./heart--qCA4ffe.js";
-import { C as Ae } from "./calendar-clock-hbObjfGY.js";
+import { H as Ae } from "./heart--qCA4ffe.js";
+import { C as Me } from "./calendar-clock-hbObjfGY.js";
 /**
  * @license lucide-react v1.22.0 - ISC
  *
@@ -118,7 +118,7 @@ const st = [
       description: "Stable result id emitted on each rendered result card. Used by scroll_to_result / focus_pin to address a single result."
     }
   }
-}, lt = 13, ot = [
+}, ot = 13, lt = [
   "distance",
   "rating",
   "next-available",
@@ -143,40 +143,51 @@ function W(e, n, s, r) {
   a && (H("serp_result_clicked", { resultId: n, source: s, position: i }), r(a, s));
 }
 function ct(e, n) {
-  const r = (n.lat - e.lat) * Math.PI / 180, i = (n.lng - e.lng) * Math.PI / 180, a = e.lat * Math.PI / 180, c = n.lat * Math.PI / 180, d = Math.sin(r / 2), l = Math.sin(i / 2), g = d * d + Math.cos(a) * Math.cos(c) * l * l;
+  const r = (n.lat - e.lat) * Math.PI / 180, i = (n.lng - e.lng) * Math.PI / 180, a = e.lat * Math.PI / 180, c = n.lat * Math.PI / 180, d = Math.sin(r / 2), o = Math.sin(i / 2), g = d * d + Math.cos(a) * Math.cos(c) * o * o;
   return 2 * 6371 * Math.asin(Math.min(1, Math.sqrt(g)));
 }
 function dt(e, n, s) {
+  var i;
+  const r = [];
+  for (const a of e) {
+    const c = a.field ?? a.key, d = (((i = s == null ? void 0 : s[a.key]) == null ? void 0 : i.length) ?? 0) > 0, o = a.type === "boolean" || a.type !== "options" && a.options.length === 0 && (d || n.some(
+      (g) => typeof g[c] == "boolean"
+    ));
+    !o && a.options.length === 0 || r.push({ ...a, boolean: o, booleanField: c });
+  }
+  return r;
+}
+function ut(e, n, s) {
   return !n || Object.keys(n).length === 0 ? e : e.filter((r) => {
     for (const i of s) {
       const a = n[i.key];
       if (!a || a.length === 0) continue;
-      if (i.options.length === 0) {
-        if (r[i.key] !== !0) return !1;
+      if (i.boolean) {
+        if (r[i.booleanField] !== !0) return !1;
         continue;
       }
       const c = i.key === "insurance" ? r.insurances : i.key === "language" ? r.languages : r[i.key];
-      if (!Array.isArray(c) || !(i.multi ? a.some((l) => c.includes(l)) : c.includes(a[0]))) return !1;
+      if (!Array.isArray(c) || !(i.multi ? a.some((o) => c.includes(o)) : c.includes(a[0]))) return !1;
     }
     return !0;
   });
 }
-function ut(e, n, s) {
+function pt(e, n, s) {
   const r = e.map((a) => {
     const c = a.location ? a.location.distanceKm ?? (s ? ct(s, a.location) : void 0) : void 0;
     return { result: a, distanceKm: c };
   }), i = (a, c) => {
-    var d, l, g, o;
+    var d, o, g, l;
     switch (n) {
       case "distance":
         return a.distanceKm == null && c.distanceKm == null ? 0 : a.distanceKm == null ? 1 : c.distanceKm == null ? -1 : a.distanceKm - c.distanceKm;
       case "rating": {
-        const u = ((d = a.result.rating) == null ? void 0 : d.value) ?? -1;
-        return (((l = c.result.rating) == null ? void 0 : l.value) ?? -1) - u;
+        const p = ((d = a.result.rating) == null ? void 0 : d.value) ?? -1;
+        return (((o = c.result.rating) == null ? void 0 : o.value) ?? -1) - p;
       }
       case "next-available": {
-        const u = ((g = a.result.nextAvailableSlot) == null ? void 0 : g.dateTime) ?? "", h = ((o = c.result.nextAvailableSlot) == null ? void 0 : o.dateTime) ?? "";
-        return !u && !h ? 0 : u ? h ? u.localeCompare(h) : -1 : 1;
+        const p = ((g = a.result.nextAvailableSlot) == null ? void 0 : g.dateTime) ?? "", h = ((l = c.result.nextAvailableSlot) == null ? void 0 : l.dateTime) ?? "";
+        return !p && !h ? 0 : p ? h ? p.localeCompare(h) : -1 : 1;
       }
       case "relevance":
       default:
@@ -195,13 +206,13 @@ function Re(e) {
   for (const c of e) {
     if (!c.location) continue;
     a = !0;
-    const { lat: d, lng: l } = c.location;
-    d > n && (n = d), d < s && (s = d), l > r && (r = l), l < i && (i = l);
+    const { lat: d, lng: o } = c.location;
+    d > n && (n = d), d < s && (s = d), o > r && (r = o), o < i && (i = o);
   }
   if (a)
     return { north: n, south: s, east: r, west: i };
 }
-const pt = Z(
+const mt = Z(
   "ds:flex ds:w-full ds:flex-col ds:text-[var(--foreground)] ds:gap-[var(--spacing-md)]",
   {
     variants: {
@@ -261,7 +272,7 @@ const ee = Z(
     },
     defaultVariants: { state: "idle" }
   }
-), mt = Z(
+), ft = Z(
   "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
   {
     variants: {
@@ -280,7 +291,7 @@ const ee = Z(
     },
     defaultVariants: { placement: "inline" }
   }
-), ft = Z(
+), ht = Z(
   [
     "ds:ms-[var(--spacing-xs)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
     "ds:min-h-[var(--min-target-size)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]",
@@ -298,19 +309,19 @@ function ze({
   floating: r
 }) {
   const { t: i } = C(), a = D(() => n ?? {}, [n]), c = D(
-    () => Object.values(a).some((o) => o && o.length > 0),
+    () => Object.values(a).some((l) => l && l.length > 0),
     [a]
-  ), d = (o, u) => {
+  ), d = (l, p) => {
     const h = { ...a };
-    u.length === 0 ? delete h[o] : h[o] = u, s(h), H("serp_filter_changed", { key: o, values: u });
-  }, l = (o) => {
+    p.length === 0 ? delete h[l] : h[l] = p, s(h), H("serp_filter_changed", { key: l, values: p });
+  }, o = (l) => {
     var h;
-    const u = (((h = a[o]) == null ? void 0 : h.length) ?? 0) > 0;
-    d(o, u ? [] : ["true"]);
-  }, g = (o, u) => {
-    const h = a[o.key] ?? [], x = h.includes(u);
+    const p = (((h = a[l]) == null ? void 0 : h.length) ?? 0) > 0;
+    d(l, p ? [] : ["true"]);
+  }, g = (l, p) => {
+    const h = a[l.key] ?? [], x = h.includes(p);
     let v;
-    o.multi ? v = x ? h.filter((p) => p !== u) : [...h, u] : v = x ? [] : [u], d(o.key, v);
+    l.multi ? v = x ? h.filter((u) => u !== p) : [...h, p] : v = x ? [] : [p], d(l.key, v);
   };
   return e.length === 0 ? null : /* @__PURE__ */ m(
     "div",
@@ -318,26 +329,26 @@ function ze({
       "data-component": "practice-results-filters",
       role: "group",
       "aria-label": i("practiceResults.filters.label"),
-      className: mt({
+      className: ft({
         placement: r ? "floating" : "inline"
       }),
       children: [
-        e.map((o) => {
-          const u = o.options.length === 0, h = a[o.key] ?? [], x = h.length > 0;
-          if (u)
+        e.map((l) => {
+          const p = l.boolean, h = a[l.key] ?? [], x = h.length > 0;
+          if (p)
             return /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
                 "aria-pressed": x,
-                "aria-label": o.label,
-                onClick: () => l(o.key),
+                "aria-label": l.label,
+                onClick: () => o(l.key),
                 className: ee({
                   state: x ? "active" : "idle"
                 }),
-                children: /* @__PURE__ */ t("span", { children: o.label })
+                children: /* @__PURE__ */ t("span", { children: l.label })
               },
-              o.key
+              l.key
             );
           const v = x ? ` (${h.length})` : "";
           return /* @__PURE__ */ m($.Root, { children: [
@@ -345,13 +356,13 @@ function ze({
               "button",
               {
                 type: "button",
-                "aria-label": `${o.label}${v}`,
+                "aria-label": `${l.label}${v}`,
                 className: ee({
                   state: x ? "active" : "idle"
                 }),
                 children: [
                   /* @__PURE__ */ m("span", { children: [
-                    o.label,
+                    l.label,
                     v
                   ] }),
                   /* @__PURE__ */ t(
@@ -364,18 +375,18 @@ function ze({
                 ]
               }
             ) }),
-            /* @__PURE__ */ t($.Content, { sideOffset: 8, align: "start", children: o.options.map((p) => /* @__PURE__ */ t(
+            /* @__PURE__ */ t($.Content, { sideOffset: 8, align: "start", children: l.options.map((u) => /* @__PURE__ */ t(
               $.CheckboxItem,
               {
-                checked: h.includes(p.value),
+                checked: h.includes(u.value),
                 onSelect: (f) => {
-                  o.multi && f.preventDefault(), g(o, p.value);
+                  l.multi && f.preventDefault(), g(l, u.value);
                 },
-                children: p.label
+                children: u.label
               },
-              p.value
+              u.value
             )) })
-          ] }, o.key);
+          ] }, l.key);
         }),
         c ? /* @__PURE__ */ t(
           "button",
@@ -384,7 +395,7 @@ function ze({
             onClick: () => {
               s({}), H("serp_filter_changed", { key: "*", values: [] });
             },
-            className: ft(),
+            className: ht(),
             children: i("practiceResults.filters.clear")
           }
         ) : null
@@ -431,7 +442,7 @@ function de({ value: e, onChange: n }) {
           const a = i;
           a !== e && (n(a), H("serp_sort_changed", { sort: a }));
         },
-        children: ot.map((i) => /* @__PURE__ */ t($.RadioItem, { value: i, children: r(i) }, i))
+        children: lt.map((i) => /* @__PURE__ */ t($.RadioItem, { value: i, children: r(i) }, i))
       }
     ) })
   ] });
@@ -465,12 +476,12 @@ const we = Z(
     defaultVariants: { state: "placeholder" }
   }
 );
-function ht() {
+function gt() {
   if (typeof document > "u") return "4945a3";
   const e = getComputedStyle(document.documentElement).getPropertyValue("--map-marker-color").trim(), n = /^#?([0-9a-fA-F]{6})$/.exec(e);
   return n ? n[1] : "4945a3";
 }
-function gt({
+function vt({
   apiKey: e,
   center: n,
   zoom: s = 14,
@@ -489,7 +500,7 @@ function gt({
         ]
       }
     );
-  const a = ht(), c = `https://maps.googleapis.com/maps/api/staticmap?center=${n.lat},${n.lng}&zoom=${s}&size=240x160&scale=2&markers=color:0x${a}%7C${n.lat},${n.lng}&key=${encodeURIComponent(e)}`;
+  const a = gt(), c = `https://maps.googleapis.com/maps/api/staticmap?center=${n.lat},${n.lng}&zoom=${s}&size=240x160&scale=2&markers=color:0x${a}%7C${n.lat},${n.lng}&key=${encodeURIComponent(e)}`;
   return /* @__PURE__ */ t(
     "img",
     {
@@ -532,7 +543,7 @@ const Fe = Z(
     defaultVariants: { density: "compact" }
   }
 );
-function vt({
+function bt({
   result: e,
   highlighted: n,
   onSelect: s,
@@ -541,12 +552,12 @@ function vt({
   density: a = "compact",
   openLabel: c,
   nextSlotText: d,
-  maxInsuranceChips: l = 3,
+  maxInsuranceChips: o = 3,
   maxLanguageChips: g = 4,
-  children: o
+  children: l
 }) {
-  var T, P, q, U, O, B;
-  const { t: u, i18n: h } = C(), x = e.rating, v = (T = e.location) == null ? void 0 : T.distanceKm, p = (((P = e.languages) == null ? void 0 : P.length) ?? 0) > 0, f = (((q = e.insurances) == null ? void 0 : q.length) ?? 0) > 0, y = e.specializedInFearPatients, N = p || f || y, R = (e.languages ?? []).slice(0, g), M = (((U = e.languages) == null ? void 0 : U.length) ?? 0) - R.length, A = (e.insurances ?? []).slice(0, l), z = (((O = e.insurances) == null ? void 0 : O.length) ?? 0) - A.length;
+  var T, P, q, U, O, K;
+  const { t: p, i18n: h } = C(), x = e.rating, v = (T = e.location) == null ? void 0 : T.distanceKm, u = (((P = e.languages) == null ? void 0 : P.length) ?? 0) > 0, f = (((q = e.insurances) == null ? void 0 : q.length) ?? 0) > 0, y = e.specializedInFearPatients, N = u || f || y, R = (e.languages ?? []).slice(0, g), A = (((U = e.languages) == null ? void 0 : U.length) ?? 0) - R.length, M = (e.insurances ?? []).slice(0, o), 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__ */ m(
@@ -577,7 +588,7 @@ function vt({
                 v != null ? /* @__PURE__ */ t(Te, { distanceKm: v }) : null
               ] }),
               e.subtitle ? /* @__PURE__ */ t("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: e.subtitle }) : null,
-              (B = e.location) != null && B.address ? /* @__PURE__ */ m("span", { className: "type-meta ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+              (K = e.location) != null && K.address ? /* @__PURE__ */ m("span", { className: "type-meta ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
                 /* @__PURE__ */ t(te, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }),
                 e.location.address
               ] }) : null
@@ -596,12 +607,12 @@ function vt({
                 {
                   variant: "neutral",
                   leading: /* @__PURE__ */ t(Ne, { "aria-hidden": "true" }),
-                  children: _e(S, u, h)
+                  children: _e(S, p, h)
                 },
                 `lang-${S}`
               )),
-              M > 0 ? /* @__PURE__ */ t(L, { variant: "neutral", children: `+${M}` }) : null,
-              A.map((S) => /* @__PURE__ */ t(
+              A > 0 ? /* @__PURE__ */ t(L, { variant: "neutral", children: `+${A}` }) : null,
+              M.map((S) => /* @__PURE__ */ t(
                 L,
                 {
                   variant: "info",
@@ -611,18 +622,18 @@ function vt({
                 `ins-${S}`
               )),
               z > 0 ? /* @__PURE__ */ t(L, { variant: "neutral", children: `+${z}` }) : null,
-              y ? /* @__PURE__ */ t(L, { variant: "info", leading: /* @__PURE__ */ t(Me, { "aria-hidden": "true" }), children: u("practiceResults.fearPatient.label") }) : null
+              y ? /* @__PURE__ */ t(L, { variant: "info", leading: /* @__PURE__ */ t(Ae, { "aria-hidden": "true" }), children: p("practiceResults.fearPatient.label") }) : null
             ] }) : null,
             e.nextAvailableSlot && d ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
               /* @__PURE__ */ m("span", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
                 /* @__PURE__ */ t(
-                  Ae,
+                  Me,
                   {
                     "aria-hidden": "true",
                     className: "ds:size-4 ds:text-[var(--primary)]"
                   }
                 ),
-                u("practiceResults.nextSlot.summary", { time: d })
+                p("practiceResults.nextSlot.summary", { time: d })
               ] }),
               /* @__PURE__ */ t(
                 G,
@@ -638,13 +649,13 @@ function vt({
                     {
                       href: e.nextAvailableSlot.bookingHref,
                       "data-component": "practice-result-next-slot-cta",
-                      children: u("practiceResults.nextSlot.cta", { time: d })
+                      children: p("practiceResults.nextSlot.cta", { time: d })
                     }
                   )
                 }
               )
             ] }) : null,
-            o,
+            l,
             /* @__PURE__ */ t("div", { className: "ds:mt-[var(--spacing-xs)] ds:flex ds:justify-end", children: /* @__PURE__ */ t(
               G,
               {
@@ -663,7 +674,7 @@ function vt({
     )
   );
 }
-function bt({
+function xt({
   result: e,
   apiKey: n,
   highlighted: s,
@@ -672,11 +683,11 @@ function bt({
   onHover: a,
   openLabel: c
 }) {
-  var p, f, y, N;
-  const { t: d, i18n: l } = C(), g = D(() => {
+  var u, f, y, N;
+  const { t: d, i18n: o } = C(), g = D(() => {
     if (e.nextAvailableSlot)
       try {
-        return new Intl.DateTimeFormat(l.language, {
+        return new Intl.DateTimeFormat(o.language, {
           weekday: "short",
           hour: "numeric",
           minute: "numeric"
@@ -684,7 +695,7 @@ function bt({
       } catch {
         return e.nextAvailableSlot.dateTime;
       }
-  }, [e.nextAvailableSlot, l.language]), o = (((p = e.languages) == null ? void 0 : p.length) ?? 0) > 0, u = (((f = e.insurances) == null ? void 0 : f.length) ?? 0) > 0, h = e.specializedInFearPatients, x = o || u || h, v = (y = e.location) == null ? void 0 : y.distanceKm;
+  }, [e.nextAvailableSlot, o.language]), l = (((u = e.languages) == null ? void 0 : u.length) ?? 0) > 0, p = (((f = e.insurances) == null ? void 0 : f.length) ?? 0) > 0, h = e.specializedInFearPatients, x = l || p || h, v = (y = e.location) == null ? void 0 : y.distanceKm;
   return (
     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events -- card is role="group" by design (axe nested-interactive); click handler is mouse-only sync.
     /* @__PURE__ */ m(
@@ -702,7 +713,7 @@ function bt({
         className: Fe({ density: "rich" }),
         children: [
           e.location ? /* @__PURE__ */ t(
-            gt,
+            vt,
             {
               apiKey: n,
               center: {
@@ -749,16 +760,16 @@ function bt({
               ) : null
             ] }),
             x ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-              o ? (e.languages ?? []).map((R) => /* @__PURE__ */ t(
+              l ? (e.languages ?? []).map((R) => /* @__PURE__ */ t(
                 L,
                 {
                   variant: "neutral",
                   leading: /* @__PURE__ */ t(Ne, { "aria-hidden": "true" }),
-                  children: _e(R, d, l)
+                  children: _e(R, d, o)
                 },
                 `lang-${R}`
               )) : null,
-              u ? (e.insurances ?? []).map((R) => /* @__PURE__ */ t(
+              p ? (e.insurances ?? []).map((R) => /* @__PURE__ */ t(
                 L,
                 {
                   variant: "info",
@@ -767,12 +778,12 @@ function bt({
                 },
                 `ins-${R}`
               )) : null,
-              h ? /* @__PURE__ */ t(L, { variant: "info", leading: /* @__PURE__ */ t(Me, { "aria-hidden": "true" }), children: d("practiceResults.fearPatient.label") }) : null
+              h ? /* @__PURE__ */ t(L, { variant: "info", leading: /* @__PURE__ */ t(Ae, { "aria-hidden": "true" }), children: d("practiceResults.fearPatient.label") }) : null
             ] }) : null,
             e.nextAvailableSlot && g ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
               /* @__PURE__ */ m("span", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
                 /* @__PURE__ */ t(
-                  Ae,
+                  Me,
                   {
                     "aria-hidden": "true",
                     className: "ds:size-4 ds:text-[var(--primary)]"
@@ -827,17 +838,17 @@ function me({
   openLabel: a,
   formatNextSlot: c,
   onLoadMore: d,
-  loadingMore: l,
+  loadingMore: o,
   loadingSkeletons: g,
-  density: o = "compact",
-  apiKey: u,
+  density: l = "compact",
+  apiKey: p,
   containerRef: h
 }) {
   const { t: x } = C(), v = _(null);
   return J(() => {
     if (!d) return;
-    const p = v.current;
-    if (!p || typeof IntersectionObserver > "u") return;
+    const u = v.current;
+    if (!u || typeof IntersectionObserver > "u") return;
     const f = new IntersectionObserver(
       (y) => {
         for (const N of y)
@@ -847,7 +858,7 @@ function me({
       },
       { root: null, rootMargin: "200px" }
     );
-    return f.observe(p), () => f.disconnect();
+    return f.observe(u), () => f.disconnect();
   }, [d, e.length]), g ? /* @__PURE__ */ t(
     "div",
     {
@@ -855,11 +866,11 @@ function me({
       "aria-live": "polite",
       "aria-label": x("practiceResults.loading"),
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
-      children: Array.from({ length: 4 }).map((p, f) => /* @__PURE__ */ t(
+      children: Array.from({ length: 4 }).map((u, f) => /* @__PURE__ */ t(
         Xe,
         {
           variant: "rounded",
-          height: o === "rich" ? "11rem" : "7rem"
+          height: l === "rich" ? "11rem" : "7rem"
         },
         `pr-skel-${f}`
       ))
@@ -873,36 +884,36 @@ function me({
       "aria-label": x("practiceResults.list.label"),
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:overflow-y-auto",
       children: [
-        e.map((p) => /* @__PURE__ */ t("div", { role: "listitem", children: o === "rich" ? /* @__PURE__ */ t(
-          bt,
+        e.map((u) => /* @__PURE__ */ t("div", { role: "listitem", children: l === "rich" ? /* @__PURE__ */ t(
+          xt,
           {
-            result: p,
-            apiKey: u,
-            highlighted: n === p.id,
-            onSelect: () => r(p.id),
-            onOpenClick: () => i(p.id),
-            onHover: () => s(p.id),
+            result: u,
+            apiKey: p,
+            highlighted: n === u.id,
+            onSelect: () => r(u.id),
+            onOpenClick: () => i(u.id),
+            onHover: () => s(u.id),
             openLabel: a
           }
         ) : /* @__PURE__ */ t(
-          vt,
+          bt,
           {
-            result: p,
-            highlighted: n === p.id,
-            onSelect: () => r(p.id),
-            onOpenClick: () => i(p.id),
-            onHover: () => s(p.id),
+            result: u,
+            highlighted: n === u.id,
+            onSelect: () => r(u.id),
+            onOpenClick: () => i(u.id),
+            onHover: () => s(u.id),
             openLabel: a,
-            nextSlotText: c(p)
+            nextSlotText: c(u)
           }
-        ) }, p.id)),
+        ) }, u.id)),
         d ? /* @__PURE__ */ t(
           "div",
           {
             ref: v,
             "aria-hidden": "true",
             className: "ds:flex ds:items-center ds:justify-center ds:py-[var(--spacing-md)]",
-            children: l ? /* @__PURE__ */ t(Ye, { size: "md", variant: "pulse" }) : /* @__PURE__ */ t("span", { className: "ds:size-1" })
+            children: o ? /* @__PURE__ */ t(Ye, { size: "md", variant: "pulse" }) : /* @__PURE__ */ t("span", { className: "ds:size-1" })
           }
         ) : null
       ]
@@ -918,10 +929,10 @@ function ue({
   highlightedId: a,
   onPinClick: c,
   onPinHover: d,
-  onPinFirstInteract: l,
+  onPinFirstInteract: o,
   onBoundsChange: g,
-  consentGranted: o,
-  onConsentRequest: u,
+  consentGranted: l,
+  onConsentRequest: p,
   mapHandleRef: h
 }) {
   const { t: x } = C(), v = D(
@@ -936,7 +947,7 @@ function ue({
       label: f.name
     })),
     [e]
-  ), p = D(() => {
+  ), u = D(() => {
     if (n) return n;
     const f = Re(e);
     return f ? {
@@ -959,14 +970,14 @@ function ue({
           ref: h,
           apiKey: r ?? "",
           mapId: i,
-          center: p,
+          center: u,
           zoom: s,
           markers: v,
           selectedMarkerId: a,
-          consentGranted: !!o,
-          onConsentRequest: u,
+          consentGranted: !!l,
+          onConsentRequest: p,
           onMarkerClick: (f) => {
-            f != null && (d(f), l(f), c(f));
+            f != null && (d(f), o(f), c(f));
           },
           ariaLabel: x("practiceResults.map.label"),
           size: "fill",
@@ -997,21 +1008,21 @@ function fe({
         {
           facets: n,
           value: s.facets,
-          onChange: (l) => r({ ...s, facets: l })
+          onChange: (o) => r({ ...s, facets: o })
         }
       ),
       /* @__PURE__ */ t(
         de,
         {
           value: s.sort ?? "relevance",
-          onChange: (l) => r({ ...s, sort: l })
+          onChange: (o) => r({ ...s, sort: o })
         }
       )
     ] }) : /* @__PURE__ */ t("div", { className: "ds:flex ds:justify-end", children: /* @__PURE__ */ t(
       de,
       {
         value: s.sort ?? "relevance",
-        onChange: (l) => r({ ...s, sort: l })
+        onChange: (o) => r({ ...s, sort: o })
       }
     ) })
   ] });
@@ -1044,7 +1055,7 @@ function ge({ onRetry: e }) {
     ) }) : null
   ] });
 }
-function xt(e) {
+function yt(e) {
   const {
     results: n,
     apiKey: s,
@@ -1053,19 +1064,19 @@ function xt(e) {
     searchCentre: a,
     onLoadMore: c,
     loadingMore: d,
-    loadingSkeletons: l,
+    loadingSkeletons: o,
     emptyResultsSlot: g,
-    errorSlot: o,
-    error: u,
+    errorSlot: l,
+    error: p,
     onRetry: h,
     highlightedId: x,
     onCardHover: v,
-    onPinClick: p,
+    onPinClick: u,
     consentGranted: f,
     onConsentRequest: y,
     onBoundsChange: N,
     listContainerRef: R
-  } = e, { t: M } = C(), [A, z] = pe(!1), T = u ? o ?? /* @__PURE__ */ t(ge, { onRetry: h }) : n.length === 0 && !l ? g ?? /* @__PURE__ */ t(he, {}) : /* @__PURE__ */ t(
+  } = e, { t: A } = C(), [M, z] = pe(!1), T = p ? l ?? /* @__PURE__ */ t(ge, { onRetry: h }) : n.length === 0 && !o ? g ?? /* @__PURE__ */ t(he, {}) : /* @__PURE__ */ t(
     me,
     {
       results: n,
@@ -1077,7 +1088,7 @@ function xt(e) {
       formatNextSlot: e.formatNextSlot,
       onLoadMore: c,
       loadingMore: d,
-      loadingSkeletons: l,
+      loadingSkeletons: o,
       density: "compact",
       containerRef: R
     }
@@ -1096,7 +1107,7 @@ function xt(e) {
           mapId: r,
           highlightedId: x,
           onPinClick: (P) => {
-            W(n, P, "pin", e.onResultSelect), p(P);
+            W(n, P, "pin", e.onResultSelect), u(P);
           },
           onPinHover: v,
           onPinFirstInteract: e.onPinFirstInteract,
@@ -1114,13 +1125,13 @@ function xt(e) {
         size: "md",
         startIcon: /* @__PURE__ */ t(it, { "aria-hidden": "true" }),
         onClick: () => z(!0),
-        children: M("practiceResults.viewMap")
+        children: A("practiceResults.viewMap")
       }
     ) }),
-    /* @__PURE__ */ t(I.Root, { open: A, onOpenChange: z, children: /* @__PURE__ */ m(I.Content, { side: "bottom", size: "lg", children: [
-      /* @__PURE__ */ t(I.Header, { children: /* @__PURE__ */ t(I.Title, { children: M("practiceResults.map.label") }) }),
+    /* @__PURE__ */ t(I.Root, { open: M, onOpenChange: z, children: /* @__PURE__ */ m(I.Content, { side: "bottom", size: "lg", children: [
+      /* @__PURE__ */ t(I.Header, { children: /* @__PURE__ */ t(I.Title, { children: A("practiceResults.map.label") }) }),
       /* @__PURE__ */ m(I.Body, { children: [
-        /* @__PURE__ */ t(I.Description, { className: "ds:sr-only", children: M("practiceResults.sheet.description") }),
+        /* @__PURE__ */ t(I.Description, { className: "ds:sr-only", children: A("practiceResults.sheet.description") }),
         /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
           /* @__PURE__ */ t("div", { className: "ds:h-[20rem]", children: /* @__PURE__ */ t(
             ue,
@@ -1132,7 +1143,7 @@ function xt(e) {
               mapId: r,
               highlightedId: x,
               onPinClick: (P) => {
-                W(n, P, "pin", e.onResultSelect), p(P);
+                W(n, P, "pin", e.onResultSelect), u(P);
               },
               onPinHover: v,
               onPinFirstInteract: e.onPinFirstInteract,
@@ -1148,7 +1159,7 @@ function xt(e) {
     ] }) })
   ] });
 }
-const yt = {
+const Rt = {
   peek: "sm",
   half: "md",
   full: "lg"
@@ -1157,35 +1168,35 @@ const yt = {
   "half",
   "full"
 ];
-function Rt({ value: e, onChange: n }) {
+function wt({ value: e, onChange: n }) {
   const { t: s, i18n: r } = C(), i = r.dir() === "rtl", a = _(
     /* @__PURE__ */ new Map()
-  ), c = K((l) => {
+  ), c = B((o) => {
     var g;
-    (g = a.current.get(l)) == null || g.focus();
-  }, []), d = K(
-    (l, g) => {
-      const o = V.indexOf(g), u = V.length, h = i ? "ArrowLeft" : "ArrowRight", x = i ? "ArrowRight" : "ArrowLeft";
+    (g = a.current.get(o)) == null || g.focus();
+  }, []), d = B(
+    (o, g) => {
+      const l = V.indexOf(g), p = V.length, h = i ? "ArrowLeft" : "ArrowRight", x = i ? "ArrowRight" : "ArrowLeft";
       let v = null;
-      switch (l.key) {
+      switch (o.key) {
         case h:
         case "ArrowDown":
-          v = V[(o + 1) % u];
+          v = V[(l + 1) % p];
           break;
         case x:
         case "ArrowUp":
-          v = V[(o - 1 + u) % u];
+          v = V[(l - 1 + p) % p];
           break;
         case "Home":
           v = V[0];
           break;
         case "End":
-          v = V[u - 1];
+          v = V[p - 1];
           break;
         default:
           return;
       }
-      l.preventDefault(), v && v !== g && n(v), v && c(v);
+      o.preventDefault(), v && v !== g && n(v), v && c(v);
     },
     [c, i, n]
   );
@@ -1195,33 +1206,33 @@ function Rt({ value: e, onChange: n }) {
       role: "radiogroup",
       "aria-label": s("practiceResults.sheet.snap.label"),
       className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]",
-      children: V.map((l) => {
-        const g = e === l;
+      children: V.map((o) => {
+        const g = e === o;
         return /* @__PURE__ */ t(
           "button",
           {
-            ref: (o) => {
-              o ? a.current.set(l, o) : a.current.delete(l);
+            ref: (l) => {
+              l ? a.current.set(o, l) : a.current.delete(o);
             },
             type: "button",
             role: "radio",
             "aria-checked": g,
-            "aria-label": s(`practiceResults.sheet.snap.${l}`),
+            "aria-label": s(`practiceResults.sheet.snap.${o}`),
             tabIndex: g ? 0 : -1,
-            onClick: () => n(l),
-            onKeyDown: (o) => d(o, l),
+            onClick: () => n(o),
+            onKeyDown: (l) => d(l, o),
             className: ee({
               state: g ? "active" : "idle"
             }),
-            children: s(`practiceResults.sheet.snap.${l}`)
+            children: s(`practiceResults.sheet.snap.${o}`)
           },
-          l
+          o
         );
       })
     }
   );
 }
-function wt(e) {
+function kt(e) {
   const {
     results: n,
     apiKey: s,
@@ -1230,22 +1241,22 @@ function wt(e) {
     searchCentre: a,
     onLoadMore: c,
     loadingMore: d,
-    loadingSkeletons: l,
+    loadingSkeletons: o,
     emptyResultsSlot: g,
-    errorSlot: o,
-    error: u,
+    errorSlot: l,
+    error: p,
     onRetry: h,
     highlightedId: x,
     onCardHover: v,
-    onPinClick: p,
+    onPinClick: u,
     consentGranted: f,
     onConsentRequest: y,
     onBoundsChange: N,
     listContainerRef: R,
-    facets: M,
-    value: A,
+    facets: A,
+    value: M,
     onChange: z
-  } = e, { t: T } = C(), [P, q] = pe("half"), U = yt[P], O = et("(min-width: 1024px)"), B = u ? o ?? /* @__PURE__ */ t(ge, { onRetry: h }) : n.length === 0 && !l ? g ?? /* @__PURE__ */ t(he, {}) : /* @__PURE__ */ t(
+  } = e, { t: T } = C(), [P, q] = pe("half"), U = Rt[P], O = et("(min-width: 1024px)"), K = p ? l ?? /* @__PURE__ */ t(ge, { onRetry: h }) : n.length === 0 && !o ? g ?? /* @__PURE__ */ t(he, {}) : /* @__PURE__ */ t(
     me,
     {
       results: n,
@@ -1257,7 +1268,7 @@ function wt(e) {
       formatNextSlot: e.formatNextSlot,
       onLoadMore: c,
       loadingMore: d,
-      loadingSkeletons: l,
+      loadingSkeletons: o,
       density: "compact",
       apiKey: s,
       containerRef: R
@@ -1272,7 +1283,7 @@ function wt(e) {
       mapId: r,
       highlightedId: x,
       onPinClick: (w) => {
-        W(n, w, "pin", e.onResultSelect), p(w);
+        W(n, w, "pin", e.onResultSelect), u(w);
       },
       onPinHover: v,
       onPinFirstInteract: e.onPinFirstInteract,
@@ -1281,12 +1292,12 @@ function wt(e) {
       onConsentRequest: y,
       mapHandleRef: e.mapHandleRef
     }
-  ), ne = M.length > 0 ? /* @__PURE__ */ t("div", { className: "ds:absolute ds:start-[var(--spacing-md)] ds:top-[var(--spacing-md)] ds:max-w-[calc(100%-var(--spacing-lg))]", children: /* @__PURE__ */ t(
+  ), ne = A.length > 0 ? /* @__PURE__ */ t("div", { className: "ds:absolute ds:start-[var(--spacing-md)] ds:top-[var(--spacing-md)] ds:max-w-[calc(100%-var(--spacing-lg))]", children: /* @__PURE__ */ t(
     ze,
     {
-      facets: M,
-      value: A.facets,
-      onChange: (w) => z({ ...A, facets: w }),
+      facets: A,
+      value: M.facets,
+      onChange: (w) => z({ ...M, facets: w }),
       floating: !0
     }
   ) }) : null;
@@ -1312,7 +1323,7 @@ function wt(e) {
       /* @__PURE__ */ t(fe, { variantBodyProps: e }),
       /* @__PURE__ */ m("div", { className: "ds:grid ds:grid-cols-[65fr_35fr] ds:gap-[var(--spacing-lg)] ds:items-start", children: [
         /* @__PURE__ */ t("div", { className: "ds:sticky ds:top-[var(--spacing-md)] ds:h-[44rem]", children: S }),
-        /* @__PURE__ */ t("div", { className: "ds:min-w-0", children: B })
+        /* @__PURE__ */ t("div", { className: "ds:min-w-0", children: K })
       ] })
     ] })
   ) : (
@@ -1351,7 +1362,7 @@ function wt(e) {
                 count: e.totalCount ?? n.length
               }) }),
               /* @__PURE__ */ t(
-                Rt,
+                wt,
                 {
                   value: P,
                   onChange: q
@@ -1361,18 +1372,18 @@ function wt(e) {
             /* @__PURE__ */ t("div", { className: "ds:pb-[var(--spacing-sm)]", children: /* @__PURE__ */ t(
               de,
               {
-                value: A.sort ?? "relevance",
-                onChange: (w) => z({ ...A, sort: w })
+                value: M.sort ?? "relevance",
+                onChange: (w) => z({ ...M, sort: w })
               }
             ) }),
-            B
+            K
           ] })
         }
       ) })
     ] })
   ) });
 }
-function kt(e) {
+function Ct(e) {
   const {
     results: n,
     apiKey: s,
@@ -1381,17 +1392,17 @@ function kt(e) {
     loadingSkeletons: a,
     emptyResultsSlot: c,
     errorSlot: d,
-    error: l,
+    error: o,
     onRetry: g,
-    highlightedId: o,
-    onCardHover: u,
+    highlightedId: l,
+    onCardHover: p,
     listContainerRef: h
-  } = e, x = l ? d ?? /* @__PURE__ */ t(ge, { onRetry: g }) : n.length === 0 && !a ? c ?? /* @__PURE__ */ t(he, {}) : /* @__PURE__ */ t(
+  } = e, x = o ? d ?? /* @__PURE__ */ t(ge, { onRetry: g }) : n.length === 0 && !a ? c ?? /* @__PURE__ */ t(he, {}) : /* @__PURE__ */ t(
     me,
     {
       results: n,
-      highlightedId: o,
-      onCardHover: u,
+      highlightedId: l,
+      onCardHover: p,
       onCardSelect: e.onCardSelect,
       onCardOpenClick: e.onCardOpenClick,
       openLabel: e.openLabel,
@@ -1409,7 +1420,7 @@ function kt(e) {
     x
   ] });
 }
-const Ct = Ze(function({
+const St = Ze(function({
   variant: n = "split-list-map",
   results: s,
   totalCount: r,
@@ -1417,27 +1428,27 @@ const Ct = Ze(function({
   facets: a,
   googleMapsApiKey: c,
   mapId: d,
-  defaultZoom: l = lt,
+  defaultZoom: o = ot,
   onBoundsChange: g,
-  consentGranted: o,
-  onConsentRequest: u,
+  consentGranted: l,
+  onConsentRequest: p,
   skipConsentGate: h = !1,
   onLoadMore: x,
   loadingMore: v,
-  value: p,
+  value: u,
   onChange: f,
   onResultSelect: y,
   loading: N,
   emptyResultsSlot: R,
-  errorSlot: M,
-  error: A,
+  errorSlot: A,
+  error: M,
   onRetry: z,
   heading: T,
   intro: P,
   cardOpenButtonLabel: q,
   "aria-label": U,
   id: O,
-  className: B,
+  className: K,
   ...S
 }, ne) {
   const { t: w, i18n: ve } = C(), [He, Q] = pe(null), X = _(/* @__PURE__ */ new Set()), ae = _(/* @__PURE__ */ new Set()), $e = _(null), se = _(null), ie = D(
@@ -1458,7 +1469,7 @@ const Ct = Ze(function({
     [n]
   );
   Qe(ne, () => ie, [ie]), tt(rt, ie, O);
-  const Le = q ?? w("practiceResults.card.open"), De = K(
+  const Le = q ?? w("practiceResults.card.open"), De = B(
     (b) => {
       if (b.nextAvailableSlot)
         try {
@@ -1479,16 +1490,19 @@ const Ct = Ze(function({
       totalCount: r ?? s.length
     }), X.current = /* @__PURE__ */ new Set(), ae.current = /* @__PURE__ */ new Set());
   }, [n]);
-  const re = _(!1), le = D(() => a ?? [], [a]), oe = p.sort ?? (i ? "distance" : "relevance"), j = D(() => {
-    const b = dt(s, p.facets, le);
-    return ut(b, oe, i);
-  }, [s, p.facets, le, oe, i]);
+  const re = _(!1), oe = D(
+    () => dt(a ?? [], s, u.facets),
+    [a, s, u.facets]
+  ), le = u.sort ?? (i ? "distance" : "relevance"), j = D(() => {
+    const b = ut(s, u.facets, oe);
+    return pt(b, le, i);
+  }, [s, u.facets, oe, le, i]);
   J(() => {
     const b = j.length === 0;
     b && !re.current ? (H("serp_empty_results", {
-      appliedFacets: p.facets ?? {}
+      appliedFacets: u.facets ?? {}
     }), re.current = !0) : b || (re.current = !1);
-  }, [j.length, p.facets]);
+  }, [j.length, u.facets]);
   const E = _(null), xe = _(null);
   J(
     () => () => {
@@ -1496,11 +1510,11 @@ const Ct = Ze(function({
     },
     []
   );
-  const Oe = K((b) => {
+  const Oe = B((b) => {
     Q(b), !X.current.has(b) && (xe.current === b && E.current || (E.current && clearTimeout(E.current), xe.current = b, E.current = setTimeout(() => {
       X.current.has(b) || (X.current.add(b), H("serp_result_hovered_card", { resultId: b })), E.current = null;
     }, 500)));
-  }, []), je = K((b) => {
+  }, []), je = B((b) => {
     Q(b);
     const F = se.current;
     if (!F) return;
@@ -1508,9 +1522,9 @@ const Ct = Ze(function({
       `[data-component="practice-result-card"][data-result-id="${CSS.escape(b)}"]`
     );
     k == null || k.scrollIntoView({ behavior: "smooth", block: "nearest" });
-  }, []), Ke = K((b) => {
+  }, []), Be = B((b) => {
     ae.current.has(b) || (ae.current.add(b), H("serp_result_hovered_pin", { resultId: b }));
-  }, []), ye = _(null), Be = K(
+  }, []), ye = _(null), Ke = B(
     (b) => {
       Q(b);
       const F = j.find((k) => k.id === b);
@@ -1526,7 +1540,7 @@ const Ct = Ze(function({
       }
     },
     [j, y]
-  ), Ee = K(
+  ), Ee = B(
     (b) => {
       W(
         j,
@@ -1540,35 +1554,35 @@ const Ct = Ze(function({
     results: j,
     totalCount: r,
     searchCentre: i,
-    facets: le,
-    value: { ...p, sort: oe },
+    facets: oe,
+    value: { ...u, sort: le },
     onChange: f,
     onResultSelect: y,
     onLoadMore: x,
     loadingMore: v,
     apiKey: c,
     mapId: d,
-    zoom: l,
+    zoom: o,
     // 0.31.4: when `skipConsentGate` is true the kit synthesises
     // `consentGranted=true` for every internal MapView; the consumer's
     // CMP at the page level is responsible for whether the Google Maps
     // loader script is present at all. `onConsentRequest` is dropped
     // because no placeholder renders — nothing to fire it from.
-    consentGranted: h ? !0 : o,
-    onConsentRequest: h ? void 0 : u,
+    consentGranted: h ? !0 : l,
+    onConsentRequest: h ? void 0 : p,
     onBoundsChange: g,
     loadingSkeletons: Ve,
     emptyResultsSlot: R,
-    errorSlot: M,
-    error: A,
+    errorSlot: A,
+    error: M,
     onRetry: z,
     heading: T,
     intro: P,
     highlightedId: He,
     onCardHover: Oe,
     onPinClick: je,
-    onPinFirstInteract: Ke,
-    onCardSelect: Be,
+    onPinFirstInteract: Be,
+    onCardSelect: Ke,
     onCardOpenClick: Ee,
     openLabel: Le,
     formatNextSlot: De,
@@ -1577,12 +1591,12 @@ const Ct = Ze(function({
   }, qe = (() => {
     switch (n) {
       case "map-first":
-        return /* @__PURE__ */ t(wt, { ...ce });
-      case "rich-cards":
         return /* @__PURE__ */ t(kt, { ...ce });
+      case "rich-cards":
+        return /* @__PURE__ */ t(Ct, { ...ce });
       case "split-list-map":
       default:
-        return /* @__PURE__ */ t(xt, { ...ce });
+        return /* @__PURE__ */ t(yt, { ...ce });
     }
   })(), Ue = U ?? w("practiceResults.regionLabel");
   return /* @__PURE__ */ t(
@@ -1595,15 +1609,15 @@ const Ct = Ze(function({
       "data-component": "practice-results",
       "data-component-id": O,
       "data-variant": n,
-      className: pt({ variant: n, className: B }),
+      className: mt({ variant: n, className: K }),
       ...S,
       children: qe
     }
   );
 });
-Ct.displayName = "PracticeResults";
+St.displayName = "PracticeResults";
 export {
-  Ct as P,
+  St as P,
   rt as p
 };
-//# sourceMappingURL=practice-results-DWUZRm2x.js.map
+//# sourceMappingURL=practice-results-F_Rf7c4H.js.map