@alfadocs/ui-kit 0.30.5 → 0.31.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "0.30.5",
+  "version": "0.31.2",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",
@@ -311,6 +311,10 @@
       "types": "./dist/components/patient-search/index.d.ts",
       "import": "./dist/components/patient-search/index.js"
     },
+    "./practice-results": {
+      "types": "./dist/components/practice-results/index.d.ts",
+      "import": "./dist/components/practice-results/index.js"
+    },
     "./payment-form": {
       "types": "./dist/components/payment-form/index.d.ts",
       "import": "./dist/components/payment-form/index.js"
@@ -701,7 +705,6 @@
     }
   },
   "dependencies": {
-    "@alfadocs/ui-kit": "^0.17.1",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-aspect-ratio": "^1.1.8",

package/dist/_chunks/audio-visualiser-I-T4Z7EU.js

@@ -1,145 +0,0 @@
-import { jsxs as C, jsx as S } from "react/jsx-runtime";
-import { forwardRef as U, useRef as i, useState as _, useEffect as b, useMemo as $, useId as G } from "react";
-import { c as H } from "./index-D2ZczOXr.js";
-import { useTranslation as J } from "react-i18next";
-const K = H(
-  [
-    "ds:relative ds:inline-flex ds:items-end ds:justify-center",
-    // 2px gap is a visual-tuning value (sub-token): the bars need a pixel
-    // comma between them that would look like padding at --spacing-xs (4px).
-    "ds:gap-[2px]",
-    "ds:rounded-[var(--radius-sm)]",
-    "ds:bg-transparent",
-    "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:h-6 ds:min-w-[120px] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
-        md: "ds:h-10 ds:min-w-[160px] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
-        lg: "ds:h-14 ds:min-w-[220px] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), O = U(
-  ({
-    stream: p,
-    size: T = "md",
-    barCount: t = 32,
-    deviceName: A,
-    label: V,
-    className: k,
-    ...q
-  }, B) => {
-    const { t: M } = J(), o = i([]), c = i(null), f = i(null), l = i(null), h = i(null), v = i(null), [R, j] = _(!1);
-    b(() => {
-      var n;
-      if (typeof window > "u") return;
-      const e = window.matchMedia("(prefers-reduced-motion: reduce)");
-      j(e.matches);
-      const r = () => j(e.matches);
-      return (n = e.addEventListener) == null || n.call(e, "change", r), () => {
-        var d;
-        return (d = e.removeEventListener) == null ? void 0 : d.call(e, "change", r);
-      };
-    }, []), b(() => {
-      if (!p) {
-        o.current.forEach((s) => {
-          s == null || s.style.setProperty("--bar-height", "10%");
-        });
-        return;
-      }
-      const e = window.AudioContext || window.webkitAudioContext;
-      if (!e) return;
-      const r = new e(), n = r.createAnalyser();
-      n.fftSize = 256;
-      const d = r.createMediaStreamSource(p);
-      d.connect(n), f.current = r, l.current = n, h.current = d, v.current = new Uint8Array(n.frequencyBinCount);
-      let z = 0;
-      const x = (s) => {
-        var E;
-        if (R && s - z < 250) {
-          c.current = requestAnimationFrame(x);
-          return;
-        }
-        z = s;
-        const a = v.current, u = l.current;
-        if (!a || !u) return;
-        u.getByteFrequencyData(
-          a
-        );
-        const y = Math.max(1, Math.floor(a.length / t));
-        for (let m = 0; m < t; m += 1) {
-          let L = 0;
-          for (let w = 0; w < y; w += 1)
-            L += a[m * y + w] ?? 0;
-          const D = L / y, I = Math.max(8, Math.min(100, D / 255 * 100));
-          (E = o.current[m]) == null || E.style.setProperty("--bar-height", `${I}%`);
-        }
-        c.current = requestAnimationFrame(x);
-      };
-      return c.current = requestAnimationFrame(x), () => {
-        var s, a, u;
-        c.current !== null && cancelAnimationFrame(c.current), c.current = null;
-        try {
-          (s = h.current) == null || s.disconnect();
-        } catch {
-        }
-        try {
-          (a = l.current) == null || a.disconnect();
-        } catch {
-        }
-        (u = f.current) == null || u.close().catch(() => {
-        }), f.current = null, l.current = null, h.current = null, v.current = null;
-      };
-    }, [p, t, R]);
-    const N = $(() => Array.from({ length: t }), [t]);
-    b(() => {
-      o.current.length > t && (o.current.length = t);
-    }, [t]);
-    const P = V ?? M("chat.audio.visualiserLabel"), g = A ? M("chat.audio.device", { name: A }) : null, F = G();
-    return /* @__PURE__ */ C(
-      "div",
-      {
-        ref: B,
-        role: "img",
-        "aria-label": P,
-        "aria-describedby": g ? F : void 0,
-        "data-component": "audio-visualiser",
-        className: K({ size: T, className: k }),
-        ...q,
-        children: [
-          N.map((e, r) => /* @__PURE__ */ S(
-            "div",
-            {
-              ref: (n) => {
-                o.current[r] = n;
-              },
-              "aria-hidden": "true",
-              className: [
-                "ds:inline-block ds:w-[3px] ds:min-w-[3px]",
-                "ds:bg-[color:var(--primary)]",
-                "ds:forced-colors:bg-[CanvasText]",
-                "ds:rounded-[1px]",
-                "ds:transition-[height] ds:duration-[var(--duration-fast)] ds:motion-reduce:transition-none",
-                // Height is runtime-computed — applied via --bar-height CSS var
-                // set on the element (inline style is limited to --bar-height; the
-                // element never receives a position/size class via style).
-                "ds:[block-size:var(--bar-height,10%)]"
-              ].join(" "),
-              style: { "--bar-height": "10%" }
-            },
-            r
-          )),
-          g ? /* @__PURE__ */ S("span", { id: F, className: "ds:sr-only", children: g }) : null
-        ]
-      }
-    );
-  }
-);
-O.displayName = "AudioVisualiser";
-export {
-  O as A
-};
-//# sourceMappingURL=audio-visualiser-I-T4Z7EU.js.map

package/dist/_chunks/recaptcha-widget-BtBNb6tB.js

@@ -1,192 +0,0 @@
-import { jsxs as U, jsx as L } from "react/jsx-runtime";
-import { forwardRef as q, useRef as u, useState as E, useEffect as G, useMemo as J, useImperativeHandle as K } from "react";
-import { useTranslation as Q } from "react-i18next";
-import { u as X } from "./form-field-context-B3APVHKx.js";
-import { u as Y } from "./use-theme-C2dHKUAN.js";
-import { u as Z } from "./registry-C9nwlNyL.js";
-const z = {
-  id: "recaptcha-widget",
-  capabilities: ["submit"],
-  state: {
-    hasToken: {
-      type: "boolean",
-      descriptionKey: "ui.agent.recaptchaWidget.state.hasToken",
-      description: "True when the widget currently holds a valid verification token.",
-      read: (t) => t.getResponse().length > 0
-    }
-  },
-  actions: {
-    execute: {
-      safety: "write",
-      descriptionKey: "ui.agent.recaptchaWidget.actions.execute",
-      description: "Programmatically trigger the captcha challenge. Issues a token via the callback.",
-      invoke: (t) => {
-        t.execute();
-      }
-    },
-    reset: {
-      safety: "destructive",
-      descriptionKey: "ui.agent.recaptchaWidget.actions.reset",
-      description: "Clear the current token and re-roll the captcha. Irreversible.",
-      invoke: (t) => {
-        t.reset();
-      }
-    }
-  },
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "recaptcha-widget",
-      description: "Marks the RecaptchaWidget wrapper."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop (or the surrounding FormField id)."
-    }
-  }
-}, C = "https://www.google.com/recaptcha/api.js", j = "alfadocs-ui-recaptcha-loader";
-let f = null;
-function ee(t) {
-  return typeof window > "u" ? Promise.reject(new Error("recaptcha: window is not available")) : window.grecaptcha && typeof window.grecaptcha.render == "function" ? Promise.resolve(window.grecaptcha) : f || (f = new Promise((d, g) => {
-    const b = document.getElementById(
-      j
-    ), i = () => {
-      window.grecaptcha && typeof window.grecaptcha.render == "function" ? d(window.grecaptcha) : g(new Error("recaptcha: grecaptcha global missing after load"));
-    };
-    if (window.___grecaptchaOnLoad___ = i, b)
-      return;
-    const p = new URLSearchParams({
-      onload: "___grecaptchaOnLoad___",
-      render: "explicit"
-    });
-    t && p.set("hl", t);
-    const r = document.createElement("script");
-    r.id = j, r.src = `${C}?${p.toString()}`, r.async = !0, r.defer = !0, r.onerror = () => {
-      f = null, g(new Error("recaptcha: script failed to load"));
-    }, document.head.appendChild(r);
-  }), f);
-}
-const oe = q(function({
-  siteKey: d,
-  theme: g,
-  locale: b,
-  size: i = "normal",
-  onChange: p,
-  onExpired: r,
-  onError: T,
-  error: k,
-  id: B,
-  className: F
-}, M) {
-  const { t: S, i18n: H } = Q(), _ = X(), { resolvedTheme: N } = Y(), w = u(null), a = u(null), c = u(null), [$, h] = E(""), v = B ?? _.id, A = k ? `${v}-error` : void 0, O = [_.describedBy, A].filter(Boolean).join(" ") || void 0, x = g ?? (N.startsWith("dark") ? "dark" : "light"), I = b ?? H.language, e = u(p), y = u(r), o = u(T);
-  e.current = p, y.current = r, o.current = T;
-  const W = S(
-    "inputs.recaptcha.expired",
-    "Verification expired — please retry."
-  ), P = S(
-    "inputs.recaptcha.error",
-    "Verification failed — please retry."
-  );
-  G(() => {
-    if (!d || !w.current) return;
-    let l = !1;
-    return ee(I).then((m) => {
-      l || !w.current || (c.current = m, a.current = m.render(w.current, {
-        sitekey: d,
-        theme: x,
-        size: i,
-        hl: I,
-        callback: (s) => {
-          var n;
-          h(""), (n = e.current) == null || n.call(e, s);
-        },
-        "expired-callback": () => {
-          var s, n;
-          h(W), (s = e.current) == null || s.call(e, null), (n = y.current) == null || n.call(y);
-        },
-        "error-callback": () => {
-          var s, n;
-          h(P), (s = e.current) == null || s.call(e, null), (n = o.current) == null || n.call(o);
-        }
-      }));
-    }).catch(() => {
-      var m;
-      l || (h(P), (m = o.current) == null || m.call(o));
-    }), () => {
-      if (l = !0, c.current && a.current !== null)
-        try {
-          c.current.reset(a.current);
-        } catch {
-        }
-    };
-  }, [
-    d,
-    x,
-    I,
-    i,
-    W,
-    P
-  ]);
-  const R = J(
-    () => ({
-      reset: () => {
-        var l;
-        c.current && a.current !== null && (c.current.reset(a.current), h(""), (l = e.current) == null || l.call(e, null));
-      },
-      getResponse: () => c.current && a.current !== null ? c.current.getResponse(a.current) : "",
-      execute: () => {
-        c.current && a.current !== null && c.current.execute(a.current);
-      }
-    }),
-    []
-  );
-  K(M, () => R, [R]), Z(z, R, v);
-  const V = k || $, D = i === "invisible" ? "presentation" : void 0;
-  return /* @__PURE__ */ U(
-    "div",
-    {
-      className: [
-        "ds:inline-block",
-        // Keep the iframe inside the wrapper's stacking context so
-        // popovers etc. above the form continue to overlay correctly.
-        "ds:relative ds:isolate",
-        F
-      ].filter(Boolean).join(" "),
-      "data-component": "recaptcha-widget",
-      "data-component-id": v,
-      "data-size": i,
-      role: D,
-      children: [
-        /* @__PURE__ */ L(
-          "div",
-          {
-            ref: w,
-            id: v,
-            className: "g-recaptcha",
-            "data-sitekey": d,
-            "data-theme": x,
-            "data-size": i,
-            "aria-describedby": O,
-            "aria-invalid": k || _.invalid ? !0 : void 0
-          }
-        ),
-        /* @__PURE__ */ L(
-          "div",
-          {
-            role: "status",
-            "aria-live": "polite",
-            "aria-atomic": "true",
-            className: "ds:sr-only",
-            children: V
-          }
-        )
-      ]
-    }
-  );
-});
-export {
-  oe as R,
-  z as r
-};
-//# sourceMappingURL=recaptcha-widget-BtBNb6tB.js.map

package/dist/_chunks/registry-C9nwlNyL.js

@@ -1,21 +0,0 @@
-import { useEffect as u } from "react";
-function n(r, t, i) {
-  u(() => {
-    if (typeof window > "u") return;
-    const o = window.__alfadocs_agent;
-    if (!o || !i || t == null) return;
-    const e = {
-      id: r.id,
-      instanceId: i,
-      handle: t,
-      adapter: r
-    };
-    return o.register(e), () => {
-      o.unregister(r.id, i);
-    };
-  }, [r, t, i]);
-}
-export {
-  n as u
-};
-//# sourceMappingURL=registry-C9nwlNyL.js.map

package/dist/_chunks/streaming-text-BgjCTVOw.js

@@ -1,105 +0,0 @@
-import { jsxs as f, jsx as n } from "react/jsx-runtime";
-import { forwardRef as y, useState as v, useEffect as b, Fragment as h } from "react";
-import { c as x } from "./index-D2ZczOXr.js";
-const g = x(
-  "type-body ds:block ds:whitespace-pre-wrap ds:break-words",
-  {
-    variants: {
-      // Family, weight, tracking, line-height all come from `.type-body` on the base.
-      // Size variants override --type-body-size to shift the ramp step.
-      size: {
-        sm: "ds:[--type-body-size:var(--font-size-sm)]",
-        md: "",
-        lg: "ds:[--type-body-size:var(--font-size-lg)]"
-      },
-      density: {
-        default: "",
-        compact: "ds:[--type-body-size:var(--font-size-sm)] ds:leading-snug"
-      }
-    },
-    defaultVariants: { size: "md", density: "default" }
-  }
-);
-function z(a) {
-  const e = [];
-  let s = a;
-  const r = /\*\*([^*]+)\*\*|`([^`]+)`|\n/;
-  for (; s.length > 0; ) {
-    const t = r.exec(s);
-    if (!t) {
-      e.push({ type: "text", value: s });
-      break;
-    }
-    t.index > 0 && e.push({ type: "text", value: s.slice(0, t.index) }), t[1] !== void 0 ? e.push({ type: "bold", value: t[1] }) : t[2] !== void 0 ? e.push({ type: "code", value: t[2] }) : e.push({ type: "br" }), s = s.slice(t.index + t[0].length);
-  }
-  return e;
-}
-function T(a) {
-  return z(a).map((e, s) => e.type === "bold" ? /* @__PURE__ */ n("strong", { children: e.value }, s) : e.type === "code" ? /* @__PURE__ */ n(
-    "code",
-    {
-      dir: "ltr",
-      className: "ds:rounded-[var(--radius-sm)] ds:bg-muted/20 ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:font-[family-name:var(--font-mono)] ds:text-[length:0.95em]",
-      children: e.value
-    },
-    s
-  ) : e.type === "br" ? /* @__PURE__ */ n("br", {}, s) : /* @__PURE__ */ n(h, { children: e.value }, s));
-}
-const w = y(
-  ({
-    content: a,
-    isStreaming: e,
-    renderMarkdown: s = !1,
-    ariaLive: r = "polite",
-    size: t = "md",
-    density: o = "default",
-    className: l,
-    ...c
-  }, p) => {
-    const [i, d] = v(a);
-    b(() => {
-      if (!e) {
-        d(a);
-        return;
-      }
-      const m = setTimeout(() => d(a), 100);
-      return () => clearTimeout(m);
-    }, [a, e]);
-    const u = s ? T(i) : i;
-    return /* @__PURE__ */ f(
-      "span",
-      {
-        ref: p,
-        "aria-live": r,
-        "aria-busy": e || void 0,
-        "data-component": "streaming-text",
-        className: g({ size: t, density: o, className: l }),
-        ...c,
-        children: [
-          u,
-          e ? /* @__PURE__ */ n(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: [
-                "ds:inline-block ds:align-baseline",
-                "ds:text-[color:var(--primary)]",
-                "ds:motion-safe:animate-[streaming-cursor-blink_1s_step-end_infinite]",
-                "ds:motion-reduce:opacity-100",
-                "ds:[.theme-accessible_&]:animate-none",
-                "ds:forced-colors:text-[CanvasText]",
-                "ds:ms-[1px]"
-              ].join(" "),
-              children: "▍"
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-w.displayName = "StreamingText";
-export {
-  w as S
-};
-//# sourceMappingURL=streaming-text-BgjCTVOw.js.map

package/dist/_chunks/use-scroll-to-first-error-BrK7dKB_.js

@@ -1,55 +0,0 @@
-import { useState as h, useEffect as w, useRef as m } from "react";
-function v(e) {
-  const [i, r] = h(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia(e).matches);
-  return w(() => {
-    if (typeof window > "u" || typeof window.matchMedia != "function")
-      return;
-    const n = window.matchMedia(e);
-    r(n.matches);
-    const t = (u) => r(u.matches);
-    return typeof n.addEventListener == "function" ? (n.addEventListener("change", t), () => n.removeEventListener("change", t)) : (n.addListener(t), () => n.removeListener(t));
-  }, [e]), i;
-}
-function p(e) {
-  return e != null && e.current ? e.current : typeof document > "u" ? null : document;
-}
-function S(e, i) {
-  const r = typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : (
-    // SSR / jsdom fallback — drop every character that's
-    // significant in a CSS attribute selector. Conservative but
-    // robust enough for the test environment.
-    e.replace(/["'\\[\]]/g, "")
-  ), n = `[data-error-anchor="${r}"], [name="${r}"], [name$="[${r}]"]`, t = Array.from(i.querySelectorAll(n));
-  return t.length === 0 ? null : t.find((f) => f.offsetParent !== null) ?? t[0];
-}
-function E(e, i, r = {}) {
-  const {
-    scope: n,
-    scrollOptions: t = { behavior: "smooth", block: "center" },
-    focus: u = !0,
-    skipInitialMount: f = !0
-  } = r, l = m(!0), c = m(null), o = i.find((s) => !!e[s]) ?? null;
-  w(() => {
-    if (l.current && (l.current = !1, f)) {
-      c.current = o;
-      return;
-    }
-    if (!o) {
-      c.current = null;
-      return;
-    }
-    if (o === c.current || typeof window > "u") return;
-    const s = window.requestAnimationFrame(() => {
-      const d = p(n);
-      if (!d) return;
-      const a = S(o, d);
-      a && (a.scrollIntoView(t), u && a.focus({ preventScroll: !0 }), c.current = o);
-    });
-    return () => window.cancelAnimationFrame(s);
-  }, [o]);
-}
-export {
-  E as a,
-  v as u
-};
-//# sourceMappingURL=use-scroll-to-first-error-BrK7dKB_.js.map