@koide-labs/ui 0.0.14 → 0.1.0

package/dist/safePolygon-DnkzOIur.js

@@ -0,0 +1,558 @@
+import * as g from "react";
+import { a as ne } from "./floating-ui.utils.dom-cbi420Pg.js";
+import { u as V } from "./useStableCallback-DKZHlUAT.js";
+import { u as oe } from "./useIsoLayoutEffect-CIDbvm3Q.js";
+import { c as z, t as G } from "./createBaseUIEventDetails-CCSfZ2vM.js";
+import { a as le, u as me, g as pe } from "./transitions.module-D9mMAtfI.js";
+import { e as U, h as fe, f as K, T as ge } from "./element-u5WgOZX1.js";
+import { b as te } from "./event-B89-Ng5h.js";
+import * as he from "react-dom";
+import { u as Z } from "./useValueAsRef-B4EriRsI.js";
+import { u as se, T as Re } from "./useTimeout-BNni6aw5.js";
+import { c as Ee } from "./FloatingPortal-BQsQhvIr.js";
+const ae = Ee("safe-polygon"), be = `button,[role="button"],select,[tabindex]:not([tabindex="-1"]),${ge}`;
+function Te(s) {
+  return s ? !!s.closest(be) : !1;
+}
+function ee(s, t, n) {
+  if (n && !te(n))
+    return 0;
+  if (typeof s == "number")
+    return s;
+  if (typeof s == "function") {
+    const u = s();
+    return typeof u == "number" ? u : u?.[t];
+  }
+  return s?.[t];
+}
+function ce(s) {
+  return typeof s == "function" ? s() : s;
+}
+function Ae(s, t = {}) {
+  const n = "rootStore" in s ? s.rootStore : s, u = n.useState("open"), d = n.useState("floatingElement"), R = n.useState("domReferenceElement"), {
+    dataRef: b,
+    events: k
+  } = n.context, {
+    enabled: v = !0,
+    delay: N = 0,
+    handleClose: X = null,
+    mouseOnly: m = !1,
+    restMs: F = 0,
+    move: x = !0,
+    triggerElement: Y = null,
+    externalTree: w
+  } = t, _ = le(w), W = me(), I = Z(X), H = Z(N), D = Z(F), L = g.useRef(void 0), O = g.useRef(!1), p = se(), j = g.useRef(void 0), P = se(), h = g.useRef(!0), S = g.useRef(!1), l = g.useRef(() => {
+  }), e = g.useRef(!1), T = V(() => {
+    const o = b.current.openEvent?.type;
+    return o?.includes("mouse") && o !== "mousedown";
+  }), M = V(() => O.current ? !0 : b.current.openEvent ? ["click", "mousedown"].includes(b.current.openEvent.type) : !1);
+  g.useEffect(() => {
+    if (!v)
+      return;
+    function o(a) {
+      a.open || (p.clear(), P.clear(), h.current = !0, e.current = !1);
+    }
+    return k.on("openchange", o), () => {
+      k.off("openchange", o);
+    };
+  }, [v, k, p, P]), g.useEffect(() => {
+    if (!v || !I.current || !u)
+      return;
+    function o(E) {
+      M() || T() && n.setOpen(!1, z(G, E, E.currentTarget ?? void 0));
+    }
+    const a = U(d).documentElement;
+    return a.addEventListener("mouseleave", o), () => {
+      a.removeEventListener("mouseleave", o);
+    };
+  }, [d, u, n, v, I, T, M]);
+  const $ = g.useCallback((o, a = !0) => {
+    const E = ee(H.current, "close", L.current);
+    E && !j.current ? p.start(E, () => n.setOpen(!1, z(G, o))) : a && (p.clear(), n.setOpen(!1, z(G, o)));
+  }, [H, n, p]), f = V(() => {
+    l.current(), j.current = void 0;
+  }), i = V(() => {
+    if (S.current) {
+      const o = U(d).body;
+      o.style.pointerEvents = "", o.removeAttribute(ae), S.current = !1;
+    }
+  }), y = V((o) => {
+    const a = fe(o);
+    if (!Te(a)) {
+      O.current = !1;
+      return;
+    }
+    O.current = !0;
+  });
+  g.useEffect(() => {
+    if (!v)
+      return;
+    function o(r) {
+      if (p.clear(), h.current = !1, m && !te(L.current) || ce(D.current) > 0 && !ee(H.current, "open"))
+        return;
+      const B = ee(H.current, "open", L.current), q = r.currentTarget ?? void 0, Q = n.select("domReferenceElement"), re = Q && q && !K(Q, q);
+      B ? p.start(B, () => {
+        n.select("open") || n.setOpen(!0, z(G, r, q));
+      }) : (!u || re) && n.setOpen(!0, z(G, r, q));
+    }
+    function a(r) {
+      if (M()) {
+        i();
+        return;
+      }
+      l.current();
+      const B = U(d);
+      P.clear(), e.current = !1;
+      const q = n.context.triggerElements;
+      if (r.relatedTarget && q.hasElement(r.relatedTarget))
+        return;
+      if (I.current && b.current.floatingContext) {
+        u || p.clear(), j.current = I.current({
+          ...b.current.floatingContext,
+          tree: _,
+          x: r.clientX,
+          y: r.clientY,
+          onClose() {
+            i(), f(), M() || $(r, !0);
+          }
+        });
+        const re = j.current;
+        B.addEventListener("mousemove", re), l.current = () => {
+          B.removeEventListener("mousemove", re);
+        };
+        return;
+      }
+      (L.current !== "touch" || !K(d, r.relatedTarget)) && $(r);
+    }
+    function E(r) {
+      if (M() || !b.current.floatingContext || !n.select("open"))
+        return;
+      const B = n.context.triggerElements;
+      r.relatedTarget && B.hasElement(r.relatedTarget) || I.current?.({
+        ...b.current.floatingContext,
+        tree: _,
+        x: r.clientX,
+        y: r.clientY,
+        onClose() {
+          i(), f(), M() || $(r);
+        }
+      })(r);
+    }
+    function C() {
+      p.clear(), i();
+    }
+    function A(r) {
+      M() || $(r, !1);
+    }
+    const c = Y ?? R;
+    if (ne(c)) {
+      const r = d;
+      return u && c.addEventListener("mouseleave", E), x && c.addEventListener("mousemove", o, {
+        once: !0
+      }), c.addEventListener("mouseenter", o), c.addEventListener("mouseleave", a), r && (r.addEventListener("mouseleave", E), r.addEventListener("mouseenter", C), r.addEventListener("mouseleave", A), r.addEventListener("pointerdown", y, !0)), () => {
+        u && c.removeEventListener("mouseleave", E), x && c.removeEventListener("mousemove", o), c.removeEventListener("mouseenter", o), c.removeEventListener("mouseleave", a), r && (r.removeEventListener("mouseleave", E), r.removeEventListener("mouseenter", C), r.removeEventListener("mouseleave", A), r.removeEventListener("pointerdown", y, !0));
+      };
+    }
+  }, [v, m, x, R, d, Y, n, $, f, i, u, _, H, I, b, M, D, p, P, y]), oe(() => {
+    if (v && u && I.current?.__options?.blockPointerEvents && T()) {
+      S.current = !0;
+      const o = d;
+      if (ne(R) && o) {
+        const a = U(d).body;
+        a.setAttribute(ae, "");
+        const E = R, C = _?.nodesRef.current.find((A) => A.id === W)?.context?.elements.floating;
+        return C && (C.style.pointerEvents = ""), a.style.pointerEvents = "none", E.style.pointerEvents = "auto", o.style.pointerEvents = "auto", () => {
+          a.style.pointerEvents = "", E.style.pointerEvents = "", o.style.pointerEvents = "";
+        };
+      }
+    }
+  }, [v, u, W, _, I, T, R, d]), oe(() => {
+    u || (L.current = void 0, e.current = !1, O.current = !1, f(), i());
+  }, [u, f, i]), g.useEffect(() => () => {
+    f(), p.clear(), P.clear(), O.current = !1;
+  }, [v, R, f, p, P]), g.useEffect(() => i, [i]);
+  const J = g.useMemo(() => {
+    function o(a) {
+      L.current = a.pointerType;
+    }
+    return {
+      onPointerDown: o,
+      onPointerEnter: o,
+      onMouseMove(a) {
+        const {
+          nativeEvent: E
+        } = a, C = a.currentTarget, A = n.select("domReferenceElement") && !K(n.select("domReferenceElement"), a.target);
+        function c() {
+          !h.current && (!n.select("open") || A) && n.setOpen(!0, z(G, E, C));
+        }
+        m && !te(L.current) || n.select("open") && !A || ce(D.current) === 0 || !A && e.current && a.movementX ** 2 + a.movementY ** 2 < 2 || (P.clear(), L.current === "touch" || A ? c() : (e.current = !0, P.start(ce(D.current), c)));
+      }
+    };
+  }, [m, n, D, P]);
+  return g.useMemo(() => v ? {
+    reference: J
+  } : {}, [v, J]);
+}
+const ue = Ee("safe-polygon"), Me = `button,a,[role="button"],select,[tabindex]:not([tabindex="-1"]),${ge}`;
+function ye(s) {
+  return s ? !!s.closest(Me) : !1;
+}
+function ve(s) {
+  const t = g.useRef(void 0), n = g.useRef(!1), u = g.useRef(void 0), d = g.useRef(!0), R = g.useRef(!1), b = g.useRef(() => {
+  }), k = g.useRef(!1), v = se(), N = se(), X = g.useRef(void 0);
+  return g.useMemo(() => {
+    const m = s.context.dataRef.current;
+    return m.hoverInteractionState || (m.hoverInteractionState = {
+      pointerTypeRef: t,
+      interactedInsideRef: n,
+      handlerRef: u,
+      blockMouseMoveRef: d,
+      performedPointerEventsMutationRef: R,
+      unbindMouseMoveRef: b,
+      restTimeoutPendingRef: k,
+      openChangeTimeout: v,
+      restTimeout: N,
+      handleCloseOptionsRef: X
+    }), m.hoverInteractionState;
+  }, [s, t, n, u, d, R, b, k, v, N, X]);
+}
+const Le = /* @__PURE__ */ new Set(["click", "mousedown"]);
+function _e(s, t = {}) {
+  const n = "rootStore" in s ? s.rootStore : s, u = n.useState("open"), d = n.useState("floatingElement"), R = n.useState("domReferenceElement"), {
+    dataRef: b
+  } = n.context, {
+    enabled: k = !0,
+    closeDelay: v = 0,
+    externalTree: N
+  } = t, {
+    pointerTypeRef: X,
+    interactedInsideRef: m,
+    handlerRef: F,
+    performedPointerEventsMutationRef: x,
+    unbindMouseMoveRef: Y,
+    restTimeoutPendingRef: w,
+    openChangeTimeout: _,
+    handleCloseOptionsRef: W
+  } = ve(n), I = le(N), H = me(), D = V(() => m.current ? !0 : b.current.openEvent ? Le.has(b.current.openEvent.type) : !1), L = V(() => {
+    const h = b.current.openEvent?.type;
+    return h?.includes("mouse") && h !== "mousedown";
+  }), O = g.useCallback((h, S = !0) => {
+    const l = Pe(v, X.current);
+    l && !F.current ? _.start(l, () => n.setOpen(!1, z(G, h))) : S && (_.clear(), n.setOpen(!1, z(G, h)));
+  }, [v, F, n, X, _]), p = V(() => {
+    Y.current(), F.current = void 0;
+  }), j = V(() => {
+    if (x.current) {
+      const h = U(d).body;
+      h.style.pointerEvents = "", h.removeAttribute(ue), x.current = !1;
+    }
+  }), P = V((h) => {
+    const S = fe(h);
+    if (!ye(S)) {
+      m.current = !1;
+      return;
+    }
+    m.current = !0;
+  });
+  oe(() => {
+    u || (X.current = void 0, w.current = !1, m.current = !1, p(), j());
+  }, [u, X, w, m, p, j]), g.useEffect(() => () => {
+    p();
+  }, [p]), g.useEffect(() => j, [j]), oe(() => {
+    if (k && u && W.current?.blockPointerEvents && L() && ne(R) && d) {
+      x.current = !0;
+      const h = U(d).body;
+      h.setAttribute(ue, "");
+      const S = R, l = d, e = I?.nodesRef.current.find((T) => T.id === H)?.context?.elements.floating;
+      return e && (e.style.pointerEvents = ""), h.style.pointerEvents = "none", S.style.pointerEvents = "auto", l.style.pointerEvents = "auto", () => {
+        h.style.pointerEvents = "", S.style.pointerEvents = "", l.style.pointerEvents = "";
+      };
+    }
+  }, [k, u, R, d, W, L, I, H, x]), g.useEffect(() => {
+    if (!k)
+      return;
+    function h(T) {
+      if (D() || !b.current.floatingContext || !n.select("open"))
+        return;
+      const M = n.context.triggerElements;
+      T.relatedTarget && M.hasElement(T.relatedTarget) || (j(), p(), D() || O(T));
+    }
+    function S(T) {
+      _.clear(), j(), F.current?.(T), p();
+    }
+    function l(T) {
+      D() || O(T, !1);
+    }
+    const e = d;
+    return e && (e.addEventListener("mouseleave", h), e.addEventListener("mouseenter", S), e.addEventListener("mouseleave", l), e.addEventListener("pointerdown", P, !0)), () => {
+      e && (e.removeEventListener("mouseleave", h), e.removeEventListener("mouseenter", S), e.removeEventListener("mouseleave", l), e.removeEventListener("pointerdown", P, !0));
+    };
+  });
+}
+function Pe(s, t) {
+  return t && !te(t) ? 0 : typeof s == "function" ? s() : s;
+}
+function ie(s) {
+  return typeof s == "function" ? s() : s;
+}
+const Ce = {
+  current: null
+};
+function $e(s, t = {}) {
+  const n = "rootStore" in s ? s.rootStore : s, {
+    dataRef: u,
+    events: d
+  } = n.context, {
+    enabled: R = !0,
+    delay: b = 0,
+    handleClose: k = null,
+    mouseOnly: v = !1,
+    restMs: N = 0,
+    move: X = !0,
+    triggerElementRef: m = Ce,
+    externalTree: F,
+    isActiveTrigger: x = !0
+  } = t, Y = le(F), {
+    pointerTypeRef: w,
+    interactedInsideRef: _,
+    handlerRef: W,
+    blockMouseMoveRef: I,
+    performedPointerEventsMutationRef: H,
+    unbindMouseMoveRef: D,
+    restTimeoutPendingRef: L,
+    openChangeTimeout: O,
+    restTimeout: p,
+    handleCloseOptionsRef: j
+  } = ve(n), P = Z(k), h = Z(b), S = Z(N);
+  x && (j.current = P.current?.__options);
+  const l = V(() => _.current ? !0 : u.current.openEvent ? ["click", "mousedown"].includes(u.current.openEvent.type) : !1), e = g.useCallback((f, i = !0) => {
+    const y = ee(h.current, "close", w.current);
+    y && !W.current ? O.start(y, () => n.setOpen(!1, z(G, f))) : i && (O.clear(), n.setOpen(!1, z(G, f)));
+  }, [h, W, n, w, O]), T = V(() => {
+    D.current(), W.current = void 0;
+  }), M = V(() => {
+    if (H.current) {
+      const f = U(n.select("domReferenceElement")).body;
+      f.style.pointerEvents = "", f.removeAttribute(ue), H.current = !1;
+    }
+  });
+  g.useEffect(() => {
+    if (!R)
+      return;
+    function f(i) {
+      i.open || (O.clear(), p.clear(), I.current = !0, L.current = !1);
+    }
+    return d.on("openchange", f), () => {
+      d.off("openchange", f);
+    };
+  }, [R, d, O, p, I, L]);
+  const $ = V((f) => {
+    if (l() || !u.current.floatingContext)
+      return;
+    const i = n.context.triggerElements;
+    if (f.relatedTarget && i.hasElement(f.relatedTarget))
+      return;
+    const y = m.current;
+    P.current?.({
+      ...u.current.floatingContext,
+      tree: Y,
+      x: f.clientX,
+      y: f.clientY,
+      onClose() {
+        M(), T(), !l() && y === n.select("domReferenceElement") && e(f);
+      }
+    })(f);
+  });
+  return g.useEffect(() => {
+    if (!R)
+      return;
+    const f = m.current ?? (x ? n.select("domReferenceElement") : null);
+    if (!ne(f))
+      return;
+    function i(o) {
+      if (O.clear(), I.current = !1, v && !te(w.current) || ie(S.current) > 0 && !ee(h.current, "open"))
+        return;
+      const a = ee(h.current, "open", w.current), E = n.select("domReferenceElement"), C = n.context.triggerElements, A = (C.hasElement(o.target) || C.hasMatchingElement((B) => K(B, o.target))) && (!E || !K(E, o.target)), c = o.currentTarget ?? null, r = !n.select("open") || A;
+      a ? O.start(a, () => {
+        r && n.setOpen(!0, z(G, o, c));
+      }) : r && n.setOpen(!0, z(G, o, c));
+    }
+    function y(o) {
+      if (l()) {
+        M();
+        return;
+      }
+      D.current();
+      const a = n.select("domReferenceElement"), E = U(a);
+      p.clear(), L.current = !1;
+      const C = n.context.triggerElements;
+      if (o.relatedTarget && C.hasElement(o.relatedTarget))
+        return;
+      if (P.current && u.current.floatingContext) {
+        n.select("open") || O.clear();
+        const c = m.current;
+        W.current = P.current({
+          ...u.current.floatingContext,
+          tree: Y,
+          x: o.clientX,
+          y: o.clientY,
+          onClose() {
+            M(), T(), !l() && c === n.select("domReferenceElement") && e(o, !0);
+          }
+        });
+        const r = W.current;
+        r(o), E.addEventListener("mousemove", r), D.current = () => {
+          E.removeEventListener("mousemove", r);
+        };
+        return;
+      }
+      (w.current !== "touch" || !K(n.select("floatingElement"), o.relatedTarget)) && e(o);
+    }
+    function J(o) {
+      $(o);
+    }
+    return n.select("open") && f.addEventListener("mouseleave", J), X && f.addEventListener("mousemove", i, {
+      once: !0
+    }), f.addEventListener("mouseenter", i), f.addEventListener("mouseleave", y), () => {
+      f.removeEventListener("mouseleave", J), X && f.removeEventListener("mousemove", i), f.removeEventListener("mouseenter", i), f.removeEventListener("mouseleave", y);
+    };
+  }, [T, M, I, u, h, e, n, R, P, $, x, l, v, X, w, S, p, L, O, m, Y, D, W]), g.useMemo(() => {
+    function f(i) {
+      w.current = i.pointerType;
+    }
+    return {
+      onPointerDown: f,
+      onPointerEnter: f,
+      onMouseMove(i) {
+        const {
+          nativeEvent: y
+        } = i, J = i.currentTarget, o = n.select("domReferenceElement"), a = n.context.triggerElements, E = n.select("open"), C = (a.hasElement(i.target) || a.hasMatchingElement((c) => K(c, i.target))) && (!o || !K(o, i.target));
+        if (v && !te(w.current) || E && !C || ie(S.current) === 0 || !C && L.current && i.movementX ** 2 + i.movementY ** 2 < 2)
+          return;
+        p.clear();
+        function A() {
+          !I.current && (!E || C) && n.setOpen(!0, z(G, y, J));
+        }
+        w.current === "touch" ? he.flushSync(() => {
+          A();
+        }) : C && E ? A() : (L.current = !0, p.start(ie(S.current), A));
+      }
+    };
+  }, [I, v, n, w, S, p, L]);
+}
+function de(s, t) {
+  const [n, u] = s;
+  let d = !1;
+  const R = t.length;
+  for (let b = 0, k = R - 1; b < R; k = b++) {
+    const [v, N] = t[b] || [0, 0], [X, m] = t[k] || [0, 0];
+    N >= u != m >= u && n <= (X - v) * (u - N) / (m - N) + v && (d = !d);
+  }
+  return d;
+}
+function Oe(s, t) {
+  return s[0] >= t.x && s[0] <= t.x + t.width && s[1] >= t.y && s[1] <= t.y + t.height;
+}
+function Be(s = {}) {
+  const {
+    buffer: t = 0.5,
+    blockPointerEvents: n = !1,
+    requireIntent: u = !0
+  } = s, d = new Re();
+  let R = !1, b = null, k = null, v = typeof performance < "u" ? performance.now() : 0;
+  function N(m, F) {
+    const x = performance.now(), Y = x - v;
+    if (b === null || k === null || Y === 0)
+      return b = m, k = F, v = x, null;
+    const w = m - b, _ = F - k, I = Math.sqrt(w * w + _ * _) / Y;
+    return b = m, k = F, v = x, I;
+  }
+  const X = ({
+    x: m,
+    y: F,
+    placement: x,
+    elements: Y,
+    onClose: w,
+    nodeId: _,
+    tree: W
+  }) => function(H) {
+    function D() {
+      d.clear(), w();
+    }
+    if (d.clear(), !Y.domReference || !Y.floating || x == null || m == null || F == null)
+      return;
+    const {
+      clientX: L,
+      clientY: O
+    } = H, p = [L, O], j = fe(H), P = H.type === "mouseleave", h = K(Y.floating, j), S = K(Y.domReference, j), l = Y.domReference.getBoundingClientRect(), e = Y.floating.getBoundingClientRect(), T = x.split("-")[0], M = m > e.right - e.width / 2, $ = F > e.bottom - e.height / 2, f = Oe(p, l), i = e.width > l.width, y = e.height > l.height, J = (i ? l : e).left, o = (i ? l : e).right, a = (y ? l : e).top, E = (y ? l : e).bottom;
+    if (h && (R = !0, !P))
+      return;
+    if (S && (R = !1), S && !P) {
+      R = !0;
+      return;
+    }
+    if (P && ne(H.relatedTarget) && K(Y.floating, H.relatedTarget) || W && pe(W.nodesRef.current, _).some(({
+      context: c
+    }) => c?.open))
+      return;
+    if (T === "top" && F >= l.bottom - 1 || T === "bottom" && F <= l.top + 1 || T === "left" && m >= l.right - 1 || T === "right" && m <= l.left + 1)
+      return D();
+    let C = [];
+    switch (T) {
+      case "top":
+        C = [[J, l.top + 1], [J, e.bottom - 1], [o, e.bottom - 1], [o, l.top + 1]];
+        break;
+      case "bottom":
+        C = [[J, e.top + 1], [J, l.bottom - 1], [o, l.bottom - 1], [o, e.top + 1]];
+        break;
+      case "left":
+        C = [[e.right - 1, E], [e.right - 1, a], [l.left + 1, a], [l.left + 1, E]];
+        break;
+      case "right":
+        C = [[l.right - 1, E], [l.right - 1, a], [e.left + 1, a], [e.left + 1, E]];
+        break;
+    }
+    function A([c, r]) {
+      switch (T) {
+        case "top": {
+          const B = [i ? c + t / 2 : M ? c + t * 4 : c - t * 4, r + t + 1], q = [i ? c - t / 2 : M ? c + t * 4 : c - t * 4, r + t + 1], Q = [[e.left, M || i ? e.bottom - t : e.top], [e.right, M ? i ? e.bottom - t : e.top : e.bottom - t]];
+          return [B, q, ...Q];
+        }
+        case "bottom": {
+          const B = [i ? c + t / 2 : M ? c + t * 4 : c - t * 4, r - t], q = [i ? c - t / 2 : M ? c + t * 4 : c - t * 4, r - t], Q = [[e.left, M || i ? e.top + t : e.bottom], [e.right, M ? i ? e.top + t : e.bottom : e.top + t]];
+          return [B, q, ...Q];
+        }
+        case "left": {
+          const B = [c + t + 1, y ? r + t / 2 : $ ? r + t * 4 : r - t * 4], q = [c + t + 1, y ? r - t / 2 : $ ? r + t * 4 : r - t * 4];
+          return [...[[$ || y ? e.right - t : e.left, e.top], [$ ? y ? e.right - t : e.left : e.right - t, e.bottom]], B, q];
+        }
+        case "right": {
+          const B = [c - t, y ? r + t / 2 : $ ? r + t * 4 : r - t * 4], q = [c - t, y ? r - t / 2 : $ ? r + t * 4 : r - t * 4], Q = [[$ || y ? e.left + t : e.right, e.top], [$ ? y ? e.left + t : e.right : e.left + t, e.bottom]];
+          return [B, q, ...Q];
+        }
+        default:
+          return [];
+      }
+    }
+    if (!de([L, O], C)) {
+      if (R && !f)
+        return D();
+      if (!P && u) {
+        const c = N(H.clientX, H.clientY);
+        if (c !== null && c < 0.1)
+          return D();
+      }
+      de([L, O], A([m, F])) ? !R && u && d.start(40, D) : D();
+    }
+  };
+  return X.__options = {
+    blockPointerEvents: n
+  }, X;
+}
+export {
+  $e as a,
+  _e as b,
+  ee as g,
+  Be as s,
+  Ae as u
+};

package/dist/search-bar.css

@@ -0,0 +1 @@
+@layer components{._search-bar_r8lqs_2{position:relative;height:var(--space-32)}._search-bar__input_r8lqs_7{position:relative;padding-right:var(--space-32);width:100%;height:100%;line-height:var(--line-height-input)}._search-bar__icon_r8lqs_15{display:flex;position:absolute!important;top:0;right:0;justify-content:center;align-items:center;padding:var(--space-8);height:100%;pointer-events:none}._search-bar__icon_close_r8lqs_27{padding:var(--space-4);pointer-events:auto}}

package/dist/select.css

@@ -0,0 +1 @@
+@layer components{._select__trigger_4x1b0_2{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--space-4);padding:0 var(--space-8);height:var(--space-32)}._select__trigger_4x1b0_2:not([disabled],[data-disabled]){color:var(--foreground-default)}[data-popup-open] ._select__trigger-icon_4x1b0_17{transform:rotate(180deg)}._select__list_4x1b0_21{position:relative;z-index:40;box-shadow:var(--shadow-1);border:1px solid var(--surface-interactive-border);border-radius:var(--border-radius-default);background-color:var(--surface-interactive-background);min-width:var(--anchor-width);max-height:var(--available-height);overflow:hidden}._select__item_4x1b0_33{display:grid;position:relative;grid-template-columns:var(--space-16) 1fr;align-items:center;gap:var(--space-4);cursor:default;cursor:not-allowed;outline:none;padding:0 var(--space-8);width:100%;height:var(--space-32);color:var(--foreground-dimmest);-webkit-user-select:none;-moz-user-select:none;user-select:none}._select__item_4x1b0_33:not([disabled],[data-disabled]){cursor:pointer;color:var(--foreground-default)}._select__item_4x1b0_33[data-highlighted]{background-color:var(--surface-interactive-background-active)}._select__item-indicator_4x1b0_58{grid-column-start:1}._select__item-text_4x1b0_62{grid-column-start:2}}

package/dist/{index-DVjyPAD4.js → separator-fh_wDZNf.js}

@@ -1,11 +1,11 @@
 import { jsx as p } from "react/jsx-runtime";
 import { c as l } from "./clsx-OuTLNxxd.js";
 import * as n from "react";
-import { u as c } from "./useRenderElement-DwToLA61.js";
-import './index20.css';const s = /* @__PURE__ */ n.forwardRef(function(r, o) {
+import { u as c } from "./useRenderElement-DngNDu_P.js";
+import './separator.css';const s = /* @__PURE__ */ n.forwardRef(function(r, o) {
   const {
-    className: x,
-    render: j,
+    className: v,
+    render: z,
     orientation: t = "horizontal",
     ..._
   } = r, i = n.useMemo(() => ({
@@ -21,18 +21,14 @@ import './index20.css';const s = /* @__PURE__ */ n.forwardRef(function(r, o) {
   });
 });
 process.env.NODE_ENV !== "production" && (s.displayName = "Separator");
-const u = "_separator_h7xuj_1", m = "_separator_color_default_h7xuj_8", f = "_separator_color_stronger_h7xuj_12", d = "_separator_orientation_horizontal_h7xuj_16", h = "_separator_orientation_vertical_h7xuj_21", a = {
+const u = "_separator_un424_2", m = "_separator_color_default_un424_9", f = "_separator_color_stronger_un424_13", d = "_separator_orientation_horizontal_un424_17", h = "_separator_orientation_vertical_un424_22", a = {
   separator: u,
   separator_color_default: m,
   separator_color_stronger: f,
   separator_orientation_horizontal: d,
   separator_orientation_vertical: h
 };
-function g({
-  color: e = "default",
-  className: r,
-  ...o
-}) {
+function E({ color: e = "default", className: r, ...o }) {
   return /* @__PURE__ */ p(
     s,
     {
@@ -47,6 +43,6 @@ function g({
   );
 }
 export {
-  g as S,
+  E as S,
   s as a
 };

package/dist/separator.css

@@ -0,0 +1 @@
+@layer base{._separator_un424_2{flex-grow:0;flex-shrink:0;outline:none;border:none}._separator_color_default_un424_9{background-color:var(--surface-interactive-border)}._separator_color_stronger_un424_13{background-color:var(--surface-interactive-border-hover)}._separator_orientation_horizontal_un424_17{height:1px;min-height:1px}._separator_orientation_vertical_un424_22{width:1px;min-width:1px}}

package/dist/slider.css

@@ -0,0 +1 @@
+@layer components{._slider__control_q5h2z_2{display:flex;align-items:center;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}._slider__track_q5h2z_9{border-radius:var(--border-radius-round);background-color:var(--surface-interactive-border);width:100%;height:var(--space-4);-webkit-user-select:none;-moz-user-select:none;user-select:none}._slider__indicator_q5h2z_17{border-color:var(--view-colorway-default);border-radius:var(--border-radius-round);background-color:var(--view-colorway-dimmer);-webkit-user-select:none;-moz-user-select:none;user-select:none}._slider__indicator_q5h2z_17:not([disabled],[data-disabled]){background-color:var(--view-colorway-default)}._slider__thumb_q5h2z_28{cursor:not-allowed;border-width:1px;border-style:solid;border-radius:var(--border-radius-round);background-color:var(--view-colorway-dimmer);aspect-ratio:1 / 1;width:var(--space-16);height:var(--space-16);-webkit-user-select:none;-moz-user-select:none;user-select:none}._slider__thumb_q5h2z_28:not([disabled],[data-disabled]){cursor:ew-resize;border-color:var(--view-colorway-default);background-color:var(--view-colorway-default)}._slider__thumb_q5h2z_28:not([disabled],[data-disabled]):hover{border-color:var(--view-colorway-stronger)}._slider__thumb_q5h2z_28[data-dragging]:not([disabled],[data-disabled]){border-color:var(--view-colorway-stronger);background-color:var(--view-colorway-default)}}

package/dist/spinner.css

@@ -0,0 +1 @@
+@layer components{._spinner_16nxb_2{animation:_loading_16nxb_1 3s linear infinite}@keyframes _loading_16nxb_1{0%{rotate:0deg}to{rotate:360deg}}}

package/dist/stacked-avatars.css

@@ -0,0 +1 @@
+@layer components{._stacked-avatars_qhxl3_2{flex-direction:row;transform:translate(0);padding-left:10px}._stacked-avatars__avatar_qhxl3_8{cursor:default;margin-left:-10px}._stacked-avatars__avatar_color_qhxl3_13{border-color:var(--view-colorway-default)}._stacked-avatars__visible_qhxl3_17{justify-content:center;align-items:center;cursor:pointer;margin-left:-10px;border:1px solid var(--outline-dimmest);border-radius:var(--border-radius-round);background-color:var(--background-default);aspect-ratio:1 / 1;width:var(--stacked-avatars-size);height:var(--stacked-avatars-size);overflow:hidden;color:var(--foreground-dimmer)}._stacked-avatars__visible_size_sm_qhxl3_35{--stacked-avatars-size: var(--space-24)}._stacked-avatars__visible_size_md_qhxl3_39{--stacked-avatars-size: var(--space-32)}._stacked-avatars__visible_size_lg_qhxl3_43{--stacked-avatars-size: var(--space-40)}._stacked-avatars__visible_size_xl_qhxl3_47{--stacked-avatars-size: var(--space-48)}._stacked-avatars__visible_size_2xl_qhxl3_51{--stacked-avatars-size: var(--space-56)}._stacked-avatars__visible_size_3xl_qhxl3_55{--stacked-avatars-size: var(--space-64)}._stacked-avatars__tooltip-content_qhxl3_60{display:flex;flex-direction:column;align-items:start;gap:var(--space-4);padding:var(--space-8);width:100%;max-width:var(--space-128)}._stacked-avatars__tooltip-user_qhxl3_70{flex-direction:row;justify-content:center;align-items:center;gap:var(--space-6);width:100%}._stacked-avatars__tooltip-text_qhxl3_78{flex:1 1 auto}}

package/dist/status-banner.css

@@ -0,0 +1 @@
+@layer components{._status-banner_1ci6y_2{flex-grow:1;flex-shrink:1;flex-direction:row;align-items:center;gap:var(--status-banner-gap);border-width:1px;border-style:solid;border-radius:var(--border-radius-default);padding:var(--status-banner-padding);width:-moz-fit-content;width:fit-content}._status-banner_variant_neutral_1ci6y_15{border-color:var(--surface-interactive-border);background:var(--surface-interactive-background);color:var(--foreground-default)}._status-banner_variant_colorway_1ci6y_21{border-color:var(--view-colorway-stronger);background:var(--view-colorway-dimmest);color:var(--view-colorway-strongest)}._status-banner_size_md_1ci6y_27{--status-banner-gap: var(--space-8);--status-banner-padding: var(--space-8);--status-banner-content-gap: 0}._status-banner_size_lg_1ci6y_33{--status-banner-gap: var(--space-12);--status-banner-padding: var(--space-12);--status-banner-content-gap: var(--space-2)}._status-banner__content_1ci6y_39{flex-grow:1;flex-shrink:1;gap:var(--status-banner-content-gap)}._status-banner__description_1ci6y_45{flex-grow:1;flex-shrink:1}._status-banner__close_1ci6y_50{flex-grow:0;background:transparent!important}}