anysystem-design 0.0.46 → 0.0.48

package/README.md

@@ -1,5 +1,8 @@
 # Anysystem Design
-Powerful open source libraries for React.
+Powerful open source libraries for React and Tailwind CSS.
+
+## Usage Guide
+Please visit [https://david-marstree.github.io/anysystem](https://david-marstree.github.io/anysystem)
 
 ## Getting started
 ```bash

package/dist/{bugs-mljuODtW.js → bugs-CHTtT8VX.js}

@@ -1,7 +1,7 @@
-import G, { useRef as h, useCallback as v, useEffect as P, useState as M, useMemo as U } from "react";
-const I = typeof document < "u" ? G.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(t) {
+function U(t) {
   const n = h(null);
   return I(() => {
     n.current = t;
@@ -16,27 +16,24 @@ const w = (t) => {
   var n;
   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 z(t) {
+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((e) => t.test(e.brand))) || t.test(window.navigator.userAgent);
 }
-function N(t) {
+function z(t) {
   var n;
   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 B(t) {
-  let n = null;
-  return () => (n == null && (n = t()), n);
+function N() {
+  return z(/^Mac/i);
+}
+function Y() {
+  return R(/Android/i);
 }
-const Y = B(function() {
-  return N(/^Mac/i);
-}), q = B(function() {
-  return z(/Android/i);
-});
-function J(t) {
-  return t.mozInputSource === 0 && t.isTrusted ? !0 : q() && t.pointerType ? t.type === "click" && t.buttons === 1 : t.detail === 0 && !t.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;
   }
@@ -55,7 +52,7 @@ class Q {
     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 A(t) {
+function B(t) {
   let n = h({
     isFocused: !1,
     observer: null
@@ -66,14 +63,14 @@ function A(t) {
       r.observer && (r.observer.disconnect(), r.observer = null);
     };
   }, []);
-  let e = R((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 && e(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
@@ -100,7 +97,7 @@ function A(t) {
     e
   ]);
 }
-function X(t) {
+function Q(t) {
   let { isDisabled: n, onFocus: e, onBlur: r, onFocusChange: o } = t;
   const a = v((d) => {
     if (d.target === d.currentTarget)
@@ -108,7 +105,7 @@ function X(t) {
   }, [
     r,
     o
-  ]), s = A(a), i = v((d) => {
+  ]), s = B(a), i = v((d) => {
     const c = w(d.target);
     d.target === d.currentTarget && c.activeElement === d.target && (e && e(d), o && o(!0), s(d));
   }, [
@@ -124,29 +121,29 @@ function X(t) {
   };
 }
 let y = null, x = /* @__PURE__ */ new Set(), m = /* @__PURE__ */ new Map(), p = !1, S = !1;
-const Z = {
+const X = {
   Tab: !0,
   Escape: !0
 };
 function k(t, n) {
   for (let e of x) e(t, n);
 }
-function ee(t) {
-  return !(t.metaKey || !Y() && t.altKey || t.ctrlKey || t.key === "Control" || t.key === "Shift" || t.key === "Meta");
+function Z(t) {
+  return !(t.metaKey || !N() && t.altKey || t.ctrlKey || t.key === "Control" || t.key === "Shift" || t.key === "Meta");
 }
 function L(t) {
-  p = !0, ee(t) && (y = "keyboard", k("keyboard", t));
+  p = !0, Z(t) && (y = "keyboard", k("keyboard", t));
 }
 function l(t) {
   y = "pointer", (t.type === "mousedown" || t.type === "pointerdown") && (p = !0, k("pointer", t));
 }
-function K(t) {
-  J(t) && (p = !0, y = "virtual");
+function A(t) {
+  q(t) && (p = !0, y = "virtual");
 }
-function V(t) {
+function K(t) {
   t.target === window || t.target === document || (!p && !S && (y = "virtual", k("virtual", t)), p = !1, S = !1);
 }
-function O() {
+function V() {
   p = !1, S = !0;
 }
 function D(t) {
@@ -155,30 +152,30 @@ function D(t) {
   let r = n.HTMLElement.prototype.focus;
   n.HTMLElement.prototype.focus = function() {
     p = !0, r.apply(this, arguments);
-  }, e.addEventListener("keydown", L, !0), e.addEventListener("keyup", L, !0), e.addEventListener("click", K, !0), n.addEventListener("focus", V, !0), n.addEventListener("blur", O, !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", () => {
-    _(t);
+  }, 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 _ = (t, n) => {
+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", K, !0), e.removeEventListener("focus", V, !0), e.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(e));
+  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(t) {
+function ee(t) {
   const n = w(t);
   let e;
   return n.readyState !== "loading" ? D(t) : (e = () => {
     D(t);
-  }, n.addEventListener("DOMContentLoaded", e)), () => _(t, e);
+  }, n.addEventListener("DOMContentLoaded", e)), () => O(t, e);
 }
-typeof document < "u" && te();
-function j() {
+typeof document < "u" && ee();
+function _() {
   return y !== "pointer";
 }
-const ne = /* @__PURE__ */ new Set([
+const te = /* @__PURE__ */ new Set([
   "checkbox",
   "radio",
   "range",
@@ -189,22 +186,22 @@ const ne = /* @__PURE__ */ new Set([
   "submit",
   "reset"
 ]);
-function re(t, n, e) {
+function ne(t, n, e) {
   var r;
   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 && !ne.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 && !Z[e.key]);
+  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(t, n, e) {
+function re(t, n, e) {
   D(), P(() => {
     let r = (o, a) => {
-      re(!!(e != null && e.isTextInput), o, a) && t(j());
+      ne(!!(e != null && e.isTextInput), o, a) && t(_());
     };
     return x.add(r), () => {
       x.delete(r);
     };
   }, n);
 }
-function ie(t) {
+function oe(t) {
   let { isDisabled: n, onBlurWithin: e, onFocusWithin: r, onFocusWithinChange: o } = t, a = h({
     isFocusWithin: !1
   }), s = v((c) => {
@@ -213,7 +210,7 @@ function ie(t) {
     e,
     o,
     a
-  ]), i = A(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,
@@ -242,21 +239,21 @@ function W() {
 function C(t) {
   t.pointerType === "touch" && W();
 }
-function ue() {
+function ie() {
   if (!(typeof document > "u"))
     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 de(t) {
+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 } = U(() => {
+  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;
@@ -308,24 +305,24 @@ function de(t) {
     isHovered: a
   };
 }
-function ce(t = {}) {
+function de(t = {}) {
   let { autoFocus: n = !1, isTextInput: e, within: r } = t, o = h({
     isFocused: !1,
-    isFocusVisible: n || j()
+    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) => {
     o.current.isFocused = u, s(u), c();
   }, [
     c
   ]);
-  oe((u) => {
+  re((u) => {
     o.current.isFocusVisible = u, c();
   }, [], {
     isTextInput: e
   });
-  let { focusProps: E } = X({
+  let { focusProps: E } = Q({
     isDisabled: r,
     onFocusChange: g
-  }), { focusWithinProps: f } = ie({
+  }), { focusWithinProps: f } = oe({
     isDisabled: !r,
     onFocusWithinChange: g
   });
@@ -335,13 +332,13 @@ function ce(t = {}) {
     focusProps: r ? f : E
   };
 }
-function le(t) {
+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(e) ? !1 : r;
+  return r && ue(e) ? !1 : r;
 }
-function ae(t) {
+function ue(t) {
   if (!t) return !1;
   let n = t.previousElementSibling;
   for (; n !== null; ) {
@@ -351,7 +348,7 @@ function ae(t) {
   return !0;
 }
 export {
-  ce as $,
-  de as a,
-  le as r
+  de as $,
+  se as a,
+  ce as r
 };