@spear-ai/spectral 1.3.10 → 1.3.12

package/dist/features/LabelingTools.js

@@ -0,0 +1,107 @@
+import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { Badge as s } from "../Badge.js";
+import "../Icons/AnnotationsIcon.js";
+import "../Icons/CalendarIcon.js";
+import "../Icons/ClockIcon.js";
+import { DeleteIcon as c } from "../Icons/DeleteIcon.js";
+import "../Icons/DurationIcon.js";
+import { EraserIcon as m } from "../Icons/EraserIcon.js";
+import "../Icons/GoToFirstIcon.js";
+import "../Icons/GoToLastIcon.js";
+import { LabelIcon as a } from "../Icons/LabelIcon.js";
+import { LassoIcon as h } from "../Icons/LassoIcon.js";
+import { LineToolIcon as p } from "../Icons/LineToolIcon.js";
+import "../Icons/LiveViewIcon.js";
+import "../Icons/LocationIcon.js";
+import { MetadataIcon as f } from "../Icons/MetadataIcon.js";
+import { OntologyIcon as g } from "../Icons/OntologyIcon.js";
+import "../Icons/PlayIcon.js";
+import { PlusIcon as u } from "../Icons/PlusIcon.js";
+import "../Icons/ResetIcon.js";
+import { ScissorsIcon as v } from "../Icons/ScissorsIcon.js";
+import "../Icons/TrashIcon.js";
+import { UndoIcon as b } from "../Icons/UndoIcon.js";
+import "../Icons/ZoomAllIcon.js";
+import "../Icons/ZoomXIcon.js";
+import "../Icons/ZoomYIcon.js";
+import { Toggle as d } from "../Toggle.js";
+import { ToggleGroup as n, ToggleGroupItem as t } from "../ToggleGroup.js";
+import { Tooltip as l, TooltipTrigger as o, TooltipContent as r } from "../Tooltip.js";
+const V = () => /* @__PURE__ */ i("div", { className: "align-center flex gap-4", children: [
+  /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ i(n, { type: "single", variant: "outline", children: [
+    /* @__PURE__ */ i(l, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ i(t, { value: "crosshairs", children: [
+        /* @__PURE__ */ e(u, { size: 22 }),
+        /* @__PURE__ */ e(s, { className: "ml-1", children: "C" })
+      ] }) }),
+      /* @__PURE__ */ e(r, { sideOffset: 8, side: "bottom", children: "Crosshairs tool (C)" })
+    ] }),
+    /* @__PURE__ */ i(l, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ i(t, { value: "lasso", children: [
+        /* @__PURE__ */ e(h, { size: 22 }),
+        /* @__PURE__ */ e(s, { className: "ml-1", children: "L" })
+      ] }) }),
+      /* @__PURE__ */ e(r, { sideOffset: 8, side: "bottom", children: "Lasso tool (L)" })
+    ] }),
+    /* @__PURE__ */ i(l, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ i(t, { value: "points", children: [
+        /* @__PURE__ */ e(p, { size: 22 }),
+        /* @__PURE__ */ e(s, { className: "ml-1", children: "P" })
+      ] }) }),
+      /* @__PURE__ */ e(r, { sideOffset: 8, side: "bottom", children: "Points tool (P)" })
+    ] })
+  ] }) }),
+  /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ i(n, { type: "single", variant: "outline", children: [
+    /* @__PURE__ */ i(l, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ i(t, { value: "crosshairs", children: [
+        /* @__PURE__ */ e(v, { size: 22 }),
+        /* @__PURE__ */ e(s, { className: "ml-1", children: "⌘X" })
+      ] }) }),
+      /* @__PURE__ */ e(r, { sideOffset: 8, side: "bottom", children: "Scissor tool (⌘X)" })
+    ] }),
+    /* @__PURE__ */ i(l, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ i(t, { value: "lasso", children: [
+        /* @__PURE__ */ e(a, { size: 22 }),
+        /* @__PURE__ */ e(s, { className: "ml-1", children: "⌘T" })
+      ] }) }),
+      /* @__PURE__ */ e(r, { sideOffset: 8, side: "bottom", children: "Label tool (⌘T)" })
+    ] })
+  ] }) }),
+  /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ i(n, { type: "single", variant: "outline", children: [
+    /* @__PURE__ */ i(l, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ i(t, { value: "undo", children: [
+        /* @__PURE__ */ e(b, { size: 22 }),
+        /* @__PURE__ */ e(s, { className: "ml-1", children: "⌘X" })
+      ] }) }),
+      /* @__PURE__ */ e(r, { sideOffset: 8, side: "bottom", children: "Undo last (⌘X)" })
+    ] }),
+    /* @__PURE__ */ i(l, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ i(t, { value: "delete", children: [
+        /* @__PURE__ */ e(c, { size: 22 }),
+        /* @__PURE__ */ e(s, { className: "ml-1", children: "⌫" })
+      ] }) }),
+      /* @__PURE__ */ e(r, { sideOffset: 8, side: "bottom", children: "Delete selected (⌫)" })
+    ] }),
+    /* @__PURE__ */ i(l, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ i(t, { value: "clear", children: [
+        /* @__PURE__ */ e(m, { size: 22 }),
+        /* @__PURE__ */ e(s, { className: "ml-1", children: "⌘⇧A" })
+      ] }) }),
+      /* @__PURE__ */ e(r, { sideOffset: 8, side: "bottom", children: "Clear (⌘⇧A)" })
+    ] })
+  ] }) }),
+  /* @__PURE__ */ i("div", { className: "flex gap-4", children: [
+    /* @__PURE__ */ i(l, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(f, { size: 22 }) }) }),
+      /* @__PURE__ */ e(r, { sideOffset: 8, side: "bottom", children: "Metadata" })
+    ] }),
+    /* @__PURE__ */ i(l, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(g, { size: 22 }) }) }),
+      /* @__PURE__ */ e(r, { sideOffset: 8, side: "bottom", children: "Ontology" })
+    ] })
+  ] })
+] });
+export {
+  V as LabelingTools
+};

package/dist/hooks/useAccordionAutoScroll.js

@@ -0,0 +1,65 @@
+import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+import { useRef as h, useCallback as g, useEffect as E } from "react";
+const A = (u) => {
+  const o = h(null), l = h(null), a = g((t) => {
+    if (!t || t === document.body) return window;
+    const { overflow: d, overflowY: s } = window.getComputedStyle(t);
+    return /(auto|scroll)/.test(d) || /(auto|scroll)/.test(s) ? t : a(t.parentElement);
+  }, []);
+  return E(() => {
+    if (!u.current) return;
+    const t = new MutationObserver((d) => {
+      d.forEach((s) => {
+        if (s.attributeName === "data-state") {
+          const e = s.target, f = e.getAttribute("data-state"), w = e.closest("[data-scroll-options]");
+          if (!w) return;
+          try {
+            const i = w.getAttribute("data-scroll-options");
+            if (!i) return;
+            const v = JSON.parse(i), { autoScroll: p, scrollPadding: T } = v;
+            if (p === "never") return;
+            const n = a(e);
+            if (f === "open") {
+              if (p === "mobile" && window.innerHeight >= 768) return;
+              n === window ? o.current = window.scrollY : o.current = n.scrollTop, l.current = n, setTimeout(() => {
+                if (!e) return;
+                const r = e.getBoundingClientRect(), b = 0, m = T;
+                if (n === window) {
+                  const c = window.scrollY + r.top + m - b;
+                  window.scrollTo({
+                    top: c,
+                    behavior: "smooth"
+                  });
+                } else {
+                  const c = n, S = c.getBoundingClientRect(), C = r.top - S.top;
+                  c.scrollTo({
+                    top: c.scrollTop + C + m - b,
+                    behavior: "smooth"
+                  });
+                }
+              }, 100);
+            } else f === "closed" && o.current !== null && l.current && setTimeout(() => {
+              const r = l.current;
+              r === window ? window.scrollTo({
+                top: o.current,
+                behavior: "smooth"
+              }) : r instanceof HTMLElement && r.scrollTo({
+                top: o.current,
+                behavior: "smooth"
+              }), o.current = null, l.current = null;
+            }, 100);
+          } catch (i) {
+            console.error("Error handling accordion scroll:", { error: i });
+          }
+        }
+      });
+    });
+    return t.observe(u.current, { attributes: !0 }), () => {
+      t.disconnect();
+    };
+  }, [u, a]), g((t) => {
+  }, []);
+};
+export {
+  A as useAccordionAutoScroll
+};

package/dist/hooks/useOutsideClick.js

@@ -0,0 +1,16 @@
+import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+import { useRef as u, useEffect as o } from "react";
+function i(t) {
+  const e = u(null);
+  return o(() => {
+    const n = (r) => {
+      e.current && !e.current.contains(r.target) && t();
+    };
+    return document.addEventListener("mousedown", n), () => {
+      document.removeEventListener("mousedown", n);
+    };
+  }, [t]), e;
+}
+export {
+  i as useOutsideClick
+};

package/dist/hooks/useTheme.js

@@ -0,0 +1,19 @@
+import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+import { useState as n, useEffect as s } from "react";
+const d = (r = "dark") => {
+  const [t, m] = n(() => {
+    if (typeof window > "u") return r;
+    const e = localStorage.getItem("theme");
+    return e === "light" || e === "dark" ? e : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  }), o = (e) => {
+    m(e);
+  }, a = () => {
+    o(t === "dark" ? "light" : "dark");
+  };
+  return s(() => {
+    document.documentElement.setAttribute("data-theme", t), localStorage.setItem("theme", t);
+  }, [t]), { theme: t, setTheme: o, toggleTheme: a };
+};
+export {
+  d as useTheme
+};

package/dist/index-B7LSgz_k.js

@@ -0,0 +1,446 @@
+import * as o from "react";
+import { jsx as y, Fragment as H } from "react/jsx-runtime";
+import * as V from "react-dom";
+import z from "react-dom";
+function S(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(r) {
+    if (e?.(r), n === !1 || !r.defaultPrevented)
+      return t?.(r);
+  };
+}
+function I(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function F(...e) {
+  return (t) => {
+    let n = !1;
+    const s = e.map((r) => {
+      const i = I(r, t);
+      return !n && typeof i == "function" && (n = !0), i;
+    });
+    if (n)
+      return () => {
+        for (let r = 0; r < s.length; r++) {
+          const i = s[r];
+          typeof i == "function" ? i() : I(e[r], null);
+        }
+      };
+  };
+}
+function w(...e) {
+  return o.useCallback(F(...e), e);
+}
+function ge(e, t) {
+  const n = o.createContext(t), s = (i) => {
+    const { children: u, ...c } = i, l = o.useMemo(() => c, Object.values(c));
+    return /* @__PURE__ */ y(n.Provider, { value: l, children: u });
+  };
+  s.displayName = e + "Provider";
+  function r(i) {
+    const u = o.useContext(n);
+    if (u) return u;
+    if (t !== void 0) return t;
+    throw new Error(`\`${i}\` must be used within \`${e}\``);
+  }
+  return [s, r];
+}
+function Oe(e, t = []) {
+  let n = [];
+  function s(i, u) {
+    const c = o.createContext(u), l = n.length;
+    n = [...n, u];
+    const a = (f) => {
+      const { scope: p, children: v, ...E } = f, h = p?.[e]?.[l] || c, P = o.useMemo(() => E, Object.values(E));
+      return /* @__PURE__ */ y(h.Provider, { value: P, children: v });
+    };
+    a.displayName = i + "Provider";
+    function d(f, p) {
+      const v = p?.[e]?.[l] || c, E = o.useContext(v);
+      if (E) return E;
+      if (u !== void 0) return u;
+      throw new Error(`\`${f}\` must be used within \`${i}\``);
+    }
+    return [a, d];
+  }
+  const r = () => {
+    const i = n.map((u) => o.createContext(u));
+    return function(c) {
+      const l = c?.[e] || i;
+      return o.useMemo(
+        () => ({ [`__scope${e}`]: { ...c, [e]: l } }),
+        [c, l]
+      );
+    };
+  };
+  return r.scopeName = e, [s, K(r, ...t)];
+}
+function K(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
+    const s = e.map((r) => ({
+      useScope: r(),
+      scopeName: r.scopeName
+    }));
+    return function(i) {
+      const u = s.reduce((c, { useScope: l, scopeName: a }) => {
+        const f = l(i)[`__scope${a}`];
+        return { ...c, ...f };
+      }, {});
+      return o.useMemo(() => ({ [`__scope${t.scopeName}`]: u }), [u]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+var b = globalThis?.document ? o.useLayoutEffect : () => {
+}, X = o[" useId ".trim().toString()] || (() => {
+}), Y = 0;
+function Se(e) {
+  const [t, n] = o.useState(X());
+  return b(() => {
+    n((s) => s ?? String(Y++));
+  }, [e]), e || (t ? `radix-${t}` : "");
+}
+var Z = o[" useInsertionEffect ".trim().toString()] || b;
+function Re({
+  prop: e,
+  defaultProp: t,
+  onChange: n = () => {
+  },
+  caller: s
+}) {
+  const [r, i, u] = q({
+    defaultProp: t,
+    onChange: n
+  }), c = e !== void 0, l = c ? e : r;
+  {
+    const d = o.useRef(e !== void 0);
+    o.useEffect(() => {
+      const f = d.current;
+      f !== c && console.warn(
+        `${s} is changing from ${f ? "controlled" : "uncontrolled"} to ${c ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), d.current = c;
+    }, [c, s]);
+  }
+  const a = o.useCallback(
+    (d) => {
+      if (c) {
+        const f = G(d) ? d(e) : d;
+        f !== e && u.current?.(f);
+      } else
+        i(d);
+    },
+    [c, e, i, u]
+  );
+  return [l, a];
+}
+function q({
+  defaultProp: e,
+  onChange: t
+}) {
+  const [n, s] = o.useState(e), r = o.useRef(n), i = o.useRef(t);
+  return Z(() => {
+    i.current = t;
+  }, [t]), o.useEffect(() => {
+    r.current !== n && (i.current?.(n), r.current = n);
+  }, [n, r]), [n, s, i];
+}
+function G(e) {
+  return typeof e == "function";
+}
+// @__NO_SIDE_EFFECTS__
+function J(e) {
+  const t = /* @__PURE__ */ Q(e), n = o.forwardRef((s, r) => {
+    const { children: i, ...u } = s, c = o.Children.toArray(i), l = c.find(ee);
+    if (l) {
+      const a = l.props.children, d = c.map((f) => f === l ? o.Children.count(a) > 1 ? o.Children.only(null) : o.isValidElement(a) ? a.props.children : null : f);
+      return /* @__PURE__ */ y(t, { ...u, ref: r, children: o.isValidElement(a) ? o.cloneElement(a, void 0, d) : null });
+    }
+    return /* @__PURE__ */ y(t, { ...u, ref: r, children: i });
+  });
+  return n.displayName = `${e}.Slot`, n;
+}
+// @__NO_SIDE_EFFECTS__
+function Q(e) {
+  const t = o.forwardRef((n, s) => {
+    const { children: r, ...i } = n;
+    if (o.isValidElement(r)) {
+      const u = ne(r), c = te(i, r.props);
+      return r.type !== o.Fragment && (c.ref = s ? F(s, u) : u), o.cloneElement(r, c);
+    }
+    return o.Children.count(r) > 1 ? o.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var W = Symbol("radix.slottable");
+// @__NO_SIDE_EFFECTS__
+function we(e) {
+  const t = ({ children: n }) => /* @__PURE__ */ y(H, { children: n });
+  return t.displayName = `${e}.Slottable`, t.__radixId = W, t;
+}
+function ee(e) {
+  return o.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === W;
+}
+function te(e, t) {
+  const n = { ...t };
+  for (const s in t) {
+    const r = e[s], i = t[s];
+    /^on[A-Z]/.test(s) ? r && i ? n[s] = (...c) => {
+      const l = i(...c);
+      return r(...c), l;
+    } : r && (n[s] = r) : s === "style" ? n[s] = { ...r, ...i } : s === "className" && (n[s] = [r, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...n };
+}
+function ne(e) {
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var re = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], N = re.reduce((e, t) => {
+  const n = /* @__PURE__ */ J(`Primitive.${t}`), s = o.forwardRef((r, i) => {
+    const { asChild: u, ...c } = r, l = u ? n : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ y(l, { ...c, ref: i });
+  });
+  return s.displayName = `Primitive.${t}`, { ...e, [t]: s };
+}, {});
+function oe(e, t) {
+  e && V.flushSync(() => e.dispatchEvent(t));
+}
+function D(e) {
+  const t = o.useRef(e);
+  return o.useEffect(() => {
+    t.current = e;
+  }), o.useMemo(() => (...n) => t.current?.(...n), []);
+}
+function se(e, t = globalThis?.document) {
+  const n = D(e);
+  o.useEffect(() => {
+    const s = (r) => {
+      r.key === "Escape" && n(r);
+    };
+    return t.addEventListener("keydown", s, { capture: !0 }), () => t.removeEventListener("keydown", s, { capture: !0 });
+  }, [n, t]);
+}
+var ie = "DismissableLayer", R = "dismissableLayer.update", ce = "dismissableLayer.pointerDownOutside", ae = "dismissableLayer.focusOutside", M, U = o.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), ue = o.forwardRef(
+  (e, t) => {
+    const {
+      disableOutsidePointerEvents: n = !1,
+      onEscapeKeyDown: s,
+      onPointerDownOutside: r,
+      onFocusOutside: i,
+      onInteractOutside: u,
+      onDismiss: c,
+      ...l
+    } = e, a = o.useContext(U), [d, f] = o.useState(null), p = d?.ownerDocument ?? globalThis?.document, [, v] = o.useState({}), E = w(t, (m) => f(m)), h = Array.from(a.layers), [P] = [...a.layersWithOutsidePointerEventsDisabled].slice(-1), B = h.indexOf(P), L = d ? h.indexOf(d) : -1, k = a.layersWithOutsidePointerEventsDisabled.size > 0, A = L >= B, j = fe((m) => {
+      const C = m.target, T = [...a.branches].some((O) => O.contains(C));
+      !A || T || (r?.(m), u?.(m), m.defaultPrevented || c?.());
+    }, p), x = me((m) => {
+      const C = m.target;
+      [...a.branches].some((O) => O.contains(C)) || (i?.(m), u?.(m), m.defaultPrevented || c?.());
+    }, p);
+    return se((m) => {
+      L === a.layers.size - 1 && (s?.(m), !m.defaultPrevented && c && (m.preventDefault(), c()));
+    }, p), o.useEffect(() => {
+      if (d)
+        return n && (a.layersWithOutsidePointerEventsDisabled.size === 0 && (M = p.body.style.pointerEvents, p.body.style.pointerEvents = "none"), a.layersWithOutsidePointerEventsDisabled.add(d)), a.layers.add(d), _(), () => {
+          n && a.layersWithOutsidePointerEventsDisabled.size === 1 && (p.body.style.pointerEvents = M);
+        };
+    }, [d, p, n, a]), o.useEffect(() => () => {
+      d && (a.layers.delete(d), a.layersWithOutsidePointerEventsDisabled.delete(d), _());
+    }, [d, a]), o.useEffect(() => {
+      const m = () => v({});
+      return document.addEventListener(R, m), () => document.removeEventListener(R, m);
+    }, []), /* @__PURE__ */ y(
+      N.div,
+      {
+        ...l,
+        ref: E,
+        style: {
+          pointerEvents: k ? A ? "auto" : "none" : void 0,
+          ...e.style
+        },
+        onFocusCapture: S(e.onFocusCapture, x.onFocusCapture),
+        onBlurCapture: S(e.onBlurCapture, x.onBlurCapture),
+        onPointerDownCapture: S(
+          e.onPointerDownCapture,
+          j.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+ue.displayName = ie;
+var le = "DismissableLayerBranch", de = o.forwardRef((e, t) => {
+  const n = o.useContext(U), s = o.useRef(null), r = w(t, s);
+  return o.useEffect(() => {
+    const i = s.current;
+    if (i)
+      return n.branches.add(i), () => {
+        n.branches.delete(i);
+      };
+  }, [n.branches]), /* @__PURE__ */ y(N.div, { ...e, ref: r });
+});
+de.displayName = le;
+function fe(e, t = globalThis?.document) {
+  const n = D(e), s = o.useRef(!1), r = o.useRef(() => {
+  });
+  return o.useEffect(() => {
+    const i = (c) => {
+      if (c.target && !s.current) {
+        let l = function() {
+          $(
+            ce,
+            n,
+            a,
+            { discrete: !0 }
+          );
+        };
+        const a = { originalEvent: c };
+        c.pointerType === "touch" ? (t.removeEventListener("click", r.current), r.current = l, t.addEventListener("click", r.current, { once: !0 })) : l();
+      } else
+        t.removeEventListener("click", r.current);
+      s.current = !1;
+    }, u = window.setTimeout(() => {
+      t.addEventListener("pointerdown", i);
+    }, 0);
+    return () => {
+      window.clearTimeout(u), t.removeEventListener("pointerdown", i), t.removeEventListener("click", r.current);
+    };
+  }, [t, n]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => s.current = !0
+  };
+}
+function me(e, t = globalThis?.document) {
+  const n = D(e), s = o.useRef(!1);
+  return o.useEffect(() => {
+    const r = (i) => {
+      i.target && !s.current && $(ae, n, { originalEvent: i }, {
+        discrete: !1
+      });
+    };
+    return t.addEventListener("focusin", r), () => t.removeEventListener("focusin", r);
+  }, [t, n]), {
+    onFocusCapture: () => s.current = !0,
+    onBlurCapture: () => s.current = !1
+  };
+}
+function _() {
+  const e = new CustomEvent(R);
+  document.dispatchEvent(e);
+}
+function $(e, t, n, { discrete: s }) {
+  const r = n.originalEvent.target, i = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
+  t && r.addEventListener(e, t, { once: !0 }), s ? oe(r, i) : r.dispatchEvent(i);
+}
+var pe = "Portal", ve = o.forwardRef((e, t) => {
+  const { container: n, ...s } = e, [r, i] = o.useState(!1);
+  b(() => i(!0), []);
+  const u = n || r && globalThis?.document?.body;
+  return u ? z.createPortal(/* @__PURE__ */ y(N.div, { ...s, ref: t }), u) : null;
+});
+ve.displayName = pe;
+function Ee(e, t) {
+  return o.useReducer((n, s) => t[n][s] ?? n, e);
+}
+var ye = (e) => {
+  const { present: t, children: n } = e, s = he(t), r = typeof n == "function" ? n({ present: s.isPresent }) : o.Children.only(n), i = w(s.ref, Pe(r));
+  return typeof n == "function" || s.isPresent ? o.cloneElement(r, { ref: i }) : null;
+};
+ye.displayName = "Presence";
+function he(e) {
+  const [t, n] = o.useState(), s = o.useRef(null), r = o.useRef(e), i = o.useRef("none"), u = e ? "mounted" : "unmounted", [c, l] = Ee(u, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return o.useEffect(() => {
+    const a = g(s.current);
+    i.current = c === "mounted" ? a : "none";
+  }, [c]), b(() => {
+    const a = s.current, d = r.current;
+    if (d !== e) {
+      const p = i.current, v = g(a);
+      e ? l("MOUNT") : v === "none" || a?.display === "none" ? l("UNMOUNT") : l(d && p !== v ? "ANIMATION_OUT" : "UNMOUNT"), r.current = e;
+    }
+  }, [e, l]), b(() => {
+    if (t) {
+      let a;
+      const d = t.ownerDocument.defaultView ?? window, f = (v) => {
+        const h = g(s.current).includes(CSS.escape(v.animationName));
+        if (v.target === t && h && (l("ANIMATION_END"), !r.current)) {
+          const P = t.style.animationFillMode;
+          t.style.animationFillMode = "forwards", a = d.setTimeout(() => {
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = P);
+          });
+        }
+      }, p = (v) => {
+        v.target === t && (i.current = g(s.current));
+      };
+      return t.addEventListener("animationstart", p), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
+        d.clearTimeout(a), t.removeEventListener("animationstart", p), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
+      };
+    } else
+      l("ANIMATION_END");
+  }, [t, l]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(c),
+    ref: o.useCallback((a) => {
+      s.current = a ? getComputedStyle(a) : null, n(a);
+    }, [])
+  };
+}
+function g(e) {
+  return e?.animationName || "none";
+}
+function Pe(e) {
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+export {
+  ue as D,
+  ye as P,
+  Se as a,
+  ve as b,
+  Oe as c,
+  w as d,
+  N as e,
+  S as f,
+  J as g,
+  we as h,
+  ge as i,
+  b as j,
+  D as k,
+  Re as u
+};

package/dist/index-CRBC94ik.js

@@ -0,0 +1,34 @@
+import { a as O } from "./twUtils-CRiPKpXj.js";
+const m = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = O, j = (e, l) => (n) => {
+  var u;
+  if (l?.variants == null) return y(e, n?.class, n?.className);
+  const { variants: r, defaultVariants: d } = l, V = Object.keys(r).map((t) => {
+    const a = n?.[t], s = d?.[t];
+    if (a === null) return null;
+    const i = m(a) || m(s);
+    return r[t][i];
+  }), v = n && Object.entries(n).reduce((t, a) => {
+    let [s, i] = a;
+    return i === void 0 || (t[s] = i), t;
+  }, {}), N = l == null || (u = l.compoundVariants) === null || u === void 0 ? void 0 : u.reduce((t, a) => {
+    let { class: s, className: i, ...f } = a;
+    return Object.entries(f).every((C) => {
+      let [c, o] = C;
+      return Array.isArray(o) ? o.includes({
+        ...d,
+        ...v
+      }[c]) : {
+        ...d,
+        ...v
+      }[c] === o;
+    }) ? [
+      ...t,
+      s,
+      i
+    ] : t;
+  }, []);
+  return y(e, V, N, n?.class, n?.className);
+};
+export {
+  j as c
+};