ono-react-element 0.0.7 → 0.0.9

package/dist/es/hooks-CQN6qu4t.js

@@ -1,159 +0,0 @@
-import { useEffect as E, useState as L, useRef as b, useCallback as T } from "react";
-import { X as v } from "./utils-BLV_TQU3.js";
-const C = (e, c, t) => {
-  const { target: s, deps: i, isDeferred: r } = t || {}, n = (l) => c(l);
-  return E(() => (typeof e == "string" ? !r && (s || window).addEventListener(e, n) : e.forEach(
-    (l) => !r && (s || window).addEventListener(l, n)
-  ), () => {
-    typeof e == "string" ? (s || window).removeEventListener(e, n) : e.forEach(
-      (l) => (s || window).removeEventListener(l, n)
-    );
-  }), [s, ...i || []]), r ? () => {
-    typeof e == "string" ? (s || window).addEventListener(e, n) : e.forEach(
-      (l) => (s || window).addEventListener(l, n)
-    );
-  } : void 0;
-}, S = (e) => {
-  const c = typeof e == "string" ? [e] : e;
-  if (new Set(c).size !== c.length)
-    throw new Error("there are duplicates in the event type");
-  return c;
-}, M = (e, c, t) => C(
-  S((t == null ? void 0 : t.event) || "click"),
-  (s) => {
-    if (e)
-      if (e instanceof Array)
-        e.map(
-          (n) => n instanceof HTMLElement ? n : n.current
-        ).some(
-          (n) => n ? n.contains(s.target) : !1
-        ) || c(s);
-      else {
-        const i = e instanceof HTMLElement ? e : e.current;
-        i && !i.contains(s.target) && c(s);
-      }
-  },
-  {
-    deps: [e, ...(t == null ? void 0 : t.deps) || []]
-  }
-), A = (e = 60, c) => {
-  const [t, s] = L(e), [i, r] = L(!1), n = b(null), l = T(() => r(!0), []), u = T(() => {
-    r(!1), s(e), n.current && (clearTimeout(n.current), n.current = null), c == null || c();
-  }, [e, c]);
-  return E(() => {
-    if (i)
-      return t > 0 ? n.current = setTimeout(() => {
-        s((a) => a - 1);
-      }, 1e3) : u(), () => {
-        n.current && (clearTimeout(n.current), n.current = null);
-      };
-  }, [i, t, u]), [t, l, u];
-}, R = (e) => {
-  const [c, t] = L({ w: 0, h: 0 }), s = new ResizeObserver((r) => {
-    for (const n of r)
-      t({
-        w: n.borderBoxSize[0].inlineSize,
-        h: n.borderBoxSize[0].blockSize
-      });
-  }), i = () => {
-    if (e && typeof e != "function")
-      s.observe(e instanceof HTMLElement ? e : e.current);
-    else if (e && typeof e == "function") {
-      const r = e();
-      s.observe(r instanceof HTMLElement ? r : r.current);
-    } else t({ w: window.innerWidth, h: window.innerHeight });
-  };
-  return E(() => (i(), window.addEventListener("resize", i), () => {
-    if (window.removeEventListener("resize", i), e && typeof e != "function")
-      s.unobserve(e instanceof HTMLElement ? e : e.current);
-    else if (e && typeof e == "function") {
-      const r = e();
-      s.unobserve(r instanceof HTMLElement ? r : r.current);
-    }
-  }), [e]), c;
-}, w = (e) => e.toString().toLocaleLowerCase(), k = (e, c, t) => {
-  const s = (r, n, l) => {
-    r.forEach((u) => {
-      if (u.includes("+") && u.length > 1) {
-        const a = u.split("+"), f = n.ctrlKey && a.includes("ctrl"), o = n.shiftKey && a.includes("shift"), m = n.altKey && a.includes("alt"), d = n.metaKey && a.includes("meta"), h = (n.ctrlKey || n.metaKey) && a.includes("commandorcontrol");
-        a.length === 2 ? (f || o || m || d || h) && n.key.toLocaleLowerCase() === a[a.length - 1] && c(n, u) : a.length === 3 && (f && o || f && m || f && d || f && h || o && m || o && d || o && h || m && d || m && h || d && h) && n.key.toLocaleLowerCase() === a[a.length - 1] && c(n, u);
-      } else if (u.includes(w(n.key))) {
-        if (l) u === w(n.key) && c(n, u);
-        else if (!n.ctrlKey && !n.metaKey && !n.shiftKey && !n.altKey)
-          return c(n, u);
-      }
-    });
-  }, i = (r) => C(
-    r,
-    (n) => s(
-      e instanceof Array ? e.map((l) => w(l)) : [w(e)],
-      n,
-      (t == null ? void 0 : t.exactMatch) || !1
-    ),
-    {
-      deps: [t == null ? void 0 : t.target, ...(t == null ? void 0 : t.deps) || []]
-    }
-  );
-  (t == null ? void 0 : t.events) instanceof Array ? t.events.forEach((r) => i(r)) : i((t == null ? void 0 : t.events) || "keydown");
-};
-let y = !1;
-const z = ({ theme: e, onDark: c, onLight: t }) => {
-  const s = window.matchMedia("(prefers-color-scheme: dark)"), i = () => {
-    s.matches ? c() : t();
-  }, r = () => {
-    switch (y && (y = !1, s.removeEventListener("change", i)), e) {
-      case "light":
-        t();
-        break;
-      case "dark":
-        c();
-        break;
-      default: {
-        i(), y = !0, s.addEventListener("change", i);
-        break;
-      }
-    }
-  };
-  E(() => {
-    r();
-  }, [e]);
-}, x = (e) => {
-  const {
-    initTheme: c = "light",
-    themeRules: t = (l) => {
-      l ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
-    }
-  } = e || Object.assign({}), [s, i] = L(c), r = b(null), n = ({
-    targetTheme: l,
-    element: u,
-    onChange: a
-  }) => {
-    r.current = u || null, requestAnimationFrame(() => {
-      a == null || a(), i(l);
-    });
-  };
-  return z({
-    theme: s,
-    onDark: () => {
-      r.current ? v.changeThemeClipPathCircle({
-        element: r.current,
-        onChangeTheme: () => t(!0)
-      }) : t(!0);
-    },
-    onLight: () => {
-      r.current ? v.changeThemeClipPathCircle({
-        element: r.current,
-        onChangeTheme: () => t(!1)
-      }) : t(!1);
-    }
-  }), [s, n];
-};
-export {
-  C as a,
-  k as b,
-  M as c,
-  A as d,
-  z as e,
-  x as f,
-  R as u
-};