@ck-ui/component-library 0.3.0 → 1.0.1

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 { 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 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 { 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 { mergeClasses as ue } from "../../../../utils/mergeClasses.js";
-import { g as tt } from "../../../../_commonjsHelpers-C6fGbg64.js";
-const we = Ge({
+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
 });
 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;
@@ -44,9 +43,9 @@ function nt(t) {
       return e;
   }
   if (Array.isArray(t)) return "array";
-  if (ot(t)) return "date";
-  if (st(t)) return "error";
-  var r = it(t);
+  if (st(t)) return "date";
+  if (it(t)) return "error";
+  var r = nt(t);
   switch (r) {
     case "Symbol":
     case "Promise":
@@ -58,18 +57,18 @@ 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) {
+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 = nt(t)), e;
+  return process.env.NODE_ENV !== "production" && (e = rt(t)), e;
 }
 function Ce(t, e, r) {
   var n;
@@ -108,7 +107,7 @@ function Ce(t, e, r) {
     };
   }
   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.');
@@ -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() {
@@ -146,30 +145,30 @@ function Ce(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[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 (ot() && e === void 0)
     throw new Error("invariant requires an error message argument");
   if (!t) {
     let n;
@@ -184,24 +183,24 @@ function l(t, e, ...r) {
     throw n.framesToPop = 1, n;
   }
 }
-function at() {
+function ot() {
   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 we(t) {
   return typeof t == "object";
 }
-function lt(t, e) {
+function ut(t, e) {
   const r = /* @__PURE__ */ new Map(), n = (s) => {
     r.set(s, r.has(s) ? r.get(s) + 1 : 1);
   };
@@ -211,13 +210,13 @@ function lt(t, e) {
     s === 1 && i.push(o);
   }), 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) {
+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,
     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);
+    t.dispatch(ge(s)), 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)
         throw new Error("getSourceClientOffset must be defined");
-      pt(o), f = o(d);
+      ht(o), f = o(d);
     }
-    t.dispatch(fe(s, f));
+    t.dispatch(ge(s, 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,
@@ -269,18 +268,18 @@ function ft(t) {
     };
   };
 }
-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(we(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,69 +296,69 @@ 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((o, a) => {
+      const c = Ot(o, 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;
+  return Tt(s), typeof s > "u" && (s = e === 0 ? {} : n.getDropResult()), s;
 }
-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" || we(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
+      type: B
     };
   };
 }
-function wt(t) {
+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 Ct(t) {
   return function(r, { clientOffset: n } = {}) {
-    Nt(r);
+    wt(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), {
+    return Pt(i, o, a), Nt(i, s, o), xt(i, s, o), {
       type: H,
       payload: {
         targetIds: i,
@@ -368,10 +367,10 @@ function Ct(t) {
     };
   };
 }
-function Nt(t) {
+function wt(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];
@@ -380,18 +379,18 @@ function Pt(t, e, r) {
     l(s, "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);
+    X(s, 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),
+    beginDrag: gt(t),
+    publishDragSource: Rt(t),
     hover: Ct(t),
-    drop: St(t),
-    endDrag: It(t)
+    drop: yt(t),
+    endDrag: Et(t)
   };
 }
-class Lt {
+class _t {
   receiveBackend(e) {
     this.backend = e;
   }
@@ -429,7 +428,7 @@ class Lt {
         typeof a < "u" && r(a);
       };
     }
-    const i = _t(this);
+    const i = Mt(this);
     return Object.keys(i).reduce((s, o) => {
       const a = i[o];
       return s[o] = n(a), s;
@@ -445,33 +444,33 @@ 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.");
@@ -479,7 +478,7 @@ class Ut {
     const s = () => {
       const o = this.store.getState(), a = o.stateId;
       try {
-        a === i || a === i + 1 && !jt(o.dirtyHandlerIds, n) || e();
+        a === i || a === i + 1 && !Ht(o.dirtyHandlerIds, n) || e();
       } finally {
         i = a;
       }
@@ -508,7 +507,7 @@ class Ut {
     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();
@@ -531,7 +530,7 @@ class Ut {
     if (!this.isDragging())
       return !1;
     const i = this.registry.getTargetType(e), s = this.getItemType();
-    if (s && !z(i, s))
+    if (s && !X(i, s))
       return !1;
     const o = this.getTargetIds();
     if (!o.length)
@@ -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 Bt(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 Ut = 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
+  Bt
 ) : (
   // 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 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.
@@ -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 = Ut(this.flush), this.requestErrorThrow = xe(() => {
       if (this.pendingErrors.length)
         throw this.pendingErrors.shift();
     });
   }
 }
-class qt {
+class Ft {
   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 Ft(
       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 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", se = "dnd-core/REMOVE_SOURCE", V = "dnd-core/REMOVE_TARGET";
-function Xt(t) {
+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,
     payload: {
@@ -710,7 +709,7 @@ function Xt(t) {
     }
   };
 }
-function Wt(t) {
+function zt(t) {
   return {
     type: ie,
     payload: {
@@ -718,7 +717,7 @@ function Wt(t) {
     }
   };
 }
-function zt(t) {
+function Wt(t) {
   return {
     type: se,
     payload: {
@@ -726,24 +725,24 @@ function zt(t) {
     }
   };
 }
-function Qt(t) {
+function Xt(t) {
   return {
-    type: V,
+    type: U,
     payload: {
       targetId: t
     }
   };
 }
-function Kt(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 Jt(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;
   }
@@ -753,12 +752,12 @@ var T;
 (function(t) {
   t.SOURCE = "SOURCE", t.TARGET = "TARGET";
 })(T || (T = {}));
-let Zt = 0;
-function er() {
-  return Zt++;
+let Kt = 0;
+function Jt() {
+  return Kt++;
 }
-function tr(t) {
-  const e = er().toString();
+function er(t) {
+  const e = Jt().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,7 +777,7 @@ 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 {
@@ -789,19 +788,19 @@ function me(t, e) {
   } while (!n);
   return !1;
 }
-class rr {
+class tr {
   addSource(e, r) {
-    Q(e), Kt(r);
+    Z(e), Zt(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);
+    Z(e, !0), Qt(r);
     const n = this.addHandler(T.TARGET, e, r);
-    return this.store.dispatch(Wt(n)), n;
+    return this.store.dispatch(zt(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(Xt(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)
@@ -856,29 +855,29 @@ function sr(t, e, r = nr) {
       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 U:
     case se:
       return R;
     case A:
     case te:
-    case U:
+    case B:
     case j:
     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;
 }
-function ar(t, e, r) {
+function or(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]);
+      or(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 B:
     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:
@@ -971,9 +970,9 @@ function gr(t = dr, e) {
       return P({}, t, {
         targetIds: r.targetIds
       });
-    case V:
+    case U:
       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, {
@@ -981,7 +980,7 @@ function gr(t = dr, e) {
         didDrop: !0,
         targetIds: []
       });
-    case U:
+    case B:
       return P({}, t, {
         itemType: null,
         item: null,
@@ -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 V:
+    case U:
       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,45 +1017,45 @@ 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, {
+    dirtyHandlerIds: sr(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);
+function vr(t, e = void 0, r = {}, n = !1) {
+  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 yr(t) {
+function Dr(t) {
   const e = typeof window < "u" && window.__REDUX_DEVTOOLS_EXTENSION__;
-  return Ce(vr, t && e && e({
+  return Ce(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++)
@@ -1064,33 +1063,33 @@ function Sr(t, e) {
   }
   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]);
   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, s] = Tr(n);
   return k(() => {
     if (s) {
-      const o = _e();
-      return ++De, () => {
-        --De === 0 && (o[L] = null);
+      const o = Me();
+      return ++ve, () => {
+        --ve === 0 && (o[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,24 +1097,24 @@ 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;
@@ -1141,12 +1140,12 @@ function Ir() {
     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 Cr = /* @__PURE__ */ et(Ir), w = typeof window < "u" ? Ye : k;
+function wr(t, e, r) {
+  const [n, i] = be(
     () => e(t)
-  ), s = Ie(() => {
+  ), s = Ee(() => {
     const o = e(t);
     Cr(n, o) || (i(o), r && r());
   }, [
@@ -1154,14 +1153,14 @@ function Nr(t, e, r) {
     t,
     r
   ]);
-  return C(s), [
+  return w(s), [
     n,
     s
   ];
 }
-function Pr(t, e, r) {
-  const [n, i] = Nr(t, e, r);
-  return C(function() {
+function Nr(t, e, r) {
+  const [n, i] = wr(t, e, r);
+  return w(function() {
     const o = t.getHandlerId();
     if (o != null)
       return t.subscribeToStateChange(i, {
@@ -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,21 +1339,21 @@ 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,
     () => n.removeSource(i)
   ];
 }
-function K(t, e, r, n) {
+function Q(t, e, r, n) {
   let i;
   if (i !== void 0)
     return !!i;
@@ -1376,54 +1375,54 @@ 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")
   );
 }
-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)) {
+    if (!ze(e)) {
       const s = e;
       return t(s, r), s;
     }
     const n = e;
-    return Ar(n), jr(n, r ? (s) => t(s, r) : t);
+    return kr(n), Hr(n, r ? (s) => t(s, 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());
   }
@@ -1470,10 +1469,10 @@ class Ur {
     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);
@@ -1494,17 +1493,17 @@ 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();
+        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 Vr {
+class Br {
   get connectTarget() {
     return this.dropTarget;
   }
@@ -1536,7 +1535,7 @@ class Vr {
     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);
@@ -1548,42 +1547,42 @@ 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();
+        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;
   }
 }
 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 Ur(t, e) {
   const r = x(), n = b(
-    () => new Ur(r.getBackend()),
+    () => 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 Br() {
+function Vr() {
   const t = x();
   return b(
-    () => new Mr(t),
+    () => new Rr(t),
     [
       t
     ]
   );
 }
-class qr {
+class Fr {
   beginDrag() {
     const e = this.spec, r = this.monitor;
     let n = null;
@@ -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 Fr(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);
-  C(function() {
+function Gr(t, e, r) {
+  const n = x(), i = qr(t, e, r), s = $r(t);
+  w(function() {
     if (s != null) {
-      const [a, c] = kr(s, i, n);
+      const [a, c] = Lr(s, i, n);
       return e.receiveHandlerId(a), r.receiveHandlerId(a), c;
     }
   }, [
@@ -1642,17 +1641,17 @@ function Yr(t, e, r) {
     s
   ]);
 }
-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 = Vr(), i = Ur(r.options, r.previewOptions);
+  return Gr(r, n, i), [
+    _e(r.collect, n, i),
+    Pr(i),
+    xr(i)
   ];
 }
-function Wr(t) {
+function zr(t) {
   return b(
     () => t.hooks.dropTarget(),
     [
@@ -1660,27 +1659,27 @@ function Wr(t) {
     ]
   );
 }
-function zr(t) {
+function Wr(t) {
   const e = x(), r = b(
-    () => new Vr(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 Qr() {
+function Xr() {
   const t = x();
   return b(
-    () => new _r(t),
+    () => new Mr(t),
     [
       t
     ]
   );
 }
-function Kr(t) {
+function Zr(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 Qr {
   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 Kr(t, e) {
   const r = b(
-    () => new Jr(t, e),
+    () => new Qr(t, e),
     [
       e
     ]
@@ -1719,10 +1718,10 @@ function Zr(t, e) {
     t
   ]), r;
 }
-function en(t, e, r) {
-  const n = x(), i = Zr(t, e), s = Kr(t);
-  C(function() {
-    const [a, c] = Lr(s, 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,
@@ -1734,23 +1733,23 @@ function en(t, e, r) {
     ).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 = Xr(), i = Wr(r.options);
+  return Jr(r, n, i), [
+    _e(r.collect, n, i),
+    zr(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) {
+function rn(t, e) {
   const r = /* @__PURE__ */ new Set(), n = (s) => r.add(s);
   t.forEach(n), e.forEach(n);
   const i = [];
@@ -1758,16 +1757,16 @@ function nn(t, e) {
     (s) => i.push(s)
   ), 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 = [];
@@ -1776,7 +1775,7 @@ class sn {
     this.entered = [], this.isNodeInDocument = e;
   }
 }
-class on {
+class sn {
   initializeExposedProperties() {
     Object.keys(this.config.exposeProperties).forEach((e) => {
       Object.defineProperty(this.item, e, {
@@ -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__", Be = "__NATIVE_TEXT__", Ue = "__NATIVE_HTML__", Se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  FILE: je,
-  HTML: Fe,
-  TEXT: Ve,
-  URL: Ue
+  FILE: He,
+  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, s) => i || t.getData(s),
     ""
   );
   return n ?? r;
 }
-const Z = {
-  [je]: {
+const J = {
+  [He]: {
     exposeProperties: {
       files: (t) => Array.prototype.slice.call(t.files),
       items: (t) => t.items,
@@ -1841,9 +1840,9 @@ const Z = {
       "Files"
     ]
   },
-  [Fe]: {
+  [Ue]: {
     exposeProperties: {
-      html: (t, e) => X(t, e, ""),
+      html: (t, e) => z(t, e, ""),
       dataTransfer: (t) => t
     },
     matchesTypes: [
@@ -1851,9 +1850,9 @@ const Z = {
       "text/html"
     ]
   },
-  [Ue]: {
+  [je]: {
     exposeProperties: {
-      urls: (t, e) => X(t, e, "").split(`
+      urls: (t, e) => z(t, e, "").split(`
 `),
       dataTransfer: (t) => t
     },
@@ -1862,9 +1861,9 @@ const Z = {
       "text/uri-list"
     ]
   },
-  [Ve]: {
+  [Be]: {
     exposeProperties: {
-      text: (t, e) => X(t, e, ""),
+      text: (t, e) => z(t, e, ""),
       dataTransfer: (t) => t
     },
     matchesTypes: [
@@ -1873,30 +1872,30 @@ const Z = {
     ]
   }
 };
-function an(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;
   })[0] || null;
 }
-const cn = He(
+const an = Ae(
   () => /firefox/i.test(navigator.userAgent)
-), Be = He(
+), Ve = Ae(
   () => !!window.safari
 );
-class Te {
+class Oe {
   interpolate(e) {
     const { xs: r, ys: n, c1s: i, c2s: s, c3s: o } = this;
     let a = r.length - 1;
@@ -1952,9 +1951,9 @@ class Te {
     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 Fe(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) {
+function ln(t, e, r, n) {
   let i = t ? e.width : r, s = t ? e.height : n;
-  return Be() && t && (s /= window.devicePixelRatio, i /= window.devicePixelRatio), {
+  return Ve() && t && (s /= window.devicePixelRatio, i /= window.devicePixelRatio), {
     dragPreviewWidth: i,
     dragPreviewHeight: s
   };
 }
-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 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 } = 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(s, e, d, f), h = () => {
+    let oe = 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 Ve() && s && (oe += (window.devicePixelRatio - 1) * D), oe;
+  }, v = () => new Oe([
     0,
     0.5,
     1
@@ -2009,13 +2008,13 @@ function gn(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 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.
   */
@@ -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 = on(e, r), this.currentNativeHandle = this.registry.addSource(e, this.currentNativeSource), this.actions.beginDrag([
       this.currentNativeHandle
     ]);
   }
@@ -2183,7 +2182,7 @@ 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;
+      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 = () => {
@@ -2215,14 +2214,14 @@ class pn {
         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(), 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 {
@@ -2297,25 +2296,25 @@ class pn {
     }, 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);
+    }, 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__ */ 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,
   moveListItem: r,
   visibility: n,
   onToggleVisibility: i
 }) {
-  const s = t.isDraggable !== !1, o = t.toogleVisibility !== !1 && t.toggleVisibility !== !1, a = Qe(null), [, c] = tn({
+  const s = t.isDraggable !== !1, o = t.toogleVisibility !== !1 && t.toggleVisibility !== !1, a = Xe(null), [, c] = en({
     accept: ce,
     hover(p) {
       s && 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,
@@ -2323,31 +2322,37 @@ function Dn({
       isDragging: p.isDragging()
     })
   });
-  return s ? f(c(a)) : c(a), /* @__PURE__ */ E(
+  return s ? f(c(a)) : c(a), /* @__PURE__ */ I(
     "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: 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(
+          Je,
           {
             checked: n[t.accessorKey] !== !1,
             onChange: () => i(t.accessorKey),
             disabled: !o,
-            className: "mr-2"
+            className: "ckds-dragable-list-item-toggle",
+            size: "small"
           }
         )
       ]
     }
   );
 }
-function Rn({
+function Pn({
   draftConfig: t,
   setDraftConfig: e,
   moveDraftColumn: r,
@@ -2357,7 +2362,7 @@ function Rn({
   isDefault: o,
   isConfigChanged: a
 }) {
-  const [c, d] = Ee(""), f = Ie(
+  const [c, d] = be(""), f = Ee(
     (g) => {
       e((u) => ({
         ...u,
@@ -2371,36 +2376,39 @@ function Rn({
   ), p = t.columns.filter(
     (g) => g.header.toLowerCase().includes(c.toLowerCase())
   );
-  return /* @__PURE__ */ E(Tr, { backend: mn, children: [
-    /* @__PURE__ */ E("div", { className: "ckds-column-manager-wrapper", children: [
-      /* @__PURE__ */ E("div", { className: "flex items-center justify-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: s,
             variant: "hyperlink",
             disabled: o,
-            icons: { left: /* @__PURE__ */ m(Je, {}) },
-            label: "Reset to default"
+            icons: { left: /* @__PURE__ */ m(Ze, {}) },
+            label: "Reset",
+            size: "medium",
+            className: o ? "" : "ckds-reset-btn-active"
           }
         )
       ] }),
-      /* @__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__ */ 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", 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" : ""}`,
-              children: /* @__PURE__ */ E("div", { className: "ckds-search-input-wrapper", children: [
-                /* @__PURE__ */ m(Ze, {}),
+              className: p.length > 9 ? "ckds-search-border-bottom" : "",
+              style: { paddingBottom: "12px", marginTop: "16px" },
+              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)
@@ -2409,8 +2417,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", children: p.map((g, u) => /* @__PURE__ */ m(
+            vn,
             {
               column: g,
               index: u,
@@ -2423,22 +2431,22 @@ function Rn({
         ] })
       ] })
     ] }),
-    /* @__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"
         }
@@ -2447,5 +2455,5 @@ function Rn({
   ] });
 }
 export {
-  Rn as default
+  Pn as default
 };