@object-ui/plugin-kanban 3.1.1 → 3.1.3

package/dist/{KanbanEnhanced-CXDSLlGR.js → KanbanEnhanced-DbOkJkpo.js}

@@ -1,8 +1,8 @@
-import { c as U, j as a, C as Q, P as X } from "./index-CyNcIIS1.js";
-import * as v from "react";
+import { c as U, j as a, C as J, P as Q } from "./index-DP2mI15e.js";
+import * as g from "react";
 import { flushSync as Z } from "react-dom";
-import { u as ee, a as te, D as se, c as ne, b as ie, d as re, P as oe, e as Y, S as le, v as ae, C as ce } from "./sortable.esm-CNNHgHk5.js";
-import { Button as G, Badge as L, Card as de, CardHeader as he, CardTitle as ue, CardDescription as fe, CardContent as me, Input as ge } from "@object-ui/components";
+import { u as ee, a as te, D as se, c as ne, b as ie, d as re, P as oe, e as X, S as le, v as ae, C as ce } from "./sortable.esm-CNNHgHk5.js";
+import { Button as Y, Badge as L, Card as he, CardHeader as de, CardTitle as ue, CardDescription as fe, CardContent as me, Input as ge } from "@object-ui/components";
 const pe = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], ve = U("chevron-right", pe);
 const xe = [
   [
@@ -15,117 +15,117 @@ const xe = [
   ["path", { d: "M12 9v4", key: "juzpu7" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
 ], be = U("triangle-alert", xe);
-function A(n, l, e) {
-  let s = e.initialDeps ?? [], t, i = !0;
+function _(i, l, e) {
+  let s = e.initialDeps ?? [], t, n = !0;
   function o() {
-    var r, d, h;
+    var r, h, d;
     let u;
     e.key && ((r = e.debug) != null && r.call(e)) && (u = Date.now());
-    const m = n();
-    if (!(m.length !== s.length || m.some((w, p) => s[p] !== w)))
+    const m = i();
+    if (!(m.length !== s.length || m.some((E, x) => s[x] !== E)))
       return t;
     s = m;
-    let g;
-    if (e.key && ((d = e.debug) != null && d.call(e)) && (g = Date.now()), t = l(...m), e.key && ((h = e.debug) != null && h.call(e))) {
-      const w = Math.round((Date.now() - u) * 100) / 100, p = Math.round((Date.now() - g) * 100) / 100, E = p / 16, z = (C, D) => {
-        for (C = String(C); C.length < D; )
-          C = " " + C;
-        return C;
+    let v;
+    if (e.key && ((h = e.debug) != null && h.call(e)) && (v = Date.now()), t = l(...m), e.key && ((d = e.debug) != null && d.call(e))) {
+      const E = Math.round((Date.now() - u) * 100) / 100, x = Math.round((Date.now() - v) * 100) / 100, y = x / 16, O = (S, R) => {
+        for (S = String(S); S.length < R; )
+          S = " " + S;
+        return S;
       };
       console.info(
-        `%c⏱ ${z(p, 5)} /${z(w, 5)} ms`,
+        `%c⏱ ${O(x, 5)} /${O(E, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
             color: hsl(${Math.max(
           0,
-          Math.min(120 - 120 * E, 120)
+          Math.min(120 - 120 * y, 120)
         )}deg 100% 31%);`,
         e?.key
       );
     }
-    return e?.onChange && !(i && e.skipInitialOnChange) && e.onChange(t), i = !1, t;
+    return e?.onChange && !(n && e.skipInitialOnChange) && e.onChange(t), n = !1, t;
   }
   return o.updateDeps = (r) => {
     s = r;
   }, o;
 }
-function P(n, l) {
-  if (n === void 0)
+function P(i, l) {
+  if (i === void 0)
     throw new Error("Unexpected undefined");
-  return n;
+  return i;
 }
-const Ce = (n, l) => Math.abs(n - l) < 1.01, ye = (n, l, e) => {
+const Se = (i, l) => Math.abs(i - l) < 1.01, Ce = (i, l, e) => {
   let s;
   return function(...t) {
-    n.clearTimeout(s), s = n.setTimeout(() => l.apply(this, t), e);
+    i.clearTimeout(s), s = i.setTimeout(() => l.apply(this, t), e);
   };
-}, H = (n) => {
-  const { offsetWidth: l, offsetHeight: e } = n;
+}, H = (i) => {
+  const { offsetWidth: l, offsetHeight: e } = i;
   return { width: l, height: e };
-}, we = (n) => n, Se = (n) => {
-  const l = Math.max(n.startIndex - n.overscan, 0), e = Math.min(n.endIndex + n.overscan, n.count - 1), s = [];
+}, we = (i) => i, Ee = (i) => {
+  const l = Math.max(i.startIndex - i.overscan, 0), e = Math.min(i.endIndex + i.overscan, i.count - 1), s = [];
   for (let t = l; t <= e; t++)
     s.push(t);
   return s;
-}, Ee = (n, l) => {
-  const e = n.scrollElement;
+}, ye = (i, l) => {
+  const e = i.scrollElement;
   if (!e)
     return;
-  const s = n.targetWindow;
+  const s = i.targetWindow;
   if (!s)
     return;
   const t = (o) => {
-    const { width: r, height: d } = o;
-    l({ width: Math.round(r), height: Math.round(d) });
+    const { width: r, height: h } = o;
+    l({ width: Math.round(r), height: Math.round(h) });
   };
   if (t(H(e)), !s.ResizeObserver)
     return () => {
     };
-  const i = new s.ResizeObserver((o) => {
+  const n = new s.ResizeObserver((o) => {
     const r = () => {
-      const d = o[0];
-      if (d?.borderBoxSize) {
-        const h = d.borderBoxSize[0];
-        if (h) {
-          t({ width: h.inlineSize, height: h.blockSize });
+      const h = o[0];
+      if (h?.borderBoxSize) {
+        const d = h.borderBoxSize[0];
+        if (d) {
+          t({ width: d.inlineSize, height: d.blockSize });
           return;
         }
       }
       t(H(e));
     };
-    n.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(r) : r();
+    i.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(r) : r();
   });
-  return i.observe(e, { box: "border-box" }), () => {
-    i.unobserve(e);
+  return n.observe(e, { box: "border-box" }), () => {
+    n.unobserve(e);
   };
 }, $ = {
   passive: !0
-}, q = typeof window > "u" ? !0 : "onscrollend" in window, Ie = (n, l) => {
-  const e = n.scrollElement;
+}, q = typeof window > "u" ? !0 : "onscrollend" in window, Ie = (i, l) => {
+  const e = i.scrollElement;
   if (!e)
     return;
-  const s = n.targetWindow;
+  const s = i.targetWindow;
   if (!s)
     return;
   let t = 0;
-  const i = n.options.useScrollendEvent && q ? () => {
-  } : ye(
+  const n = i.options.useScrollendEvent && q ? () => {
+  } : Ce(
     s,
     () => {
       l(t, !1);
     },
-    n.options.isScrollingResetDelay
+    i.options.isScrollingResetDelay
   ), o = (u) => () => {
-    const { horizontal: m, isRtl: c } = n.options;
-    t = m ? e.scrollLeft * (c && -1 || 1) : e.scrollTop, i(), l(t, u);
-  }, r = o(!0), d = o(!1);
+    const { horizontal: m, isRtl: c } = i.options;
+    t = m ? e.scrollLeft * (c && -1 || 1) : e.scrollTop, n(), l(t, u);
+  }, r = o(!0), h = o(!1);
   e.addEventListener("scroll", r, $);
-  const h = n.options.useScrollendEvent && q;
-  return h && e.addEventListener("scrollend", d, $), () => {
-    e.removeEventListener("scroll", r), h && e.removeEventListener("scrollend", d);
+  const d = i.options.useScrollendEvent && q;
+  return d && e.addEventListener("scrollend", h, $), () => {
+    e.removeEventListener("scroll", r), d && e.removeEventListener("scrollend", h);
   };
-}, ze = (n, l, e) => {
+}, Oe = (i, l, e) => {
   if (l?.borderBoxSize) {
     const s = l.borderBoxSize[0];
     if (s)
@@ -133,26 +133,29 @@ const Ce = (n, l) => Math.abs(n - l) < 1.01, ye = (n, l, e) => {
         s[e.options.horizontal ? "inlineSize" : "blockSize"]
       );
   }
-  return n[e.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, Me = (n, {
+  return i[e.options.horizontal ? "offsetWidth" : "offsetHeight"];
+}, Me = (i, {
   adjustments: l = 0,
   behavior: e
 }, s) => {
-  var t, i;
-  const o = n + l;
-  (i = (t = s.scrollElement) == null ? void 0 : t.scrollTo) == null || i.call(t, {
+  var t, n;
+  const o = i + l;
+  (n = (t = s.scrollElement) == null ? void 0 : t.scrollTo) == null || n.call(t, {
     [s.options.horizontal ? "left" : "top"]: o,
     behavior: e
   });
 };
-class Oe {
+class ze {
   constructor(l) {
-    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.currentScrollToIndex = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.observer = /* @__PURE__ */ (() => {
+    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollState = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.now = () => {
+      var e, s, t;
+      return ((t = (s = (e = this.targetWindow) == null ? void 0 : e.performance) == null ? void 0 : s.now) == null ? void 0 : t.call(s)) ?? Date.now();
+    }, this.observer = /* @__PURE__ */ (() => {
       let e = null;
       const s = () => e || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : e = new this.targetWindow.ResizeObserver((t) => {
-        t.forEach((i) => {
+        t.forEach((n) => {
           const o = () => {
-            this._measureElement(i.target, i);
+            this._measureElement(n.target, n);
           };
           this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(o) : o();
         });
@@ -163,12 +166,12 @@ class Oe {
           (t = s()) == null || t.disconnect(), e = null;
         },
         observe: (t) => {
-          var i;
-          return (i = s()) == null ? void 0 : i.observe(t, { box: "border-box" });
+          var n;
+          return (n = s()) == null ? void 0 : n.observe(t, { box: "border-box" });
         },
         unobserve: (t) => {
-          var i;
-          return (i = s()) == null ? void 0 : i.unobserve(t);
+          var n;
+          return (n = s()) == null ? void 0 : n.unobserve(t);
         }
       };
     })(), this.range = null, this.setOptions = (e) => {
@@ -184,10 +187,10 @@ class Oe {
         scrollPaddingEnd: 0,
         horizontal: !1,
         getItemKey: we,
-        rangeExtractor: Se,
+        rangeExtractor: Ee,
         onChange: () => {
         },
-        measureElement: ze,
+        measureElement: Oe,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -204,7 +207,7 @@ class Oe {
     }, this.notify = (e) => {
       var s, t;
       (t = (s = this.options).onChange) == null || t.call(s, this, e);
-    }, this.maybeNotify = A(
+    }, this.maybeNotify = _(
       () => (this.calculateRange(), [
         this.isScrolling,
         this.range ? this.range.startIndex : null,
@@ -223,7 +226,7 @@ class Oe {
         ]
       }
     ), this.cleanup = () => {
-      this.unsubs.filter(Boolean).forEach((e) => e()), this.unsubs = [], this.observer.disconnect(), this.scrollElement = null, this.targetWindow = null;
+      this.unsubs.filter(Boolean).forEach((e) => e()), this.unsubs = [], this.observer.disconnect(), this.rafId != null && this.targetWindow && (this.targetWindow.cancelAnimationFrame(this.rafId), this.rafId = null), this.scrollState = null, this.scrollElement = null, this.targetWindow = null;
     }, this._didMount = () => () => {
       this.cleanup();
     }, this._willUpdate = () => {
@@ -241,28 +244,28 @@ class Oe {
             this.scrollRect = t, this.maybeNotify();
           })
         ), this.unsubs.push(
-          this.options.observeElementOffset(this, (t, i) => {
-            this.scrollAdjustments = 0, this.scrollDirection = i ? this.getScrollOffset() < t ? "forward" : "backward" : null, this.scrollOffset = t, this.isScrolling = i, this.maybeNotify();
+          this.options.observeElementOffset(this, (t, n) => {
+            this.scrollAdjustments = 0, this.scrollDirection = n ? this.getScrollOffset() < t ? "forward" : "backward" : null, this.scrollOffset = t, this.isScrolling = n, this.scrollState && this.scheduleScrollReconcile(), this.maybeNotify();
           })
         ), this._scrollToOffset(this.getScrollOffset(), {
           adjustments: void 0,
           behavior: void 0
         });
       }
-    }, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (e, s) => {
-      const t = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
+    }, this.rafId = null, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (e, s) => {
+      const t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
       for (let o = s - 1; o >= 0; o--) {
         const r = e[o];
         if (t.has(r.lane))
           continue;
-        const d = i.get(
+        const h = n.get(
           r.lane
         );
-        if (d == null || r.end > d.end ? i.set(r.lane, r) : r.end < d.end && t.set(r.lane, !0), t.size === this.options.lanes)
+        if (h == null || r.end > h.end ? n.set(r.lane, r) : r.end < h.end && t.set(r.lane, !0), t.size === this.options.lanes)
           break;
       }
-      return i.size === this.options.lanes ? Array.from(i.values()).sort((o, r) => o.end === r.end ? o.index - r.index : o.end - r.end)[0] : void 0;
-    }, this.getMeasurementOptions = A(
+      return n.size === this.options.lanes ? Array.from(n.values()).sort((o, r) => o.end === r.end ? o.index - r.index : o.end - r.end)[0] : void 0;
+    }, this.getMeasurementOptions = _(
       () => [
         this.options.count,
         this.options.paddingStart,
@@ -271,20 +274,20 @@ class Oe {
         this.options.enabled,
         this.options.lanes
       ],
-      (e, s, t, i, o, r) => (this.prevLanes !== void 0 && this.prevLanes !== r && (this.lanesChangedFlag = !0), this.prevLanes = r, this.pendingMeasuredCacheIndexes = [], {
+      (e, s, t, n, o, r) => (this.prevLanes !== void 0 && this.prevLanes !== r && (this.lanesChangedFlag = !0), this.prevLanes = r, this.pendingMeasuredCacheIndexes = [], {
         count: e,
         paddingStart: s,
         scrollMargin: t,
-        getItemKey: i,
+        getItemKey: n,
         enabled: o,
         lanes: r
       }),
       {
         key: !1
       }
-    ), this.getMeasurements = A(
+    ), this.getMeasurements = _(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
-      ({ count: e, paddingStart: s, scrollMargin: t, getItemKey: i, enabled: o, lanes: r }, d) => {
+      ({ count: e, paddingStart: s, scrollMargin: t, getItemKey: n, enabled: o, lanes: r }, h) => {
         if (!o)
           return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
         if (this.laneAssignments.size > e)
@@ -293,35 +296,35 @@ class Oe {
         this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMeasuredCacheIndexes = []), this.measurementsCache.length === 0 && !this.lanesSettling && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((c) => {
           this.itemSizeCache.set(c.key, c.size);
         }));
-        const h = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
+        const d = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
         this.pendingMeasuredCacheIndexes = [], this.lanesSettling && this.measurementsCache.length === e && (this.lanesSettling = !1);
-        const u = this.measurementsCache.slice(0, h), m = new Array(r).fill(
+        const u = this.measurementsCache.slice(0, d), m = new Array(r).fill(
           void 0
         );
-        for (let c = 0; c < h; c++) {
-          const g = u[c];
-          g && (m[g.lane] = c);
+        for (let c = 0; c < d; c++) {
+          const v = u[c];
+          v && (m[v.lane] = c);
         }
-        for (let c = h; c < e; c++) {
-          const g = i(c), w = this.laneAssignments.get(c);
-          let p, E;
-          if (w !== void 0 && this.options.lanes > 1) {
-            p = w;
-            const S = m[p], f = S !== void 0 ? u[S] : void 0;
-            E = f ? f.end + this.options.gap : s + t;
+        for (let c = d; c < e; c++) {
+          const v = n(c), E = this.laneAssignments.get(c);
+          let x, y;
+          if (E !== void 0 && this.options.lanes > 1) {
+            x = E;
+            const w = m[x], f = w !== void 0 ? u[w] : void 0;
+            y = f ? f.end + this.options.gap : s + t;
           } else {
-            const S = this.options.lanes === 1 ? u[c - 1] : this.getFurthestMeasurement(u, c);
-            E = S ? S.end + this.options.gap : s + t, p = S ? S.lane : c % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(c, p);
+            const w = this.options.lanes === 1 ? u[c - 1] : this.getFurthestMeasurement(u, c);
+            y = w ? w.end + this.options.gap : s + t, x = w ? w.lane : c % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(c, x);
           }
-          const z = d.get(g), C = typeof z == "number" ? z : this.options.estimateSize(c), D = E + C;
+          const O = h.get(v), S = typeof O == "number" ? O : this.options.estimateSize(c), R = y + S;
           u[c] = {
             index: c,
-            start: E,
-            size: C,
-            end: D,
-            key: g,
-            lane: p
-          }, m[p] = c;
+            start: y,
+            size: S,
+            end: R,
+            key: v,
+            lane: x
+          }, m[x] = c;
         }
         return this.measurementsCache = u, u;
       },
@@ -329,24 +332,24 @@ class Oe {
         key: process.env.NODE_ENV !== "production" && "getMeasurements",
         debug: () => this.options.debug
       }
-    ), this.calculateRange = A(
+    ), this.calculateRange = _(
       () => [
         this.getMeasurements(),
         this.getSize(),
         this.getScrollOffset(),
         this.options.lanes
       ],
-      (e, s, t, i) => this.range = e.length > 0 && s > 0 ? je({
+      (e, s, t, n) => this.range = e.length > 0 && s > 0 ? je({
         measurements: e,
         outerSize: s,
         scrollOffset: t,
-        lanes: i
+        lanes: n
       }) : null,
       {
         key: process.env.NODE_ENV !== "production" && "calculateRange",
         debug: () => this.options.debug
       }
-    ), this.getVirtualIndexes = A(
+    ), this.getVirtualIndexes = _(
       () => {
         let e = null, s = null;
         const t = this.calculateRange();
@@ -358,8 +361,8 @@ class Oe {
           s
         ];
       },
-      (e, s, t, i, o) => i === null || o === null ? [] : e({
-        startIndex: i,
+      (e, s, t, n, o) => n === null || o === null ? [] : e({
+        startIndex: n,
         endIndex: o,
         overscan: s,
         count: t
@@ -373,21 +376,42 @@ class Oe {
       return t ? parseInt(t, 10) : (console.warn(
         `Missing attribute name '${s}={index}' on measured element.`
       ), -1);
+    }, this.shouldMeasureDuringScroll = (e) => {
+      var s;
+      if (!this.scrollState || this.scrollState.behavior !== "smooth")
+        return !0;
+      const t = this.scrollState.index ?? ((s = this.getVirtualItemForOffset(this.scrollState.lastTargetOffset)) == null ? void 0 : s.index);
+      if (t !== void 0 && this.range) {
+        const n = Math.max(
+          this.options.overscan,
+          Math.ceil((this.range.endIndex - this.range.startIndex) / 2)
+        ), o = Math.max(0, t - n), r = Math.min(
+          this.options.count - 1,
+          t + n
+        );
+        return e >= o && e <= r;
+      }
+      return !0;
     }, this._measureElement = (e, s) => {
-      const t = this.indexFromElement(e), i = this.measurementsCache[t];
-      if (!i)
+      if (!e.isConnected) {
+        this.observer.unobserve(e);
         return;
-      const o = i.key, r = this.elementsCache.get(o);
-      r !== e && (r && this.observer.unobserve(r), this.observer.observe(e), this.elementsCache.set(o, e)), e.isConnected && this.resizeItem(t, this.options.measureElement(e, s, this));
+      }
+      const t = this.indexFromElement(e), n = this.measurementsCache[t];
+      if (!n)
+        return;
+      const o = n.key, r = this.elementsCache.get(o);
+      r !== e && (r && this.observer.unobserve(r), this.observer.observe(e), this.elementsCache.set(o, e)), this.shouldMeasureDuringScroll(t) && this.resizeItem(t, this.options.measureElement(e, s, this));
     }, this.resizeItem = (e, s) => {
-      const t = this.measurementsCache[e];
-      if (!t)
+      var t;
+      const n = this.measurementsCache[e];
+      if (!n)
         return;
-      const i = this.itemSizeCache.get(t.key) ?? t.size, o = s - i;
-      o !== 0 && ((this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(t, o, this) : t.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", o), this._scrollToOffset(this.getScrollOffset(), {
-        adjustments: this.scrollAdjustments += o,
+      const o = this.itemSizeCache.get(n.key) ?? n.size, r = s - o;
+      r !== 0 && (((t = this.scrollState) == null ? void 0 : t.behavior) !== "smooth" && (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(n, r, this) : n.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", r), this._scrollToOffset(this.getScrollOffset(), {
+        adjustments: this.scrollAdjustments += r,
         behavior: void 0
-      })), this.pendingMeasuredCacheIndexes.push(t.index), this.itemSizeCache = new Map(this.itemSizeCache.set(t.key, s)), this.notify(!1));
+      })), this.pendingMeasuredCacheIndexes.push(n.index), this.itemSizeCache = new Map(this.itemSizeCache.set(n.key, s)), this.notify(!1));
     }, this.measureElement = (e) => {
       if (!e) {
         this.elementsCache.forEach((s, t) => {
@@ -396,13 +420,13 @@ class Oe {
         return;
       }
       this._measureElement(e, void 0);
-    }, this.getVirtualItems = A(
+    }, this.getVirtualItems = _(
       () => [this.getVirtualIndexes(), this.getMeasurements()],
       (e, s) => {
         const t = [];
-        for (let i = 0, o = e.length; i < o; i++) {
-          const r = e[i], d = s[r];
-          t.push(d);
+        for (let n = 0, o = e.length; n < o; n++) {
+          const r = e[n], h = s[r];
+          t.push(h);
         }
         return t;
       },
@@ -414,7 +438,7 @@ class Oe {
       const s = this.getMeasurements();
       if (s.length !== 0)
         return P(
-          s[J(
+          s[G(
             0,
             s.length - 1,
             (t) => P(s[t]).start,
@@ -431,76 +455,65 @@ class Oe {
       }
     }, this.getOffsetForAlignment = (e, s, t = 0) => {
       if (!this.scrollElement) return 0;
-      const i = this.getSize(), o = this.getScrollOffset();
-      s === "auto" && (s = e >= o + i ? "end" : "start"), s === "center" ? e += (t - i) / 2 : s === "end" && (e -= i);
+      const n = this.getSize(), o = this.getScrollOffset();
+      s === "auto" && (s = e >= o + n ? "end" : "start"), s === "center" ? e += (t - n) / 2 : s === "end" && (e -= n);
       const r = this.getMaxScrollOffset();
       return Math.max(Math.min(r, e), 0);
     }, this.getOffsetForIndex = (e, s = "auto") => {
       e = Math.max(0, Math.min(e, this.options.count - 1));
-      const t = this.measurementsCache[e];
-      if (!t)
-        return;
-      const i = this.getSize(), o = this.getScrollOffset();
+      const t = this.getSize(), n = this.getScrollOffset(), o = this.measurementsCache[e];
+      if (!o) return;
       if (s === "auto")
-        if (t.end >= o + i - this.options.scrollPaddingEnd)
+        if (o.end >= n + t - this.options.scrollPaddingEnd)
           s = "end";
-        else if (t.start <= o + this.options.scrollPaddingStart)
+        else if (o.start <= n + this.options.scrollPaddingStart)
           s = "start";
         else
-          return [o, s];
+          return [n, s];
       if (s === "end" && e === this.options.count - 1)
         return [this.getMaxScrollOffset(), s];
-      const r = s === "end" ? t.end + this.options.scrollPaddingEnd : t.start - this.options.scrollPaddingStart;
+      const r = s === "end" ? o.end + this.options.scrollPaddingEnd : o.start - this.options.scrollPaddingStart;
       return [
-        this.getOffsetForAlignment(r, s, t.size),
+        this.getOffsetForAlignment(r, s, o.size),
         s
       ];
-    }, this.isDynamicMode = () => this.elementsCache.size > 0, this.scrollToOffset = (e, { align: s = "start", behavior: t } = {}) => {
-      t === "smooth" && this.isDynamicMode() && console.warn(
-        "The `smooth` scroll behavior is not fully supported with dynamic size."
-      ), this._scrollToOffset(this.getOffsetForAlignment(e, s), {
-        adjustments: void 0,
-        behavior: t
-      });
-    }, this.scrollToIndex = (e, { align: s = "auto", behavior: t } = {}) => {
-      t === "smooth" && this.isDynamicMode() && console.warn(
-        "The `smooth` scroll behavior is not fully supported with dynamic size."
-      ), e = Math.max(0, Math.min(e, this.options.count - 1)), this.currentScrollToIndex = e;
-      let i = 0;
-      const o = 10, r = (h) => {
-        if (!this.targetWindow) return;
-        const u = this.getOffsetForIndex(e, h);
-        if (!u) {
-          console.warn("Failed to get offset for index:", e);
-          return;
-        }
-        const [m, c] = u;
-        this._scrollToOffset(m, { adjustments: void 0, behavior: t }), this.targetWindow.requestAnimationFrame(() => {
-          if (!this.targetWindow) return;
-          const g = () => {
-            if (this.currentScrollToIndex !== e) return;
-            const w = this.getScrollOffset(), p = this.getOffsetForIndex(e, c);
-            if (!p) {
-              console.warn("Failed to get offset for index:", e);
-              return;
-            }
-            Ce(p[0], w) || d(c);
-          };
-          this.isDynamicMode() ? this.targetWindow.requestAnimationFrame(g) : g();
-        });
-      }, d = (h) => {
-        this.targetWindow && this.currentScrollToIndex === e && (i++, i < o ? (process.env.NODE_ENV !== "production" && this.options.debug && console.info("Schedule retry", i, o), this.targetWindow.requestAnimationFrame(() => r(h))) : console.warn(
-          `Failed to scroll to index ${e} after ${o} attempts.`
-        ));
-      };
-      r(s);
-    }, this.scrollBy = (e, { behavior: s } = {}) => {
-      s === "smooth" && this.isDynamicMode() && console.warn(
-        "The `smooth` scroll behavior is not fully supported with dynamic size."
-      ), this._scrollToOffset(this.getScrollOffset() + e, {
-        adjustments: void 0,
-        behavior: s
-      });
+    }, this.scrollToOffset = (e, { align: s = "start", behavior: t = "auto" } = {}) => {
+      const n = this.getOffsetForAlignment(e, s), o = this.now();
+      this.scrollState = {
+        index: null,
+        align: s,
+        behavior: t,
+        startedAt: o,
+        lastTargetOffset: n,
+        stableFrames: 0
+      }, this._scrollToOffset(n, { adjustments: void 0, behavior: t }), this.scheduleScrollReconcile();
+    }, this.scrollToIndex = (e, {
+      align: s = "auto",
+      behavior: t = "auto"
+    } = {}) => {
+      e = Math.max(0, Math.min(e, this.options.count - 1));
+      const n = this.getOffsetForIndex(e, s);
+      if (!n)
+        return;
+      const [o, r] = n, h = this.now();
+      this.scrollState = {
+        index: e,
+        align: r,
+        behavior: t,
+        startedAt: h,
+        lastTargetOffset: o,
+        stableFrames: 0
+      }, this._scrollToOffset(o, { adjustments: void 0, behavior: t }), this.scheduleScrollReconcile();
+    }, this.scrollBy = (e, { behavior: s = "auto" } = {}) => {
+      const t = this.getScrollOffset() + e, n = this.now();
+      this.scrollState = {
+        index: null,
+        align: "start",
+        behavior: s,
+        startedAt: n,
+        lastTargetOffset: t,
+        stableFrames: 0
+      }, this._scrollToOffset(t, { adjustments: void 0, behavior: s }), this.scheduleScrollReconcile();
     }, this.getTotalSize = () => {
       var e;
       const s = this.getMeasurements();
@@ -510,13 +523,13 @@ class Oe {
       else if (this.options.lanes === 1)
         t = ((e = s[s.length - 1]) == null ? void 0 : e.end) ?? 0;
       else {
-        const i = Array(this.options.lanes).fill(null);
+        const n = Array(this.options.lanes).fill(null);
         let o = s.length - 1;
-        for (; o >= 0 && i.some((r) => r === null); ) {
+        for (; o >= 0 && n.some((r) => r === null); ) {
           const r = s[o];
-          i[r.lane] === null && (i[r.lane] = r.end), o--;
+          n[r.lane] === null && (n[r.lane] = r.end), o--;
         }
-        t = Math.max(...i.filter((r) => r !== null));
+        t = Math.max(...n.filter((r) => r !== null));
       }
       return Math.max(
         t - this.options.scrollMargin + this.options.paddingEnd,
@@ -531,99 +544,127 @@ class Oe {
       this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.notify(!1);
     }, this.setOptions(l);
   }
+  scheduleScrollReconcile() {
+    if (!this.targetWindow) {
+      this.scrollState = null;
+      return;
+    }
+    this.rafId == null && (this.rafId = this.targetWindow.requestAnimationFrame(() => {
+      this.rafId = null, this.reconcileScroll();
+    }));
+  }
+  reconcileScroll() {
+    if (!this.scrollState || !this.scrollElement) return;
+    if (this.now() - this.scrollState.startedAt > 5e3) {
+      this.scrollState = null;
+      return;
+    }
+    const s = this.scrollState.index != null ? this.getOffsetForIndex(this.scrollState.index, this.scrollState.align) : void 0, t = s ? s[0] : this.scrollState.lastTargetOffset, n = 1, o = t !== this.scrollState.lastTargetOffset;
+    if (!o && Se(t, this.getScrollOffset())) {
+      if (this.scrollState.stableFrames++, this.scrollState.stableFrames >= n) {
+        this.scrollState = null;
+        return;
+      }
+    } else
+      this.scrollState.stableFrames = 0, o && (this.scrollState.lastTargetOffset = t, this.scrollState.behavior = "auto", this._scrollToOffset(t, {
+        adjustments: void 0,
+        behavior: "auto"
+      }));
+    this.scheduleScrollReconcile();
+  }
 }
-const J = (n, l, e, s) => {
-  for (; n <= l; ) {
-    const t = (n + l) / 2 | 0, i = e(t);
-    if (i < s)
-      n = t + 1;
-    else if (i > s)
+const G = (i, l, e, s) => {
+  for (; i <= l; ) {
+    const t = (i + l) / 2 | 0, n = e(t);
+    if (n < s)
+      i = t + 1;
+    else if (n > s)
       l = t - 1;
     else
       return t;
   }
-  return n > 0 ? n - 1 : 0;
+  return i > 0 ? i - 1 : 0;
 };
 function je({
-  measurements: n,
+  measurements: i,
   outerSize: l,
   scrollOffset: e,
   lanes: s
 }) {
-  const t = n.length - 1, i = (d) => n[d].start;
-  if (n.length <= s)
+  const t = i.length - 1, n = (h) => i[h].start;
+  if (i.length <= s)
     return {
       startIndex: 0,
       endIndex: t
     };
-  let o = J(
+  let o = G(
     0,
     t,
-    i,
+    n,
     e
   ), r = o;
   if (s === 1)
-    for (; r < t && n[r].end < e + l; )
+    for (; r < t && i[r].end < e + l; )
       r++;
   else if (s > 1) {
-    const d = Array(s).fill(0);
-    for (; r < t && d.some((u) => u < e + l); ) {
-      const u = n[r];
-      d[u.lane] = u.end, r++;
+    const h = Array(s).fill(0);
+    for (; r < t && h.some((u) => u < e + l); ) {
+      const u = i[r];
+      h[u.lane] = u.end, r++;
     }
-    const h = Array(s).fill(e + l);
-    for (; o >= 0 && h.some((u) => u >= e); ) {
-      const u = n[o];
-      h[u.lane] = u.start, o--;
+    const d = Array(s).fill(e + l);
+    for (; o >= 0 && d.some((u) => u >= e); ) {
+      const u = i[o];
+      d[u.lane] = u.start, o--;
     }
     o = Math.max(0, o - o % s), r = Math.min(t, r + (s - 1 - r % s));
   }
   return { startIndex: o, endIndex: r };
 }
-const K = typeof document < "u" ? v.useLayoutEffect : v.useEffect;
+const K = typeof document < "u" ? g.useLayoutEffect : g.useEffect;
 function Ne({
-  useFlushSync: n = !0,
+  useFlushSync: i = !0,
   ...l
 }) {
-  const e = v.useReducer(() => ({}), {})[1], s = {
+  const e = g.useReducer(() => ({}), {})[1], s = {
     ...l,
-    onChange: (i, o) => {
+    onChange: (n, o) => {
       var r;
-      n && o ? Z(e) : e(), (r = l.onChange) == null || r.call(l, i, o);
+      i && o ? Z(e) : e(), (r = l.onChange) == null || r.call(l, n, o);
     }
-  }, [t] = v.useState(
-    () => new Oe(s)
+  }, [t] = g.useState(
+    () => new ze(s)
   );
   return t.setOptions(s), K(() => t._didMount(), []), K(() => t._willUpdate()), t;
 }
-function ke(n) {
+function Ae(i) {
   return Ne({
-    observeElementRect: Ee,
+    observeElementRect: ye,
     observeElementOffset: Ie,
     scrollToFn: Me,
-    ...n
+    ...i
   });
 }
-const V = (...n) => n.filter(Boolean).join(" ");
-function Ae(n, l) {
+const V = (...i) => i.filter(Boolean).join(" ");
+function _e(i, l) {
   if (!l || l.length === 0) return {};
   for (const e of l) {
-    const s = n[e.field];
+    const s = i[e.field];
     if (s == null) continue;
     let t = !1;
-    const i = String(s);
+    const n = String(s);
     switch (e.operator) {
       case "equals":
-        t = i === String(e.value);
+        t = n === String(e.value);
         break;
       case "not_equals":
-        t = i !== String(e.value);
+        t = n !== String(e.value);
         break;
       case "contains":
-        t = i.toLowerCase().includes(String(e.value).toLowerCase());
+        t = n.toLowerCase().includes(String(e.value).toLowerCase());
         break;
       case "in":
-        t = Array.isArray(e.value) && e.value.includes(i);
+        t = Array.isArray(e.value) && e.value.includes(n);
         break;
     }
     if (t)
@@ -634,39 +675,39 @@ function Ae(n, l) {
   }
   return {};
 }
-function W({ card: n, conditionalFormatting: l }) {
+function W({ card: i, conditionalFormatting: l }) {
   const {
     attributes: e,
     listeners: s,
     setNodeRef: t,
-    transform: i,
+    transform: n,
     transition: o,
     isDragging: r
-  } = Y({ id: n.id }), d = {
-    transform: ce.Transform.toString(i),
+  } = X({ id: i.id }), h = {
+    transform: ce.Transform.toString(n),
     transition: o,
     opacity: r ? 0.5 : void 0
-  }, h = Ae(n, l);
-  return /* @__PURE__ */ a.jsx("div", { ref: t, style: d, ...e, ...s, children: /* @__PURE__ */ a.jsxs(de, { className: "mb-2 cursor-grab active:cursor-grabbing border-border bg-card/60 hover:border-primary/40 hover:shadow-lg hover:shadow-primary/10 transition-all duration-300 group", style: h, children: [
-    n.coverImage && /* @__PURE__ */ a.jsx("div", { className: "w-full h-32 overflow-hidden rounded-t-lg", children: /* @__PURE__ */ a.jsx(
+  }, d = _e(i, l);
+  return /* @__PURE__ */ a.jsx("div", { ref: t, style: h, ...e, ...s, children: /* @__PURE__ */ a.jsxs(he, { className: "mb-2 cursor-grab active:cursor-grabbing border-border bg-card/60 hover:border-primary/40 hover:shadow-lg hover:shadow-primary/10 transition-all duration-300 group", style: d, children: [
+    i.coverImage && /* @__PURE__ */ a.jsx("div", { className: "w-full h-32 overflow-hidden rounded-t-lg", children: /* @__PURE__ */ a.jsx(
       "img",
       {
-        src: n.coverImage,
+        src: i.coverImage,
         alt: "",
         className: "w-full h-full object-cover",
         loading: "lazy"
       }
     ) }),
-    /* @__PURE__ */ a.jsxs(he, { className: "p-4", children: [
-      /* @__PURE__ */ a.jsx(ue, { className: "text-sm font-medium font-mono tracking-tight text-foreground group-hover:text-primary transition-colors", children: n.title }),
-      n.description && /* @__PURE__ */ a.jsx(fe, { className: "text-xs text-muted-foreground font-mono", children: n.description })
+    /* @__PURE__ */ a.jsxs(de, { className: "p-4", children: [
+      /* @__PURE__ */ a.jsx(ue, { className: "text-sm font-medium font-mono tracking-tight text-foreground group-hover:text-primary transition-colors", children: i.title }),
+      i.description && /* @__PURE__ */ a.jsx(fe, { className: "text-xs text-muted-foreground font-mono", children: i.description })
     ] }),
-    n.badges && n.badges.length > 0 && /* @__PURE__ */ a.jsx(me, { className: "p-4 pt-0", children: /* @__PURE__ */ a.jsx("div", { className: "flex flex-wrap gap-1", children: n.badges.map((u, m) => /* @__PURE__ */ a.jsx(L, { variant: u.variant || "default", className: "text-xs", children: u.label }, m)) }) })
+    i.badges && i.badges.length > 0 && /* @__PURE__ */ a.jsx(me, { className: "p-4 pt-0", children: /* @__PURE__ */ a.jsx("div", { className: "flex flex-wrap gap-1", children: i.badges.map((u, m) => /* @__PURE__ */ a.jsx(L, { variant: u.variant || "default", className: "text-xs", children: u.label }, m)) }) })
   ] }) });
 }
-function De({ cards: n, parentRef: l, conditionalFormatting: e }) {
-  const s = ke({
-    count: n.length,
+function Re({ cards: i, parentRef: l, conditionalFormatting: e }) {
+  const s = Ae({
+    count: i.length,
     getScrollElement: () => l.current,
     estimateSize: () => 120,
     overscan: 5
@@ -680,7 +721,7 @@ function De({ cards: n, parentRef: l, conditionalFormatting: e }) {
         position: "relative"
       },
       children: s.getVirtualItems().map((t) => {
-        const i = n[t.index];
+        const n = i[t.index];
         return /* @__PURE__ */ a.jsx(
           "div",
           {
@@ -691,35 +732,35 @@ function De({ cards: n, parentRef: l, conditionalFormatting: e }) {
               width: "100%",
               transform: `translateY(${t.start}px)`
             },
-            children: /* @__PURE__ */ a.jsx(W, { card: i, conditionalFormatting: e })
+            children: /* @__PURE__ */ a.jsx(W, { card: n, conditionalFormatting: e })
           },
-          i.id
+          n.id
         );
       })
     }
   );
 }
-function Re({ columnId: n, onAdd: l }) {
-  const [e, s] = v.useState(!1), [t, i] = v.useState(""), o = v.useRef(null), r = () => {
-    const h = t.trim();
-    h && (l(n, h), i("")), s(!1);
-  }, d = (h) => {
-    h.key === "Enter" ? (h.preventDefault(), r()) : h.key === "Escape" && (i(""), s(!1));
+function ke({ columnId: i, onAdd: l }) {
+  const [e, s] = g.useState(!1), [t, n] = g.useState(""), o = g.useRef(null), r = () => {
+    const d = t.trim();
+    d && (l(i, d), n("")), s(!1);
+  }, h = (d) => {
+    d.key === "Enter" ? (d.preventDefault(), r()) : d.key === "Escape" && (n(""), s(!1));
   };
   return e ? /* @__PURE__ */ a.jsx("div", { className: "mt-2 space-y-2", children: /* @__PURE__ */ a.jsx(
     ge,
     {
       ref: o,
       value: t,
-      onChange: (h) => i(h.target.value),
-      onKeyDown: d,
+      onChange: (d) => n(d.target.value),
+      onKeyDown: h,
       onBlur: r,
       placeholder: "Enter card title...",
       className: "text-sm",
       autoFocus: !0
     }
   ) }) : /* @__PURE__ */ a.jsxs(
-    G,
+    Y,
     {
       variant: "ghost",
       size: "sm",
@@ -728,176 +769,176 @@ function Re({ columnId: n, onAdd: l }) {
         s(!0), setTimeout(() => o.current?.focus(), 0);
       },
       children: [
-        /* @__PURE__ */ a.jsx(X, { className: "h-4 w-4 mr-1" }),
+        /* @__PURE__ */ a.jsx(Q, { className: "h-4 w-4 mr-1" }),
         "Add Card"
       ]
     }
   );
 }
-function _e({
-  column: n,
+function De({
+  column: i,
   cards: l,
   onToggle: e,
   enableVirtual: s,
   quickAdd: t,
-  onQuickAdd: i,
+  onQuickAdd: n,
   conditionalFormatting: o
 }) {
-  const r = l || [], d = v.useRef(null), { setNodeRef: h } = Y({
-    id: n.id,
+  const r = l || [], h = g.useRef(null), { setNodeRef: d } = X({
+    id: i.id,
     data: {
       type: "column"
     }
-  }), u = n.limit && r.length >= n.limit, m = n.limit && r.length >= n.limit * 0.8;
+  }), u = i.limit && r.length >= i.limit, m = i.limit && r.length >= i.limit * 0.8;
   return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      ref: h,
+      ref: d,
       className: V(
         "flex flex-col flex-shrink-0 rounded-lg border border-border bg-card/20 backdrop-blur-sm shadow-xl transition-all",
-        n.collapsed ? "w-16" : "w-80",
-        n.className
+        i.collapsed ? "w-16" : "w-80",
+        i.className
       ),
       children: [
         /* @__PURE__ */ a.jsxs("div", { className: "p-4 border-b border-border/50 bg-muted/20 flex items-center justify-between", children: [
           /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
             /* @__PURE__ */ a.jsx(
-              G,
+              Y,
               {
                 variant: "ghost",
                 size: "sm",
                 className: "h-6 w-6 p-0",
-                onClick: () => e(!n.collapsed),
-                children: n.collapsed ? /* @__PURE__ */ a.jsx(ve, { className: "h-4 w-4" }) : /* @__PURE__ */ a.jsx(Q, { className: "h-4 w-4" })
+                onClick: () => e(!i.collapsed),
+                children: i.collapsed ? /* @__PURE__ */ a.jsx(ve, { className: "h-4 w-4" }) : /* @__PURE__ */ a.jsx(J, { className: "h-4 w-4" })
               }
             ),
-            !n.collapsed && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-              /* @__PURE__ */ a.jsx("h3", { className: "font-mono text-sm font-semibold tracking-wider text-primary/90 uppercase truncate", children: n.title }),
+            !i.collapsed && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+              /* @__PURE__ */ a.jsx("h3", { className: "font-mono text-sm font-semibold tracking-wider text-primary/90 uppercase truncate", children: i.title }),
               /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ a.jsxs("span", { className: V(
                   "font-mono text-xs",
                   u ? "text-destructive" : m ? "text-yellow-500" : "text-muted-foreground"
                 ), children: [
                   r.length,
-                  n.limit && ` / ${n.limit}`
+                  i.limit && ` / ${i.limit}`
                 ] }),
                 u && /* @__PURE__ */ a.jsx(L, { variant: "destructive", className: "text-xs", children: "Full" }),
                 m && !u && /* @__PURE__ */ a.jsx(be, { className: "h-3 w-3 text-yellow-500" })
               ] })
             ] })
           ] }),
-          n.collapsed && /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col items-center gap-1", children: [
-            /* @__PURE__ */ a.jsx("span", { className: "font-mono text-xs font-bold text-primary/90 [writing-mode:vertical-rl] rotate-180", children: n.title }),
+          i.collapsed && /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col items-center gap-1", children: [
+            /* @__PURE__ */ a.jsx("span", { className: "font-mono text-xs font-bold text-primary/90 [writing-mode:vertical-rl] rotate-180", children: i.title }),
             /* @__PURE__ */ a.jsx(L, { variant: "secondary", className: "text-xs", children: r.length })
           ] })
         ] }),
-        !n.collapsed && /* @__PURE__ */ a.jsxs("div", { ref: d, className: "flex-1 p-4 overflow-y-auto", style: { maxHeight: "600px" }, children: [
+        !i.collapsed && /* @__PURE__ */ a.jsxs("div", { ref: h, className: "flex-1 p-4 overflow-y-auto", style: { maxHeight: "600px" }, children: [
           /* @__PURE__ */ a.jsx(
             le,
             {
               items: r.map((c) => c.id),
               strategy: ae,
-              children: s ? /* @__PURE__ */ a.jsx(De, { cards: r, parentRef: d, conditionalFormatting: o }) : /* @__PURE__ */ a.jsx("div", { className: "space-y-2", children: r.map((c) => /* @__PURE__ */ a.jsx(W, { card: c, conditionalFormatting: o }, c.id)) })
+              children: s ? /* @__PURE__ */ a.jsx(Re, { cards: r, parentRef: h, conditionalFormatting: o }) : /* @__PURE__ */ a.jsx("div", { className: "space-y-2", children: r.map((c) => /* @__PURE__ */ a.jsx(W, { card: c, conditionalFormatting: o }, c.id)) })
             }
           ),
-          t && i && /* @__PURE__ */ a.jsx(Re, { columnId: n.id, onAdd: i })
+          t && n && /* @__PURE__ */ a.jsx(ke, { columnId: i.id, onAdd: n })
         ] })
       ]
     }
   );
 }
 function We({
-  columns: n,
+  columns: i,
   onCardMove: l,
   onColumnToggle: e,
   enableVirtualScrolling: s = !1,
   virtualScrollThreshold: t = 50,
-  className: i,
+  className: n,
   quickAdd: o,
   onQuickAdd: r,
-  conditionalFormatting: d
+  conditionalFormatting: h
 }) {
-  const [h, u] = v.useState(null), m = v.useMemo(() => (n || []).map((f) => ({
+  const [d, u] = g.useState(null), m = g.useMemo(() => (i || []).map((f) => ({
     ...f,
     cards: f.cards || []
-  })), [n]), [c, g] = v.useState(m);
-  v.useEffect(() => {
-    g(m);
+  })), [i]), [c, v] = g.useState(m);
+  g.useEffect(() => {
+    v(m);
   }, [m]);
-  const w = ee(
+  const E = ee(
     te(oe, {
       activationConstraint: {
         distance: 8
       }
     })
-  ), p = (f) => {
-    const { active: x } = f, b = z(x.id);
+  ), x = (f) => {
+    const { active: p } = f, b = O(p.id);
     u(b);
-  }, E = (f) => {
-    const { active: x, over: b } = f;
+  }, y = (f) => {
+    const { active: p, over: b } = f;
     if (u(null), !b) return;
-    const y = x.id, j = b.id;
-    if (y === j) return;
-    const M = C(y), N = C(j) || D(j);
+    const C = p.id, j = b.id;
+    if (C === j) return;
+    const M = S(C), N = S(j) || R(j);
     if (!(!M || !N))
       if (M.id === N.id) {
-        const O = [...M.cards], k = O.findIndex((I) => I.id === y), T = O.findIndex((I) => I.id === j), B = re(O, k, T);
-        g(
+        const z = [...M.cards], A = z.findIndex((I) => I.id === C), T = z.findIndex((I) => I.id === j), B = re(z, A, T);
+        v(
           (I) => I.map(
-            (R) => R.id === M.id ? { ...R, cards: B } : R
+            (k) => k.id === M.id ? { ...k, cards: B } : k
           )
         );
       } else {
-        const O = [...M.cards], k = [...N.cards], T = O.findIndex((_) => _.id === y), I = j === N.id ? k.length : k.findIndex((_) => _.id === j), [R] = O.splice(T, 1);
-        k.splice(I, 0, R), g(
-          (_) => _.map((F) => F.id === M.id ? { ...F, cards: O } : F.id === N.id ? { ...F, cards: k } : F)
-        ), l && l(y, M.id, N.id, I);
+        const z = [...M.cards], A = [...N.cards], T = z.findIndex((D) => D.id === C), I = j === N.id ? A.length : A.findIndex((D) => D.id === j), [k] = z.splice(T, 1);
+        A.splice(I, 0, k), v(
+          (D) => D.map((F) => F.id === M.id ? { ...F, cards: z } : F.id === N.id ? { ...F, cards: A } : F)
+        ), l && l(C, M.id, N.id, I);
       }
-  }, z = v.useCallback(
+  }, O = g.useCallback(
     (f) => {
-      for (const x of c) {
-        const b = x.cards.find((y) => y.id === f);
+      for (const p of c) {
+        const b = p.cards.find((C) => C.id === f);
         if (b) return b;
       }
       return null;
     },
     [c]
-  ), C = v.useCallback(
-    (f) => c.find((x) => x.cards.some((b) => b.id === f)) || null,
+  ), S = g.useCallback(
+    (f) => c.find((p) => p.cards.some((b) => b.id === f)) || null,
     [c]
-  ), D = v.useCallback(
-    (f) => c.find((x) => x.id === f) || null,
+  ), R = g.useCallback(
+    (f) => c.find((p) => p.id === f) || null,
     [c]
-  ), S = v.useCallback((f, x) => {
-    g(
-      (b) => b.map((y) => y.id === f ? { ...y, collapsed: x } : y)
-    ), e?.(f, x);
+  ), w = g.useCallback((f, p) => {
+    v(
+      (b) => b.map((C) => C.id === f ? { ...C, collapsed: p } : C)
+    ), e?.(f, p);
   }, [e]);
   return /* @__PURE__ */ a.jsxs(
     se,
     {
-      sensors: w,
+      sensors: E,
       collisionDetection: ne,
-      onDragStart: p,
-      onDragEnd: E,
+      onDragStart: x,
+      onDragEnd: y,
       children: [
-        /* @__PURE__ */ a.jsx("div", { className: V("flex gap-4 overflow-x-auto p-4", i), children: c.map((f) => {
-          const x = s && f.cards.length > t;
+        /* @__PURE__ */ a.jsx("div", { className: V("flex gap-4 overflow-x-auto p-4", n), children: c.map((f) => {
+          const p = s && f.cards.length > t;
           return /* @__PURE__ */ a.jsx(
-            _e,
+            De,
             {
               column: f,
               cards: f.cards,
-              onToggle: (b) => S(f.id, b),
-              enableVirtual: x,
+              onToggle: (b) => w(f.id, b),
+              enableVirtual: p,
               quickAdd: o,
               onQuickAdd: r,
-              conditionalFormatting: d
+              conditionalFormatting: h
             },
             f.id
           );
         }) }),
-        /* @__PURE__ */ a.jsx(ie, { children: h ? /* @__PURE__ */ a.jsx(W, { card: h, conditionalFormatting: d }) : null })
+        /* @__PURE__ */ a.jsx(ie, { children: d ? /* @__PURE__ */ a.jsx(W, { card: d, conditionalFormatting: h }) : null })
       ]
     }
   );