@konstructio/ui 0.1.2-alpha.2 → 0.1.2-alpha.21

package/dist/index-CffpTFMi.js

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

package/dist/{index-BAraV3ai.js → index-DQJhMz8c.js}

@@ -3,7 +3,7 @@ import { c as K, b as I, a as L } from "./index-BfXxHr_2.js";
 import { c as ce } from "./index-Cvx4lqTq.js";
 import { u as ie } from "./index-DQH6odE9.js";
 import { u as O } from "./index-bwWKd82e.js";
-import { P as C } from "./index-C9T9HQaa.js";
+import { P as C } from "./index-BVRIAMfe.js";
 import { u as ue } from "./index-0ioNhtNM.js";
 import { u as k } from "./index-BdMNhZnh.js";
 import { jsx as l } from "react/jsx-runtime";

package/dist/index-DdXGVVBv.js

@@ -0,0 +1,15 @@
+import * as o from "react";
+import n from "react-dom";
+import { P as f } from "./index-BVRIAMfe.js";
+import { u as c } from "./index-BfXxHr_2.js";
+import { jsx as l } from "react/jsx-runtime";
+var u = "Portal", p = o.forwardRef((r, a) => {
+  const { container: e, ...s } = r, [i, m] = o.useState(!1);
+  c(() => m(!0), []);
+  const t = e || i && globalThis?.document?.body;
+  return t ? n.createPortal(/* @__PURE__ */ l(f.div, { ...s, ref: a }), t) : null;
+});
+p.displayName = u;
+export {
+  p as P
+};