@frontify/fondue-components 29.2.0 → 30.0.0

package/dist/fondue-components153.js

@@ -1,944 +1,73 @@
-import { Rectangle as it } from "./fondue-components154.js";
-var vt = (t) => {
-  throw TypeError(t);
-}, ot = (t, n, e) => n.has(t) || vt("Cannot " + e), f = (t, n, e) => (ot(t, n, "read from private field"), n.get(t)), _ = (t, n, e) => n.has(t) ? vt("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(t) : n.set(t, e), R = (t, n, e, i) => (ot(t, n, "write to private field"), n.set(t, e), e), gt = (t, n, e) => (ot(t, n, "access private method"), e);
-function q(t) {
-  return t ? t instanceof KeyframeEffect ? !0 : "getKeyframes" in t && typeof t.getKeyframes == "function" : !1;
-}
-function Wt(t, n) {
-  const e = t.getAnimations();
-  if (e.length > 0)
-    for (const i of e) {
-      if (i.playState !== "running") continue;
-      const { effect: o } = i, r = (q(o) ? o.getKeyframes() : []).filter(n);
-      if (r.length > 0)
-        return [r[r.length - 1], i];
-    }
-  return null;
-}
-function j(t) {
-  const { width: n, height: e, top: i, left: o, bottom: s, right: r } = t.getBoundingClientRect();
-  return { width: n, height: e, top: i, left: o, bottom: s, right: r };
-}
-function st(t) {
-  const n = Object.prototype.toString.call(t);
-  return n === "[object Window]" || // In Electron context the Window object serializes to [object global]
-  n === "[object global]";
-}
-function X(t) {
-  return "nodeType" in t;
-}
-function E(t) {
-  var n, e, i;
-  return t ? st(t) ? t : X(t) ? "defaultView" in t ? (n = t.defaultView) != null ? n : window : (i = (e = t.ownerDocument) == null ? void 0 : e.defaultView) != null ? i : window : window : window;
-}
-function yt(t) {
-  const { Document: n } = E(t);
-  return t instanceof n || "nodeType" in t && t.nodeType === Node.DOCUMENT_NODE;
-}
-function V(t) {
-  return !t || st(t) ? !1 : t instanceof E(t).HTMLElement || "namespaceURI" in t && typeof t.namespaceURI == "string" && t.namespaceURI.endsWith("html");
-}
-function mt(t) {
-  return t instanceof E(t).SVGElement || "namespaceURI" in t && typeof t.namespaceURI == "string" && t.namespaceURI.endsWith("svg");
-}
-function rt(t) {
-  return t ? st(t) ? t.document : X(t) ? yt(t) ? t : V(t) || mt(t) ? t.ownerDocument : document : document : document;
-}
-function Ct(t) {
-  var n, e, i, o;
-  const { documentElement: s } = rt(t), r = E(t).visualViewport, c = (n = r == null ? void 0 : r.width) != null ? n : s.clientWidth, l = (e = r == null ? void 0 : r.height) != null ? e : s.clientHeight, a = (i = r == null ? void 0 : r.offsetTop) != null ? i : 0, u = (o = r == null ? void 0 : r.offsetLeft) != null ? o : 0;
-  return {
-    top: a,
-    left: u,
-    right: u + c,
-    bottom: a + l,
-    width: c,
-    height: l
-  };
-}
-function It(t, n) {
-  if (Nt(t) && t.open === !1)
-    return !1;
-  const { overflow: e, overflowX: i, overflowY: o } = getComputedStyle(t);
-  return e === "visible" && i === "visible" && o === "visible";
-}
-function Nt(t) {
-  return t.tagName === "DETAILS";
-}
-function D(t, n = t.getBoundingClientRect(), e = 0) {
-  var i, o, s, r, c;
-  let l = n;
-  const { ownerDocument: a } = t, u = (i = a.defaultView) != null ? i : window;
-  let h = t.parentElement;
-  for (; h && h !== a.documentElement; ) {
-    if (!It(h)) {
-      const g = h.getBoundingClientRect(), M = e * (g.bottom - g.top), m = e * (g.right - g.left), G = e * (g.bottom - g.top), J = e * (g.right - g.left);
-      l = {
-        top: Math.max(l.top, g.top - M),
-        right: Math.min(l.right, g.right + m),
-        bottom: Math.min(l.bottom, g.bottom + G),
-        left: Math.max(l.left, g.left - J),
-        width: 0,
-        // Will be calculated next
-        height: 0
-        // Will be calculated next
-      }, l.width = l.right - l.left, l.height = l.bottom - l.top;
-    }
-    h = h.parentElement;
-  }
-  const v = u.visualViewport, y = (o = v == null ? void 0 : v.offsetTop) != null ? o : 0, w = (s = v == null ? void 0 : v.offsetLeft) != null ? s : 0, d = (r = v == null ? void 0 : v.width) != null ? r : u.innerWidth, x = (c = v == null ? void 0 : v.height) != null ? c : u.innerHeight, b = e * x, p = e * d;
-  return l = {
-    top: Math.max(l.top, y - b),
-    right: Math.min(
-      l.right,
-      w + d + p
-    ),
-    bottom: Math.min(
-      l.bottom,
-      y + x + b
-    ),
-    left: Math.max(l.left, w - p),
-    width: 0,
-    // Will be calculated next
-    height: 0
-    // Will be calculated next
-  }, l.width = l.right - l.left, l.height = l.bottom - l.top, l.width < 0 && (l.width = 0), l.height < 0 && (l.height = 0), l;
-}
-function ye(t) {
-  return {
-    x: t.clientX,
-    y: t.clientY
-  };
-}
-var wt = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
-function at(t = document, n = /* @__PURE__ */ new Set()) {
-  if (n.has(t)) return [];
-  n.add(t);
-  const e = [t];
-  for (const i of Array.from(
-    t.querySelectorAll("iframe, frame")
-  ))
-    try {
-      const o = i.contentDocument;
-      o && !n.has(o) && e.push(...at(o, n));
-    } catch {
-    }
-  try {
-    const i = t.defaultView;
-    if (i && i !== window.top) {
-      const o = i.parent;
-      o && o.document && o.document !== t && e.push(...at(o.document, n));
-    }
-  } catch {
-  }
-  return e;
-}
-function bt() {
-  return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-}
-function me() {
-  var t, n;
-  const e = bt() ? window.visualViewport : null;
-  return {
-    x: (t = e == null ? void 0 : e.offsetLeft) != null ? t : 0,
-    y: (n = e == null ? void 0 : e.offsetTop) != null ? n : 0
-  };
-}
-function xt(t) {
-  return !t || !X(t) ? !1 : t instanceof E(t).ShadowRoot;
-}
-function we(t) {
-  if (t && X(t)) {
-    let n = t.getRootNode();
-    if (xt(n))
-      return n;
-    if (n instanceof Document)
-      return n;
-  }
-  return rt(t);
-}
-function be(t) {
-  return t.matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-function xe(t) {
-  const n = "input, textarea, select, canvas, [contenteditable]", e = t.cloneNode(!0), i = Array.from(t.querySelectorAll(n));
-  return Array.from(e.querySelectorAll(n)).forEach((s, r) => {
-    const c = i[r];
-    if (ut(s) && ut(c) && (s.type !== "file" && (s.value = c.value), s.type === "radio" && s.name && (s.name = `Cloned__${s.name}`)), ft(s) && ft(c) && c.width > 0 && c.height > 0) {
-      const l = s.getContext("2d");
-      l == null || l.drawImage(c, 0, 0);
-    }
-  }), e;
-}
-function ut(t) {
-  return "value" in t;
-}
-function ft(t) {
-  return t.tagName === "CANVAS";
-}
-function Lt(t, { x: n, y: e }) {
-  const i = t.elementFromPoint(n, e);
-  if (Ft(i)) {
-    const { contentDocument: o } = i;
-    if (o) {
-      const { left: s, top: r } = i.getBoundingClientRect();
-      return Lt(o, {
-        x: n - s,
-        y: e - r
-      });
-    }
-  }
-  return i;
-}
-function Ft(t) {
-  return (t == null ? void 0 : t.tagName) === "IFRAME";
-}
-var Te = /* @__PURE__ */ new WeakMap();
-function _e(t) {
-  return !!t.closest(`
-      input:not([disabled]),
-      select:not([disabled]),
-      textarea:not([disabled]),
-      button:not([disabled]),
-      a[href],
-      [contenteditable]:not([contenteditable="false"])
-    `);
-}
-var Re = class {
-  constructor() {
-    this.entries = /* @__PURE__ */ new Set(), this.clear = () => {
-      for (const t of this.entries) {
-        const [n, { type: e, listener: i, options: o }] = t;
-        n.removeEventListener(e, i, o);
-      }
-      this.entries.clear();
-    };
-  }
-  bind(t, n) {
-    const e = Array.isArray(t) ? t : [t], i = Array.isArray(n) ? n : [n], o = [];
-    for (const s of e)
-      for (const r of i) {
-        const { type: c, listener: l, options: a } = r, u = [s, r];
-        s.addEventListener(c, l, a), this.entries.add(u), o.push(u);
-      }
-    return function() {
-      for (const [r, { type: c, listener: l, options: a }] of o)
-        r.removeEventListener(c, l, a);
-    };
-  }
-};
-function H(t) {
-  const n = t == null ? void 0 : t.ownerDocument.defaultView;
-  if (n && n.self !== n.parent)
-    return n.frameElement;
-}
-function Pt(t) {
-  const n = /* @__PURE__ */ new Set();
-  let e = H(t);
-  for (; e; )
-    n.add(e), e = H(e);
-  return n;
-}
-function Vt(t, n) {
-  const e = setTimeout(t, n);
-  return () => clearTimeout(e);
-}
-function Tt(t, n) {
-  const e = () => performance.now();
-  let i, o;
-  return function(...s) {
-    const r = this;
-    o ? (i == null || i(), i = Vt(
-      () => {
-        t.apply(r, s), o = e();
-      },
-      n - (e() - o)
-    )) : (t.apply(r, s), o = e());
-  };
-}
-function Xt(t, n) {
-  return t === n ? !0 : !t || !n ? !1 : t.top == n.top && t.left == n.left && t.right == n.right && t.bottom == n.bottom;
-}
-function Yt(t, n = t.getBoundingClientRect()) {
-  const { width: e, height: i } = D(
-    t,
-    n
-  );
-  return e > 0 && i > 0;
-}
-var Ot = wt ? ResizeObserver : class {
-  observe() {
-  }
-  unobserve() {
-  }
-  disconnect() {
-  }
-}, z, zt = class extends Ot {
-  constructor(t) {
-    super((n) => {
-      if (!f(this, z)) {
-        R(this, z, !0);
-        return;
-      }
-      t(n, this);
-    }), _(this, z, !1);
-  }
-};
-z = /* @__PURE__ */ new WeakMap();
-var ht = Array.from({ length: 100 }, (t, n) => n / 100), _t = 75, A, $, S, W, C, T, F, I, K, Rt, Mt, Et = class {
-  constructor(t, n, e = {
-    debug: !1,
-    skipInitial: !1
-  }) {
-    this.element = t, this.callback = n, _(this, K), this.disconnect = () => {
-      var s, r, c;
-      R(this, F, !0), (s = f(this, S)) == null || s.disconnect(), (r = f(this, W)) == null || r.disconnect(), f(this, C).disconnect(), (c = f(this, T)) == null || c.remove();
-    }, _(this, A, !0), _(this, $), _(this, S), _(this, W), _(this, C), _(this, T), _(this, F, !1), _(this, I, Tt(() => {
-      var s, r, c;
-      const { element: l } = this;
-      if ((s = f(this, W)) == null || s.disconnect(), f(this, F) || !f(this, A) || !l.isConnected)
-        return;
-      const a = (r = l.ownerDocument) != null ? r : document, { innerHeight: u, innerWidth: h } = (c = a.defaultView) != null ? c : window, v = l.getBoundingClientRect(), y = D(l, v), { top: w, left: d, bottom: x, right: b } = y, p = -Math.floor(w), g = -Math.floor(d), M = -Math.floor(h - b), m = -Math.floor(u - x), G = `${p}px ${M}px ${m}px ${g}px`;
-      this.boundingClientRect = v, R(this, W, new IntersectionObserver(
-        (J) => {
-          const [Q] = J, { intersectionRect: At } = Q;
-          (Q.intersectionRatio !== 1 ? Q.intersectionRatio : it.intersectionRatio(
-            At,
-            D(l)
-          )) !== 1 && f(this, I).call(this);
-        },
-        {
-          threshold: ht,
-          rootMargin: G,
-          root: a
-        }
-      )), f(this, W).observe(l), gt(this, K, Rt).call(this);
-    }, _t)), this.boundingClientRect = t.getBoundingClientRect(), R(this, A, Yt(t, this.boundingClientRect));
-    let i = !0;
-    this.callback = (s) => {
-      i && (i = !1, e.skipInitial) || n(s);
-    };
-    const o = t.ownerDocument;
-    e != null && e.debug && (R(this, T, document.createElement("div")), f(this, T).style.background = "rgba(0,0,0,0.15)", f(this, T).style.position = "fixed", f(this, T).style.pointerEvents = "none", o.body.appendChild(f(this, T))), R(this, C, new IntersectionObserver(
-      (s) => {
-        var r, c;
-        const l = s[s.length - 1], { boundingClientRect: a, isIntersecting: u } = l, { width: h, height: v } = a, y = f(this, A);
-        R(this, A, u), !(!h && !v) && (y && !u ? ((r = f(this, W)) == null || r.disconnect(), this.callback(null), (c = f(this, S)) == null || c.disconnect(), R(this, S, void 0), f(this, T) && (f(this, T).style.visibility = "hidden")) : f(this, I).call(this), u && !f(this, S) && (R(this, S, new zt(f(this, I))), f(this, S).observe(t)));
-      },
-      {
-        threshold: ht,
-        root: o
-      }
-    )), f(this, A) && !e.skipInitial && this.callback(this.boundingClientRect), f(this, C).observe(t);
-  }
-};
-A = /* @__PURE__ */ new WeakMap();
-$ = /* @__PURE__ */ new WeakMap();
-S = /* @__PURE__ */ new WeakMap();
-W = /* @__PURE__ */ new WeakMap();
-C = /* @__PURE__ */ new WeakMap();
-T = /* @__PURE__ */ new WeakMap();
-F = /* @__PURE__ */ new WeakMap();
-I = /* @__PURE__ */ new WeakMap();
-K = /* @__PURE__ */ new WeakSet();
-Rt = function() {
-  f(this, F) || (gt(this, K, Mt).call(this), !Xt(this.boundingClientRect, f(this, $)) && (this.callback(this.boundingClientRect), R(this, $, this.boundingClientRect)));
-};
-Mt = function() {
-  if (f(this, T)) {
-    const { top: t, left: n, width: e, height: i } = D(
-      this.element
-    );
-    f(this, T).style.overflow = "hidden", f(this, T).style.visibility = "visible", f(this, T).style.top = `${Math.floor(t)}px`, f(this, T).style.left = `${Math.floor(n)}px`, f(this, T).style.width = `${Math.floor(e)}px`, f(this, T).style.height = `${Math.floor(i)}px`;
-  }
-};
-var Y = /* @__PURE__ */ new WeakMap(), O = /* @__PURE__ */ new WeakMap();
-function Bt(t, n) {
-  let e = Y.get(t);
-  return e || (e = { disconnect: new Et(
-    t,
-    (o) => {
-      const s = Y.get(t);
-      s && s.callbacks.forEach((r) => r(o));
-    },
-    { skipInitial: !0 }
-  ).disconnect, callbacks: /* @__PURE__ */ new Set() }), e.callbacks.add(n), Y.set(t, e), () => {
-    e.callbacks.delete(n), e.callbacks.size === 0 && (Y.delete(t), e.disconnect());
-  };
-}
-function Dt(t, n) {
-  const e = /* @__PURE__ */ new Set();
-  for (const i of t) {
-    const o = Bt(i, n);
-    e.add(o);
-  }
-  return () => e.forEach((i) => i());
-}
-function Ht(t, n) {
-  var e;
-  const i = t.ownerDocument;
-  if (!O.has(i)) {
-    const r = new AbortController(), c = /* @__PURE__ */ new Set();
-    document.addEventListener(
-      "scroll",
-      (l) => c.forEach((a) => a(l)),
-      {
-        capture: !0,
-        passive: !0,
-        signal: r.signal
-      }
-    ), O.set(i, { disconnect: () => r.abort(), listeners: c });
-  }
-  const { listeners: o, disconnect: s } = (e = O.get(i)) != null ? e : {};
-  return !o || !s ? () => {
-  } : (o.add(n), () => {
-    o.delete(n), o.size === 0 && (s(), O.delete(i));
-  });
-}
-var N, L, B, et, Ee = class {
-  constructor(t, n, e) {
-    this.callback = n, _(this, N), _(this, L, !1), _(this, B), _(this, et, Tt((r) => {
-      if (!f(this, L) && r.target && "contains" in r.target && typeof r.target.contains == "function") {
-        for (const c of f(this, B))
-          if (r.target.contains(c)) {
-            this.callback(f(this, N).boundingClientRect);
-            break;
-          }
-      }
-    }, _t));
-    const i = Pt(t), o = Dt(i, n), s = Ht(t, f(this, et));
-    R(this, B, i), R(this, N, new Et(t, n, e)), this.disconnect = () => {
-      f(this, L) || (R(this, L, !0), o(), s(), f(this, N).disconnect());
-    };
-  }
-};
-N = /* @__PURE__ */ new WeakMap();
-L = /* @__PURE__ */ new WeakMap();
-B = /* @__PURE__ */ new WeakMap();
-et = /* @__PURE__ */ new WeakMap();
-function $t(t) {
-  return "showPopover" in t && "hidePopover" in t && typeof t.showPopover == "function" && typeof t.hidePopover == "function";
-}
-function Se(t) {
-  try {
-    $t(t) && t.isConnected && t.hasAttribute("popover") && // This selector can throw an error in browsers that don't support it
-    !t.matches(":popover-open") && t.showPopover();
-  } catch {
-  }
-}
-function dt(t) {
-  return !wt || !t ? !1 : t === rt(t).scrollingElement;
-}
-function St(t) {
-  var n, e;
-  const i = E(t), o = dt(t) ? Ct(t) : j(t), s = i.visualViewport, r = dt(t) ? {
-    height: (n = s == null ? void 0 : s.height) != null ? n : i.innerHeight,
-    width: (e = s == null ? void 0 : s.width) != null ? e : i.innerWidth
-  } : {
-    height: t.clientHeight,
-    width: t.clientWidth
-  }, c = {
-    current: {
-      x: t.scrollLeft,
-      y: t.scrollTop
-    },
-    max: {
-      x: t.scrollWidth - r.width,
-      y: t.scrollHeight - r.height
-    }
-  }, l = c.current.y <= 0, a = c.current.x <= 0, u = c.current.y >= c.max.y, h = c.current.x >= c.max.x;
-  return {
-    rect: o,
-    position: c,
-    isTop: l,
-    isLeft: a,
-    isBottom: u,
-    isRight: h
-  };
-}
-function ke(t, n) {
-  const { isTop: e, isBottom: i, isLeft: o, isRight: s, position: r } = St(t), { x: c, y: l } = n ?? { x: 0, y: 0 }, a = !e && r.current.y + l > 0, u = !i && r.current.y + l < r.max.y, h = !o && r.current.x + c > 0, v = !s && r.current.x + c < r.max.x;
-  return {
-    top: a,
-    bottom: u,
-    left: h,
-    right: v,
-    x: h || v,
-    y: a || u
-  };
-}
-var ct = class {
-  constructor(t) {
-    this.scheduler = t, this.pending = !1, this.tasks = /* @__PURE__ */ new Set(), this.resolvers = /* @__PURE__ */ new Set(), this.flush = () => {
-      const { tasks: n, resolvers: e } = this;
-      this.pending = !1, this.tasks = /* @__PURE__ */ new Set(), this.resolvers = /* @__PURE__ */ new Set();
-      for (const i of n)
-        i();
-      for (const i of e)
-        i();
-    };
-  }
-  schedule(t) {
-    return this.tasks.add(t), this.pending || (this.pending = !0, this.scheduler(this.flush)), new Promise((n) => this.resolvers.add(n));
-  }
-}, Ae = new ct((t) => {
-  typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : t();
-}), Kt = new ct((t) => setTimeout(t, 50)), U = /* @__PURE__ */ new Map(), Ut = U.clear.bind(U);
-function k(t, n = !1) {
-  if (!n) return pt(t);
-  let e = U.get(t);
-  return e || (e = pt(t), U.set(t, e), Kt.schedule(Ut), e);
-}
-function pt(t) {
-  return E(t).getComputedStyle(t);
-}
-function qt(t, n = k(t, !0)) {
-  return n.position === "fixed" || n.position === "sticky";
-}
-function jt(t, n = k(t, !0)) {
-  const e = /(auto|scroll|overlay)/;
-  return ["overflow", "overflowX", "overflowY"].some((o) => {
-    const s = n[o];
-    return typeof s == "string" ? e.test(s) : !1;
-  });
-}
-var Gt = {
-  excludeElement: !0,
-  escapeShadowDOM: !0
-};
-function Jt(t, n = Gt) {
-  const { limit: e, excludeElement: i, escapeShadowDOM: o } = n, s = /* @__PURE__ */ new Set();
-  function r(c) {
-    if (e != null && s.size >= e || !c)
-      return s;
-    if (yt(c) && c.scrollingElement != null && !s.has(c.scrollingElement))
-      return s.add(c.scrollingElement), s;
-    if (o && xt(c))
-      return r(c.host);
-    if (!V(c))
-      return mt(c) ? r(c.parentElement) : s;
-    if (s.has(c))
-      return s;
-    const l = k(c, !0);
-    if (i && c === t || jt(c, l) && s.add(c), qt(c, l)) {
-      const { scrollingElement: a } = c.ownerDocument;
-      return a && s.add(a), s;
-    }
-    return r(c.parentNode);
-  }
-  return t ? r(t) : s;
-}
-function Qt(t) {
-  const [n] = Jt(t, { limit: 1 });
-  return n ?? null;
-}
-function kt(t, n = window.frameElement) {
-  const e = {
-    x: 0,
-    y: 0,
-    scaleX: 1,
-    scaleY: 1
-  };
-  if (!t) return e;
-  let i = H(t);
-  for (; i; ) {
-    if (i === n)
-      return e;
-    const o = j(i), { x: s, y: r } = Zt(i, o);
-    e.x = e.x + o.left, e.y = e.y + o.top, e.scaleX = e.scaleX * s, e.scaleY = e.scaleY * r, i = H(i);
-  }
-  return e;
-}
-function Zt(t, n = j(t)) {
-  const e = Math.round(n.width), i = Math.round(n.height);
-  if (V(t))
-    return {
-      x: e / t.offsetWidth,
-      y: i / t.offsetHeight
-    };
-  const o = k(t, !0);
-  return {
-    x: (parseFloat(o.width) || e) / e,
-    y: (parseFloat(o.height) || i) / i
-  };
-}
-function te(t) {
-  if (t === "none")
+import { CollisionPriority as a, CollisionType as u } from "@dnd-kit/abstract";
+import { Rectangle as p, Point as s } from "./fondue-components156.js";
+var m = ({
+  dragOperation: t,
+  droppable: n
+}) => {
+  const e = t.position.current;
+  if (!e)
     return null;
-  const n = t.split(" "), e = parseFloat(n[0]), i = parseFloat(n[1]);
-  return isNaN(e) && isNaN(i) ? null : {
-    x: isNaN(e) ? i : e,
-    y: isNaN(i) ? e : i
-  };
-}
-function nt(t) {
-  if (t === "none")
+  const { id: r } = n;
+  if (!n.shape)
     return null;
-  const [n, e, i = "0"] = t.split(" "), o = { x: parseFloat(n), y: parseFloat(e), z: parseInt(i, 10) };
-  return isNaN(o.x) && isNaN(o.y) ? null : {
-    x: isNaN(o.x) ? 0 : o.x,
-    y: isNaN(o.y) ? 0 : o.y,
-    z: isNaN(o.z) ? 0 : o.z
-  };
-}
-function lt(t) {
-  var n, e, i, o, s, r, c, l, a;
-  const { scale: u, transform: h, translate: v } = t, y = te(u), w = nt(v), d = ee(h);
-  if (!d && !y && !w)
-    return null;
-  const x = {
-    x: (n = y == null ? void 0 : y.x) != null ? n : 1,
-    y: (e = y == null ? void 0 : y.y) != null ? e : 1
-  }, b = {
-    x: (i = w == null ? void 0 : w.x) != null ? i : 0,
-    y: (o = w == null ? void 0 : w.y) != null ? o : 0
-  }, p = {
-    x: (s = d == null ? void 0 : d.x) != null ? s : 0,
-    y: (r = d == null ? void 0 : d.y) != null ? r : 0,
-    scaleX: (c = d == null ? void 0 : d.scaleX) != null ? c : 1,
-    scaleY: (l = d == null ? void 0 : d.scaleY) != null ? l : 1
-  };
-  return {
-    x: b.x + p.x,
-    y: b.y + p.y,
-    z: (a = w == null ? void 0 : w.z) != null ? a : 0,
-    scaleX: x.x * p.scaleX,
-    scaleY: x.y * p.scaleY
-  };
-}
-function ee(t) {
-  if (t.startsWith("matrix3d(")) {
-    const n = t.slice(9, -1).split(/, /);
+  if (n.shape.containsPoint(e)) {
+    const i = s.distance(n.shape.center, e);
     return {
-      x: +n[12],
-      y: +n[13],
-      scaleX: +n[0],
-      scaleY: +n[5]
+      id: r,
+      value: 1 / i,
+      type: u.PointerIntersection,
+      priority: a.High
     };
-  } else if (t.startsWith("matrix(")) {
-    const n = t.slice(7, -1).split(/, /);
+  }
+  return null;
+}, y = ({
+  dragOperation: t,
+  droppable: n
+}) => {
+  const { shape: e } = t;
+  if (!n.shape || !(e != null && e.current))
+    return null;
+  const r = e.current.intersectionArea(n.shape);
+  if (r) {
+    const { position: i } = t, o = s.distance(n.shape.center, i.current), c = r / (e.current.area + n.shape.area - r) / o;
     return {
-      x: +n[4],
-      y: +n[5],
-      scaleX: +n[0],
-      scaleY: +n[3]
+      id: n.id,
+      value: c,
+      type: u.ShapeIntersection,
+      priority: a.Normal
     };
   }
   return null;
-}
-var ne = /* @__PURE__ */ ((t) => (t[t.Idle = 0] = "Idle", t[t.Forward = 1] = "Forward", t[t.Reverse = -1] = "Reverse", t))(ne || {}), ie = {
-  x: 0.2,
-  y: 0.2
-}, oe = {
-  x: 10,
-  y: 10
-};
-function We(t, n, e, i = 25, o = ie, s = oe) {
-  const { x: r, y: c } = n, { rect: l, isTop: a, isBottom: u, isLeft: h, isRight: v } = St(t), y = kt(t), w = k(t, !0), d = lt(w), x = d !== null ? (d == null ? void 0 : d.scaleX) < 0 : !1, b = d !== null ? (d == null ? void 0 : d.scaleY) < 0 : !1, p = new it(
-    l.left * y.scaleX + y.x,
-    l.top * y.scaleY + y.y,
-    l.width * y.scaleX,
-    l.height * y.scaleY
-  ), g = {
-    x: 0,
-    y: 0
-    /* Idle */
-  }, M = {
-    x: 0,
-    y: 0
-  }, m = {
-    height: p.height * o.y,
-    width: p.width * o.x
-  };
-  return (!a || b && !u) && c <= p.top + m.height && (e == null ? void 0 : e.y) !== 1 && r >= p.left - s.x && r <= p.right + s.x ? (g.y = b ? 1 : -1, M.y = i * Math.abs(
-    (p.top + m.height - c) / m.height
-  )) : (!u || b && !a) && c >= p.bottom - m.height && (e == null ? void 0 : e.y) !== -1 && r >= p.left - s.x && r <= p.right + s.x && (g.y = b ? -1 : 1, M.y = i * Math.abs(
-    (p.bottom - m.height - c) / m.height
-  )), (!v || x && !h) && r >= p.right - m.width && (e == null ? void 0 : e.x) !== -1 && c >= p.top - s.y && c <= p.bottom + s.y ? (g.x = x ? -1 : 1, M.x = i * Math.abs(
-    (p.right - m.width - r) / m.width
-  )) : (!h || x && !v) && r <= p.left + m.width && (e == null ? void 0 : e.x) !== 1 && c >= p.top - s.y && c <= p.bottom + s.y && (g.x = x ? 1 : -1, M.x = i * Math.abs(
-    (p.left + m.width - r) / m.width
-  )), {
-    direction: g,
-    speed: M
-  };
-}
-function se(t) {
-  return "scrollIntoViewIfNeeded" in t && typeof t.scrollIntoViewIfNeeded == "function";
-}
-function Ce(t, n = !1) {
-  if (se(t)) {
-    t.scrollIntoViewIfNeeded(n);
-    return;
-  }
-  if (!V(t))
-    return t.scrollIntoView();
-  var e = Qt(t);
-  if (!V(e))
-    return;
-  const i = k(e, !0), o = parseInt(
-    i.getPropertyValue("border-top-width")
-  ), s = parseInt(
-    i.getPropertyValue("border-left-width")
-  ), r = t.offsetTop - e.offsetTop < e.scrollTop, c = t.offsetTop - e.offsetTop + t.clientHeight - o > e.scrollTop + e.clientHeight, l = t.offsetLeft - e.offsetLeft < e.scrollLeft, a = t.offsetLeft - e.offsetLeft + t.clientWidth - s > e.scrollLeft + e.clientWidth, u = r && !c;
-  (r || c) && n && (e.scrollTop = t.offsetTop - e.offsetTop - e.clientHeight / 2 - o + t.clientHeight / 2), (l || a) && n && (e.scrollLeft = t.offsetLeft - e.offsetLeft - e.clientWidth / 2 - s + t.clientWidth / 2), (r || c || l || a) && !n && t.scrollIntoView(u);
-}
-function re(t, n, e) {
-  const { scaleX: i, scaleY: o, x: s, y: r } = n, c = t.left + s + (1 - i) * parseFloat(e), l = t.top + r + (1 - o) * parseFloat(e.slice(e.indexOf(" ") + 1)), a = i ? t.width * i : t.width, u = o ? t.height * o : t.height;
-  return {
-    width: a,
-    height: u,
-    top: l,
-    right: c + a,
-    bottom: l + u,
-    left: c
-  };
-}
-function ce(t, n, e) {
-  const { scaleX: i, scaleY: o, x: s, y: r } = n, c = t.left - s - (1 - i) * parseFloat(e), l = t.top - r - (1 - o) * parseFloat(e.slice(e.indexOf(" ") + 1)), a = i ? t.width / i : t.width, u = o ? t.height / o : t.height;
+}, R = (t) => {
+  var n;
+  return (n = m(t)) != null ? n : y(t);
+}, I = (t) => {
+  const { dragOperation: n, droppable: e } = t, { shape: r, position: i } = n;
+  if (!e.shape)
+    return null;
+  const o = r ? p.from(r.current.boundingRectangle).corners : void 0, c = p.from(
+    e.shape.boundingRectangle
+  ).corners.reduce(
+    (d, v, f) => {
+      var l;
+      return d + s.distance(
+        s.from(v),
+        (l = o == null ? void 0 : o[f]) != null ? l : i.current
+      );
+    },
+    0
+  ) / 4;
   return {
-    width: a,
-    height: u,
-    top: l,
-    right: c + a,
-    bottom: l + u,
-    left: c
+    id: e.id,
+    value: 1 / c,
+    type: u.Collision,
+    priority: a.Normal
   };
-}
-function Ie({ element: t, keyframes: n, options: e }) {
-  return t.animate(n, e).finished;
-}
-function Ne(t, n = k(t).translate, e = !0) {
-  if (e) {
-    const i = Wt(
-      t,
-      (o) => "translate" in o
-    );
-    if (i) {
-      const { translate: o = "" } = i[0];
-      if (typeof o == "string") {
-        const s = nt(o);
-        if (s)
-          return s;
-      }
-    }
-  }
-  if (n) {
-    const i = nt(n);
-    if (i)
-      return i;
-  }
-  return { x: 0, y: 0, z: 0 };
-}
-var le = new ct((t) => setTimeout(t, 0)), P = /* @__PURE__ */ new Map(), ae = P.clear.bind(P);
-function ue(t) {
-  const n = t.ownerDocument;
-  let e = P.get(n);
-  if (e) return e;
-  e = n.getAnimations(), P.set(n, e), le.schedule(ae);
-  const i = e.filter(
-    (o) => q(o.effect) && o.effect.target === t
-  );
-  return P.set(t, i), e;
-}
-function fe(t, n) {
-  const e = ue(t).filter((i) => {
-    var o, s;
-    if (q(i.effect)) {
-      const { target: r } = i.effect;
-      if ((s = r && ((o = n.isValidTarget) == null ? void 0 : o.call(n, r))) != null ? s : !0)
-        return i.effect.getKeyframes().some((l) => {
-          for (const a of n.properties)
-            if (l[a]) return !0;
-        });
-    }
-  }).map((i) => {
-    const { effect: o, currentTime: s } = i, r = o == null ? void 0 : o.getComputedTiming().duration;
-    if (!(i.pending || i.playState === "finished") && typeof r == "number" && typeof s == "number" && s < r)
-      return i.currentTime = r, () => {
-        i.currentTime = s;
-      };
-  });
-  if (e.length > 0)
-    return () => e.forEach((i) => i == null ? void 0 : i());
-}
-var Le = class extends it {
-  constructor(t, n = {}) {
-    var e, i, o, s;
-    const {
-      frameTransform: r = kt(t),
-      ignoreTransforms: c,
-      getBoundingClientRect: l = j
-    } = n, a = fe(t, {
-      properties: ["transform", "translate", "scale", "width", "height"],
-      isValidTarget: (m) => (m !== t || bt()) && m.contains(t)
-    }), u = l(t);
-    let { top: h, left: v, width: y, height: w } = u, d;
-    const x = k(t), b = lt(x), p = {
-      x: (e = b == null ? void 0 : b.scaleX) != null ? e : 1,
-      y: (i = b == null ? void 0 : b.scaleY) != null ? i : 1
-    }, g = he(t, x);
-    a == null || a(), b && (d = ce(
-      u,
-      b,
-      x.transformOrigin
-    ), (c || g) && (h = d.top, v = d.left, y = d.width, w = d.height));
-    const M = {
-      width: (o = d == null ? void 0 : d.width) != null ? o : y,
-      height: (s = d == null ? void 0 : d.height) != null ? s : w
-    };
-    if (g && !c && d) {
-      const m = re(
-        d,
-        g,
-        x.transformOrigin
-      );
-      h = m.top, v = m.left, y = m.width, w = m.height, p.x = g.scaleX, p.y = g.scaleY;
-    }
-    r && (c || (v *= r.scaleX, y *= r.scaleX, h *= r.scaleY, w *= r.scaleY), v += r.x, h += r.y), super(v, h, y, w), this.scale = p, this.intrinsicWidth = M.width, this.intrinsicHeight = M.height;
-  }
-};
-function he(t, n) {
-  var e;
-  const i = t.getAnimations();
-  let o = null;
-  if (!i.length) return null;
-  for (const s of i) {
-    if (s.playState !== "running") continue;
-    const r = q(s.effect) ? s.effect.getKeyframes() : [], c = r[r.length - 1];
-    if (!c) continue;
-    const { transform: l, translate: a, scale: u } = c;
-    if (l || a || u) {
-      const h = lt({
-        transform: typeof l == "string" && l ? l : n.transform,
-        translate: typeof a == "string" && a ? a : n.translate,
-        scale: typeof u == "string" && u ? u : n.scale
-      });
-      h && (o = o ? {
-        x: o.x + h.x,
-        y: o.y + h.y,
-        z: (e = o.z) != null ? e : h.z,
-        scaleX: o.scaleX * h.scaleX,
-        scaleY: o.scaleY * h.scaleY
-      } : h);
-    }
-  }
-  return o;
-}
-function Z(t) {
-  return "style" in t && typeof t.style == "object" && t.style !== null && "setProperty" in t.style && "removeProperty" in t.style && typeof t.style.setProperty == "function" && typeof t.style.removeProperty == "function";
-}
-var Fe = class {
-  constructor(t) {
-    this.element = t, this.initial = /* @__PURE__ */ new Map();
-  }
-  set(t, n = "") {
-    const { element: e } = this;
-    if (Z(e))
-      for (const [i, o] of Object.entries(t)) {
-        const s = `${n}${i}`;
-        this.initial.has(s) || this.initial.set(s, e.style.getPropertyValue(s)), e.style.setProperty(
-          s,
-          typeof o == "string" ? o : `${o}px`
-        );
-      }
-  }
-  remove(t, n = "") {
-    const { element: e } = this;
-    if (Z(e))
-      for (const i of t) {
-        const o = `${n}${i}`;
-        e.style.removeProperty(o);
-      }
-  }
-  reset() {
-    const { element: t } = this;
-    if (Z(t)) {
-      for (const [n, e] of this.initial)
-        t.style.setProperty(n, e);
-      t.getAttribute("style") === "" && t.removeAttribute("style");
-    }
-  }
 };
-function de(t) {
-  return t ? t instanceof E(t).Element || X(t) && t.nodeType === Node.ELEMENT_NODE : !1;
-}
-function Pe(t) {
-  if (!t) return !1;
-  const { KeyboardEvent: n } = E(t.target);
-  return t instanceof n;
-}
-function Ve(t) {
-  if (!t) return !1;
-  const { PointerEvent: n } = E(t.target);
-  return t instanceof n;
-}
-function Xe(t) {
-  if (!de(t)) return !1;
-  const { tagName: n } = t;
-  return n === "INPUT" || n === "TEXTAREA" || pe(t);
-}
-function pe(t) {
-  return t.hasAttribute("contenteditable") && t.getAttribute("contenteditable") !== "false";
-}
-var tt = {};
-function Ye(t) {
-  const n = tt[t] == null ? 0 : tt[t] + 1;
-  return tt[t] = n, `${t}-${n}`;
-}
 export {
-  Le as DOMRectangle,
-  Re as Listeners,
-  Ee as PositionObserver,
-  Te as ProxiedElements,
-  zt as ResizeNotifier,
-  ct as Scheduler,
-  ne as ScrollDirection,
-  Fe as Styles,
-  Ie as animateTransform,
-  ke as canScroll,
-  wt as canUseDOM,
-  xe as cloneElement,
-  Ne as computeTranslate,
-  We as detectScrollIntent,
-  Ye as generateUniqueId,
-  j as getBoundingRectangle,
-  k as getComputedStyles,
-  rt as getDocument,
-  at as getDocuments,
-  Lt as getElementFromPoint,
-  ye as getEventCoordinates,
-  Wt as getFinalKeyframe,
-  Qt as getFirstScrollableAncestor,
-  me as getFixedPositionOffset,
-  H as getFrameElement,
-  kt as getFrameTransform,
-  we as getRoot,
-  Jt as getScrollableAncestors,
-  Ct as getViewportBoundingRectangle,
-  D as getVisibleBoundingRectangle,
-  E as getWindow,
-  ce as inverseTransform,
-  yt as isDocument,
-  dt as isDocumentScrollingElement,
-  de as isElement,
-  V as isHTMLElement,
-  _e as isInteractiveElement,
-  Pe as isKeyboardEvent,
-  q as isKeyframeEffect,
-  Ve as isPointerEvent,
-  bt as isSafari,
-  xt as isShadowRoot,
-  Xe as isTextInput,
-  lt as parseTransform,
-  nt as parseTranslate,
-  be as prefersReducedMotion,
-  Ae as scheduler,
-  Ce as scrollIntoViewIfNeeded,
-  Se as showPopover,
-  $t as supportsPopover,
-  Z as supportsStyle,
-  Vt as timeout
+  I as closestCorners,
+  R as defaultCollisionDetection,
+  m as pointerIntersection,
+  y as shapeIntersection
 };
 //# sourceMappingURL=fondue-components153.js.map