@agent-factory-platform/ui-kit 0.8.0 → 0.9.0

package/dist/components/workspace-grid.js

@@ -0,0 +1,468 @@
+import { jsxs as nt, jsx as N } from "react/jsx-runtime";
+import { useState as et, useRef as V, useEffect as kt, useMemo as J } from "react";
+import St, { useContainerWidth as zt, noCompactor as Rt } from "react-grid-layout";
+import { GripVertical as rt, GripHorizontal as Dt } from "lucide-react";
+/* empty css                                                                                                                                      */
+import { cn as it } from "../lib/cn.js";
+function X(n) {
+  return typeof n == "number" && Number.isFinite(n);
+}
+const f = 1e-3, At = 0.3, Pt = {
+  ...Rt,
+  preventCollision: !0
+};
+function b(n) {
+  return Math.round(n / f) * f;
+}
+function W(n) {
+  return n.map((t) => ({ ...t }));
+}
+function K(n, t, e, a) {
+  if (!Array.isArray(n) || n.length !== t.length) return !1;
+  const o = new Map(t.map((i) => [i.i, i])), r = /* @__PURE__ */ new Set();
+  for (const i of n) {
+    if (!i || typeof i != "object") return !1;
+    const s = i;
+    if (typeof s.i != "string" || r.has(s.i)) return !1;
+    const h = o.get(s.i);
+    if (!h || ![s.x, s.y, s.w, s.h].every(X)) return !1;
+    const { x: u, y: D, w: z, h: A } = s;
+    if (u < -f || D < -f || z < (h.minW ?? 1) - f || A < (h.minH ?? 1) - f || z > (h.maxW ?? e) + f || A > (h.maxH ?? a) + f || u + z > e + f || D + A > a + f) return !1;
+    r.add(s.i);
+  }
+  return n.every((i, s) => n.slice(s + 1).every((h) => !Z(i, h)));
+}
+function ct(n, t) {
+  const e = new Map(t.map((a) => [a.i, a]));
+  return n.map(({ i: a, x: o, y: r, w: i, h: s }) => ({
+    ...e.get(a),
+    i: a,
+    x: b(o),
+    y: b(r),
+    w: b(i),
+    h: b(s)
+  }));
+}
+function Et(n, t, e, a) {
+  if (!n || typeof window > "u") return W(t);
+  try {
+    const o = JSON.parse(window.localStorage.getItem(n) ?? "null");
+    return K(o, t, e, a) ? ct(o, t) : (window.localStorage.removeItem(n), W(t));
+  } catch {
+    return window.localStorage.removeItem(n), W(t);
+  }
+}
+function Z(n, t) {
+  return n.x < t.x + t.w - f && n.x + n.w > t.x + f && n.y < t.y + t.h - f && n.y + n.h > t.y + f;
+}
+function U(n) {
+  var a;
+  const t = n;
+  if (X(t.clientX) && X(t.clientY)) return { x: t.clientX, y: t.clientY };
+  const e = (a = t.changedTouches) == null ? void 0 : a[0];
+  return e && X(e.clientX) && X(e.clientY) ? { x: e.clientX, y: e.clientY } : null;
+}
+function Lt(n, t) {
+  const e = Math.max(0, Math.min(n.left + n.width, t.left + t.width) - Math.max(n.left, t.left)), a = Math.max(0, Math.min(n.top + n.height, t.top + t.height) - Math.max(n.top, t.top)), o = Math.min(n.width * n.height, t.width * t.height);
+  return o > 0 ? e * a / o : 0;
+}
+function ot(n, t) {
+  const e = new Map(t.map((a) => [a.i, a]));
+  for (const a of n) {
+    const o = e.get(a.i);
+    o && Object.assign(a, o);
+  }
+}
+function T(n, t) {
+  return Math.abs(n - t) <= f;
+}
+function Ct(n) {
+  if (n.length === 0) return null;
+  const t = Math.min(...n.map((r) => r.x)), e = Math.min(...n.map((r) => r.y)), a = Math.max(...n.map((r) => r.x + r.w)), o = Math.max(...n.map((r) => r.y + r.h));
+  return { x: t, y: e, w: a - t, h: o - e };
+}
+function Ot(n, t, e) {
+  const a = e === "x" ? t.x : t.y, o = a + (e === "x" ? t.w : t.h), r = /* @__PURE__ */ new Set();
+  for (const i of n) {
+    const s = e === "x" ? i.x : i.y, h = s + (e === "x" ? i.w : i.h);
+    s > a + f && s < o - f && r.add(b(s)), h > a + f && h < o - f && r.add(b(h));
+  }
+  return [...r].filter((i) => n.every((s) => {
+    const h = e === "x" ? s.x : s.y;
+    return h + (e === "x" ? s.w : s.h) <= i + f || h >= i - f;
+  })).sort((i, s) => i - s);
+}
+function lt(n, t) {
+  const e = n.reduce((o, r) => o + r.w * r.h, 0);
+  if (!T(e, t.w * t.h)) return null;
+  if (n.length === 1) {
+    const [o] = n;
+    return !T(o.x, t.x) || !T(o.y, t.y) || !T(o.w, t.w) || !T(o.h, t.h) ? null : { kind: "leaf", bounds: t, item: { ...o } };
+  }
+  const a = ["x", "y"].map((o) => ({ axis: o, cuts: Ot(n, t, o) })).filter(({ cuts: o }) => o.length > 0).sort((o, r) => o.cuts.length - r.cuts.length);
+  for (const { axis: o, cuts: r } of a) {
+    const i = o === "x" ? t.x : t.y, s = i + (o === "x" ? t.w : t.h), h = [i, ...r, s], u = [];
+    let D = !0;
+    for (let z = 0; z < h.length - 1; z += 1) {
+      const A = h[z], L = h[z + 1], B = n.filter((g) => {
+        const _ = o === "x" ? g.x : g.y, H = _ + (o === "x" ? g.w : g.h);
+        return _ >= A - f && H <= L + f;
+      });
+      if (B.length === 0) {
+        D = !1;
+        break;
+      }
+      const Y = o === "x" ? { x: A, y: t.y, w: L - A, h: t.h } : { x: t.x, y: A, w: t.w, h: L - A }, F = lt(B, Y);
+      if (!F) {
+        D = !1;
+        break;
+      }
+      u.push(F);
+    }
+    if (D && u.length > 1) return { kind: "split", bounds: t, axis: o, children: u };
+  }
+  return null;
+}
+function Q(n, t) {
+  return n.kind === "leaf" ? n.item.i === t : n.children.some((e) => Q(e, t));
+}
+function ut(n, t, e) {
+  const a = {
+    ...n.bounds,
+    x: b(n.bounds.x + t),
+    y: b(n.bounds.y + e)
+  };
+  return n.kind === "leaf" ? {
+    kind: "leaf",
+    bounds: a,
+    item: {
+      ...n.item,
+      x: b(n.item.x + t),
+      y: b(n.item.y + e)
+    }
+  } : {
+    kind: "split",
+    bounds: a,
+    axis: n.axis,
+    children: n.children.map((o) => ut(o, t, e))
+  };
+}
+function Nt(n, t) {
+  let e = n.axis === "x" ? n.bounds.x : n.bounds.y;
+  const a = t.map((o) => {
+    const r = n.axis === "x" ? o.bounds.x : o.bounds.y, i = ut(o, n.axis === "x" ? e - r : 0, n.axis === "y" ? e - r : 0);
+    return e += n.axis === "x" ? o.bounds.w : o.bounds.h, i;
+  });
+  return { ...n, children: a };
+}
+function ht(n, t, e) {
+  if (n.kind === "leaf") return { node: n, changed: !1 };
+  const a = n.children.findIndex((s) => Q(s, t)), o = n.children.findIndex((s) => Q(s, e));
+  if (a < 0 || o < 0) return { node: n, changed: !1 };
+  if (a !== o) {
+    const s = [...n.children], [h] = s.splice(a, 1);
+    return s.splice(o, 0, h), { node: Nt(n, s), changed: !0 };
+  }
+  const r = ht(n.children[a], t, e);
+  if (!r.changed) return { node: n, changed: !1 };
+  const i = [...n.children];
+  return i[a] = r.node, { node: { ...n, children: i }, changed: !0 };
+}
+function ft(n, t = /* @__PURE__ */ new Map()) {
+  return n.kind === "leaf" ? t.set(n.item.i, n.item) : n.children.forEach((e) => ft(e, t)), t;
+}
+function at(n, t, e) {
+  let a = { x: t.x, y: t.y, w: t.w, h: t.h }, o = { x: e.x, y: e.y, w: e.w, h: e.h };
+  if (Math.abs(t.w - e.w) <= f && Math.abs(t.h - e.h) <= f)
+    a = { ...a, x: e.x, y: e.y }, o = { ...o, x: t.x, y: t.y };
+  else if (Math.abs(t.x - e.x) <= f && Math.abs(t.w - e.w) <= f && (Math.abs(t.y + t.h - e.y) <= f || Math.abs(e.y + e.h - t.y) <= f)) {
+    const r = Math.min(t.y, e.y);
+    t.y < e.y ? (o = { ...o, y: r }, a = { ...a, y: r + e.h }) : (a = { ...a, y: r }, o = { ...o, y: r + t.h });
+  } else if (Math.abs(t.y - e.y) <= f && Math.abs(t.h - e.h) <= f && (Math.abs(t.x + t.w - e.x) <= f || Math.abs(e.x + e.w - t.x) <= f)) {
+    const r = Math.min(t.x, e.x);
+    t.x < e.x ? (o = { ...o, x: r }, a = { ...a, x: r + e.w }) : (a = { ...a, x: r }, o = { ...o, x: r + t.w });
+  } else return null;
+  return n.map((r) => r.i === t.i ? { ...r, ...a } : r.i === e.i ? { ...r, ...o } : r);
+}
+function q(n, t, e) {
+  if (t.i === e.i) return null;
+  if (Math.abs(t.w - e.w) <= f && Math.abs(t.h - e.h) <= f)
+    return at(n, t, e);
+  const a = Ct(n), o = a ? lt(n, a) : null;
+  if (o) {
+    const r = ht(o, t.i, e.i);
+    if (r.changed) {
+      const i = ft(r.node);
+      return n.map((s) => {
+        const h = i.get(s.i);
+        return h ? { ...s, x: h.x, y: h.y } : s;
+      });
+    }
+  }
+  return at(n, t, e);
+}
+function Wt(n) {
+  const t = /* @__PURE__ */ new Map(), e = (a, o, r, i, s, h) => {
+    if (i <= r) return;
+    const u = `${a}:${o}`, D = t.get(u) ?? [];
+    D.push({ id: u, orientation: a, boundary: o, start: r, end: i, before: [s], after: [h] }), t.set(u, D);
+  };
+  for (let a = 0; a < n.length; a += 1)
+    for (let o = a + 1; o < n.length; o += 1) {
+      const r = n[a], i = n[o];
+      Math.abs(r.x + r.w - i.x) <= f && e("vertical", b(i.x), Math.max(r.y, i.y), Math.min(r.y + r.h, i.y + i.h), r.i, i.i), Math.abs(i.x + i.w - r.x) <= f && e("vertical", b(r.x), Math.max(r.y, i.y), Math.min(r.y + r.h, i.y + i.h), i.i, r.i), Math.abs(r.y + r.h - i.y) <= f && e("horizontal", b(i.y), Math.max(r.x, i.x), Math.min(r.x + r.w, i.x + i.w), r.i, i.i), Math.abs(i.y + i.h - r.y) <= f && e("horizontal", b(r.y), Math.max(r.x, i.x), Math.min(r.x + r.w, i.x + i.w), i.i, r.i);
+    }
+  return [...t.values()].flatMap((a) => {
+    const o = [...a].sort((i, s) => i.start - s.start), r = [];
+    for (const i of o) {
+      const s = r.at(-1);
+      if (!s || i.start > s.end) {
+        r.push({ ...i, id: `${i.id}:${i.start}-${i.end}` });
+        continue;
+      }
+      s.end = Math.max(s.end, i.end), s.before = [.../* @__PURE__ */ new Set([...s.before, ...i.before])], s.after = [.../* @__PURE__ */ new Set([...s.after, ...i.after])];
+    }
+    return r.map((i) => ({
+      ...i,
+      id: `${i.orientation}:${[...i.before].sort().join("+")}|${[...i.after].sort().join("+")}`
+    }));
+  });
+}
+function st(n, t, e, a, o) {
+  if (e === 0) return n;
+  const r = new Set(t.before), i = new Set(t.after), s = n.map((u) => {
+    if (t.orientation === "vertical") {
+      if (r.has(u.i)) return { ...u, w: b(u.w + e) };
+      if (i.has(u.i)) return { ...u, x: b(u.x + e), w: b(u.w - e) };
+    } else {
+      if (r.has(u.i)) return { ...u, h: b(u.h + e) };
+      if (i.has(u.i)) return { ...u, y: b(u.y + e), h: b(u.h - e) };
+    }
+    return u;
+  });
+  return s.every((u) => u.x >= 0 && u.y >= 0 && u.x + u.w <= a && u.y + u.h <= o && u.w >= (u.minW ?? 1) && u.h >= (u.minH ?? 1) && u.w <= (u.maxW ?? a) && u.h <= (u.maxH ?? o)) && s.every((u, D) => s.slice(D + 1).every((z) => !Z(u, z))) ? s : null;
+}
+function Gt({
+  label: n,
+  moveLabel: t,
+  resizeLabel: e = n,
+  items: a,
+  initialLayout: o,
+  storageKey: r,
+  columns: i = 12,
+  rows: s = 12,
+  gap: h = 6,
+  className: u,
+  testId: D,
+  onLayoutChange: z
+}) {
+  const { width: A, containerRef: L, mounted: B } = zt({ initialWidth: 1200 }), [Y, F] = et(720), [g, _] = et(() => Et(r, o, i, s)), H = V(null), G = V(null), j = V(null);
+  kt(() => {
+    const c = L.current;
+    if (!c) return;
+    const l = () => F(Math.max(240, c.clientHeight));
+    if (l(), typeof ResizeObserver > "u") return;
+    const x = new ResizeObserver(l);
+    return x.observe(c), () => x.disconnect();
+  }, [L]);
+  const xt = J(() => new Map(g.map((c) => [c.i, c])), [g]), pt = J(() => Wt(g), [g]), wt = J(() => g.map((c) => ({ ...c, isResizable: !1 })), [g]), tt = Math.max(16, (Y - h * (s - 1)) / s), I = (A + h) / i, $ = tt + h, C = (c) => {
+    if (!K(c, o, i, s)) return !1;
+    const l = ct(c, o);
+    return _(l), r && window.localStorage.setItem(r, JSON.stringify(l)), z == null || z(l), !0;
+  }, dt = (c, l, x, y, M, p) => {
+    const v = W(c), m = (l == null ? void 0 : l.i) ?? (x == null ? void 0 : x.i), R = U(M), k = p == null ? void 0 : p.getBoundingClientRect();
+    if (!m || !R || !k) {
+      H.current = null;
+      return;
+    }
+    H.current = {
+      origin: v,
+      draggedId: m,
+      pointerOffsetX: R.x - k.left,
+      pointerOffsetY: R.y - k.top,
+      width: k.width,
+      height: k.height
+    }, G.current = null, j.current = null;
+  }, yt = (c, l, x, y, M) => {
+    var P;
+    const p = H.current, v = U(M), m = (P = L.current) == null ? void 0 : P.getBoundingClientRect();
+    if (!p || !v || !m) return;
+    const R = p.origin.find((w) => w.i === p.draggedId);
+    if (!R) return;
+    const k = {
+      left: v.x - p.pointerOffsetX,
+      top: v.y - p.pointerOffsetY,
+      width: p.width,
+      height: p.height
+    }, O = p.origin.filter((w) => w.i !== R.i).map((w) => {
+      const d = {
+        left: m.left + w.x * I,
+        top: m.top + w.y * $,
+        width: w.w * I - h,
+        height: w.h * $ - h
+      }, gt = v.x >= d.left && v.x <= d.left + d.width && v.y >= d.top && v.y <= d.top + d.height;
+      return { item: w, score: gt ? Lt(k, d) : 0 };
+    }).filter(({ score: w }) => w >= At).sort((w, d) => d.score - w.score);
+    let E = null, S = null;
+    for (const w of O) {
+      const d = q(p.origin, R, w.item);
+      if (d && K(d, o, i, s)) {
+        E = w.item.i, S = d;
+        break;
+      }
+    }
+    if (S && E) {
+      ot(c, S), G.current = W(S), j.current !== E && (j.current = E, _(W(S)));
+      return;
+    }
+    G.current = null, j.current && (j.current = null, ot(c, p.origin), _(W(p.origin)));
+  }, bt = (c, l, x, y, M) => {
+    var E;
+    const p = H.current, v = (p == null ? void 0 : p.origin) ?? W(g), m = G.current;
+    if (H.current = null, G.current = null, j.current = null, m && C(m))
+      return;
+    const R = v.find((S) => S.i === ((l == null ? void 0 : l.i) ?? (x == null ? void 0 : x.i))), k = U(M), O = (E = L.current) == null ? void 0 : E.getBoundingClientRect();
+    if (R && k && O) {
+      const S = (k.x - O.left) / I, P = (k.y - O.top) / $, w = v.find((d) => d.i !== R.i && S >= d.x && S <= d.x + d.w && P >= d.y && P <= d.y + d.h);
+      if (w) {
+        const d = q(v, R, w);
+        if (d && C(d))
+          return;
+      }
+    }
+    C(c) || C(v);
+  }, mt = (c, l) => {
+    const x = {
+      ArrowLeft: [-1, 0],
+      ArrowRight: [1, 0],
+      ArrowUp: [0, -1],
+      ArrowDown: [0, 1]
+    }[c.key];
+    if (!x) return;
+    c.preventDefault();
+    const y = g.find((m) => m.i === l);
+    if (!y) return;
+    const M = {
+      ...y,
+      x: Math.max(0, Math.min(i - y.w, y.x + x[0])),
+      y: Math.max(0, Math.min(s - y.h, y.y + x[1]))
+    };
+    if (M.x === y.x && M.y === y.y) return;
+    const p = g.find((m) => m.i !== l && Z(M, m));
+    if (!p) {
+      C(g.map((m) => m.i === l ? M : m));
+      return;
+    }
+    const v = q(g, y, p);
+    v && C(v);
+  }, Mt = (c, l) => {
+    const x = l.orientation === "vertical" ? "ArrowLeft" : "ArrowUp", y = l.orientation === "vertical" ? "ArrowRight" : "ArrowDown";
+    if (c.key !== x && c.key !== y) return;
+    c.preventDefault();
+    const M = st(g, l, c.key === y ? 1 : -1, i, s);
+    M && C(M);
+  }, vt = (c, l) => {
+    if (c.button !== 0) return;
+    c.preventDefault(), c.stopPropagation();
+    const x = c.currentTarget, y = c.pointerId;
+    x.setPointerCapture(y);
+    const M = g.map((P) => ({ ...P })), p = l.orientation === "vertical" ? c.clientX : c.clientY, v = l.orientation === "vertical" ? I : $;
+    let m = M, R = 0, k = 0;
+    const O = () => {
+      k = 0;
+      const P = b(R / v), w = st(M, l, P, i, s);
+      if (!w) {
+        x.dataset.resizeBlocked = "true";
+        return;
+      }
+      delete x.dataset.resizeBlocked, m = w, _(w);
+    }, E = (P) => {
+      R = (l.orientation === "vertical" ? P.clientX : P.clientY) - p, k || (k = window.requestAnimationFrame(O));
+    }, S = () => {
+      window.removeEventListener("pointermove", E), window.removeEventListener("pointerup", S), window.removeEventListener("pointercancel", S), k && (window.cancelAnimationFrame(k), O()), delete x.dataset.resizeBlocked, x.hasPointerCapture(y) && x.releasePointerCapture(y), C(m);
+    };
+    window.addEventListener("pointermove", E), window.addEventListener("pointerup", S), window.addEventListener("pointercancel", S);
+  };
+  return /* @__PURE__ */ nt("div", { ref: L, role: "group", "aria-label": n, "data-testid": D, className: it("relative h-full min-h-0 min-w-0", u), children: [
+    B && /* @__PURE__ */ N(
+      St,
+      {
+        width: A,
+        layout: wt,
+        gridConfig: { cols: i, rowHeight: tt, margin: [h, h], containerPadding: [0, 0], maxRows: s },
+        dragConfig: { enabled: !0, bounded: !0, handle: ".af-workspace-grid-handle", threshold: 3 },
+        resizeConfig: { enabled: !1 },
+        compactor: Pt,
+        autoSize: !1,
+        style: { height: Y },
+        className: "h-full",
+        onDragStart: dt,
+        onDrag: yt,
+        onDragStop: bt,
+        children: a.map((c) => {
+          const l = xt.get(c.id) ?? o.find((x) => x.i === c.id);
+          return /* @__PURE__ */ nt(
+            "div",
+            {
+              "data-workspace-grid-item": !0,
+              "data-testid": `workspace-grid-item-${c.id}`,
+              "data-grid-x": l == null ? void 0 : l.x,
+              "data-grid-y": l == null ? void 0 : l.y,
+              "data-grid-w": l == null ? void 0 : l.w,
+              "data-grid-h": l == null ? void 0 : l.h,
+              className: "group/workspace-grid-item min-h-0 min-w-0",
+              children: [
+                /* @__PURE__ */ N(
+                  "button",
+                  {
+                    type: "button",
+                    "data-workspace-drag-handle": !0,
+                    "data-testid": `workspace-drag-handle-${c.id}`,
+                    "aria-label": t(c.label),
+                    onKeyDown: (x) => mt(x, c.id),
+                    className: "af-workspace-grid-handle absolute left-1/2 top-0.5 z-30 grid size-5 -translate-x-1/2 cursor-grab touch-none place-items-center rounded-control bg-surface-raised text-graphite shadow-pop transition-opacity hover:text-ink active:cursor-grabbing",
+                    children: /* @__PURE__ */ N(rt, { size: 12, "aria-hidden": !0 })
+                  }
+                ),
+                /* @__PURE__ */ N("div", { className: "h-full min-h-0 min-w-0", children: c.content })
+              ]
+            },
+            c.id
+          );
+        })
+      }
+    ),
+    B && pt.map((c) => {
+      const l = c.orientation === "vertical", x = c.start * (l ? $ : I), y = (c.end - c.start) * (l ? $ : I) - h, M = c.boundary * (l ? I : $) - h / 2;
+      return /* @__PURE__ */ N(
+        "div",
+        {
+          role: "separator",
+          tabIndex: 0,
+          "aria-label": e,
+          "aria-orientation": l ? "vertical" : "horizontal",
+          "aria-valuemin": 1,
+          "aria-valuemax": l ? i - 1 : s - 1,
+          "aria-valuenow": c.boundary,
+          "data-workspace-resize-divider": !0,
+          "data-orientation": c.orientation,
+          "data-boundary": c.boundary,
+          "data-before-panels": c.before.join(" "),
+          "data-after-panels": c.after.join(" "),
+          onPointerDown: (p) => vt(p, c),
+          onKeyDown: (p) => Mt(p, c),
+          className: it(
+            "group absolute z-40 grid touch-none place-items-center outline-none hover:bg-rust/20 focus-visible:bg-rust/20 data-[resize-blocked=true]:cursor-not-allowed data-[resize-blocked=true]:bg-down/25",
+            l ? "-translate-x-1/2 cursor-col-resize" : "-translate-y-1/2 cursor-row-resize"
+          ),
+          style: l ? { left: M, top: x, width: Math.max(10, h), height: y } : { left: x, top: M, width: y, height: Math.max(10, h) },
+          children: /* @__PURE__ */ N("span", { className: "grid size-5 place-items-center rounded-control bg-surface-raised text-graphite opacity-0 shadow-pop group-hover:opacity-100 group-focus-visible:opacity-100", children: l ? /* @__PURE__ */ N(rt, { size: 12, "aria-hidden": !0 }) : /* @__PURE__ */ N(Dt, { size: 12, "aria-hidden": !0 }) })
+        },
+        c.id
+      );
+    })
+  ] });
+}
+export {
+  Gt as WorkspaceGrid
+};

package/dist/focus-modality.js

@@ -1,17 +1,5 @@
-const i = "data-af-input-modality", o = Symbol.for("agent-factory.ui-kit.focus-modality");
-function u() {
-  if (typeof document > "u") return;
-  const e = globalThis;
-  if (e[o]) return;
-  e[o] = !0;
-  const n = (t) => {
-    document.documentElement.setAttribute(i, t);
-  };
-  document.addEventListener("pointerdown", () => n("pointer"), !0), document.addEventListener("keydown", (t) => {
-    ["Shift", "Control", "Alt", "Meta"].includes(t.key) || n("keyboard");
-  }, !0);
-}
-u();
+import { installUiFocusModality as o } from "./lib/focus-modality.js";
+o();
 export {
-  u as installUiFocusModality
+  o as installUiFocusModality
 };

package/dist/index.d.ts

@@ -51,7 +51,7 @@ export { HoverTip, type HoverTipVariant } from "./components/hover-tip";
 export { IconTip } from "./components/icon-tip";
 export { SlidingTabs, useSlideIndicator } from "./components/sliding-tabs";
 export { SegSlider } from "./components/seg-slider";
-export { TagPill, TagList, type TagLevel, type TagSize } from "./components/tag-pill";
+export { TagPill, TagList, type TagLevel, type TagSize, type TagDotTone } from "./components/tag-pill";
 export { StatCard } from "./components/stat-card";
 export { StatsTable } from "./components/stats-table";
 export { LineChart, Donut } from "./components/line-chart";