@alfadocs/ui-kit 1.2.0 → 1.3.0

package/dist/_chunks/{sparkline-DJtZBe7O.js → sparkline-BTY4B5tv.js}

@@ -1,25 +1,25 @@
-import { jsx as d, jsxs as D } from "react/jsx-runtime";
-import { forwardRef as oe, useId as de, useMemo as A, useRef as S, useState as Z, useEffect as P, useImperativeHandle as ce } from "react";
+import { jsx as c, jsxs as D } from "react/jsx-runtime";
+import { forwardRef as le, useId as ue, useMemo as A, useRef as P, useState as F, useEffect as U, useImperativeHandle as pe } from "react";
 import { c as E } from "./index-D2ZczOXr.js";
-import { useTranslation as le } from "react-i18next";
-import ue from "react-apexcharts";
-import U from "apexcharts";
-import { g as J, u as pe } from "./apexcharts-theme-B_AxGC_h.js";
-import { m as me } from "./annotation-marker-CsUJGZjQ.js";
-import { u as he } from "./registry-DvAUVLHh.js";
-function fe(n) {
+import { useTranslation as me } from "react-i18next";
+import he from "react-apexcharts";
+import V from "apexcharts";
+import { g as J, u as fe } from "./apexcharts-theme-B_AxGC_h.js";
+import { m as ge } from "./annotation-marker-CsUJGZjQ.js";
+import { u as ve } from "./registry-DvAUVLHh.js";
+function ye(n) {
   if (n.length < 2)
     return { slope: 0, direction: "steady" };
-  const r = n.length, c = (r - 1) / 2, s = n.reduce((a, i) => a + i, 0) / r;
-  let o = 0, h = 0;
+  const r = n.length, h = (r - 1) / 2, l = n.reduce((a, i) => a + i, 0) / r;
+  let s = 0, u = 0;
   for (let a = 0; a < r; a++) {
-    const i = a - c;
-    o += i * (n[a] - s), h += i * i;
+    const i = a - h;
+    s += i * (n[a] - l), u += i * i;
   }
-  const p = h === 0 ? 0 : o / h, y = 0.01 * (Math.max(...n) - Math.min(...n) || 1), m = Math.abs(p) < y ? "steady" : p > 0 ? "increasing" : "decreasing";
-  return { slope: p, direction: m };
+  const m = u === 0 ? 0 : s / u, k = 0.01 * (Math.max(...n) - Math.min(...n) || 1), f = Math.abs(m) < k ? "steady" : m > 0 ? "increasing" : "decreasing";
+  return { slope: m, direction: f };
 }
-const ge = {
+const be = {
   id: "sparkline",
   capabilities: [],
   state: {},
@@ -118,85 +118,88 @@ const ge = {
     }
   },
   defaultVariants: { tone: "neutral" }
-}), ve = E(
+}), we = E(
   "ds:pointer-events-none ds:absolute ds:inset-x-[2px]",
   {
     variants: {
+      // Bleed to the target-size token, not a literal: (token − drawn)/−2 per
+      // size, so `.theme-accessible` (48px) widens the band automatically —
+      // the same calc idiom IconButton uses for its hit-area expansion.
       size: {
-        xs: "ds:inset-y-[-10px]",
-        sm: "ds:inset-y-[-6px]",
-        md: "ds:inset-y-[-2px]",
+        xs: "ds:inset-y-[calc((var(--min-target-size)-24px)/-2)]",
+        sm: "ds:inset-y-[calc((var(--min-target-size)-32px)/-2)]",
+        md: "ds:inset-y-[calc((var(--min-target-size)-40px)/-2)]",
         auto: "ds:inset-y-0"
       }
     },
     defaultVariants: { size: "md" }
   }
-), ye = {
+), ke = {
   increasing: "↑",
   decreasing: "↓",
   steady: "→"
-}, be = {
+}, xe = {
   xs: 24,
   sm: 32,
   md: 40
-}, k = 2, Y = 2.5, ke = 44;
-function we(n, r) {
-  const c = n.map((s) => ({
+}, I = 2, Y = 2.5, ee = 44;
+function Ie(n, r, h = ee) {
+  const l = n.map((s) => ({
     annotation: s,
-    centre: ee(s.position) * r
-  })).sort((s, o) => s.centre - o.centre);
-  return c.map((s, o) => {
-    const h = c[o - 1], p = c[o + 1], w = h ? (h.centre + s.centre) / 2 : 0, y = p ? (s.centre + p.centre) / 2 : r, m = Math.max(0, w), a = Math.min(r, y), i = Math.min(ke, Math.max(0, a - m)), x = Math.min(
-      Math.max(s.centre - i / 2, m),
-      a - i
+    centre: te(s.position) * r
+  })).sort((s, u) => s.centre - u.centre);
+  return l.map((s, u) => {
+    const m = l[u - 1], w = l[u + 1], k = m ? (m.centre + s.centre) / 2 : 0, f = w ? (s.centre + w.centre) / 2 : r, a = Math.max(0, k), i = Math.min(r, f), y = Math.min(h, Math.max(0, i - a)), N = Math.min(
+      Math.max(s.centre - y / 2, a),
+      i - y
     );
-    return { annotation: s.annotation, x, width: i };
+    return { annotation: s.annotation, x: N, width: y };
   });
 }
-function ee(n) {
+function te(n) {
   return Number.isFinite(n) ? Math.min(1, Math.max(0, n)) : 0;
 }
-function xe(n) {
+function Ne(n) {
   return n.filter((r) => r != null);
 }
-function Ie() {
+function Me() {
   return typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-const Ne = oe(
+const Te = le(
   ({
     id: n,
     data: r,
-    variant: c = "line",
-    size: s = "md",
-    label: o,
-    color: h,
-    showEndpoint: p = !1,
+    variant: h = "line",
+    size: l = "md",
+    label: s,
+    color: u,
+    showEndpoint: m = !1,
     showTooltip: w = !1,
-    width: y,
-    height: m,
+    width: k,
+    height: f,
     annotations: a,
     onAnnotationSelect: i,
-    className: x,
-    ...V
-  }, te) => {
-    var q;
-    const { t: f, i18n: $ } = le(), j = de(), b = A(
-      () => `sparkline-${j.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [j]
-    ), I = S(null), [O, ne] = Z(0), l = A(() => xe(r), [r]), { direction: C } = fe(l), B = A(() => {
-      const e = a && a.length > 0 ? f("sparkline.annotations", {
-        list: a.map((v) => v.label).join(", ")
-      }) : "", t = (v) => e ? `${v}. ${e}` : v;
-      if (l.length === 0)
-        return t(f("sparkline.noData", "No data"));
-      const u = (v) => new Intl.NumberFormat($.language).format(v), g = f(`sparkline.direction.${C}`), R = {
-        min: u(Math.min(...l)),
-        max: u(Math.max(...l)),
-        current: u(l[l.length - 1]),
+    className: y,
+    ...N
+  }, ne) => {
+    var Z;
+    const { t: v, i18n: W } = me(), $ = ue(), x = A(
+      () => `sparkline-${$.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [$]
+    ), M = P(null), [C, ae] = F(0), [re, se] = F(ee), p = A(() => Ne(r), [r]), { direction: O } = ye(p), j = A(() => {
+      const e = a && a.length > 0 ? v("sparkline.annotations", {
+        list: a.map((b) => b.label).join(", ")
+      }) : "", t = (b) => e ? `${b}. ${e}` : b;
+      if (p.length === 0)
+        return t(v("sparkline.noData", "No data"));
+      const o = (b) => new Intl.NumberFormat(W.language).format(b), g = v(`sparkline.direction.${O}`), d = {
+        min: o(Math.min(...p)),
+        max: o(Math.max(...p)),
+        current: o(p[p.length - 1]),
         direction: g
       };
-      return t(o ? f("sparkline.summary", { label: o, ...R }) : f("sparkline.summaryNoLabel", R));
-    }, [l, a, o, C, $.language, f]), [N, ae] = Z(
+      return t(s ? v("sparkline.summary", { label: s, ...d }) : v("sparkline.summaryNoLabel", d));
+    }, [p, a, s, O, W.language, v]), [T, ie] = F(
       () => {
         try {
           return J();
@@ -205,12 +208,12 @@ const Ne = oe(
         }
       }
     );
-    P(() => {
+    U(() => {
       let e;
       const t = new MutationObserver(() => {
         clearTimeout(e), e = setTimeout(() => {
           try {
-            ae(J());
+            ie(J());
           } catch {
           }
         }, 50);
@@ -221,67 +224,72 @@ const Ne = oe(
       }), () => {
         clearTimeout(e), t.disconnect();
       };
-    }, []), P(() => {
-      const e = I.current;
+    }, []), U(() => {
+      const e = M.current;
       if (!e) return;
-      const t = new ResizeObserver((u) => {
-        const g = u[0];
-        g && ne(Math.floor(g.contentRect.width));
+      const t = () => {
+        const g = getComputedStyle(e).getPropertyValue("--min-target-size"), d = Number.parseFloat(g);
+        Number.isFinite(d) && d > 0 && se(d);
+      };
+      t();
+      const o = new ResizeObserver((g) => {
+        const d = g[0];
+        d && ae(Math.floor(d.contentRect.width)), t();
       });
-      return t.observe(e), () => t.disconnect();
-    }, []), pe(I);
-    const M = S(i);
-    P(() => {
-      M.current = i;
+      return o.observe(e), () => o.disconnect();
+    }, []), fe(M);
+    const R = P(i);
+    U(() => {
+      R.current = i;
     }, [i]);
-    const F = S(a);
-    F.current = a;
-    const z = A(
+    const B = P(a);
+    B.current = a;
+    const H = A(
       () => ({
         updateSeries(e) {
           var t;
-          (t = U.getChartByID(b)) == null || t.updateSeries([{ data: e }]);
+          (t = V.getChartByID(x)) == null || t.updateSeries([{ data: e }]);
         },
         updateOptions(e) {
           var t;
-          (t = U.getChartByID(b)) == null || t.updateOptions(e);
+          (t = V.getChartByID(x)) == null || t.updateOptions(e);
         },
         async dataURI() {
-          const e = U.getChartByID(b);
+          const e = V.getChartByID(x);
           return e ? (await e.dataURI()).imgURI : "";
         },
         selectAnnotation(e) {
-          var u, g;
-          (u = F.current) != null && u.some((R) => R.id === e) && ((g = M.current) == null || g.call(M, e));
+          var o, g;
+          (o = B.current) != null && o.some((d) => d.id === e) && ((g = R.current) == null || g.call(R, e));
         }
       }),
-      [b]
+      [x]
     );
-    ce(te, () => z, [z]), he(ge, z, n);
-    const _ = h ?? ((q = N.colors) == null ? void 0 : q[0]) ?? "currentColor";
-    if (l.length === 0)
-      return /* @__PURE__ */ d(
+    pe(ne, () => H, [H]), ve(be, H, n);
+    const _ = u ?? ((Z = T.colors) == null ? void 0 : Z[0]) ?? "currentColor";
+    if (p.length === 0)
+      return /* @__PURE__ */ c(
         "div",
         {
-          ref: I,
+          ref: M,
           role: "img",
-          "aria-label": B,
+          "aria-label": j,
           dir: "ltr",
           className: Q({
-            size: m !== void 0 ? "auto" : s,
-            className: x
+            size: f !== void 0 ? "auto" : l,
+            className: y
           }),
           "data-component": "sparkline",
           "data-component-id": n,
-          ...V
+          ...N
         }
       );
-    const G = Ie(), H = r.length > l.length, L = H ? r.flatMap((e, t) => e == null ? [] : [{ x: t, y: e }]) : l, re = {
-      ...N,
+    const G = Me(), S = r.length > p.length, L = S ? r.flatMap((e, t) => e == null ? [] : [{ x: t, y: e }]) : p, oe = {
+      ...T,
       chart: {
-        ...N.chart,
-        id: b,
-        type: c,
+        ...T.chart,
+        id: x,
+        type: h,
         sparkline: { enabled: !0 },
         toolbar: { show: !1 },
         animations: {
@@ -292,7 +300,7 @@ const Ne = oe(
           // the tween emits `d="… NaN …"` for a few frames. The finished
           // render is correct either way; switching the tween off keeps the
           // console clean.
-          dynamicAnimation: { enabled: !G && !H }
+          dynamicAnimation: { enabled: !G && !S }
         },
         zoom: { enabled: !1 },
         parentHeightOffset: 0
@@ -300,20 +308,20 @@ const Ne = oe(
       colors: [_],
       stroke: {
         curve: "smooth",
-        width: c === "bar" ? 0 : 2
+        width: h === "bar" ? 0 : 2
       },
       fill: {
-        opacity: c === "area" ? 0.15 : 1
+        opacity: h === "area" ? 0.15 : 1
       },
       xaxis: {
         crosshairs: { show: !1 },
         // Pin the extent to the slot count so a gap at either end still holds
         // its place — otherwise the plot would rescale to the measurements
         // and the annotation fractions would no longer mean the same thing.
-        ...H ? { type: "numeric", min: 0, max: r.length - 1 } : {}
+        ...S ? { type: "numeric", min: 0, max: r.length - 1 } : {}
       },
       tooltip: { enabled: w },
-      markers: p ? {
+      markers: m ? {
         size: [0],
         discrete: [
           {
@@ -329,45 +337,45 @@ const Ne = oe(
         ]
       } : { size: 0 },
       grid: {
-        ...N.grid,
+        ...T.grid,
         show: !1,
         // ApexCharts grid.padding uses physical keys (not CSS logical properties).
         // The chart wrapper enforces dir="ltr" so these always resolve correctly.
         padding: {
-          top: k,
-          right: k,
-          bottom: k,
-          left: k
+          top: I,
+          right: I,
+          bottom: I,
+          left: I
         }
       }
-    }, se = y ?? (O > 0 ? O : "100%"), ie = m ?? be[s ?? "md"], T = a != null && a.length ? a : void 0, W = O - k * 2, K = i && T && W > 0 ? we(T, W) : void 0;
+    }, de = k ?? (C > 0 ? C : "100%"), ce = f ?? xe[l ?? "md"], z = a != null && a.length ? a : void 0, K = C - I * 2, q = i && z && K > 0 ? Ie(z, K, re) : void 0;
     return /* @__PURE__ */ D(
       "div",
       {
-        ref: I,
+        ref: M,
         role: "img",
-        "aria-label": B,
+        "aria-label": j,
         dir: "ltr",
         className: Q({
-          size: m !== void 0 ? "auto" : s,
-          className: x
+          size: f !== void 0 ? "auto" : l,
+          className: y
         }),
         "data-component": "sparkline",
         "data-component-id": n,
-        ...V,
+        ...N,
         children: [
-          /* @__PURE__ */ d(
-            ue,
+          /* @__PURE__ */ c(
+            he,
             {
-              type: c,
+              type: h,
               series: [{ data: L }],
-              options: re,
-              width: se,
-              height: ie,
+              options: oe,
+              width: de,
+              height: ce,
               "aria-hidden": "true"
             }
           ),
-          T && /* Drawn over the plot rather than through ApexCharts' own xaxis
+          z && /* Drawn over the plot rather than through ApexCharts' own xaxis
           annotations: a fraction of the measured extent is the one
           positioning rule that survives series of different lengths, which
           is what makes a column of sparklines share an x. */
@@ -377,15 +385,15 @@ const Ne = oe(
              equal PLOT_EDGE_PADDING — Tailwind needs a static literal, so the
              two cannot share one source; change them together or the first and
              last annotation drift off the first and last data point. */
-          /* @__PURE__ */ d("div", { className: "ds:pointer-events-none ds:absolute ds:inset-y-0 ds:inset-x-[2px]", children: /* @__PURE__ */ d(
+          /* @__PURE__ */ c("div", { className: "ds:pointer-events-none ds:absolute ds:inset-y-0 ds:inset-x-[2px]", children: /* @__PURE__ */ c(
             "svg",
             {
               "aria-hidden": "true",
               focusable: "false",
               "data-testid": "sparkline-annotations",
               className: "ds:size-full",
-              children: T.map((e) => {
-                const t = ee(e.position);
+              children: z.map((e) => {
+                const t = te(e.position);
                 return (
                   /* A nested viewport placed at a percentage of the plot: the
                    one positioning rule that needs no measurement, so a column
@@ -402,7 +410,7 @@ const Ne = oe(
                       "data-annotation-position": t,
                       className: X({ tone: e.tone }),
                       children: [
-                        /* @__PURE__ */ d(
+                        /* @__PURE__ */ c(
                           "line",
                           {
                             x1: 0,
@@ -412,10 +420,10 @@ const Ne = oe(
                             className: "ds:[stroke:var(--annotation-color)] ds:[stroke-dasharray:2_3] ds:[stroke-width:1]"
                           }
                         ),
-                        /* @__PURE__ */ d(
+                        /* @__PURE__ */ c(
                           "path",
                           {
-                            d: me(
+                            d: ge(
                               e.shape ?? "diamond",
                               0,
                               Y,
@@ -432,24 +440,24 @@ const Ne = oe(
               })
             }
           ) }),
-          K && i && /* Sized in px, not percentages: 44px is a measurement, not a
-          fraction of a box the reader can resize. `pointer-events-none`
-          holds all the way down to the bands, so the only live pixels are
-          the 44px each annotation owns. */
-          /* @__PURE__ */ d(
+          q && i && /* Sized in px, not percentages: the target size is a measurement,
+          not a fraction of a box the reader can resize.
+          `pointer-events-none` holds all the way down to the bands, so the
+          only live pixels are the token-width each annotation owns. */
+          /* @__PURE__ */ c(
             "div",
             {
-              className: ve({
-                size: m !== void 0 ? "auto" : s
+              className: we({
+                size: f !== void 0 ? "auto" : l
               }),
-              children: /* @__PURE__ */ d(
+              children: /* @__PURE__ */ c(
                 "svg",
                 {
                   "aria-hidden": "true",
                   focusable: "false",
                   "data-testid": "sparkline-annotation-hits",
                   className: "ds:size-full",
-                  children: K.map(({ annotation: e, x: t, width: u }) => /* @__PURE__ */ D(
+                  children: q.map(({ annotation: e, x: t, width: o }) => /* @__PURE__ */ D(
                     "g",
                     {
                       "data-annotation-hit-id": e.id,
@@ -458,15 +466,15 @@ const Ne = oe(
                         { tone: e.tone }
                       )}`,
                       children: [
-                        /* @__PURE__ */ d("title", { children: f("sparkline.annotationAction", {
+                        /* @__PURE__ */ c("title", { children: v("sparkline.annotationAction", {
                           label: e.label
                         }) }),
-                        /* @__PURE__ */ d(
+                        /* @__PURE__ */ c(
                           "rect",
                           {
                             x: t,
                             y: 0,
-                            width: u,
+                            width: o,
                             height: "100%",
                             className: "ds:[fill:var(--annotation-color)] ds:opacity-0 ds:transition-opacity ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none ds:group-hover:opacity-20"
                           }
@@ -479,12 +487,12 @@ const Ne = oe(
               )
             }
           ),
-          p && /* @__PURE__ */ d(
+          m && /* @__PURE__ */ c(
             "span",
             {
               "aria-hidden": "true",
               className: "ds:pointer-events-none ds:absolute ds:end-0 ds:top-0 ds:text-[length:var(--font-size-xs)] ds:leading-none",
-              children: ye[C]
+              children: ke[O]
             }
           )
         ]
@@ -492,10 +500,10 @@ const Ne = oe(
     );
   }
 );
-Ne.displayName = "Sparkline";
+Te.displayName = "Sparkline";
 export {
-  Ne as S,
-  ge as s,
-  fe as u
+  Te as S,
+  be as s,
+  ye as u
 };
-//# sourceMappingURL=sparkline-DJtZBe7O.js.map
+//# sourceMappingURL=sparkline-BTY4B5tv.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "1.2.0",
+  "packageVersion": "1.3.0",
   "components": [
     {
       "kind": "component",

package/dist/components/data-table/index.js

@@ -1,5 +1,5 @@
-import { A as r, D as l, T as t, a as s, b as n, c as o, d, e as i, f as C } from "../../_chunks/actions-cell-renderer-ClGCSQnA.js";
-import { B as T, C as F, E as g, a as b, R as u, T as c, b as m, r as f, u as x } from "../../_chunks/editable-currency-cell-renderer-Dus_sBvX.js";
+import { A as r, D as l, T as t, a as s, b as n, c as o, d, e as i, f as C } from "../../_chunks/actions-cell-renderer-Ceah0ywE.js";
+import { B as T, C as F, E as g, a as b, R as u, T as c, b as m, r as f, u as x } from "../../_chunks/editable-currency-cell-renderer-Uhzkd0ZP.js";
 import { C as p, D as h, a as y, b as E, I as S, L as A, N as L, c as N, S as B, d as I, e as P, T as U, f as W, g as k, U as v } from "../../_chunks/link-cell-renderer-_DlEZHLI.js";
 export {
   r as ActionsCellRenderer,

package/dist/components/face-scheme/index.js

@@ -1,4 +1,4 @@
-import { A as e, F as o, a as n, b as A, c as i, d as f, e as t, I, f as N, g as T, h as F, i as _, j as E, k as c, l as h, m as r, n as p, o as O, p as S, q as m, r as l, s as d, t as C, u as D } from "../../_chunks/face-scheme-Cou2efl7.js";
+import { A as e, F as o, a as n, b as A, c as i, d as f, e as t, I, f as N, g as T, h as F, i as _, j as E, k as c, l as h, m as r, n as p, o as O, p as S, q as m, r as l, s as d, t as C, u as D } from "../../_chunks/face-scheme-C00IvkUA.js";
 export {
   e as ANNOTATION_TOOL_KIND,
   o as FACE_ANNOTATION_TOOLS,

package/dist/components/file-manager/index.js

@@ -1,4 +1,4 @@
-import { F as r, f } from "../../_chunks/file-manager-CNSLiuLo.js";
+import { F as r, f } from "../../_chunks/file-manager-lNjcSXoD.js";
 export {
   r as FileManager,
   f as fileManagerAgent

package/dist/components/index.d.ts

@@ -198,6 +198,7 @@ export * from './transaction-chip';
 export * from './whatsapp-button';
 export * from './workflow';
 export * from '../patterns/alia-assistant';
+export * from '../patterns/anamnesis';
 export * from '../patterns/marketplace-app-shell';
 export * from '../patterns/payment-automation-upsell';
 export * from '../patterns/signature-request';

package/dist/components/notes-panel/index.d.ts

@@ -1,3 +1,3 @@
 export { NotesPanel } from './notes-panel';
-export type { NotesPanelProps, NotesPanelNote } from './notes-panel';
+export type { NotesPanelProps, NotesPanelNote, NotesPanelSubmission, } from './notes-panel';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/notes-panel/index.js

@@ -1,4 +1,4 @@
-import { N as a } from "../../_chunks/notes-panel-CCz0J140.js";
+import { N as a } from "../../_chunks/notes-panel-DPsgB4Mv.js";
 export {
   a as NotesPanel
 };

package/dist/components/patient-table/index.js

@@ -1,4 +1,4 @@
-import { B as s, C as l, N as t, P as n, a as C, b as i, g as o, u } from "../../_chunks/patient-table-DXk0wW8Q.js";
+import { B as s, C as l, N as t, P as n, a as C, b as i, g as o, u } from "../../_chunks/patient-table-C7QHFC63.js";
 export {
   s as BalanceBadgeCell,
   l as CarePlanStatusCell,

package/dist/components/sparkline/index.js

@@ -1,4 +1,4 @@
-import { S as r, s, u as n } from "../../_chunks/sparkline-DJtZBe7O.js";
+import { S as r, s, u as n } from "../../_chunks/sparkline-BTY4B5tv.js";
 export {
   r as Sparkline,
   s as sparklineAgent,

package/dist/components/sparkline/sparkline.d.ts

@@ -84,10 +84,11 @@ export interface SparklineProps extends Omit<HTMLAttributes<HTMLDivElement>, 'ro
      * the same thing for the same annotation (WCAG 2.1.1) — this is a pointer
      * shortcut to that control, never the only way in.
      *
-     * The 44px band is delivered by the `size` variants only. Pass an explicit
-     * `height` and the pointer layer falls back to the drawn height, so
-     * `height={20}` yields a 20px-tall target — below even WCAG 2.5.8. Under
-     * `.theme-accessible`, where `--min-target-size` is 48px, the band stays 44.
+     * The band is delivered by the `size` variants only, and follows
+     * `--min-target-size` on both axes (48px under `.theme-accessible`). Pass
+     * an explicit `height` and the pointer layer falls back to the drawn
+     * height, so `height={20}` yields a 20px-tall target — below even WCAG
+     * 2.5.8.
      */
     onAnnotationSelect?: (annotationId: string) => void;
 }