anysystem-design 0.0.16 → 0.0.18

package/dist/active-element-history-Djev6nPQ.js

@@ -0,0 +1,43 @@
+import { useEffect as c, useRef as f } from "react";
+import { s, o as l } from "./use-sync-refs-TDnk3jQt.js";
+import { f as m } from "./focus-management-BnM4wN4Z.js";
+function w(t, e, n, o) {
+  let u = s(n);
+  c(() => {
+    t = t ?? window;
+    function d(i) {
+      u.current(i);
+    }
+    return t.addEventListener(e, d, o), () => t.removeEventListener(e, d, o);
+  }, [t, e, o]);
+}
+function y(t, e) {
+  let n = f([]), o = l(t);
+  c(() => {
+    let u = [...n.current];
+    for (let [d, i] of e.entries()) if (n.current[d] !== i) {
+      let a = o(e, u);
+      return n.current = e, a;
+    }
+  }, [o, ...e]);
+}
+function p(t) {
+  function e() {
+    document.readyState !== "loading" && (t(), document.removeEventListener("DOMContentLoaded", e));
+  }
+  typeof window < "u" && typeof document < "u" && (document.addEventListener("DOMContentLoaded", e), e());
+}
+let r = [];
+p(() => {
+  function t(e) {
+    if (!(e.target instanceof HTMLElement) || e.target === document.body || r[0] === e.target) return;
+    let n = e.target;
+    n = n.closest(m), r.unshift(n ?? e.target), r = r.filter((o) => o != null && o.isConnected), r.splice(10);
+  }
+  window.addEventListener("click", t, { capture: !0 }), window.addEventListener("mousedown", t, { capture: !0 }), window.addEventListener("focus", t, { capture: !0 }), document.body.addEventListener("click", t, { capture: !0 }), document.body.addEventListener("mousedown", t, { capture: !0 }), document.body.addEventListener("focus", t, { capture: !0 });
+});
+export {
+  w as E,
+  y as m,
+  r
+};

package/dist/{keyboard-WLAoTvIF.js → bugs-CHTtT8VX.js}

@@ -1,40 +1,39 @@
-import U, { useRef as h, useCallback as v, useEffect as P, useState as M, useMemo as j } from "react";
-import { b as G } from "./use-sync-refs-DhGTVDyx.js";
-const C = typeof document < "u" ? U.useLayoutEffect : () => {
+import j, { useRef as h, useCallback as v, useEffect as P, useState as M, useMemo as G } from "react";
+const I = typeof document < "u" ? j.useLayoutEffect : () => {
 };
-function R(e) {
+function U(t) {
   const n = h(null);
-  return C(() => {
-    n.current = e;
+  return I(() => {
+    n.current = t;
   }, [
-    e
-  ]), v((...t) => {
+    t
+  ]), v((...e) => {
     const r = n.current;
-    return r == null ? void 0 : r(...t);
+    return r == null ? void 0 : r(...e);
   }, []);
 }
-const w = (e) => {
+const w = (t) => {
   var n;
-  return (n = e == null ? void 0 : e.ownerDocument) !== null && n !== void 0 ? n : document;
-}, p = (e) => e && "window" in e && e.window === e ? e : w(e).defaultView || window;
-function N(e) {
+  return (n = t == null ? void 0 : t.ownerDocument) !== null && n !== void 0 ? n : document;
+}, b = (t) => t && "window" in t && t.window === t ? t : w(t).defaultView || window;
+function R(t) {
   var n;
-  return typeof window > "u" || window.navigator == null ? !1 : ((n = window.navigator.userAgentData) === null || n === void 0 ? void 0 : n.brands.some((t) => e.test(t.brand))) || e.test(window.navigator.userAgent);
+  return typeof window > "u" || window.navigator == null ? !1 : ((n = window.navigator.userAgentData) === null || n === void 0 ? void 0 : n.brands.some((e) => t.test(e.brand))) || t.test(window.navigator.userAgent);
 }
-function z(e) {
+function z(t) {
   var n;
-  return typeof window < "u" && window.navigator != null ? e.test(((n = window.navigator.userAgentData) === null || n === void 0 ? void 0 : n.platform) || window.navigator.platform) : !1;
+  return typeof window < "u" && window.navigator != null ? t.test(((n = window.navigator.userAgentData) === null || n === void 0 ? void 0 : n.platform) || window.navigator.platform) : !1;
 }
-function Y() {
+function N() {
   return z(/^Mac/i);
 }
-function q() {
-  return N(/Android/i);
+function Y() {
+  return R(/Android/i);
 }
-function J(e) {
-  return e.mozInputSource === 0 && e.isTrusted ? !0 : q() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
+function q(t) {
+  return t.mozInputSource === 0 && t.isTrusted ? !0 : Y() && t.pointerType ? t.type === "click" && t.buttons === 1 : t.detail === 0 && !t.pointerType;
 }
-class Q {
+class J {
   isDefaultPrevented() {
     return this.nativeEvent.defaultPrevented;
   }
@@ -49,29 +48,29 @@ class Q {
   }
   persist() {
   }
-  constructor(n, t) {
-    this.nativeEvent = t, this.target = t.target, this.currentTarget = t.currentTarget, this.relatedTarget = t.relatedTarget, this.bubbles = t.bubbles, this.cancelable = t.cancelable, this.defaultPrevented = t.defaultPrevented, this.eventPhase = t.eventPhase, this.isTrusted = t.isTrusted, this.timeStamp = t.timeStamp, this.type = n;
+  constructor(n, e) {
+    this.nativeEvent = e, this.target = e.target, this.currentTarget = e.currentTarget, this.relatedTarget = e.relatedTarget, this.bubbles = e.bubbles, this.cancelable = e.cancelable, this.defaultPrevented = e.defaultPrevented, this.eventPhase = e.eventPhase, this.isTrusted = e.isTrusted, this.timeStamp = e.timeStamp, this.type = n;
   }
 }
-function I(e) {
+function B(t) {
   let n = h({
     isFocused: !1,
     observer: null
   });
-  C(() => {
+  I(() => {
     const r = n.current;
     return () => {
       r.observer && (r.observer.disconnect(), r.observer = null);
     };
   }, []);
-  let t = R((r) => {
-    e == null || e(r);
+  let e = U((r) => {
+    t == null || t(r);
   });
   return v((r) => {
     if (r.target instanceof HTMLButtonElement || r.target instanceof HTMLInputElement || r.target instanceof HTMLTextAreaElement || r.target instanceof HTMLSelectElement) {
       n.current.isFocused = !0;
       let o = r.target, a = (s) => {
-        n.current.isFocused = !1, o.disabled && t(new Q("blur", s)), n.current.observer && (n.current.observer.disconnect(), n.current.observer = null);
+        n.current.isFocused = !1, o.disabled && e(new J("blur", s)), n.current.observer && (n.current.observer.disconnect(), n.current.observer = null);
       };
       o.addEventListener("focusout", a, {
         once: !0
@@ -95,88 +94,88 @@ function I(e) {
       });
     }
   }, [
-    t
+    e
   ]);
 }
-function X(e) {
-  let { isDisabled: n, onFocus: t, onBlur: r, onFocusChange: o } = e;
+function Q(t) {
+  let { isDisabled: n, onFocus: e, onBlur: r, onFocusChange: o } = t;
   const a = v((d) => {
     if (d.target === d.currentTarget)
       return r && r(d), o && o(!1), !0;
   }, [
     r,
     o
-  ]), s = I(a), i = v((d) => {
+  ]), s = B(a), i = v((d) => {
     const c = w(d.target);
-    d.target === d.currentTarget && c.activeElement === d.target && (t && t(d), o && o(!0), s(d));
+    d.target === d.currentTarget && c.activeElement === d.target && (e && e(d), o && o(!0), s(d));
   }, [
     o,
-    t,
+    e,
     s
   ]);
   return {
     focusProps: {
-      onFocus: !n && (t || o || r) ? i : void 0,
+      onFocus: !n && (e || o || r) ? i : void 0,
       onBlur: !n && (r || o) ? a : void 0
     }
   };
 }
-let T = null, D = /* @__PURE__ */ new Set(), m = /* @__PURE__ */ new Map(), b = !1, S = !1;
-const Z = {
+let y = null, x = /* @__PURE__ */ new Set(), m = /* @__PURE__ */ new Map(), p = !1, S = !1;
+const X = {
   Tab: !0,
   Escape: !0
 };
-function A(e, n) {
-  for (let t of D) t(e, n);
+function k(t, n) {
+  for (let e of x) e(t, n);
 }
-function ee(e) {
-  return !(e.metaKey || !Y() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
+function Z(t) {
+  return !(t.metaKey || !N() && t.altKey || t.ctrlKey || t.key === "Control" || t.key === "Shift" || t.key === "Meta");
 }
-function L(e) {
-  b = !0, ee(e) && (T = "keyboard", A("keyboard", e));
+function L(t) {
+  p = !0, Z(t) && (y = "keyboard", k("keyboard", t));
 }
-function l(e) {
-  T = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (b = !0, A("pointer", e));
+function l(t) {
+  y = "pointer", (t.type === "mousedown" || t.type === "pointerdown") && (p = !0, k("pointer", t));
 }
-function B(e) {
-  J(e) && (b = !0, T = "virtual");
+function A(t) {
+  q(t) && (p = !0, y = "virtual");
 }
-function K(e) {
-  e.target === window || e.target === document || (!b && !S && (T = "virtual", A("virtual", e)), b = !1, S = !1);
+function K(t) {
+  t.target === window || t.target === document || (!p && !S && (y = "virtual", k("virtual", t)), p = !1, S = !1);
 }
-function O() {
-  b = !1, S = !0;
+function V() {
+  p = !1, S = !0;
 }
-function x(e) {
-  if (typeof window > "u" || m.get(p(e))) return;
-  const n = p(e), t = w(e);
+function D(t) {
+  if (typeof window > "u" || m.get(b(t))) return;
+  const n = b(t), e = w(t);
   let r = n.HTMLElement.prototype.focus;
   n.HTMLElement.prototype.focus = function() {
-    b = !0, r.apply(this, arguments);
-  }, t.addEventListener("keydown", L, !0), t.addEventListener("keyup", L, !0), t.addEventListener("click", B, !0), n.addEventListener("focus", K, !0), n.addEventListener("blur", O, !1), typeof PointerEvent < "u" ? (t.addEventListener("pointerdown", l, !0), t.addEventListener("pointermove", l, !0), t.addEventListener("pointerup", l, !0)) : (t.addEventListener("mousedown", l, !0), t.addEventListener("mousemove", l, !0), t.addEventListener("mouseup", l, !0)), n.addEventListener("beforeunload", () => {
-    V(e);
+    p = !0, r.apply(this, arguments);
+  }, e.addEventListener("keydown", L, !0), e.addEventListener("keyup", L, !0), e.addEventListener("click", A, !0), n.addEventListener("focus", K, !0), n.addEventListener("blur", V, !1), typeof PointerEvent < "u" ? (e.addEventListener("pointerdown", l, !0), e.addEventListener("pointermove", l, !0), e.addEventListener("pointerup", l, !0)) : (e.addEventListener("mousedown", l, !0), e.addEventListener("mousemove", l, !0), e.addEventListener("mouseup", l, !0)), n.addEventListener("beforeunload", () => {
+    O(t);
   }, {
     once: !0
   }), m.set(n, {
     focus: r
   });
 }
-const V = (e, n) => {
-  const t = p(e), r = w(e);
-  n && r.removeEventListener("DOMContentLoaded", n), m.has(t) && (t.HTMLElement.prototype.focus = m.get(t).focus, r.removeEventListener("keydown", L, !0), r.removeEventListener("keyup", L, !0), r.removeEventListener("click", B, !0), t.removeEventListener("focus", K, !0), t.removeEventListener("blur", O, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", l, !0), r.removeEventListener("pointermove", l, !0), r.removeEventListener("pointerup", l, !0)) : (r.removeEventListener("mousedown", l, !0), r.removeEventListener("mousemove", l, !0), r.removeEventListener("mouseup", l, !0)), m.delete(t));
+const O = (t, n) => {
+  const e = b(t), r = w(t);
+  n && r.removeEventListener("DOMContentLoaded", n), m.has(e) && (e.HTMLElement.prototype.focus = m.get(e).focus, r.removeEventListener("keydown", L, !0), r.removeEventListener("keyup", L, !0), r.removeEventListener("click", A, !0), e.removeEventListener("focus", K, !0), e.removeEventListener("blur", V, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", l, !0), r.removeEventListener("pointermove", l, !0), r.removeEventListener("pointerup", l, !0)) : (r.removeEventListener("mousedown", l, !0), r.removeEventListener("mousemove", l, !0), r.removeEventListener("mouseup", l, !0)), m.delete(e));
 };
-function te(e) {
-  const n = w(e);
-  let t;
-  return n.readyState !== "loading" ? x(e) : (t = () => {
-    x(e);
-  }, n.addEventListener("DOMContentLoaded", t)), () => V(e, t);
+function ee(t) {
+  const n = w(t);
+  let e;
+  return n.readyState !== "loading" ? D(t) : (e = () => {
+    D(t);
+  }, n.addEventListener("DOMContentLoaded", e)), () => O(t, e);
 }
-typeof document < "u" && te();
+typeof document < "u" && ee();
 function _() {
-  return T !== "pointer";
+  return y !== "pointer";
 }
-const ne = /* @__PURE__ */ new Set([
+const te = /* @__PURE__ */ new Set([
   "checkbox",
   "radio",
   "range",
@@ -187,31 +186,31 @@ const ne = /* @__PURE__ */ new Set([
   "submit",
   "reset"
 ]);
-function re(e, n, t) {
+function ne(t, n, e) {
   var r;
-  const o = typeof window < "u" ? p(t == null ? void 0 : t.target).HTMLInputElement : HTMLInputElement, a = typeof window < "u" ? p(t == null ? void 0 : t.target).HTMLTextAreaElement : HTMLTextAreaElement, s = typeof window < "u" ? p(t == null ? void 0 : t.target).HTMLElement : HTMLElement, i = typeof window < "u" ? p(t == null ? void 0 : t.target).KeyboardEvent : KeyboardEvent;
-  return e = e || (t == null ? void 0 : t.target) instanceof o && !ne.has(t == null || (r = t.target) === null || r === void 0 ? void 0 : r.type) || (t == null ? void 0 : t.target) instanceof a || (t == null ? void 0 : t.target) instanceof s && (t == null ? void 0 : t.target.isContentEditable), !(e && n === "keyboard" && t instanceof i && !Z[t.key]);
+  const o = typeof window < "u" ? b(e == null ? void 0 : e.target).HTMLInputElement : HTMLInputElement, a = typeof window < "u" ? b(e == null ? void 0 : e.target).HTMLTextAreaElement : HTMLTextAreaElement, s = typeof window < "u" ? b(e == null ? void 0 : e.target).HTMLElement : HTMLElement, i = typeof window < "u" ? b(e == null ? void 0 : e.target).KeyboardEvent : KeyboardEvent;
+  return t = t || (e == null ? void 0 : e.target) instanceof o && !te.has(e == null || (r = e.target) === null || r === void 0 ? void 0 : r.type) || (e == null ? void 0 : e.target) instanceof a || (e == null ? void 0 : e.target) instanceof s && (e == null ? void 0 : e.target.isContentEditable), !(t && n === "keyboard" && e instanceof i && !X[e.key]);
 }
-function oe(e, n, t) {
-  x(), P(() => {
+function re(t, n, e) {
+  D(), P(() => {
     let r = (o, a) => {
-      re(!!(t != null && t.isTextInput), o, a) && e(_());
+      ne(!!(e != null && e.isTextInput), o, a) && t(_());
     };
-    return D.add(r), () => {
-      D.delete(r);
+    return x.add(r), () => {
+      x.delete(r);
     };
   }, n);
 }
-function ie(e) {
-  let { isDisabled: n, onBlurWithin: t, onFocusWithin: r, onFocusWithinChange: o } = e, a = h({
+function oe(t) {
+  let { isDisabled: n, onBlurWithin: e, onFocusWithin: r, onFocusWithinChange: o } = t, a = h({
     isFocusWithin: !1
   }), s = v((c) => {
-    a.current.isFocusWithin && !c.currentTarget.contains(c.relatedTarget) && (a.current.isFocusWithin = !1, t && t(c), o && o(!1));
+    a.current.isFocusWithin && !c.currentTarget.contains(c.relatedTarget) && (a.current.isFocusWithin = !1, e && e(c), o && o(!1));
   }, [
-    t,
+    e,
     o,
     a
-  ]), i = I(s), d = v((c) => {
+  ]), i = B(s), d = v((c) => {
     !a.current.isFocusWithin && document.activeElement === c.target && (r && r(c), o && o(!0), a.current.isFocusWithin = !0, i(c));
   }, [
     r,
@@ -232,47 +231,47 @@ function ie(e) {
   };
 }
 let F = !1, H = 0;
-function k() {
+function W() {
   F = !0, setTimeout(() => {
     F = !1;
   }, 50);
 }
-function W(e) {
-  e.pointerType === "touch" && k();
+function C(t) {
+  t.pointerType === "touch" && W();
 }
-function ue() {
+function ie() {
   if (!(typeof document > "u"))
-    return typeof PointerEvent < "u" ? document.addEventListener("pointerup", W) : document.addEventListener("touchend", k), H++, () => {
-      H--, !(H > 0) && (typeof PointerEvent < "u" ? document.removeEventListener("pointerup", W) : document.removeEventListener("touchend", k));
+    return typeof PointerEvent < "u" ? document.addEventListener("pointerup", C) : document.addEventListener("touchend", W), H++, () => {
+      H--, !(H > 0) && (typeof PointerEvent < "u" ? document.removeEventListener("pointerup", C) : document.removeEventListener("touchend", W));
     };
 }
-function le(e) {
-  let { onHoverStart: n, onHoverChange: t, onHoverEnd: r, isDisabled: o } = e, [a, s] = M(!1), i = h({
+function se(t) {
+  let { onHoverStart: n, onHoverChange: e, onHoverEnd: r, isDisabled: o } = t, [a, s] = M(!1), i = h({
     isHovered: !1,
     ignoreEmulatedMouseEvents: !1,
     pointerType: "",
     target: null
   }).current;
-  P(ue, []);
-  let { hoverProps: d, triggerHoverEnd: c } = j(() => {
+  P(ie, []);
+  let { hoverProps: d, triggerHoverEnd: c } = G(() => {
     let g = (u, $) => {
       if (i.pointerType = $, o || $ === "touch" || i.isHovered || !u.currentTarget.contains(u.target)) return;
       i.isHovered = !0;
-      let y = u.currentTarget;
-      i.target = y, n && n({
+      let T = u.currentTarget;
+      i.target = T, n && n({
         type: "hoverstart",
-        target: y,
+        target: T,
         pointerType: $
-      }), t && t(!0), s(!0);
+      }), e && e(!0), s(!0);
     }, E = (u, $) => {
       if (i.pointerType = "", i.target = null, $ === "touch" || !i.isHovered) return;
       i.isHovered = !1;
-      let y = u.currentTarget;
+      let T = u.currentTarget;
       r && r({
         type: "hoverend",
-        target: y,
+        target: T,
         pointerType: $
-      }), t && t(!1), s(!1);
+      }), e && e(!1), s(!1);
     }, f = {};
     return typeof PointerEvent < "u" ? (f.onPointerEnter = (u) => {
       F && u.pointerType === "mouse" || g(u, u.pointerType);
@@ -290,7 +289,7 @@ function le(e) {
     };
   }, [
     n,
-    t,
+    e,
     r,
     o,
     i
@@ -306,8 +305,8 @@ function le(e) {
     isHovered: a
   };
 }
-function fe(e = {}) {
-  let { autoFocus: n = !1, isTextInput: t, within: r } = e, o = h({
+function de(t = {}) {
+  let { autoFocus: n = !1, isTextInput: e, within: r } = t, o = h({
     isFocused: !1,
     isFocusVisible: n || _()
   }), [a, s] = M(!1), [i, d] = M(() => o.current.isFocused && o.current.isFocusVisible), c = v(() => d(o.current.isFocused && o.current.isFocusVisible), []), g = v((u) => {
@@ -315,15 +314,15 @@ function fe(e = {}) {
   }, [
     c
   ]);
-  oe((u) => {
+  re((u) => {
     o.current.isFocusVisible = u, c();
   }, [], {
-    isTextInput: t
+    isTextInput: e
   });
-  let { focusProps: E } = X({
+  let { focusProps: E } = Q({
     isDisabled: r,
     onFocusChange: g
-  }), { focusWithinProps: f } = ie({
+  }), { focusWithinProps: f } = oe({
     isDisabled: !r,
     onFocusWithinChange: g
   });
@@ -333,29 +332,23 @@ function fe(e = {}) {
     focusProps: r ? f : E
   };
 }
-function ve(e) {
-  return G.isServer ? null : e instanceof Node ? e.ownerDocument : e != null && e.hasOwnProperty("current") && e.current instanceof Node ? e.current.ownerDocument : document;
-}
-function pe(e) {
-  let n = e.parentElement, t = null;
-  for (; n && !(n instanceof HTMLFieldSetElement); ) n instanceof HTMLLegendElement && (t = n), n = n.parentElement;
+function ce(t) {
+  let n = t.parentElement, e = null;
+  for (; n && !(n instanceof HTMLFieldSetElement); ) n instanceof HTMLLegendElement && (e = n), n = n.parentElement;
   let r = (n == null ? void 0 : n.getAttribute("disabled")) === "";
-  return r && ae(t) ? !1 : r;
+  return r && ue(e) ? !1 : r;
 }
-function ae(e) {
-  if (!e) return !1;
-  let n = e.previousElementSibling;
+function ue(t) {
+  if (!t) return !1;
+  let n = t.previousElementSibling;
   for (; n !== null; ) {
     if (n instanceof HTMLLegendElement) return !1;
     n = n.previousElementSibling;
   }
   return !0;
 }
-var se = ((e) => (e.Space = " ", e.Enter = "Enter", e.Escape = "Escape", e.Backspace = "Backspace", e.Delete = "Delete", e.ArrowLeft = "ArrowLeft", e.ArrowUp = "ArrowUp", e.ArrowRight = "ArrowRight", e.ArrowDown = "ArrowDown", e.Home = "Home", e.End = "End", e.PageUp = "PageUp", e.PageDown = "PageDown", e.Tab = "Tab", e))(se || {});
 export {
-  fe as $,
-  le as a,
-  se as o,
-  pe as r,
-  ve as u
+  de as $,
+  se as a,
+  ce as r
 };