@code0-tech/pictor 0.0.0-mvp.3 → 0.0.0-mvp.30

package/dist/node_modules/@radix-ui/react-dismissable-layer/dist/index.js

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

package/dist/node_modules/@radix-ui/react-focus-guards/dist/index.js

@@ -0,0 +1,17 @@
+import * as r from "react";
+var t = 0;
+function a() {
+  r.useEffect(() => {
+    const e = document.querySelectorAll("[data-radix-focus-guard]");
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? n()), document.body.insertAdjacentElement("beforeend", e[1] ?? n()), t++, () => {
+      t === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((o) => o.remove()), t--;
+    };
+  }, []);
+}
+function n() {
+  const e = document.createElement("span");
+  return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
+}
+export {
+  a as useFocusGuards
+};

package/dist/node_modules/@radix-ui/react-focus-scope/dist/index.js

@@ -0,0 +1,136 @@
+import * as d from "react";
+import { useComposedRefs as R } from "../../react-compose-refs/dist/index.js";
+import { Primitive as M } from "../../react-primitive/dist/index.js";
+import { useCallbackRef as y } from "../../react-use-callback-ref/dist/index.js";
+import { jsx as _ } from "react/jsx-runtime";
+var F = "focusScope.autoFocusOnMount", T = "focusScope.autoFocusOnUnmount", N = { bubbles: !1, cancelable: !0 }, K = "FocusScope", k = d.forwardRef((e, t) => {
+  const {
+    loop: n = !1,
+    trapped: u = !1,
+    onMountAutoFocus: p,
+    onUnmountAutoFocus: L,
+    ...g
+  } = e, [o, U] = d.useState(null), E = y(p), v = y(L), b = d.useRef(null), A = R(t, (s) => U(s)), a = d.useRef({
+    paused: !1,
+    pause() {
+      this.paused = !0;
+    },
+    resume() {
+      this.paused = !1;
+    }
+  }).current;
+  d.useEffect(() => {
+    if (u) {
+      let s = function(i) {
+        if (a.paused || !o) return;
+        const c = i.target;
+        o.contains(c) ? b.current = c : f(b.current, { select: !0 });
+      }, l = function(i) {
+        if (a.paused || !o) return;
+        const c = i.relatedTarget;
+        c !== null && (o.contains(c) || f(b.current, { select: !0 }));
+      }, r = function(i) {
+        if (document.activeElement === document.body)
+          for (const h of i)
+            h.removedNodes.length > 0 && f(o);
+      };
+      document.addEventListener("focusin", s), document.addEventListener("focusout", l);
+      const m = new MutationObserver(r);
+      return o && m.observe(o, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", s), document.removeEventListener("focusout", l), m.disconnect();
+      };
+    }
+  }, [u, o, a.paused]), d.useEffect(() => {
+    if (o) {
+      O.add(a);
+      const s = document.activeElement;
+      if (!o.contains(s)) {
+        const r = new CustomEvent(F, N);
+        o.addEventListener(F, E), o.dispatchEvent(r), r.defaultPrevented || (w(W(I(o)), { select: !0 }), document.activeElement === s && f(o));
+      }
+      return () => {
+        o.removeEventListener(F, E), setTimeout(() => {
+          const r = new CustomEvent(T, N);
+          o.addEventListener(T, v), o.dispatchEvent(r), r.defaultPrevented || f(s ?? document.body, { select: !0 }), o.removeEventListener(T, v), O.remove(a);
+        }, 0);
+      };
+    }
+  }, [o, E, v, a]);
+  const P = d.useCallback(
+    (s) => {
+      if (!n && !u || a.paused) return;
+      const l = s.key === "Tab" && !s.altKey && !s.ctrlKey && !s.metaKey, r = document.activeElement;
+      if (l && r) {
+        const m = s.currentTarget, [i, c] = x(m);
+        i && c ? !s.shiftKey && r === c ? (s.preventDefault(), n && f(i, { select: !0 })) : s.shiftKey && r === i && (s.preventDefault(), n && f(c, { select: !0 })) : r === m && s.preventDefault();
+      }
+    },
+    [n, u, a.paused]
+  );
+  return /* @__PURE__ */ _(M.div, { tabIndex: -1, ...g, ref: A, onKeyDown: P });
+});
+k.displayName = K;
+function w(e, { select: t = !1 } = {}) {
+  const n = document.activeElement;
+  for (const u of e)
+    if (f(u, { select: t }), document.activeElement !== n) return;
+}
+function x(e) {
+  const t = I(e), n = S(t, e), u = S(t.reverse(), e);
+  return [n, u];
+}
+function I(e) {
+  const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (u) => {
+      const p = u.tagName === "INPUT" && u.type === "hidden";
+      return u.disabled || u.hidden || p ? NodeFilter.FILTER_SKIP : u.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; n.nextNode(); ) t.push(n.currentNode);
+  return t;
+}
+function S(e, t) {
+  for (const n of e)
+    if (!D(n, { upTo: t })) return n;
+}
+function D(e, { upTo: t }) {
+  if (getComputedStyle(e).visibility === "hidden") return !0;
+  for (; e; ) {
+    if (t !== void 0 && e === t) return !1;
+    if (getComputedStyle(e).display === "none") return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+function H(e) {
+  return e instanceof HTMLInputElement && "select" in e;
+}
+function f(e, { select: t = !1 } = {}) {
+  if (e && e.focus) {
+    const n = document.activeElement;
+    e.focus({ preventScroll: !0 }), e !== n && H(e) && t && e.select();
+  }
+}
+var O = V();
+function V() {
+  let e = [];
+  return {
+    add(t) {
+      const n = e[0];
+      t !== n && n?.pause(), e = C(e, t), e.unshift(t);
+    },
+    remove(t) {
+      e = C(e, t), e[0]?.resume();
+    }
+  };
+}
+function C(e, t) {
+  const n = [...e], u = n.indexOf(t);
+  return u !== -1 && n.splice(u, 1), n;
+}
+function W(e) {
+  return e.filter((t) => t.tagName !== "A");
+}
+export {
+  k as FocusScope
+};

package/dist/node_modules/@radix-ui/react-id/dist/index.js

@@ -0,0 +1,13 @@
+import * as o from "react";
+import { useLayoutEffect as a } from "../../react-use-layout-effect/dist/index.js";
+var s = o[" useId ".trim().toString()] || (() => {
+}), f = 0;
+function i(t) {
+  const [e, r] = o.useState(s());
+  return a(() => {
+    r((u) => u ?? String(f++));
+  }, [t]), t || (e ? `radix-${e}` : "");
+}
+export {
+  i as useId
+};