@ck-ui/component-library 1.0.7 → 1.0.9

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

@@ -1,36 +1,36 @@
-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 { 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-DLJzdWsF.css';/* empty css                          */
-import { Toggle as Je } from "../../../Toggle/index.js";
-import { g as et } from "../../../../_commonjsHelpers-C6fGbg64.js";
-const Ie = $e({
+import { jsx as y, jsxs as P } from "react/jsx-runtime";
+import * as w from "react";
+import { createContext as tt, memo as rt, useEffect as q, useLayoutEffect as nt, useState as Ne, useCallback as B, useMemo as C, isValidElement as it, cloneElement as fe, useContext as st, useRef as Pe } from "react";
+import { CKButton as X } from "../../../CKButton/index.js";
+import { Typography as A } from "../../../Typography/index.js";
+import { Search as ot } from "../../../Search/index.js";
+import { S as at } from "../../../../reset-icon-YxMt3Ozp.js";
+import { ColumnConfig as ct } from "./ColumnConfig.js";
+import { COLUMN_ITEM_TYPE as F } from "../../constants.js";
+import '../../../../assets/styles-CwZG1jzB.css';/* empty css                          */
+import { Toggle as xe } from "../../../Toggle/index.js";
+import { g as ut } from "../../../../_commonjsHelpers-C6fGbg64.js";
+const Re = tt({
   dragDropManager: void 0
 });
-function O(t) {
+function E(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 he = function() {
   return typeof Symbol == "function" && Symbol.observable || "@@observable";
-}(), le = function() {
+}(), pe = function() {
   return Math.random().toString(36).substring(7).split("").join(".");
-}, de = {
-  INIT: "@@redux/INIT" + le(),
-  REPLACE: "@@redux/REPLACE" + le()
+}, me = {
+  INIT: "@@redux/INIT" + pe(),
+  REPLACE: "@@redux/REPLACE" + pe()
 };
-function tt(t) {
+function lt(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 rt(t) {
+function dt(t) {
   if (t === void 0) return "undefined";
   if (t === null) return "null";
   var e = typeof t;
@@ -43,9 +43,9 @@ function rt(t) {
       return e;
   }
   if (Array.isArray(t)) return "array";
-  if (st(t)) return "date";
-  if (it(t)) return "error";
-  var r = nt(t);
+  if (ht(t)) return "date";
+  if (ft(t)) return "error";
+  var r = gt(t);
   switch (r) {
     case "Symbol":
     case "Promise":
@@ -57,82 +57,82 @@ function rt(t) {
   }
   return e.slice(8, -1).toLowerCase().replace(/\s/g, "");
 }
-function nt(t) {
+function gt(t) {
   return typeof t.constructor == "function" ? t.constructor.name : null;
 }
-function it(t) {
+function ft(t) {
   return t instanceof Error || typeof t.message == "string" && t.constructor && typeof t.constructor.stackTraceLimit == "number";
 }
-function st(t) {
+function ht(t) {
   return t instanceof Date ? !0 : typeof t.toDateString == "function" && typeof t.getDate == "function" && typeof t.setDate == "function";
 }
-function N(t) {
+function M(t) {
   var e = typeof t;
-  return process.env.NODE_ENV !== "production" && (e = rt(t)), e;
+  return process.env.NODE_ENV !== "production" && (e = dt(t)), e;
 }
-function Ce(t, e, r) {
+function Me(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.");
+    throw new Error(process.env.NODE_ENV === "production" ? E(0) : "It looks like you are passing several store enhancers to createStore(). This is not supported. Instead, compose them together to a single function. See https://redux.js.org/tutorials/fundamentals/part-4-store#creating-a-store-with-enhancers for an example.");
   if (typeof e == "function" && typeof r > "u" && (r = e, e = void 0), typeof r < "u") {
     if (typeof r != "function")
-      throw new Error(process.env.NODE_ENV === "production" ? O(1) : "Expected the enhancer to be a function. Instead, received: '" + N(r) + "'");
-    return r(Ce)(t, e);
+      throw new Error(process.env.NODE_ENV === "production" ? E(1) : "Expected the enhancer to be a function. Instead, received: '" + M(r) + "'");
+    return r(Me)(t, e);
   }
   if (typeof t != "function")
-    throw new Error(process.env.NODE_ENV === "production" ? O(2) : "Expected the root reducer to be a function. Instead, received: '" + N(t) + "'");
-  var i = t, s = e, o = [], a = o, c = !1;
-  function d() {
-    a === o && (a = o.slice());
+    throw new Error(process.env.NODE_ENV === "production" ? E(2) : "Expected the root reducer to be a function. Instead, received: '" + M(t) + "'");
+  var i = t, s = e, a = [], o = a, c = !1;
+  function l() {
+    o === a && (o = a.slice());
   }
-  function f() {
+  function p() {
     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.");
+      throw new Error(process.env.NODE_ENV === "production" ? E(3) : "You may not call store.getState() while the reducer is executing. The reducer has already received the state as an argument. Pass it down from the top reducer instead of reading it from the store.");
     return s;
   }
-  function p(h) {
+  function v(h) {
     if (typeof h != "function")
-      throw new Error(process.env.NODE_ENV === "production" ? O(4) : "Expected the listener to be a function. Instead, received: '" + N(h) + "'");
+      throw new Error(process.env.NODE_ENV === "production" ? E(4) : "Expected the listener to be a function. Instead, received: '" + M(h) + "'");
     if (c)
-      throw new Error(process.env.NODE_ENV === "production" ? O(5) : "You may not call store.subscribe() while the reducer is executing. If you would like to be notified after the store has been updated, subscribe from a component and invoke store.getState() in the callback to access the latest state. See https://redux.js.org/api/store#subscribelistener for more details.");
-    var v = !0;
-    return d(), a.push(h), function() {
-      if (v) {
+      throw new Error(process.env.NODE_ENV === "production" ? E(5) : "You may not call store.subscribe() while the reducer is executing. If you would like to be notified after the store has been updated, subscribe from a component and invoke store.getState() in the callback to access the latest state. See https://redux.js.org/api/store#subscribelistener for more details.");
+    var S = !0;
+    return l(), o.push(h), function() {
+      if (S) {
         if (c)
-          throw new Error(process.env.NODE_ENV === "production" ? O(6) : "You may not unsubscribe from a store listener while the reducer is executing. See https://redux.js.org/api/store#subscribelistener for more details.");
-        v = !1, d();
-        var S = a.indexOf(h);
-        a.splice(S, 1), o = null;
+          throw new Error(process.env.NODE_ENV === "production" ? E(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.");
+        S = !1, l();
+        var f = o.indexOf(h);
+        o.splice(f, 1), a = null;
       }
     };
   }
-  function g(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.");
+  function m(h) {
+    if (!lt(h))
+      throw new Error(process.env.NODE_ENV === "production" ? E(7) : "Actions must be plain objects. Instead, the actual type was: '" + M(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.');
+      throw new Error(process.env.NODE_ENV === "production" ? E(8) : 'Actions may not have an undefined "type" property. You may have misspelled an action type string constant.');
     if (c)
-      throw new Error(process.env.NODE_ENV === "production" ? O(9) : "Reducers may not dispatch actions.");
+      throw new Error(process.env.NODE_ENV === "production" ? E(9) : "Reducers may not dispatch actions.");
     try {
       c = !0, s = i(s, h);
     } finally {
       c = !1;
     }
-    for (var v = o = a, y = 0; y < v.length; y++) {
-      var S = v[y];
-      S();
+    for (var S = a = o, d = 0; d < S.length; d++) {
+      var f = S[d];
+      f();
     }
     return h;
   }
   function u(h) {
     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: de.REPLACE
+      throw new Error(process.env.NODE_ENV === "production" ? E(10) : "Expected the nextReducer to be a function. Instead, received: '" + M(h));
+    i = h, m({
+      type: me.REPLACE
     });
   }
   function D() {
-    var h, v = p;
+    var h, S = v;
     return h = {
       /**
        * The minimal observable subscription method.
@@ -142,33 +142,33 @@ function Ce(t, e, r) {
        * be used to unsubscribe the observable from the store, and prevent further
        * emission of values from the observable.
        */
-      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 C() {
-          S.next && S.next(f());
+      subscribe: function(f) {
+        if (typeof f != "object" || f === null)
+          throw new Error(process.env.NODE_ENV === "production" ? E(11) : "Expected the observer to be an object. Instead, received: '" + M(f) + "'");
+        function b() {
+          f.next && f.next(p());
         }
-        C();
-        var V = v(C);
+        b();
+        var O = S(b);
         return {
-          unsubscribe: V
+          unsubscribe: O
         };
       }
-    }, h[ue] = function() {
+    }, h[he] = function() {
       return this;
     }, h;
   }
-  return g({
-    type: de.INIT
+  return m({
+    type: me.INIT
   }), n = {
-    dispatch: g,
-    subscribe: p,
-    getState: f,
+    dispatch: m,
+    subscribe: v,
+    getState: p,
     replaceReducer: u
-  }, n[ue] = D, n;
+  }, n[he] = D, n;
 }
-function l(t, e, ...r) {
-  if (ot() && e === void 0)
+function g(t, e, ...r) {
+  if (pt() && e === void 0)
     throw new Error("invariant requires an error message argument");
   if (!t) {
     let n;
@@ -183,103 +183,103 @@ function l(t, e, ...r) {
     throw n.framesToPop = 1, n;
   }
 }
-function ot() {
+function pt() {
   return typeof process < "u" && process.env.NODE_ENV === "production";
 }
-function at(t, e, r) {
+function mt(t, e, r) {
   return e.split(".").reduce(
     (n, i) => n && n[i] ? n[i] : r || null,
     t
   );
 }
-function ct(t, e) {
+function vt(t, e) {
   return t.filter(
     (r) => r !== e
   );
 }
-function we(t) {
+function _e(t) {
   return typeof t == "object";
 }
-function ut(t, e) {
+function yt(t, e) {
   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((s, o) => {
-    s === 1 && i.push(o);
+  return r.forEach((s, a) => {
+    s === 1 && i.push(a);
   }), i;
 }
-function lt(t, e) {
+function Dt(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", B = "dnd-core/END_DRAG";
-function ge(t, e) {
+const ae = "dnd-core/INIT_COORDS", $ = "dnd-core/BEGIN_DRAG", ce = "dnd-core/PUBLISH_DRAG_SOURCE", G = "dnd-core/HOVER", Y = "dnd-core/DROP", z = "dnd-core/END_DRAG";
+function ve(t, e) {
   return {
-    type: ee,
+    type: ae,
     payload: {
       sourceClientOffset: e || null,
       clientOffset: t || null
     }
   };
 }
-const dt = {
-  type: ee,
+const St = {
+  type: ae,
   payload: {
     clientOffset: null,
     sourceClientOffset: null
   }
 };
-function gt(t) {
+function bt(t) {
   return function(r = [], n = {
     publishSource: !0
   }) {
-    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);
+    const { publishSource: i = !0, clientOffset: s, getSourceClientOffset: a } = n, o = t.getMonitor(), c = t.getRegistry();
+    t.dispatch(ve(s)), Ot(r, o, c);
+    const l = It(r, o);
+    if (l == null) {
+      t.dispatch(St);
       return;
     }
-    let f = null;
+    let p = null;
     if (s) {
-      if (!o)
+      if (!a)
         throw new Error("getSourceClientOffset must be defined");
-      ht(o), f = o(d);
+      Tt(a), p = a(l);
     }
-    t.dispatch(ge(s, f));
-    const g = c.getSource(d).beginDrag(a, d);
-    if (g == null)
+    t.dispatch(ve(s, p));
+    const m = c.getSource(l).beginDrag(o, l);
+    if (m == null)
       return;
-    pt(g), c.pinSource(d);
-    const u = c.getSourceType(d);
+    Et(m), c.pinSource(l);
+    const u = c.getSourceType(l);
     return {
-      type: A,
+      type: $,
       payload: {
         itemType: u,
-        item: g,
-        sourceId: d,
+        item: m,
+        sourceId: l,
         clientOffset: s || null,
-        sourceClientOffset: f || null,
+        sourceClientOffset: p || null,
         isSourcePublic: !!i
       }
     };
   };
 }
-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 Ot(t, e, r) {
+  g(!e.isDragging(), "Cannot call beginDrag while dragging."), t.forEach(function(n) {
+    g(r.getSource(n), "Expected sourceIds to be registered.");
   });
 }
-function ht(t) {
-  l(typeof t == "function", "When clientOffset is provided, getSourceClientOffset must be a function.");
+function Tt(t) {
+  g(typeof t == "function", "When clientOffset is provided, getSourceClientOffset must be a function.");
 }
-function pt(t) {
-  l(we(t), "Item must be an object.");
+function Et(t) {
+  g(_e(t), "Item must be an object.");
 }
-function mt(t, e) {
+function It(t, e) {
   let r = null;
   for (let n = t.length - 1; n >= 0; n--)
     if (e.canDragSource(t[n])) {
@@ -288,7 +288,7 @@ function mt(t, e) {
     }
   return r;
 }
-function vt(t, e, r) {
+function Ct(t, e, r) {
   return e in t ? Object.defineProperty(t, e, {
     value: r,
     enumerable: !0,
@@ -296,70 +296,70 @@ function vt(t, e, r) {
     writable: !0
   }) : t[e] = r, t;
 }
-function Dt(t) {
+function wt(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) {
-      vt(t, i, r[i]);
+      Ct(t, i, r[i]);
     });
   }
   return t;
 }
-function yt(t) {
+function Nt(t) {
   return function(r = {}) {
     const n = t.getMonitor(), i = t.getRegistry();
-    St(n), bt(n).forEach((o, a) => {
-      const c = Ot(o, a, i, n), d = {
-        type: j,
+    Pt(n), Mt(n).forEach((a, o) => {
+      const c = xt(a, o, i, n), l = {
+        type: Y,
         payload: {
-          dropResult: Dt({}, r, c)
+          dropResult: wt({}, r, c)
         }
       };
-      t.dispatch(d);
+      t.dispatch(l);
     });
   };
 }
-function St(t) {
-  l(t.isDragging(), "Cannot call drop while not dragging."), l(!t.didDrop(), "Cannot call drop twice during one drag operation.");
+function Pt(t) {
+  g(t.isDragging(), "Cannot call drop while not dragging."), g(!t.didDrop(), "Cannot call drop twice during one drag operation.");
 }
-function Ot(t, e, r, n) {
+function xt(t, e, r, n) {
   const i = r.getTarget(t);
   let s = i ? i.drop(n, t) : void 0;
-  return Tt(s), typeof s > "u" && (s = e === 0 ? {} : n.getDropResult()), s;
+  return Rt(s), typeof s > "u" && (s = e === 0 ? {} : n.getDropResult()), s;
 }
-function Tt(t) {
-  l(typeof t > "u" || we(t), "Drop result must either be an object or undefined.");
+function Rt(t) {
+  g(typeof t > "u" || _e(t), "Drop result must either be an object or undefined.");
 }
-function bt(t) {
+function Mt(t) {
   const e = t.getTargetIds().filter(t.canDropOnTarget, t);
   return e.reverse(), e;
 }
-function Et(t) {
+function _t(t) {
   return function() {
     const r = t.getMonitor(), n = t.getRegistry();
-    It(r);
+    kt(r);
     const i = r.getSourceId();
     return i != null && (n.getSource(i, !0).endDrag(r, i), n.unpinSource()), {
-      type: B
+      type: z
     };
   };
 }
-function It(t) {
-  l(t.isDragging(), "Cannot call endDrag while not dragging.");
+function kt(t) {
+  g(t.isDragging(), "Cannot call endDrag while not dragging.");
 }
-function X(t, e) {
+function re(t, e) {
   return e === null ? t === null : Array.isArray(t) ? t.some(
     (r) => r === e
   ) : t === e;
 }
-function Ct(t) {
+function Lt(t) {
   return function(r, { clientOffset: n } = {}) {
-    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,
+    At(r);
+    const i = r.slice(0), s = t.getMonitor(), a = t.getRegistry(), o = s.getItemType();
+    return jt(i, a, o), Ht(i, s, a), Vt(i, s, a), {
+      type: G,
       payload: {
         targetIds: i,
         clientOffset: n || null
@@ -367,47 +367,47 @@ function Ct(t) {
     };
   };
 }
-function wt(t) {
-  l(Array.isArray(t), "Expected targetIds to be an array.");
+function At(t) {
+  g(Array.isArray(t), "Expected targetIds to be an array.");
 }
-function Nt(t, e, r) {
-  l(e.isDragging(), "Cannot call hover while not dragging."), l(!e.didDrop(), "Cannot call hover after drop.");
+function Ht(t, e, r) {
+  g(e.isDragging(), "Cannot call hover while not dragging."), g(!e.didDrop(), "Cannot call hover after drop.");
   for (let n = 0; n < t.length; n++) {
     const i = t[n];
-    l(t.lastIndexOf(i) === n, "Expected targetIds to be unique in the passed array.");
+    g(t.lastIndexOf(i) === n, "Expected targetIds to be unique in the passed array.");
     const s = r.getTarget(i);
-    l(s, "Expected targetIds to be registered.");
+    g(s, "Expected targetIds to be registered.");
   }
 }
-function Pt(t, e, r) {
+function jt(t, e, r) {
   for (let n = t.length - 1; n >= 0; n--) {
     const i = t[n], s = e.getTargetType(i);
-    X(s, r) || t.splice(n, 1);
+    re(s, r) || t.splice(n, 1);
   }
 }
-function xt(t, e, r) {
+function Vt(t, e, r) {
   t.forEach(function(n) {
     r.getTarget(n).hover(e, n);
   });
 }
-function Rt(t) {
+function Bt(t) {
   return function() {
     if (t.getMonitor().isDragging())
       return {
-        type: te
+        type: ce
       };
   };
 }
-function Mt(t) {
+function Ut(t) {
   return {
-    beginDrag: gt(t),
-    publishDragSource: Rt(t),
-    hover: Ct(t),
-    drop: yt(t),
-    endDrag: Et(t)
+    beginDrag: bt(t),
+    publishDragSource: Bt(t),
+    hover: Lt(t),
+    drop: Nt(t),
+    endDrag: _t(t)
   };
 }
-class _t {
+class Ft {
   receiveBackend(e) {
     this.backend = e;
   }
@@ -423,15 +423,15 @@ class _t {
   getActions() {
     const e = this, { dispatch: r } = this.store;
     function n(s) {
-      return (...o) => {
-        const a = s.apply(e, o);
-        typeof a < "u" && r(a);
+      return (...a) => {
+        const o = s.apply(e, a);
+        typeof o < "u" && r(o);
       };
     }
-    const i = Mt(this);
-    return Object.keys(i).reduce((s, o) => {
-      const a = i[o];
-      return s[o] = n(a), s;
+    const i = Ut(this);
+    return Object.keys(i).reduce((s, a) => {
+      const o = i[a];
+      return s[a] = n(o), s;
     }, {});
   }
   dispatch(e) {
@@ -444,49 +444,49 @@ class _t {
     }, this.store = e, this.monitor = r, e.subscribe(this.handleRefCountChange);
   }
 }
-function Lt(t, e) {
+function qt(t, e) {
   return {
     x: t.x + e.x,
     y: t.y + e.y
   };
 }
-function Ne(t, e) {
+function ke(t, e) {
   return {
     x: t.x - e.x,
     y: t.y - e.y
   };
 }
-function kt(t) {
+function $t(t) {
   const { clientOffset: e, initialClientOffset: r, initialSourceClientOffset: n } = t;
-  return !e || !r || !n ? null : Ne(Lt(e, n), r);
+  return !e || !r || !n ? null : ke(qt(e, n), r);
 }
-function At(t) {
+function Gt(t) {
   const { clientOffset: e, initialClientOffset: r } = t;
-  return !e || !r ? null : Ne(e, r);
+  return !e || !r ? null : ke(e, r);
 }
-const R = [], re = [];
-R.__IS_NONE__ = !0;
-re.__IS_ALL__ = !0;
-function Ht(t, e) {
-  return t === R ? !1 : t === re || typeof e > "u" ? !0 : lt(e, t).length > 0;
+const H = [], ue = [];
+H.__IS_NONE__ = !0;
+ue.__IS_ALL__ = !0;
+function Yt(t, e) {
+  return t === H ? !1 : t === ue || typeof e > "u" ? !0 : Dt(e, t).length > 0;
 }
-class jt {
+class zt {
   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.");
+    g(typeof e == "function", "listener must be a function."), g(typeof n > "u" || Array.isArray(n), "handlerIds, when specified, must be an array of strings.");
     let i = this.store.getState().stateId;
     const s = () => {
-      const o = this.store.getState(), a = o.stateId;
+      const a = this.store.getState(), o = a.stateId;
       try {
-        a === i || a === i + 1 && !Ht(o.dirtyHandlerIds, n) || e();
+        o === i || o === i + 1 && !Yt(a.dirtyHandlerIds, n) || e();
       } finally {
-        i = a;
+        i = o;
       }
     };
     return this.store.subscribe(s);
   }
   subscribeToOffsetChange(e) {
-    l(typeof e == "function", "listener must be a function.");
+    g(typeof e == "function", "listener must be a function.");
     let r = this.store.getState().dragOffset;
     const n = () => {
       const i = this.store.getState().dragOffset;
@@ -498,16 +498,16 @@ class jt {
     if (!e)
       return !1;
     const r = this.registry.getSource(e);
-    return l(r, `Expected to find a valid source. sourceId=${e}`), this.isDragging() ? !1 : r.canDrag(this, e);
+    return g(r, `Expected to find a valid source. sourceId=${e}`), this.isDragging() ? !1 : r.canDrag(this, e);
   }
   canDropOnTarget(e) {
     if (!e)
       return !1;
     const r = this.registry.getTarget(e);
-    if (l(r, `Expected to find a valid target. targetId=${e}`), !this.isDragging() || this.didDrop())
+    if (g(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 X(n, i) && r.canDrop(this, e);
+    return re(n, i) && r.canDrop(this, e);
   }
   isDragging() {
     return !!this.getItemType();
@@ -516,7 +516,7 @@ class jt {
     if (!e)
       return !1;
     const r = this.registry.getSource(e, !0);
-    if (l(r, `Expected to find a valid source. sourceId=${e}`), !this.isDragging() || !this.isSourcePublic())
+    if (g(r, `Expected to find a valid source. sourceId=${e}`), !this.isDragging() || !this.isSourcePublic())
       return !1;
     const n = this.registry.getSourceType(e), i = this.getItemType();
     return n !== i ? !1 : r.isDragging(this, e);
@@ -530,13 +530,13 @@ class jt {
     if (!this.isDragging())
       return !1;
     const i = this.registry.getTargetType(e), s = this.getItemType();
-    if (s && !X(i, s))
+    if (s && !re(i, s))
       return !1;
-    const o = this.getTargetIds();
-    if (!o.length)
+    const a = this.getTargetIds();
+    if (!a.length)
       return !1;
-    const a = o.indexOf(e);
-    return n ? a === o.length - 1 : a > -1;
+    const o = a.indexOf(e);
+    return n ? o === a.length - 1 : o > -1;
   }
   getItemType() {
     return this.store.getState().dragOperation.itemType;
@@ -569,17 +569,17 @@ class jt {
     return this.store.getState().dragOffset.clientOffset;
   }
   getSourceClientOffset() {
-    return kt(this.store.getState().dragOffset);
+    return $t(this.store.getState().dragOffset);
   }
   getDifferenceFromInitialOffset() {
-    return At(this.store.getState().dragOffset);
+    return Gt(this.store.getState().dragOffset);
   }
   constructor(e, r) {
     this.store = e, this.registry = r;
   }
 }
-const fe = typeof global < "u" ? global : self, Pe = fe.MutationObserver || fe.WebKitMutationObserver;
-function xe(t) {
+const ye = typeof global < "u" ? global : self, Le = ye.MutationObserver || ye.WebKitMutationObserver;
+function Ae(t) {
   return function() {
     const r = setTimeout(i, 0), n = setInterval(i, 50);
     function i() {
@@ -587,16 +587,16 @@ function xe(t) {
     }
   };
 }
-function Bt(t) {
+function Wt(t) {
   let e = 1;
-  const r = new Pe(t), n = document.createTextNode("");
+  const r = new Le(t), n = document.createTextNode("");
   return r.observe(n, {
     characterData: !0
   }), function() {
     e = -e, n.data = e;
   };
 }
-const Ut = typeof Pe == "function" ? (
+const Xt = typeof Le == "function" ? (
   // reliably everywhere they are implemented.
   // They are implemented in all modern browsers.
   //
@@ -607,7 +607,7 @@ const Ut = typeof Pe == "function" ? (
   // - iPad Safari 6-7.1
   // - iPhone Safari 7-7.1
   // - Safari 6-7
-  Bt
+  Wt
 ) : (
   // task queue, are implemented in Internet Explorer 10, Safari 5.0-1, and Opera
   // 11-12, and in web workers in many engines.
@@ -633,9 +633,9 @@ const Ut = typeof Pe == "function" ? (
   // - Internet Explorer 6-9
   // - iPad Safari 4.3
   // - Lynx 2.8.7
-  xe
+  Ae
 );
-class Vt {
+class Kt {
   // 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 Vt {
       e.length = 0, this.index = 0, this.flushing = !1;
     }, this.registerPendingError = (e) => {
       this.pendingErrors.push(e), this.requestErrorThrow();
-    }, this.requestFlush = Ut(this.flush), this.requestErrorThrow = xe(() => {
+    }, this.requestFlush = Xt(this.flush), this.requestErrorThrow = Ae(() => {
       if (this.pendingErrors.length)
         throw this.pendingErrors.shift();
     });
   }
 }
-class Ft {
+class Zt {
   call() {
     try {
       this.task && this.task();
@@ -684,9 +684,9 @@ class Ft {
     this.onError = e, this.release = r, this.task = null;
   }
 }
-class qt {
+class Qt {
   create(e) {
-    const r = this.freeTasks, n = r.length ? r.pop() : new Ft(
+    const r = this.freeTasks, n = r.length ? r.pop() : new Zt(
       this.onError,
       (i) => r[r.length] = i
     );
@@ -696,88 +696,88 @@ class qt {
     this.onError = e, this.freeTasks = [];
   }
 }
-const Re = new Vt(), $t = new qt(Re.registerPendingError);
-function Gt(t) {
-  Re.enqueueTask($t.create(t));
+const He = new Kt(), Jt = new Qt(He.registerPendingError);
+function er(t) {
+  He.enqueueTask(Jt.create(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) {
+const le = "dnd-core/ADD_SOURCE", de = "dnd-core/ADD_TARGET", ge = "dnd-core/REMOVE_SOURCE", W = "dnd-core/REMOVE_TARGET";
+function tr(t) {
   return {
-    type: ne,
+    type: le,
     payload: {
       sourceId: t
     }
   };
 }
-function zt(t) {
+function rr(t) {
   return {
-    type: ie,
+    type: de,
     payload: {
       targetId: t
     }
   };
 }
-function Wt(t) {
+function nr(t) {
   return {
-    type: se,
+    type: ge,
     payload: {
       sourceId: t
     }
   };
 }
-function Xt(t) {
+function ir(t) {
   return {
-    type: U,
+    type: W,
     payload: {
       targetId: 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 sr(t) {
+  g(typeof t.canDrag == "function", "Expected canDrag to be a function."), g(typeof t.beginDrag == "function", "Expected beginDrag to be a function."), g(typeof t.endDrag == "function", "Expected endDrag to be a function.");
 }
-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 or(t) {
+  g(typeof t.canDrop == "function", "Expected canDrop to be a function."), g(typeof t.hover == "function", "Expected hover to be a function."), g(typeof t.drop == "function", "Expected beginDrag to be a function.");
 }
-function Z(t, e) {
+function ne(t, e) {
   if (e && Array.isArray(t)) {
     t.forEach(
-      (r) => Z(r, !1)
+      (r) => ne(r, !1)
     );
     return;
   }
-  l(typeof t == "string" || typeof t == "symbol", e ? "Type can only be a string, a symbol, or an array of either." : "Type can only be a string or a symbol.");
+  g(typeof t == "string" || typeof t == "symbol", e ? "Type can only be a string, a symbol, or an array of either." : "Type can only be a string or a symbol.");
 }
-var T;
+var I;
 (function(t) {
   t.SOURCE = "SOURCE", t.TARGET = "TARGET";
-})(T || (T = {}));
-let Kt = 0;
-function Jt() {
-  return Kt++;
+})(I || (I = {}));
+let ar = 0;
+function cr() {
+  return ar++;
 }
-function er(t) {
-  const e = Jt().toString();
+function ur(t) {
+  const e = cr().toString();
   switch (t) {
-    case T.SOURCE:
+    case I.SOURCE:
       return `S${e}`;
-    case T.TARGET:
+    case I.TARGET:
       return `T${e}`;
     default:
       throw new Error(`Unknown Handler Role: ${t}`);
   }
 }
-function he(t) {
+function De(t) {
   switch (t[0]) {
     case "S":
-      return T.SOURCE;
+      return I.SOURCE;
     case "T":
-      return T.TARGET;
+      return I.TARGET;
     default:
       throw new Error(`Cannot parse handler ID: ${t}`);
   }
 }
-function pe(t, e) {
+function Se(t, e) {
   const r = t.entries();
   let n = !1;
   do {
@@ -788,66 +788,66 @@ function pe(t, e) {
   } while (!n);
   return !1;
 }
-class tr {
+class lr {
   addSource(e, r) {
-    Z(e), Zt(r);
-    const n = this.addHandler(T.SOURCE, e, r);
-    return this.store.dispatch(Yt(n)), n;
+    ne(e), sr(r);
+    const n = this.addHandler(I.SOURCE, e, r);
+    return this.store.dispatch(tr(n)), n;
   }
   addTarget(e, r) {
-    Z(e, !0), Qt(r);
-    const n = this.addHandler(T.TARGET, e, r);
-    return this.store.dispatch(zt(n)), n;
+    ne(e, !0), or(r);
+    const n = this.addHandler(I.TARGET, e, r);
+    return this.store.dispatch(rr(n)), n;
   }
   containsHandler(e) {
-    return pe(this.dragSources, e) || pe(this.dropTargets, e);
+    return Se(this.dragSources, e) || Se(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);
+    return g(this.isSourceId(e), "Expected a valid source ID."), r && e === this.pinnedSourceId ? this.pinnedSource : this.dragSources.get(e);
   }
   getTarget(e) {
-    return l(this.isTargetId(e), "Expected a valid target ID."), this.dropTargets.get(e);
+    return g(this.isTargetId(e), "Expected a valid target ID."), this.dropTargets.get(e);
   }
   getSourceType(e) {
-    return l(this.isSourceId(e), "Expected a valid source ID."), this.types.get(e);
+    return g(this.isSourceId(e), "Expected a valid source ID."), this.types.get(e);
   }
   getTargetType(e) {
-    return l(this.isTargetId(e), "Expected a valid target ID."), this.types.get(e);
+    return g(this.isTargetId(e), "Expected a valid target ID."), this.types.get(e);
   }
   isSourceId(e) {
-    return he(e) === T.SOURCE;
+    return De(e) === I.SOURCE;
   }
   isTargetId(e) {
-    return he(e) === T.TARGET;
+    return De(e) === I.TARGET;
   }
   removeSource(e) {
-    l(this.getSource(e), "Expected an existing source."), this.store.dispatch(Wt(e)), Gt(() => {
+    g(this.getSource(e), "Expected an existing source."), this.store.dispatch(nr(e)), er(() => {
       this.dragSources.delete(e), this.types.delete(e);
     });
   }
   removeTarget(e) {
-    l(this.getTarget(e), "Expected an existing target."), this.store.dispatch(Xt(e)), this.dropTargets.delete(e), this.types.delete(e);
+    g(this.getTarget(e), "Expected an existing target."), this.store.dispatch(ir(e)), this.dropTargets.delete(e), this.types.delete(e);
   }
   pinSource(e) {
     const r = this.getSource(e);
-    l(r, "Expected an existing source."), this.pinnedSourceId = e, this.pinnedSource = r;
+    g(r, "Expected an existing source."), this.pinnedSourceId = e, this.pinnedSource = r;
   }
   unpinSource() {
-    l(this.pinnedSource, "No source is pinned at the time."), this.pinnedSourceId = null, this.pinnedSource = null;
+    g(this.pinnedSource, "No source is pinned at the time."), this.pinnedSourceId = null, this.pinnedSource = null;
   }
   addHandler(e, r, n) {
-    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;
+    const i = ur(e);
+    return this.types.set(i, r), e === I.SOURCE ? this.dragSources.set(i, n) : e === I.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 rr = (t, e) => t === e;
-function nr(t, e) {
+const dr = (t, e) => t === e;
+function gr(t, e) {
   return !t && !e ? !0 : !t || !e ? !1 : t.x === e.x && t.y === e.y;
 }
-function ir(t, e, r = rr) {
+function fr(t, e, r = dr) {
   if (t.length !== e.length)
     return !1;
   for (let n = 0; n < t.length; ++n)
@@ -855,29 +855,29 @@ function ir(t, e, r = rr) {
       return !1;
   return !0;
 }
-function sr(t = R, e) {
+function hr(t = H, e) {
   switch (e.type) {
-    case H:
+    case G:
       break;
-    case ne:
-    case ie:
-    case U:
-    case se:
-      return R;
-    case A:
-    case te:
-    case B:
-    case j:
+    case le:
+    case de:
+    case W:
+    case ge:
+      return H;
+    case $:
+    case ce:
+    case z:
+    case Y:
     default:
-      return re;
+      return ue;
   }
-  const { targetIds: r = [], prevTargetIds: n = [] } = e.payload, i = ut(r, n);
-  if (!(i.length > 0 || !ir(r, n)))
-    return R;
-  const o = n[n.length - 1], a = r[r.length - 1];
-  return o !== a && (o && i.push(o), a && i.push(a)), i;
+  const { targetIds: r = [], prevTargetIds: n = [] } = e.payload, i = yt(r, n);
+  if (!(i.length > 0 || !fr(r, n)))
+    return H;
+  const a = n[n.length - 1], o = r[r.length - 1];
+  return a !== o && (a && i.push(a), o && i.push(o)), i;
 }
-function or(t, e, r) {
+function pr(t, e, r) {
   return e in t ? Object.defineProperty(t, e, {
     value: r,
     enumerable: !0,
@@ -885,44 +885,44 @@ function or(t, e, r) {
     writable: !0
   }) : t[e] = r, t;
 }
-function ar(t) {
+function mr(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) {
-      or(t, i, r[i]);
+      pr(t, i, r[i]);
     });
   }
   return t;
 }
-const me = {
+const be = {
   initialSourceClientOffset: null,
   initialClientOffset: null,
   clientOffset: null
 };
-function cr(t = me, e) {
+function vr(t = be, e) {
   const { payload: r } = e;
   switch (e.type) {
-    case ee:
-    case A:
+    case ae:
+    case $:
       return {
         initialSourceClientOffset: r.sourceClientOffset,
         initialClientOffset: r.clientOffset,
         clientOffset: r.clientOffset
       };
-    case H:
-      return nr(t.clientOffset, r.clientOffset) ? t : ar({}, t, {
+    case G:
+      return gr(t.clientOffset, r.clientOffset) ? t : mr({}, t, {
         clientOffset: r.clientOffset
       });
-    case B:
-    case j:
-      return me;
+    case z:
+    case Y:
+      return be;
     default:
       return t;
   }
 }
-function ur(t, e, r) {
+function yr(t, e, r) {
   return e in t ? Object.defineProperty(t, e, {
     value: r,
     enumerable: !0,
@@ -930,18 +930,18 @@ function ur(t, e, r) {
     writable: !0
   }) : t[e] = r, t;
 }
-function P(t) {
+function _(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) {
-      ur(t, i, r[i]);
+      yr(t, i, r[i]);
     });
   }
   return t;
 }
-const lr = {
+const Dr = {
   itemType: null,
   item: null,
   sourceId: null,
@@ -950,11 +950,11 @@ const lr = {
   didDrop: !1,
   isSourcePublic: null
 };
-function dr(t = lr, e) {
+function Sr(t = Dr, e) {
   const { payload: r } = e;
   switch (e.type) {
-    case A:
-      return P({}, t, {
+    case $:
+      return _({}, t, {
         itemType: r.itemType,
         item: r.item,
         sourceId: r.sourceId,
@@ -962,26 +962,26 @@ function dr(t = lr, e) {
         dropResult: null,
         didDrop: !1
       });
-    case te:
-      return P({}, t, {
+    case ce:
+      return _({}, t, {
         isSourcePublic: !0
       });
-    case H:
-      return P({}, t, {
+    case G:
+      return _({}, t, {
         targetIds: r.targetIds
       });
-    case U:
-      return t.targetIds.indexOf(r.targetId) === -1 ? t : P({}, t, {
-        targetIds: ct(t.targetIds, r.targetId)
+    case W:
+      return t.targetIds.indexOf(r.targetId) === -1 ? t : _({}, t, {
+        targetIds: vt(t.targetIds, r.targetId)
       });
-    case j:
-      return P({}, t, {
+    case Y:
+      return _({}, t, {
         dropResult: r.dropResult,
         didDrop: !0,
         targetIds: []
       });
-    case B:
-      return P({}, t, {
+    case z:
+      return _({}, t, {
         itemType: null,
         item: null,
         sourceId: null,
@@ -994,22 +994,22 @@ function dr(t = lr, e) {
       return t;
   }
 }
-function gr(t = 0, e) {
+function br(t = 0, e) {
   switch (e.type) {
-    case ne:
-    case ie:
+    case le:
+    case de:
       return t + 1;
-    case se:
-    case U:
+    case ge:
+    case W:
       return t - 1;
     default:
       return t;
   }
 }
-function fr(t = 0) {
+function Or(t = 0) {
   return t + 1;
 }
-function hr(t, e, r) {
+function Tr(t, e, r) {
   return e in t ? Object.defineProperty(t, e, {
     value: r,
     enumerable: !0,
@@ -1017,45 +1017,45 @@ function hr(t, e, r) {
     writable: !0
   }) : t[e] = r, t;
 }
-function pr(t) {
+function Er(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) {
-      hr(t, i, r[i]);
+      Tr(t, i, r[i]);
     });
   }
   return t;
 }
-function mr(t = {}, e) {
+function Ir(t = {}, e) {
   return {
-    dirtyHandlerIds: sr(t.dirtyHandlerIds, {
+    dirtyHandlerIds: hr(t.dirtyHandlerIds, {
       type: e.type,
-      payload: pr({}, e.payload, {
-        prevTargetIds: at(t, "dragOperation.targetIds", [])
+      payload: Er({}, e.payload, {
+        prevTargetIds: mt(t, "dragOperation.targetIds", [])
       })
     }),
-    dragOffset: cr(t.dragOffset, e),
-    refCount: gr(t.refCount, e),
-    dragOperation: dr(t.dragOperation, e),
-    stateId: fr(t.stateId)
+    dragOffset: vr(t.dragOffset, e),
+    refCount: br(t.refCount, e),
+    dragOperation: Sr(t.dragOperation, e),
+    stateId: Or(t.stateId)
   };
 }
-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 Cr(t, e = void 0, r = {}, n = !1) {
+  const i = wr(n), s = new zt(i, new lr(i)), a = new Ft(i, s), o = t(a, e, r);
+  return a.receiveBackend(o), a;
 }
-function Dr(t) {
+function wr(t) {
   const e = typeof window < "u" && window.__REDUX_DEVTOOLS_EXTENSION__;
-  return Ce(mr, t && e && e({
+  return Me(Ir, t && e && e({
     name: "dnd-core",
     instanceId: "dnd-core"
   }));
 }
-function yr(t, e) {
+function Nr(t, e) {
   if (t == null) return {};
-  var r = Sr(t, e), n, i;
+  var r = Pr(t, e), n, i;
   if (Object.getOwnPropertySymbols) {
     var s = Object.getOwnPropertySymbols(t);
     for (i = 0; i < s.length; i++)
@@ -1063,33 +1063,33 @@ function yr(t, e) {
   }
   return r;
 }
-function Sr(t, e) {
+function Pr(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 ve = 0;
-const L = Symbol.for("__REACT_DND_CONTEXT_INSTANCE__");
-var Or = /* @__PURE__ */ Ge(function(e) {
-  var { children: r } = e, n = yr(e, [
+let Oe = 0;
+const U = Symbol.for("__REACT_DND_CONTEXT_INSTANCE__");
+var xr = /* @__PURE__ */ rt(function(e) {
+  var { children: r } = e, n = Nr(e, [
     "children"
   ]);
-  const [i, s] = Tr(n);
-  return k(() => {
+  const [i, s] = Rr(n);
+  return q(() => {
     if (s) {
-      const o = Me();
-      return ++ve, () => {
-        --ve === 0 && (o[L] = null);
+      const a = je();
+      return ++Oe, () => {
+        --Oe === 0 && (a[U] = null);
       };
     }
-  }, []), /* @__PURE__ */ m(Ie.Provider, {
+  }, []), /* @__PURE__ */ y(Re.Provider, {
     value: i,
     children: r
   });
 });
-function Tr(t) {
+function Rr(t) {
   if ("manager" in t)
     return [
       {
@@ -1097,24 +1097,24 @@ function Tr(t) {
       },
       !1
     ];
-  const e = br(t.backend, t.context, t.options, t.debugMode), r = !t.context;
+  const e = Mr(t.backend, t.context, t.options, t.debugMode), r = !t.context;
   return [
     e,
     r
   ];
 }
-function br(t, e = Me(), r, n) {
+function Mr(t, e = je(), r, n) {
   const i = e;
-  return i[L] || (i[L] = {
-    dragDropManager: vr(t, e, r, n)
-  }), i[L];
+  return i[U] || (i[U] = {
+    dragDropManager: Cr(t, e, r, n)
+  }), i[U];
 }
-function Me() {
+function je() {
   return typeof global < "u" ? global : window;
 }
-var q, De;
-function Er() {
-  return De || (De = 1, q = function t(e, r) {
+var K, Te;
+function _r() {
+  return Te || (Te = 1, K = 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;
@@ -1132,40 +1132,40 @@ function Er() {
       for (i = n; i-- !== 0; )
         if (!Object.prototype.hasOwnProperty.call(r, s[i])) return !1;
       for (i = n; i-- !== 0; ) {
-        var o = s[i];
-        if (!t(e[o], r[o])) return !1;
+        var a = s[i];
+        if (!t(e[a], r[a])) return !1;
       }
       return !0;
     }
     return e !== e && r !== r;
-  }), q;
+  }), K;
 }
-var Ir = Er();
-const Cr = /* @__PURE__ */ et(Ir), w = typeof window < "u" ? Ye : k;
-function wr(t, e, r) {
-  const [n, i] = be(
+var kr = _r();
+const Lr = /* @__PURE__ */ ut(kr), R = typeof window < "u" ? nt : q;
+function Ar(t, e, r) {
+  const [n, i] = Ne(
     () => e(t)
-  ), s = Ee(() => {
-    const o = e(t);
-    Cr(n, o) || (i(o), r && r());
+  ), s = B(() => {
+    const a = e(t);
+    Lr(n, a) || (i(a), r && r());
   }, [
     n,
     t,
     r
   ]);
-  return w(s), [
+  return R(s), [
     n,
     s
   ];
 }
-function Nr(t, e, r) {
-  const [n, i] = wr(t, e, r);
-  return w(function() {
-    const o = t.getHandlerId();
-    if (o != null)
+function Hr(t, e, r) {
+  const [n, i] = Ar(t, e, r);
+  return R(function() {
+    const a = t.getHandlerId();
+    if (a != null)
       return t.subscribeToStateChange(i, {
         handlerIds: [
-          o
+          a
         ]
       });
   }, [
@@ -1173,35 +1173,35 @@ function Nr(t, e, r) {
     i
   ]), n;
 }
-function _e(t, e, r) {
-  return Nr(
+function Ve(t, e, r) {
+  return Hr(
     e,
     t || (() => ({})),
     () => r.reconnect()
   );
 }
-function Le(t, e) {
+function Be(t, e) {
   const r = [];
-  return typeof t != "function" && r.push(t), b(() => typeof t == "function" ? t() : t, r);
+  return typeof t != "function" && r.push(t), C(() => typeof t == "function" ? t() : t, r);
 }
-function Pr(t) {
-  return b(
+function jr(t) {
+  return C(
     () => t.hooks.dragSource(),
     [
       t
     ]
   );
 }
-function xr(t) {
-  return b(
+function Vr(t) {
+  return C(
     () => t.hooks.dragPreview(),
     [
       t
     ]
   );
 }
-let $ = !1, G = !1;
-class Rr {
+let Z = !1, Q = !1;
+class Br {
   receiveHandlerId(e) {
     this.sourceId = e;
   }
@@ -1209,21 +1209,21 @@ class Rr {
     return this.sourceId;
   }
   canDrag() {
-    l(!$, "You may not call monitor.canDrag() inside your canDrag() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor");
+    g(!Z, "You may not call monitor.canDrag() inside your canDrag() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor");
     try {
-      return $ = !0, this.internalMonitor.canDragSource(this.sourceId);
+      return Z = !0, this.internalMonitor.canDragSource(this.sourceId);
     } finally {
-      $ = !1;
+      Z = !1;
     }
   }
   isDragging() {
     if (!this.sourceId)
       return !1;
-    l(!G, "You may not call monitor.isDragging() inside your isDragging() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor");
+    g(!Q, "You may not call monitor.isDragging() inside your isDragging() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor");
     try {
-      return G = !0, this.internalMonitor.isDraggingSource(this.sourceId);
+      return Q = !0, this.internalMonitor.isDraggingSource(this.sourceId);
     } finally {
-      G = !1;
+      Q = !1;
     }
   }
   subscribeToStateChange(e, r) {
@@ -1284,8 +1284,8 @@ class Rr {
     this.sourceId = null, this.internalMonitor = e.getMonitor();
   }
 }
-let Y = !1;
-class Mr {
+let J = !1;
+class Ur {
   receiveHandlerId(e) {
     this.targetId = e;
   }
@@ -1298,11 +1298,11 @@ class Mr {
   canDrop() {
     if (!this.targetId)
       return !1;
-    l(!Y, "You may not call monitor.canDrop() inside your canDrop() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drop-target-monitor");
+    g(!J, "You may not call monitor.canDrop() inside your canDrop() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drop-target-monitor");
     try {
-      return Y = !0, this.internalMonitor.canDropOnTarget(this.targetId);
+      return J = !0, this.internalMonitor.canDropOnTarget(this.targetId);
     } finally {
-      Y = !1;
+      J = !1;
     }
   }
   isOver(e) {
@@ -1339,21 +1339,21 @@ class Mr {
     this.targetId = null, this.internalMonitor = e.getMonitor();
   }
 }
-function _r(t, e, r) {
+function Fr(t, e, r) {
   const n = r.getRegistry(), i = n.addTarget(t, e);
   return [
     i,
     () => n.removeTarget(i)
   ];
 }
-function Lr(t, e, r) {
+function qr(t, e, r) {
   const n = r.getRegistry(), i = n.addSource(t, e);
   return [
     i,
     () => n.removeSource(i)
   ];
 }
-function Q(t, e, r, n) {
+function ie(t, e, r, n) {
   let i;
   if (i !== void 0)
     return !!i;
@@ -1361,68 +1361,68 @@ function Q(t, e, r, n) {
     return !0;
   if (typeof t != "object" || !t || typeof e != "object" || !e)
     return !1;
-  const s = Object.keys(t), o = Object.keys(e);
-  if (s.length !== o.length)
+  const s = Object.keys(t), a = Object.keys(e);
+  if (s.length !== a.length)
     return !1;
-  const a = Object.prototype.hasOwnProperty.bind(e);
+  const o = Object.prototype.hasOwnProperty.bind(e);
   for (let c = 0; c < s.length; c++) {
-    const d = s[c];
-    if (!a(d))
+    const l = s[c];
+    if (!o(l))
       return !1;
-    const f = t[d], p = e[d];
-    if (i = void 0, i === !1 || i === void 0 && f !== p)
+    const p = t[l], v = e[l];
+    if (i = void 0, i === !1 || i === void 0 && p !== v)
       return !1;
   }
   return !0;
 }
-function K(t) {
+function se(t) {
   return (
     // eslint-disable-next-line no-prototype-builtins
     t !== null && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current")
   );
 }
-function kr(t) {
+function $r(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 Ar(t) {
+function Gr(t) {
   return (e = null, r = null) => {
-    if (!ze(e)) {
+    if (!it(e)) {
       const s = e;
       return t(s, r), s;
     }
     const n = e;
-    return kr(n), Hr(n, r ? (s) => t(s, r) : t);
+    return $r(n), Yr(n, r ? (s) => t(s, r) : t);
   };
 }
-function ke(t) {
+function Ue(t) {
   const e = {};
   return Object.keys(t).forEach((r) => {
     const n = t[r];
     if (r.endsWith("Ref"))
       e[r] = t[r];
     else {
-      const i = Ar(n);
+      const i = Gr(n);
       e[r] = () => i;
     }
   }), e;
 }
-function ye(t, e) {
+function Ee(t, e) {
   typeof t == "function" ? t(e) : t.current = e;
 }
-function Hr(t, e) {
+function Yr(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, {
+  return g(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 ? fe(t, {
     ref: (n) => {
-      ye(r, n), ye(e, n);
+      Ee(r, n), Ee(e, n);
     }
-  }) : ae(t, {
+  }) : fe(t, {
     ref: e
   });
 }
-class jr {
+class zr {
   receiveHandlerId(e) {
     this.handlerId !== e && (this.handlerId = e, this.reconnect());
   }
@@ -1469,10 +1469,10 @@ class jr {
     return this.lastConnectedDragPreview !== this.dragPreview;
   }
   didDragSourceOptionsChange() {
-    return !Q(this.lastConnectedDragSourceOptions, this.dragSourceOptions);
+    return !ie(this.lastConnectedDragSourceOptions, this.dragSourceOptions);
   }
   didDragPreviewOptionsChange() {
-    return !Q(this.lastConnectedDragPreviewOptions, this.dragPreviewOptions);
+    return !ie(this.lastConnectedDragPreviewOptions, this.dragPreviewOptions);
   }
   disconnectDragSource() {
     this.dragSourceUnsubscribe && (this.dragSourceUnsubscribe(), this.dragSourceUnsubscribe = void 0);
@@ -1493,17 +1493,17 @@ class jr {
     this.dragPreviewNode = null, this.dragPreviewRef = null;
   }
   constructor(e) {
-    this.hooks = ke({
+    this.hooks = Ue({
       dragSource: (r, n) => {
-        this.clearDragSource(), this.dragSourceOptions = n || null, K(r) ? this.dragSourceRef = r : this.dragSourceNode = r, this.reconnectDragSource();
+        this.clearDragSource(), this.dragSourceOptions = n || null, se(r) ? this.dragSourceRef = r : this.dragSourceNode = r, this.reconnectDragSource();
       },
       dragPreview: (r, n) => {
-        this.clearDragPreview(), this.dragPreviewOptions = n || null, K(r) ? this.dragPreviewRef = r : this.dragPreviewNode = r, this.reconnectDragPreview();
+        this.clearDragPreview(), this.dragPreviewOptions = n || null, se(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 Br {
+class Wr {
   get connectTarget() {
     return this.dropTarget;
   }
@@ -1535,7 +1535,7 @@ class Br {
     return this.lastConnectedDropTarget !== this.dropTarget;
   }
   didOptionsChange() {
-    return !Q(this.lastConnectedDropTargetOptions, this.dropTargetOptions);
+    return !ie(this.lastConnectedDropTargetOptions, this.dropTargetOptions);
   }
   disconnectDropTarget() {
     this.unsubscribeDropTarget && (this.unsubscribeDropTarget(), this.unsubscribeDropTarget = void 0);
@@ -1547,42 +1547,42 @@ class Br {
     this.dropTargetRef = null, this.dropTargetNode = null;
   }
   constructor(e) {
-    this.hooks = ke({
+    this.hooks = Ue({
       dropTarget: (r, n) => {
-        this.clearDropTarget(), this.dropTargetOptions = n, K(r) ? this.dropTargetRef = r : this.dropTargetNode = r, this.reconnect();
+        this.clearDropTarget(), this.dropTargetOptions = n, se(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 } = We(Ie);
-  return l(t != null, "Expected drag drop context"), t;
+function k() {
+  const { dragDropManager: t } = st(Re);
+  return g(t != null, "Expected drag drop context"), t;
 }
-function Ur(t, e) {
-  const r = x(), n = b(
-    () => new jr(r.getBackend()),
+function Xr(t, e) {
+  const r = k(), n = C(
+    () => new zr(r.getBackend()),
     [
       r
     ]
   );
-  return w(() => (n.dragSourceOptions = t || null, n.reconnect(), () => n.disconnectDragSource()), [
+  return R(() => (n.dragSourceOptions = t || null, n.reconnect(), () => n.disconnectDragSource()), [
     n,
     t
-  ]), w(() => (n.dragPreviewOptions = e || null, n.reconnect(), () => n.disconnectDragPreview()), [
+  ]), R(() => (n.dragPreviewOptions = e || null, n.reconnect(), () => n.disconnectDragPreview()), [
     n,
     e
   ]), n;
 }
-function Vr() {
-  const t = x();
-  return b(
-    () => new Rr(t),
+function Kr() {
+  const t = k();
+  return C(
+    () => new Br(t),
     [
       t
     ]
   );
 }
-class Fr {
+class Zr {
   beginDrag() {
     const e = this.spec, r = this.monitor;
     let n = null;
@@ -1604,34 +1604,34 @@ class Fr {
     this.spec = e, this.monitor = r, this.connector = n;
   }
 }
-function qr(t, e, r) {
-  const n = b(
-    () => new Fr(t, e, r),
+function Qr(t, e, r) {
+  const n = C(
+    () => new Zr(t, e, r),
     [
       e,
       r
     ]
   );
-  return k(() => {
+  return q(() => {
     n.spec = t;
   }, [
     t
   ]), n;
 }
-function $r(t) {
-  return b(() => {
+function Jr(t) {
+  return C(() => {
     const e = t.type;
-    return l(e != null, "spec.type must be defined"), e;
+    return g(e != null, "spec.type must be defined"), e;
   }, [
     t
   ]);
 }
-function Gr(t, e, r) {
-  const n = x(), i = qr(t, e, r), s = $r(t);
-  w(function() {
+function en(t, e, r) {
+  const n = k(), i = Qr(t, e, r), s = Jr(t);
+  R(function() {
     if (s != null) {
-      const [a, c] = Lr(s, i, n);
-      return e.receiveHandlerId(a), r.receiveHandlerId(a), c;
+      const [o, c] = qr(s, i, n);
+      return e.receiveHandlerId(o), r.receiveHandlerId(o), c;
     }
   }, [
     n,
@@ -1641,53 +1641,53 @@ function Gr(t, e, r) {
     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 = Vr(), i = Ur(r.options, r.previewOptions);
-  return Gr(r, n, i), [
-    _e(r.collect, n, i),
-    Pr(i),
-    xr(i)
+function Fe(t, e) {
+  const r = Be(t);
+  g(!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 = Kr(), i = Xr(r.options, r.previewOptions);
+  return en(r, n, i), [
+    Ve(r.collect, n, i),
+    jr(i),
+    Vr(i)
   ];
 }
-function zr(t) {
-  return b(
+function tn(t) {
+  return C(
     () => t.hooks.dropTarget(),
     [
       t
     ]
   );
 }
-function Wr(t) {
-  const e = x(), r = b(
-    () => new Br(e.getBackend()),
+function rn(t) {
+  const e = k(), r = C(
+    () => new Wr(e.getBackend()),
     [
       e
     ]
   );
-  return w(() => (r.dropTargetOptions = t || null, r.reconnect(), () => r.disconnectDropTarget()), [
+  return R(() => (r.dropTargetOptions = t || null, r.reconnect(), () => r.disconnectDropTarget()), [
     t
   ]), r;
 }
-function Xr() {
-  const t = x();
-  return b(
-    () => new Mr(t),
+function nn() {
+  const t = k();
+  return C(
+    () => new Ur(t),
     [
       t
     ]
   );
 }
-function Zr(t) {
+function sn(t) {
   const { accept: e } = t;
-  return b(() => (l(t.accept != null, "accept must be defined"), Array.isArray(e) ? e : [
+  return C(() => (g(t.accept != null, "accept must be defined"), Array.isArray(e) ? e : [
     e
   ]), [
     e
   ]);
 }
-class Qr {
+class on {
   canDrop() {
     const e = this.spec, r = this.monitor;
     return e.canDrop ? e.canDrop(r.getItem(), r) : !0;
@@ -1705,51 +1705,51 @@ class Qr {
     this.spec = e, this.monitor = r;
   }
 }
-function Kr(t, e) {
-  const r = b(
-    () => new Qr(t, e),
+function an(t, e) {
+  const r = C(
+    () => new on(t, e),
     [
       e
     ]
   );
-  return k(() => {
+  return q(() => {
     r.spec = t;
   }, [
     t
   ]), r;
 }
-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;
+function cn(t, e, r) {
+  const n = k(), i = an(t, e), s = sn(t);
+  R(function() {
+    const [o, c] = Fr(s, i, n);
+    return e.receiveHandlerId(o), r.receiveHandlerId(o), c;
   }, [
     n,
     e,
     i,
     r,
     s.map(
-      (o) => o.toString()
+      (a) => a.toString()
     ).join("|")
   ]);
 }
-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 qe(t, e) {
+  const r = Be(t), n = nn(), i = rn(r.options);
+  return cn(r, n, i), [
+    Ve(r.collect, n, i),
+    tn(i)
   ];
 }
-function Ae(t) {
+function $e(t) {
   let e = null;
   return () => (e == null && (e = t()), e);
 }
-function tn(t, e) {
+function un(t, e) {
   return t.filter(
     (r) => r !== e
   );
 }
-function rn(t, e) {
+function ln(t, e) {
   const r = /* @__PURE__ */ new Set(), n = (s) => r.add(s);
   t.forEach(n), e.forEach(n);
   const i = [];
@@ -1757,16 +1757,16 @@ function rn(t, e) {
     (s) => i.push(s)
   ), i;
 }
-class nn {
+class dn {
   enter(e) {
     const r = this.entered.length, n = (i) => this.isNodeInDocument(i) && (!i.contains || i.contains(e));
-    return this.entered = rn(this.entered.filter(n), [
+    return this.entered = ln(this.entered.filter(n), [
       e
     ]), r === 0 && this.entered.length > 0;
   }
   leave(e) {
     const r = this.entered.length;
-    return this.entered = tn(this.entered.filter(this.isNodeInDocument), e), r > 0 && this.entered.length === 0;
+    return this.entered = un(this.entered.filter(this.isNodeInDocument), e), r > 0 && this.entered.length === 0;
   }
   reset() {
     this.entered = [];
@@ -1775,7 +1775,7 @@ class nn {
     this.entered = [], this.isNodeInDocument = e;
   }
 }
-class sn {
+class gn {
   initializeExposedProperties() {
     Object.keys(this.config.exposeProperties).forEach((e) => {
       Object.defineProperty(this.item, e, {
@@ -1815,22 +1815,22 @@ class sn {
     this.config = e, this.item = {}, this.initializeExposedProperties();
   }
 }
-const He = "__NATIVE_FILE__", je = "__NATIVE_URL__", Be = "__NATIVE_TEXT__", Ue = "__NATIVE_HTML__", Se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ge = "__NATIVE_FILE__", Ye = "__NATIVE_URL__", ze = "__NATIVE_TEXT__", We = "__NATIVE_HTML__", Ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  FILE: He,
-  HTML: Ue,
-  TEXT: Be,
-  URL: je
+  FILE: Ge,
+  HTML: We,
+  TEXT: ze,
+  URL: Ye
 }, Symbol.toStringTag, { value: "Module" }));
-function z(t, e, r) {
+function ee(t, e, r) {
   const n = e.reduce(
     (i, s) => i || t.getData(s),
     ""
   );
   return n ?? r;
 }
-const J = {
-  [He]: {
+const oe = {
+  [Ge]: {
     exposeProperties: {
       files: (t) => Array.prototype.slice.call(t.files),
       items: (t) => t.items,
@@ -1840,9 +1840,9 @@ const J = {
       "Files"
     ]
   },
-  [Ue]: {
+  [We]: {
     exposeProperties: {
-      html: (t, e) => z(t, e, ""),
+      html: (t, e) => ee(t, e, ""),
       dataTransfer: (t) => t
     },
     matchesTypes: [
@@ -1850,9 +1850,9 @@ const J = {
       "text/html"
     ]
   },
-  [je]: {
+  [Ye]: {
     exposeProperties: {
-      urls: (t, e) => z(t, e, "").split(`
+      urls: (t, e) => ee(t, e, "").split(`
 `),
       dataTransfer: (t) => t
     },
@@ -1861,9 +1861,9 @@ const J = {
       "text/uri-list"
     ]
   },
-  [Be]: {
+  [ze]: {
     exposeProperties: {
-      text: (t, e) => z(t, e, ""),
+      text: (t, e) => ee(t, e, ""),
       dataTransfer: (t) => t
     },
     matchesTypes: [
@@ -1872,49 +1872,49 @@ const J = {
     ]
   }
 };
-function on(t, e) {
-  const r = J[t];
+function fn(t, e) {
+  const r = oe[t];
   if (!r)
     throw new Error(`native type ${t} has no configuration`);
-  const n = new sn(r);
+  const n = new gn(r);
   return n.loadDataTransfer(e), n;
 }
-function W(t) {
+function te(t) {
   if (!t)
     return null;
   const e = Array.prototype.slice.call(t.types || []);
-  return Object.keys(J).filter((r) => {
-    const n = J[r];
+  return Object.keys(oe).filter((r) => {
+    const n = oe[r];
     return n?.matchesTypes ? n.matchesTypes.some(
       (i) => e.indexOf(i) > -1
     ) : !1;
   })[0] || null;
 }
-const an = Ae(
+const hn = $e(
   () => /firefox/i.test(navigator.userAgent)
-), Ve = Ae(
+), Xe = $e(
   () => !!window.safari
 );
-class Oe {
+class Ce {
   interpolate(e) {
-    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 = o.length - 1, f;
-    for (; c <= d; ) {
-      f = Math.floor(0.5 * (c + d));
-      const u = r[f];
+    const { xs: r, ys: n, c1s: i, c2s: s, c3s: a } = this;
+    let o = r.length - 1;
+    if (e === r[o])
+      return n[o];
+    let c = 0, l = a.length - 1, p;
+    for (; c <= l; ) {
+      p = Math.floor(0.5 * (c + l));
+      const u = r[p];
       if (u < e)
-        c = f + 1;
+        c = p + 1;
       else if (u > e)
-        d = f - 1;
+        l = p - 1;
       else
-        return n[f];
+        return n[p];
     }
-    a = Math.max(0, d);
-    const p = e - r[a], g = p * p;
-    return n[a] + i[a] * p + s[a] * g + o[a] * p * g;
+    o = Math.max(0, l);
+    const v = e - r[o], m = v * v;
+    return n[o] + i[o] * v + s[o] * m + a[o] * v * m;
   }
   constructor(e, r) {
     const { length: n } = e, i = [];
@@ -1923,37 +1923,37 @@ class Oe {
     i.sort(
       (u, D) => e[u] < e[D] ? -1 : 1
     );
-    const s = [], o = [];
-    let a, c;
+    const s = [], a = [];
+    let o, c;
     for (let u = 0; u < n - 1; u++)
-      a = e[u + 1] - e[u], c = r[u + 1] - r[u], s.push(a), o.push(c / a);
-    const d = [
-      o[0]
+      o = e[u + 1] - e[u], c = r[u + 1] - r[u], s.push(o), a.push(c / o);
+    const l = [
+      a[0]
     ];
     for (let u = 0; u < s.length - 1; u++) {
-      const D = o[u], h = o[u + 1];
+      const D = a[u], h = a[u + 1];
       if (D * h <= 0)
-        d.push(0);
+        l.push(0);
       else {
-        a = s[u];
-        const v = s[u + 1], y = a + v;
-        d.push(3 * y / ((y + v) / D + (y + a) / h));
+        o = s[u];
+        const S = s[u + 1], d = o + S;
+        l.push(3 * d / ((d + S) / D + (d + o) / h));
       }
     }
-    d.push(o[o.length - 1]);
-    const f = [], p = [];
-    let g;
-    for (let u = 0; u < d.length - 1; u++) {
-      g = o[u];
-      const D = d[u], h = 1 / s[u], v = D + d[u + 1] - g - g;
-      f.push((g - D - v) * h), p.push(v * h * h);
+    l.push(a[a.length - 1]);
+    const p = [], v = [];
+    let m;
+    for (let u = 0; u < l.length - 1; u++) {
+      m = a[u];
+      const D = l[u], h = 1 / s[u], S = D + l[u + 1] - m - m;
+      p.push((m - D - S) * h), v.push(S * h * h);
     }
-    this.xs = e, this.ys = r, this.c1s = d, this.c2s = f, this.c3s = p;
+    this.xs = e, this.ys = r, this.c1s = l, this.c2s = p, this.c3s = v;
   }
 }
-const cn = 1;
-function Fe(t) {
-  const e = t.nodeType === cn ? t : t.parentElement;
+const pn = 1;
+function Ke(t) {
+  const e = t.nodeType === pn ? t : t.parentElement;
   if (!e)
     return null;
   const { top: r, left: n } = e.getBoundingClientRect();
@@ -1962,29 +1962,29 @@ function Fe(t) {
     y: r
   };
 }
-function M(t) {
+function V(t) {
   return {
     x: t.clientX,
     y: t.clientY
   };
 }
-function un(t) {
+function mn(t) {
   var e;
-  return t.nodeName === "IMG" && (an() || !(!((e = document.documentElement) === null || e === void 0) && e.contains(t)));
+  return t.nodeName === "IMG" && (hn() || !(!((e = document.documentElement) === null || e === void 0) && e.contains(t)));
 }
-function ln(t, e, r, n) {
+function vn(t, e, r, n) {
   let i = t ? e.width : r, s = t ? e.height : n;
-  return Ve() && t && (s /= window.devicePixelRatio, i /= window.devicePixelRatio), {
+  return Xe() && t && (s /= window.devicePixelRatio, i /= window.devicePixelRatio), {
     dragPreviewWidth: i,
     dragPreviewHeight: s
   };
 }
-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 } = ln(s, e, d, f), h = () => {
-    let oe = new Oe([
+function yn(t, e, r, n, i) {
+  const s = mn(e), o = Ke(s ? t : e), c = {
+    x: r.x - o.x,
+    y: r.y - o.y
+  }, { offsetWidth: l, offsetHeight: p } = t, { anchorX: v, anchorY: m } = n, { dragPreviewWidth: u, dragPreviewHeight: D } = vn(s, e, l, p), h = () => {
+    let L = new Ce([
       0,
       0.5,
       1
@@ -1992,12 +1992,12 @@ function dn(t, e, r, n, i) {
       // Dock to the top
       c.y,
       // Align at the center
-      c.y / f * D,
+      c.y / p * D,
       // Dock to the bottom
-      c.y + D - f
-    ]).interpolate(g);
-    return Ve() && s && (oe += (window.devicePixelRatio - 1) * D), oe;
-  }, v = () => new Oe([
+      c.y + D - p
+    ]).interpolate(m);
+    return Xe() && s && (L += (window.devicePixelRatio - 1) * D), L;
+  }, S = () => new Ce([
     0,
     0.5,
     1
@@ -2005,16 +2005,16 @@ function dn(t, e, r, n, i) {
     // Dock to the left
     c.x,
     // Align at the center
-    c.x / d * u,
+    c.x / l * u,
     // Dock to the right
-    c.x + u - d
-  ]).interpolate(p), { offsetX: y, offsetY: S } = i, C = y === 0 || y, V = S === 0 || S;
+    c.x + u - l
+  ]).interpolate(v), { offsetX: d, offsetY: f } = i, b = d === 0 || d, O = f === 0 || f;
   return {
-    x: C ? y : v(),
-    y: V ? S : h()
+    x: b ? d : S(),
+    y: O ? f : h()
   };
 }
-class gn {
+class Dn {
   get window() {
     if (this.globalContext)
       return this.globalContext;
@@ -2033,7 +2033,7 @@ class gn {
     this.ownerDocument = null, this.globalContext = e, this.optionsArgs = r;
   }
 }
-function fn(t, e, r) {
+function Sn(t, e, r) {
   return e in t ? Object.defineProperty(t, e, {
     value: r,
     enumerable: !0,
@@ -2041,18 +2041,18 @@ function fn(t, e, r) {
     writable: !0
   }) : t[e] = r, t;
 }
-function Te(t) {
+function we(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) {
-      fn(t, i, r[i]);
+      Sn(t, i, r[i]);
     });
   }
   return t;
 }
-class hn {
+class bn {
   /**
   * Generate profiling statistics for the HTML5Backend.
   */
@@ -2104,13 +2104,13 @@ class hn {
   }
   connectDragSource(e, r, n) {
     this.sourceNodes.set(e, r), this.sourceNodeOptions.set(e, n);
-    const i = (o) => this.handleDragStart(o, e), s = (o) => this.handleSelectStart(o);
+    const i = (a) => this.handleDragStart(a, e), s = (a) => this.handleSelectStart(a);
     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 = (o) => this.handleDragEnter(o, e), i = (o) => this.handleDragOver(o, e), s = (o) => this.handleDrop(o, e);
+    const n = (a) => this.handleDragEnter(a, e), i = (a) => this.handleDragOver(a, e), s = (a) => this.handleDrop(a, 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);
     };
@@ -2123,7 +2123,7 @@ class hn {
   }
   getCurrentSourceNodeOptions() {
     const e = this.monitor.getSourceId(), r = this.sourceNodeOptions.get(e);
-    return Te({
+    return we({
       dropEffect: this.altKeyPressed ? "copy" : "move"
     }, r || {});
   }
@@ -2132,7 +2132,7 @@ class hn {
   }
   getCurrentSourcePreviewNodeOptions() {
     const e = this.monitor.getSourceId(), r = this.sourcePreviewNodeOptions.get(e);
-    return Te({
+    return we({
       anchorX: 0.5,
       anchorY: 0.5,
       captureDraggingState: !1
@@ -2140,12 +2140,12 @@ class hn {
   }
   isDraggingNativeItem() {
     const e = this.monitor.getItemType();
-    return Object.keys(Se).some(
-      (r) => Se[r] === e
+    return Object.keys(Ie).some(
+      (r) => Ie[r] === e
     );
   }
   beginDragNativeItem(e, r) {
-    this.clearCurrentDragSourceNode(), this.currentNativeSource = on(e, r), this.currentNativeHandle = this.registry.addSource(e, this.currentNativeSource), this.actions.beginDrag([
+    this.clearCurrentDragSourceNode(), this.currentNativeSource = fn(e, r), this.currentNativeHandle = this.registry.addSource(e, this.currentNativeSource), this.actions.beginDrag([
       this.currentNativeHandle
     ]);
   }
@@ -2182,7 +2182,7 @@ 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 s = this.sourceNodes.get(i);
-      return s && Fe(s) || null;
+      return s && Ke(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 = () => {
@@ -2203,41 +2203,41 @@ class hn {
         return;
       const { dragStartSourceIds: s } = this;
       this.dragStartSourceIds = null;
-      const o = M(i);
+      const a = V(i);
       this.monitor.isDragging() && (this.actions.endDrag(), this.cancelHover()), this.actions.beginDrag(s || [], {
         publishSource: !1,
         getSourceClientOffset: this.getSourceClientOffset,
-        clientOffset: o
+        clientOffset: a
       });
-      const { dataTransfer: a } = i, c = W(a);
+      const { dataTransfer: o } = i, c = te(o);
       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(), C = dn(p, g, o, {
+        if (o && typeof o.setDragImage == "function") {
+          const p = this.monitor.getSourceId(), v = this.sourceNodes.get(p), m = this.sourcePreviewNodes.get(p) || v;
+          if (m) {
+            const { anchorX: u, anchorY: D, offsetX: h, offsetY: S } = this.getCurrentSourcePreviewNodeOptions(), b = yn(v, m, a, {
               anchorX: u,
               anchorY: D
             }, {
               offsetX: h,
-              offsetY: v
+              offsetY: S
             });
-            a.setDragImage(g, C.x, C.y);
+            o.setDragImage(m, b.x, b.y);
           }
         }
         try {
-          a?.setData("application/json", {});
+          o?.setData("application/json", {});
         } catch {
         }
         this.setCurrentDragSourceNode(i.target);
-        const { captureDraggingState: d } = this.getCurrentSourcePreviewNodeOptions();
-        d ? this.actions.publishDragSource() : setTimeout(
+        const { captureDraggingState: l } = this.getCurrentSourcePreviewNodeOptions();
+        l ? this.actions.publishDragSource() : setTimeout(
           () => this.actions.publishDragSource(),
           0
         );
       } else if (c)
         this.beginDragNativeItem(c);
       else {
-        if (a && !a.types && (i.target && !i.target.hasAttribute || !i.target.hasAttribute("draggable")))
+        if (o && !o.types && (i.target && !i.target.hasAttribute || !i.target.hasAttribute("draggable")))
           return;
         i.preventDefault();
       }
@@ -2250,16 +2250,16 @@ class hn {
       }
       if (!this.enterLeaveCounter.enter(i.target) || this.monitor.isDragging())
         return;
-      const { dataTransfer: a } = i, c = W(a);
-      c && this.beginDragNativeItem(c, a);
+      const { dataTransfer: o } = i, c = te(o);
+      c && this.beginDragNativeItem(c, o);
     }, this.handleTopDragEnter = (i) => {
       const { dragEnterTargetIds: s } = this;
       if (this.dragEnterTargetIds = [], !this.monitor.isDragging())
         return;
       this.altKeyPressed = i.altKey, s.length > 0 && this.actions.hover(s, {
-        clientOffset: M(i)
+        clientOffset: V(i)
       }), s.some(
-        (a) => this.monitor.canDropOnTarget(a)
+        (o) => this.monitor.canDropOnTarget(o)
       ) && (i.preventDefault(), i.dataTransfer && (i.dataTransfer.dropEffect = this.getCurrentDropEffect()));
     }, this.handleTopDragOverCapture = (i) => {
       if (this.dragOverTargetIds = [], this.isDraggingNativeItem()) {
@@ -2272,8 +2272,8 @@ class hn {
         i.preventDefault(), i.dataTransfer && (i.dataTransfer.dropEffect = "none");
         return;
       }
-      this.altKeyPressed = i.altKey, this.lastClientOffset = M(i), this.scheduleHover(s), (s || []).some(
-        (a) => this.monitor.canDropOnTarget(a)
+      this.altKeyPressed = i.altKey, this.lastClientOffset = V(i), this.scheduleHover(s), (s || []).some(
+        (o) => this.monitor.canDropOnTarget(o)
       ) ? (i.preventDefault(), i.dataTransfer && (i.dataTransfer.dropEffect = this.getCurrentDropEffect())) : this.isDraggingNativeItem() ? i.preventDefault() : (i.preventDefault(), i.dataTransfer && (i.dataTransfer.dropEffect = "none"));
     }, this.handleTopDragLeaveCapture = (i) => {
       this.isDraggingNativeItem() && i.preventDefault(), this.enterLeaveCounter.leave(i.target) && (this.isDraggingNativeItem() && setTimeout(
@@ -2284,66 +2284,113 @@ class hn {
       if (this.dropTargetIds = [], this.isDraggingNativeItem()) {
         var s;
         i.preventDefault(), (s = this.currentNativeSource) === null || s === void 0 || s.loadDataTransfer(i.dataTransfer);
-      } else W(i.dataTransfer) && i.preventDefault();
+      } else te(i.dataTransfer) && i.preventDefault();
       this.enterLeaveCounter.reset();
     }, this.handleTopDrop = (i) => {
       const { dropTargetIds: s } = this;
       this.dropTargetIds = [], this.actions.hover(s, {
-        clientOffset: M(i)
+        clientOffset: V(i)
       }), this.actions.drop({
         dropEffect: this.getCurrentDropEffect()
       }), this.isDraggingNativeItem() ? this.endDragNativeItem() : this.monitor.isDragging() && this.actions.endDrag(), this.cancelHover();
     }, this.handleSelectStart = (i) => {
       const s = i.target;
       typeof s.dragDrop == "function" && (s.tagName === "INPUT" || s.tagName === "SELECT" || s.tagName === "TEXTAREA" || s.isContentEditable || (i.preventDefault(), s.dragDrop()));
-    }, this.options = new gn(r, n), this.actions = e.getActions(), this.monitor = e.getMonitor(), this.registry = e.getRegistry(), this.enterLeaveCounter = new nn(this.isNodeInDocument);
-  }
+    }, this.options = new Dn(r, n), this.actions = e.getActions(), this.monitor = e.getMonitor(), this.registry = e.getRegistry(), this.enterLeaveCounter = new dn(this.isNodeInDocument);
+  }
+}
+const On = function(e, r, n) {
+  return new bn(e, r, n);
+}, Ze = (t) => /* @__PURE__ */ w.createElement("svg", { width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ w.createElement("g", { clipPath: "url(#clip0_2638_2364)" }, /* @__PURE__ */ w.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__ */ w.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__ */ w.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__ */ w.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__ */ w.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__ */ w.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__ */ w.createElement("defs", null, /* @__PURE__ */ w.createElement("clipPath", { id: "clip0_2638_2364" }, /* @__PURE__ */ w.createElement("rect", { width: 14, height: 14, fill: "white" }))));
+function Tn({
+  label: t,
+  logicalIndex: e,
+  allVisible: r,
+  onToggle: n,
+  moveLogicalItem: i
+}) {
+  const s = Pe(null), [, a] = qe({
+    accept: F,
+    hover(l) {
+      l.index !== e && (i(l.index, e), l.index = e);
+    }
+  }), [{ isDragging: o }, c] = Fe({
+    type: F,
+    item: { index: e },
+    collect: (l) => ({
+      isDragging: l.isDragging()
+    })
+  });
+  return c(a(s)), /* @__PURE__ */ P(
+    "div",
+    {
+      ref: s,
+      className: "ckds-dragable-list-item",
+      style: { opacity: o ? 0.5 : 1 },
+      children: [
+        /* @__PURE__ */ y("div", { className: "ckds-drag-handle", style: { cursor: "grab" }, children: /* @__PURE__ */ y(Ze, { style: { color: "var(--ckcl-black-500, #2b2b2b)", width: "14px", height: "14px" } }) }),
+        /* @__PURE__ */ y(A, { variant: "body-sm", className: "ckds-dragable-list-item-label", children: t }),
+        /* @__PURE__ */ y(
+          xe,
+          {
+            checked: r,
+            onChange: n,
+            className: "ckds-dragable-list-item-toggle",
+            size: "small"
+          }
+        )
+      ]
+    }
+  );
 }
-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({
+function En({
   column: t,
-  index: e,
-  moveListItem: r,
+  logicalIndex: e,
+  moveLogicalItem: r,
   visibility: n,
   onToggleVisibility: i
 }) {
-  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);
+  const s = t.isDraggable !== !1, a = t.toogleVisibility !== !1 && t.toggleVisibility !== !1, o = Pe(null), [, c] = qe({
+    accept: F,
+    hover(v, m) {
+      if (!s || !o.current) return;
+      const u = v.index, D = e;
+      if (u === D) return;
+      const h = o.current.getBoundingClientRect(), S = (h.bottom - h.top) / 2, d = m.getClientOffset();
+      if (!d) return;
+      const f = d.y - h.top;
+      u < D && f < S || u > D && f > S || (r(u, D), v.index = D);
     }
-  }), [{ isDragging: d }, f] = Yr({
-    type: ce,
+  }), [{ isDragging: l }, p] = Fe({
+    type: F,
     item: { index: e },
     canDrag: s,
-    collect: (p) => ({
-      isDragging: p.isDragging()
+    collect: (v) => ({
+      isDragging: v.isDragging()
     })
   });
-  return s ? f(c(a)) : c(a), /* @__PURE__ */ I(
+  return s ? p(c(o)) : c(o), /* @__PURE__ */ P(
     "div",
     {
-      ref: a,
+      ref: o,
       className: "ckds-dragable-list-item",
-      style: { opacity: d ? 0.5 : 1 },
+      style: { opacity: l ? 0.5 : 1 },
       children: [
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ y(
           "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" } })
+            children: /* @__PURE__ */ y(Ze, { 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,
+        /* @__PURE__ */ y(A, { variant: "body-sm", className: "ckds-dragable-list-item-label", children: t.header }),
+        /* @__PURE__ */ y(
+          xe,
           {
             checked: n[t.accessorKey] !== !1,
             onChange: () => i(t.accessorKey),
-            disabled: !o,
+            disabled: !a,
             className: "ckds-dragable-list-item-toggle",
             size: "small"
           }
@@ -2352,99 +2399,159 @@ function vn({
     }
   );
 }
-function Pn({
+function An({
   draftConfig: t,
   setDraftConfig: e,
-  moveDraftColumn: r,
-  handleApplyPref: n,
-  setModalOpen: i,
-  handleResetToDefault: s,
-  isDefault: o,
-  isConfigChanged: a
+  handleApplyPref: r,
+  setModalOpen: n,
+  handleResetToDefault: i,
+  isDefault: s,
+  isConfigChanged: a,
+  headerGroupDefs: o
 }) {
-  const [c, d] = be(""), f = Ee(
-    (g) => {
-      e((u) => ({
-        ...u,
+  const [c, l] = Ne(""), p = B(
+    (d) => {
+      e((f) => ({
+        ...f,
         columnVisibility: {
-          ...u.columnVisibility,
-          [g]: !(u.columnVisibility[g] ?? !0)
+          ...f.columnVisibility,
+          [d]: !(f.columnVisibility[d] ?? !0)
         }
       }));
     },
     [e]
-  ), p = t.columns.filter(
-    (g) => g.header.toLowerCase().includes(c.toLowerCase())
-  );
-  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(
-          F,
+  ), v = B(
+    (d) => {
+      e((f) => {
+        const b = d.every((T) => f.columnVisibility[T] !== !1), O = { ...f.columnVisibility };
+        return d.forEach((T) => {
+          O[T] = !b;
+        }), { ...f, columnVisibility: O };
+      });
+    },
+    [e]
+  ), m = /* @__PURE__ */ new Set();
+  o && o.forEach((d) => d.columns.forEach((f) => m.add(f)));
+  const u = [], D = /* @__PURE__ */ new Set();
+  t.columns.forEach((d) => {
+    if (m.has(d.accessorKey)) {
+      const f = o?.find((b) => b.columns.includes(d.accessorKey));
+      if (f) {
+        const b = f.columns.join(",");
+        D.has(b) || (D.add(b), u.push({ type: "group", label: f.label, columnIds: f.columns }));
+      }
+    } else
+      u.push({ type: "column", accessorKey: d.accessorKey, header: d.header });
+  });
+  const h = B((d, f) => {
+    e((b) => {
+      const O = /* @__PURE__ */ new Set();
+      o && o.forEach((N) => N.columns.forEach((x) => O.add(x)));
+      const T = [], L = /* @__PURE__ */ new Set();
+      b.columns.forEach((N) => {
+        if (O.has(N.accessorKey)) {
+          const x = o?.find((j) => j.columns.includes(N.accessorKey));
+          if (x) {
+            const j = x.columns.join(",");
+            L.has(j) || (L.add(j), T.push({ type: "group", keys: x.columns }));
+          }
+        } else
+          T.push({ type: "column", keys: [N.accessorKey] });
+      });
+      const [Qe] = T.splice(d, 1);
+      T.splice(f, 0, Qe);
+      const Je = new Map(b.columns.map((N) => [N.accessorKey, N])), et = T.flatMap(
+        (N) => N.keys.map((x) => Je.get(x)).filter(Boolean)
+      );
+      return { ...b, columns: et };
+    });
+  }, [e, o]), S = u.filter((d) => d.type === "column" ? d.header.toLowerCase().includes(c.toLowerCase()) : d.label.toLowerCase().includes(c.toLowerCase()));
+  return /* @__PURE__ */ P(xr, { backend: On, children: [
+    /* @__PURE__ */ P("div", { className: "ckds-column-manager-wrapper", children: [
+      /* @__PURE__ */ P("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+        /* @__PURE__ */ y(A, { variant: "body-lg", weight: "semibold", children: "Column Manager" }),
+        /* @__PURE__ */ y(
+          X,
           {
-            onClick: s,
+            onClick: i,
             variant: "hyperlink",
-            disabled: o,
-            icons: { left: /* @__PURE__ */ m(Ze, {}) },
+            disabled: s,
+            icons: { left: /* @__PURE__ */ y(at, {}) },
             label: "Reset",
             size: "medium",
-            className: o ? "" : "ckds-reset-btn-active"
+            className: s ? "" : "ckds-reset-btn-active"
           }
         )
       ] }),
-      /* @__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(
+      /* @__PURE__ */ P("div", { style: { display: "flex", marginTop: "24px" }, children: [
+        /* @__PURE__ */ y(ct, { draftConfig: t, setDraftConfig: e }),
+        /* @__PURE__ */ P("div", { style: { flex: 1, marginLeft: "28px" }, children: [
+          /* @__PURE__ */ y(A, { variant: "body-sm", weight: "medium", children: "Visible Columns" }),
+          /* @__PURE__ */ y(A, { variant: "body-xs", color: "secondary", children: "Toggle columns on/off and drag to reorder" }),
+          /* @__PURE__ */ y(
             "div",
             {
-              className: p.length > 9 ? "ckds-search-border-bottom" : "",
+              className: S.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",
-                    className: "ckds-table-search-input",
-                    value: c,
-                    onChange: (g) => d(g.target.value)
-                  }
-                )
-              ] })
+              children: /* @__PURE__ */ y(
+                ot,
+                {
+                  value: c,
+                  placeholder: "Search",
+                  onChange: (d) => l(d),
+                  onClear: () => l(""),
+                  size: "medium"
+                }
+              )
             }
           ),
-          /* @__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,
-              moveListItem: r,
-              visibility: t.columnVisibility,
-              onToggleVisibility: f
-            },
-            g.accessorKey
-          )) }) })
+          /* @__PURE__ */ y("div", { children: c && S.length === 0 ? /* @__PURE__ */ y("div", { style: { display: "flex", flex: 1, alignItems: "center", justifyContent: "center", height: "318px" }, children: /* @__PURE__ */ y("p", { className: "text-sm", style: { color: "var(--ckcl-black-400, #737373)" }, children: "No columns found" }) }) : /* @__PURE__ */ y("div", { className: "ckds-dragable-list", children: S.map((d, f) => {
+            if (d.type === "group") {
+              const O = d.columnIds.every(
+                (T) => t.columnVisibility[T] !== !1
+              );
+              return /* @__PURE__ */ y(
+                Tn,
+                {
+                  label: d.label,
+                  logicalIndex: f,
+                  allVisible: O,
+                  onToggle: () => v(d.columnIds),
+                  moveLogicalItem: h
+                },
+                `group-${d.label}`
+              );
+            }
+            const b = t.columns.find((O) => O.accessorKey === d.accessorKey);
+            return b ? /* @__PURE__ */ y(
+              En,
+              {
+                column: b,
+                logicalIndex: f,
+                moveLogicalItem: h,
+                visibility: t.columnVisibility,
+                onToggleVisibility: p
+              },
+              d.accessorKey
+            ) : null;
+          }) }) })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ I("div", { className: "ckds-column-manager-footer", children: [
-      /* @__PURE__ */ m(
-        F,
+    /* @__PURE__ */ P("div", { className: "ckds-column-manager-footer", children: [
+      /* @__PURE__ */ y(
+        X,
         {
-          onClick: () => i({ open: !1, type: "columnManager", activeOption: "" }),
+          onClick: () => n({ open: !1, type: "columnManager", activeOption: "" }),
           variant: "secondary",
           size: "medium",
           label: "Cancel"
         }
       ),
-      /* @__PURE__ */ m(
-        F,
+      /* @__PURE__ */ y(
+        X,
         {
-          onClick: n,
+          onClick: r,
           variant: "primary",
           size: "medium",
           disabled: !a,
@@ -2455,5 +2562,5 @@ function Pn({
   ] });
 }
 export {
-  Pn as default
+  An as default
 };