@televet/kibble-ui 4.0.0-beta.89 → 4.0.0-beta.9

package/dist/chunks/sortableList.component-Cjeqvf95.js

@@ -1,3327 +0,0 @@
-import { j as _ } from "./jsx-runtime-C5mzlN2N.js";
-import M, { useLayoutEffect as Bn, useEffect as O, useRef as N, useMemo as E, useCallback as F, useState as B, memo as Fn, useReducer as Xn, createContext as Ee, useContext as ce, forwardRef as $n, cloneElement as Yn } from "react";
-import { r as Be } from "./use-locale-context-BiiNTYMT.js";
-import { B as Kn } from "./button.component-D7a32Wjq.js";
-import { W as Un } from "./text.component-DJW--Vty.js";
-import { F as Wn } from "./flex-smlF8uQG.js";
-import { L as Hn, a as Vn } from "./list-DqH5ttQG.js";
-function qn() {
-  for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
-    t[n] = arguments[n];
-  return E(
-    () => (r) => {
-      t.forEach((o) => o(r));
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    t
-  );
-}
-const ct = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
-function Ae(e) {
-  const t = Object.prototype.toString.call(e);
-  return t === "[object Window]" || // In Electron context the Window object serializes to [object global]
-  t === "[object global]";
-}
-function Rt(e) {
-  return "nodeType" in e;
-}
-function X(e) {
-  var t, n;
-  return e ? Ae(e) ? e : Rt(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
-}
-function Et(e) {
-  const {
-    Document: t
-  } = X(e);
-  return e instanceof t;
-}
-function We(e) {
-  return Ae(e) ? !1 : e instanceof X(e).HTMLElement;
-}
-function rn(e) {
-  return e instanceof X(e).SVGElement;
-}
-function Ie(e) {
-  return e ? Ae(e) ? e.document : Rt(e) ? Et(e) ? e : We(e) || rn(e) ? e.ownerDocument : document : document : document;
-}
-const Q = ct ? Bn : O;
-function ut(e) {
-  const t = N(e);
-  return Q(() => {
-    t.current = e;
-  }), F(function() {
-    for (var n = arguments.length, r = new Array(n), o = 0; o < n; o++)
-      r[o] = arguments[o];
-    return t.current == null ? void 0 : t.current(...r);
-  }, []);
-}
-function _n() {
-  const e = N(null), t = F((r, o) => {
-    e.current = setInterval(r, o);
-  }, []), n = F(() => {
-    e.current !== null && (clearInterval(e.current), e.current = null);
-  }, []);
-  return [t, n];
-}
-function Ye(e, t) {
-  t === void 0 && (t = [e]);
-  const n = N(e);
-  return Q(() => {
-    n.current !== e && (n.current = e);
-  }, t), n;
-}
-function He(e, t) {
-  const n = N();
-  return E(
-    () => {
-      const r = e(n.current);
-      return n.current = r, r;
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [...t]
-  );
-}
-function rt(e) {
-  const t = ut(e), n = N(null), r = F(
-    (o) => {
-      o !== n.current && t?.(o, n.current), n.current = o;
-    },
-    //eslint-disable-next-line
-    []
-  );
-  return [n, r];
-}
-function ot(e) {
-  const t = N();
-  return O(() => {
-    t.current = e;
-  }, [e]), t.current;
-}
-let mt = {};
-function Ve(e, t) {
-  return E(() => {
-    if (t)
-      return t;
-    const n = mt[e] == null ? 0 : mt[e] + 1;
-    return mt[e] = n, e + "-" + n;
-  }, [e, t]);
-}
-function on(e) {
-  return function(t) {
-    for (var n = arguments.length, r = new Array(n > 1 ? n - 1 : 0), o = 1; o < n; o++)
-      r[o - 1] = arguments[o];
-    return r.reduce((i, s) => {
-      const a = Object.entries(s);
-      for (const [l, c] of a) {
-        const d = i[l];
-        d != null && (i[l] = d + e * c);
-      }
-      return i;
-    }, {
-      ...t
-    });
-  };
-}
-const Re = /* @__PURE__ */ on(1), Ke = /* @__PURE__ */ on(-1);
-function Jn(e) {
-  return "clientX" in e && "clientY" in e;
-}
-function dt(e) {
-  if (!e)
-    return !1;
-  const {
-    KeyboardEvent: t
-  } = X(e.target);
-  return t && e instanceof t;
-}
-function Gn(e) {
-  if (!e)
-    return !1;
-  const {
-    TouchEvent: t
-  } = X(e.target);
-  return t && e instanceof t;
-}
-function it(e) {
-  if (Gn(e)) {
-    if (e.touches && e.touches.length) {
-      const {
-        clientX: t,
-        clientY: n
-      } = e.touches[0];
-      return {
-        x: t,
-        y: n
-      };
-    } else if (e.changedTouches && e.changedTouches.length) {
-      const {
-        clientX: t,
-        clientY: n
-      } = e.changedTouches[0];
-      return {
-        x: t,
-        y: n
-      };
-    }
-  }
-  return Jn(e) ? {
-    x: e.clientX,
-    y: e.clientY
-  } : null;
-}
-const be = /* @__PURE__ */ Object.freeze({
-  Translate: {
-    toString(e) {
-      if (!e)
-        return;
-      const {
-        x: t,
-        y: n
-      } = e;
-      return "translate3d(" + (t ? Math.round(t) : 0) + "px, " + (n ? Math.round(n) : 0) + "px, 0)";
-    }
-  },
-  Scale: {
-    toString(e) {
-      if (!e)
-        return;
-      const {
-        scaleX: t,
-        scaleY: n
-      } = e;
-      return "scaleX(" + t + ") scaleY(" + n + ")";
-    }
-  },
-  Transform: {
-    toString(e) {
-      if (e)
-        return [be.Translate.toString(e), be.Scale.toString(e)].join(" ");
-    }
-  },
-  Transition: {
-    toString(e) {
-      let {
-        property: t,
-        duration: n,
-        easing: r
-      } = e;
-      return t + " " + n + "ms " + r;
-    }
-  }
-}), Yt = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
-function Qn(e) {
-  return e.matches(Yt) ? e : e.querySelector(Yt);
-}
-const Zn = {
-  display: "none"
-};
-function er(e) {
-  let {
-    id: t,
-    value: n
-  } = e;
-  return M.createElement("div", {
-    id: t,
-    style: Zn
-  }, n);
-}
-function tr(e) {
-  let {
-    id: t,
-    announcement: n,
-    ariaLiveType: r = "assertive"
-  } = e;
-  const o = {
-    position: "fixed",
-    top: 0,
-    left: 0,
-    width: 1,
-    height: 1,
-    margin: -1,
-    border: 0,
-    padding: 0,
-    overflow: "hidden",
-    clip: "rect(0 0 0 0)",
-    clipPath: "inset(100%)",
-    whiteSpace: "nowrap"
-  };
-  return M.createElement("div", {
-    id: t,
-    style: o,
-    role: "status",
-    "aria-live": r,
-    "aria-atomic": !0
-  }, n);
-}
-function nr() {
-  const [e, t] = B("");
-  return {
-    announce: F((r) => {
-      r != null && t(r);
-    }, []),
-    announcement: e
-  };
-}
-const sn = /* @__PURE__ */ Ee(null);
-function rr(e) {
-  const t = ce(sn);
-  O(() => {
-    if (!t)
-      throw new Error("useDndMonitor must be used within a children of <DndContext>");
-    return t(e);
-  }, [e, t]);
-}
-function or() {
-  const [e] = B(() => /* @__PURE__ */ new Set()), t = F((r) => (e.add(r), () => e.delete(r)), [e]);
-  return [F((r) => {
-    let {
-      type: o,
-      event: i
-    } = r;
-    e.forEach((s) => {
-      var a;
-      return (a = s[o]) == null ? void 0 : a.call(s, i);
-    });
-  }, [e]), t];
-}
-const ir = {
-  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.
-  `
-}, sr = {
-  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 ar(e) {
-  let {
-    announcements: t = sr,
-    container: n,
-    hiddenTextDescribedById: r,
-    screenReaderInstructions: o = ir
-  } = e;
-  const {
-    announce: i,
-    announcement: s
-  } = nr(), a = Ve("DndLiveRegion"), [l, c] = B(!1);
-  if (O(() => {
-    c(!0);
-  }, []), rr(E(() => ({
-    onDragStart(u) {
-      let {
-        active: g
-      } = u;
-      i(t.onDragStart({
-        active: g
-      }));
-    },
-    onDragMove(u) {
-      let {
-        active: g,
-        over: f
-      } = u;
-      t.onDragMove && i(t.onDragMove({
-        active: g,
-        over: f
-      }));
-    },
-    onDragOver(u) {
-      let {
-        active: g,
-        over: f
-      } = u;
-      i(t.onDragOver({
-        active: g,
-        over: f
-      }));
-    },
-    onDragEnd(u) {
-      let {
-        active: g,
-        over: f
-      } = u;
-      i(t.onDragEnd({
-        active: g,
-        over: f
-      }));
-    },
-    onDragCancel(u) {
-      let {
-        active: g,
-        over: f
-      } = u;
-      i(t.onDragCancel({
-        active: g,
-        over: f
-      }));
-    }
-  }), [i, t])), !l)
-    return null;
-  const d = M.createElement(M.Fragment, null, M.createElement(er, {
-    id: r,
-    value: o.draggable
-  }), M.createElement(tr, {
-    id: a,
-    announcement: s
-  }));
-  return n ? Be.createPortal(d, n) : d;
-}
-var P;
-(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";
-})(P || (P = {}));
-function st() {
-}
-function Kt(e, t) {
-  return E(
-    () => ({
-      sensor: e,
-      options: t ?? {}
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [e, t]
-  );
-}
-function lr() {
-  for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
-    t[n] = arguments[n];
-  return E(
-    () => [...t].filter((r) => r != null),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [...t]
-  );
-}
-const Z = /* @__PURE__ */ Object.freeze({
-  x: 0,
-  y: 0
-});
-function cr(e, t) {
-  return Math.sqrt(Math.pow(e.x - t.x, 2) + Math.pow(e.y - t.y, 2));
-}
-function ur(e, t) {
-  const n = it(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 dr(e, t) {
-  let {
-    data: {
-      value: n
-    }
-  } = e, {
-    data: {
-      value: r
-    }
-  } = t;
-  return n - r;
-}
-function fr(e, t) {
-  let {
-    data: {
-      value: n
-    }
-  } = e, {
-    data: {
-      value: r
-    }
-  } = t;
-  return r - n;
-}
-function Ut(e) {
-  let {
-    left: t,
-    top: n,
-    height: r,
-    width: o
-  } = e;
-  return [{
-    x: t,
-    y: n
-  }, {
-    x: t + o,
-    y: n
-  }, {
-    x: t,
-    y: n + r
-  }, {
-    x: t + o,
-    y: n + r
-  }];
-}
-function an(e, t) {
-  if (!e || e.length === 0)
-    return null;
-  const [n] = e;
-  return n[t];
-}
-const gr = (e) => {
-  let {
-    collisionRect: t,
-    droppableRects: n,
-    droppableContainers: r
-  } = e;
-  const o = Ut(t), i = [];
-  for (const s of r) {
-    const {
-      id: a
-    } = s, l = n.get(a);
-    if (l) {
-      const c = Ut(l), d = o.reduce((g, f, w) => g + cr(c[w], f), 0), u = Number((d / 4).toFixed(4));
-      i.push({
-        id: a,
-        data: {
-          droppableContainer: s,
-          value: u
-        }
-      });
-    }
-  }
-  return i.sort(dr);
-};
-function hr(e, t) {
-  const n = Math.max(t.top, e.top), r = Math.max(t.left, e.left), o = Math.min(t.left + t.width, e.left + e.width), i = Math.min(t.top + t.height, e.top + e.height), s = o - r, a = i - n;
-  if (r < o && n < i) {
-    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 vr = (e) => {
-  let {
-    collisionRect: t,
-    droppableRects: n,
-    droppableContainers: r
-  } = e;
-  const o = [];
-  for (const i of r) {
-    const {
-      id: s
-    } = i, a = n.get(s);
-    if (a) {
-      const l = hr(a, t);
-      l > 0 && o.push({
-        id: s,
-        data: {
-          droppableContainer: i,
-          value: l
-        }
-      });
-    }
-  }
-  return o.sort(fr);
-};
-function pr(e, t, n) {
-  return {
-    ...e,
-    scaleX: t && n ? t.width / n.width : 1,
-    scaleY: t && n ? t.height / n.height : 1
-  };
-}
-function ln(e, t) {
-  return e && t ? {
-    x: e.left - t.left,
-    y: e.top - t.top
-  } : Z;
-}
-function br(e) {
-  return function(n) {
-    for (var r = arguments.length, o = new Array(r > 1 ? r - 1 : 0), i = 1; i < r; i++)
-      o[i - 1] = arguments[i];
-    return o.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 mr = /* @__PURE__ */ br(1);
-function cn(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 yr(e, t, n) {
-  const r = cn(t);
-  if (!r)
-    return e;
-  const {
-    scaleX: o,
-    scaleY: i,
-    x: s,
-    y: a
-  } = r, l = e.left - s - (1 - o) * parseFloat(n), c = e.top - a - (1 - i) * parseFloat(n.slice(n.indexOf(" ") + 1)), d = o ? e.width / o : e.width, u = i ? e.height / i : e.height;
-  return {
-    width: d,
-    height: u,
-    top: c,
-    right: l + d,
-    bottom: c + u,
-    left: l
-  };
-}
-const wr = {
-  ignoreTransform: !1
-};
-function Oe(e, t) {
-  t === void 0 && (t = wr);
-  let n = e.getBoundingClientRect();
-  if (t.ignoreTransform) {
-    const {
-      transform: c,
-      transformOrigin: d
-    } = X(e).getComputedStyle(e);
-    c && (n = yr(n, c, d));
-  }
-  const {
-    top: r,
-    left: o,
-    width: i,
-    height: s,
-    bottom: a,
-    right: l
-  } = n;
-  return {
-    top: r,
-    left: o,
-    width: i,
-    height: s,
-    bottom: a,
-    right: l
-  };
-}
-function Wt(e) {
-  return Oe(e, {
-    ignoreTransform: !0
-  });
-}
-function xr(e) {
-  const t = e.innerWidth, n = e.innerHeight;
-  return {
-    top: 0,
-    left: 0,
-    right: t,
-    bottom: n,
-    width: t,
-    height: n
-  };
-}
-function Dr(e, t) {
-  return t === void 0 && (t = X(e).getComputedStyle(e)), t.position === "fixed";
-}
-function Sr(e, t) {
-  t === void 0 && (t = X(e).getComputedStyle(e));
-  const n = /(auto|scroll|overlay)/;
-  return ["overflow", "overflowX", "overflowY"].some((o) => {
-    const i = t[o];
-    return typeof i == "string" ? n.test(i) : !1;
-  });
-}
-function ft(e, t) {
-  const n = [];
-  function r(o) {
-    if (t != null && n.length >= t || !o)
-      return n;
-    if (Et(o) && o.scrollingElement != null && !n.includes(o.scrollingElement))
-      return n.push(o.scrollingElement), n;
-    if (!We(o) || rn(o) || n.includes(o))
-      return n;
-    const i = X(e).getComputedStyle(o);
-    return o !== e && Sr(o, i) && n.push(o), Dr(o, i) ? n : r(o.parentNode);
-  }
-  return e ? r(e) : n;
-}
-function un(e) {
-  const [t] = ft(e, 1);
-  return t ?? null;
-}
-function yt(e) {
-  return !ct || !e ? null : Ae(e) ? e : Rt(e) ? Et(e) || e === Ie(e).scrollingElement ? window : We(e) ? e : null : null;
-}
-function dn(e) {
-  return Ae(e) ? e.scrollX : e.scrollLeft;
-}
-function fn(e) {
-  return Ae(e) ? e.scrollY : e.scrollTop;
-}
-function Dt(e) {
-  return {
-    x: dn(e),
-    y: fn(e)
-  };
-}
-var k;
-(function(e) {
-  e[e.Forward = 1] = "Forward", e[e.Backward = -1] = "Backward";
-})(k || (k = {}));
-function gn(e) {
-  return !ct || !e ? !1 : e === document.scrollingElement;
-}
-function hn(e) {
-  const t = {
-    x: 0,
-    y: 0
-  }, n = gn(e) ? {
-    height: window.innerHeight,
-    width: window.innerWidth
-  } : {
-    height: e.clientHeight,
-    width: e.clientWidth
-  }, r = {
-    x: e.scrollWidth - n.width,
-    y: e.scrollHeight - n.height
-  }, o = e.scrollTop <= t.y, i = e.scrollLeft <= t.x, s = e.scrollTop >= r.y, a = e.scrollLeft >= r.x;
-  return {
-    isTop: o,
-    isLeft: i,
-    isBottom: s,
-    isRight: a,
-    maxScroll: r,
-    minScroll: t
-  };
-}
-const Cr = {
-  x: 0.2,
-  y: 0.2
-};
-function Rr(e, t, n, r, o) {
-  let {
-    top: i,
-    left: s,
-    right: a,
-    bottom: l
-  } = n;
-  r === void 0 && (r = 10), o === void 0 && (o = Cr);
-  const {
-    isTop: c,
-    isBottom: d,
-    isLeft: u,
-    isRight: g
-  } = hn(e), f = {
-    x: 0,
-    y: 0
-  }, w = {
-    x: 0,
-    y: 0
-  }, h = {
-    height: t.height * o.y,
-    width: t.width * o.x
-  };
-  return !c && i <= t.top + h.height ? (f.y = k.Backward, w.y = r * Math.abs((t.top + h.height - i) / h.height)) : !d && l >= t.bottom - h.height && (f.y = k.Forward, w.y = r * Math.abs((t.bottom - h.height - l) / h.height)), !g && a >= t.right - h.width ? (f.x = k.Forward, w.x = r * Math.abs((t.right - h.width - a) / h.width)) : !u && s <= t.left + h.width && (f.x = k.Backward, w.x = r * Math.abs((t.left + h.width - s) / h.width)), {
-    direction: f,
-    speed: w
-  };
-}
-function Er(e) {
-  if (e === document.scrollingElement) {
-    const {
-      innerWidth: i,
-      innerHeight: s
-    } = window;
-    return {
-      top: 0,
-      left: 0,
-      right: i,
-      bottom: s,
-      width: i,
-      height: s
-    };
-  }
-  const {
-    top: t,
-    left: n,
-    right: r,
-    bottom: o
-  } = e.getBoundingClientRect();
-  return {
-    top: t,
-    left: n,
-    right: r,
-    bottom: o,
-    width: e.clientWidth,
-    height: e.clientHeight
-  };
-}
-function vn(e) {
-  return e.reduce((t, n) => Re(t, Dt(n)), Z);
-}
-function Ar(e) {
-  return e.reduce((t, n) => t + dn(n), 0);
-}
-function Ir(e) {
-  return e.reduce((t, n) => t + fn(n), 0);
-}
-function pn(e, t) {
-  if (t === void 0 && (t = Oe), !e)
-    return;
-  const {
-    top: n,
-    left: r,
-    bottom: o,
-    right: i
-  } = t(e);
-  un(e) && (o <= 0 || i <= 0 || n >= window.innerHeight || r >= window.innerWidth) && e.scrollIntoView({
-    block: "center",
-    inline: "center"
-  });
-}
-const Or = [["x", ["left", "right"], Ar], ["y", ["top", "bottom"], Ir]];
-class At {
-  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 = ft(n), o = vn(r);
-    this.rect = {
-      ...t
-    }, this.width = t.width, this.height = t.height;
-    for (const [i, s, a] of Or)
-      for (const l of s)
-        Object.defineProperty(this, l, {
-          get: () => {
-            const c = a(r), d = o[i] - c;
-            return this.rect[l] + d;
-          },
-          enumerable: !0
-        });
-    Object.defineProperty(this, "rect", {
-      enumerable: !1
-    });
-  }
-}
-class Fe {
-  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 o;
-    (o = this.target) == null || o.addEventListener(t, n, r), this.listeners.push([t, n, r]);
-  }
-}
-function Nr(e) {
-  const {
-    EventTarget: t
-  } = X(e);
-  return e instanceof t ? e : Ie(e);
-}
-function wt(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 q;
-(function(e) {
-  e.Click = "click", e.DragStart = "dragstart", e.Keydown = "keydown", e.ContextMenu = "contextmenu", e.Resize = "resize", e.SelectionChange = "selectionchange", e.VisibilityChange = "visibilitychange";
-})(q || (q = {}));
-function Ht(e) {
-  e.preventDefault();
-}
-function Tr(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", e.Tab = "Tab";
-})(D || (D = {}));
-const bn = {
-  start: [D.Space, D.Enter],
-  cancel: [D.Esc],
-  end: [D.Space, D.Enter, D.Tab]
-}, Mr = (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 It {
-  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 Fe(Ie(n)), this.windowListeners = new Fe(X(n)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
-  }
-  attach() {
-    this.handleStart(), this.windowListeners.add(q.Resize, this.handleCancel), this.windowListeners.add(q.VisibilityChange, this.handleCancel), setTimeout(() => this.listeners.add(q.Keydown, this.handleKeyDown));
-  }
-  handleStart() {
-    const {
-      activeNode: t,
-      onStart: n
-    } = this.props, r = t.node.current;
-    r && pn(r), n(Z);
-  }
-  handleKeyDown(t) {
-    if (dt(t)) {
-      const {
-        active: n,
-        context: r,
-        options: o
-      } = this.props, {
-        keyboardCodes: i = bn,
-        coordinateGetter: s = Mr,
-        scrollBehavior: a = "smooth"
-      } = o, {
-        code: l
-      } = t;
-      if (i.end.includes(l)) {
-        this.handleEnd(t);
-        return;
-      }
-      if (i.cancel.includes(l)) {
-        this.handleCancel(t);
-        return;
-      }
-      const {
-        collisionRect: c
-      } = r.current, d = c ? {
-        x: c.left,
-        y: c.top
-      } : Z;
-      this.referenceCoordinates || (this.referenceCoordinates = d);
-      const u = s(t, {
-        active: n,
-        context: r.current,
-        currentCoordinates: d
-      });
-      if (u) {
-        const g = Ke(u, d), f = {
-          x: 0,
-          y: 0
-        }, {
-          scrollableAncestors: w
-        } = r.current;
-        for (const h of w) {
-          const v = t.code, {
-            isTop: b,
-            isRight: m,
-            isLeft: p,
-            isBottom: S,
-            maxScroll: C,
-            minScroll: R
-          } = hn(h), y = Er(h), x = {
-            x: Math.min(v === D.Right ? y.right - y.width / 2 : y.right, Math.max(v === D.Right ? y.left : y.left + y.width / 2, u.x)),
-            y: Math.min(v === D.Down ? y.bottom - y.height / 2 : y.bottom, Math.max(v === D.Down ? y.top : y.top + y.height / 2, u.y))
-          }, T = v === D.Right && !m || v === D.Left && !p, L = v === D.Down && !S || v === D.Up && !b;
-          if (T && x.x !== u.x) {
-            const I = h.scrollLeft + g.x, J = v === D.Right && I <= C.x || v === D.Left && I >= R.x;
-            if (J && !g.y) {
-              h.scrollTo({
-                left: I,
-                behavior: a
-              });
-              return;
-            }
-            J ? f.x = h.scrollLeft - I : f.x = v === D.Right ? h.scrollLeft - C.x : h.scrollLeft - R.x, f.x && h.scrollBy({
-              left: -f.x,
-              behavior: a
-            });
-            break;
-          } else if (L && x.y !== u.y) {
-            const I = h.scrollTop + g.y, J = v === D.Down && I <= C.y || v === D.Up && I >= R.y;
-            if (J && !g.x) {
-              h.scrollTo({
-                top: I,
-                behavior: a
-              });
-              return;
-            }
-            J ? f.y = h.scrollTop - I : f.y = v === D.Down ? h.scrollTop - C.y : h.scrollTop - R.y, f.y && h.scrollBy({
-              top: -f.y,
-              behavior: a
-            });
-            break;
-          }
-        }
-        this.handleMove(t, Re(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();
-  }
-}
-It.activators = [{
-  eventName: "onKeyDown",
-  handler: (e, t, n) => {
-    let {
-      keyboardCodes: r = bn,
-      onActivation: o
-    } = t, {
-      active: i
-    } = n;
-    const {
-      code: s
-    } = e.nativeEvent;
-    if (r.start.includes(s)) {
-      const a = i.activatorNode.current;
-      return a && e.target !== a ? !1 : (e.preventDefault(), o?.({
-        event: e.nativeEvent
-      }), !0);
-    }
-    return !1;
-  }
-}];
-function Vt(e) {
-  return !!(e && "distance" in e);
-}
-function qt(e) {
-  return !!(e && "delay" in e);
-}
-class Ot {
-  constructor(t, n, r) {
-    var o;
-    r === void 0 && (r = Nr(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: i
-    } = t, {
-      target: s
-    } = i;
-    this.props = t, this.events = n, this.document = Ie(s), this.documentListeners = new Fe(this.document), this.listeners = new Fe(r), this.windowListeners = new Fe(X(s)), this.initialCoordinates = (o = it(i)) != null ? o : Z, 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), t.cancel && this.listeners.add(t.cancel.name, this.handleCancel), this.windowListeners.add(q.Resize, this.handleCancel), this.windowListeners.add(q.DragStart, Ht), this.windowListeners.add(q.VisibilityChange, this.handleCancel), this.windowListeners.add(q.ContextMenu, Ht), this.documentListeners.add(q.Keydown, this.handleKeydown), n) {
-      if (r != null && r({
-        event: this.props.event,
-        activeNode: this.props.activeNode,
-        options: this.props.options
-      }))
-        return this.handleStart();
-      if (qt(n)) {
-        this.timeoutId = setTimeout(this.handleStart, n.delay), this.handlePending(n);
-        return;
-      }
-      if (Vt(n)) {
-        this.handlePending(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);
-  }
-  handlePending(t, n) {
-    const {
-      active: r,
-      onPending: o
-    } = this.props;
-    o(r, t, this.initialCoordinates, n);
-  }
-  handleStart() {
-    const {
-      initialCoordinates: t
-    } = this, {
-      onStart: n
-    } = this.props;
-    t && (this.activated = !0, this.documentListeners.add(q.Click, Tr, {
-      capture: !0
-    }), this.removeTextSelection(), this.documentListeners.add(q.SelectionChange, this.removeTextSelection), n(t));
-  }
-  handleMove(t) {
-    var n;
-    const {
-      activated: r,
-      initialCoordinates: o,
-      props: i
-    } = this, {
-      onMove: s,
-      options: {
-        activationConstraint: a
-      }
-    } = i;
-    if (!o)
-      return;
-    const l = (n = it(t)) != null ? n : Z, c = Ke(o, l);
-    if (!r && a) {
-      if (Vt(a)) {
-        if (a.tolerance != null && wt(c, a.tolerance))
-          return this.handleCancel();
-        if (wt(c, a.distance))
-          return this.handleStart();
-      }
-      if (qt(a) && wt(c, a.tolerance))
-        return this.handleCancel();
-      this.handlePending(a, c);
-      return;
-    }
-    t.cancelable && t.preventDefault(), s(l);
-  }
-  handleEnd() {
-    const {
-      onAbort: t,
-      onEnd: n
-    } = this.props;
-    this.detach(), this.activated || t(this.props.active), n();
-  }
-  handleCancel() {
-    const {
-      onAbort: t,
-      onCancel: n
-    } = this.props;
-    this.detach(), this.activated || t(this.props.active), n();
-  }
-  handleKeydown(t) {
-    t.code === D.Esc && this.handleCancel();
-  }
-  removeTextSelection() {
-    var t;
-    (t = this.document.getSelection()) == null || t.removeAllRanges();
-  }
-}
-const Lr = {
-  cancel: {
-    name: "pointercancel"
-  },
-  move: {
-    name: "pointermove"
-  },
-  end: {
-    name: "pointerup"
-  }
-};
-class Nt extends Ot {
-  constructor(t) {
-    const {
-      event: n
-    } = t, r = Ie(n.target);
-    super(t, Lr, r);
-  }
-}
-Nt.activators = [{
-  eventName: "onPointerDown",
-  handler: (e, t) => {
-    let {
-      nativeEvent: n
-    } = e, {
-      onActivation: r
-    } = t;
-    return !n.isPrimary || n.button !== 0 ? !1 : (r?.({
-      event: n
-    }), !0);
-  }
-}];
-const Pr = {
-  move: {
-    name: "mousemove"
-  },
-  end: {
-    name: "mouseup"
-  }
-};
-var St;
-(function(e) {
-  e[e.RightClick = 2] = "RightClick";
-})(St || (St = {}));
-class kr extends Ot {
-  constructor(t) {
-    super(t, Pr, Ie(t.event.target));
-  }
-}
-kr.activators = [{
-  eventName: "onMouseDown",
-  handler: (e, t) => {
-    let {
-      nativeEvent: n
-    } = e, {
-      onActivation: r
-    } = t;
-    return n.button === St.RightClick ? !1 : (r?.({
-      event: n
-    }), !0);
-  }
-}];
-const xt = {
-  cancel: {
-    name: "touchcancel"
-  },
-  move: {
-    name: "touchmove"
-  },
-  end: {
-    name: "touchend"
-  }
-};
-class zr extends Ot {
-  constructor(t) {
-    super(t, xt);
-  }
-  static setup() {
-    return window.addEventListener(xt.move.name, t, {
-      capture: !1,
-      passive: !1
-    }), function() {
-      window.removeEventListener(xt.move.name, t);
-    };
-    function t() {
-    }
-  }
-}
-zr.activators = [{
-  eventName: "onTouchStart",
-  handler: (e, t) => {
-    let {
-      nativeEvent: n
-    } = e, {
-      onActivation: r
-    } = t;
-    const {
-      touches: o
-    } = n;
-    return o.length > 1 ? !1 : (r?.({
-      event: n
-    }), !0);
-  }
-}];
-var Xe;
-(function(e) {
-  e[e.Pointer = 0] = "Pointer", e[e.DraggableRect = 1] = "DraggableRect";
-})(Xe || (Xe = {}));
-var at;
-(function(e) {
-  e[e.TreeOrder = 0] = "TreeOrder", e[e.ReversedTreeOrder = 1] = "ReversedTreeOrder";
-})(at || (at = {}));
-function jr(e) {
-  let {
-    acceleration: t,
-    activator: n = Xe.Pointer,
-    canScroll: r,
-    draggingRect: o,
-    enabled: i,
-    interval: s = 5,
-    order: a = at.TreeOrder,
-    pointerCoordinates: l,
-    scrollableAncestors: c,
-    scrollableAncestorRects: d,
-    delta: u,
-    threshold: g
-  } = e;
-  const f = Fr({
-    delta: u,
-    disabled: !i
-  }), [w, h] = _n(), v = N({
-    x: 0,
-    y: 0
-  }), b = N({
-    x: 0,
-    y: 0
-  }), m = E(() => {
-    switch (n) {
-      case Xe.Pointer:
-        return l ? {
-          top: l.y,
-          bottom: l.y,
-          left: l.x,
-          right: l.x
-        } : null;
-      case Xe.DraggableRect:
-        return o;
-    }
-  }, [n, o, l]), p = N(null), S = F(() => {
-    const R = p.current;
-    if (!R)
-      return;
-    const y = v.current.x * b.current.x, x = v.current.y * b.current.y;
-    R.scrollBy(y, x);
-  }, []), C = E(() => a === at.TreeOrder ? [...c].reverse() : c, [a, c]);
-  O(
-    () => {
-      if (!i || !c.length || !m) {
-        h();
-        return;
-      }
-      for (const R of C) {
-        if (r?.(R) === !1)
-          continue;
-        const y = c.indexOf(R), x = d[y];
-        if (!x)
-          continue;
-        const {
-          direction: T,
-          speed: L
-        } = Rr(R, x, m, t, g);
-        for (const I of ["x", "y"])
-          f[I][T[I]] || (L[I] = 0, T[I] = 0);
-        if (L.x > 0 || L.y > 0) {
-          h(), p.current = R, w(S, s), v.current = L, b.current = T;
-          return;
-        }
-      }
-      v.current = {
-        x: 0,
-        y: 0
-      }, b.current = {
-        x: 0,
-        y: 0
-      }, h();
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      t,
-      S,
-      r,
-      h,
-      i,
-      s,
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      JSON.stringify(m),
-      // 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(g)
-    ]
-  );
-}
-const Br = {
-  x: {
-    [k.Backward]: !1,
-    [k.Forward]: !1
-  },
-  y: {
-    [k.Backward]: !1,
-    [k.Forward]: !1
-  }
-};
-function Fr(e) {
-  let {
-    delta: t,
-    disabled: n
-  } = e;
-  const r = ot(t);
-  return He((o) => {
-    if (n || !r || !o)
-      return Br;
-    const i = {
-      x: Math.sign(t.x - r.x),
-      y: Math.sign(t.y - r.y)
-    };
-    return {
-      x: {
-        [k.Backward]: o.x[k.Backward] || i.x === -1,
-        [k.Forward]: o.x[k.Forward] || i.x === 1
-      },
-      y: {
-        [k.Backward]: o.y[k.Backward] || i.y === -1,
-        [k.Forward]: o.y[k.Forward] || i.y === 1
-      }
-    };
-  }, [n, t, r]);
-}
-function Xr(e, t) {
-  const n = t != null ? e.get(t) : void 0, r = n ? n.node.current : null;
-  return He((o) => {
-    var i;
-    return t == null ? null : (i = r ?? o) != null ? i : null;
-  }, [r, t]);
-}
-function $r(e, t) {
-  return E(() => e.reduce((n, r) => {
-    const {
-      sensor: o
-    } = r, i = o.activators.map((s) => ({
-      eventName: s.eventName,
-      handler: t(s.handler, r)
-    }));
-    return [...n, ...i];
-  }, []), [e, t]);
-}
-var Ue;
-(function(e) {
-  e[e.Always = 0] = "Always", e[e.BeforeDragging = 1] = "BeforeDragging", e[e.WhileDragging = 2] = "WhileDragging";
-})(Ue || (Ue = {}));
-var Ct;
-(function(e) {
-  e.Optimized = "optimized";
-})(Ct || (Ct = {}));
-const _t = /* @__PURE__ */ new Map();
-function Yr(e, t) {
-  let {
-    dragging: n,
-    dependencies: r,
-    config: o
-  } = t;
-  const [i, s] = B(null), {
-    frequency: a,
-    measure: l,
-    strategy: c
-  } = o, d = N(e), u = v(), g = Ye(u), f = F(function(b) {
-    b === void 0 && (b = []), !g.current && s((m) => m === null ? b : m.concat(b.filter((p) => !m.includes(p))));
-  }, [g]), w = N(null), h = He((b) => {
-    if (u && !n)
-      return _t;
-    if (!b || b === _t || d.current !== e || i != null) {
-      const m = /* @__PURE__ */ new Map();
-      for (let p of e) {
-        if (!p)
-          continue;
-        if (i && i.length > 0 && !i.includes(p.id) && p.rect.current) {
-          m.set(p.id, p.rect.current);
-          continue;
-        }
-        const S = p.node.current, C = S ? new At(l(S), S) : null;
-        p.rect.current = C, C && m.set(p.id, C);
-      }
-      return m;
-    }
-    return b;
-  }, [e, i, n, u, l]);
-  return O(() => {
-    d.current = e;
-  }, [e]), O(
-    () => {
-      u || f();
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [n, u]
-  ), O(
-    () => {
-      i && i.length > 0 && s(null);
-    },
-    //eslint-disable-next-line react-hooks/exhaustive-deps
-    [JSON.stringify(i)]
-  ), O(
-    () => {
-      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]
-  ), {
-    droppableRects: h,
-    measureDroppableContainers: f,
-    measuringScheduled: i != null
-  };
-  function v() {
-    switch (c) {
-      case Ue.Always:
-        return !1;
-      case Ue.BeforeDragging:
-        return n;
-      default:
-        return !n;
-    }
-  }
-}
-function Tt(e, t) {
-  return He((n) => e ? n || (typeof t == "function" ? t(e) : e) : null, [t, e]);
-}
-function Kr(e, t) {
-  return Tt(e, t);
-}
-function Ur(e) {
-  let {
-    callback: t,
-    disabled: n
-  } = e;
-  const r = ut(t), o = E(() => {
-    if (n || typeof window > "u" || typeof window.MutationObserver > "u")
-      return;
-    const {
-      MutationObserver: i
-    } = window;
-    return new i(r);
-  }, [r, n]);
-  return O(() => () => o?.disconnect(), [o]), o;
-}
-function gt(e) {
-  let {
-    callback: t,
-    disabled: n
-  } = e;
-  const r = ut(t), o = E(
-    () => {
-      if (n || typeof window > "u" || typeof window.ResizeObserver > "u")
-        return;
-      const {
-        ResizeObserver: i
-      } = window;
-      return new i(r);
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [n]
-  );
-  return O(() => () => o?.disconnect(), [o]), o;
-}
-function Wr(e) {
-  return new At(Oe(e), e);
-}
-function Jt(e, t, n) {
-  t === void 0 && (t = Wr);
-  const [r, o] = B(null);
-  function i() {
-    o((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;
-    });
-  }
-  const s = Ur({
-    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;
-          }
-        }
-    }
-  }), a = gt({
-    callback: i
-  });
-  return Q(() => {
-    i(), e ? (a?.observe(e), s?.observe(document.body, {
-      childList: !0,
-      subtree: !0
-    })) : (a?.disconnect(), s?.disconnect());
-  }, [e]), r;
-}
-function Hr(e) {
-  const t = Tt(e);
-  return ln(e, t);
-}
-const Gt = [];
-function Vr(e) {
-  const t = N(e), n = He((r) => e ? r && r !== Gt && e && t.current && e.parentNode === t.current.parentNode ? r : ft(e) : Gt, [e]);
-  return O(() => {
-    t.current = e;
-  }, [e]), n;
-}
-function qr(e) {
-  const [t, n] = B(null), r = N(e), o = F((i) => {
-    const s = yt(i.target);
-    s && n((a) => a ? (a.set(s, Dt(s)), new Map(a)) : null);
-  }, []);
-  return O(() => {
-    const i = r.current;
-    if (e !== i) {
-      s(i);
-      const a = e.map((l) => {
-        const c = yt(l);
-        return c ? (c.addEventListener("scroll", o, {
-          passive: !0
-        }), [c, Dt(c)]) : null;
-      }).filter((l) => l != null);
-      n(a.length ? new Map(a) : null), r.current = e;
-    }
-    return () => {
-      s(e), s(i);
-    };
-    function s(a) {
-      a.forEach((l) => {
-        const c = yt(l);
-        c?.removeEventListener("scroll", o);
-      });
-    }
-  }, [o, e]), E(() => e.length ? t ? Array.from(t.values()).reduce((i, s) => Re(i, s), Z) : vn(e) : Z, [e, t]);
-}
-function Qt(e, t) {
-  t === void 0 && (t = []);
-  const n = N(null);
-  return O(
-    () => {
-      n.current = null;
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    t
-  ), O(() => {
-    const r = e !== Z;
-    r && !n.current && (n.current = e), !r && n.current && (n.current = null);
-  }, [e]), n.current ? Ke(e, n.current) : Z;
-}
-function _r(e) {
-  O(
-    () => {
-      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?.();
-      };
-    },
-    // 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 Jr(e, t) {
-  return E(() => e.reduce((n, r) => {
-    let {
-      eventName: o,
-      handler: i
-    } = r;
-    return n[o] = (s) => {
-      i(s, t);
-    }, n;
-  }, {}), [e, t]);
-}
-function mn(e) {
-  return E(() => e ? xr(e) : null, [e]);
-}
-const Zt = [];
-function Gr(e, t) {
-  t === void 0 && (t = Oe);
-  const [n] = e, r = mn(n ? X(n) : null), [o, i] = B(Zt);
-  function s() {
-    i(() => e.length ? e.map((l) => gn(l) ? r : new At(t(l), l)) : Zt);
-  }
-  const a = gt({
-    callback: s
-  });
-  return Q(() => {
-    a?.disconnect(), s(), e.forEach((l) => a?.observe(l));
-  }, [e]), o;
-}
-function yn(e) {
-  if (!e)
-    return null;
-  if (e.children.length > 1)
-    return e;
-  const t = e.children[0];
-  return We(t) ? t : e;
-}
-function Qr(e) {
-  let {
-    measure: t
-  } = e;
-  const [n, r] = B(null), o = F((c) => {
-    for (const {
-      target: d
-    } of c)
-      if (We(d)) {
-        r((u) => {
-          const g = t(d);
-          return u ? {
-            ...u,
-            width: g.width,
-            height: g.height
-          } : g;
-        });
-        break;
-      }
-  }, [t]), i = gt({
-    callback: o
-  }), s = F((c) => {
-    const d = yn(c);
-    i?.disconnect(), d && i?.observe(d), r(d ? t(d) : null);
-  }, [t, i]), [a, l] = rt(s);
-  return E(() => ({
-    nodeRef: a,
-    rect: n,
-    setRef: l
-  }), [n, a, l]);
-}
-const Zr = [{
-  sensor: Nt,
-  options: {}
-}, {
-  sensor: It,
-  options: {}
-}], eo = {
-  current: {}
-}, nt = {
-  draggable: {
-    measure: Wt
-  },
-  droppable: {
-    measure: Wt,
-    strategy: Ue.WhileDragging,
-    frequency: Ct.Optimized
-  },
-  dragOverlay: {
-    measure: Oe
-  }
-};
-class $e 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 to = {
-  activatorEvent: null,
-  active: null,
-  activeNode: null,
-  activeNodeRect: null,
-  collisions: null,
-  containerNodeRect: null,
-  draggableNodes: /* @__PURE__ */ new Map(),
-  droppableRects: /* @__PURE__ */ new Map(),
-  droppableContainers: /* @__PURE__ */ new $e(),
-  over: null,
-  dragOverlay: {
-    nodeRef: {
-      current: null
-    },
-    rect: null,
-    setRef: st
-  },
-  scrollableAncestors: [],
-  scrollableAncestorRects: [],
-  measuringConfiguration: nt,
-  measureDroppableContainers: st,
-  windowRect: null,
-  measuringScheduled: !1
-}, wn = {
-  activatorEvent: null,
-  activators: [],
-  active: null,
-  activeNodeRect: null,
-  ariaDescribedById: {
-    draggable: ""
-  },
-  dispatch: st,
-  draggableNodes: /* @__PURE__ */ new Map(),
-  over: null,
-  measureDroppableContainers: st
-}, qe = /* @__PURE__ */ Ee(wn), xn = /* @__PURE__ */ Ee(to);
-function no() {
-  return {
-    draggable: {
-      active: null,
-      initialCoordinates: {
-        x: 0,
-        y: 0
-      },
-      nodes: /* @__PURE__ */ new Map(),
-      translate: {
-        x: 0,
-        y: 0
-      }
-    },
-    droppable: {
-      containers: new $e()
-    }
-  };
-}
-function ro(e, t) {
-  switch (t.type) {
-    case P.DragStart:
-      return {
-        ...e,
-        draggable: {
-          ...e.draggable,
-          initialCoordinates: t.initialCoordinates,
-          active: t.active
-        }
-      };
-    case P.DragMove:
-      return e.draggable.active == null ? e : {
-        ...e,
-        draggable: {
-          ...e.draggable,
-          translate: {
-            x: t.coordinates.x - e.draggable.initialCoordinates.x,
-            y: t.coordinates.y - e.draggable.initialCoordinates.y
-          }
-        }
-      };
-    case P.DragEnd:
-    case P.DragCancel:
-      return {
-        ...e,
-        draggable: {
-          ...e.draggable,
-          active: null,
-          initialCoordinates: {
-            x: 0,
-            y: 0
-          },
-          translate: {
-            x: 0,
-            y: 0
-          }
-        }
-      };
-    case P.RegisterDroppable: {
-      const {
-        element: n
-      } = t, {
-        id: r
-      } = n, o = new $e(e.droppable.containers);
-      return o.set(r, n), {
-        ...e,
-        droppable: {
-          ...e.droppable,
-          containers: o
-        }
-      };
-    }
-    case P.SetDroppableDisabled: {
-      const {
-        id: n,
-        key: r,
-        disabled: o
-      } = t, i = e.droppable.containers.get(n);
-      if (!i || r !== i.key)
-        return e;
-      const s = new $e(e.droppable.containers);
-      return s.set(n, {
-        ...i,
-        disabled: o
-      }), {
-        ...e,
-        droppable: {
-          ...e.droppable,
-          containers: s
-        }
-      };
-    }
-    case P.UnregisterDroppable: {
-      const {
-        id: n,
-        key: r
-      } = t, o = e.droppable.containers.get(n);
-      if (!o || r !== o.key)
-        return e;
-      const i = new $e(e.droppable.containers);
-      return i.delete(n), {
-        ...e,
-        droppable: {
-          ...e.droppable,
-          containers: i
-        }
-      };
-    }
-    default:
-      return e;
-  }
-}
-function oo(e) {
-  let {
-    disabled: t
-  } = e;
-  const {
-    active: n,
-    activatorEvent: r,
-    draggableNodes: o
-  } = ce(qe), i = ot(r), s = ot(n?.id);
-  return O(() => {
-    if (!t && !r && i && s != null) {
-      if (!dt(i) || document.activeElement === i.target)
-        return;
-      const a = o.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 = Qn(d);
-          if (u) {
-            u.focus();
-            break;
-          }
-        }
-      });
-    }
-  }, [r, t, o, s, i]), null;
-}
-function Dn(e, t) {
-  let {
-    transform: n,
-    ...r
-  } = t;
-  return e != null && e.length ? e.reduce((o, i) => i({
-    transform: o,
-    ...r
-  }), n) : n;
-}
-function io(e) {
-  return E(
-    () => ({
-      draggable: {
-        ...nt.draggable,
-        ...e?.draggable
-      },
-      droppable: {
-        ...nt.droppable,
-        ...e?.droppable
-      },
-      dragOverlay: {
-        ...nt.dragOverlay,
-        ...e?.dragOverlay
-      }
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [e?.draggable, e?.droppable, e?.dragOverlay]
-  );
-}
-function so(e) {
-  let {
-    activeNode: t,
-    measure: n,
-    initialRect: r,
-    config: o = !0
-  } = e;
-  const i = N(!1), {
-    x: s,
-    y: a
-  } = typeof o == "boolean" ? {
-    x: o,
-    y: o
-  } : o;
-  Q(() => {
-    if (!s && !a || !t) {
-      i.current = !1;
-      return;
-    }
-    if (i.current || !r)
-      return;
-    const c = t?.node.current;
-    if (!c || c.isConnected === !1)
-      return;
-    const d = n(c), u = ln(d, r);
-    if (s || (u.x = 0), a || (u.y = 0), i.current = !0, Math.abs(u.x) > 0 || Math.abs(u.y) > 0) {
-      const g = un(c);
-      g && g.scrollBy({
-        top: u.y,
-        left: u.x
-      });
-    }
-  }, [t, s, a, r, n]);
-}
-const ht = /* @__PURE__ */ Ee({
-  ...Z,
-  scaleX: 1,
-  scaleY: 1
-});
-var pe;
-(function(e) {
-  e[e.Uninitialized = 0] = "Uninitialized", e[e.Initializing = 1] = "Initializing", e[e.Initialized = 2] = "Initialized";
-})(pe || (pe = {}));
-const ao = /* @__PURE__ */ Fn(function(t) {
-  var n, r, o, i;
-  let {
-    id: s,
-    accessibility: a,
-    autoScroll: l = !0,
-    children: c,
-    sensors: d = Zr,
-    collisionDetection: u = vr,
-    measuring: g,
-    modifiers: f,
-    ...w
-  } = t;
-  const h = Xn(ro, void 0, no), [v, b] = h, [m, p] = or(), [S, C] = B(pe.Uninitialized), R = S === pe.Initialized, {
-    draggable: {
-      active: y,
-      nodes: x,
-      translate: T
-    },
-    droppable: {
-      containers: L
-    }
-  } = v, I = y != null ? x.get(y) : null, J = N({
-    initial: null,
-    translated: null
-  }), G = E(() => {
-    var j;
-    return y != null ? {
-      id: y,
-      // It's possible for the active node to unmount while dragging
-      data: (j = I?.data) != null ? j : eo,
-      rect: J
-    } : null;
-  }, [y, I]), ee = N(null), [Ne, _e] = B(null), [Y, Je] = B(null), oe = Ye(w, Object.values(w)), Te = Ve("DndDescribedBy", s), Ge = E(() => L.getEnabled(), [L]), $ = io(g), {
-    droppableRects: ie,
-    measureDroppableContainers: me,
-    measuringScheduled: Me
-  } = Yr(Ge, {
-    dragging: R,
-    dependencies: [T.x, T.y],
-    config: $.droppable
-  }), H = Xr(x, y), Qe = E(() => Y ? it(Y) : null, [Y]), ue = jn(), se = Kr(H, $.draggable.measure);
-  so({
-    activeNode: y != null ? x.get(y) : null,
-    config: ue.layoutShiftCompensation,
-    initialRect: se,
-    measure: $.draggable.measure
-  });
-  const A = Jt(H, $.draggable.measure, se), Le = Jt(H ? H.parentElement : null), te = N({
-    activatorEvent: null,
-    active: null,
-    activeNode: H,
-    collisionRect: null,
-    collisions: null,
-    droppableRects: ie,
-    draggableNodes: x,
-    draggingNode: null,
-    draggingNodeRect: null,
-    droppableContainers: L,
-    over: null,
-    scrollableAncestors: [],
-    scrollAdjustedTranslate: null
-  }), ye = L.getNodeFor((n = te.current.over) == null ? void 0 : n.id), ae = Qr({
-    measure: $.dragOverlay.measure
-  }), we = (r = ae.nodeRef.current) != null ? r : H, xe = R ? (o = ae.rect) != null ? o : A : null, Pt = !!(ae.nodeRef.current && ae.rect), kt = Hr(Pt ? null : A), vt = mn(we ? X(we) : null), de = Vr(R ? ye ?? H : null), Ze = Gr(de), et = Dn(f, {
-    transform: {
-      x: T.x - kt.x,
-      y: T.y - kt.y,
-      scaleX: 1,
-      scaleY: 1
-    },
-    activatorEvent: Y,
-    active: G,
-    activeNodeRect: A,
-    containerNodeRect: Le,
-    draggingNodeRect: xe,
-    over: te.current.over,
-    overlayNodeRect: ae.rect,
-    scrollableAncestors: de,
-    scrollableAncestorRects: Ze,
-    windowRect: vt
-  }), zt = Qe ? Re(Qe, T) : null, jt = qr(de), Nn = Qt(jt), Tn = Qt(jt, [A]), De = Re(et, Nn), Se = xe ? mr(xe, et) : null, Pe = G && Se ? u({
-    active: G,
-    collisionRect: Se,
-    droppableRects: ie,
-    droppableContainers: Ge,
-    pointerCoordinates: zt
-  }) : null, Bt = an(Pe, "id"), [fe, Ft] = B(null), Mn = Pt ? et : Re(et, Tn), Ln = pr(Mn, (i = fe?.rect) != null ? i : null, A), pt = N(null), Xt = F(
-    (j, K) => {
-      let {
-        sensor: U,
-        options: ge
-      } = K;
-      if (ee.current == null)
-        return;
-      const V = x.get(ee.current);
-      if (!V)
-        return;
-      const W = j.nativeEvent, ne = new U({
-        active: ee.current,
-        activeNode: V,
-        event: W,
-        options: ge,
-        // Sensors need to be instantiated with refs for arguments that change over time
-        // otherwise they are frozen in time with the stale arguments
-        context: te,
-        onAbort(z) {
-          if (!x.get(z))
-            return;
-          const {
-            onDragAbort: re
-          } = oe.current, le = {
-            id: z
-          };
-          re?.(le), m({
-            type: "onDragAbort",
-            event: le
-          });
-        },
-        onPending(z, he, re, le) {
-          if (!x.get(z))
-            return;
-          const {
-            onDragPending: ze
-          } = oe.current, ve = {
-            id: z,
-            constraint: he,
-            initialCoordinates: re,
-            offset: le
-          };
-          ze?.(ve), m({
-            type: "onDragPending",
-            event: ve
-          });
-        },
-        onStart(z) {
-          const he = ee.current;
-          if (he == null)
-            return;
-          const re = x.get(he);
-          if (!re)
-            return;
-          const {
-            onDragStart: le
-          } = oe.current, ke = {
-            activatorEvent: W,
-            active: {
-              id: he,
-              data: re.data,
-              rect: J
-            }
-          };
-          Be.unstable_batchedUpdates(() => {
-            le?.(ke), C(pe.Initializing), b({
-              type: P.DragStart,
-              initialCoordinates: z,
-              active: he
-            }), m({
-              type: "onDragStart",
-              event: ke
-            }), _e(pt.current), Je(W);
-          });
-        },
-        onMove(z) {
-          b({
-            type: P.DragMove,
-            coordinates: z
-          });
-        },
-        onEnd: Ce(P.DragEnd),
-        onCancel: Ce(P.DragCancel)
-      });
-      pt.current = ne;
-      function Ce(z) {
-        return async function() {
-          const {
-            active: re,
-            collisions: le,
-            over: ke,
-            scrollAdjustedTranslate: ze
-          } = te.current;
-          let ve = null;
-          if (re && ze) {
-            const {
-              cancelDrop: je
-            } = oe.current;
-            ve = {
-              activatorEvent: W,
-              active: re,
-              collisions: le,
-              delta: ze,
-              over: ke
-            }, z === P.DragEnd && typeof je == "function" && await Promise.resolve(je(ve)) && (z = P.DragCancel);
-          }
-          ee.current = null, Be.unstable_batchedUpdates(() => {
-            b({
-              type: z
-            }), C(pe.Uninitialized), Ft(null), _e(null), Je(null), pt.current = null;
-            const je = z === P.DragEnd ? "onDragEnd" : "onDragCancel";
-            if (ve) {
-              const bt = oe.current[je];
-              bt?.(ve), m({
-                type: je,
-                event: ve
-              });
-            }
-          });
-        };
-      }
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [x]
-  ), Pn = F((j, K) => (U, ge) => {
-    const V = U.nativeEvent, W = x.get(ge);
-    if (
-      // Another sensor is already instantiating
-      ee.current !== null || // No active draggable
-      !W || // Event has already been captured
-      V.dndKit || V.defaultPrevented
-    )
-      return;
-    const ne = {
-      active: W
-    };
-    j(U, K.options, ne) === !0 && (V.dndKit = {
-      capturedBy: K.sensor
-    }, ee.current = ge, Xt(U, K));
-  }, [x, Xt]), $t = $r(d, Pn);
-  _r(d), Q(() => {
-    A && S === pe.Initializing && C(pe.Initialized);
-  }, [A, S]), O(
-    () => {
-      const {
-        onDragMove: j
-      } = oe.current, {
-        active: K,
-        activatorEvent: U,
-        collisions: ge,
-        over: V
-      } = te.current;
-      if (!K || !U)
-        return;
-      const W = {
-        active: K,
-        activatorEvent: U,
-        collisions: ge,
-        delta: {
-          x: De.x,
-          y: De.y
-        },
-        over: V
-      };
-      Be.unstable_batchedUpdates(() => {
-        j?.(W), m({
-          type: "onDragMove",
-          event: W
-        });
-      });
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [De.x, De.y]
-  ), O(
-    () => {
-      const {
-        active: j,
-        activatorEvent: K,
-        collisions: U,
-        droppableContainers: ge,
-        scrollAdjustedTranslate: V
-      } = te.current;
-      if (!j || ee.current == null || !K || !V)
-        return;
-      const {
-        onDragOver: W
-      } = oe.current, ne = ge.get(Bt), Ce = ne && ne.rect.current ? {
-        id: ne.id,
-        rect: ne.rect.current,
-        data: ne.data,
-        disabled: ne.disabled
-      } : null, z = {
-        active: j,
-        activatorEvent: K,
-        collisions: U,
-        delta: {
-          x: V.x,
-          y: V.y
-        },
-        over: Ce
-      };
-      Be.unstable_batchedUpdates(() => {
-        Ft(Ce), W?.(z), m({
-          type: "onDragOver",
-          event: z
-        });
-      });
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [Bt]
-  ), Q(() => {
-    te.current = {
-      activatorEvent: Y,
-      active: G,
-      activeNode: H,
-      collisionRect: Se,
-      collisions: Pe,
-      droppableRects: ie,
-      draggableNodes: x,
-      draggingNode: we,
-      draggingNodeRect: xe,
-      droppableContainers: L,
-      over: fe,
-      scrollableAncestors: de,
-      scrollAdjustedTranslate: De
-    }, J.current = {
-      initial: xe,
-      translated: Se
-    };
-  }, [G, H, Pe, Se, x, we, xe, ie, L, fe, de, De]), jr({
-    ...ue,
-    delta: T,
-    draggingRect: Se,
-    pointerCoordinates: zt,
-    scrollableAncestors: de,
-    scrollableAncestorRects: Ze
-  });
-  const kn = E(() => ({
-    active: G,
-    activeNode: H,
-    activeNodeRect: A,
-    activatorEvent: Y,
-    collisions: Pe,
-    containerNodeRect: Le,
-    dragOverlay: ae,
-    draggableNodes: x,
-    droppableContainers: L,
-    droppableRects: ie,
-    over: fe,
-    measureDroppableContainers: me,
-    scrollableAncestors: de,
-    scrollableAncestorRects: Ze,
-    measuringConfiguration: $,
-    measuringScheduled: Me,
-    windowRect: vt
-  }), [G, H, A, Y, Pe, Le, ae, x, L, ie, fe, me, de, Ze, $, Me, vt]), zn = E(() => ({
-    activatorEvent: Y,
-    activators: $t,
-    active: G,
-    activeNodeRect: A,
-    ariaDescribedById: {
-      draggable: Te
-    },
-    dispatch: b,
-    draggableNodes: x,
-    over: fe,
-    measureDroppableContainers: me
-  }), [Y, $t, G, A, b, Te, x, fe, me]);
-  return M.createElement(sn.Provider, {
-    value: p
-  }, M.createElement(qe.Provider, {
-    value: zn
-  }, M.createElement(xn.Provider, {
-    value: kn
-  }, M.createElement(ht.Provider, {
-    value: Ln
-  }, c)), M.createElement(oo, {
-    disabled: a?.restoreFocus === !1
-  })), M.createElement(ar, {
-    ...a,
-    hiddenTextDescribedById: Te
-  }));
-  function jn() {
-    const j = Ne?.autoScrollEnabled === !1, K = typeof l == "object" ? l.enabled === !1 : l === !1, U = R && !j && !K;
-    return typeof l == "object" ? {
-      ...l,
-      enabled: U
-    } : {
-      enabled: U
-    };
-  }
-}), lo = /* @__PURE__ */ Ee(null), en = "button", co = "Draggable";
-function uo(e) {
-  let {
-    id: t,
-    data: n,
-    disabled: r = !1,
-    attributes: o
-  } = e;
-  const i = Ve(co), {
-    activators: s,
-    activatorEvent: a,
-    active: l,
-    activeNodeRect: c,
-    ariaDescribedById: d,
-    draggableNodes: u,
-    over: g
-  } = ce(qe), {
-    role: f = en,
-    roleDescription: w = "draggable",
-    tabIndex: h = 0
-  } = o ?? {}, v = l?.id === t, b = ce(v ? ht : lo), [m, p] = rt(), [S, C] = rt(), R = Jr(s, t), y = Ye(n);
-  Q(
-    () => (u.set(t, {
-      id: t,
-      key: i,
-      node: m,
-      activatorNode: S,
-      data: y
-    }), () => {
-      const T = u.get(t);
-      T && T.key === i && u.delete(t);
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [u, t]
-  );
-  const x = E(() => ({
-    role: f,
-    tabIndex: h,
-    "aria-disabled": r,
-    "aria-pressed": v && f === en ? !0 : void 0,
-    "aria-roledescription": w,
-    "aria-describedby": d.draggable
-  }), [r, f, h, v, w, d.draggable]);
-  return {
-    active: l,
-    activatorEvent: a,
-    activeNodeRect: c,
-    attributes: x,
-    isDragging: v,
-    listeners: r ? void 0 : R,
-    node: m,
-    over: g,
-    setNodeRef: p,
-    setActivatorNodeRef: C,
-    transform: b
-  };
-}
-function Mt() {
-  return ce(xn);
-}
-const fo = "Droppable", go = {
-  timeout: 25
-};
-function ho(e) {
-  let {
-    data: t,
-    disabled: n = !1,
-    id: r,
-    resizeObserverConfig: o
-  } = e;
-  const i = Ve(fo), {
-    active: s,
-    dispatch: a,
-    over: l,
-    measureDroppableContainers: c
-  } = ce(qe), d = N({
-    disabled: n
-  }), u = N(!1), g = N(null), f = N(null), {
-    disabled: w,
-    updateMeasurementsFor: h,
-    timeout: v
-  } = {
-    ...go,
-    ...o
-  }, b = Ye(h ?? r), m = F(
-    () => {
-      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]
-  ), p = gt({
-    callback: m,
-    disabled: w || !s
-  }), S = F((x, T) => {
-    p && (T && (p.unobserve(T), u.current = !1), x && p.observe(x));
-  }, [p]), [C, R] = rt(S), y = Ye(t);
-  return O(() => {
-    !p || !C.current || (p.disconnect(), u.current = !1, p.observe(C.current));
-  }, [C, p]), O(
-    () => (a({
-      type: P.RegisterDroppable,
-      element: {
-        id: r,
-        key: i,
-        disabled: n,
-        node: C,
-        rect: g,
-        data: y
-      }
-    }), () => a({
-      type: P.UnregisterDroppable,
-      key: i,
-      id: r
-    })),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [r]
-  ), O(() => {
-    n !== d.current.disabled && (a({
-      type: P.SetDroppableDisabled,
-      id: r,
-      key: i,
-      disabled: n
-    }), d.current.disabled = n);
-  }, [r, i, n, a]), {
-    active: s,
-    rect: g,
-    isOver: l?.id === r,
-    node: C,
-    over: l,
-    setNodeRef: R
-  };
-}
-function vo(e) {
-  let {
-    animation: t,
-    children: n
-  } = e;
-  const [r, o] = B(null), [i, s] = B(null), a = ot(n);
-  return !n && !r && a && o(a), Q(() => {
-    if (!i)
-      return;
-    const l = r?.key, c = r?.props.id;
-    if (l == null || c == null) {
-      o(null);
-      return;
-    }
-    Promise.resolve(t(c, i)).then(() => {
-      o(null);
-    });
-  }, [t, r, i]), M.createElement(M.Fragment, null, n, r ? Yn(r, {
-    ref: s
-  }) : null);
-}
-const po = {
-  x: 0,
-  y: 0,
-  scaleX: 1,
-  scaleY: 1
-};
-function bo(e) {
-  let {
-    children: t
-  } = e;
-  return M.createElement(qe.Provider, {
-    value: wn
-  }, M.createElement(ht.Provider, {
-    value: po
-  }, t));
-}
-const mo = {
-  position: "fixed",
-  touchAction: "none"
-}, yo = (e) => dt(e) ? "transform 250ms ease" : void 0, wo = /* @__PURE__ */ $n((e, t) => {
-  let {
-    as: n,
-    activatorEvent: r,
-    adjustScale: o,
-    children: i,
-    className: s,
-    rect: a,
-    style: l,
-    transform: c,
-    transition: d = yo
-  } = e;
-  if (!a)
-    return null;
-  const u = o ? c : {
-    ...c,
-    scaleX: 1,
-    scaleY: 1
-  }, g = {
-    ...mo,
-    width: a.width,
-    height: a.height,
-    top: a.top,
-    left: a.left,
-    transform: be.Transform.toString(u),
-    transformOrigin: o && r ? ur(r, a) : void 0,
-    transition: typeof d == "function" ? d(r) : d,
-    ...l
-  };
-  return M.createElement(n, {
-    className: s,
-    style: g,
-    ref: t
-  }, i);
-}), Sn = (e) => (t) => {
-  let {
-    active: n,
-    dragOverlay: r
-  } = t;
-  const o = {}, {
-    styles: i,
-    className: s
-  } = e;
-  if (i != null && i.active)
-    for (const [a, l] of Object.entries(i.active))
-      l !== void 0 && (o[a] = n.node.style.getPropertyValue(a), n.node.style.setProperty(a, l));
-  if (i != null && i.dragOverlay)
-    for (const [a, l] of Object.entries(i.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(o))
-      n.node.style.setProperty(l, c);
-    s != null && s.active && n.node.classList.remove(s.active);
-  };
-}, xo = (e) => {
-  let {
-    transform: {
-      initial: t,
-      final: n
-    }
-  } = e;
-  return [{
-    transform: be.Transform.toString(t)
-  }, {
-    transform: be.Transform.toString(n)
-  }];
-}, Do = {
-  duration: 250,
-  easing: "ease",
-  keyframes: xo,
-  sideEffects: /* @__PURE__ */ Sn({
-    styles: {
-      active: {
-        opacity: "0"
-      }
-    }
-  })
-};
-function So(e) {
-  let {
-    config: t,
-    draggableNodes: n,
-    droppableContainers: r,
-    measuringConfiguration: o
-  } = e;
-  return ut((i, s) => {
-    if (t === null)
-      return;
-    const a = n.get(i);
-    if (!a)
-      return;
-    const l = a.node.current;
-    if (!l)
-      return;
-    const c = yn(s);
-    if (!c)
-      return;
-    const {
-      transform: d
-    } = X(s).getComputedStyle(s), u = cn(d);
-    if (!u)
-      return;
-    const g = typeof t == "function" ? t : Co(t);
-    return pn(l, o.draggable.measure), g({
-      active: {
-        id: i,
-        data: a.data,
-        node: l,
-        rect: o.draggable.measure(l)
-      },
-      draggableNodes: n,
-      dragOverlay: {
-        node: s,
-        rect: o.dragOverlay.measure(c)
-      },
-      droppableContainers: r,
-      measuringConfiguration: o,
-      transform: u
-    });
-  });
-}
-function Co(e) {
-  const {
-    duration: t,
-    easing: n,
-    sideEffects: r,
-    keyframes: o
-  } = {
-    ...Do,
-    ...e
-  };
-  return (i) => {
-    let {
-      active: s,
-      dragOverlay: a,
-      transform: l,
-      ...c
-    } = i;
-    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
-    }, g = {
-      x: l.x - d.x,
-      y: l.y - d.y,
-      ...u
-    }, f = o({
-      ...c,
-      active: s,
-      dragOverlay: a,
-      transform: {
-        initial: l,
-        final: g
-      }
-    }), [w] = f, h = f[f.length - 1];
-    if (JSON.stringify(w) === JSON.stringify(h))
-      return;
-    const v = r?.({
-      active: s,
-      dragOverlay: a,
-      ...c
-    }), b = a.node.animate(f, {
-      duration: t,
-      easing: n,
-      fill: "forwards"
-    });
-    return new Promise((m) => {
-      b.onfinish = () => {
-        v?.(), m();
-      };
-    });
-  };
-}
-let tn = 0;
-function Ro(e) {
-  return E(() => {
-    if (e != null)
-      return tn++, tn;
-  }, [e]);
-}
-const Eo = /* @__PURE__ */ M.memo((e) => {
-  let {
-    adjustScale: t = !1,
-    children: n,
-    dropAnimation: r,
-    style: o,
-    transition: i,
-    modifiers: s,
-    wrapperElement: a = "div",
-    className: l,
-    zIndex: c = 999
-  } = e;
-  const {
-    activatorEvent: d,
-    active: u,
-    activeNodeRect: g,
-    containerNodeRect: f,
-    draggableNodes: w,
-    droppableContainers: h,
-    dragOverlay: v,
-    over: b,
-    measuringConfiguration: m,
-    scrollableAncestors: p,
-    scrollableAncestorRects: S,
-    windowRect: C
-  } = Mt(), R = ce(ht), y = Ro(u?.id), x = Dn(s, {
-    activatorEvent: d,
-    active: u,
-    activeNodeRect: g,
-    containerNodeRect: f,
-    draggingNodeRect: v.rect,
-    over: b,
-    overlayNodeRect: v.rect,
-    scrollableAncestors: p,
-    scrollableAncestorRects: S,
-    transform: R,
-    windowRect: C
-  }), T = Tt(g), L = So({
-    config: r,
-    draggableNodes: w,
-    droppableContainers: h,
-    measuringConfiguration: m
-  }), I = T ? v.setRef : void 0;
-  return M.createElement(bo, null, M.createElement(vo, {
-    animation: L
-  }, u && y ? M.createElement(wo, {
-    key: y,
-    id: u.id,
-    ref: I,
-    as: a,
-    activatorEvent: d,
-    adjustScale: t,
-    className: l,
-    transition: i,
-    rect: T,
-    style: {
-      zIndex: c,
-      ...o
-    },
-    transform: x
-  }, n) : null));
-});
-function Lt(e, t, n) {
-  const r = e.slice();
-  return r.splice(n < 0 ? r.length + n : n, 0, r.splice(t, 1)[0]), r;
-}
-function Ao(e, t) {
-  return e.reduce((n, r, o) => {
-    const i = t.get(r);
-    return i && (n[o] = i), n;
-  }, Array(e.length));
-}
-function tt(e) {
-  return e !== null && e >= 0;
-}
-function Io(e, t) {
-  if (e === t)
-    return !0;
-  if (e.length !== t.length)
-    return !1;
-  for (let n = 0; n < e.length; n++)
-    if (e[n] !== t[n])
-      return !1;
-  return !0;
-}
-function Oo(e) {
-  return typeof e == "boolean" ? {
-    draggable: e,
-    droppable: e
-  } : e;
-}
-const Cn = (e) => {
-  let {
-    rects: t,
-    activeIndex: n,
-    overIndex: r,
-    index: o
-  } = e;
-  const i = Lt(t, r, n), s = t[o], a = i[o];
-  return !a || !s ? null : {
-    x: a.left - s.left,
-    y: a.top - s.top,
-    scaleX: a.width / s.width,
-    scaleY: a.height / s.height
-  };
-}, Rn = "Sortable", En = /* @__PURE__ */ M.createContext({
-  activeIndex: -1,
-  containerId: Rn,
-  disableTransforms: !1,
-  items: [],
-  overIndex: -1,
-  useDragOverlay: !1,
-  sortedRects: [],
-  strategy: Cn,
-  disabled: {
-    draggable: !1,
-    droppable: !1
-  }
-});
-function No(e) {
-  let {
-    children: t,
-    id: n,
-    items: r,
-    strategy: o = Cn,
-    disabled: i = !1
-  } = e;
-  const {
-    active: s,
-    dragOverlay: a,
-    droppableRects: l,
-    over: c,
-    measureDroppableContainers: d
-  } = Mt(), u = Ve(Rn, n), g = a.rect !== null, f = E(() => r.map((R) => typeof R == "object" && "id" in R ? R.id : R), [r]), w = s != null, h = s ? f.indexOf(s.id) : -1, v = c ? f.indexOf(c.id) : -1, b = N(f), m = !Io(f, b.current), p = v !== -1 && h === -1 || m, S = Oo(i);
-  Q(() => {
-    m && w && d(f);
-  }, [m, f, w, d]), O(() => {
-    b.current = f;
-  }, [f]);
-  const C = E(
-    () => ({
-      activeIndex: h,
-      containerId: u,
-      disabled: S,
-      disableTransforms: p,
-      items: f,
-      overIndex: v,
-      useDragOverlay: g,
-      sortedRects: Ao(f, l),
-      strategy: o
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [h, u, S.draggable, S.droppable, p, f, v, l, g, o]
-  );
-  return M.createElement(En.Provider, {
-    value: C
-  }, t);
-}
-const To = (e) => {
-  let {
-    id: t,
-    items: n,
-    activeIndex: r,
-    overIndex: o
-  } = e;
-  return Lt(n, r, o).indexOf(t);
-}, Mo = (e) => {
-  let {
-    containerId: t,
-    isSorting: n,
-    wasDragging: r,
-    index: o,
-    items: i,
-    newIndex: s,
-    previousItems: a,
-    previousContainerId: l,
-    transition: c
-  } = e;
-  return !c || !r || a !== i && o === s ? !1 : n ? !0 : s !== o && t === l;
-}, Lo = {
-  duration: 200,
-  easing: "ease"
-}, An = "transform", Po = /* @__PURE__ */ be.Transition.toString({
-  property: An,
-  duration: 0,
-  easing: "linear"
-}), ko = {
-  roleDescription: "sortable"
-};
-function zo(e) {
-  let {
-    disabled: t,
-    index: n,
-    node: r,
-    rect: o
-  } = e;
-  const [i, s] = B(null), a = N(n);
-  return Q(() => {
-    if (!t && n !== a.current && r.current) {
-      const l = o.current;
-      if (l) {
-        const c = Oe(r.current, {
-          ignoreTransform: !0
-        }), d = {
-          x: l.left - c.left,
-          y: l.top - c.top,
-          scaleX: l.width / c.width,
-          scaleY: l.height / c.height
-        };
-        (d.x || d.y) && s(d);
-      }
-    }
-    n !== a.current && (a.current = n);
-  }, [t, n, r, o]), O(() => {
-    i && s(null);
-  }, [i]), i;
-}
-function jo(e) {
-  let {
-    animateLayoutChanges: t = Mo,
-    attributes: n,
-    disabled: r,
-    data: o,
-    getNewIndex: i = To,
-    id: s,
-    strategy: a,
-    resizeObserverConfig: l,
-    transition: c = Lo
-  } = e;
-  const {
-    items: d,
-    containerId: u,
-    activeIndex: g,
-    disabled: f,
-    disableTransforms: w,
-    sortedRects: h,
-    overIndex: v,
-    useDragOverlay: b,
-    strategy: m
-  } = ce(En), p = Bo(r, f), S = d.indexOf(s), C = E(() => ({
-    sortable: {
-      containerId: u,
-      index: S,
-      items: d
-    },
-    ...o
-  }), [u, o, S, d]), R = E(() => d.slice(d.indexOf(s)), [d, s]), {
-    rect: y,
-    node: x,
-    isOver: T,
-    setNodeRef: L
-  } = ho({
-    id: s,
-    data: C,
-    disabled: p.droppable,
-    resizeObserverConfig: {
-      updateMeasurementsFor: R,
-      ...l
-    }
-  }), {
-    active: I,
-    activatorEvent: J,
-    activeNodeRect: G,
-    attributes: ee,
-    setNodeRef: Ne,
-    listeners: _e,
-    isDragging: Y,
-    over: Je,
-    setActivatorNodeRef: oe,
-    transform: Te
-  } = uo({
-    id: s,
-    data: C,
-    attributes: {
-      ...ko,
-      ...n
-    },
-    disabled: p.draggable
-  }), Ge = qn(L, Ne), $ = !!I, ie = $ && !w && tt(g) && tt(v), me = !b && Y, Me = me && ie ? Te : null, Qe = ie ? Me ?? (a ?? m)({
-    rects: h,
-    activeNodeRect: G,
-    activeIndex: g,
-    overIndex: v,
-    index: S
-  }) : null, ue = tt(g) && tt(v) ? i({
-    id: s,
-    items: d,
-    activeIndex: g,
-    overIndex: v
-  }) : S, se = I?.id, A = N({
-    activeId: se,
-    items: d,
-    newIndex: ue,
-    containerId: u
-  }), Le = d !== A.current.items, te = t({
-    active: I,
-    containerId: u,
-    isDragging: Y,
-    isSorting: $,
-    id: s,
-    index: S,
-    items: d,
-    newIndex: A.current.newIndex,
-    previousItems: A.current.items,
-    previousContainerId: A.current.containerId,
-    transition: c,
-    wasDragging: A.current.activeId != null
-  }), ye = zo({
-    disabled: !te,
-    index: S,
-    node: x,
-    rect: y
-  });
-  return O(() => {
-    $ && A.current.newIndex !== ue && (A.current.newIndex = ue), u !== A.current.containerId && (A.current.containerId = u), d !== A.current.items && (A.current.items = d);
-  }, [$, ue, u, d]), O(() => {
-    if (se === A.current.activeId)
-      return;
-    if (se != null && A.current.activeId == null) {
-      A.current.activeId = se;
-      return;
-    }
-    const we = setTimeout(() => {
-      A.current.activeId = se;
-    }, 50);
-    return () => clearTimeout(we);
-  }, [se]), {
-    active: I,
-    activeIndex: g,
-    attributes: ee,
-    data: C,
-    rect: y,
-    index: S,
-    newIndex: ue,
-    items: d,
-    isOver: T,
-    isSorting: $,
-    isDragging: Y,
-    listeners: _e,
-    node: x,
-    overIndex: v,
-    over: Je,
-    setNodeRef: Ge,
-    setActivatorNodeRef: oe,
-    setDroppableNodeRef: L,
-    setDraggableNodeRef: Ne,
-    transform: ye ?? Qe,
-    transition: ae()
-  };
-  function ae() {
-    if (
-      // Temporarily disable transitions for a single frame to set up derived transforms
-      ye || // Or to prevent items jumping to back to their "new" position when items change
-      Le && A.current.newIndex === S
-    )
-      return Po;
-    if (!(me && !dt(J) || !c) && ($ || te))
-      return be.Transition.toString({
-        ...c,
-        property: An
-      });
-  }
-}
-function Bo(e, t) {
-  var n, r;
-  return typeof e == "boolean" ? {
-    draggable: e,
-    // Backwards compatibility
-    droppable: !1
-  } : {
-    draggable: (n = e?.draggable) != null ? n : t.draggable,
-    droppable: (r = e?.droppable) != null ? r : t.droppable
-  };
-}
-function lt(e) {
-  if (!e)
-    return !1;
-  const t = e.data.current;
-  return !!(t && "sortable" in t && typeof t.sortable == "object" && "containerId" in t.sortable && "items" in t.sortable && "index" in t.sortable);
-}
-const Fo = [D.Down, D.Right, D.Up, D.Left], Xo = (e, t) => {
-  let {
-    context: {
-      active: n,
-      collisionRect: r,
-      droppableRects: o,
-      droppableContainers: i,
-      over: s,
-      scrollableAncestors: a
-    }
-  } = t;
-  if (Fo.includes(e.code)) {
-    if (e.preventDefault(), !n || !r)
-      return;
-    const l = [];
-    i.getEnabled().forEach((u) => {
-      if (!u || u != null && u.disabled)
-        return;
-      const g = o.get(u.id);
-      if (g)
-        switch (e.code) {
-          case D.Down:
-            r.top < g.top && l.push(u);
-            break;
-          case D.Up:
-            r.top > g.top && l.push(u);
-            break;
-          case D.Left:
-            r.left > g.left && l.push(u);
-            break;
-          case D.Right:
-            r.left < g.left && l.push(u);
-            break;
-        }
-    });
-    const c = gr({
-      collisionRect: r,
-      droppableRects: o,
-      droppableContainers: l
-    });
-    let d = an(c, "id");
-    if (d === s?.id && c.length > 1 && (d = c[1].id), d != null) {
-      const u = i.get(n.id), g = i.get(d), f = g ? o.get(g.id) : null, w = g?.node.current;
-      if (w && f && u && g) {
-        const v = ft(w).some((R, y) => a[y] !== R), b = In(u, g), m = $o(u, g), p = v || !b ? {
-          x: 0,
-          y: 0
-        } : {
-          x: m ? r.width - f.width : 0,
-          y: m ? r.height - f.height : 0
-        }, S = {
-          x: f.left,
-          y: f.top
-        };
-        return p.x && p.y ? S : Ke(S, p);
-      }
-    }
-  }
-};
-function In(e, t) {
-  return !lt(e) || !lt(t) ? !1 : e.data.current.sortable.containerId === t.data.current.sortable.containerId;
-}
-function $o(e, t) {
-  return !lt(e) || !lt(t) || !In(e, t) ? !1 : e.data.current.sortable.index < t.data.current.sortable.index;
-}
-const On = Ee({
-  attributes: void 0,
-  listeners: void 0,
-  ref() {
-  }
-}), Yo = ({ ...e }) => {
-  const { attributes: t, listeners: n, ref: r } = ce(On), o = Mt();
-  return /* @__PURE__ */ _.jsx(
-    Kn,
-    {
-      className: "SortableList__DragHandle",
-      "data-testid": "kibble-sortable-list-drag-handle",
-      ref: r,
-      cursor: o.activatorEvent ? "grabbing" : "grab",
-      iconName: "grid",
-      size: "sm",
-      variant: "ghostNeutral",
-      ...t,
-      ...n,
-      ...e
-    }
-  );
-}, nn = ({
-  content: e,
-  hideHandle: t,
-  id: n,
-  itemProps: r
-}) => {
-  const { attributes: o, isDragging: i, listeners: s, setNodeRef: a, setActivatorNodeRef: l, transform: c, transition: d } = jo({
-    id: n
-  }), u = E(
-    () => ({
-      attributes: o,
-      listeners: s,
-      ref: l
-    }),
-    [o, s, l]
-  );
-  return /* @__PURE__ */ _.jsx(On.Provider, { value: u, children: /* @__PURE__ */ _.jsx(
-    Hn,
-    {
-      className: "SortableList__Item",
-      "data-testid": "kibble-sortable-list-item",
-      ref: a,
-      ...r,
-      listStyleType: "none",
-      ...i && { opacity: 0.4 },
-      transition: d,
-      transform: be.Translate.toString(c),
-      children: /* @__PURE__ */ _.jsxs(Wn, { alignItems: "center", gap: 2, width: "100%", children: [
-        !t && /* @__PURE__ */ _.jsx(Yo, {}),
-        typeof e == "string" ? /* @__PURE__ */ _.jsx(Un, { size: "sm", children: e }) : e
-      ] })
-    }
-  ) });
-}, Go = ({
-  hideHandle: e = !1,
-  items: t,
-  itemsProps: n,
-  onChange: r,
-  ...o
-}) => {
-  const [i, s] = B(null), a = E(() => t.find((c) => c.id === i?.id), [i, t]), l = lr(
-    Kt(Nt),
-    Kt(It, {
-      coordinateGetter: Xo
-    })
-  );
-  return /* @__PURE__ */ _.jsx(
-    ao,
-    {
-      sensors: l,
-      onDragStart: ({ active: c }) => {
-        s(c);
-      },
-      onDragEnd: ({ active: c, over: d }) => {
-        if (d && c.id !== d?.id) {
-          const u = t.findIndex(({ id: f }) => f === c.id), g = t.findIndex(({ id: f }) => f === d.id);
-          r(Lt(t, u, g));
-        }
-        s(null);
-      },
-      onDragCancel: () => s(null),
-      children: /* @__PURE__ */ _.jsx(No, { items: t, children: /* @__PURE__ */ _.jsxs(Vn, { className: "SortableList", "data-testid": "kibble-sortable-list", gap: 2, ...o, children: [
-        t.map((c) => /* @__PURE__ */ _.jsx(nn, { ...c, itemProps: n, hideHandle: e }, c.id)),
-        a && /* @__PURE__ */ _.jsx(Eo, { dropAnimation: Ko, children: /* @__PURE__ */ _.jsx(nn, { ...a, itemProps: n, hideHandle: e }) })
-      ] }) })
-    }
-  );
-}, Ko = {
-  sideEffects: Sn({
-    styles: {
-      active: {
-        opacity: "0.4"
-      }
-    }
-  })
-};
-export {
-  Go as S
-};
-//# sourceMappingURL=sortableList.component-Cjeqvf95.js.map