@new-black/lyra 1.1.4 → 1.1.5

package/dist/lyra116.js

@@ -1,64 +1,2560 @@
-import { j as r } from "./lyra94.js";
-import { useMemo as v } from "react";
-import { createPortal as h } from "react-dom";
-import { MeasuringStrategy as C, useSensors as E, useSensor as a, DndContext as P, DragOverlay as I, useDroppable as K, KeyboardSensor as M, PointerSensor as N } from "./lyra118.js";
-import { restrictToParentElement as R } from "./lyra544.js";
-import { SortableContext as w, sortableKeyboardCoordinates as A } from "./lyra545.js";
-import { clsx as G } from "./lyra105.js";
-import { useDragEvents as O } from "./lyra546.js";
-import { useSortingStrategy as T } from "./lyra547.js";
-const k = {
-  droppable: {
-    strategy: C.Always
-  }
-}, W = ({
-  children: t,
-  collisionDetection: e,
-  disableRestrictToParent: o,
-  hasAdditionalTopPadding: i,
-  items: n,
-  keyboardCoordinateGetter: m,
-  onDragEnd: l,
-  onDragStart: d,
-  orientation: p,
-  overlay: c,
-  parentNode: g,
-  setItems: u
-}) => {
-  const x = E(
-    a(N),
-    a(M, {
-      coordinateGetter: m || A
-    })
+import N, { createContext as Oe, useContext as ae, useMemo as O, memo as yn, useReducer as st, useState as Y, useRef as z, useCallback as U, useEffect as M, cloneElement as mn, forwardRef as wn } from "react";
+import { unstable_batchedUpdates as xe, createPortal as xn } from "react-dom";
+import { getWindow as q, useLatestValue as Re, useUniqueId as Ye, getEventCoordinates as Fe, add as he, useIsomorphicLayoutEffect as re, useNodeRef as $e, getOwnerDocument as ge, isKeyboardEvent as at, subtract as Ke, useInterval as Dn, usePrevious as Xe, useLazyMemo as Ae, useEvent as lt, canUseDOM as ct, isHTMLElement as Ue, findFirstFocusableNode as Cn, CSS as nt, isWindow as ut, isNode as Sn, isDocument as Yt, isSVGElement as Rn } from "./lyra543.js";
+import { useAnnouncement as En, HiddenText as On, LiveRegion as An } from "./lyra622.js";
+const Ut = /* @__PURE__ */ Oe(null);
+function Nn(e) {
+  const t = ae(Ut);
+  M(() => {
+    if (!t)
+      throw new Error("useDndMonitor must be used within a children of <DndContext>");
+    return t(e);
+  }, [e, t]);
+}
+function Mn() {
+  const [e] = Y(() => /* @__PURE__ */ new Set()), t = U((r) => (e.add(r), () => e.delete(r)), [e]);
+  return [U((r) => {
+    let {
+      type: i,
+      event: o
+    } = r;
+    e.forEach((s) => {
+      var a;
+      return (a = s[i]) == null ? void 0 : a.call(s, o);
+    });
+  }, [e]), t];
+}
+const Tn = {
+  draggable: `
+    To pick up a draggable item, press the space bar.
+    While dragging, use the arrow keys to move the item.
+    Press space again to drop the item in its new position, or press escape to cancel.
+  `
+}, Ln = {
+  onDragStart(e) {
+    let {
+      active: t
+    } = e;
+    return "Picked up draggable item " + t.id + ".";
+  },
+  onDragOver(e) {
+    let {
+      active: t,
+      over: n
+    } = e;
+    return n ? "Draggable item " + t.id + " was moved over droppable area " + n.id + "." : "Draggable item " + t.id + " is no longer over a droppable area.";
+  },
+  onDragEnd(e) {
+    let {
+      active: t,
+      over: n
+    } = e;
+    return n ? "Draggable item " + t.id + " was dropped over droppable area " + n.id : "Draggable item " + t.id + " was dropped.";
+  },
+  onDragCancel(e) {
+    let {
+      active: t
+    } = e;
+    return "Dragging was cancelled. Draggable item " + t.id + " was dropped.";
+  }
+};
+function kn(e) {
+  let {
+    announcements: t = Ln,
+    container: n,
+    hiddenTextDescribedById: r,
+    screenReaderInstructions: i = Tn
+  } = e;
+  const {
+    announce: o,
+    announcement: s
+  } = En(), a = Ye("DndLiveRegion"), [l, c] = Y(!1);
+  if (M(() => {
+    c(!0);
+  }, []), Nn(O(() => ({
+    onDragStart(u) {
+      let {
+        active: h
+      } = u;
+      o(t.onDragStart({
+        active: h
+      }));
+    },
+    onDragMove(u) {
+      let {
+        active: h,
+        over: f
+      } = u;
+      t.onDragMove && o(t.onDragMove({
+        active: h,
+        over: f
+      }));
+    },
+    onDragOver(u) {
+      let {
+        active: h,
+        over: f
+      } = u;
+      o(t.onDragOver({
+        active: h,
+        over: f
+      }));
+    },
+    onDragEnd(u) {
+      let {
+        active: h,
+        over: f
+      } = u;
+      o(t.onDragEnd({
+        active: h,
+        over: f
+      }));
+    },
+    onDragCancel(u) {
+      let {
+        active: h,
+        over: f
+      } = u;
+      o(t.onDragCancel({
+        active: h,
+        over: f
+      }));
+    }
+  }), [o, t])), !l)
+    return null;
+  const d = N.createElement(N.Fragment, null, N.createElement(On, {
+    id: r,
+    value: i.draggable
+  }), N.createElement(An, {
+    id: a,
+    announcement: s
+  }));
+  return n ? xn(d, n) : d;
+}
+var A;
+(function(e) {
+  e.DragStart = "dragStart", e.DragMove = "dragMove", e.DragEnd = "dragEnd", e.DragCancel = "dragCancel", e.DragOver = "dragOver", e.RegisterDroppable = "registerDroppable", e.SetDroppableDisabled = "setDroppableDisabled", e.UnregisterDroppable = "unregisterDroppable";
+})(A || (A = {}));
+function je() {
+}
+function Zr(e, t) {
+  return O(
+    () => ({
+      sensor: e,
+      options: t ?? {}
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [e, t]
+  );
+}
+function eo() {
+  for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
+    t[n] = arguments[n];
+  return O(
+    () => [...t].filter((r) => r != null),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [...t]
+  );
+}
+const H = /* @__PURE__ */ Object.freeze({
+  x: 0,
+  y: 0
+});
+function In(e, t) {
+  return Math.sqrt(Math.pow(e.x - t.x, 2) + Math.pow(e.y - t.y, 2));
+}
+function zn(e, t) {
+  const n = Fe(e);
+  if (!n)
+    return "0 0";
+  const r = {
+    x: (n.x - t.left) / t.width * 100,
+    y: (n.y - t.top) / t.height * 100
+  };
+  return r.x + "% " + r.y + "%";
+}
+function Pn(e, t) {
+  let {
+    data: {
+      value: n
+    }
+  } = e, {
+    data: {
+      value: r
+    }
+  } = t;
+  return n - r;
+}
+function Bn(e, t) {
+  let {
+    data: {
+      value: n
+    }
+  } = e, {
+    data: {
+      value: r
+    }
+  } = t;
+  return r - n;
+}
+function kt(e) {
+  let {
+    left: t,
+    top: n,
+    height: r,
+    width: i
+  } = e;
+  return [{
+    x: t,
+    y: n
+  }, {
+    x: t + i,
+    y: n
+  }, {
+    x: t,
+    y: n + r
+  }, {
+    x: t + i,
+    y: n + r
+  }];
+}
+function Fn(e, t) {
+  if (!e || e.length === 0)
+    return null;
+  const [n] = e;
+  return n[t];
+}
+const to = (e) => {
+  let {
+    collisionRect: t,
+    droppableRects: n,
+    droppableContainers: r
+  } = e;
+  const i = kt(t), o = [];
+  for (const s of r) {
+    const {
+      id: a
+    } = s, l = n.get(a);
+    if (l) {
+      const c = kt(l), d = i.reduce((h, f, w) => h + In(c[w], f), 0), u = Number((d / 4).toFixed(4));
+      o.push({
+        id: a,
+        data: {
+          droppableContainer: s,
+          value: u
+        }
+      });
+    }
+  }
+  return o.sort(Pn);
+};
+function $n(e, t) {
+  const n = Math.max(t.top, e.top), r = Math.max(t.left, e.left), i = Math.min(t.left + t.width, e.left + e.width), o = Math.min(t.top + t.height, e.top + e.height), s = i - r, a = o - n;
+  if (r < i && n < o) {
+    const l = t.width * t.height, c = e.width * e.height, d = s * a, u = d / (l + c - d);
+    return Number(u.toFixed(4));
+  }
+  return 0;
+}
+const Kn = (e) => {
+  let {
+    collisionRect: t,
+    droppableRects: n,
+    droppableContainers: r
+  } = e;
+  const i = [];
+  for (const o of r) {
+    const {
+      id: s
+    } = o, a = n.get(s);
+    if (a) {
+      const l = $n(a, t);
+      l > 0 && i.push({
+        id: s,
+        data: {
+          droppableContainer: o,
+          value: l
+        }
+      });
+    }
+  }
+  return i.sort(Bn);
+};
+function Xn(e, t, n) {
+  return {
+    ...e,
+    scaleX: t && n ? t.width / n.width : 1,
+    scaleY: t && n ? t.height / n.height : 1
+  };
+}
+function Ht(e, t) {
+  return e && t ? {
+    x: e.left - t.left,
+    y: e.top - t.top
+  } : H;
+}
+function jn(e) {
+  return function(n) {
+    for (var r = arguments.length, i = new Array(r > 1 ? r - 1 : 0), o = 1; o < r; o++)
+      i[o - 1] = arguments[o];
+    return i.reduce((s, a) => ({
+      ...s,
+      top: s.top + e * a.y,
+      bottom: s.bottom + e * a.y,
+      left: s.left + e * a.x,
+      right: s.right + e * a.x
+    }), {
+      ...n
+    });
+  };
+}
+const Wn = /* @__PURE__ */ jn(1);
+function _t(e) {
+  if (e.startsWith("matrix3d(")) {
+    const t = e.slice(9, -1).split(/, /);
+    return {
+      x: +t[12],
+      y: +t[13],
+      scaleX: +t[0],
+      scaleY: +t[5]
+    };
+  } else if (e.startsWith("matrix(")) {
+    const t = e.slice(7, -1).split(/, /);
+    return {
+      x: +t[4],
+      y: +t[5],
+      scaleX: +t[0],
+      scaleY: +t[3]
+    };
+  }
+  return null;
+}
+function Yn(e, t, n) {
+  const r = _t(t);
+  if (!r)
+    return e;
+  const {
+    scaleX: i,
+    scaleY: o,
+    x: s,
+    y: a
+  } = r, l = e.left - s - (1 - i) * parseFloat(n), c = e.top - a - (1 - o) * parseFloat(n.slice(n.indexOf(" ") + 1)), d = i ? e.width / i : e.width, u = o ? e.height / o : e.height;
+  return {
+    width: d,
+    height: u,
+    top: c,
+    right: l + d,
+    bottom: c + u,
+    left: l
+  };
+}
+const Un = {
+  ignoreTransform: !1
+};
+function Ne(e, t) {
+  t === void 0 && (t = Un);
+  let n = e.getBoundingClientRect();
+  if (t.ignoreTransform) {
+    const {
+      transform: c,
+      transformOrigin: d
+    } = q(e).getComputedStyle(e);
+    c && (n = Yn(n, c, d));
+  }
+  const {
+    top: r,
+    left: i,
+    width: o,
+    height: s,
+    bottom: a,
+    right: l
+  } = n;
+  return {
+    top: r,
+    left: i,
+    width: o,
+    height: s,
+    bottom: a,
+    right: l
+  };
+}
+function It(e) {
+  return Ne(e, {
+    ignoreTransform: !0
+  });
+}
+function Hn(e) {
+  const t = e.innerWidth, n = e.innerHeight;
+  return {
+    top: 0,
+    left: 0,
+    right: t,
+    bottom: n,
+    width: t,
+    height: n
+  };
+}
+function _n(e, t) {
+  return t === void 0 && (t = q(e).getComputedStyle(e)), t.position === "fixed";
+}
+function qn(e, t) {
+  t === void 0 && (t = q(e).getComputedStyle(e));
+  const n = /(auto|scroll|overlay)/;
+  return ["overflow", "overflowX", "overflowY"].some((i) => {
+    const o = t[i];
+    return typeof o == "string" ? n.test(o) : !1;
+  });
+}
+function dt(e, t) {
+  const n = [];
+  function r(i) {
+    if (t != null && n.length >= t || !i)
+      return n;
+    if (Yt(i) && i.scrollingElement != null && !n.includes(i.scrollingElement))
+      return n.push(i.scrollingElement), n;
+    if (!Ue(i) || Rn(i) || n.includes(i))
+      return n;
+    const o = q(e).getComputedStyle(i);
+    return i !== e && qn(i, o) && n.push(i), _n(i, o) ? n : r(i.parentNode);
+  }
+  return e ? r(e) : n;
+}
+function qt(e) {
+  const [t] = dt(e, 1);
+  return t ?? null;
+}
+function Qe(e) {
+  return !ct || !e ? null : ut(e) ? e : Sn(e) ? Yt(e) || e === ge(e).scrollingElement ? window : Ue(e) ? e : null : null;
+}
+function Jt(e) {
+  return ut(e) ? e.scrollX : e.scrollLeft;
+}
+function Vt(e) {
+  return ut(e) ? e.scrollY : e.scrollTop;
+}
+function rt(e) {
+  return {
+    x: Jt(e),
+    y: Vt(e)
+  };
+}
+var L;
+(function(e) {
+  e[e.Forward = 1] = "Forward", e[e.Backward = -1] = "Backward";
+})(L || (L = {}));
+function Gt(e) {
+  return !ct || !e ? !1 : e === document.scrollingElement;
+}
+function Qt(e) {
+  const t = {
+    x: 0,
+    y: 0
+  }, n = Gt(e) ? {
+    height: window.innerHeight,
+    width: window.innerWidth
+  } : {
+    height: e.clientHeight,
+    width: e.clientWidth
+  }, r = {
+    x: e.scrollWidth - n.width,
+    y: e.scrollHeight - n.height
+  }, i = e.scrollTop <= t.y, o = e.scrollLeft <= t.x, s = e.scrollTop >= r.y, a = e.scrollLeft >= r.x;
+  return {
+    isTop: i,
+    isLeft: o,
+    isBottom: s,
+    isRight: a,
+    maxScroll: r,
+    minScroll: t
+  };
+}
+const Jn = {
+  x: 0.2,
+  y: 0.2
+};
+function Vn(e, t, n, r, i) {
+  let {
+    top: o,
+    left: s,
+    right: a,
+    bottom: l
+  } = n;
+  r === void 0 && (r = 10), i === void 0 && (i = Jn);
+  const {
+    isTop: c,
+    isBottom: d,
+    isLeft: u,
+    isRight: h
+  } = Qt(e), f = {
+    x: 0,
+    y: 0
+  }, w = {
+    x: 0,
+    y: 0
+  }, g = {
+    height: t.height * i.y,
+    width: t.width * i.x
+  };
+  return !c && o <= t.top + g.height ? (f.y = L.Backward, w.y = r * Math.abs((t.top + g.height - o) / g.height)) : !d && l >= t.bottom - g.height && (f.y = L.Forward, w.y = r * Math.abs((t.bottom - g.height - l) / g.height)), !h && a >= t.right - g.width ? (f.x = L.Forward, w.x = r * Math.abs((t.right - g.width - a) / g.width)) : !u && s <= t.left + g.width && (f.x = L.Backward, w.x = r * Math.abs((t.left + g.width - s) / g.width)), {
+    direction: f,
+    speed: w
+  };
+}
+function Gn(e) {
+  if (e === document.scrollingElement) {
+    const {
+      innerWidth: o,
+      innerHeight: s
+    } = window;
+    return {
+      top: 0,
+      left: 0,
+      right: o,
+      bottom: s,
+      width: o,
+      height: s
+    };
+  }
+  const {
+    top: t,
+    left: n,
+    right: r,
+    bottom: i
+  } = e.getBoundingClientRect();
+  return {
+    top: t,
+    left: n,
+    right: r,
+    bottom: i,
+    width: e.clientWidth,
+    height: e.clientHeight
+  };
+}
+function Zt(e) {
+  return e.reduce((t, n) => he(t, rt(n)), H);
+}
+function Qn(e) {
+  return e.reduce((t, n) => t + Jt(n), 0);
+}
+function Zn(e) {
+  return e.reduce((t, n) => t + Vt(n), 0);
+}
+function en(e, t) {
+  if (t === void 0 && (t = Ne), !e)
+    return;
+  const {
+    top: n,
+    left: r,
+    bottom: i,
+    right: o
+  } = t(e);
+  qt(e) && (i <= 0 || o <= 0 || n >= window.innerHeight || r >= window.innerWidth) && e.scrollIntoView({
+    block: "center",
+    inline: "center"
+  });
+}
+const er = [["x", ["left", "right"], Qn], ["y", ["top", "bottom"], Zn]];
+class ft {
+  constructor(t, n) {
+    this.rect = void 0, this.width = void 0, this.height = void 0, this.top = void 0, this.bottom = void 0, this.right = void 0, this.left = void 0;
+    const r = dt(n), i = Zt(r);
+    this.rect = {
+      ...t
+    }, this.width = t.width, this.height = t.height;
+    for (const [o, s, a] of er)
+      for (const l of s)
+        Object.defineProperty(this, l, {
+          get: () => {
+            const c = a(r), d = i[o] - c;
+            return this.rect[l] + d;
+          },
+          enumerable: !0
+        });
+    Object.defineProperty(this, "rect", {
+      enumerable: !1
+    });
+  }
+}
+class De {
+  constructor(t) {
+    this.target = void 0, this.listeners = [], this.removeAll = () => {
+      this.listeners.forEach((n) => {
+        var r;
+        return (r = this.target) == null ? void 0 : r.removeEventListener(...n);
+      });
+    }, this.target = t;
+  }
+  add(t, n, r) {
+    var i;
+    (i = this.target) == null || i.addEventListener(t, n, r), this.listeners.push([t, n, r]);
+  }
+}
+function tr(e) {
+  const {
+    EventTarget: t
+  } = q(e);
+  return e instanceof t ? e : ge(e);
+}
+function Ze(e, t) {
+  const n = Math.abs(e.x), r = Math.abs(e.y);
+  return typeof t == "number" ? Math.sqrt(n ** 2 + r ** 2) > t : "x" in t && "y" in t ? n > t.x && r > t.y : "x" in t ? n > t.x : "y" in t ? r > t.y : !1;
+}
+var $;
+(function(e) {
+  e.Click = "click", e.DragStart = "dragstart", e.Keydown = "keydown", e.ContextMenu = "contextmenu", e.Resize = "resize", e.SelectionChange = "selectionchange", e.VisibilityChange = "visibilitychange";
+})($ || ($ = {}));
+function zt(e) {
+  e.preventDefault();
+}
+function nr(e) {
+  e.stopPropagation();
+}
+var D;
+(function(e) {
+  e.Space = "Space", e.Down = "ArrowDown", e.Right = "ArrowRight", e.Left = "ArrowLeft", e.Up = "ArrowUp", e.Esc = "Escape", e.Enter = "Enter";
+})(D || (D = {}));
+const tn = {
+  start: [D.Space, D.Enter],
+  cancel: [D.Esc],
+  end: [D.Space, D.Enter]
+}, rr = (e, t) => {
+  let {
+    currentCoordinates: n
+  } = t;
+  switch (e.code) {
+    case D.Right:
+      return {
+        ...n,
+        x: n.x + 25
+      };
+    case D.Left:
+      return {
+        ...n,
+        x: n.x - 25
+      };
+    case D.Down:
+      return {
+        ...n,
+        y: n.y + 25
+      };
+    case D.Up:
+      return {
+        ...n,
+        y: n.y - 25
+      };
+  }
+};
+class nn {
+  constructor(t) {
+    this.props = void 0, this.autoScrollEnabled = !1, this.referenceCoordinates = void 0, this.listeners = void 0, this.windowListeners = void 0, this.props = t;
+    const {
+      event: {
+        target: n
+      }
+    } = t;
+    this.props = t, this.listeners = new De(ge(n)), this.windowListeners = new De(q(n)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
+  }
+  attach() {
+    this.handleStart(), this.windowListeners.add($.Resize, this.handleCancel), this.windowListeners.add($.VisibilityChange, this.handleCancel), setTimeout(() => this.listeners.add($.Keydown, this.handleKeyDown));
+  }
+  handleStart() {
+    const {
+      activeNode: t,
+      onStart: n
+    } = this.props, r = t.node.current;
+    r && en(r), n(H);
+  }
+  handleKeyDown(t) {
+    if (at(t)) {
+      const {
+        active: n,
+        context: r,
+        options: i
+      } = this.props, {
+        keyboardCodes: o = tn,
+        coordinateGetter: s = rr,
+        scrollBehavior: a = "smooth"
+      } = i, {
+        code: l
+      } = t;
+      if (o.end.includes(l)) {
+        this.handleEnd(t);
+        return;
+      }
+      if (o.cancel.includes(l)) {
+        this.handleCancel(t);
+        return;
+      }
+      const {
+        collisionRect: c
+      } = r.current, d = c ? {
+        x: c.left,
+        y: c.top
+      } : H;
+      this.referenceCoordinates || (this.referenceCoordinates = d);
+      const u = s(t, {
+        active: n,
+        context: r.current,
+        currentCoordinates: d
+      });
+      if (u) {
+        const h = Ke(u, d), f = {
+          x: 0,
+          y: 0
+        }, {
+          scrollableAncestors: w
+        } = r.current;
+        for (const g of w) {
+          const v = t.code, {
+            isTop: b,
+            isRight: x,
+            isLeft: y,
+            isBottom: T,
+            maxScroll: C,
+            minScroll: S
+          } = Qt(g), p = Gn(g), m = {
+            x: Math.min(v === D.Right ? p.right - p.width / 2 : p.right, Math.max(v === D.Right ? p.left : p.left + p.width / 2, u.x)),
+            y: Math.min(v === D.Down ? p.bottom - p.height / 2 : p.bottom, Math.max(v === D.Down ? p.top : p.top + p.height / 2, u.y))
+          }, R = v === D.Right && !x || v === D.Left && !y, k = v === D.Down && !T || v === D.Up && !b;
+          if (R && m.x !== u.x) {
+            const E = g.scrollLeft + h.x, J = v === D.Right && E <= C.x || v === D.Left && E >= S.x;
+            if (J && !h.y) {
+              g.scrollTo({
+                left: E,
+                behavior: a
+              });
+              return;
+            }
+            J ? f.x = g.scrollLeft - E : f.x = v === D.Right ? g.scrollLeft - C.x : g.scrollLeft - S.x, f.x && g.scrollBy({
+              left: -f.x,
+              behavior: a
+            });
+            break;
+          } else if (k && m.y !== u.y) {
+            const E = g.scrollTop + h.y, J = v === D.Down && E <= C.y || v === D.Up && E >= S.y;
+            if (J && !h.x) {
+              g.scrollTo({
+                top: E,
+                behavior: a
+              });
+              return;
+            }
+            J ? f.y = g.scrollTop - E : f.y = v === D.Down ? g.scrollTop - C.y : g.scrollTop - S.y, f.y && g.scrollBy({
+              top: -f.y,
+              behavior: a
+            });
+            break;
+          }
+        }
+        this.handleMove(t, he(Ke(u, this.referenceCoordinates), f));
+      }
+    }
+  }
+  handleMove(t, n) {
+    const {
+      onMove: r
+    } = this.props;
+    t.preventDefault(), r(n);
+  }
+  handleEnd(t) {
+    const {
+      onEnd: n
+    } = this.props;
+    t.preventDefault(), this.detach(), n();
+  }
+  handleCancel(t) {
+    const {
+      onCancel: n
+    } = this.props;
+    t.preventDefault(), this.detach(), n();
+  }
+  detach() {
+    this.listeners.removeAll(), this.windowListeners.removeAll();
+  }
+}
+nn.activators = [{
+  eventName: "onKeyDown",
+  handler: (e, t, n) => {
+    let {
+      keyboardCodes: r = tn,
+      onActivation: i
+    } = t, {
+      active: o
+    } = n;
+    const {
+      code: s
+    } = e.nativeEvent;
+    if (r.start.includes(s)) {
+      const a = o.activatorNode.current;
+      return a && e.target !== a ? !1 : (e.preventDefault(), i == null || i({
+        event: e.nativeEvent
+      }), !0);
+    }
+    return !1;
+  }
+}];
+function Pt(e) {
+  return !!(e && "distance" in e);
+}
+function Bt(e) {
+  return !!(e && "delay" in e);
+}
+class ht {
+  constructor(t, n, r) {
+    var i;
+    r === void 0 && (r = tr(t.event.target)), this.props = void 0, this.events = void 0, this.autoScrollEnabled = !0, this.document = void 0, this.activated = !1, this.initialCoordinates = void 0, this.timeoutId = null, this.listeners = void 0, this.documentListeners = void 0, this.windowListeners = void 0, this.props = t, this.events = n;
+    const {
+      event: o
+    } = t, {
+      target: s
+    } = o;
+    this.props = t, this.events = n, this.document = ge(s), this.documentListeners = new De(this.document), this.listeners = new De(r), this.windowListeners = new De(q(s)), this.initialCoordinates = (i = Fe(o)) != null ? i : H, this.handleStart = this.handleStart.bind(this), this.handleMove = this.handleMove.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleCancel = this.handleCancel.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.removeTextSelection = this.removeTextSelection.bind(this), this.attach();
+  }
+  attach() {
+    const {
+      events: t,
+      props: {
+        options: {
+          activationConstraint: n,
+          bypassActivationConstraint: r
+        }
+      }
+    } = this;
+    if (this.listeners.add(t.move.name, this.handleMove, {
+      passive: !1
+    }), this.listeners.add(t.end.name, this.handleEnd), this.windowListeners.add($.Resize, this.handleCancel), this.windowListeners.add($.DragStart, zt), this.windowListeners.add($.VisibilityChange, this.handleCancel), this.windowListeners.add($.ContextMenu, zt), this.documentListeners.add($.Keydown, this.handleKeydown), n) {
+      if (r != null && r({
+        event: this.props.event,
+        activeNode: this.props.activeNode,
+        options: this.props.options
+      }))
+        return this.handleStart();
+      if (Bt(n)) {
+        this.timeoutId = setTimeout(this.handleStart, n.delay);
+        return;
+      }
+      if (Pt(n))
+        return;
+    }
+    this.handleStart();
+  }
+  detach() {
+    this.listeners.removeAll(), this.windowListeners.removeAll(), setTimeout(this.documentListeners.removeAll, 50), this.timeoutId !== null && (clearTimeout(this.timeoutId), this.timeoutId = null);
+  }
+  handleStart() {
+    const {
+      initialCoordinates: t
+    } = this, {
+      onStart: n
+    } = this.props;
+    t && (this.activated = !0, this.documentListeners.add($.Click, nr, {
+      capture: !0
+    }), this.removeTextSelection(), this.documentListeners.add($.SelectionChange, this.removeTextSelection), n(t));
+  }
+  handleMove(t) {
+    var n;
+    const {
+      activated: r,
+      initialCoordinates: i,
+      props: o
+    } = this, {
+      onMove: s,
+      options: {
+        activationConstraint: a
+      }
+    } = o;
+    if (!i)
+      return;
+    const l = (n = Fe(t)) != null ? n : H, c = Ke(i, l);
+    if (!r && a) {
+      if (Pt(a)) {
+        if (a.tolerance != null && Ze(c, a.tolerance))
+          return this.handleCancel();
+        if (Ze(c, a.distance))
+          return this.handleStart();
+      }
+      return Bt(a) && Ze(c, a.tolerance) ? this.handleCancel() : void 0;
+    }
+    t.cancelable && t.preventDefault(), s(l);
+  }
+  handleEnd() {
+    const {
+      onEnd: t
+    } = this.props;
+    this.detach(), t();
+  }
+  handleCancel() {
+    const {
+      onCancel: t
+    } = this.props;
+    this.detach(), t();
+  }
+  handleKeydown(t) {
+    t.code === D.Esc && this.handleCancel();
+  }
+  removeTextSelection() {
+    var t;
+    (t = this.document.getSelection()) == null || t.removeAllRanges();
+  }
+}
+const or = {
+  move: {
+    name: "pointermove"
+  },
+  end: {
+    name: "pointerup"
+  }
+};
+class rn extends ht {
+  constructor(t) {
+    const {
+      event: n
+    } = t, r = ge(n.target);
+    super(t, or, r);
+  }
+}
+rn.activators = [{
+  eventName: "onPointerDown",
+  handler: (e, t) => {
+    let {
+      nativeEvent: n
+    } = e, {
+      onActivation: r
+    } = t;
+    return !n.isPrimary || n.button !== 0 ? !1 : (r == null || r({
+      event: n
+    }), !0);
+  }
+}];
+const ir = {
+  move: {
+    name: "mousemove"
+  },
+  end: {
+    name: "mouseup"
+  }
+};
+var ot;
+(function(e) {
+  e[e.RightClick = 2] = "RightClick";
+})(ot || (ot = {}));
+class sr extends ht {
+  constructor(t) {
+    super(t, ir, ge(t.event.target));
+  }
+}
+sr.activators = [{
+  eventName: "onMouseDown",
+  handler: (e, t) => {
+    let {
+      nativeEvent: n
+    } = e, {
+      onActivation: r
+    } = t;
+    return n.button === ot.RightClick ? !1 : (r == null || r({
+      event: n
+    }), !0);
+  }
+}];
+const et = {
+  move: {
+    name: "touchmove"
+  },
+  end: {
+    name: "touchend"
+  }
+};
+class ar extends ht {
+  constructor(t) {
+    super(t, et);
+  }
+  static setup() {
+    return window.addEventListener(et.move.name, t, {
+      capture: !1,
+      passive: !1
+    }), function() {
+      window.removeEventListener(et.move.name, t);
+    };
+    function t() {
+    }
+  }
+}
+ar.activators = [{
+  eventName: "onTouchStart",
+  handler: (e, t) => {
+    let {
+      nativeEvent: n
+    } = e, {
+      onActivation: r
+    } = t;
+    const {
+      touches: i
+    } = n;
+    return i.length > 1 ? !1 : (r == null || r({
+      event: n
+    }), !0);
+  }
+}];
+var Ce;
+(function(e) {
+  e[e.Pointer = 0] = "Pointer", e[e.DraggableRect = 1] = "DraggableRect";
+})(Ce || (Ce = {}));
+var We;
+(function(e) {
+  e[e.TreeOrder = 0] = "TreeOrder", e[e.ReversedTreeOrder = 1] = "ReversedTreeOrder";
+})(We || (We = {}));
+function lr(e) {
+  let {
+    acceleration: t,
+    activator: n = Ce.Pointer,
+    canScroll: r,
+    draggingRect: i,
+    enabled: o,
+    interval: s = 5,
+    order: a = We.TreeOrder,
+    pointerCoordinates: l,
+    scrollableAncestors: c,
+    scrollableAncestorRects: d,
+    delta: u,
+    threshold: h
+  } = e;
+  const f = ur({
+    delta: u,
+    disabled: !o
+  }), [w, g] = Dn(), v = z({
+    x: 0,
+    y: 0
+  }), b = z({
+    x: 0,
+    y: 0
+  }), x = O(() => {
+    switch (n) {
+      case Ce.Pointer:
+        return l ? {
+          top: l.y,
+          bottom: l.y,
+          left: l.x,
+          right: l.x
+        } : null;
+      case Ce.DraggableRect:
+        return i;
+    }
+  }, [n, i, l]), y = z(null), T = U(() => {
+    const S = y.current;
+    if (!S)
+      return;
+    const p = v.current.x * b.current.x, m = v.current.y * b.current.y;
+    S.scrollBy(p, m);
+  }, []), C = O(() => a === We.TreeOrder ? [...c].reverse() : c, [a, c]);
+  M(
+    () => {
+      if (!o || !c.length || !x) {
+        g();
+        return;
+      }
+      for (const S of C) {
+        if ((r == null ? void 0 : r(S)) === !1)
+          continue;
+        const p = c.indexOf(S), m = d[p];
+        if (!m)
+          continue;
+        const {
+          direction: R,
+          speed: k
+        } = Vn(S, m, x, t, h);
+        for (const E of ["x", "y"])
+          f[E][R[E]] || (k[E] = 0, R[E] = 0);
+        if (k.x > 0 || k.y > 0) {
+          g(), y.current = S, w(T, s), v.current = k, b.current = R;
+          return;
+        }
+      }
+      v.current = {
+        x: 0,
+        y: 0
+      }, b.current = {
+        x: 0,
+        y: 0
+      }, g();
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      t,
+      T,
+      r,
+      g,
+      o,
+      s,
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      JSON.stringify(x),
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      JSON.stringify(f),
+      w,
+      c,
+      C,
+      d,
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      JSON.stringify(h)
+    ]
+  );
+}
+const cr = {
+  x: {
+    [L.Backward]: !1,
+    [L.Forward]: !1
+  },
+  y: {
+    [L.Backward]: !1,
+    [L.Forward]: !1
+  }
+};
+function ur(e) {
+  let {
+    delta: t,
+    disabled: n
+  } = e;
+  const r = Xe(t);
+  return Ae((i) => {
+    if (n || !r || !i)
+      return cr;
+    const o = {
+      x: Math.sign(t.x - r.x),
+      y: Math.sign(t.y - r.y)
+    };
+    return {
+      x: {
+        [L.Backward]: i.x[L.Backward] || o.x === -1,
+        [L.Forward]: i.x[L.Forward] || o.x === 1
+      },
+      y: {
+        [L.Backward]: i.y[L.Backward] || o.y === -1,
+        [L.Forward]: i.y[L.Forward] || o.y === 1
+      }
+    };
+  }, [n, t, r]);
+}
+function dr(e, t) {
+  const n = t !== null ? e.get(t) : void 0, r = n ? n.node.current : null;
+  return Ae((i) => {
+    var o;
+    return t === null ? null : (o = r ?? i) != null ? o : null;
+  }, [r, t]);
+}
+function fr(e, t) {
+  return O(() => e.reduce((n, r) => {
+    const {
+      sensor: i
+    } = r, o = i.activators.map((s) => ({
+      eventName: s.eventName,
+      handler: t(s.handler, r)
+    }));
+    return [...n, ...o];
+  }, []), [e, t]);
+}
+var Ee;
+(function(e) {
+  e[e.Always = 0] = "Always", e[e.BeforeDragging = 1] = "BeforeDragging", e[e.WhileDragging = 2] = "WhileDragging";
+})(Ee || (Ee = {}));
+var it;
+(function(e) {
+  e.Optimized = "optimized";
+})(it || (it = {}));
+const Ft = /* @__PURE__ */ new Map();
+function hr(e, t) {
+  let {
+    dragging: n,
+    dependencies: r,
+    config: i
+  } = t;
+  const [o, s] = Y(null), {
+    frequency: a,
+    measure: l,
+    strategy: c
+  } = i, d = z(e), u = v(), h = Re(u), f = U(function(b) {
+    b === void 0 && (b = []), !h.current && s((x) => x === null ? b : x.concat(b.filter((y) => !x.includes(y))));
+  }, [h]), w = z(null), g = Ae((b) => {
+    if (u && !n)
+      return Ft;
+    if (!b || b === Ft || d.current !== e || o != null) {
+      const x = /* @__PURE__ */ new Map();
+      for (let y of e) {
+        if (!y)
+          continue;
+        if (o && o.length > 0 && !o.includes(y.id) && y.rect.current) {
+          x.set(y.id, y.rect.current);
+          continue;
+        }
+        const T = y.node.current, C = T ? new ft(l(T), T) : null;
+        y.rect.current = C, C && x.set(y.id, C);
+      }
+      return x;
+    }
+    return b;
+  }, [e, o, n, u, l]);
+  return M(() => {
+    d.current = e;
+  }, [e]), M(
+    () => {
+      u || f();
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [n, u]
+  ), M(
+    () => {
+      o && o.length > 0 && s(null);
+    },
+    //eslint-disable-next-line react-hooks/exhaustive-deps
+    [JSON.stringify(o)]
+  ), M(
+    () => {
+      u || typeof a != "number" || w.current !== null || (w.current = setTimeout(() => {
+        f(), w.current = null;
+      }, a));
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [a, u, f, ...r]
   ), {
-    activeItem: s,
-    onDragCancel: f,
-    onDragEnd: S,
-    onDragStart: D
-  } = O(n, u, d, l), y = T(p), b = v(() => n.map((j) => j.value), [n]);
-  return /* @__PURE__ */ r.jsx(
-    P,
-    {
-      sensors: x,
-      onDragStart: D,
-      onDragEnd: S,
-      measuring: k,
-      onDragCancel: f,
-      collisionDetection: e,
-      children: /* @__PURE__ */ r.jsxs(w, { items: b, strategy: y, children: [
-        /* @__PURE__ */ r.jsx(q, { id: "top-level", children: /* @__PURE__ */ r.jsx("div", { className: G(i ? "-mt-[50px] pt-[50px]" : "mt-0 pt-0"), children: t }) }),
-        h(
-          /* @__PURE__ */ r.jsx(I, { modifiers: o ? void 0 : [R], children: s ? c(s) : null }),
-          g ?? document.body
-        )
-      ] })
+    droppableRects: g,
+    measureDroppableContainers: f,
+    measuringScheduled: o != null
+  };
+  function v() {
+    switch (c) {
+      case Ee.Always:
+        return !1;
+      case Ee.BeforeDragging:
+        return n;
+      default:
+        return !n;
+    }
+  }
+}
+function gt(e, t) {
+  return Ae((n) => e ? n || (typeof t == "function" ? t(e) : e) : null, [t, e]);
+}
+function gr(e, t) {
+  return gt(e, t);
+}
+function vr(e) {
+  let {
+    callback: t,
+    disabled: n
+  } = e;
+  const r = lt(t), i = O(() => {
+    if (n || typeof window > "u" || typeof window.MutationObserver > "u")
+      return;
+    const {
+      MutationObserver: o
+    } = window;
+    return new o(r);
+  }, [r, n]);
+  return M(() => () => i == null ? void 0 : i.disconnect(), [i]), i;
+}
+function He(e) {
+  let {
+    callback: t,
+    disabled: n
+  } = e;
+  const r = lt(t), i = O(
+    () => {
+      if (n || typeof window > "u" || typeof window.ResizeObserver > "u")
+        return;
+      const {
+        ResizeObserver: o
+      } = window;
+      return new o(r);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [n]
+  );
+  return M(() => () => i == null ? void 0 : i.disconnect(), [i]), i;
+}
+function pr(e) {
+  return new ft(Ne(e), e);
+}
+function $t(e, t, n) {
+  t === void 0 && (t = pr);
+  const [r, i] = st(a, null), o = vr({
+    callback(l) {
+      if (e)
+        for (const c of l) {
+          const {
+            type: d,
+            target: u
+          } = c;
+          if (d === "childList" && u instanceof HTMLElement && u.contains(e)) {
+            i();
+            break;
+          }
+        }
+    }
+  }), s = He({
+    callback: i
+  });
+  return re(() => {
+    i(), e ? (s == null || s.observe(e), o == null || o.observe(document.body, {
+      childList: !0,
+      subtree: !0
+    })) : (s == null || s.disconnect(), o == null || o.disconnect());
+  }, [e]), r;
+  function a(l) {
+    if (!e)
+      return null;
+    if (e.isConnected === !1) {
+      var c;
+      return (c = l ?? n) != null ? c : null;
+    }
+    const d = t(e);
+    return JSON.stringify(l) === JSON.stringify(d) ? l : d;
+  }
+}
+function br(e) {
+  const t = gt(e);
+  return Ht(e, t);
+}
+const Kt = [];
+function yr(e) {
+  const t = z(e), n = Ae((r) => e ? r && r !== Kt && e && t.current && e.parentNode === t.current.parentNode ? r : dt(e) : Kt, [e]);
+  return M(() => {
+    t.current = e;
+  }, [e]), n;
+}
+function mr(e) {
+  const [t, n] = Y(null), r = z(e), i = U((o) => {
+    const s = Qe(o.target);
+    s && n((a) => a ? (a.set(s, rt(s)), new Map(a)) : null);
+  }, []);
+  return M(() => {
+    const o = r.current;
+    if (e !== o) {
+      s(o);
+      const a = e.map((l) => {
+        const c = Qe(l);
+        return c ? (c.addEventListener("scroll", i, {
+          passive: !0
+        }), [c, rt(c)]) : null;
+      }).filter((l) => l != null);
+      n(a.length ? new Map(a) : null), r.current = e;
+    }
+    return () => {
+      s(e), s(o);
+    };
+    function s(a) {
+      a.forEach((l) => {
+        const c = Qe(l);
+        c == null || c.removeEventListener("scroll", i);
+      });
+    }
+  }, [i, e]), O(() => e.length ? t ? Array.from(t.values()).reduce((o, s) => he(o, s), H) : Zt(e) : H, [e, t]);
+}
+function Xt(e, t) {
+  t === void 0 && (t = []);
+  const n = z(null);
+  return M(
+    () => {
+      n.current = null;
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    t
+  ), M(() => {
+    const r = e !== H;
+    r && !n.current && (n.current = e), !r && n.current && (n.current = null);
+  }, [e]), n.current ? Ke(e, n.current) : H;
+}
+function wr(e) {
+  M(
+    () => {
+      if (!ct)
+        return;
+      const t = e.map((n) => {
+        let {
+          sensor: r
+        } = n;
+        return r.setup == null ? void 0 : r.setup();
+      });
+      return () => {
+        for (const n of t)
+          n == null || n();
+      };
+    },
+    // TO-DO: Sensors length could theoretically change which would not be a valid dependency
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    e.map((t) => {
+      let {
+        sensor: n
+      } = t;
+      return n;
+    })
+  );
+}
+function xr(e, t) {
+  return O(() => e.reduce((n, r) => {
+    let {
+      eventName: i,
+      handler: o
+    } = r;
+    return n[i] = (s) => {
+      o(s, t);
+    }, n;
+  }, {}), [e, t]);
+}
+function on(e) {
+  return O(() => e ? Hn(e) : null, [e]);
+}
+const tt = [];
+function Dr(e, t) {
+  t === void 0 && (t = Ne);
+  const [n] = e, r = on(n ? q(n) : null), [i, o] = st(a, tt), s = He({
+    callback: o
+  });
+  return e.length > 0 && i === tt && o(), re(() => {
+    e.length ? e.forEach((l) => s == null ? void 0 : s.observe(l)) : (s == null || s.disconnect(), o());
+  }, [e]), i;
+  function a() {
+    return e.length ? e.map((l) => Gt(l) ? r : new ft(t(l), l)) : tt;
+  }
+}
+function sn(e) {
+  if (!e)
+    return null;
+  if (e.children.length > 1)
+    return e;
+  const t = e.children[0];
+  return Ue(t) ? t : e;
+}
+function Cr(e) {
+  let {
+    measure: t
+  } = e;
+  const [n, r] = Y(null), i = U((c) => {
+    for (const {
+      target: d
+    } of c)
+      if (Ue(d)) {
+        r((u) => {
+          const h = t(d);
+          return u ? {
+            ...u,
+            width: h.width,
+            height: h.height
+          } : h;
+        });
+        break;
+      }
+  }, [t]), o = He({
+    callback: i
+  }), s = U((c) => {
+    const d = sn(c);
+    o == null || o.disconnect(), d && (o == null || o.observe(d)), r(d ? t(d) : null);
+  }, [t, o]), [a, l] = $e(s);
+  return O(() => ({
+    nodeRef: a,
+    rect: n,
+    setRef: l
+  }), [n, a, l]);
+}
+const Sr = [{
+  sensor: rn,
+  options: {}
+}, {
+  sensor: nn,
+  options: {}
+}], Rr = {
+  current: {}
+}, Be = {
+  draggable: {
+    measure: It
+  },
+  droppable: {
+    measure: It,
+    strategy: Ee.WhileDragging,
+    frequency: it.Optimized
+  },
+  dragOverlay: {
+    measure: Ne
+  }
+};
+class Se extends Map {
+  get(t) {
+    var n;
+    return t != null && (n = super.get(t)) != null ? n : void 0;
+  }
+  toArray() {
+    return Array.from(this.values());
+  }
+  getEnabled() {
+    return this.toArray().filter((t) => {
+      let {
+        disabled: n
+      } = t;
+      return !n;
+    });
+  }
+  getNodeFor(t) {
+    var n, r;
+    return (n = (r = this.get(t)) == null ? void 0 : r.node.current) != null ? n : void 0;
+  }
+}
+const Er = {
+  activatorEvent: null,
+  active: null,
+  activeNode: null,
+  activeNodeRect: null,
+  collisions: null,
+  containerNodeRect: null,
+  draggableNodes: /* @__PURE__ */ new Map(),
+  droppableRects: /* @__PURE__ */ new Map(),
+  droppableContainers: /* @__PURE__ */ new Se(),
+  over: null,
+  dragOverlay: {
+    nodeRef: {
+      current: null
+    },
+    rect: null,
+    setRef: je
+  },
+  scrollableAncestors: [],
+  scrollableAncestorRects: [],
+  measuringConfiguration: Be,
+  measureDroppableContainers: je,
+  windowRect: null,
+  measuringScheduled: !1
+}, an = {
+  activatorEvent: null,
+  activators: [],
+  active: null,
+  activeNodeRect: null,
+  ariaDescribedById: {
+    draggable: ""
+  },
+  dispatch: je,
+  draggableNodes: /* @__PURE__ */ new Map(),
+  over: null,
+  measureDroppableContainers: je
+}, Me = /* @__PURE__ */ Oe(an), ln = /* @__PURE__ */ Oe(Er);
+function Or() {
+  return {
+    draggable: {
+      active: null,
+      initialCoordinates: {
+        x: 0,
+        y: 0
+      },
+      nodes: /* @__PURE__ */ new Map(),
+      translate: {
+        x: 0,
+        y: 0
+      }
+    },
+    droppable: {
+      containers: new Se()
+    }
+  };
+}
+function Ar(e, t) {
+  switch (t.type) {
+    case A.DragStart:
+      return {
+        ...e,
+        draggable: {
+          ...e.draggable,
+          initialCoordinates: t.initialCoordinates,
+          active: t.active
+        }
+      };
+    case A.DragMove:
+      return e.draggable.active ? {
+        ...e,
+        draggable: {
+          ...e.draggable,
+          translate: {
+            x: t.coordinates.x - e.draggable.initialCoordinates.x,
+            y: t.coordinates.y - e.draggable.initialCoordinates.y
+          }
+        }
+      } : e;
+    case A.DragEnd:
+    case A.DragCancel:
+      return {
+        ...e,
+        draggable: {
+          ...e.draggable,
+          active: null,
+          initialCoordinates: {
+            x: 0,
+            y: 0
+          },
+          translate: {
+            x: 0,
+            y: 0
+          }
+        }
+      };
+    case A.RegisterDroppable: {
+      const {
+        element: n
+      } = t, {
+        id: r
+      } = n, i = new Se(e.droppable.containers);
+      return i.set(r, n), {
+        ...e,
+        droppable: {
+          ...e.droppable,
+          containers: i
+        }
+      };
     }
+    case A.SetDroppableDisabled: {
+      const {
+        id: n,
+        key: r,
+        disabled: i
+      } = t, o = e.droppable.containers.get(n);
+      if (!o || r !== o.key)
+        return e;
+      const s = new Se(e.droppable.containers);
+      return s.set(n, {
+        ...o,
+        disabled: i
+      }), {
+        ...e,
+        droppable: {
+          ...e.droppable,
+          containers: s
+        }
+      };
+    }
+    case A.UnregisterDroppable: {
+      const {
+        id: n,
+        key: r
+      } = t, i = e.droppable.containers.get(n);
+      if (!i || r !== i.key)
+        return e;
+      const o = new Se(e.droppable.containers);
+      return o.delete(n), {
+        ...e,
+        droppable: {
+          ...e.droppable,
+          containers: o
+        }
+      };
+    }
+    default:
+      return e;
+  }
+}
+function Nr(e) {
+  let {
+    disabled: t
+  } = e;
+  const {
+    active: n,
+    activatorEvent: r,
+    draggableNodes: i
+  } = ae(Me), o = Xe(r), s = Xe(n == null ? void 0 : n.id);
+  return M(() => {
+    if (!t && !r && o && s != null) {
+      if (!at(o) || document.activeElement === o.target)
+        return;
+      const a = i.get(s);
+      if (!a)
+        return;
+      const {
+        activatorNode: l,
+        node: c
+      } = a;
+      if (!l.current && !c.current)
+        return;
+      requestAnimationFrame(() => {
+        for (const d of [l.current, c.current]) {
+          if (!d)
+            continue;
+          const u = Cn(d);
+          if (u) {
+            u.focus();
+            break;
+          }
+        }
+      });
+    }
+  }, [r, t, i, s, o]), null;
+}
+function cn(e, t) {
+  let {
+    transform: n,
+    ...r
+  } = t;
+  return e != null && e.length ? e.reduce((i, o) => o({
+    transform: i,
+    ...r
+  }), n) : n;
+}
+function Mr(e) {
+  return O(
+    () => ({
+      draggable: {
+        ...Be.draggable,
+        ...e == null ? void 0 : e.draggable
+      },
+      droppable: {
+        ...Be.droppable,
+        ...e == null ? void 0 : e.droppable
+      },
+      dragOverlay: {
+        ...Be.dragOverlay,
+        ...e == null ? void 0 : e.dragOverlay
+      }
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [e == null ? void 0 : e.draggable, e == null ? void 0 : e.droppable, e == null ? void 0 : e.dragOverlay]
+  );
+}
+function Tr(e) {
+  let {
+    activeNode: t,
+    measure: n,
+    initialRect: r,
+    config: i = !0
+  } = e;
+  const o = z(!1), {
+    x: s,
+    y: a
+  } = typeof i == "boolean" ? {
+    x: i,
+    y: i
+  } : i;
+  re(() => {
+    if (!s && !a || !t) {
+      o.current = !1;
+      return;
+    }
+    if (o.current || !r)
+      return;
+    const c = t == null ? void 0 : t.node.current;
+    if (!c || c.isConnected === !1)
+      return;
+    const d = n(c), u = Ht(d, r);
+    if (s || (u.x = 0), a || (u.y = 0), o.current = !0, Math.abs(u.x) > 0 || Math.abs(u.y) > 0) {
+      const h = qt(c);
+      h && h.scrollBy({
+        top: u.y,
+        left: u.x
+      });
+    }
+  }, [t, s, a, r, n]);
+}
+const _e = /* @__PURE__ */ Oe({
+  ...H,
+  scaleX: 1,
+  scaleY: 1
+});
+var ne;
+(function(e) {
+  e[e.Uninitialized = 0] = "Uninitialized", e[e.Initializing = 1] = "Initializing", e[e.Initialized = 2] = "Initialized";
+})(ne || (ne = {}));
+const no = /* @__PURE__ */ yn(function(t) {
+  var n, r, i, o;
+  let {
+    id: s,
+    accessibility: a,
+    autoScroll: l = !0,
+    children: c,
+    sensors: d = Sr,
+    collisionDetection: u = Kn,
+    measuring: h,
+    modifiers: f,
+    ...w
+  } = t;
+  const g = st(Ar, void 0, Or), [v, b] = g, [x, y] = Mn(), [T, C] = Y(ne.Uninitialized), S = T === ne.Initialized, {
+    draggable: {
+      active: p,
+      nodes: m,
+      translate: R
+    },
+    droppable: {
+      containers: k
+    }
+  } = v, E = p ? m.get(p) : null, J = z({
+    initial: null,
+    translated: null
+  }), V = O(() => {
+    var I;
+    return p != null ? {
+      id: p,
+      // It's possible for the active node to unmount while dragging
+      data: (I = E == null ? void 0 : E.data) != null ? I : Rr,
+      rect: J
+    } : null;
+  }, [p, E]), Q = z(null), [vt, pt] = Y(null), [G, bt] = Y(null), ve = Re(w, Object.values(w)), qe = Ye("DndDescribedBy", s), yt = O(() => k.getEnabled(), [k]), oe = Mr(h), {
+    droppableRects: le,
+    measureDroppableContainers: Te,
+    measuringScheduled: mt
+  } = hr(yt, {
+    dragging: S,
+    dependencies: [R.x, R.y],
+    config: oe.droppable
+  }), K = dr(m, p), wt = O(() => G ? Fe(G) : null, [G]), xt = bn(), Dt = gr(K, oe.draggable.measure);
+  Tr({
+    activeNode: p ? m.get(p) : null,
+    config: xt.layoutShiftCompensation,
+    initialRect: Dt,
+    measure: oe.draggable.measure
+  });
+  const X = $t(K, oe.draggable.measure, Dt), Je = $t(K ? K.parentElement : null), ie = z({
+    activatorEvent: null,
+    active: null,
+    activeNode: K,
+    collisionRect: null,
+    collisions: null,
+    droppableRects: le,
+    draggableNodes: m,
+    draggingNode: null,
+    draggingNodeRect: null,
+    droppableContainers: k,
+    over: null,
+    scrollableAncestors: [],
+    scrollAdjustedTranslate: null
+  }), Ct = k.getNodeFor((n = ie.current.over) == null ? void 0 : n.id), se = Cr({
+    measure: oe.dragOverlay.measure
+  }), Le = (r = se.nodeRef.current) != null ? r : K, ce = S ? (i = se.rect) != null ? i : X : null, St = !!(se.nodeRef.current && se.rect), Rt = br(St ? null : X), Ve = on(Le ? q(Le) : null), Z = yr(S ? Ct ?? K : null), ke = Dr(Z), Ie = cn(f, {
+    transform: {
+      x: R.x - Rt.x,
+      y: R.y - Rt.y,
+      scaleX: 1,
+      scaleY: 1
+    },
+    activatorEvent: G,
+    active: V,
+    activeNodeRect: X,
+    containerNodeRect: Je,
+    draggingNodeRect: ce,
+    over: ie.current.over,
+    overlayNodeRect: se.rect,
+    scrollableAncestors: Z,
+    scrollableAncestorRects: ke,
+    windowRect: Ve
+  }), Et = wt ? he(wt, R) : null, Ot = mr(Z), un = Xt(Ot), dn = Xt(Ot, [X]), ue = he(Ie, un), de = ce ? Wn(ce, Ie) : null, pe = V && de ? u({
+    active: V,
+    collisionRect: de,
+    droppableRects: le,
+    droppableContainers: yt,
+    pointerCoordinates: Et
+  }) : null, At = Fn(pe, "id"), [ee, Nt] = Y(null), fn = St ? Ie : he(Ie, dn), hn = Xn(fn, (o = ee == null ? void 0 : ee.rect) != null ? o : null, X), Mt = U(
+    (I, P) => {
+      let {
+        sensor: B,
+        options: te
+      } = P;
+      if (Q.current == null)
+        return;
+      const F = m.get(Q.current);
+      if (!F)
+        return;
+      const j = I.nativeEvent, _ = new B({
+        active: Q.current,
+        activeNode: F,
+        event: j,
+        options: te,
+        // Sensors need to be instantiated with refs for arguments that change over time
+        // otherwise they are frozen in time with the stale arguments
+        context: ie,
+        onStart(W) {
+          const be = Q.current;
+          if (be == null)
+            return;
+          const ye = m.get(be);
+          if (!ye)
+            return;
+          const {
+            onDragStart: ze
+          } = ve.current, Pe = {
+            active: {
+              id: be,
+              data: ye.data,
+              rect: J
+            }
+          };
+          xe(() => {
+            ze == null || ze(Pe), C(ne.Initializing), b({
+              type: A.DragStart,
+              initialCoordinates: W,
+              active: be
+            }), x({
+              type: "onDragStart",
+              event: Pe
+            });
+          });
+        },
+        onMove(W) {
+          b({
+            type: A.DragMove,
+            coordinates: W
+          });
+        },
+        onEnd: fe(A.DragEnd),
+        onCancel: fe(A.DragCancel)
+      });
+      xe(() => {
+        pt(_), bt(I.nativeEvent);
+      });
+      function fe(W) {
+        return async function() {
+          const {
+            active: ye,
+            collisions: ze,
+            over: Pe,
+            scrollAdjustedTranslate: Lt
+          } = ie.current;
+          let me = null;
+          if (ye && Lt) {
+            const {
+              cancelDrop: we
+            } = ve.current;
+            me = {
+              activatorEvent: j,
+              active: ye,
+              collisions: ze,
+              delta: Lt,
+              over: Pe
+            }, W === A.DragEnd && typeof we == "function" && await Promise.resolve(we(me)) && (W = A.DragCancel);
+          }
+          Q.current = null, xe(() => {
+            b({
+              type: W
+            }), C(ne.Uninitialized), Nt(null), pt(null), bt(null);
+            const we = W === A.DragEnd ? "onDragEnd" : "onDragCancel";
+            if (me) {
+              const Ge = ve.current[we];
+              Ge == null || Ge(me), x({
+                type: we,
+                event: me
+              });
+            }
+          });
+        };
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [m]
+  ), gn = U((I, P) => (B, te) => {
+    const F = B.nativeEvent, j = m.get(te);
+    if (
+      // Another sensor is already instantiating
+      Q.current !== null || // No active draggable
+      !j || // Event has already been captured
+      F.dndKit || F.defaultPrevented
+    )
+      return;
+    const _ = {
+      active: j
+    };
+    I(B, P.options, _) === !0 && (F.dndKit = {
+      capturedBy: P.sensor
+    }, Q.current = te, Mt(B, P));
+  }, [m, Mt]), Tt = fr(d, gn);
+  wr(d), re(() => {
+    X && T === ne.Initializing && C(ne.Initialized);
+  }, [X, T]), M(
+    () => {
+      const {
+        onDragMove: I
+      } = ve.current, {
+        active: P,
+        activatorEvent: B,
+        collisions: te,
+        over: F
+      } = ie.current;
+      if (!P || !B)
+        return;
+      const j = {
+        active: P,
+        activatorEvent: B,
+        collisions: te,
+        delta: {
+          x: ue.x,
+          y: ue.y
+        },
+        over: F
+      };
+      xe(() => {
+        I == null || I(j), x({
+          type: "onDragMove",
+          event: j
+        });
+      });
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [ue.x, ue.y]
+  ), M(
+    () => {
+      const {
+        active: I,
+        activatorEvent: P,
+        collisions: B,
+        droppableContainers: te,
+        scrollAdjustedTranslate: F
+      } = ie.current;
+      if (!I || Q.current == null || !P || !F)
+        return;
+      const {
+        onDragOver: j
+      } = ve.current, _ = te.get(At), fe = _ && _.rect.current ? {
+        id: _.id,
+        rect: _.rect.current,
+        data: _.data,
+        disabled: _.disabled
+      } : null, W = {
+        active: I,
+        activatorEvent: P,
+        collisions: B,
+        delta: {
+          x: F.x,
+          y: F.y
+        },
+        over: fe
+      };
+      xe(() => {
+        Nt(fe), j == null || j(W), x({
+          type: "onDragOver",
+          event: W
+        });
+      });
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [At]
+  ), re(() => {
+    ie.current = {
+      activatorEvent: G,
+      active: V,
+      activeNode: K,
+      collisionRect: de,
+      collisions: pe,
+      droppableRects: le,
+      draggableNodes: m,
+      draggingNode: Le,
+      draggingNodeRect: ce,
+      droppableContainers: k,
+      over: ee,
+      scrollableAncestors: Z,
+      scrollAdjustedTranslate: ue
+    }, J.current = {
+      initial: ce,
+      translated: de
+    };
+  }, [V, K, pe, de, m, Le, ce, le, k, ee, Z, ue]), lr({
+    ...xt,
+    delta: R,
+    draggingRect: de,
+    pointerCoordinates: Et,
+    scrollableAncestors: Z,
+    scrollableAncestorRects: ke
+  });
+  const vn = O(() => ({
+    active: V,
+    activeNode: K,
+    activeNodeRect: X,
+    activatorEvent: G,
+    collisions: pe,
+    containerNodeRect: Je,
+    dragOverlay: se,
+    draggableNodes: m,
+    droppableContainers: k,
+    droppableRects: le,
+    over: ee,
+    measureDroppableContainers: Te,
+    scrollableAncestors: Z,
+    scrollableAncestorRects: ke,
+    measuringConfiguration: oe,
+    measuringScheduled: mt,
+    windowRect: Ve
+  }), [V, K, X, G, pe, Je, se, m, k, le, ee, Te, Z, ke, oe, mt, Ve]), pn = O(() => ({
+    activatorEvent: G,
+    activators: Tt,
+    active: V,
+    activeNodeRect: X,
+    ariaDescribedById: {
+      draggable: qe
+    },
+    dispatch: b,
+    draggableNodes: m,
+    over: ee,
+    measureDroppableContainers: Te
+  }), [G, Tt, V, X, b, qe, m, ee, Te]);
+  return N.createElement(Ut.Provider, {
+    value: y
+  }, N.createElement(Me.Provider, {
+    value: pn
+  }, N.createElement(ln.Provider, {
+    value: vn
+  }, N.createElement(_e.Provider, {
+    value: hn
+  }, c)), N.createElement(Nr, {
+    disabled: (a == null ? void 0 : a.restoreFocus) === !1
+  })), N.createElement(kn, {
+    ...a,
+    hiddenTextDescribedById: qe
+  }));
+  function bn() {
+    const I = (vt == null ? void 0 : vt.autoScrollEnabled) === !1, P = typeof l == "object" ? l.enabled === !1 : l === !1, B = S && !I && !P;
+    return typeof l == "object" ? {
+      ...l,
+      enabled: B
+    } : {
+      enabled: B
+    };
+  }
+}), Lr = /* @__PURE__ */ Oe(null), jt = "button", kr = "Droppable";
+function ro(e) {
+  let {
+    id: t,
+    data: n,
+    disabled: r = !1,
+    attributes: i
+  } = e;
+  const o = Ye(kr), {
+    activators: s,
+    activatorEvent: a,
+    active: l,
+    activeNodeRect: c,
+    ariaDescribedById: d,
+    draggableNodes: u,
+    over: h
+  } = ae(Me), {
+    role: f = jt,
+    roleDescription: w = "draggable",
+    tabIndex: g = 0
+  } = i ?? {}, v = (l == null ? void 0 : l.id) === t, b = ae(v ? _e : Lr), [x, y] = $e(), [T, C] = $e(), S = xr(s, t), p = Re(n);
+  re(
+    () => (u.set(t, {
+      id: t,
+      key: o,
+      node: x,
+      activatorNode: T,
+      data: p
+    }), () => {
+      const R = u.get(t);
+      R && R.key === o && u.delete(t);
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [u, t]
   );
+  const m = O(() => ({
+    role: f,
+    tabIndex: g,
+    "aria-disabled": r,
+    "aria-pressed": v && f === jt ? !0 : void 0,
+    "aria-roledescription": w,
+    "aria-describedby": d.draggable
+  }), [r, f, g, v, w, d.draggable]);
+  return {
+    active: l,
+    activatorEvent: a,
+    activeNodeRect: c,
+    attributes: m,
+    isDragging: v,
+    listeners: r ? void 0 : S,
+    node: x,
+    over: h,
+    setNodeRef: y,
+    setActivatorNodeRef: C,
+    transform: b
+  };
+}
+function Ir() {
+  return ae(ln);
+}
+const zr = "Droppable", Pr = {
+  timeout: 25
+};
+function oo(e) {
+  let {
+    data: t,
+    disabled: n = !1,
+    id: r,
+    resizeObserverConfig: i
+  } = e;
+  const o = Ye(zr), {
+    active: s,
+    dispatch: a,
+    over: l,
+    measureDroppableContainers: c
+  } = ae(Me), d = z({
+    disabled: n
+  }), u = z(!1), h = z(null), f = z(null), {
+    disabled: w,
+    updateMeasurementsFor: g,
+    timeout: v
+  } = {
+    ...Pr,
+    ...i
+  }, b = Re(g ?? r), x = U(
+    () => {
+      if (!u.current) {
+        u.current = !0;
+        return;
+      }
+      f.current != null && clearTimeout(f.current), f.current = setTimeout(() => {
+        c(Array.isArray(b.current) ? b.current : [b.current]), f.current = null;
+      }, v);
+    },
+    //eslint-disable-next-line react-hooks/exhaustive-deps
+    [v]
+  ), y = He({
+    callback: x,
+    disabled: w || !s
+  }), T = U((m, R) => {
+    y && (R && (y.unobserve(R), u.current = !1), m && y.observe(m));
+  }, [y]), [C, S] = $e(T), p = Re(t);
+  return M(() => {
+    !y || !C.current || (y.disconnect(), u.current = !1, y.observe(C.current));
+  }, [C, y]), re(
+    () => (a({
+      type: A.RegisterDroppable,
+      element: {
+        id: r,
+        key: o,
+        disabled: n,
+        node: C,
+        rect: h,
+        data: p
+      }
+    }), () => a({
+      type: A.UnregisterDroppable,
+      key: o,
+      id: r
+    })),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [r]
+  ), M(() => {
+    n !== d.current.disabled && (a({
+      type: A.SetDroppableDisabled,
+      id: r,
+      key: o,
+      disabled: n
+    }), d.current.disabled = n);
+  }, [r, o, n, a]), {
+    active: s,
+    rect: h,
+    isOver: (l == null ? void 0 : l.id) === r,
+    node: C,
+    over: l,
+    setNodeRef: S
+  };
+}
+function Br(e) {
+  let {
+    animation: t,
+    children: n
+  } = e;
+  const [r, i] = Y(null), [o, s] = Y(null), a = Xe(n);
+  return !n && !r && a && i(a), re(() => {
+    if (!o)
+      return;
+    const l = r == null ? void 0 : r.key, c = r == null ? void 0 : r.props.id;
+    if (l == null || c == null) {
+      i(null);
+      return;
+    }
+    Promise.resolve(t(c, o)).then(() => {
+      i(null);
+    });
+  }, [t, r, o]), N.createElement(N.Fragment, null, n, r ? mn(r, {
+    ref: s
+  }) : null);
+}
+const Fr = {
+  x: 0,
+  y: 0,
+  scaleX: 1,
+  scaleY: 1
 };
-function q({ children: t, id: e }) {
-  const { setNodeRef: o } = K({ id: e });
-  return /* @__PURE__ */ r.jsx("div", { ref: o, children: t });
+function $r(e) {
+  let {
+    children: t
+  } = e;
+  return N.createElement(Me.Provider, {
+    value: an
+  }, N.createElement(_e.Provider, {
+    value: Fr
+  }, t));
+}
+const Kr = {
+  position: "fixed",
+  touchAction: "none"
+}, Xr = (e) => at(e) ? "transform 250ms ease" : void 0, jr = /* @__PURE__ */ wn((e, t) => {
+  let {
+    as: n,
+    activatorEvent: r,
+    adjustScale: i,
+    children: o,
+    className: s,
+    rect: a,
+    style: l,
+    transform: c,
+    transition: d = Xr
+  } = e;
+  if (!a)
+    return null;
+  const u = i ? c : {
+    ...c,
+    scaleX: 1,
+    scaleY: 1
+  }, h = {
+    ...Kr,
+    width: a.width,
+    height: a.height,
+    top: a.top,
+    left: a.left,
+    transform: nt.Transform.toString(u),
+    transformOrigin: i && r ? zn(r, a) : void 0,
+    transition: typeof d == "function" ? d(r) : d,
+    ...l
+  };
+  return N.createElement(n, {
+    className: s,
+    style: h,
+    ref: t
+  }, o);
+}), Wr = (e) => (t) => {
+  let {
+    active: n,
+    dragOverlay: r
+  } = t;
+  const i = {}, {
+    styles: o,
+    className: s
+  } = e;
+  if (o != null && o.active)
+    for (const [a, l] of Object.entries(o.active))
+      l !== void 0 && (i[a] = n.node.style.getPropertyValue(a), n.node.style.setProperty(a, l));
+  if (o != null && o.dragOverlay)
+    for (const [a, l] of Object.entries(o.dragOverlay))
+      l !== void 0 && r.node.style.setProperty(a, l);
+  return s != null && s.active && n.node.classList.add(s.active), s != null && s.dragOverlay && r.node.classList.add(s.dragOverlay), function() {
+    for (const [l, c] of Object.entries(i))
+      n.node.style.setProperty(l, c);
+    s != null && s.active && n.node.classList.remove(s.active);
+  };
+}, Yr = (e) => {
+  let {
+    transform: {
+      initial: t,
+      final: n
+    }
+  } = e;
+  return [{
+    transform: nt.Transform.toString(t)
+  }, {
+    transform: nt.Transform.toString(n)
+  }];
+}, Ur = {
+  duration: 250,
+  easing: "ease",
+  keyframes: Yr,
+  sideEffects: /* @__PURE__ */ Wr({
+    styles: {
+      active: {
+        opacity: "0"
+      }
+    }
+  })
+};
+function Hr(e) {
+  let {
+    config: t,
+    draggableNodes: n,
+    droppableContainers: r,
+    measuringConfiguration: i
+  } = e;
+  return lt((o, s) => {
+    if (t === null)
+      return;
+    const a = n.get(o);
+    if (!a)
+      return;
+    const l = a.node.current;
+    if (!l)
+      return;
+    const c = sn(s);
+    if (!c)
+      return;
+    const {
+      transform: d
+    } = q(s).getComputedStyle(s), u = _t(d);
+    if (!u)
+      return;
+    const h = typeof t == "function" ? t : _r(t);
+    return en(l, i.draggable.measure), h({
+      active: {
+        id: o,
+        data: a.data,
+        node: l,
+        rect: i.draggable.measure(l)
+      },
+      draggableNodes: n,
+      dragOverlay: {
+        node: s,
+        rect: i.dragOverlay.measure(c)
+      },
+      droppableContainers: r,
+      measuringConfiguration: i,
+      transform: u
+    });
+  });
+}
+function _r(e) {
+  const {
+    duration: t,
+    easing: n,
+    sideEffects: r,
+    keyframes: i
+  } = {
+    ...Ur,
+    ...e
+  };
+  return (o) => {
+    let {
+      active: s,
+      dragOverlay: a,
+      transform: l,
+      ...c
+    } = o;
+    if (!t)
+      return;
+    const d = {
+      x: a.rect.left - s.rect.left,
+      y: a.rect.top - s.rect.top
+    }, u = {
+      scaleX: l.scaleX !== 1 ? s.rect.width * l.scaleX / a.rect.width : 1,
+      scaleY: l.scaleY !== 1 ? s.rect.height * l.scaleY / a.rect.height : 1
+    }, h = {
+      x: l.x - d.x,
+      y: l.y - d.y,
+      ...u
+    }, f = i({
+      ...c,
+      active: s,
+      dragOverlay: a,
+      transform: {
+        initial: l,
+        final: h
+      }
+    }), [w] = f, g = f[f.length - 1];
+    if (JSON.stringify(w) === JSON.stringify(g))
+      return;
+    const v = r == null ? void 0 : r({
+      active: s,
+      dragOverlay: a,
+      ...c
+    }), b = a.node.animate(f, {
+      duration: t,
+      easing: n,
+      fill: "forwards"
+    });
+    return new Promise((x) => {
+      b.onfinish = () => {
+        v == null || v(), x();
+      };
+    });
+  };
+}
+let Wt = 0;
+function qr(e) {
+  return O(() => {
+    if (e != null)
+      return Wt++, Wt;
+  }, [e]);
 }
+const io = /* @__PURE__ */ N.memo((e) => {
+  let {
+    adjustScale: t = !1,
+    children: n,
+    dropAnimation: r,
+    style: i,
+    transition: o,
+    modifiers: s,
+    wrapperElement: a = "div",
+    className: l,
+    zIndex: c = 999
+  } = e;
+  const {
+    activatorEvent: d,
+    active: u,
+    activeNodeRect: h,
+    containerNodeRect: f,
+    draggableNodes: w,
+    droppableContainers: g,
+    dragOverlay: v,
+    over: b,
+    measuringConfiguration: x,
+    scrollableAncestors: y,
+    scrollableAncestorRects: T,
+    windowRect: C
+  } = Ir(), S = ae(_e), p = qr(u == null ? void 0 : u.id), m = cn(s, {
+    activatorEvent: d,
+    active: u,
+    activeNodeRect: h,
+    containerNodeRect: f,
+    draggingNodeRect: v.rect,
+    over: b,
+    overlayNodeRect: v.rect,
+    scrollableAncestors: y,
+    scrollableAncestorRects: T,
+    transform: S,
+    windowRect: C
+  }), R = gt(h), k = Hr({
+    config: r,
+    draggableNodes: w,
+    droppableContainers: g,
+    measuringConfiguration: x
+  }), E = R ? v.setRef : void 0;
+  return N.createElement($r, null, N.createElement(Br, {
+    animation: k
+  }, u && p ? N.createElement(jr, {
+    key: p,
+    id: u.id,
+    ref: E,
+    as: a,
+    activatorEvent: d,
+    adjustScale: t,
+    className: l,
+    transition: o,
+    rect: R,
+    style: {
+      zIndex: c,
+      ...i
+    },
+    transform: m
+  }, n) : null));
+});
 export {
-  W as SortableContainer
+  Ce as AutoScrollActivator,
+  no as DndContext,
+  io as DragOverlay,
+  D as KeyboardCode,
+  nn as KeyboardSensor,
+  it as MeasuringFrequency,
+  Ee as MeasuringStrategy,
+  sr as MouseSensor,
+  rn as PointerSensor,
+  ar as TouchSensor,
+  We as TraversalOrder,
+  cn as applyModifiers,
+  to as closestCorners,
+  Ln as defaultAnnouncements,
+  H as defaultCoordinates,
+  Ur as defaultDropAnimation,
+  Wr as defaultDropAnimationSideEffects,
+  Tn as defaultScreenReaderInstructions,
+  Ne as getClientRect,
+  Fn as getFirstCollision,
+  dt as getScrollableAncestors,
+  Kn as rectIntersection,
+  Ir as useDndContext,
+  Nn as useDndMonitor,
+  ro as useDraggable,
+  oo as useDroppable,
+  Zr as useSensor,
+  eo as useSensors
 };