@ck-ui/component-library 0.3.0 → 1.0.0

package/dist/components/Table/_helpers/ColumnManager/index.js

@@ -1,37 +1,36 @@
 import { jsx as m, jsxs as E } from "react/jsx-runtime";
 import * as w from "react";
-import { createContext as Ge, memo as Ye, useEffect as k, useLayoutEffect as Xe, useState as Ee, useCallback as Ie, useMemo as b, isValidElement as We, cloneElement as ae, useContext as ze, useRef as Qe } from "react";
+import { createContext as $e, memo as Ge, useEffect as k, useLayoutEffect as Ye, useState as be, useCallback as Ee, useMemo as b, isValidElement as Xe, cloneElement as ae, useContext as We, useRef as ze } from "react";
 import { CKButton as B } from "../../../CKButton/index.js";
 import { Typography as _ } from "../../../Typography/index.js";
-import { Switch as Ke } from "../../../Switch/index.js";
-import { S as Je } from "../../../../reset-icon-YxMt3Ozp.js";
-import { S as Ze } from "../../../../search-B_cup-NN.js";
-import et from "./ColumnConfig.js";
+import { Switch as Qe } from "../../../Switch/index.js";
+import { S as Ke } from "../../../../reset-icon-YxMt3Ozp.js";
+import { S as Je } from "../../../../search-B_cup-NN.js";
+import { ColumnConfig as Ze } from "./ColumnConfig.js";
 import { COLUMN_ITEM_TYPE as ce } from "../../constants.js";
 import '../../../../assets/styles-BTZL03H2.css';/* empty css                          */
-import { mergeClasses as ue } from "../../../../utils/mergeClasses.js";
-import { g as tt } from "../../../../_commonjsHelpers-C6fGbg64.js";
-const we = Ge({
+import { g as et } from "../../../../_commonjsHelpers-C6fGbg64.js";
+const Ie = $e({
   dragDropManager: void 0
 });
 function O(t) {
   return "Minified Redux error #" + t + "; visit https://redux.js.org/Errors?code=" + t + " for the full message or use the non-minified dev environment for full errors. ";
 }
-var le = (function() {
+var ue = (function() {
   return typeof Symbol == "function" && Symbol.observable || "@@observable";
-})(), de = function() {
+})(), le = function() {
   return Math.random().toString(36).substring(7).split("").join(".");
-}, ge = {
-  INIT: "@@redux/INIT" + de(),
-  REPLACE: "@@redux/REPLACE" + de()
+}, de = {
+  INIT: "@@redux/INIT" + le(),
+  REPLACE: "@@redux/REPLACE" + le()
 };
-function rt(t) {
+function tt(t) {
   if (typeof t != "object" || t === null) return !1;
   for (var e = t; Object.getPrototypeOf(e) !== null; )
     e = Object.getPrototypeOf(e);
   return Object.getPrototypeOf(t) === e;
 }
-function nt(t) {
+function rt(t) {
   if (t === void 0) return "undefined";
   if (t === null) return "null";
   var e = typeof t;
@@ -45,8 +44,8 @@ function nt(t) {
   }
   if (Array.isArray(t)) return "array";
   if (ot(t)) return "date";
-  if (st(t)) return "error";
-  var r = it(t);
+  if (it(t)) return "error";
+  var r = nt(t);
   switch (r) {
     case "Symbol":
     case "Promise":
@@ -58,10 +57,10 @@ function nt(t) {
   }
   return e.slice(8, -1).toLowerCase().replace(/\s/g, "");
 }
-function it(t) {
+function nt(t) {
   return typeof t.constructor == "function" ? t.constructor.name : null;
 }
-function st(t) {
+function it(t) {
   return t instanceof Error || typeof t.message == "string" && t.constructor && typeof t.constructor.stackTraceLimit == "number";
 }
 function ot(t) {
@@ -69,27 +68,27 @@ function ot(t) {
 }
 function N(t) {
   var e = typeof t;
-  return process.env.NODE_ENV !== "production" && (e = nt(t)), e;
+  return process.env.NODE_ENV !== "production" && (e = rt(t)), e;
 }
-function Ce(t, e, r) {
+function we(t, e, r) {
   var n;
   if (typeof e == "function" && typeof r == "function" || typeof r == "function" && typeof arguments[3] == "function")
     throw new Error(process.env.NODE_ENV === "production" ? O(0) : "It looks like you are passing several store enhancers to createStore(). This is not supported. Instead, compose them together to a single function. See https://redux.js.org/tutorials/fundamentals/part-4-store#creating-a-store-with-enhancers for an example.");
   if (typeof e == "function" && typeof r > "u" && (r = e, e = void 0), typeof r < "u") {
     if (typeof r != "function")
       throw new Error(process.env.NODE_ENV === "production" ? O(1) : "Expected the enhancer to be a function. Instead, received: '" + N(r) + "'");
-    return r(Ce)(t, e);
+    return r(we)(t, e);
   }
   if (typeof t != "function")
     throw new Error(process.env.NODE_ENV === "production" ? O(2) : "Expected the root reducer to be a function. Instead, received: '" + N(t) + "'");
-  var i = t, s = e, o = [], a = o, c = !1;
+  var i = t, o = e, s = [], a = s, c = !1;
   function d() {
-    a === o && (a = o.slice());
+    a === s && (a = s.slice());
   }
   function f() {
     if (c)
       throw new Error(process.env.NODE_ENV === "production" ? O(3) : "You may not call store.getState() while the reducer is executing. The reducer has already received the state as an argument. Pass it down from the top reducer instead of reading it from the store.");
-    return s;
+    return o;
   }
   function p(h) {
     if (typeof h != "function")
@@ -103,23 +102,23 @@ function Ce(t, e, r) {
           throw new Error(process.env.NODE_ENV === "production" ? O(6) : "You may not unsubscribe from a store listener while the reducer is executing. See https://redux.js.org/api/store#subscribelistener for more details.");
         v = !1, d();
         var S = a.indexOf(h);
-        a.splice(S, 1), o = null;
+        a.splice(S, 1), s = null;
       }
     };
   }
   function g(h) {
-    if (!rt(h))
+    if (!tt(h))
       throw new Error(process.env.NODE_ENV === "production" ? O(7) : "Actions must be plain objects. Instead, the actual type was: '" + N(h) + "'. You may need to add middleware to your store setup to handle dispatching other values, such as 'redux-thunk' to handle dispatching functions. See https://redux.js.org/tutorials/fundamentals/part-4-store#middleware and https://redux.js.org/tutorials/fundamentals/part-6-async-logic#using-the-redux-thunk-middleware for examples.");
     if (typeof h.type > "u")
       throw new Error(process.env.NODE_ENV === "production" ? O(8) : 'Actions may not have an undefined "type" property. You may have misspelled an action type string constant.');
     if (c)
       throw new Error(process.env.NODE_ENV === "production" ? O(9) : "Reducers may not dispatch actions.");
     try {
-      c = !0, s = i(s, h);
+      c = !0, o = i(o, h);
     } finally {
       c = !1;
     }
-    for (var v = o = a, y = 0; y < v.length; y++) {
+    for (var v = s = a, y = 0; y < v.length; y++) {
       var S = v[y];
       S();
     }
@@ -129,7 +128,7 @@ function Ce(t, e, r) {
     if (typeof h != "function")
       throw new Error(process.env.NODE_ENV === "production" ? O(10) : "Expected the nextReducer to be a function. Instead, received: '" + N(h));
     i = h, g({
-      type: ge.REPLACE
+      type: de.REPLACE
     });
   }
   function D() {
@@ -155,21 +154,21 @@ function Ce(t, e, r) {
           unsubscribe: F
         };
       }
-    }, h[le] = function() {
+    }, h[ue] = function() {
       return this;
     }, h;
   }
   return g({
-    type: ge.INIT
+    type: de.INIT
   }), n = {
     dispatch: g,
     subscribe: p,
     getState: f,
     replaceReducer: u
-  }, n[le] = D, n;
+  }, n[ue] = D, n;
 }
 function l(t, e, ...r) {
-  if (at() && e === void 0)
+  if (st() && e === void 0)
     throw new Error("invariant requires an error message argument");
   if (!t) {
     let n;
@@ -184,40 +183,40 @@ function l(t, e, ...r) {
     throw n.framesToPop = 1, n;
   }
 }
-function at() {
+function st() {
   return typeof process < "u" && process.env.NODE_ENV === "production";
 }
-function ct(t, e, r) {
+function at(t, e, r) {
   return e.split(".").reduce(
     (n, i) => n && n[i] ? n[i] : r || null,
     t
   );
 }
-function ut(t, e) {
+function ct(t, e) {
   return t.filter(
     (r) => r !== e
   );
 }
-function Ne(t) {
+function Ce(t) {
   return typeof t == "object";
 }
-function lt(t, e) {
-  const r = /* @__PURE__ */ new Map(), n = (s) => {
-    r.set(s, r.has(s) ? r.get(s) + 1 : 1);
+function ut(t, e) {
+  const r = /* @__PURE__ */ new Map(), n = (o) => {
+    r.set(o, r.has(o) ? r.get(o) + 1 : 1);
   };
   t.forEach(n), e.forEach(n);
   const i = [];
-  return r.forEach((s, o) => {
-    s === 1 && i.push(o);
+  return r.forEach((o, s) => {
+    o === 1 && i.push(s);
   }), i;
 }
-function dt(t, e) {
+function lt(t, e) {
   return t.filter(
     (r) => e.indexOf(r) > -1
   );
 }
 const ee = "dnd-core/INIT_COORDS", A = "dnd-core/BEGIN_DRAG", te = "dnd-core/PUBLISH_DRAG_SOURCE", H = "dnd-core/HOVER", j = "dnd-core/DROP", U = "dnd-core/END_DRAG";
-function fe(t, e) {
+function ge(t, e) {
   return {
     type: ee,
     payload: {
@@ -226,35 +225,35 @@ function fe(t, e) {
     }
   };
 }
-const gt = {
+const dt = {
   type: ee,
   payload: {
     clientOffset: null,
     sourceClientOffset: null
   }
 };
-function ft(t) {
+function gt(t) {
   return function(r = [], n = {
     publishSource: !0
   }) {
-    const { publishSource: i = !0, clientOffset: s, getSourceClientOffset: o } = n, a = t.getMonitor(), c = t.getRegistry();
-    t.dispatch(fe(s)), ht(r, a, c);
-    const d = vt(r, a);
+    const { publishSource: i = !0, clientOffset: o, getSourceClientOffset: s } = n, a = t.getMonitor(), c = t.getRegistry();
+    t.dispatch(ge(o)), ft(r, a, c);
+    const d = mt(r, a);
     if (d == null) {
-      t.dispatch(gt);
+      t.dispatch(dt);
       return;
     }
     let f = null;
-    if (s) {
-      if (!o)
+    if (o) {
+      if (!s)
         throw new Error("getSourceClientOffset must be defined");
-      pt(o), f = o(d);
+      ht(s), f = s(d);
     }
-    t.dispatch(fe(s, f));
+    t.dispatch(ge(o, f));
     const g = c.getSource(d).beginDrag(a, d);
     if (g == null)
       return;
-    mt(g), c.pinSource(d);
+    pt(g), c.pinSource(d);
     const u = c.getSourceType(d);
     return {
       type: A,
@@ -262,25 +261,25 @@ function ft(t) {
         itemType: u,
         item: g,
         sourceId: d,
-        clientOffset: s || null,
+        clientOffset: o || null,
         sourceClientOffset: f || null,
         isSourcePublic: !!i
       }
     };
   };
 }
-function ht(t, e, r) {
+function ft(t, e, r) {
   l(!e.isDragging(), "Cannot call beginDrag while dragging."), t.forEach(function(n) {
     l(r.getSource(n), "Expected sourceIds to be registered.");
   });
 }
-function pt(t) {
+function ht(t) {
   l(typeof t == "function", "When clientOffset is provided, getSourceClientOffset must be a function.");
 }
-function mt(t) {
-  l(Ne(t), "Item must be an object.");
+function pt(t) {
+  l(Ce(t), "Item must be an object.");
 }
-function vt(t, e) {
+function mt(t, e) {
   let r = null;
   for (let n = t.length - 1; n >= 0; n--)
     if (e.canDragSource(t[n])) {
@@ -289,7 +288,7 @@ function vt(t, e) {
     }
   return r;
 }
-function Dt(t, e, r) {
+function vt(t, e, r) {
   return e in t ? Object.defineProperty(t, e, {
     value: r,
     enumerable: !0,
@@ -297,57 +296,57 @@ function Dt(t, e, r) {
     writable: !0
   }) : t[e] = r, t;
 }
-function yt(t) {
+function Dt(t) {
   for (var e = 1; e < arguments.length; e++) {
     var r = arguments[e] != null ? arguments[e] : {}, n = Object.keys(r);
     typeof Object.getOwnPropertySymbols == "function" && (n = n.concat(Object.getOwnPropertySymbols(r).filter(function(i) {
       return Object.getOwnPropertyDescriptor(r, i).enumerable;
     }))), n.forEach(function(i) {
-      Dt(t, i, r[i]);
+      vt(t, i, r[i]);
     });
   }
   return t;
 }
-function St(t) {
+function yt(t) {
   return function(r = {}) {
     const n = t.getMonitor(), i = t.getRegistry();
-    Ot(n), Et(n).forEach((o, a) => {
-      const c = Tt(o, a, i, n), d = {
+    St(n), bt(n).forEach((s, a) => {
+      const c = Ot(s, a, i, n), d = {
         type: j,
         payload: {
-          dropResult: yt({}, r, c)
+          dropResult: Dt({}, r, c)
         }
       };
       t.dispatch(d);
     });
   };
 }
-function Ot(t) {
+function St(t) {
   l(t.isDragging(), "Cannot call drop while not dragging."), l(!t.didDrop(), "Cannot call drop twice during one drag operation.");
 }
-function Tt(t, e, r, n) {
+function Ot(t, e, r, n) {
   const i = r.getTarget(t);
-  let s = i ? i.drop(n, t) : void 0;
-  return bt(s), typeof s > "u" && (s = e === 0 ? {} : n.getDropResult()), s;
+  let o = i ? i.drop(n, t) : void 0;
+  return Tt(o), typeof o > "u" && (o = e === 0 ? {} : n.getDropResult()), o;
 }
-function bt(t) {
-  l(typeof t > "u" || Ne(t), "Drop result must either be an object or undefined.");
+function Tt(t) {
+  l(typeof t > "u" || Ce(t), "Drop result must either be an object or undefined.");
 }
-function Et(t) {
+function bt(t) {
   const e = t.getTargetIds().filter(t.canDropOnTarget, t);
   return e.reverse(), e;
 }
-function It(t) {
+function Et(t) {
   return function() {
     const r = t.getMonitor(), n = t.getRegistry();
-    wt(r);
+    It(r);
     const i = r.getSourceId();
     return i != null && (n.getSource(i, !0).endDrag(r, i), n.unpinSource()), {
       type: U
     };
   };
 }
-function wt(t) {
+function It(t) {
   l(t.isDragging(), "Cannot call endDrag while not dragging.");
 }
 function z(t, e) {
@@ -355,11 +354,11 @@ function z(t, e) {
     (r) => r === e
   ) : t === e;
 }
-function Ct(t) {
+function wt(t) {
   return function(r, { clientOffset: n } = {}) {
-    Nt(r);
-    const i = r.slice(0), s = t.getMonitor(), o = t.getRegistry(), a = s.getItemType();
-    return xt(i, o, a), Pt(i, s, o), Rt(i, s, o), {
+    Ct(r);
+    const i = r.slice(0), o = t.getMonitor(), s = t.getRegistry(), a = o.getItemType();
+    return Pt(i, s, a), Nt(i, o, s), xt(i, o, s), {
       type: H,
       payload: {
         targetIds: i,
@@ -368,30 +367,30 @@ function Ct(t) {
     };
   };
 }
-function Nt(t) {
+function Ct(t) {
   l(Array.isArray(t), "Expected targetIds to be an array.");
 }
-function Pt(t, e, r) {
+function Nt(t, e, r) {
   l(e.isDragging(), "Cannot call hover while not dragging."), l(!e.didDrop(), "Cannot call hover after drop.");
   for (let n = 0; n < t.length; n++) {
     const i = t[n];
     l(t.lastIndexOf(i) === n, "Expected targetIds to be unique in the passed array.");
-    const s = r.getTarget(i);
-    l(s, "Expected targetIds to be registered.");
+    const o = r.getTarget(i);
+    l(o, "Expected targetIds to be registered.");
   }
 }
-function xt(t, e, r) {
+function Pt(t, e, r) {
   for (let n = t.length - 1; n >= 0; n--) {
-    const i = t[n], s = e.getTargetType(i);
-    z(s, r) || t.splice(n, 1);
+    const i = t[n], o = e.getTargetType(i);
+    z(o, r) || t.splice(n, 1);
   }
 }
-function Rt(t, e, r) {
+function xt(t, e, r) {
   t.forEach(function(n) {
     r.getTarget(n).hover(e, n);
   });
 }
-function Mt(t) {
+function Rt(t) {
   return function() {
     if (t.getMonitor().isDragging())
       return {
@@ -399,16 +398,16 @@ function Mt(t) {
       };
   };
 }
-function _t(t) {
+function Mt(t) {
   return {
-    beginDrag: ft(t),
-    publishDragSource: Mt(t),
-    hover: Ct(t),
-    drop: St(t),
-    endDrag: It(t)
+    beginDrag: gt(t),
+    publishDragSource: Rt(t),
+    hover: wt(t),
+    drop: yt(t),
+    endDrag: Et(t)
   };
 }
-class Lt {
+class _t {
   receiveBackend(e) {
     this.backend = e;
   }
@@ -423,16 +422,16 @@ class Lt {
   }
   getActions() {
     const e = this, { dispatch: r } = this.store;
-    function n(s) {
-      return (...o) => {
-        const a = s.apply(e, o);
+    function n(o) {
+      return (...s) => {
+        const a = o.apply(e, s);
         typeof a < "u" && r(a);
       };
     }
-    const i = _t(this);
-    return Object.keys(i).reduce((s, o) => {
-      const a = i[o];
-      return s[o] = n(a), s;
+    const i = Mt(this);
+    return Object.keys(i).reduce((o, s) => {
+      const a = i[s];
+      return o[s] = n(a), o;
     }, {});
   }
   dispatch(e) {
@@ -445,46 +444,46 @@ class Lt {
     }, this.store = e, this.monitor = r, e.subscribe(this.handleRefCountChange);
   }
 }
-function kt(t, e) {
+function Lt(t, e) {
   return {
     x: t.x + e.x,
     y: t.y + e.y
   };
 }
-function Pe(t, e) {
+function Ne(t, e) {
   return {
     x: t.x - e.x,
     y: t.y - e.y
   };
 }
-function At(t) {
+function kt(t) {
   const { clientOffset: e, initialClientOffset: r, initialSourceClientOffset: n } = t;
-  return !e || !r || !n ? null : Pe(kt(e, n), r);
+  return !e || !r || !n ? null : Ne(Lt(e, n), r);
 }
-function Ht(t) {
+function At(t) {
   const { clientOffset: e, initialClientOffset: r } = t;
-  return !e || !r ? null : Pe(e, r);
+  return !e || !r ? null : Ne(e, r);
 }
 const R = [], re = [];
 R.__IS_NONE__ = !0;
 re.__IS_ALL__ = !0;
-function jt(t, e) {
-  return t === R ? !1 : t === re || typeof e > "u" ? !0 : dt(e, t).length > 0;
+function Ht(t, e) {
+  return t === R ? !1 : t === re || typeof e > "u" ? !0 : lt(e, t).length > 0;
 }
-class Ut {
+class jt {
   subscribeToStateChange(e, r = {}) {
     const { handlerIds: n } = r;
     l(typeof e == "function", "listener must be a function."), l(typeof n > "u" || Array.isArray(n), "handlerIds, when specified, must be an array of strings.");
     let i = this.store.getState().stateId;
-    const s = () => {
-      const o = this.store.getState(), a = o.stateId;
+    const o = () => {
+      const s = this.store.getState(), a = s.stateId;
       try {
-        a === i || a === i + 1 && !jt(o.dirtyHandlerIds, n) || e();
+        a === i || a === i + 1 && !Ht(s.dirtyHandlerIds, n) || e();
       } finally {
         i = a;
       }
     };
-    return this.store.subscribe(s);
+    return this.store.subscribe(o);
   }
   subscribeToOffsetChange(e) {
     l(typeof e == "function", "listener must be a function.");
@@ -530,14 +529,14 @@ class Ut {
     const { shallow: n } = r;
     if (!this.isDragging())
       return !1;
-    const i = this.registry.getTargetType(e), s = this.getItemType();
-    if (s && !z(i, s))
+    const i = this.registry.getTargetType(e), o = this.getItemType();
+    if (o && !z(i, o))
       return !1;
-    const o = this.getTargetIds();
-    if (!o.length)
+    const s = this.getTargetIds();
+    if (!s.length)
       return !1;
-    const a = o.indexOf(e);
-    return n ? a === o.length - 1 : a > -1;
+    const a = s.indexOf(e);
+    return n ? a === s.length - 1 : a > -1;
   }
   getItemType() {
     return this.store.getState().dragOperation.itemType;
@@ -570,17 +569,17 @@ class Ut {
     return this.store.getState().dragOffset.clientOffset;
   }
   getSourceClientOffset() {
-    return At(this.store.getState().dragOffset);
+    return kt(this.store.getState().dragOffset);
   }
   getDifferenceFromInitialOffset() {
-    return Ht(this.store.getState().dragOffset);
+    return At(this.store.getState().dragOffset);
   }
   constructor(e, r) {
     this.store = e, this.registry = r;
   }
 }
-const he = typeof global < "u" ? global : self, xe = he.MutationObserver || he.WebKitMutationObserver;
-function Re(t) {
+const fe = typeof global < "u" ? global : self, Pe = fe.MutationObserver || fe.WebKitMutationObserver;
+function xe(t) {
   return function() {
     const r = setTimeout(i, 0), n = setInterval(i, 50);
     function i() {
@@ -588,16 +587,16 @@ function Re(t) {
     }
   };
 }
-function Vt(t) {
+function Ut(t) {
   let e = 1;
-  const r = new xe(t), n = document.createTextNode("");
+  const r = new Pe(t), n = document.createTextNode("");
   return r.observe(n, {
     characterData: !0
   }), function() {
     e = -e, n.data = e;
   };
 }
-const Ft = typeof xe == "function" ? (
+const Vt = typeof Pe == "function" ? (
   // reliably everywhere they are implemented.
   // They are implemented in all modern browsers.
   //
@@ -608,7 +607,7 @@ const Ft = typeof xe == "function" ? (
   // - iPad Safari 6-7.1
   // - iPhone Safari 7-7.1
   // - Safari 6-7
-  Vt
+  Ut
 ) : (
   // task queue, are implemented in Internet Explorer 10, Safari 5.0-1, and Opera
   // 11-12, and in web workers in many engines.
@@ -634,9 +633,9 @@ const Ft = typeof xe == "function" ? (
   // - Internet Explorer 6-9
   // - iPad Safari 4.3
   // - Lynx 2.8.7
-  Re
+  xe
 );
-class Bt {
+class Ft {
   // Use the fastest means possible to execute a task in its own turn, with
   // priority over other events including IO, animation, reflow, and redraw
   // events in browsers.
@@ -665,13 +664,13 @@ class Bt {
       e.length = 0, this.index = 0, this.flushing = !1;
     }, this.registerPendingError = (e) => {
       this.pendingErrors.push(e), this.requestErrorThrow();
-    }, this.requestFlush = Ft(this.flush), this.requestErrorThrow = Re(() => {
+    }, this.requestFlush = Vt(this.flush), this.requestErrorThrow = xe(() => {
       if (this.pendingErrors.length)
         throw this.pendingErrors.shift();
     });
   }
 }
-class qt {
+class Bt {
   call() {
     try {
       this.task && this.task();
@@ -685,9 +684,9 @@ class qt {
     this.onError = e, this.release = r, this.task = null;
   }
 }
-class $t {
+class qt {
   create(e) {
-    const r = this.freeTasks, n = r.length ? r.pop() : new qt(
+    const r = this.freeTasks, n = r.length ? r.pop() : new Bt(
       this.onError,
       (i) => r[r.length] = i
     );
@@ -697,12 +696,12 @@ class $t {
     this.onError = e, this.freeTasks = [];
   }
 }
-const Me = new Bt(), Gt = new $t(Me.registerPendingError);
-function Yt(t) {
-  Me.enqueueTask(Gt.create(t));
+const Re = new Ft(), $t = new qt(Re.registerPendingError);
+function Gt(t) {
+  Re.enqueueTask($t.create(t));
 }
-const ne = "dnd-core/ADD_SOURCE", ie = "dnd-core/ADD_TARGET", se = "dnd-core/REMOVE_SOURCE", V = "dnd-core/REMOVE_TARGET";
-function Xt(t) {
+const ne = "dnd-core/ADD_SOURCE", ie = "dnd-core/ADD_TARGET", oe = "dnd-core/REMOVE_SOURCE", V = "dnd-core/REMOVE_TARGET";
+function Yt(t) {
   return {
     type: ne,
     payload: {
@@ -710,7 +709,7 @@ function Xt(t) {
     }
   };
 }
-function Wt(t) {
+function Xt(t) {
   return {
     type: ie,
     payload: {
@@ -718,15 +717,15 @@ function Wt(t) {
     }
   };
 }
-function zt(t) {
+function Wt(t) {
   return {
-    type: se,
+    type: oe,
     payload: {
       sourceId: t
     }
   };
 }
-function Qt(t) {
+function zt(t) {
   return {
     type: V,
     payload: {
@@ -734,10 +733,10 @@ function Qt(t) {
     }
   };
 }
-function Kt(t) {
+function Qt(t) {
   l(typeof t.canDrag == "function", "Expected canDrag to be a function."), l(typeof t.beginDrag == "function", "Expected beginDrag to be a function."), l(typeof t.endDrag == "function", "Expected endDrag to be a function.");
 }
-function Jt(t) {
+function Kt(t) {
   l(typeof t.canDrop == "function", "Expected canDrop to be a function."), l(typeof t.hover == "function", "Expected hover to be a function."), l(typeof t.drop == "function", "Expected beginDrag to be a function.");
 }
 function Q(t, e) {
@@ -753,12 +752,12 @@ var T;
 (function(t) {
   t.SOURCE = "SOURCE", t.TARGET = "TARGET";
 })(T || (T = {}));
-let Zt = 0;
-function er() {
-  return Zt++;
+let Jt = 0;
+function Zt() {
+  return Jt++;
 }
-function tr(t) {
-  const e = er().toString();
+function er(t) {
+  const e = Zt().toString();
   switch (t) {
     case T.SOURCE:
       return `S${e}`;
@@ -768,7 +767,7 @@ function tr(t) {
       throw new Error(`Unknown Handler Role: ${t}`);
   }
 }
-function pe(t) {
+function he(t) {
   switch (t[0]) {
     case "S":
       return T.SOURCE;
@@ -778,30 +777,30 @@ function pe(t) {
       throw new Error(`Cannot parse handler ID: ${t}`);
   }
 }
-function me(t, e) {
+function pe(t, e) {
   const r = t.entries();
   let n = !1;
   do {
-    const { done: i, value: [, s] } = r.next();
-    if (s === e)
+    const { done: i, value: [, o] } = r.next();
+    if (o === e)
       return !0;
     n = !!i;
   } while (!n);
   return !1;
 }
-class rr {
+class tr {
   addSource(e, r) {
-    Q(e), Kt(r);
+    Q(e), Qt(r);
     const n = this.addHandler(T.SOURCE, e, r);
-    return this.store.dispatch(Xt(n)), n;
+    return this.store.dispatch(Yt(n)), n;
   }
   addTarget(e, r) {
-    Q(e, !0), Jt(r);
+    Q(e, !0), Kt(r);
     const n = this.addHandler(T.TARGET, e, r);
-    return this.store.dispatch(Wt(n)), n;
+    return this.store.dispatch(Xt(n)), n;
   }
   containsHandler(e) {
-    return me(this.dragSources, e) || me(this.dropTargets, e);
+    return pe(this.dragSources, e) || pe(this.dropTargets, e);
   }
   getSource(e, r = !1) {
     return l(this.isSourceId(e), "Expected a valid source ID."), r && e === this.pinnedSourceId ? this.pinnedSource : this.dragSources.get(e);
@@ -816,18 +815,18 @@ class rr {
     return l(this.isTargetId(e), "Expected a valid target ID."), this.types.get(e);
   }
   isSourceId(e) {
-    return pe(e) === T.SOURCE;
+    return he(e) === T.SOURCE;
   }
   isTargetId(e) {
-    return pe(e) === T.TARGET;
+    return he(e) === T.TARGET;
   }
   removeSource(e) {
-    l(this.getSource(e), "Expected an existing source."), this.store.dispatch(zt(e)), Yt(() => {
+    l(this.getSource(e), "Expected an existing source."), this.store.dispatch(Wt(e)), Gt(() => {
       this.dragSources.delete(e), this.types.delete(e);
     });
   }
   removeTarget(e) {
-    l(this.getTarget(e), "Expected an existing target."), this.store.dispatch(Qt(e)), this.dropTargets.delete(e), this.types.delete(e);
+    l(this.getTarget(e), "Expected an existing target."), this.store.dispatch(zt(e)), this.dropTargets.delete(e), this.types.delete(e);
   }
   pinSource(e) {
     const r = this.getSource(e);
@@ -837,18 +836,18 @@ class rr {
     l(this.pinnedSource, "No source is pinned at the time."), this.pinnedSourceId = null, this.pinnedSource = null;
   }
   addHandler(e, r, n) {
-    const i = tr(e);
+    const i = er(e);
     return this.types.set(i, r), e === T.SOURCE ? this.dragSources.set(i, n) : e === T.TARGET && this.dropTargets.set(i, n), i;
   }
   constructor(e) {
     this.types = /* @__PURE__ */ new Map(), this.dragSources = /* @__PURE__ */ new Map(), this.dropTargets = /* @__PURE__ */ new Map(), this.pinnedSourceId = null, this.pinnedSource = null, this.store = e;
   }
 }
-const nr = (t, e) => t === e;
-function ir(t, e) {
+const rr = (t, e) => t === e;
+function nr(t, e) {
   return !t && !e ? !0 : !t || !e ? !1 : t.x === e.x && t.y === e.y;
 }
-function sr(t, e, r = nr) {
+function ir(t, e, r = rr) {
   if (t.length !== e.length)
     return !1;
   for (let n = 0; n < t.length; ++n)
@@ -863,7 +862,7 @@ function or(t = R, e) {
     case ne:
     case ie:
     case V:
-    case se:
+    case oe:
       return R;
     case A:
     case te:
@@ -872,13 +871,13 @@ function or(t = R, e) {
     default:
       return re;
   }
-  const { targetIds: r = [], prevTargetIds: n = [] } = e.payload, i = lt(r, n);
-  if (!(i.length > 0 || !sr(r, n)))
+  const { targetIds: r = [], prevTargetIds: n = [] } = e.payload, i = ut(r, n);
+  if (!(i.length > 0 || !ir(r, n)))
     return R;
-  const o = n[n.length - 1], a = r[r.length - 1];
-  return o !== a && (o && i.push(o), a && i.push(a)), i;
+  const s = n[n.length - 1], a = r[r.length - 1];
+  return s !== a && (s && i.push(s), a && i.push(a)), i;
 }
-function ar(t, e, r) {
+function sr(t, e, r) {
   return e in t ? Object.defineProperty(t, e, {
     value: r,
     enumerable: !0,
@@ -886,23 +885,23 @@ function ar(t, e, r) {
     writable: !0
   }) : t[e] = r, t;
 }
-function cr(t) {
+function ar(t) {
   for (var e = 1; e < arguments.length; e++) {
     var r = arguments[e] != null ? arguments[e] : {}, n = Object.keys(r);
     typeof Object.getOwnPropertySymbols == "function" && (n = n.concat(Object.getOwnPropertySymbols(r).filter(function(i) {
       return Object.getOwnPropertyDescriptor(r, i).enumerable;
     }))), n.forEach(function(i) {
-      ar(t, i, r[i]);
+      sr(t, i, r[i]);
     });
   }
   return t;
 }
-const ve = {
+const me = {
   initialSourceClientOffset: null,
   initialClientOffset: null,
   clientOffset: null
 };
-function ur(t = ve, e) {
+function cr(t = me, e) {
   const { payload: r } = e;
   switch (e.type) {
     case ee:
@@ -913,17 +912,17 @@ function ur(t = ve, e) {
         clientOffset: r.clientOffset
       };
     case H:
-      return ir(t.clientOffset, r.clientOffset) ? t : cr({}, t, {
+      return nr(t.clientOffset, r.clientOffset) ? t : ar({}, t, {
         clientOffset: r.clientOffset
       });
     case U:
     case j:
-      return ve;
+      return me;
     default:
       return t;
   }
 }
-function lr(t, e, r) {
+function ur(t, e, r) {
   return e in t ? Object.defineProperty(t, e, {
     value: r,
     enumerable: !0,
@@ -937,12 +936,12 @@ function P(t) {
     typeof Object.getOwnPropertySymbols == "function" && (n = n.concat(Object.getOwnPropertySymbols(r).filter(function(i) {
       return Object.getOwnPropertyDescriptor(r, i).enumerable;
     }))), n.forEach(function(i) {
-      lr(t, i, r[i]);
+      ur(t, i, r[i]);
     });
   }
   return t;
 }
-const dr = {
+const lr = {
   itemType: null,
   item: null,
   sourceId: null,
@@ -951,7 +950,7 @@ const dr = {
   didDrop: !1,
   isSourcePublic: null
 };
-function gr(t = dr, e) {
+function dr(t = lr, e) {
   const { payload: r } = e;
   switch (e.type) {
     case A:
@@ -973,7 +972,7 @@ function gr(t = dr, e) {
       });
     case V:
       return t.targetIds.indexOf(r.targetId) === -1 ? t : P({}, t, {
-        targetIds: ut(t.targetIds, r.targetId)
+        targetIds: ct(t.targetIds, r.targetId)
       });
     case j:
       return P({}, t, {
@@ -995,22 +994,22 @@ function gr(t = dr, e) {
       return t;
   }
 }
-function fr(t = 0, e) {
+function gr(t = 0, e) {
   switch (e.type) {
     case ne:
     case ie:
       return t + 1;
-    case se:
+    case oe:
     case V:
       return t - 1;
     default:
       return t;
   }
 }
-function hr(t = 0) {
+function fr(t = 0) {
   return t + 1;
 }
-function pr(t, e, r) {
+function hr(t, e, r) {
   return e in t ? Object.defineProperty(t, e, {
     value: r,
     enumerable: !0,
@@ -1018,79 +1017,79 @@ function pr(t, e, r) {
     writable: !0
   }) : t[e] = r, t;
 }
-function mr(t) {
+function pr(t) {
   for (var e = 1; e < arguments.length; e++) {
     var r = arguments[e] != null ? arguments[e] : {}, n = Object.keys(r);
     typeof Object.getOwnPropertySymbols == "function" && (n = n.concat(Object.getOwnPropertySymbols(r).filter(function(i) {
       return Object.getOwnPropertyDescriptor(r, i).enumerable;
     }))), n.forEach(function(i) {
-      pr(t, i, r[i]);
+      hr(t, i, r[i]);
     });
   }
   return t;
 }
-function vr(t = {}, e) {
+function mr(t = {}, e) {
   return {
     dirtyHandlerIds: or(t.dirtyHandlerIds, {
       type: e.type,
-      payload: mr({}, e.payload, {
-        prevTargetIds: ct(t, "dragOperation.targetIds", [])
+      payload: pr({}, e.payload, {
+        prevTargetIds: at(t, "dragOperation.targetIds", [])
       })
     }),
-    dragOffset: ur(t.dragOffset, e),
-    refCount: fr(t.refCount, e),
-    dragOperation: gr(t.dragOperation, e),
-    stateId: hr(t.stateId)
+    dragOffset: cr(t.dragOffset, e),
+    refCount: gr(t.refCount, e),
+    dragOperation: dr(t.dragOperation, e),
+    stateId: fr(t.stateId)
   };
 }
-function Dr(t, e = void 0, r = {}, n = !1) {
-  const i = yr(n), s = new Ut(i, new rr(i)), o = new Lt(i, s), a = t(o, e, r);
-  return o.receiveBackend(a), o;
+function vr(t, e = void 0, r = {}, n = !1) {
+  const i = Dr(n), o = new jt(i, new tr(i)), s = new _t(i, o), a = t(s, e, r);
+  return s.receiveBackend(a), s;
 }
-function yr(t) {
+function Dr(t) {
   const e = typeof window < "u" && window.__REDUX_DEVTOOLS_EXTENSION__;
-  return Ce(vr, t && e && e({
+  return we(mr, t && e && e({
     name: "dnd-core",
     instanceId: "dnd-core"
   }));
 }
-function Sr(t, e) {
+function yr(t, e) {
   if (t == null) return {};
-  var r = Or(t, e), n, i;
+  var r = Sr(t, e), n, i;
   if (Object.getOwnPropertySymbols) {
-    var s = Object.getOwnPropertySymbols(t);
-    for (i = 0; i < s.length; i++)
-      n = s[i], !(e.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(t, n) && (r[n] = t[n]);
+    var o = Object.getOwnPropertySymbols(t);
+    for (i = 0; i < o.length; i++)
+      n = o[i], !(e.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(t, n) && (r[n] = t[n]);
   }
   return r;
 }
-function Or(t, e) {
+function Sr(t, e) {
   if (t == null) return {};
-  var r = {}, n = Object.keys(t), i, s;
-  for (s = 0; s < n.length; s++)
-    i = n[s], !(e.indexOf(i) >= 0) && (r[i] = t[i]);
+  var r = {}, n = Object.keys(t), i, o;
+  for (o = 0; o < n.length; o++)
+    i = n[o], !(e.indexOf(i) >= 0) && (r[i] = t[i]);
   return r;
 }
-let De = 0;
+let ve = 0;
 const L = /* @__PURE__ */ Symbol.for("__REACT_DND_CONTEXT_INSTANCE__");
-var Tr = /* @__PURE__ */ Ye(function(e) {
-  var { children: r } = e, n = Sr(e, [
+var Or = /* @__PURE__ */ Ge(function(e) {
+  var { children: r } = e, n = yr(e, [
     "children"
   ]);
-  const [i, s] = br(n);
+  const [i, o] = Tr(n);
   return k(() => {
-    if (s) {
-      const o = _e();
-      return ++De, () => {
-        --De === 0 && (o[L] = null);
+    if (o) {
+      const s = Me();
+      return ++ve, () => {
+        --ve === 0 && (s[L] = null);
       };
     }
-  }, []), /* @__PURE__ */ m(we.Provider, {
+  }, []), /* @__PURE__ */ m(Ie.Provider, {
     value: i,
     children: r
   });
 });
-function br(t) {
+function Tr(t) {
   if ("manager" in t)
     return [
       {
@@ -1098,28 +1097,28 @@ function br(t) {
       },
       !1
     ];
-  const e = Er(t.backend, t.context, t.options, t.debugMode), r = !t.context;
+  const e = br(t.backend, t.context, t.options, t.debugMode), r = !t.context;
   return [
     e,
     r
   ];
 }
-function Er(t, e = _e(), r, n) {
+function br(t, e = Me(), r, n) {
   const i = e;
   return i[L] || (i[L] = {
-    dragDropManager: Dr(t, e, r, n)
+    dragDropManager: vr(t, e, r, n)
   }), i[L];
 }
-function _e() {
+function Me() {
   return typeof global < "u" ? global : window;
 }
-var q, ye;
-function Ir() {
-  return ye || (ye = 1, q = function t(e, r) {
+var q, De;
+function Er() {
+  return De || (De = 1, q = function t(e, r) {
     if (e === r) return !0;
     if (e && r && typeof e == "object" && typeof r == "object") {
       if (e.constructor !== r.constructor) return !1;
-      var n, i, s;
+      var n, i, o;
       if (Array.isArray(e)) {
         if (n = e.length, n != r.length) return !1;
         for (i = n; i-- !== 0; )
@@ -1129,44 +1128,44 @@ function Ir() {
       if (e.constructor === RegExp) return e.source === r.source && e.flags === r.flags;
       if (e.valueOf !== Object.prototype.valueOf) return e.valueOf() === r.valueOf();
       if (e.toString !== Object.prototype.toString) return e.toString() === r.toString();
-      if (s = Object.keys(e), n = s.length, n !== Object.keys(r).length) return !1;
+      if (o = Object.keys(e), n = o.length, n !== Object.keys(r).length) return !1;
       for (i = n; i-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(r, s[i])) return !1;
+        if (!Object.prototype.hasOwnProperty.call(r, o[i])) return !1;
       for (i = n; i-- !== 0; ) {
-        var o = s[i];
-        if (!t(e[o], r[o])) return !1;
+        var s = o[i];
+        if (!t(e[s], r[s])) return !1;
       }
       return !0;
     }
     return e !== e && r !== r;
   }), q;
 }
-var wr = Ir();
-const Cr = /* @__PURE__ */ tt(wr), C = typeof window < "u" ? Xe : k;
-function Nr(t, e, r) {
-  const [n, i] = Ee(
+var Ir = Er();
+const wr = /* @__PURE__ */ et(Ir), C = typeof window < "u" ? Ye : k;
+function Cr(t, e, r) {
+  const [n, i] = be(
     () => e(t)
-  ), s = Ie(() => {
-    const o = e(t);
-    Cr(n, o) || (i(o), r && r());
+  ), o = Ee(() => {
+    const s = e(t);
+    wr(n, s) || (i(s), r && r());
   }, [
     n,
     t,
     r
   ]);
-  return C(s), [
+  return C(o), [
     n,
-    s
+    o
   ];
 }
-function Pr(t, e, r) {
-  const [n, i] = Nr(t, e, r);
+function Nr(t, e, r) {
+  const [n, i] = Cr(t, e, r);
   return C(function() {
-    const o = t.getHandlerId();
-    if (o != null)
+    const s = t.getHandlerId();
+    if (s != null)
       return t.subscribeToStateChange(i, {
         handlerIds: [
-          o
+          s
         ]
       });
   }, [
@@ -1174,18 +1173,18 @@ function Pr(t, e, r) {
     i
   ]), n;
 }
-function Le(t, e, r) {
-  return Pr(
+function _e(t, e, r) {
+  return Nr(
     e,
     t || (() => ({})),
     () => r.reconnect()
   );
 }
-function ke(t, e) {
+function Le(t, e) {
   const r = [];
   return typeof t != "function" && r.push(t), b(() => typeof t == "function" ? t() : t, r);
 }
-function xr(t) {
+function Pr(t) {
   return b(
     () => t.hooks.dragSource(),
     [
@@ -1193,7 +1192,7 @@ function xr(t) {
     ]
   );
 }
-function Rr(t) {
+function xr(t) {
   return b(
     () => t.hooks.dragPreview(),
     [
@@ -1202,7 +1201,7 @@ function Rr(t) {
   );
 }
 let $ = !1, G = !1;
-class Mr {
+class Rr {
   receiveHandlerId(e) {
     this.sourceId = e;
   }
@@ -1286,7 +1285,7 @@ class Mr {
   }
 }
 let Y = !1;
-class _r {
+class Mr {
   receiveHandlerId(e) {
     this.targetId = e;
   }
@@ -1340,14 +1339,14 @@ class _r {
     this.targetId = null, this.internalMonitor = e.getMonitor();
   }
 }
-function Lr(t, e, r) {
+function _r(t, e, r) {
   const n = r.getRegistry(), i = n.addTarget(t, e);
   return [
     i,
     () => n.removeTarget(i)
   ];
 }
-function kr(t, e, r) {
+function Lr(t, e, r) {
   const n = r.getRegistry(), i = n.addSource(t, e);
   return [
     i,
@@ -1362,12 +1361,12 @@ function K(t, e, r, n) {
     return !0;
   if (typeof t != "object" || !t || typeof e != "object" || !e)
     return !1;
-  const s = Object.keys(t), o = Object.keys(e);
-  if (s.length !== o.length)
+  const o = Object.keys(t), s = Object.keys(e);
+  if (o.length !== s.length)
     return !1;
   const a = Object.prototype.hasOwnProperty.bind(e);
-  for (let c = 0; c < s.length; c++) {
-    const d = s[c];
+  for (let c = 0; c < o.length; c++) {
+    const d = o[c];
     if (!a(d))
       return !1;
     const f = t[d], p = e[d];
@@ -1382,48 +1381,48 @@ function J(t) {
     t !== null && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current")
   );
 }
-function Ar(t) {
+function kr(t) {
   if (typeof t.type == "string")
     return;
   const e = t.type.displayName || t.type.name || "the component";
   throw new Error(`Only native element nodes can now be passed to React DnD connectors.You can either wrap ${e} into a <div>, or turn it into a drag source or a drop target itself.`);
 }
-function Hr(t) {
+function Ar(t) {
   return (e = null, r = null) => {
-    if (!We(e)) {
-      const s = e;
-      return t(s, r), s;
+    if (!Xe(e)) {
+      const o = e;
+      return t(o, r), o;
     }
     const n = e;
-    return Ar(n), jr(n, r ? (s) => t(s, r) : t);
+    return kr(n), Hr(n, r ? (o) => t(o, r) : t);
   };
 }
-function Ae(t) {
+function ke(t) {
   const e = {};
   return Object.keys(t).forEach((r) => {
     const n = t[r];
     if (r.endsWith("Ref"))
       e[r] = t[r];
     else {
-      const i = Hr(n);
+      const i = Ar(n);
       e[r] = () => i;
     }
   }), e;
 }
-function Se(t, e) {
+function ye(t, e) {
   typeof t == "function" ? t(e) : t.current = e;
 }
-function jr(t, e) {
+function Hr(t, e) {
   const r = t.ref;
   return l(typeof r != "string", "Cannot connect React DnD to an element with an existing string ref. Please convert it to use a callback ref instead, or wrap it into a <span> or <div>. Read more: https://reactjs.org/docs/refs-and-the-dom.html#callback-refs"), r ? ae(t, {
     ref: (n) => {
-      Se(r, n), Se(e, n);
+      ye(r, n), ye(e, n);
     }
   }) : ae(t, {
     ref: e
   });
 }
-class Ur {
+class jr {
   receiveHandlerId(e) {
     this.handlerId !== e && (this.handlerId = e, this.reconnect());
   }
@@ -1494,7 +1493,7 @@ class Ur {
     this.dragPreviewNode = null, this.dragPreviewRef = null;
   }
   constructor(e) {
-    this.hooks = Ae({
+    this.hooks = ke({
       dragSource: (r, n) => {
         this.clearDragSource(), this.dragSourceOptions = n || null, J(r) ? this.dragSourceRef = r : this.dragSourceNode = r, this.reconnectDragSource();
       },
@@ -1504,7 +1503,7 @@ class Ur {
     }), this.handlerId = null, this.dragSourceRef = null, this.dragSourceOptionsInternal = null, this.dragPreviewRef = null, this.dragPreviewOptionsInternal = null, this.lastConnectedHandlerId = null, this.lastConnectedDragSource = null, this.lastConnectedDragSourceOptions = null, this.lastConnectedDragPreview = null, this.lastConnectedDragPreviewOptions = null, this.backend = e;
   }
 }
-class Vr {
+class Ur {
   get connectTarget() {
     return this.dropTarget;
   }
@@ -1548,7 +1547,7 @@ class Vr {
     this.dropTargetRef = null, this.dropTargetNode = null;
   }
   constructor(e) {
-    this.hooks = Ae({
+    this.hooks = ke({
       dropTarget: (r, n) => {
         this.clearDropTarget(), this.dropTargetOptions = n, J(r) ? this.dropTargetRef = r : this.dropTargetNode = r, this.reconnect();
       }
@@ -1556,12 +1555,12 @@ class Vr {
   }
 }
 function x() {
-  const { dragDropManager: t } = ze(we);
+  const { dragDropManager: t } = We(Ie);
   return l(t != null, "Expected drag drop context"), t;
 }
-function Fr(t, e) {
+function Vr(t, e) {
   const r = x(), n = b(
-    () => new Ur(r.getBackend()),
+    () => new jr(r.getBackend()),
     [
       r
     ]
@@ -1574,16 +1573,16 @@ function Fr(t, e) {
     e
   ]), n;
 }
-function Br() {
+function Fr() {
   const t = x();
   return b(
-    () => new Mr(t),
+    () => new Rr(t),
     [
       t
     ]
   );
 }
-class qr {
+class Br {
   beginDrag() {
     const e = this.spec, r = this.monitor;
     let n = null;
@@ -1594,8 +1593,8 @@ class qr {
     return typeof e.canDrag == "boolean" ? e.canDrag : typeof e.canDrag == "function" ? e.canDrag(r) : !0;
   }
   isDragging(e, r) {
-    const n = this.spec, i = this.monitor, { isDragging: s } = n;
-    return s ? s(i) : r === e.getSourceId();
+    const n = this.spec, i = this.monitor, { isDragging: o } = n;
+    return o ? o(i) : r === e.getSourceId();
   }
   endDrag() {
     const e = this.spec, r = this.monitor, n = this.connector, { end: i } = e;
@@ -1605,9 +1604,9 @@ class qr {
     this.spec = e, this.monitor = r, this.connector = n;
   }
 }
-function $r(t, e, r) {
+function qr(t, e, r) {
   const n = b(
-    () => new qr(t, e, r),
+    () => new Br(t, e, r),
     [
       e,
       r
@@ -1619,7 +1618,7 @@ function $r(t, e, r) {
     t
   ]), n;
 }
-function Gr(t) {
+function $r(t) {
   return b(() => {
     const e = t.type;
     return l(e != null, "spec.type must be defined"), e;
@@ -1627,11 +1626,11 @@ function Gr(t) {
     t
   ]);
 }
-function Yr(t, e, r) {
-  const n = x(), i = $r(t, e, r), s = Gr(t);
+function Gr(t, e, r) {
+  const n = x(), i = qr(t, e, r), o = $r(t);
   C(function() {
-    if (s != null) {
-      const [a, c] = kr(s, i, n);
+    if (o != null) {
+      const [a, c] = Lr(o, i, n);
       return e.receiveHandlerId(a), r.receiveHandlerId(a), c;
     }
   }, [
@@ -1639,20 +1638,20 @@ function Yr(t, e, r) {
     e,
     r,
     i,
-    s
+    o
   ]);
 }
-function Xr(t, e) {
-  const r = ke(t);
+function Yr(t, e) {
+  const r = Le(t);
   l(!r.begin, "useDrag::spec.begin was deprecated in v14. Replace spec.begin() with spec.item(). (see more here - https://react-dnd.github.io/react-dnd/docs/api/use-drag)");
-  const n = Br(), i = Fr(r.options, r.previewOptions);
-  return Yr(r, n, i), [
-    Le(r.collect, n, i),
-    xr(i),
-    Rr(i)
+  const n = Fr(), i = Vr(r.options, r.previewOptions);
+  return Gr(r, n, i), [
+    _e(r.collect, n, i),
+    Pr(i),
+    xr(i)
   ];
 }
-function Wr(t) {
+function Xr(t) {
   return b(
     () => t.hooks.dropTarget(),
     [
@@ -1660,9 +1659,9 @@ function Wr(t) {
     ]
   );
 }
-function zr(t) {
+function Wr(t) {
   const e = x(), r = b(
-    () => new Vr(e.getBackend()),
+    () => new Ur(e.getBackend()),
     [
       e
     ]
@@ -1671,16 +1670,16 @@ function zr(t) {
     t
   ]), r;
 }
-function Qr() {
+function zr() {
   const t = x();
   return b(
-    () => new _r(t),
+    () => new Mr(t),
     [
       t
     ]
   );
 }
-function Kr(t) {
+function Qr(t) {
   const { accept: e } = t;
   return b(() => (l(t.accept != null, "accept must be defined"), Array.isArray(e) ? e : [
     e
@@ -1688,7 +1687,7 @@ function Kr(t) {
     e
   ]);
 }
-class Jr {
+class Kr {
   canDrop() {
     const e = this.spec, r = this.monitor;
     return e.canDrop ? e.canDrop(r.getItem(), r) : !0;
@@ -1706,9 +1705,9 @@ class Jr {
     this.spec = e, this.monitor = r;
   }
 }
-function Zr(t, e) {
+function Jr(t, e) {
   const r = b(
-    () => new Jr(t, e),
+    () => new Kr(t, e),
     [
       e
     ]
@@ -1719,55 +1718,55 @@ function Zr(t, e) {
     t
   ]), r;
 }
-function en(t, e, r) {
-  const n = x(), i = Zr(t, e), s = Kr(t);
+function Zr(t, e, r) {
+  const n = x(), i = Jr(t, e), o = Qr(t);
   C(function() {
-    const [a, c] = Lr(s, i, n);
+    const [a, c] = _r(o, i, n);
     return e.receiveHandlerId(a), r.receiveHandlerId(a), c;
   }, [
     n,
     e,
     i,
     r,
-    s.map(
-      (o) => o.toString()
+    o.map(
+      (s) => s.toString()
     ).join("|")
   ]);
 }
-function tn(t, e) {
-  const r = ke(t), n = Qr(), i = zr(r.options);
-  return en(r, n, i), [
-    Le(r.collect, n, i),
-    Wr(i)
+function en(t, e) {
+  const r = Le(t), n = zr(), i = Wr(r.options);
+  return Zr(r, n, i), [
+    _e(r.collect, n, i),
+    Xr(i)
   ];
 }
-function He(t) {
+function Ae(t) {
   let e = null;
   return () => (e == null && (e = t()), e);
 }
-function rn(t, e) {
+function tn(t, e) {
   return t.filter(
     (r) => r !== e
   );
 }
-function nn(t, e) {
-  const r = /* @__PURE__ */ new Set(), n = (s) => r.add(s);
+function rn(t, e) {
+  const r = /* @__PURE__ */ new Set(), n = (o) => r.add(o);
   t.forEach(n), e.forEach(n);
   const i = [];
   return r.forEach(
-    (s) => i.push(s)
+    (o) => i.push(o)
   ), i;
 }
-class sn {
+class nn {
   enter(e) {
     const r = this.entered.length, n = (i) => this.isNodeInDocument(i) && (!i.contains || i.contains(e));
-    return this.entered = nn(this.entered.filter(n), [
+    return this.entered = rn(this.entered.filter(n), [
       e
     ]), r === 0 && this.entered.length > 0;
   }
   leave(e) {
     const r = this.entered.length;
-    return this.entered = rn(this.entered.filter(this.isNodeInDocument), e), r > 0 && this.entered.length === 0;
+    return this.entered = tn(this.entered.filter(this.isNodeInDocument), e), r > 0 && this.entered.length === 0;
   }
   reset() {
     this.entered = [];
@@ -1816,22 +1815,22 @@ class on {
     this.config = e, this.item = {}, this.initializeExposedProperties();
   }
 }
-const je = "__NATIVE_FILE__", Ue = "__NATIVE_URL__", Ve = "__NATIVE_TEXT__", Fe = "__NATIVE_HTML__", Oe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const He = "__NATIVE_FILE__", je = "__NATIVE_URL__", Ue = "__NATIVE_TEXT__", Ve = "__NATIVE_HTML__", Se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  FILE: je,
-  HTML: Fe,
-  TEXT: Ve,
-  URL: Ue
+  FILE: He,
+  HTML: Ve,
+  TEXT: Ue,
+  URL: je
 }, Symbol.toStringTag, { value: "Module" }));
 function X(t, e, r) {
   const n = e.reduce(
-    (i, s) => i || t.getData(s),
+    (i, o) => i || t.getData(o),
     ""
   );
   return n ?? r;
 }
 const Z = {
-  [je]: {
+  [He]: {
     exposeProperties: {
       files: (t) => Array.prototype.slice.call(t.files),
       items: (t) => t.items,
@@ -1841,7 +1840,7 @@ const Z = {
       "Files"
     ]
   },
-  [Fe]: {
+  [Ve]: {
     exposeProperties: {
       html: (t, e) => X(t, e, ""),
       dataTransfer: (t) => t
@@ -1851,7 +1850,7 @@ const Z = {
       "text/html"
     ]
   },
-  [Ue]: {
+  [je]: {
     exposeProperties: {
       urls: (t, e) => X(t, e, "").split(`
 `),
@@ -1862,7 +1861,7 @@ const Z = {
       "text/uri-list"
     ]
   },
-  [Ve]: {
+  [Ue]: {
     exposeProperties: {
       text: (t, e) => X(t, e, ""),
       dataTransfer: (t) => t
@@ -1873,7 +1872,7 @@ const Z = {
     ]
   }
 };
-function an(t, e) {
+function sn(t, e) {
   const r = Z[t];
   if (!r)
     throw new Error(`native type ${t} has no configuration`);
@@ -1891,18 +1890,18 @@ function W(t) {
     ) : !1;
   })[0] || null;
 }
-const cn = He(
+const an = Ae(
   () => /firefox/i.test(navigator.userAgent)
-), Be = He(
+), Fe = Ae(
   () => !!window.safari
 );
-class Te {
+class Oe {
   interpolate(e) {
-    const { xs: r, ys: n, c1s: i, c2s: s, c3s: o } = this;
+    const { xs: r, ys: n, c1s: i, c2s: o, c3s: s } = this;
     let a = r.length - 1;
     if (e === r[a])
       return n[a];
-    let c = 0, d = o.length - 1, f;
+    let c = 0, d = s.length - 1, f;
     for (; c <= d; ) {
       f = Math.floor(0.5 * (c + d));
       const u = r[f];
@@ -1915,7 +1914,7 @@ class Te {
     }
     a = Math.max(0, d);
     const p = e - r[a], g = p * p;
-    return n[a] + i[a] * p + s[a] * g + o[a] * p * g;
+    return n[a] + i[a] * p + o[a] * g + s[a] * p * g;
   }
   constructor(e, r) {
     const { length: n } = e, i = [];
@@ -1924,37 +1923,37 @@ class Te {
     i.sort(
       (u, D) => e[u] < e[D] ? -1 : 1
     );
-    const s = [], o = [];
+    const o = [], s = [];
     let a, c;
     for (let u = 0; u < n - 1; u++)
-      a = e[u + 1] - e[u], c = r[u + 1] - r[u], s.push(a), o.push(c / a);
+      a = e[u + 1] - e[u], c = r[u + 1] - r[u], o.push(a), s.push(c / a);
     const d = [
-      o[0]
+      s[0]
     ];
-    for (let u = 0; u < s.length - 1; u++) {
-      const D = o[u], h = o[u + 1];
+    for (let u = 0; u < o.length - 1; u++) {
+      const D = s[u], h = s[u + 1];
       if (D * h <= 0)
         d.push(0);
       else {
-        a = s[u];
-        const v = s[u + 1], y = a + v;
+        a = o[u];
+        const v = o[u + 1], y = a + v;
         d.push(3 * y / ((y + v) / D + (y + a) / h));
       }
     }
-    d.push(o[o.length - 1]);
+    d.push(s[s.length - 1]);
     const f = [], p = [];
     let g;
     for (let u = 0; u < d.length - 1; u++) {
-      g = o[u];
-      const D = d[u], h = 1 / s[u], v = D + d[u + 1] - g - g;
+      g = s[u];
+      const D = d[u], h = 1 / o[u], v = D + d[u + 1] - g - g;
       f.push((g - D - v) * h), p.push(v * h * h);
     }
     this.xs = e, this.ys = r, this.c1s = d, this.c2s = f, this.c3s = p;
   }
 }
-const un = 1;
-function qe(t) {
-  const e = t.nodeType === un ? t : t.parentElement;
+const cn = 1;
+function Be(t) {
+  const e = t.nodeType === cn ? t : t.parentElement;
   if (!e)
     return null;
   const { top: r, left: n } = e.getBoundingClientRect();
@@ -1969,23 +1968,23 @@ function M(t) {
     y: t.clientY
   };
 }
-function ln(t) {
+function un(t) {
   var e;
-  return t.nodeName === "IMG" && (cn() || !(!((e = document.documentElement) === null || e === void 0) && e.contains(t)));
+  return t.nodeName === "IMG" && (an() || !(!((e = document.documentElement) === null || e === void 0) && e.contains(t)));
 }
-function dn(t, e, r, n) {
-  let i = t ? e.width : r, s = t ? e.height : n;
-  return Be() && t && (s /= window.devicePixelRatio, i /= window.devicePixelRatio), {
+function ln(t, e, r, n) {
+  let i = t ? e.width : r, o = t ? e.height : n;
+  return Fe() && t && (o /= window.devicePixelRatio, i /= window.devicePixelRatio), {
     dragPreviewWidth: i,
-    dragPreviewHeight: s
+    dragPreviewHeight: o
   };
 }
-function gn(t, e, r, n, i) {
-  const s = ln(e), a = qe(s ? t : e), c = {
+function dn(t, e, r, n, i) {
+  const o = un(e), a = Be(o ? t : e), c = {
     x: r.x - a.x,
     y: r.y - a.y
-  }, { offsetWidth: d, offsetHeight: f } = t, { anchorX: p, anchorY: g } = n, { dragPreviewWidth: u, dragPreviewHeight: D } = dn(s, e, d, f), h = () => {
-    let oe = new Te([
+  }, { offsetWidth: d, offsetHeight: f } = t, { anchorX: p, anchorY: g } = n, { dragPreviewWidth: u, dragPreviewHeight: D } = ln(o, e, d, f), h = () => {
+    let se = new Oe([
       0,
       0.5,
       1
@@ -1997,8 +1996,8 @@ function gn(t, e, r, n, i) {
       // Dock to the bottom
       c.y + D - f
     ]).interpolate(g);
-    return Be() && s && (oe += (window.devicePixelRatio - 1) * D), oe;
-  }, v = () => new Te([
+    return Fe() && o && (se += (window.devicePixelRatio - 1) * D), se;
+  }, v = () => new Oe([
     0,
     0.5,
     1
@@ -2015,7 +2014,7 @@ function gn(t, e, r, n, i) {
     y: F ? S : h()
   };
 }
-class fn {
+class gn {
   get window() {
     if (this.globalContext)
       return this.globalContext;
@@ -2034,7 +2033,7 @@ class fn {
     this.ownerDocument = null, this.globalContext = e, this.optionsArgs = r;
   }
 }
-function hn(t, e, r) {
+function fn(t, e, r) {
   return e in t ? Object.defineProperty(t, e, {
     value: r,
     enumerable: !0,
@@ -2042,18 +2041,18 @@ function hn(t, e, r) {
     writable: !0
   }) : t[e] = r, t;
 }
-function be(t) {
+function Te(t) {
   for (var e = 1; e < arguments.length; e++) {
     var r = arguments[e] != null ? arguments[e] : {}, n = Object.keys(r);
     typeof Object.getOwnPropertySymbols == "function" && (n = n.concat(Object.getOwnPropertySymbols(r).filter(function(i) {
       return Object.getOwnPropertyDescriptor(r, i).enumerable;
     }))), n.forEach(function(i) {
-      hn(t, i, r[i]);
+      fn(t, i, r[i]);
     });
   }
   return t;
 }
-class pn {
+class hn {
   /**
   * Generate profiling statistics for the HTML5Backend.
   */
@@ -2105,15 +2104,15 @@ class pn {
   }
   connectDragSource(e, r, n) {
     this.sourceNodes.set(e, r), this.sourceNodeOptions.set(e, n);
-    const i = (o) => this.handleDragStart(o, e), s = (o) => this.handleSelectStart(o);
-    return r.setAttribute("draggable", "true"), r.addEventListener("dragstart", i), r.addEventListener("selectstart", s), () => {
-      this.sourceNodes.delete(e), this.sourceNodeOptions.delete(e), r.removeEventListener("dragstart", i), r.removeEventListener("selectstart", s), r.setAttribute("draggable", "false");
+    const i = (s) => this.handleDragStart(s, e), o = (s) => this.handleSelectStart(s);
+    return r.setAttribute("draggable", "true"), r.addEventListener("dragstart", i), r.addEventListener("selectstart", o), () => {
+      this.sourceNodes.delete(e), this.sourceNodeOptions.delete(e), r.removeEventListener("dragstart", i), r.removeEventListener("selectstart", o), r.setAttribute("draggable", "false");
     };
   }
   connectDropTarget(e, r) {
-    const n = (o) => this.handleDragEnter(o, e), i = (o) => this.handleDragOver(o, e), s = (o) => this.handleDrop(o, e);
-    return r.addEventListener("dragenter", n), r.addEventListener("dragover", i), r.addEventListener("drop", s), () => {
-      r.removeEventListener("dragenter", n), r.removeEventListener("dragover", i), r.removeEventListener("drop", s);
+    const n = (s) => this.handleDragEnter(s, e), i = (s) => this.handleDragOver(s, e), o = (s) => this.handleDrop(s, e);
+    return r.addEventListener("dragenter", n), r.addEventListener("dragover", i), r.addEventListener("drop", o), () => {
+      r.removeEventListener("dragenter", n), r.removeEventListener("dragover", i), r.removeEventListener("drop", o);
     };
   }
   addEventListeners(e) {
@@ -2124,7 +2123,7 @@ class pn {
   }
   getCurrentSourceNodeOptions() {
     const e = this.monitor.getSourceId(), r = this.sourceNodeOptions.get(e);
-    return be({
+    return Te({
       dropEffect: this.altKeyPressed ? "copy" : "move"
     }, r || {});
   }
@@ -2133,7 +2132,7 @@ class pn {
   }
   getCurrentSourcePreviewNodeOptions() {
     const e = this.monitor.getSourceId(), r = this.sourcePreviewNodeOptions.get(e);
-    return be({
+    return Te({
       anchorX: 0.5,
       anchorY: 0.5,
       captureDraggingState: !1
@@ -2141,12 +2140,12 @@ class pn {
   }
   isDraggingNativeItem() {
     const e = this.monitor.getItemType();
-    return Object.keys(Oe).some(
-      (r) => Oe[r] === e
+    return Object.keys(Se).some(
+      (r) => Se[r] === e
     );
   }
   beginDragNativeItem(e, r) {
-    this.clearCurrentDragSourceNode(), this.currentNativeSource = an(e, r), this.currentNativeHandle = this.registry.addSource(e, this.currentNativeSource), this.actions.beginDrag([
+    this.clearCurrentDragSourceNode(), this.currentNativeSource = sn(e, r), this.currentNativeHandle = this.registry.addSource(e, this.currentNativeSource), this.actions.beginDrag([
       this.currentNativeHandle
     ]);
   }
@@ -2182,8 +2181,8 @@ class pn {
   }
   constructor(e, r, n) {
     this.sourcePreviewNodes = /* @__PURE__ */ new Map(), this.sourcePreviewNodeOptions = /* @__PURE__ */ new Map(), this.sourceNodes = /* @__PURE__ */ new Map(), this.sourceNodeOptions = /* @__PURE__ */ new Map(), this.dragStartSourceIds = null, this.dropTargetIds = [], this.dragEnterTargetIds = [], this.currentNativeSource = null, this.currentNativeHandle = null, this.currentDragSourceNode = null, this.altKeyPressed = !1, this.mouseMoveTimeoutTimer = null, this.asyncEndDragFrameId = null, this.dragOverTargetIds = null, this.lastClientOffset = null, this.hoverRafId = null, this.getSourceClientOffset = (i) => {
-      const s = this.sourceNodes.get(i);
-      return s && qe(s) || null;
+      const o = this.sourceNodes.get(i);
+      return o && Be(o) || null;
     }, this.endDragNativeItem = () => {
       this.isDraggingNativeItem() && (this.actions.endDrag(), this.currentNativeHandle && this.registry.removeSource(this.currentNativeHandle), this.currentNativeHandle = null, this.currentNativeSource = null);
     }, this.isNodeInDocument = (i) => !!(i && this.document && this.document.body && this.document.body.contains(i)), this.endDragIfSourceWasRemovedFromDOM = () => {
@@ -2202,20 +2201,20 @@ class pn {
     }, this.handleTopDragStart = (i) => {
       if (i.defaultPrevented)
         return;
-      const { dragStartSourceIds: s } = this;
+      const { dragStartSourceIds: o } = this;
       this.dragStartSourceIds = null;
-      const o = M(i);
-      this.monitor.isDragging() && (this.actions.endDrag(), this.cancelHover()), this.actions.beginDrag(s || [], {
+      const s = M(i);
+      this.monitor.isDragging() && (this.actions.endDrag(), this.cancelHover()), this.actions.beginDrag(o || [], {
         publishSource: !1,
         getSourceClientOffset: this.getSourceClientOffset,
-        clientOffset: o
+        clientOffset: s
       });
       const { dataTransfer: a } = i, c = W(a);
       if (this.monitor.isDragging()) {
         if (a && typeof a.setDragImage == "function") {
           const f = this.monitor.getSourceId(), p = this.sourceNodes.get(f), g = this.sourcePreviewNodes.get(f) || p;
           if (g) {
-            const { anchorX: u, anchorY: D, offsetX: h, offsetY: v } = this.getCurrentSourcePreviewNodeOptions(), I = gn(p, g, o, {
+            const { anchorX: u, anchorY: D, offsetX: h, offsetY: v } = this.getCurrentSourcePreviewNodeOptions(), I = dn(p, g, s, {
               anchorX: u,
               anchorY: D
             }, {
@@ -2246,34 +2245,34 @@ class pn {
       this.clearCurrentDragSourceNode() && this.monitor.isDragging() && this.actions.endDrag(), this.cancelHover();
     }, this.handleTopDragEnterCapture = (i) => {
       if (this.dragEnterTargetIds = [], this.isDraggingNativeItem()) {
-        var s;
-        (s = this.currentNativeSource) === null || s === void 0 || s.loadDataTransfer(i.dataTransfer);
+        var o;
+        (o = this.currentNativeSource) === null || o === void 0 || o.loadDataTransfer(i.dataTransfer);
       }
       if (!this.enterLeaveCounter.enter(i.target) || this.monitor.isDragging())
         return;
       const { dataTransfer: a } = i, c = W(a);
       c && this.beginDragNativeItem(c, a);
     }, this.handleTopDragEnter = (i) => {
-      const { dragEnterTargetIds: s } = this;
+      const { dragEnterTargetIds: o } = this;
       if (this.dragEnterTargetIds = [], !this.monitor.isDragging())
         return;
-      this.altKeyPressed = i.altKey, s.length > 0 && this.actions.hover(s, {
+      this.altKeyPressed = i.altKey, o.length > 0 && this.actions.hover(o, {
         clientOffset: M(i)
-      }), s.some(
+      }), o.some(
         (a) => this.monitor.canDropOnTarget(a)
       ) && (i.preventDefault(), i.dataTransfer && (i.dataTransfer.dropEffect = this.getCurrentDropEffect()));
     }, this.handleTopDragOverCapture = (i) => {
       if (this.dragOverTargetIds = [], this.isDraggingNativeItem()) {
-        var s;
-        (s = this.currentNativeSource) === null || s === void 0 || s.loadDataTransfer(i.dataTransfer);
+        var o;
+        (o = this.currentNativeSource) === null || o === void 0 || o.loadDataTransfer(i.dataTransfer);
       }
     }, this.handleTopDragOver = (i) => {
-      const { dragOverTargetIds: s } = this;
+      const { dragOverTargetIds: o } = this;
       if (this.dragOverTargetIds = [], !this.monitor.isDragging()) {
         i.preventDefault(), i.dataTransfer && (i.dataTransfer.dropEffect = "none");
         return;
       }
-      this.altKeyPressed = i.altKey, this.lastClientOffset = M(i), this.scheduleHover(s), (s || []).some(
+      this.altKeyPressed = i.altKey, this.lastClientOffset = M(i), this.scheduleHover(o), (o || []).some(
         (a) => this.monitor.canDropOnTarget(a)
       ) ? (i.preventDefault(), i.dataTransfer && (i.dataTransfer.dropEffect = this.getCurrentDropEffect())) : this.isDraggingNativeItem() ? i.preventDefault() : (i.preventDefault(), i.dataTransfer && (i.dataTransfer.dropEffect = "none"));
     }, this.handleTopDragLeaveCapture = (i) => {
@@ -2283,81 +2282,86 @@ class pn {
       ), this.cancelHover());
     }, this.handleTopDropCapture = (i) => {
       if (this.dropTargetIds = [], this.isDraggingNativeItem()) {
-        var s;
-        i.preventDefault(), (s = this.currentNativeSource) === null || s === void 0 || s.loadDataTransfer(i.dataTransfer);
+        var o;
+        i.preventDefault(), (o = this.currentNativeSource) === null || o === void 0 || o.loadDataTransfer(i.dataTransfer);
       } else W(i.dataTransfer) && i.preventDefault();
       this.enterLeaveCounter.reset();
     }, this.handleTopDrop = (i) => {
-      const { dropTargetIds: s } = this;
-      this.dropTargetIds = [], this.actions.hover(s, {
+      const { dropTargetIds: o } = this;
+      this.dropTargetIds = [], this.actions.hover(o, {
         clientOffset: M(i)
       }), this.actions.drop({
         dropEffect: this.getCurrentDropEffect()
       }), this.isDraggingNativeItem() ? this.endDragNativeItem() : this.monitor.isDragging() && this.actions.endDrag(), this.cancelHover();
     }, this.handleSelectStart = (i) => {
-      const s = i.target;
-      typeof s.dragDrop == "function" && (s.tagName === "INPUT" || s.tagName === "SELECT" || s.tagName === "TEXTAREA" || s.isContentEditable || (i.preventDefault(), s.dragDrop()));
-    }, this.options = new fn(r, n), this.actions = e.getActions(), this.monitor = e.getMonitor(), this.registry = e.getRegistry(), this.enterLeaveCounter = new sn(this.isNodeInDocument);
+      const o = i.target;
+      typeof o.dragDrop == "function" && (o.tagName === "INPUT" || o.tagName === "SELECT" || o.tagName === "TEXTAREA" || o.isContentEditable || (i.preventDefault(), o.dragDrop()));
+    }, this.options = new gn(r, n), this.actions = e.getActions(), this.monitor = e.getMonitor(), this.registry = e.getRegistry(), this.enterLeaveCounter = new nn(this.isNodeInDocument);
   }
 }
-const mn = function(e, r, n) {
-  return new pn(e, r, n);
-}, vn = (t) => /* @__PURE__ */ w.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ w.createElement("circle", { cx: 6, cy: 4, r: 1.25, fill: "#2B2B2B" }), /* @__PURE__ */ w.createElement("circle", { cx: 10, cy: 4, r: 1.25, fill: "#2B2B2B" }), /* @__PURE__ */ w.createElement("circle", { cx: 6, cy: 8, r: 1.25, fill: "#2B2B2B" }), /* @__PURE__ */ w.createElement("circle", { cx: 10, cy: 8, r: 1.25, fill: "#2B2B2B" }), /* @__PURE__ */ w.createElement("circle", { cx: 6, cy: 12, r: 1.25, fill: "#2B2B2B" }), /* @__PURE__ */ w.createElement("circle", { cx: 10, cy: 12, r: 1.25, fill: "#2B2B2B" }));
-function Dn({
+const pn = function(e, r, n) {
+  return new hn(e, r, n);
+}, mn = (t) => /* @__PURE__ */ w.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ w.createElement("circle", { cx: 6, cy: 4, r: 1.25, fill: "#2B2B2B" }), /* @__PURE__ */ w.createElement("circle", { cx: 10, cy: 4, r: 1.25, fill: "#2B2B2B" }), /* @__PURE__ */ w.createElement("circle", { cx: 6, cy: 8, r: 1.25, fill: "#2B2B2B" }), /* @__PURE__ */ w.createElement("circle", { cx: 10, cy: 8, r: 1.25, fill: "#2B2B2B" }), /* @__PURE__ */ w.createElement("circle", { cx: 6, cy: 12, r: 1.25, fill: "#2B2B2B" }), /* @__PURE__ */ w.createElement("circle", { cx: 10, cy: 12, r: 1.25, fill: "#2B2B2B" }));
+function vn({
   column: t,
   index: e,
   moveListItem: r,
   visibility: n,
   onToggleVisibility: i
 }) {
-  const s = t.isDraggable !== !1, o = t.toogleVisibility !== !1 && t.toggleVisibility !== !1, a = Qe(null), [, c] = tn({
+  const o = t.isDraggable !== !1, s = t.toogleVisibility !== !1 && t.toggleVisibility !== !1, a = ze(null), [, c] = en({
     accept: ce,
     hover(p) {
-      s && p.index !== e && (r(p.index, e), p.index = e);
+      o && p.index !== e && (r(p.index, e), p.index = e);
     }
-  }), [{ isDragging: d }, f] = Xr({
+  }), [{ isDragging: d }, f] = Yr({
     type: ce,
     item: { index: e },
-    canDrag: s,
+    canDrag: o,
     collect: (p) => ({
       isDragging: p.isDragging()
     })
   });
-  return s ? f(c(a)) : c(a), /* @__PURE__ */ E(
+  return o ? f(c(a)) : c(a), /* @__PURE__ */ E(
     "div",
     {
       ref: a,
-      className: ue(
-        "ckds-dragable-list-item flex items-center p-2 border-none rounded-md gap-1",
-        d ? "opacity-50" : "opacity-100"
-      ),
+      className: "ckds-dragable-list-item",
+      style: { opacity: d ? 0.5 : 1 },
       children: [
-        /* @__PURE__ */ m("div", { className: ue("ckds-drag-handle", s ? "cursor-move" : "opacity-30 cursor-not-allowed"), children: /* @__PURE__ */ m(vn, { className: "text-base-content" }) }),
-        /* @__PURE__ */ m(_, { variant: "body-sm", className: "text-base-content text-xs grow ml-2", children: t.header }),
         /* @__PURE__ */ m(
-          Ke,
+          "div",
+          {
+            className: "ckds-drag-handle",
+            style: { cursor: o ? "grab" : "not-allowed", opacity: o ? 1 : 0.3 },
+            children: /* @__PURE__ */ m(mn, { style: { color: "var(--ckcl-black-500, #2b2b2b)" } })
+          }
+        ),
+        /* @__PURE__ */ m(_, { variant: "body-sm", className: "ckds-dragable-list-item-label", children: t.header }),
+        /* @__PURE__ */ m(
+          Qe,
           {
             checked: n[t.accessorKey] !== !1,
             onChange: () => i(t.accessorKey),
-            disabled: !o,
-            className: "mr-2"
+            disabled: !s,
+            className: "ckds-dragable-list-item-toggle"
           }
         )
       ]
     }
   );
 }
-function Rn({
+function Pn({
   draftConfig: t,
   setDraftConfig: e,
   moveDraftColumn: r,
   handleApplyPref: n,
   setModalOpen: i,
-  handleResetToDefault: s,
-  isDefault: o,
+  handleResetToDefault: o,
+  isDefault: s,
   isConfigChanged: a
 }) {
-  const [c, d] = Ee(""), f = Ie(
+  const [c, d] = be(""), f = Ee(
     (g) => {
       e((u) => ({
         ...u,
@@ -2371,32 +2375,33 @@ function Rn({
   ), p = t.columns.filter(
     (g) => g.header.toLowerCase().includes(c.toLowerCase())
   );
-  return /* @__PURE__ */ E(Tr, { backend: mn, children: [
+  return /* @__PURE__ */ E(Or, { backend: pn, children: [
     /* @__PURE__ */ E("div", { className: "ckds-column-manager-wrapper", children: [
-      /* @__PURE__ */ E("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ E("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
         /* @__PURE__ */ m(_, { variant: "body-lg", weight: "semibold", children: "Column Manager" }),
         /* @__PURE__ */ m(
           B,
           {
-            onClick: s,
+            onClick: o,
             variant: "hyperlink",
-            disabled: o,
-            icons: { left: /* @__PURE__ */ m(Je, {}) },
+            disabled: s,
+            icons: { left: /* @__PURE__ */ m(Ke, {}) },
             label: "Reset to default"
           }
         )
       ] }),
-      /* @__PURE__ */ E("div", { className: "flex mt-6", children: [
-        /* @__PURE__ */ m(et, { draftConfig: t, setDraftConfig: e }),
-        /* @__PURE__ */ E("div", { className: "flex-1 ml-7", children: [
+      /* @__PURE__ */ E("div", { style: { display: "flex", marginTop: "24px" }, children: [
+        /* @__PURE__ */ m(Ze, { draftConfig: t, setDraftConfig: e }),
+        /* @__PURE__ */ E("div", { style: { flex: 1, marginLeft: "28px" }, children: [
           /* @__PURE__ */ m(_, { variant: "body-sm", weight: "medium", children: "Visible Columns" }),
-          /* @__PURE__ */ m(_, { variant: "body-xs", className: "text-base-400", children: "Toggle columns on/off and drag to reorder" }),
+          /* @__PURE__ */ m(_, { variant: "body-xs", color: "secondary", children: "Toggle columns on/off and drag to reorder" }),
           /* @__PURE__ */ m(
             "div",
             {
-              className: `pb-3 mt-4 ${p.length > 9 ? "ckds-search-border-bottom" : ""}`,
+              className: p.length > 9 ? "ckds-search-border-bottom" : "",
+              style: { paddingBottom: "12px", marginTop: "16px" },
               children: /* @__PURE__ */ E("div", { className: "ckds-search-input-wrapper", children: [
-                /* @__PURE__ */ m(Ze, {}),
+                /* @__PURE__ */ m(Je, {}),
                 /* @__PURE__ */ m(
                   "input",
                   {
@@ -2409,8 +2414,8 @@ function Rn({
               ] })
             }
           ),
-          /* @__PURE__ */ m("div", { children: c && p.length === 0 ? /* @__PURE__ */ m("div", { className: "flex flex-1 items-center justify-center h-[318px]", children: /* @__PURE__ */ m("p", { className: "text-sm text-base-400", children: "No columns found" }) }) : /* @__PURE__ */ m("div", { className: "ckds-dragable-list ckds-custom-scrollbar", children: p.map((g, u) => /* @__PURE__ */ m(
-            Dn,
+          /* @__PURE__ */ m("div", { children: c && p.length === 0 ? /* @__PURE__ */ m("div", { style: { display: "flex", flex: 1, alignItems: "center", justifyContent: "center", height: "318px" }, children: /* @__PURE__ */ m("p", { className: "text-sm", style: { color: "var(--ckcl-black-400, #737373)" }, children: "No columns found" }) }) : /* @__PURE__ */ m("div", { className: "ckds-dragable-list ckds-custom-scrollbar", children: p.map((g, u) => /* @__PURE__ */ m(
+            vn,
             {
               column: g,
               index: u,
@@ -2447,5 +2452,5 @@ function Rn({
   ] });
 }
 export {
-  Rn as default
+  Pn as default
 };