@pfct/purple 1.5.0-npm-next.5 → 1.5.0-npm-next.7

package/dist/chunks/index.CiFVe164.js

@@ -0,0 +1,152 @@
+import * as i from "react";
+import { a as m, b as h, f as k, e as M } from "./index.CRSD6wuV.js";
+import { u as T } from "./index.6ZBAQokh.js";
+import { j as b } from "./jsx-runtime.OVHDjVDe.js";
+import U from "react-dom";
+function P(s) {
+  const e = i.useRef(s);
+  return i.useEffect(() => {
+    e.current = s;
+  }), i.useMemo(() => (...n) => {
+    var t;
+    return (t = e.current) == null ? void 0 : t.call(e, ...n);
+  }, []);
+}
+function j(s, e = globalThis == null ? void 0 : globalThis.document) {
+  const n = P(s);
+  i.useEffect(() => {
+    const t = (r) => {
+      r.key === "Escape" && n(r);
+    };
+    return e.addEventListener("keydown", t, { capture: !0 }), () => e.removeEventListener("keydown", t, { capture: !0 });
+  }, [n, e]);
+}
+var z = "DismissableLayer", p = "dismissableLayer.update", H = "dismissableLayer.pointerDownOutside", K = "dismissableLayer.focusOutside", g, x = i.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), X = i.forwardRef(
+  (s, e) => {
+    const {
+      disableOutsidePointerEvents: n = !1,
+      onEscapeKeyDown: t,
+      onPointerDownOutside: r,
+      onFocusOutside: o,
+      onInteractOutside: l,
+      onDismiss: c,
+      ...E
+    } = s, u = i.useContext(x), [d, S] = i.useState(null), f = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, A] = i.useState({}), N = T(e, (a) => S(a)), D = Array.from(u.layers), [F] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), W = D.indexOf(F), L = d ? D.indexOf(d) : -1, _ = u.layersWithOutsidePointerEventsDisabled.size > 0, C = L >= W, I = G((a) => {
+      const v = a.target, R = [...u.branches].some((y) => y.contains(v));
+      !C || R || (r == null || r(a), l == null || l(a), a.defaultPrevented || c == null || c());
+    }, f), O = J((a) => {
+      const v = a.target;
+      [...u.branches].some((y) => y.contains(v)) || (o == null || o(a), l == null || l(a), a.defaultPrevented || c == null || c());
+    }, f);
+    return j((a) => {
+      L === u.layers.size - 1 && (t == null || t(a), !a.defaultPrevented && c && (a.preventDefault(), c()));
+    }, f), i.useEffect(() => {
+      if (d)
+        return n && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (g = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(d)), u.layers.add(d), w(), () => {
+          n && u.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = g);
+        };
+    }, [d, f, n, u]), i.useEffect(() => () => {
+      d && (u.layers.delete(d), u.layersWithOutsidePointerEventsDisabled.delete(d), w());
+    }, [d, u]), i.useEffect(() => {
+      const a = () => A({});
+      return document.addEventListener(p, a), () => document.removeEventListener(p, a);
+    }, []), /* @__PURE__ */ b.jsx(
+      m.div,
+      {
+        ...E,
+        ref: N,
+        style: {
+          pointerEvents: _ ? C ? "auto" : "none" : void 0,
+          ...s.style
+        },
+        onFocusCapture: h(s.onFocusCapture, O.onFocusCapture),
+        onBlurCapture: h(s.onBlurCapture, O.onBlurCapture),
+        onPointerDownCapture: h(
+          s.onPointerDownCapture,
+          I.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+X.displayName = z;
+var Y = "DismissableLayerBranch", q = i.forwardRef((s, e) => {
+  const n = i.useContext(x), t = i.useRef(null), r = T(e, t);
+  return i.useEffect(() => {
+    const o = t.current;
+    if (o)
+      return n.branches.add(o), () => {
+        n.branches.delete(o);
+      };
+  }, [n.branches]), /* @__PURE__ */ b.jsx(m.div, { ...s, ref: r });
+});
+q.displayName = Y;
+function G(s, e = globalThis == null ? void 0 : globalThis.document) {
+  const n = P(s), t = i.useRef(!1), r = i.useRef(() => {
+  });
+  return i.useEffect(() => {
+    const o = (c) => {
+      if (c.target && !t.current) {
+        let E = function() {
+          B(
+            H,
+            n,
+            u,
+            { discrete: !0 }
+          );
+        };
+        const u = { originalEvent: c };
+        c.pointerType === "touch" ? (e.removeEventListener("click", r.current), r.current = E, e.addEventListener("click", r.current, { once: !0 })) : E();
+      } else
+        e.removeEventListener("click", r.current);
+      t.current = !1;
+    }, l = window.setTimeout(() => {
+      e.addEventListener("pointerdown", o);
+    }, 0);
+    return () => {
+      window.clearTimeout(l), e.removeEventListener("pointerdown", o), e.removeEventListener("click", r.current);
+    };
+  }, [e, n]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => t.current = !0
+  };
+}
+function J(s, e = globalThis == null ? void 0 : globalThis.document) {
+  const n = P(s), t = i.useRef(!1);
+  return i.useEffect(() => {
+    const r = (o) => {
+      o.target && !t.current && B(K, n, { originalEvent: o }, {
+        discrete: !1
+      });
+    };
+    return e.addEventListener("focusin", r), () => e.removeEventListener("focusin", r);
+  }, [e, n]), {
+    onFocusCapture: () => t.current = !0,
+    onBlurCapture: () => t.current = !1
+  };
+}
+function w() {
+  const s = new CustomEvent(p);
+  document.dispatchEvent(s);
+}
+function B(s, e, n, { discrete: t }) {
+  const r = n.originalEvent.target, o = new CustomEvent(s, { bubbles: !1, cancelable: !0, detail: n });
+  e && r.addEventListener(s, e, { once: !0 }), t ? k(r, o) : r.dispatchEvent(o);
+}
+var Q = "Portal", V = i.forwardRef((s, e) => {
+  var c;
+  const { container: n, ...t } = s, [r, o] = i.useState(!1);
+  M(() => o(!0), []);
+  const l = n || r && ((c = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : c.body);
+  return l ? U.createPortal(/* @__PURE__ */ b.jsx(m.div, { ...t, ref: e }), l) : null;
+});
+V.displayName = Q;
+export {
+  X as D,
+  V as P,
+  P as u
+};