@alfadocs/ui-kit-debug 1.39.0 → 1.41.0

package/dist/_chunks/{panel-subview-Cc2Wtt7D.js → panel-subview-PMBRPFOa.js}

@@ -1,24 +1,15 @@
-import { jsxs as P, jsx as o, Fragment as M } from "react/jsx-runtime";
-import { forwardRef as I, useId as T, useRef as m, useCallback as V, useEffect as E } from "react";
+import { jsxs as P, jsx as o, Fragment as V } from "react/jsx-runtime";
+import { forwardRef as j, useId as z, useRef as m, useCallback as B, useEffect as E } from "react";
 import { c as b } from "./index-D2ZczOXr.js";
-import { I as _ } from "./icon-button-CehAeZoP.js";
-import { P as B } from "./panel-header-D_mTdhUp.js";
-import { S as D } from "./scroll-area-BZOvUhwQ.js";
-import { u as k } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as q } from "./use-presence-transition-cDwWUXV-.js";
-import { c as K } from "./createLucideIcon-DhHxpK9K.js";
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const U = [
-  ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
-  ["path", { d: "M19 12H5", key: "x3x0zl" }]
-], G = K("arrow-left", U), J = b(
+import { I as D } from "./icon-button-CehAeZoP.js";
+import { P as M } from "./panel-header-D_mTdhUp.js";
+import { S as q } from "./scroll-area-BZOvUhwQ.js";
+import { u as S } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as K } from "./use-presence-transition-cDwWUXV-.js";
+import { A as U } from "./arrow-left-BfaGqVam.js";
+const _ = b(
   "ds:relative ds:flex ds:h-full ds:min-h-0 ds:flex-col ds:overflow-hidden"
-), Q = b(
+), G = b(
   [
     "ds:absolute ds:inset-0 ds:z-[2] ds:flex ds:min-h-0 ds:flex-col",
     "ds:bg-[var(--background)] ds:focus-visible:outline-none",
@@ -31,50 +22,50 @@ const U = [
     "ds:rtl:data-[presence=entering]:-translate-x-full ds:rtl:data-[presence=leaving]:-translate-x-full",
     "ds:data-[presence=leaving]:pointer-events-none"
   ].join(" ")
-), W = '[role="combobox"][aria-expanded="true"], [aria-haspopup][aria-expanded="true"]', X = b(
+), J = '[role="combobox"][aria-expanded="true"], [aria-haspopup][aria-expanded="true"]', Q = b(
   [
     "ds:flex ds:shrink-0 ds:items-center ds:justify-end",
     "ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]",
     "ds:border-t ds:border-[color:var(--border)]"
   ].join(" ")
-), N = I(
-  ({ className: t, children: i, ...p }, d) => /* @__PURE__ */ o(
+), A = j(
+  ({ className: t, children: i, ...p }, c) => /* @__PURE__ */ o(
     "div",
     {
-      ref: d,
+      ref: c,
       "data-component": "panel-subview-host",
-      className: [J(), t].filter(Boolean).join(" "),
+      className: [_(), t].filter(Boolean).join(" "),
       ...p,
       children: i
     }
   )
 );
-N.displayName = "PanelSubview.Host";
-const S = I(
+A.displayName = "PanelSubview.Host";
+const I = j(
   ({
     open: t,
     onBack: i,
     title: p,
-    backLabel: d,
-    icon: j,
-    headingLevel: A,
+    backLabel: c,
+    icon: N,
+    headingLevel: k,
     headerActions: H,
     footer: h,
     onExited: L,
     initialFocusRef: l,
     className: O,
     children: R,
-    ...z
-  }, c) => {
-    const g = T(), s = q(t, { onExited: L }), u = m(null), v = m(null), x = m(i);
-    x.current = i;
-    const { ref: y } = s, C = V(
+    ...C
+  }, d) => {
+    const g = z(), s = K(t, { onExited: L }), u = m(null), v = m(null), w = m(i);
+    w.current = i;
+    const { ref: x } = s, T = B(
       (e) => {
-        u.current = e, y(e), typeof c == "function" ? c(e) : c && (c.current = e);
+        u.current = e, x(e), typeof d == "function" ? d(e) : d && (d.current = e);
       },
-      [y, c]
-    ), w = m(t);
-    t && !w.current && typeof document < "u" && (v.current = document.activeElement instanceof HTMLElement ? document.activeElement : null), w.current = t, k(() => {
+      [x, d]
+    ), y = m(t);
+    t && !y.current && typeof document < "u" && (v.current = document.activeElement instanceof HTMLElement ? document.activeElement : null), y.current = t, S(() => {
       const e = u.current, n = e == null ? void 0 : e.parentElement;
       if (!t || !e || !n) return;
       const r = Array.from(n.children).filter(
@@ -85,7 +76,7 @@ const S = I(
       };
     }, [t, s.mounted, l]);
     const f = !t;
-    return k(() => {
+    return S(() => {
       const e = u.current;
       if (!e) return;
       const n = document.activeElement;
@@ -100,40 +91,40 @@ const S = I(
       const e = u.current;
       if (!t || !e) return;
       const n = (r) => {
-        r.key === "Escape" && (r.stopPropagation(), !(r.defaultPrevented && e.querySelector(W)) && (r.preventDefault(), x.current()));
+        r.key === "Escape" && (r.stopPropagation(), !(r.defaultPrevented && e.querySelector(J)) && (r.preventDefault(), w.current()));
       };
       return e.addEventListener("keydown", n), () => e.removeEventListener("keydown", n);
     }, [t, s.mounted]), s.mounted ? /* @__PURE__ */ P(
       "section",
       {
-        ...z,
-        ref: C,
+        ...C,
+        ref: T,
         tabIndex: -1,
         "aria-labelledby": g,
         "aria-hidden": f || void 0,
         "data-component": "panel-subview",
         "data-presence": s.phase,
-        className: [Q(), O].filter(Boolean).join(" "),
+        className: [G(), O].filter(Boolean).join(" "),
         children: [
           /* @__PURE__ */ o(
-            B,
+            M,
             {
-              icon: j,
+              icon: N,
               title: p,
               headingId: g,
-              headingLevel: A,
+              headingLevel: k,
               sticky: !0,
               divider: !0,
-              actions: /* @__PURE__ */ P(M, { children: [
+              actions: /* @__PURE__ */ P(V, { children: [
                 /* @__PURE__ */ o(
-                  _,
+                  D,
                   {
-                    icon: /* @__PURE__ */ o(G, { "aria-hidden": "true" }),
+                    icon: /* @__PURE__ */ o(U, { "aria-hidden": "true" }),
                     intent: "ghost",
                     size: "sm",
                     flipIconInRtl: !0,
-                    "aria-label": d,
-                    tooltip: d,
+                    "aria-label": c,
+                    tooltip: c,
                     "data-panel-subview-back": "",
                     onClick: i
                   }
@@ -142,19 +133,18 @@ const S = I(
               ] })
             }
           ),
-          /* @__PURE__ */ o(D, { orientation: "vertical", className: "ds:min-h-0 ds:flex-1", children: R }),
-          h ? /* @__PURE__ */ o("div", { "data-panel-subview-footer": "", className: X(), children: h }) : null
+          /* @__PURE__ */ o(q, { orientation: "vertical", className: "ds:min-h-0 ds:flex-1", children: R }),
+          h ? /* @__PURE__ */ o("div", { "data-panel-subview-footer": "", className: Q(), children: h }) : null
         ]
       }
     ) : null;
   }
 );
-S.displayName = "PanelSubview";
-const ae = Object.assign(S, {
-  Host: N
+I.displayName = "PanelSubview";
+const re = Object.assign(I, {
+  Host: A
 });
 export {
-  G as A,
-  ae as P
+  re as P
 };
-//# sourceMappingURL=panel-subview-Cc2Wtt7D.js.map
+//# sourceMappingURL=panel-subview-PMBRPFOa.js.map

package/dist/_chunks/panel-subview-PMBRPFOa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-subview-PMBRPFOa.js","sources":["../../src/components/panel-subview/panel-subview.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  type HTMLAttributes,\n  type ReactNode,\n  type RefObject,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { ArrowLeft } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { PanelHeader } from '../panel-header/panel-header';\nimport { ScrollArea } from '../scroll-area/scroll-area';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { usePresenceTransition } from '../../hooks/use-presence-transition';\n\n/* -------------------------------------------------------------------- */\n/* PanelSubview                                                          */\n/*                                                                        */\n/* A panel inside a panel: a second view that slides over a rail panel's  */\n/* own body and hands it back. An edit form, a history, a detail drilled  */\n/* into from a list. The panel underneath stays mounted, so its scroll    */\n/* position and state are there when the reader comes back.               */\n/*                                                                        */\n/* Use it instead of a Dialog when the task belongs to the panel. A modal */\n/* blanks out the calendar the rail sits beside, and the list the item    */\n/* came from; a subview covers only the panel.                            */\n/*                                                                        */\n/* It exists because the shape was being hand-built per tool: a view      */\n/* flag, a PanelHeader with a back arrow, a scroll body, a pinned footer, */\n/* and focus moved by hand. Hand-built, none of them animated and each    */\n/* forgot a different part of the focus contract.                         */\n/*                                                                        */\n/* The host must be a positioned, clipped box. Wrap the panel in          */\n/* `PanelSubview.Host` and render the subview as its LAST child.          */\n/* -------------------------------------------------------------------- */\n\nconst hostVariants = cva(\n  'ds:relative ds:flex ds:h-full ds:min-h-0 ds:flex-col ds:overflow-hidden',\n);\n\nconst subviewVariants = cva(\n  [\n    'ds:absolute ds:inset-0 ds:z-[2] ds:flex ds:min-h-0 ds:flex-col',\n    'ds:bg-[var(--background)] ds:focus-visible:outline-none',\n    // Slides in from the inline end, and back out the same way. Declared at\n    // rest so both directions have a value to move from.\n    'ds:transition-[opacity,translate] ds:duration-[var(--animation-duration)]',\n    'ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none',\n    'ds:data-[presence=entering]:opacity-0 ds:data-[presence=leaving]:opacity-0',\n    'ds:data-[presence=entering]:translate-x-full ds:data-[presence=leaving]:translate-x-full',\n    'ds:rtl:data-[presence=entering]:-translate-x-full ds:rtl:data-[presence=leaving]:-translate-x-full',\n    'ds:data-[presence=leaving]:pointer-events-none',\n  ].join(' '),\n);\n\n/* A control inside the subview whose popup is showing right now. */\nconst OPEN_POPUP =\n  '[role=\"combobox\"][aria-expanded=\"true\"], [aria-haspopup][aria-expanded=\"true\"]';\n\nconst footerVariants = cva(\n  [\n    'ds:flex ds:shrink-0 ds:items-center ds:justify-end',\n    'ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]',\n    'ds:border-t ds:border-[color:var(--border)]',\n  ].join(' '),\n);\n\n/* -------------------------------------------------------------------- */\n/* Host                                                                   */\n/* -------------------------------------------------------------------- */\n\nexport type PanelSubviewHostProps = HTMLAttributes<HTMLDivElement>;\n\n/** The positioned, clipped box a subview slides inside. Fills its parent. */\nconst PanelSubviewHost = forwardRef<HTMLDivElement, PanelSubviewHostProps>(\n  ({ className, children, ...rest }, ref) => (\n    <div\n      ref={ref}\n      data-component=\"panel-subview-host\"\n      className={[hostVariants(), className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      {children}\n    </div>\n  ),\n);\nPanelSubviewHost.displayName = 'PanelSubview.Host';\n\n/* -------------------------------------------------------------------- */\n/* Subview                                                                */\n/* -------------------------------------------------------------------- */\n\nexport interface PanelSubviewProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'title'\n> {\n  /** Whether the subview is showing. It animates in and out around this. */\n  open: boolean;\n  /** Fires from the back button and from Escape. Set `open` false in reply. */\n  onBack: () => void;\n  /** The subview's heading. Already translated upstream. */\n  title: ReactNode;\n  /** Accessible name and tooltip of the back button. Already translated. */\n  backLabel: string;\n  /** Optional leading glyph for the heading. */\n  icon?: ReactNode;\n  /** Heading level. Default `2`; pass `3` to read as subordinate to the host. */\n  headingLevel?: 2 | 3;\n  /** Extra header actions, rendered after the back button. */\n  headerActions?: ReactNode;\n  /** Pinned below the scroll body: the form's cancel and save, typically. */\n  footer?: ReactNode;\n  /** Fires once the exit has played and the subview has unmounted. */\n  onExited?: () => void;\n  /**\n   * Focus this on open instead of the subview itself: a form's first field,\n   * say. The subview is still announced through its heading.\n   */\n  initialFocusRef?: RefObject<HTMLElement | null>;\n  children: ReactNode;\n}\n\nconst PanelSubviewRoot = forwardRef<HTMLElement, PanelSubviewProps>(\n  (\n    {\n      open,\n      onBack,\n      title,\n      backLabel,\n      icon,\n      headingLevel,\n      headerActions,\n      footer,\n      onExited,\n      initialFocusRef,\n      className,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    const headingId = useId();\n    const presence = usePresenceTransition<HTMLElement>(open, { onExited });\n    const nodeRef = useRef<HTMLElement | null>(null);\n    const returnFocusRef = useRef<HTMLElement | null>(null);\n    const onBackRef = useRef(onBack);\n    onBackRef.current = onBack;\n\n    const { ref: presenceRef } = presence;\n    const setNode = useCallback(\n      (node: HTMLElement | null) => {\n        nodeRef.current = node;\n        presenceRef(node);\n        if (typeof ref === 'function') ref(node);\n        else if (ref) ref.current = node;\n      },\n      [presenceRef, ref],\n    );\n\n    // Remember where focus was BEFORE the subview takes it, during render of\n    // the opening pass, so the trigger is still the active element.\n    const wasOpenRef = useRef(open);\n    if (open && !wasOpenRef.current && typeof document !== 'undefined') {\n      returnFocusRef.current =\n        document.activeElement instanceof HTMLElement\n          ? document.activeElement\n          : null;\n    }\n    wasOpenRef.current = open;\n\n    /* The panel underneath is covered, so it leaves the tab order and the\n       accessibility tree for as long as the subview is open. */\n    useIsomorphicLayoutEffect(() => {\n      const node = nodeRef.current;\n      const parent = node?.parentElement;\n      if (!open || !node || !parent) return undefined;\n      const covered = Array.from(parent.children).filter(\n        (child) => child !== node && !child.hasAttribute('inert'),\n      );\n      covered.forEach((child) => child.setAttribute('inert', ''));\n      // `preventScroll`: the subview is still off to the side at this point,\n      // and a clipped Host would otherwise scroll sideways to reveal it.\n      (initialFocusRef?.current ?? node).focus({ preventScroll: true });\n      return () => {\n        covered.forEach((child) => child.removeAttribute('inert'));\n      };\n    }, [open, presence.mounted, initialFocusRef]);\n\n    /* A leaving subview is already closed to the user: `aria-hidden` alone\n       would leave its controls focusable, so it goes `inert` while it fades.\n       Set on the node, not as a prop: React 18 has no boolean for it. */\n    const leaving = !open;\n    useIsomorphicLayoutEffect(() => {\n      const node = nodeRef.current;\n      if (!node) return;\n      // Blur first: nothing focused may sit inside a hidden subtree, even for\n      // the moment before the passive effect below hands focus back.\n      const active = document.activeElement;\n      if (leaving && active instanceof HTMLElement && node.contains(active)) {\n        active.blur();\n      }\n      node.toggleAttribute('inert', leaving);\n    }, [leaving, presence.mounted]);\n\n    /* Hand focus back to whatever opened the subview. A PASSIVE effect: React\n       restores the pre-commit focus at the end of a commit, so a return made\n       from a layout cleanup is overwritten by the closing subview itself. */\n    useEffect(() => {\n      if (!open) return undefined;\n      return () => {\n        const target = returnFocusRef.current;\n        returnFocusRef.current = null;\n        if (target?.isConnected) target.focus();\n      };\n    }, [open]);\n\n    /* Escape goes back one level. A NATIVE listener: the rail collapses on\n       Escape through its own native listener further up, and only a native\n       stopPropagation here keeps one key press from doing both. */\n    useEffect(() => {\n      const node = nodeRef.current;\n      if (!open || !node) return undefined;\n      const onKeyDown = (event: KeyboardEvent) => {\n        if (event.key !== 'Escape') return;\n        // Spent here either way: a key pressed inside never collapses the rail.\n        event.stopPropagation();\n        /* An OPEN popup inside took the key to close itself. A closed,\n           force-mounted one (Combobox) prevents default too, so ask the DOM. */\n        if (event.defaultPrevented && node.querySelector(OPEN_POPUP)) return;\n        event.preventDefault();\n        onBackRef.current();\n      };\n      node.addEventListener('keydown', onKeyDown);\n      return () => node.removeEventListener('keydown', onKeyDown);\n    }, [open, presence.mounted]);\n\n    if (!presence.mounted) return null;\n\n    return (\n      <section\n        {...rest}\n        ref={setNode}\n        tabIndex={-1}\n        aria-labelledby={headingId}\n        aria-hidden={leaving || undefined}\n        data-component=\"panel-subview\"\n        data-presence={presence.phase}\n        className={[subviewVariants(), className].filter(Boolean).join(' ')}\n      >\n        <PanelHeader\n          icon={icon}\n          title={title}\n          headingId={headingId}\n          headingLevel={headingLevel}\n          sticky\n          divider\n          actions={\n            <>\n              <IconButton\n                icon={<ArrowLeft aria-hidden=\"true\" />}\n                intent=\"ghost\"\n                size=\"sm\"\n                flipIconInRtl\n                aria-label={backLabel}\n                tooltip={backLabel}\n                data-panel-subview-back=\"\"\n                onClick={onBack}\n              />\n              {headerActions}\n            </>\n          }\n        />\n        <ScrollArea orientation=\"vertical\" className=\"ds:min-h-0 ds:flex-1\">\n          {children}\n        </ScrollArea>\n        {footer ? (\n          <div data-panel-subview-footer=\"\" className={footerVariants()}>\n            {footer}\n          </div>\n        ) : null}\n      </section>\n    );\n  },\n);\nPanelSubviewRoot.displayName = 'PanelSubview';\n\nexport const PanelSubview = Object.assign(PanelSubviewRoot, {\n  Host: PanelSubviewHost,\n});\n"],"names":["hostVariants","cva","subviewVariants","OPEN_POPUP","footerVariants","PanelSubviewHost","forwardRef","className","children","rest","ref","jsx","PanelSubviewRoot","open","onBack","title","backLabel","icon","headingLevel","headerActions","footer","onExited","initialFocusRef","headingId","useId","presence","usePresenceTransition","nodeRef","useRef","returnFocusRef","onBackRef","presenceRef","setNode","useCallback","node","wasOpenRef","useIsomorphicLayoutEffect","parent","covered","child","leaving","active","useEffect","target","onKeyDown","event","jsxs","PanelHeader","Fragment","IconButton","ArrowLeft","ScrollArea","PanelSubview"],"mappings":"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"}

package/dist/_chunks/{practice-results-D_jjzwgf.js → practice-results-D11Zpt27.js}

@@ -1,20 +1,20 @@
 import { jsx as t, jsxs as p, Fragment as tt } from "react/jsx-runtime";
-import { forwardRef as nt, useState as me, useRef as M, useMemo as B, useImperativeHandle as at, useCallback as D, useEffect as W } from "react";
+import { forwardRef as nt, useState as me, useRef as M, useMemo as B, useImperativeHandle as at, useCallback as O, useEffect as W } from "react";
 import { c as j } from "./index-D2ZczOXr.js";
 import { useTranslation as C } from "react-i18next";
 import { A as Y } from "./alert-CiQ5Pa3Q.js";
 import { A as Re } from "./avatar-CkDeQOSI.js";
 import { B as ee } from "./button-CaUe1uyd.js";
-import { D as $ } from "./dropdown-menu-DU-Hrf33.js";
+import { D } from "./dropdown-menu-DU-Hrf33.js";
 import { E as st } from "./empty-state-BUN_UAWf.js";
 import { M as it } from "./map-view-CHw4RL6w.js";
 import { R as Ne } from "./rating-BYbUowdK.js";
 import { S as I } from "./sheet-C8WIDFS8.js";
 import { S as rt } from "./skeleton-B1KTdJ4N.js";
 import { S as ot } from "./spinner-hbwuKwMf.js";
-import { B as O } from "./badge-BudgzTe_.js";
+import { B as $ } from "./badge-BudgzTe_.js";
 import { u as ct } from "./use-media-query-CcAx5SMM.js";
-import { a as lt } from "./format-price-BkMEbeW3.js";
+import { b as lt } from "./format-price-DAbh61Lz.js";
 import { u as dt } from "./registry-DvAUVLHh.js";
 import { c as ut } from "./createLucideIcon-DhHxpK9K.js";
 import { R as pt } from "./refresh-cw-DnI0cLFC.js";
@@ -353,8 +353,8 @@ function Te({
               o.key
             );
           const b = x ? ` (${f.length})` : "";
-          return /* @__PURE__ */ p($.Root, { children: [
-            /* @__PURE__ */ t($.Trigger, { asChild: !0, children: /* @__PURE__ */ p(
+          return /* @__PURE__ */ p(D.Root, { children: [
+            /* @__PURE__ */ t(D.Trigger, { asChild: !0, children: /* @__PURE__ */ p(
               "button",
               {
                 type: "button",
@@ -377,8 +377,8 @@ function Te({
                 ]
               }
             ) }),
-            /* @__PURE__ */ t($.Content, { sideOffset: 8, align: "start", children: o.options.map((y) => /* @__PURE__ */ t(
-              $.CheckboxItem,
+            /* @__PURE__ */ t(D.Content, { sideOffset: 8, align: "start", children: o.options.map((y) => /* @__PURE__ */ t(
+              D.CheckboxItem,
               {
                 checked: f.includes(y.value),
                 onSelect: (h) => {
@@ -419,8 +419,8 @@ function ue({ value: e, onChange: n }) {
         return s("practiceResults.sort.relevance");
     }
   };
-  return /* @__PURE__ */ p($.Root, { children: [
-    /* @__PURE__ */ t($.Trigger, { asChild: !0, children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ p(D.Root, { children: [
+    /* @__PURE__ */ t(D.Trigger, { asChild: !0, children: /* @__PURE__ */ p(
       "button",
       {
         type: "button",
@@ -436,15 +436,15 @@ function ue({ value: e, onChange: n }) {
         ]
       }
     ) }),
-    /* @__PURE__ */ t($.Content, { sideOffset: 8, align: "end", children: /* @__PURE__ */ t(
-      $.RadioGroup,
+    /* @__PURE__ */ t(D.Content, { sideOffset: 8, align: "end", children: /* @__PURE__ */ t(
+      D.RadioGroup,
       {
         value: e,
         onValueChange: (i) => {
           const a = i;
           a !== e && (n(a), L("serp_sort_changed", { sort: a }));
         },
-        children: xt.map((i) => /* @__PURE__ */ t($.RadioItem, { value: i, children: r(i) }, i))
+        children: xt.map((i) => /* @__PURE__ */ t(D.RadioItem, { value: i, children: r(i) }, i))
       }
     ) })
   ] });
@@ -457,7 +457,7 @@ function ze({ distanceKm: e }) {
     }).format(e);
     return n("practiceResults.distance.km", { distance: i });
   }, [e, n, s.language]);
-  return /* @__PURE__ */ t(O, { variant: "neutral", leading: /* @__PURE__ */ t(ne, { "aria-hidden": "true" }), children: r });
+  return /* @__PURE__ */ t($, { variant: "neutral", leading: /* @__PURE__ */ t(ne, { "aria-hidden": "true" }), children: r });
 }
 const we = j(
   [
@@ -556,8 +556,13 @@ function Be({
   currencyCode: n = "EUR"
 }) {
   const { t: s, i18n: r } = C(), i = B(
-    () => e == null ? void 0 : lt(e, n, r.language ?? "en"),
-    [e, n, r.language]
+    () => e == null ? void 0 : lt(
+      e,
+      n,
+      r.language ?? "en",
+      s("common.freeOfCharge")
+    ),
+    [e, n, r.language, s]
   );
   return i === void 0 ? null : /* @__PURE__ */ p(
     "span",
@@ -592,7 +597,7 @@ function He({ time: e }) {
     n("practiceResults.nextSlot.summary", { time: e })
   ] });
 }
-function De({
+function Oe({
   result: e,
   openLabel: n,
   bookLabel: s,
@@ -645,7 +650,7 @@ function De({
     )
   ] });
 }
-const $e = j(
+const De = j(
   [
     "ds:relative ds:flex ds:w-full ds:cursor-pointer",
     "ds:rounded-[var(--radius-lg)]",
@@ -704,7 +709,7 @@ function _t({
         onClick: s,
         onMouseEnter: i,
         onFocus: i,
-        className: $e({ density: a }),
+        className: De({ density: a }),
         children: [
           /* @__PURE__ */ t(Re, { src: e.imageUrl, name: e.name, size: "lg" }),
           /* @__PURE__ */ p("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
@@ -737,7 +742,7 @@ function _t({
             ) : null,
             N ? /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
               w.map((k) => /* @__PURE__ */ t(
-                O,
+                $,
                 {
                   variant: "neutral",
                   leading: /* @__PURE__ */ t(Pe, { "aria-hidden": "true" }),
@@ -745,9 +750,9 @@ function _t({
                 },
                 `lang-${k}`
               )),
-              _ > 0 ? /* @__PURE__ */ t(O, { variant: "neutral", children: `+${_}` }) : null,
+              _ > 0 ? /* @__PURE__ */ t($, { variant: "neutral", children: `+${_}` }) : null,
               T.map((k) => /* @__PURE__ */ t(
-                O,
+                $,
                 {
                   variant: "info",
                   leading: /* @__PURE__ */ t(Ae, { "aria-hidden": "true" }),
@@ -755,8 +760,8 @@ function _t({
                 },
                 `ins-${k}`
               )),
-              A > 0 ? /* @__PURE__ */ t(O, { variant: "neutral", children: `+${A}` }) : null,
-              P ? /* @__PURE__ */ t(O, { variant: "info", leading: /* @__PURE__ */ t(Me, { "aria-hidden": "true" }), children: x("practiceResults.fearPatient.label") }) : null
+              A > 0 ? /* @__PURE__ */ t($, { variant: "neutral", children: `+${A}` }) : null,
+              P ? /* @__PURE__ */ t($, { variant: "info", leading: /* @__PURE__ */ t(Me, { "aria-hidden": "true" }), children: x("practiceResults.fearPatient.label") }) : null
             ] }) : null,
             /* @__PURE__ */ t(Le, { description: e.description, density: "compact" }),
             /* @__PURE__ */ t(
@@ -769,7 +774,7 @@ function _t({
             e.nextAvailableSlot && u ? /* @__PURE__ */ t(He, { time: u }) : null,
             f,
             /* @__PURE__ */ t(
-              De,
+              Oe,
               {
                 result: e,
                 openLabel: l,
@@ -823,7 +828,7 @@ function Tt({
         onClick: r,
         onMouseEnter: l,
         onFocus: l,
-        className: $e({ density: "rich" }),
+        className: De({ density: "rich" }),
         children: [
           e.location ? /* @__PURE__ */ t(
             Mt,
@@ -875,7 +880,7 @@ function Tt({
             ] }),
             y ? /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
               f ? (e.languages ?? []).map((w) => /* @__PURE__ */ t(
-                O,
+                $,
                 {
                   variant: "neutral",
                   leading: /* @__PURE__ */ t(Pe, { "aria-hidden": "true" }),
@@ -884,7 +889,7 @@ function Tt({
                 `lang-${w}`
               )) : null,
               x ? (e.insurances ?? []).map((w) => /* @__PURE__ */ t(
-                O,
+                $,
                 {
                   variant: "info",
                   leading: /* @__PURE__ */ t(Ae, { "aria-hidden": "true" }),
@@ -892,7 +897,7 @@ function Tt({
                 },
                 `ins-${w}`
               )) : null,
-              b ? /* @__PURE__ */ t(O, { variant: "info", leading: /* @__PURE__ */ t(Me, { "aria-hidden": "true" }), children: u("practiceResults.fearPatient.label") }) : null
+              b ? /* @__PURE__ */ t($, { variant: "info", leading: /* @__PURE__ */ t(Me, { "aria-hidden": "true" }), children: u("practiceResults.fearPatient.label") }) : null
             ] }) : null,
             /* @__PURE__ */ t(Le, { description: e.description, density: "rich" }),
             /* @__PURE__ */ t(
@@ -904,7 +909,7 @@ function Tt({
             ),
             e.nextAvailableSlot && m ? /* @__PURE__ */ t(He, { time: m }) : null,
             /* @__PURE__ */ t(
-              De,
+              Oe,
               {
                 result: e,
                 openLabel: d,
@@ -1270,10 +1275,10 @@ const Ft = {
 function Lt({ value: e, onChange: n }) {
   const { t: s, i18n: r } = C(), i = r.dir() === "rtl", a = M(
     /* @__PURE__ */ new Map()
-  ), l = D((c) => {
+  ), l = O((c) => {
     var u;
     (u = a.current.get(c)) == null || u.focus();
-  }, []), d = D(
+  }, []), d = O(
     (c, u) => {
       const o = E.indexOf(u), m = E.length, f = i ? "ArrowLeft" : "ArrowRight", x = i ? "ArrowRight" : "ArrowLeft";
       let b = null;
@@ -1523,7 +1528,7 @@ function Ht(e) {
     x
   ] });
 }
-const Dt = nt(function({
+const Ot = nt(function({
   variant: n = "split-list-map",
   results: s,
   totalCount: r,
@@ -1555,7 +1560,7 @@ const Dt = nt(function({
   id: H,
   className: Z,
   ...k
-}, Oe) {
+}, $e) {
   const { t: ae, i18n: be } = C(), [Ve, J] = me(null), X = M(/* @__PURE__ */ new Set()), se = M(/* @__PURE__ */ new Set()), Ke = M(null), ie = M(null), re = B(
     () => ({
       getVariant: () => n,
@@ -1573,8 +1578,8 @@ const Dt = nt(function({
     }),
     [n]
   );
-  at(Oe, () => re, [re]), dt(bt, re, H);
-  const Ee = G ? q ?? ae("practiceResults.card.open") : void 0, je = U ?? ae("practiceResults.card.book"), qe = D(
+  at($e, () => re, [re]), dt(bt, re, H);
+  const Ee = G ? q ?? ae("practiceResults.card.open") : void 0, je = U ?? ae("practiceResults.card.book"), qe = O(
     (v) => {
       if (v.nextAvailableSlot)
         try {
@@ -1615,11 +1620,11 @@ const Dt = nt(function({
     },
     []
   );
-  const Ue = D((v) => {
+  const Ue = O((v) => {
     J(v), !X.current.has(v) && (xe.current === v && K.current || (K.current && clearTimeout(K.current), xe.current = v, K.current = setTimeout(() => {
       X.current.has(v) || (X.current.add(v), L("serp_result_hovered_card", { resultId: v })), K.current = null;
     }, 500)));
-  }, []), Ge = D((v) => {
+  }, []), Ge = O((v) => {
     J(v);
     const F = ie.current;
     if (!F) return;
@@ -1627,9 +1632,9 @@ const Dt = nt(function({
       `[data-component="practice-result-card"][data-result-id="${CSS.escape(v)}"]`
     );
     S == null || S.scrollIntoView({ behavior: "smooth", block: "nearest" });
-  }, []), Ze = D((v) => {
+  }, []), Ze = O((v) => {
     se.current.has(v) || (se.current.add(v), L("serp_result_hovered_pin", { resultId: v }));
-  }, []), ke = M(null), Qe = D(
+  }, []), ke = M(null), Qe = O(
     (v) => {
       J(v);
       const F = z.find((S) => S.id === v);
@@ -1645,7 +1650,7 @@ const Dt = nt(function({
       }
     },
     [z, g]
-  ), Je = D(
+  ), Je = O(
     (v) => {
       Q(
         z,
@@ -1655,7 +1660,7 @@ const Dt = nt(function({
       );
     },
     [z, g]
-  ), We = D(
+  ), We = O(
     (v) => {
       Q(
         z,
@@ -1732,9 +1737,9 @@ const Dt = nt(function({
     }
   );
 });
-Dt.displayName = "PracticeResults";
+Ot.displayName = "PracticeResults";
 export {
-  Dt as P,
+  Ot as P,
   bt as p
 };
-//# sourceMappingURL=practice-results-D_jjzwgf.js.map
+//# sourceMappingURL=practice-results-D11Zpt27.js.map