@ck-ui/component-library 1.0.0 → 1.0.2

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

@@ -1,14 +1,14 @@
-import { jsx as m, jsxs as E } from "react/jsx-runtime";
-import * as w 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 { jsx as m, jsxs as I } from "react/jsx-runtime";
+import * as E 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 ze, cloneElement as ae, useContext as We, useRef as Xe } from "react";
+import { CKButton as F } from "../../../CKButton/index.js";
 import { Typography as _ } from "../../../Typography/index.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 { S as Ze } from "../../../../reset-icon-YxMt3Ozp.js";
+import { S as Qe } from "../../../../search-B_cup-NN.js";
+import { ColumnConfig as Ke } from "./ColumnConfig.js";
 import { COLUMN_ITEM_TYPE as ce } from "../../constants.js";
-import '../../../../assets/styles-BTZL03H2.css';/* empty css                          */
+import '../../../../assets/styles-DLJzdWsF.css';/* empty css                          */
+import { Toggle as Je } from "../../../Toggle/index.js";
 import { g as et } from "../../../../_commonjsHelpers-C6fGbg64.js";
 const Ie = $e({
   dragDropManager: void 0
@@ -16,9 +16,9 @@ const Ie = $e({
 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 ue = (function() {
+var ue = function() {
   return typeof Symbol == "function" && Symbol.observable || "@@observable";
-})(), le = function() {
+}(), le = function() {
   return Math.random().toString(36).substring(7).split("").join(".");
 }, de = {
   INIT: "@@redux/INIT" + le(),
@@ -43,7 +43,7 @@ function rt(t) {
       return e;
   }
   if (Array.isArray(t)) return "array";
-  if (ot(t)) return "date";
+  if (st(t)) return "date";
   if (it(t)) return "error";
   var r = nt(t);
   switch (r) {
@@ -63,32 +63,32 @@ function nt(t) {
 function it(t) {
   return t instanceof Error || typeof t.message == "string" && t.constructor && typeof t.constructor.stackTraceLimit == "number";
 }
-function ot(t) {
+function st(t) {
   return t instanceof Date ? !0 : typeof t.toDateString == "function" && typeof t.getDate == "function" && typeof t.setDate == "function";
 }
 function N(t) {
   var e = typeof t;
   return process.env.NODE_ENV !== "production" && (e = rt(t)), e;
 }
-function we(t, e, r) {
+function Ce(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(we)(t, e);
+    return r(Ce)(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, o = e, s = [], a = s, c = !1;
+  var i = t, s = e, o = [], a = o, c = !1;
   function d() {
-    a === s && (a = s.slice());
+    a === o && (a = o.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 o;
+    return s;
   }
   function p(h) {
     if (typeof h != "function")
@@ -102,7 +102,7 @@ function we(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), s = null;
+        a.splice(S, 1), o = null;
       }
     };
   }
@@ -114,11 +114,11 @@ function we(t, e, r) {
     if (c)
       throw new Error(process.env.NODE_ENV === "production" ? O(9) : "Reducers may not dispatch actions.");
     try {
-      c = !0, o = i(o, h);
+      c = !0, s = i(s, h);
     } finally {
       c = !1;
     }
-    for (var v = s = a, y = 0; y < v.length; y++) {
+    for (var v = o = a, y = 0; y < v.length; y++) {
       var S = v[y];
       S();
     }
@@ -145,13 +145,13 @@ function we(t, e, r) {
       subscribe: function(S) {
         if (typeof S != "object" || S === null)
           throw new Error(process.env.NODE_ENV === "production" ? O(11) : "Expected the observer to be an object. Instead, received: '" + N(S) + "'");
-        function I() {
+        function C() {
           S.next && S.next(f());
         }
-        I();
-        var F = v(I);
+        C();
+        var V = v(C);
         return {
-          unsubscribe: F
+          unsubscribe: V
         };
       }
     }, h[ue] = function() {
@@ -168,7 +168,7 @@ function we(t, e, r) {
   }, n[ue] = D, n;
 }
 function l(t, e, ...r) {
-  if (st() && e === void 0)
+  if (ot() && e === void 0)
     throw new Error("invariant requires an error message argument");
   if (!t) {
     let n;
@@ -183,7 +183,7 @@ function l(t, e, ...r) {
     throw n.framesToPop = 1, n;
   }
 }
-function st() {
+function ot() {
   return typeof process < "u" && process.env.NODE_ENV === "production";
 }
 function at(t, e, r) {
@@ -197,17 +197,17 @@ function ct(t, e) {
     (r) => r !== e
   );
 }
-function Ce(t) {
+function we(t) {
   return typeof t == "object";
 }
 function ut(t, e) {
-  const r = /* @__PURE__ */ new Map(), n = (o) => {
-    r.set(o, r.has(o) ? r.get(o) + 1 : 1);
+  const r = /* @__PURE__ */ new Map(), n = (s) => {
+    r.set(s, r.has(s) ? r.get(s) + 1 : 1);
   };
   t.forEach(n), e.forEach(n);
   const i = [];
-  return r.forEach((o, s) => {
-    o === 1 && i.push(s);
+  return r.forEach((s, o) => {
+    s === 1 && i.push(o);
   }), i;
 }
 function lt(t, e) {
@@ -215,7 +215,7 @@ function lt(t, e) {
     (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";
+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", B = "dnd-core/END_DRAG";
 function ge(t, e) {
   return {
     type: ee,
@@ -236,20 +236,20 @@ function gt(t) {
   return function(r = [], n = {
     publishSource: !0
   }) {
-    const { publishSource: i = !0, clientOffset: o, getSourceClientOffset: s } = n, a = t.getMonitor(), c = t.getRegistry();
-    t.dispatch(ge(o)), ft(r, a, c);
+    const { publishSource: i = !0, clientOffset: s, getSourceClientOffset: o } = n, a = t.getMonitor(), c = t.getRegistry();
+    t.dispatch(ge(s)), ft(r, a, c);
     const d = mt(r, a);
     if (d == null) {
       t.dispatch(dt);
       return;
     }
     let f = null;
-    if (o) {
-      if (!s)
+    if (s) {
+      if (!o)
         throw new Error("getSourceClientOffset must be defined");
-      ht(s), f = s(d);
+      ht(o), f = o(d);
     }
-    t.dispatch(ge(o, f));
+    t.dispatch(ge(s, f));
     const g = c.getSource(d).beginDrag(a, d);
     if (g == null)
       return;
@@ -261,7 +261,7 @@ function gt(t) {
         itemType: u,
         item: g,
         sourceId: d,
-        clientOffset: o || null,
+        clientOffset: s || null,
         sourceClientOffset: f || null,
         isSourcePublic: !!i
       }
@@ -277,7 +277,7 @@ function ht(t) {
   l(typeof t == "function", "When clientOffset is provided, getSourceClientOffset must be a function.");
 }
 function pt(t) {
-  l(Ce(t), "Item must be an object.");
+  l(we(t), "Item must be an object.");
 }
 function mt(t, e) {
   let r = null;
@@ -310,8 +310,8 @@ function Dt(t) {
 function yt(t) {
   return function(r = {}) {
     const n = t.getMonitor(), i = t.getRegistry();
-    St(n), bt(n).forEach((s, a) => {
-      const c = Ot(s, a, i, n), d = {
+    St(n), bt(n).forEach((o, a) => {
+      const c = Ot(o, a, i, n), d = {
         type: j,
         payload: {
           dropResult: Dt({}, r, c)
@@ -326,11 +326,11 @@ function St(t) {
 }
 function Ot(t, e, r, n) {
   const i = r.getTarget(t);
-  let o = i ? i.drop(n, t) : void 0;
-  return Tt(o), typeof o > "u" && (o = e === 0 ? {} : n.getDropResult()), o;
+  let s = i ? i.drop(n, t) : void 0;
+  return Tt(s), typeof s > "u" && (s = e === 0 ? {} : n.getDropResult()), s;
 }
 function Tt(t) {
-  l(typeof t > "u" || Ce(t), "Drop result must either be an object or undefined.");
+  l(typeof t > "u" || we(t), "Drop result must either be an object or undefined.");
 }
 function bt(t) {
   const e = t.getTargetIds().filter(t.canDropOnTarget, t);
@@ -342,23 +342,23 @@ function Et(t) {
     It(r);
     const i = r.getSourceId();
     return i != null && (n.getSource(i, !0).endDrag(r, i), n.unpinSource()), {
-      type: U
+      type: B
     };
   };
 }
 function It(t) {
   l(t.isDragging(), "Cannot call endDrag while not dragging.");
 }
-function z(t, e) {
+function X(t, e) {
   return e === null ? t === null : Array.isArray(t) ? t.some(
     (r) => r === e
   ) : t === e;
 }
-function wt(t) {
+function Ct(t) {
   return function(r, { clientOffset: n } = {}) {
-    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), {
+    wt(r);
+    const i = r.slice(0), s = t.getMonitor(), o = t.getRegistry(), a = s.getItemType();
+    return Pt(i, o, a), Nt(i, s, o), xt(i, s, o), {
       type: H,
       payload: {
         targetIds: i,
@@ -367,7 +367,7 @@ function wt(t) {
     };
   };
 }
-function Ct(t) {
+function wt(t) {
   l(Array.isArray(t), "Expected targetIds to be an array.");
 }
 function Nt(t, e, r) {
@@ -375,14 +375,14 @@ function Nt(t, e, r) {
   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 o = r.getTarget(i);
-    l(o, "Expected targetIds to be registered.");
+    const s = r.getTarget(i);
+    l(s, "Expected targetIds to be registered.");
   }
 }
 function Pt(t, e, r) {
   for (let n = t.length - 1; n >= 0; n--) {
-    const i = t[n], o = e.getTargetType(i);
-    z(o, r) || t.splice(n, 1);
+    const i = t[n], s = e.getTargetType(i);
+    X(s, r) || t.splice(n, 1);
   }
 }
 function xt(t, e, r) {
@@ -402,7 +402,7 @@ function Mt(t) {
   return {
     beginDrag: gt(t),
     publishDragSource: Rt(t),
-    hover: wt(t),
+    hover: Ct(t),
     drop: yt(t),
     endDrag: Et(t)
   };
@@ -422,16 +422,16 @@ class _t {
   }
   getActions() {
     const e = this, { dispatch: r } = this.store;
-    function n(o) {
-      return (...s) => {
-        const a = o.apply(e, s);
+    function n(s) {
+      return (...o) => {
+        const a = s.apply(e, o);
         typeof a < "u" && r(a);
       };
     }
     const i = Mt(this);
-    return Object.keys(i).reduce((o, s) => {
-      const a = i[s];
-      return o[s] = n(a), o;
+    return Object.keys(i).reduce((s, o) => {
+      const a = i[o];
+      return s[o] = n(a), s;
     }, {});
   }
   dispatch(e) {
@@ -475,15 +475,15 @@ class jt {
     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 o = () => {
-      const s = this.store.getState(), a = s.stateId;
+    const s = () => {
+      const o = this.store.getState(), a = o.stateId;
       try {
-        a === i || a === i + 1 && !Ht(s.dirtyHandlerIds, n) || e();
+        a === i || a === i + 1 && !Ht(o.dirtyHandlerIds, n) || e();
       } finally {
         i = a;
       }
     };
-    return this.store.subscribe(o);
+    return this.store.subscribe(s);
   }
   subscribeToOffsetChange(e) {
     l(typeof e == "function", "listener must be a function.");
@@ -507,7 +507,7 @@ class jt {
     if (l(r, `Expected to find a valid target. targetId=${e}`), !this.isDragging() || this.didDrop())
       return !1;
     const n = this.registry.getTargetType(e), i = this.getItemType();
-    return z(n, i) && r.canDrop(this, e);
+    return X(n, i) && r.canDrop(this, e);
   }
   isDragging() {
     return !!this.getItemType();
@@ -529,14 +529,14 @@ class jt {
     const { shallow: n } = r;
     if (!this.isDragging())
       return !1;
-    const i = this.registry.getTargetType(e), o = this.getItemType();
-    if (o && !z(i, o))
+    const i = this.registry.getTargetType(e), s = this.getItemType();
+    if (s && !X(i, s))
       return !1;
-    const s = this.getTargetIds();
-    if (!s.length)
+    const o = this.getTargetIds();
+    if (!o.length)
       return !1;
-    const a = s.indexOf(e);
-    return n ? a === s.length - 1 : a > -1;
+    const a = o.indexOf(e);
+    return n ? a === o.length - 1 : a > -1;
   }
   getItemType() {
     return this.store.getState().dragOperation.itemType;
@@ -587,7 +587,7 @@ function xe(t) {
     }
   };
 }
-function Ut(t) {
+function Bt(t) {
   let e = 1;
   const r = new Pe(t), n = document.createTextNode("");
   return r.observe(n, {
@@ -596,7 +596,7 @@ function Ut(t) {
     e = -e, n.data = e;
   };
 }
-const Vt = typeof Pe == "function" ? (
+const Ut = typeof Pe == "function" ? (
   // reliably everywhere they are implemented.
   // They are implemented in all modern browsers.
   //
@@ -607,7 +607,7 @@ const Vt = typeof Pe == "function" ? (
   // - iPad Safari 6-7.1
   // - iPhone Safari 7-7.1
   // - Safari 6-7
-  Ut
+  Bt
 ) : (
   // task queue, are implemented in Internet Explorer 10, Safari 5.0-1, and Opera
   // 11-12, and in web workers in many engines.
@@ -635,7 +635,7 @@ const Vt = typeof Pe == "function" ? (
   // - Lynx 2.8.7
   xe
 );
-class Ft {
+class Vt {
   // 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.
@@ -664,13 +664,13 @@ class Ft {
       e.length = 0, this.index = 0, this.flushing = !1;
     }, this.registerPendingError = (e) => {
       this.pendingErrors.push(e), this.requestErrorThrow();
-    }, this.requestFlush = Vt(this.flush), this.requestErrorThrow = xe(() => {
+    }, this.requestFlush = Ut(this.flush), this.requestErrorThrow = xe(() => {
       if (this.pendingErrors.length)
         throw this.pendingErrors.shift();
     });
   }
 }
-class Bt {
+class Ft {
   call() {
     try {
       this.task && this.task();
@@ -686,7 +686,7 @@ class Bt {
 }
 class qt {
   create(e) {
-    const r = this.freeTasks, n = r.length ? r.pop() : new Bt(
+    const r = this.freeTasks, n = r.length ? r.pop() : new Ft(
       this.onError,
       (i) => r[r.length] = i
     );
@@ -696,11 +696,11 @@ class qt {
     this.onError = e, this.freeTasks = [];
   }
 }
-const Re = new Ft(), $t = new qt(Re.registerPendingError);
+const Re = new Vt(), $t = new qt(Re.registerPendingError);
 function Gt(t) {
   Re.enqueueTask($t.create(t));
 }
-const ne = "dnd-core/ADD_SOURCE", ie = "dnd-core/ADD_TARGET", oe = "dnd-core/REMOVE_SOURCE", V = "dnd-core/REMOVE_TARGET";
+const ne = "dnd-core/ADD_SOURCE", ie = "dnd-core/ADD_TARGET", se = "dnd-core/REMOVE_SOURCE", U = "dnd-core/REMOVE_TARGET";
 function Yt(t) {
   return {
     type: ne,
@@ -709,7 +709,7 @@ function Yt(t) {
     }
   };
 }
-function Xt(t) {
+function zt(t) {
   return {
     type: ie,
     payload: {
@@ -719,30 +719,30 @@ function Xt(t) {
 }
 function Wt(t) {
   return {
-    type: oe,
+    type: se,
     payload: {
       sourceId: t
     }
   };
 }
-function zt(t) {
+function Xt(t) {
   return {
-    type: V,
+    type: U,
     payload: {
       targetId: t
     }
   };
 }
-function Qt(t) {
+function Zt(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 Kt(t) {
+function Qt(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) {
+function Z(t, e) {
   if (e && Array.isArray(t)) {
     t.forEach(
-      (r) => Q(r, !1)
+      (r) => Z(r, !1)
     );
     return;
   }
@@ -752,12 +752,12 @@ var T;
 (function(t) {
   t.SOURCE = "SOURCE", t.TARGET = "TARGET";
 })(T || (T = {}));
-let Jt = 0;
-function Zt() {
-  return Jt++;
+let Kt = 0;
+function Jt() {
+  return Kt++;
 }
 function er(t) {
-  const e = Zt().toString();
+  const e = Jt().toString();
   switch (t) {
     case T.SOURCE:
       return `S${e}`;
@@ -781,8 +781,8 @@ function pe(t, e) {
   const r = t.entries();
   let n = !1;
   do {
-    const { done: i, value: [, o] } = r.next();
-    if (o === e)
+    const { done: i, value: [, s] } = r.next();
+    if (s === e)
       return !0;
     n = !!i;
   } while (!n);
@@ -790,14 +790,14 @@ function pe(t, e) {
 }
 class tr {
   addSource(e, r) {
-    Q(e), Qt(r);
+    Z(e), Zt(r);
     const n = this.addHandler(T.SOURCE, e, r);
     return this.store.dispatch(Yt(n)), n;
   }
   addTarget(e, r) {
-    Q(e, !0), Kt(r);
+    Z(e, !0), Qt(r);
     const n = this.addHandler(T.TARGET, e, r);
-    return this.store.dispatch(Xt(n)), n;
+    return this.store.dispatch(zt(n)), n;
   }
   containsHandler(e) {
     return pe(this.dragSources, e) || pe(this.dropTargets, e);
@@ -826,7 +826,7 @@ class tr {
     });
   }
   removeTarget(e) {
-    l(this.getTarget(e), "Expected an existing target."), this.store.dispatch(zt(e)), this.dropTargets.delete(e), this.types.delete(e);
+    l(this.getTarget(e), "Expected an existing target."), this.store.dispatch(Xt(e)), this.dropTargets.delete(e), this.types.delete(e);
   }
   pinSource(e) {
     const r = this.getSource(e);
@@ -855,18 +855,18 @@ function ir(t, e, r = rr) {
       return !1;
   return !0;
 }
-function or(t = R, e) {
+function sr(t = R, e) {
   switch (e.type) {
     case H:
       break;
     case ne:
     case ie:
-    case V:
-    case oe:
+    case U:
+    case se:
       return R;
     case A:
     case te:
-    case U:
+    case B:
     case j:
     default:
       return re;
@@ -874,10 +874,10 @@ function or(t = R, e) {
   const { targetIds: r = [], prevTargetIds: n = [] } = e.payload, i = ut(r, n);
   if (!(i.length > 0 || !ir(r, n)))
     return R;
-  const s = n[n.length - 1], a = r[r.length - 1];
-  return s !== a && (s && i.push(s), a && i.push(a)), i;
+  const o = n[n.length - 1], a = r[r.length - 1];
+  return o !== a && (o && i.push(o), a && i.push(a)), i;
 }
-function sr(t, e, r) {
+function or(t, e, r) {
   return e in t ? Object.defineProperty(t, e, {
     value: r,
     enumerable: !0,
@@ -891,7 +891,7 @@ function ar(t) {
     typeof Object.getOwnPropertySymbols == "function" && (n = n.concat(Object.getOwnPropertySymbols(r).filter(function(i) {
       return Object.getOwnPropertyDescriptor(r, i).enumerable;
     }))), n.forEach(function(i) {
-      sr(t, i, r[i]);
+      or(t, i, r[i]);
     });
   }
   return t;
@@ -915,7 +915,7 @@ function cr(t = me, e) {
       return nr(t.clientOffset, r.clientOffset) ? t : ar({}, t, {
         clientOffset: r.clientOffset
       });
-    case U:
+    case B:
     case j:
       return me;
     default:
@@ -970,7 +970,7 @@ function dr(t = lr, e) {
       return P({}, t, {
         targetIds: r.targetIds
       });
-    case V:
+    case U:
       return t.targetIds.indexOf(r.targetId) === -1 ? t : P({}, t, {
         targetIds: ct(t.targetIds, r.targetId)
       });
@@ -980,7 +980,7 @@ function dr(t = lr, e) {
         didDrop: !0,
         targetIds: []
       });
-    case U:
+    case B:
       return P({}, t, {
         itemType: null,
         item: null,
@@ -999,8 +999,8 @@ function gr(t = 0, e) {
     case ne:
     case ie:
       return t + 1;
-    case oe:
-    case V:
+    case se:
+    case U:
       return t - 1;
     default:
       return t;
@@ -1030,7 +1030,7 @@ function pr(t) {
 }
 function mr(t = {}, e) {
   return {
-    dirtyHandlerIds: or(t.dirtyHandlerIds, {
+    dirtyHandlerIds: sr(t.dirtyHandlerIds, {
       type: e.type,
       payload: pr({}, e.payload, {
         prevTargetIds: at(t, "dragOperation.targetIds", [])
@@ -1043,12 +1043,12 @@ function mr(t = {}, e) {
   };
 }
 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;
+  const i = Dr(n), s = new jt(i, new tr(i)), o = new _t(i, s), a = t(o, e, r);
+  return o.receiveBackend(a), o;
 }
 function Dr(t) {
   const e = typeof window < "u" && window.__REDUX_DEVTOOLS_EXTENSION__;
-  return we(mr, t && e && e({
+  return Ce(mr, t && e && e({
     name: "dnd-core",
     instanceId: "dnd-core"
   }));
@@ -1057,31 +1057,31 @@ function yr(t, e) {
   if (t == null) return {};
   var r = Sr(t, e), n, i;
   if (Object.getOwnPropertySymbols) {
-    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]);
+    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]);
   }
   return r;
 }
 function Sr(t, e) {
   if (t == null) return {};
-  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]);
+  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]);
   return r;
 }
 let ve = 0;
-const L = /* @__PURE__ */ Symbol.for("__REACT_DND_CONTEXT_INSTANCE__");
+const L = Symbol.for("__REACT_DND_CONTEXT_INSTANCE__");
 var Or = /* @__PURE__ */ Ge(function(e) {
   var { children: r } = e, n = yr(e, [
     "children"
   ]);
-  const [i, o] = Tr(n);
+  const [i, s] = Tr(n);
   return k(() => {
-    if (o) {
-      const s = Me();
+    if (s) {
+      const o = Me();
       return ++ve, () => {
-        --ve === 0 && (s[L] = null);
+        --ve === 0 && (o[L] = null);
       };
     }
   }, []), /* @__PURE__ */ m(Ie.Provider, {
@@ -1118,7 +1118,7 @@ function Er() {
     if (e === r) return !0;
     if (e && r && typeof e == "object" && typeof r == "object") {
       if (e.constructor !== r.constructor) return !1;
-      var n, i, o;
+      var n, i, s;
       if (Array.isArray(e)) {
         if (n = e.length, n != r.length) return !1;
         for (i = n; i-- !== 0; )
@@ -1128,12 +1128,12 @@ function Er() {
       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 (o = Object.keys(e), n = o.length, n !== Object.keys(r).length) return !1;
+      if (s = Object.keys(e), n = s.length, n !== Object.keys(r).length) return !1;
       for (i = n; i-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(r, o[i])) return !1;
+        if (!Object.prototype.hasOwnProperty.call(r, s[i])) return !1;
       for (i = n; i-- !== 0; ) {
-        var s = o[i];
-        if (!t(e[s], r[s])) return !1;
+        var o = s[i];
+        if (!t(e[o], r[o])) return !1;
       }
       return !0;
     }
@@ -1141,31 +1141,31 @@ function Er() {
   }), q;
 }
 var Ir = Er();
-const wr = /* @__PURE__ */ et(Ir), C = typeof window < "u" ? Ye : k;
-function Cr(t, e, r) {
+const Cr = /* @__PURE__ */ et(Ir), w = typeof window < "u" ? Ye : k;
+function wr(t, e, r) {
   const [n, i] = be(
     () => e(t)
-  ), o = Ee(() => {
-    const s = e(t);
-    wr(n, s) || (i(s), r && r());
+  ), s = Ee(() => {
+    const o = e(t);
+    Cr(n, o) || (i(o), r && r());
   }, [
     n,
     t,
     r
   ]);
-  return C(o), [
+  return w(s), [
     n,
-    o
+    s
   ];
 }
 function Nr(t, e, r) {
-  const [n, i] = Cr(t, e, r);
-  return C(function() {
-    const s = t.getHandlerId();
-    if (s != null)
+  const [n, i] = wr(t, e, r);
+  return w(function() {
+    const o = t.getHandlerId();
+    if (o != null)
       return t.subscribeToStateChange(i, {
         handlerIds: [
-          s
+          o
         ]
       });
   }, [
@@ -1353,7 +1353,7 @@ function Lr(t, e, r) {
     () => n.removeSource(i)
   ];
 }
-function K(t, e, r, n) {
+function Q(t, e, r, n) {
   let i;
   if (i !== void 0)
     return !!i;
@@ -1361,12 +1361,12 @@ function K(t, e, r, n) {
     return !0;
   if (typeof t != "object" || !t || typeof e != "object" || !e)
     return !1;
-  const o = Object.keys(t), s = Object.keys(e);
-  if (o.length !== s.length)
+  const s = Object.keys(t), o = Object.keys(e);
+  if (s.length !== o.length)
     return !1;
   const a = Object.prototype.hasOwnProperty.bind(e);
-  for (let c = 0; c < o.length; c++) {
-    const d = o[c];
+  for (let c = 0; c < s.length; c++) {
+    const d = s[c];
     if (!a(d))
       return !1;
     const f = t[d], p = e[d];
@@ -1375,7 +1375,7 @@ function K(t, e, r, n) {
   }
   return !0;
 }
-function J(t) {
+function K(t) {
   return (
     // eslint-disable-next-line no-prototype-builtins
     t !== null && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current")
@@ -1389,12 +1389,12 @@ function kr(t) {
 }
 function Ar(t) {
   return (e = null, r = null) => {
-    if (!Xe(e)) {
-      const o = e;
-      return t(o, r), o;
+    if (!ze(e)) {
+      const s = e;
+      return t(s, r), s;
     }
     const n = e;
-    return kr(n), Hr(n, r ? (o) => t(o, r) : t);
+    return kr(n), Hr(n, r ? (s) => t(s, r) : t);
   };
 }
 function ke(t) {
@@ -1469,10 +1469,10 @@ class jr {
     return this.lastConnectedDragPreview !== this.dragPreview;
   }
   didDragSourceOptionsChange() {
-    return !K(this.lastConnectedDragSourceOptions, this.dragSourceOptions);
+    return !Q(this.lastConnectedDragSourceOptions, this.dragSourceOptions);
   }
   didDragPreviewOptionsChange() {
-    return !K(this.lastConnectedDragPreviewOptions, this.dragPreviewOptions);
+    return !Q(this.lastConnectedDragPreviewOptions, this.dragPreviewOptions);
   }
   disconnectDragSource() {
     this.dragSourceUnsubscribe && (this.dragSourceUnsubscribe(), this.dragSourceUnsubscribe = void 0);
@@ -1495,15 +1495,15 @@ class jr {
   constructor(e) {
     this.hooks = ke({
       dragSource: (r, n) => {
-        this.clearDragSource(), this.dragSourceOptions = n || null, J(r) ? this.dragSourceRef = r : this.dragSourceNode = r, this.reconnectDragSource();
+        this.clearDragSource(), this.dragSourceOptions = n || null, K(r) ? this.dragSourceRef = r : this.dragSourceNode = r, this.reconnectDragSource();
       },
       dragPreview: (r, n) => {
-        this.clearDragPreview(), this.dragPreviewOptions = n || null, J(r) ? this.dragPreviewRef = r : this.dragPreviewNode = r, this.reconnectDragPreview();
+        this.clearDragPreview(), this.dragPreviewOptions = n || null, K(r) ? this.dragPreviewRef = r : this.dragPreviewNode = r, this.reconnectDragPreview();
       }
     }), 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 Ur {
+class Br {
   get connectTarget() {
     return this.dropTarget;
   }
@@ -1535,7 +1535,7 @@ class Ur {
     return this.lastConnectedDropTarget !== this.dropTarget;
   }
   didOptionsChange() {
-    return !K(this.lastConnectedDropTargetOptions, this.dropTargetOptions);
+    return !Q(this.lastConnectedDropTargetOptions, this.dropTargetOptions);
   }
   disconnectDropTarget() {
     this.unsubscribeDropTarget && (this.unsubscribeDropTarget(), this.unsubscribeDropTarget = void 0);
@@ -1549,7 +1549,7 @@ class Ur {
   constructor(e) {
     this.hooks = ke({
       dropTarget: (r, n) => {
-        this.clearDropTarget(), this.dropTargetOptions = n, J(r) ? this.dropTargetRef = r : this.dropTargetNode = r, this.reconnect();
+        this.clearDropTarget(), this.dropTargetOptions = n, K(r) ? this.dropTargetRef = r : this.dropTargetNode = r, this.reconnect();
       }
     }), this.handlerId = null, this.dropTargetRef = null, this.dropTargetOptionsInternal = null, this.lastConnectedHandlerId = null, this.lastConnectedDropTarget = null, this.lastConnectedDropTargetOptions = null, this.backend = e;
   }
@@ -1558,22 +1558,22 @@ function x() {
   const { dragDropManager: t } = We(Ie);
   return l(t != null, "Expected drag drop context"), t;
 }
-function Vr(t, e) {
+function Ur(t, e) {
   const r = x(), n = b(
     () => new jr(r.getBackend()),
     [
       r
     ]
   );
-  return C(() => (n.dragSourceOptions = t || null, n.reconnect(), () => n.disconnectDragSource()), [
+  return w(() => (n.dragSourceOptions = t || null, n.reconnect(), () => n.disconnectDragSource()), [
     n,
     t
-  ]), C(() => (n.dragPreviewOptions = e || null, n.reconnect(), () => n.disconnectDragPreview()), [
+  ]), w(() => (n.dragPreviewOptions = e || null, n.reconnect(), () => n.disconnectDragPreview()), [
     n,
     e
   ]), n;
 }
-function Fr() {
+function Vr() {
   const t = x();
   return b(
     () => new Rr(t),
@@ -1582,7 +1582,7 @@ function Fr() {
     ]
   );
 }
-class Br {
+class Fr {
   beginDrag() {
     const e = this.spec, r = this.monitor;
     let n = null;
@@ -1593,8 +1593,8 @@ class Br {
     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: o } = n;
-    return o ? o(i) : r === e.getSourceId();
+    const n = this.spec, i = this.monitor, { isDragging: s } = n;
+    return s ? s(i) : r === e.getSourceId();
   }
   endDrag() {
     const e = this.spec, r = this.monitor, n = this.connector, { end: i } = e;
@@ -1606,7 +1606,7 @@ class Br {
 }
 function qr(t, e, r) {
   const n = b(
-    () => new Br(t, e, r),
+    () => new Fr(t, e, r),
     [
       e,
       r
@@ -1627,10 +1627,10 @@ function $r(t) {
   ]);
 }
 function Gr(t, e, r) {
-  const n = x(), i = qr(t, e, r), o = $r(t);
-  C(function() {
-    if (o != null) {
-      const [a, c] = Lr(o, i, n);
+  const n = x(), i = qr(t, e, r), s = $r(t);
+  w(function() {
+    if (s != null) {
+      const [a, c] = Lr(s, i, n);
       return e.receiveHandlerId(a), r.receiveHandlerId(a), c;
     }
   }, [
@@ -1638,20 +1638,20 @@ function Gr(t, e, r) {
     e,
     r,
     i,
-    o
+    s
   ]);
 }
 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 = Fr(), i = Vr(r.options, r.previewOptions);
+  const n = Vr(), i = Ur(r.options, r.previewOptions);
   return Gr(r, n, i), [
     _e(r.collect, n, i),
     Pr(i),
     xr(i)
   ];
 }
-function Xr(t) {
+function zr(t) {
   return b(
     () => t.hooks.dropTarget(),
     [
@@ -1661,16 +1661,16 @@ function Xr(t) {
 }
 function Wr(t) {
   const e = x(), r = b(
-    () => new Ur(e.getBackend()),
+    () => new Br(e.getBackend()),
     [
       e
     ]
   );
-  return C(() => (r.dropTargetOptions = t || null, r.reconnect(), () => r.disconnectDropTarget()), [
+  return w(() => (r.dropTargetOptions = t || null, r.reconnect(), () => r.disconnectDropTarget()), [
     t
   ]), r;
 }
-function zr() {
+function Xr() {
   const t = x();
   return b(
     () => new Mr(t),
@@ -1679,7 +1679,7 @@ function zr() {
     ]
   );
 }
-function Qr(t) {
+function Zr(t) {
   const { accept: e } = t;
   return b(() => (l(t.accept != null, "accept must be defined"), Array.isArray(e) ? e : [
     e
@@ -1687,7 +1687,7 @@ function Qr(t) {
     e
   ]);
 }
-class Kr {
+class Qr {
   canDrop() {
     const e = this.spec, r = this.monitor;
     return e.canDrop ? e.canDrop(r.getItem(), r) : !0;
@@ -1705,9 +1705,9 @@ class Kr {
     this.spec = e, this.monitor = r;
   }
 }
-function Jr(t, e) {
+function Kr(t, e) {
   const r = b(
-    () => new Kr(t, e),
+    () => new Qr(t, e),
     [
       e
     ]
@@ -1718,26 +1718,26 @@ function Jr(t, e) {
     t
   ]), r;
 }
-function Zr(t, e, r) {
-  const n = x(), i = Jr(t, e), o = Qr(t);
-  C(function() {
-    const [a, c] = _r(o, i, n);
+function Jr(t, e, r) {
+  const n = x(), i = Kr(t, e), s = Zr(t);
+  w(function() {
+    const [a, c] = _r(s, i, n);
     return e.receiveHandlerId(a), r.receiveHandlerId(a), c;
   }, [
     n,
     e,
     i,
     r,
-    o.map(
-      (s) => s.toString()
+    s.map(
+      (o) => o.toString()
     ).join("|")
   ]);
 }
 function en(t, e) {
-  const r = Le(t), n = zr(), i = Wr(r.options);
-  return Zr(r, n, i), [
+  const r = Le(t), n = Xr(), i = Wr(r.options);
+  return Jr(r, n, i), [
     _e(r.collect, n, i),
-    Xr(i)
+    zr(i)
   ];
 }
 function Ae(t) {
@@ -1750,11 +1750,11 @@ function tn(t, e) {
   );
 }
 function rn(t, e) {
-  const r = /* @__PURE__ */ new Set(), n = (o) => r.add(o);
+  const r = /* @__PURE__ */ new Set(), n = (s) => r.add(s);
   t.forEach(n), e.forEach(n);
   const i = [];
   return r.forEach(
-    (o) => i.push(o)
+    (s) => i.push(s)
   ), i;
 }
 class nn {
@@ -1775,7 +1775,7 @@ class nn {
     this.entered = [], this.isNodeInDocument = e;
   }
 }
-class on {
+class sn {
   initializeExposedProperties() {
     Object.keys(this.config.exposeProperties).forEach((e) => {
       Object.defineProperty(this.item, e, {
@@ -1815,21 +1815,21 @@ class on {
     this.config = e, this.item = {}, this.initializeExposedProperties();
   }
 }
-const He = "__NATIVE_FILE__", je = "__NATIVE_URL__", Ue = "__NATIVE_TEXT__", Ve = "__NATIVE_HTML__", Se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const He = "__NATIVE_FILE__", je = "__NATIVE_URL__", Be = "__NATIVE_TEXT__", Ue = "__NATIVE_HTML__", Se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   FILE: He,
-  HTML: Ve,
-  TEXT: Ue,
+  HTML: Ue,
+  TEXT: Be,
   URL: je
 }, Symbol.toStringTag, { value: "Module" }));
-function X(t, e, r) {
+function z(t, e, r) {
   const n = e.reduce(
-    (i, o) => i || t.getData(o),
+    (i, s) => i || t.getData(s),
     ""
   );
   return n ?? r;
 }
-const Z = {
+const J = {
   [He]: {
     exposeProperties: {
       files: (t) => Array.prototype.slice.call(t.files),
@@ -1840,9 +1840,9 @@ const Z = {
       "Files"
     ]
   },
-  [Ve]: {
+  [Ue]: {
     exposeProperties: {
-      html: (t, e) => X(t, e, ""),
+      html: (t, e) => z(t, e, ""),
       dataTransfer: (t) => t
     },
     matchesTypes: [
@@ -1852,7 +1852,7 @@ const Z = {
   },
   [je]: {
     exposeProperties: {
-      urls: (t, e) => X(t, e, "").split(`
+      urls: (t, e) => z(t, e, "").split(`
 `),
       dataTransfer: (t) => t
     },
@@ -1861,9 +1861,9 @@ const Z = {
       "text/uri-list"
     ]
   },
-  [Ue]: {
+  [Be]: {
     exposeProperties: {
-      text: (t, e) => X(t, e, ""),
+      text: (t, e) => z(t, e, ""),
       dataTransfer: (t) => t
     },
     matchesTypes: [
@@ -1872,19 +1872,19 @@ const Z = {
     ]
   }
 };
-function sn(t, e) {
-  const r = Z[t];
+function on(t, e) {
+  const r = J[t];
   if (!r)
     throw new Error(`native type ${t} has no configuration`);
-  const n = new on(r);
+  const n = new sn(r);
   return n.loadDataTransfer(e), n;
 }
 function W(t) {
   if (!t)
     return null;
   const e = Array.prototype.slice.call(t.types || []);
-  return Object.keys(Z).filter((r) => {
-    const n = Z[r];
+  return Object.keys(J).filter((r) => {
+    const n = J[r];
     return n?.matchesTypes ? n.matchesTypes.some(
       (i) => e.indexOf(i) > -1
     ) : !1;
@@ -1892,16 +1892,16 @@ function W(t) {
 }
 const an = Ae(
   () => /firefox/i.test(navigator.userAgent)
-), Fe = Ae(
+), Ve = Ae(
   () => !!window.safari
 );
 class Oe {
   interpolate(e) {
-    const { xs: r, ys: n, c1s: i, c2s: o, c3s: s } = this;
+    const { xs: r, ys: n, c1s: i, c2s: s, c3s: o } = this;
     let a = r.length - 1;
     if (e === r[a])
       return n[a];
-    let c = 0, d = s.length - 1, f;
+    let c = 0, d = o.length - 1, f;
     for (; c <= d; ) {
       f = Math.floor(0.5 * (c + d));
       const u = r[f];
@@ -1914,7 +1914,7 @@ class Oe {
     }
     a = Math.max(0, d);
     const p = e - r[a], g = p * p;
-    return n[a] + i[a] * p + o[a] * g + s[a] * p * g;
+    return n[a] + i[a] * p + s[a] * g + o[a] * p * g;
   }
   constructor(e, r) {
     const { length: n } = e, i = [];
@@ -1923,36 +1923,36 @@ class Oe {
     i.sort(
       (u, D) => e[u] < e[D] ? -1 : 1
     );
-    const o = [], s = [];
+    const s = [], o = [];
     let a, c;
     for (let u = 0; u < n - 1; u++)
-      a = e[u + 1] - e[u], c = r[u + 1] - r[u], o.push(a), s.push(c / a);
+      a = e[u + 1] - e[u], c = r[u + 1] - r[u], s.push(a), o.push(c / a);
     const d = [
-      s[0]
+      o[0]
     ];
-    for (let u = 0; u < o.length - 1; u++) {
-      const D = s[u], h = s[u + 1];
+    for (let u = 0; u < s.length - 1; u++) {
+      const D = o[u], h = o[u + 1];
       if (D * h <= 0)
         d.push(0);
       else {
-        a = o[u];
-        const v = o[u + 1], y = a + v;
+        a = s[u];
+        const v = s[u + 1], y = a + v;
         d.push(3 * y / ((y + v) / D + (y + a) / h));
       }
     }
-    d.push(s[s.length - 1]);
+    d.push(o[o.length - 1]);
     const f = [], p = [];
     let g;
     for (let u = 0; u < d.length - 1; u++) {
-      g = s[u];
-      const D = d[u], h = 1 / o[u], v = D + d[u + 1] - g - g;
+      g = o[u];
+      const D = d[u], h = 1 / s[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 cn = 1;
-function Be(t) {
+function Fe(t) {
   const e = t.nodeType === cn ? t : t.parentElement;
   if (!e)
     return null;
@@ -1973,18 +1973,18 @@ function un(t) {
   return t.nodeName === "IMG" && (an() || !(!((e = document.documentElement) === null || e === void 0) && e.contains(t)));
 }
 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), {
+  let i = t ? e.width : r, s = t ? e.height : n;
+  return Ve() && t && (s /= window.devicePixelRatio, i /= window.devicePixelRatio), {
     dragPreviewWidth: i,
-    dragPreviewHeight: o
+    dragPreviewHeight: s
   };
 }
 function dn(t, e, r, n, i) {
-  const o = un(e), a = Be(o ? t : e), c = {
+  const s = un(e), a = Fe(s ? 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 } = ln(o, e, d, f), h = () => {
-    let se = new Oe([
+  }, { offsetWidth: d, offsetHeight: f } = t, { anchorX: p, anchorY: g } = n, { dragPreviewWidth: u, dragPreviewHeight: D } = ln(s, e, d, f), h = () => {
+    let oe = new Oe([
       0,
       0.5,
       1
@@ -1996,7 +1996,7 @@ function dn(t, e, r, n, i) {
       // Dock to the bottom
       c.y + D - f
     ]).interpolate(g);
-    return Fe() && o && (se += (window.devicePixelRatio - 1) * D), se;
+    return Ve() && s && (oe += (window.devicePixelRatio - 1) * D), oe;
   }, v = () => new Oe([
     0,
     0.5,
@@ -2008,10 +2008,10 @@ function dn(t, e, r, n, i) {
     c.x / d * u,
     // Dock to the right
     c.x + u - d
-  ]).interpolate(p), { offsetX: y, offsetY: S } = i, I = y === 0 || y, F = S === 0 || S;
+  ]).interpolate(p), { offsetX: y, offsetY: S } = i, C = y === 0 || y, V = S === 0 || S;
   return {
-    x: I ? y : v(),
-    y: F ? S : h()
+    x: C ? y : v(),
+    y: V ? S : h()
   };
 }
 class gn {
@@ -2104,15 +2104,15 @@ class hn {
   }
   connectDragSource(e, r, n) {
     this.sourceNodes.set(e, r), this.sourceNodeOptions.set(e, n);
-    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");
+    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");
     };
   }
   connectDropTarget(e, r) {
-    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);
+    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);
     };
   }
   addEventListeners(e) {
@@ -2145,7 +2145,7 @@ class hn {
     );
   }
   beginDragNativeItem(e, r) {
-    this.clearCurrentDragSourceNode(), this.currentNativeSource = sn(e, r), this.currentNativeHandle = this.registry.addSource(e, this.currentNativeSource), this.actions.beginDrag([
+    this.clearCurrentDragSourceNode(), this.currentNativeSource = on(e, r), this.currentNativeHandle = this.registry.addSource(e, this.currentNativeSource), this.actions.beginDrag([
       this.currentNativeHandle
     ]);
   }
@@ -2181,8 +2181,8 @@ class hn {
   }
   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 o = this.sourceNodes.get(i);
-      return o && Be(o) || null;
+      const s = this.sourceNodes.get(i);
+      return s && Fe(s) || 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 = () => {
@@ -2201,27 +2201,27 @@ class hn {
     }, this.handleTopDragStart = (i) => {
       if (i.defaultPrevented)
         return;
-      const { dragStartSourceIds: o } = this;
+      const { dragStartSourceIds: s } = this;
       this.dragStartSourceIds = null;
-      const s = M(i);
-      this.monitor.isDragging() && (this.actions.endDrag(), this.cancelHover()), this.actions.beginDrag(o || [], {
+      const o = M(i);
+      this.monitor.isDragging() && (this.actions.endDrag(), this.cancelHover()), this.actions.beginDrag(s || [], {
         publishSource: !1,
         getSourceClientOffset: this.getSourceClientOffset,
-        clientOffset: s
+        clientOffset: o
       });
       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 = dn(p, g, s, {
+            const { anchorX: u, anchorY: D, offsetX: h, offsetY: v } = this.getCurrentSourcePreviewNodeOptions(), C = dn(p, g, o, {
               anchorX: u,
               anchorY: D
             }, {
               offsetX: h,
               offsetY: v
             });
-            a.setDragImage(g, I.x, I.y);
+            a.setDragImage(g, C.x, C.y);
           }
         }
         try {
@@ -2245,34 +2245,34 @@ class hn {
       this.clearCurrentDragSourceNode() && this.monitor.isDragging() && this.actions.endDrag(), this.cancelHover();
     }, this.handleTopDragEnterCapture = (i) => {
       if (this.dragEnterTargetIds = [], this.isDraggingNativeItem()) {
-        var o;
-        (o = this.currentNativeSource) === null || o === void 0 || o.loadDataTransfer(i.dataTransfer);
+        var s;
+        (s = this.currentNativeSource) === null || s === void 0 || s.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: o } = this;
+      const { dragEnterTargetIds: s } = this;
       if (this.dragEnterTargetIds = [], !this.monitor.isDragging())
         return;
-      this.altKeyPressed = i.altKey, o.length > 0 && this.actions.hover(o, {
+      this.altKeyPressed = i.altKey, s.length > 0 && this.actions.hover(s, {
         clientOffset: M(i)
-      }), o.some(
+      }), s.some(
         (a) => this.monitor.canDropOnTarget(a)
       ) && (i.preventDefault(), i.dataTransfer && (i.dataTransfer.dropEffect = this.getCurrentDropEffect()));
     }, this.handleTopDragOverCapture = (i) => {
       if (this.dragOverTargetIds = [], this.isDraggingNativeItem()) {
-        var o;
-        (o = this.currentNativeSource) === null || o === void 0 || o.loadDataTransfer(i.dataTransfer);
+        var s;
+        (s = this.currentNativeSource) === null || s === void 0 || s.loadDataTransfer(i.dataTransfer);
       }
     }, this.handleTopDragOver = (i) => {
-      const { dragOverTargetIds: o } = this;
+      const { dragOverTargetIds: s } = 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(o), (o || []).some(
+      this.altKeyPressed = i.altKey, this.lastClientOffset = M(i), this.scheduleHover(s), (s || []).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) => {
@@ -2282,26 +2282,26 @@ class hn {
       ), this.cancelHover());
     }, this.handleTopDropCapture = (i) => {
       if (this.dropTargetIds = [], this.isDraggingNativeItem()) {
-        var o;
-        i.preventDefault(), (o = this.currentNativeSource) === null || o === void 0 || o.loadDataTransfer(i.dataTransfer);
+        var s;
+        i.preventDefault(), (s = this.currentNativeSource) === null || s === void 0 || s.loadDataTransfer(i.dataTransfer);
       } else W(i.dataTransfer) && i.preventDefault();
       this.enterLeaveCounter.reset();
     }, this.handleTopDrop = (i) => {
-      const { dropTargetIds: o } = this;
-      this.dropTargetIds = [], this.actions.hover(o, {
+      const { dropTargetIds: s } = this;
+      this.dropTargetIds = [], this.actions.hover(s, {
         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 o = i.target;
-      typeof o.dragDrop == "function" && (o.tagName === "INPUT" || o.tagName === "SELECT" || o.tagName === "TEXTAREA" || o.isContentEditable || (i.preventDefault(), o.dragDrop()));
+      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 gn(r, n), this.actions = e.getActions(), this.monitor = e.getMonitor(), this.registry = e.getRegistry(), this.enterLeaveCounter = new nn(this.isNodeInDocument);
   }
 }
 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" }));
+}, mn = (t) => /* @__PURE__ */ E.createElement("svg", { width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ E.createElement("g", { clipPath: "url(#clip0_2638_2364)" }, /* @__PURE__ */ E.createElement("path", { d: "M5.25 2.84375C5.61244 2.84375 5.90625 3.13756 5.90625 3.5C5.90625 3.86244 5.61244 4.15625 5.25 4.15625C4.88756 4.15625 4.59375 3.86244 4.59375 3.5C4.59375 3.13756 4.88756 2.84375 5.25 2.84375Z", fill: "#2B2B2B", stroke: "#2B2B2B", strokeWidth: 0.4375 }), /* @__PURE__ */ E.createElement("path", { d: "M7.875 3.5C7.875 3.98325 8.26675 4.375 8.75 4.375C9.23325 4.375 9.625 3.98325 9.625 3.5C9.625 3.01675 9.23325 2.625 8.75 2.625C8.26675 2.625 7.875 3.01675 7.875 3.5Z", fill: "#2B2B2B" }), /* @__PURE__ */ E.createElement("path", { d: "M4.375 7C4.375 7.48325 4.76675 7.875 5.25 7.875C5.73325 7.875 6.125 7.48325 6.125 7C6.125 6.51675 5.73325 6.125 5.25 6.125C4.76675 6.125 4.375 6.51675 4.375 7Z", fill: "#2B2B2B" }), /* @__PURE__ */ E.createElement("path", { d: "M7.875 7C7.875 7.48325 8.26675 7.875 8.75 7.875C9.23325 7.875 9.625 7.48325 9.625 7C9.625 6.51675 9.23325 6.125 8.75 6.125C8.26675 6.125 7.875 6.51675 7.875 7Z", fill: "#2B2B2B" }), /* @__PURE__ */ E.createElement("path", { d: "M4.375 10.5C4.375 10.9832 4.76675 11.375 5.25 11.375C5.73325 11.375 6.125 10.9832 6.125 10.5C6.125 10.0168 5.73325 9.625 5.25 9.625C4.76675 9.625 4.375 10.0168 4.375 10.5Z", fill: "#2B2B2B" }), /* @__PURE__ */ E.createElement("path", { d: "M7.875 10.5C7.875 10.9832 8.26675 11.375 8.75 11.375C9.23325 11.375 9.625 10.9832 9.625 10.5C9.625 10.0168 9.23325 9.625 8.75 9.625C8.26675 9.625 7.875 10.0168 7.875 10.5Z", fill: "#2B2B2B" })), /* @__PURE__ */ E.createElement("defs", null, /* @__PURE__ */ E.createElement("clipPath", { id: "clip0_2638_2364" }, /* @__PURE__ */ E.createElement("rect", { width: 14, height: 14, fill: "white" }))));
 function vn({
   column: t,
   index: e,
@@ -2309,20 +2309,20 @@ function vn({
   visibility: n,
   onToggleVisibility: i
 }) {
-  const o = t.isDraggable !== !1, s = t.toogleVisibility !== !1 && t.toggleVisibility !== !1, a = ze(null), [, c] = en({
+  const s = t.isDraggable !== !1, o = t.toogleVisibility !== !1 && t.toggleVisibility !== !1, a = Xe(null), [, c] = en({
     accept: ce,
     hover(p) {
-      o && p.index !== e && (r(p.index, e), p.index = e);
+      s && p.index !== e && (r(p.index, e), p.index = e);
     }
   }), [{ isDragging: d }, f] = Yr({
     type: ce,
     item: { index: e },
-    canDrag: o,
+    canDrag: s,
     collect: (p) => ({
       isDragging: p.isDragging()
     })
   });
-  return o ? f(c(a)) : c(a), /* @__PURE__ */ E(
+  return s ? f(c(a)) : c(a), /* @__PURE__ */ I(
     "div",
     {
       ref: a,
@@ -2333,18 +2333,19 @@ function vn({
           "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)" } })
+            style: { cursor: s ? "grab" : "not-allowed", opacity: s ? 1 : 0.3 },
+            children: /* @__PURE__ */ m(mn, { style: { color: "var(--ckcl-black-500, #2b2b2b)", width: "14px", height: "14px" } })
           }
         ),
         /* @__PURE__ */ m(_, { variant: "body-sm", className: "ckds-dragable-list-item-label", children: t.header }),
         /* @__PURE__ */ m(
-          Qe,
+          Je,
           {
             checked: n[t.accessorKey] !== !1,
             onChange: () => i(t.accessorKey),
-            disabled: !s,
-            className: "ckds-dragable-list-item-toggle"
+            disabled: !o,
+            className: "ckds-dragable-list-item-toggle",
+            size: "small"
           }
         )
       ]
@@ -2357,8 +2358,8 @@ function Pn({
   moveDraftColumn: r,
   handleApplyPref: n,
   setModalOpen: i,
-  handleResetToDefault: o,
-  isDefault: s,
+  handleResetToDefault: s,
+  isDefault: o,
   isConfigChanged: a
 }) {
   const [c, d] = be(""), f = Ee(
@@ -2375,24 +2376,26 @@ function Pn({
   ), p = t.columns.filter(
     (g) => g.header.toLowerCase().includes(c.toLowerCase())
   );
-  return /* @__PURE__ */ E(Or, { backend: pn, children: [
-    /* @__PURE__ */ E("div", { className: "ckds-column-manager-wrapper", children: [
-      /* @__PURE__ */ E("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+  return /* @__PURE__ */ I(Or, { backend: pn, children: [
+    /* @__PURE__ */ I("div", { className: "ckds-column-manager-wrapper", children: [
+      /* @__PURE__ */ I("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
         /* @__PURE__ */ m(_, { variant: "body-lg", weight: "semibold", children: "Column Manager" }),
         /* @__PURE__ */ m(
-          B,
+          F,
           {
-            onClick: o,
+            onClick: s,
             variant: "hyperlink",
-            disabled: s,
-            icons: { left: /* @__PURE__ */ m(Ke, {}) },
-            label: "Reset to default"
+            disabled: o,
+            icons: { left: /* @__PURE__ */ m(Ze, {}) },
+            label: "Reset",
+            size: "medium",
+            className: o ? "" : "ckds-reset-btn-active"
           }
         )
       ] }),
-      /* @__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__ */ I("div", { style: { display: "flex", marginTop: "24px" }, children: [
+        /* @__PURE__ */ m(Ke, { draftConfig: t, setDraftConfig: e }),
+        /* @__PURE__ */ I("div", { style: { flex: 1, marginLeft: "28px" }, children: [
           /* @__PURE__ */ m(_, { variant: "body-sm", weight: "medium", children: "Visible Columns" }),
           /* @__PURE__ */ m(_, { variant: "body-xs", color: "secondary", children: "Toggle columns on/off and drag to reorder" }),
           /* @__PURE__ */ m(
@@ -2400,12 +2403,12 @@ function Pn({
             {
               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(Je, {}),
+              children: /* @__PURE__ */ I("div", { className: "ckds-search-input-wrapper", children: [
+                /* @__PURE__ */ m(Qe, {}),
                 /* @__PURE__ */ m(
                   "input",
                   {
-                    placeholder: "Search here",
+                    placeholder: "Search",
                     className: "ckds-table-search-input",
                     value: c,
                     onChange: (g) => d(g.target.value)
@@ -2414,7 +2417,7 @@ function Pn({
               ] })
             }
           ),
-          /* @__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(
+          /* @__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", children: p.map((g, u) => /* @__PURE__ */ m(
             vn,
             {
               column: g,
@@ -2428,22 +2431,22 @@ function Pn({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ E("div", { className: "ckds-column-manager-footer", children: [
+    /* @__PURE__ */ I("div", { className: "ckds-column-manager-footer", children: [
       /* @__PURE__ */ m(
-        B,
+        F,
         {
           onClick: () => i({ open: !1, type: "columnManager", activeOption: "" }),
           variant: "secondary",
-          size: "large",
+          size: "medium",
           label: "Cancel"
         }
       ),
       /* @__PURE__ */ m(
-        B,
+        F,
         {
           onClick: n,
           variant: "primary",
-          size: "large",
+          size: "medium",
           disabled: !a,
           label: "Apply"
         }