@object-ui/plugin-kanban 3.0.3 → 3.1.0

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

@@ -1,34 +1,45 @@
-import { j as h } from "./index-CWGTi2xn.js";
-import * as C from "react";
-import { forwardRef as K, createElement as R } from "react";
-import { flushSync as J } from "react-dom";
-import { u as Q, a as X, D as ee, c as te, b as se, d as ne, P as ie, e as Z, S as re, v as oe, C as le } from "./sortable.esm-CNNHgHk5.js";
-import { Button as ae, Badge as F, Card as ce, CardHeader as he, CardTitle as de, CardDescription as ue, CardContent as fe } from "@object-ui/components";
-function N(n, l, e) {
+import { c as U, j as a, C as Q, P as X } from "./index-CyNcIIS1.js";
+import * as v 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";
+const pe = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], ve = U("chevron-right", pe);
+const xe = [
+  [
+    "path",
+    {
+      d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+      key: "wmoenq"
+    }
+  ],
+  ["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 o() {
-    var r, a, c;
-    let d;
-    e.key && ((r = e.debug) != null && r.call(e)) && (d = Date.now());
-    const v = n();
-    if (!(v.length !== s.length || v.some((w, p) => s[p] !== w)))
+    var r, d, h;
+    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)))
       return t;
-    s = v;
-    let b;
-    if (e.key && ((a = e.debug) != null && a.call(e)) && (b = Date.now()), t = l(...v), e.key && ((c = e.debug) != null && c.call(e))) {
-      const w = Math.round((Date.now() - d) * 100) / 100, p = Math.round((Date.now() - b) * 100) / 100, y = p / 16, E = (f, g) => {
-        for (f = String(f); f.length < g; )
-          f = " " + f;
-        return f;
+    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;
       };
       console.info(
-        `%c⏱ ${E(p, 5)} /${E(w, 5)} ms`,
+        `%c⏱ ${z(p, 5)} /${z(w, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
             color: hsl(${Math.max(
           0,
-          Math.min(120 - 120 * y, 120)
+          Math.min(120 - 120 * E, 120)
         )}deg 100% 31%);`,
         e?.key
       );
@@ -39,25 +50,25 @@ function N(n, l, e) {
     s = r;
   }, o;
 }
-function B(n, l) {
+function P(n, l) {
   if (n === void 0)
     throw new Error("Unexpected undefined");
   return n;
 }
-const me = (n, l) => Math.abs(n - l) < 1.01, ge = (n, l, e) => {
+const Ce = (n, l) => Math.abs(n - l) < 1.01, ye = (n, l, e) => {
   let s;
   return function(...t) {
     n.clearTimeout(s), s = n.setTimeout(() => l.apply(this, t), e);
   };
-}, $ = (n) => {
+}, H = (n) => {
   const { offsetWidth: l, offsetHeight: e } = n;
   return { width: l, height: e };
-}, pe = (n) => n, ve = (n) => {
+}, 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 = [];
   for (let t = l; t <= e; t++)
     s.push(t);
   return s;
-}, xe = (n, l) => {
+}, Ee = (n, l) => {
   const e = n.scrollElement;
   if (!e)
     return;
@@ -65,32 +76,32 @@ const me = (n, l) => Math.abs(n - l) < 1.01, ge = (n, l, e) => {
   if (!s)
     return;
   const t = (o) => {
-    const { width: r, height: a } = o;
-    l({ width: Math.round(r), height: Math.round(a) });
+    const { width: r, height: d } = o;
+    l({ width: Math.round(r), height: Math.round(d) });
   };
-  if (t($(e)), !s.ResizeObserver)
+  if (t(H(e)), !s.ResizeObserver)
     return () => {
     };
   const i = new s.ResizeObserver((o) => {
     const r = () => {
-      const a = o[0];
-      if (a?.borderBoxSize) {
-        const c = a.borderBoxSize[0];
-        if (c) {
-          t({ width: c.inlineSize, height: c.blockSize });
+      const d = o[0];
+      if (d?.borderBoxSize) {
+        const h = d.borderBoxSize[0];
+        if (h) {
+          t({ width: h.inlineSize, height: h.blockSize });
           return;
         }
       }
-      t($(e));
+      t(H(e));
     };
     n.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(r) : r();
   });
   return i.observe(e, { box: "border-box" }), () => {
     i.unobserve(e);
   };
-}, P = {
+}, $ = {
   passive: !0
-}, H = typeof window > "u" ? !0 : "onscrollend" in window, be = (n, l) => {
+}, q = typeof window > "u" ? !0 : "onscrollend" in window, Ie = (n, l) => {
   const e = n.scrollElement;
   if (!e)
     return;
@@ -98,23 +109,23 @@ const me = (n, l) => Math.abs(n - l) < 1.01, ge = (n, l, e) => {
   if (!s)
     return;
   let t = 0;
-  const i = n.options.useScrollendEvent && H ? () => {
-  } : ge(
+  const i = n.options.useScrollendEvent && q ? () => {
+  } : ye(
     s,
     () => {
       l(t, !1);
     },
     n.options.isScrollingResetDelay
-  ), o = (d) => () => {
-    const { horizontal: v, isRtl: u } = n.options;
-    t = v ? e.scrollLeft * (u && -1 || 1) : e.scrollTop, i(), l(t, d);
-  }, r = o(!0), a = o(!1);
-  e.addEventListener("scroll", r, P);
-  const c = n.options.useScrollendEvent && H;
-  return c && e.addEventListener("scrollend", a, P), () => {
-    e.removeEventListener("scroll", r), c && e.removeEventListener("scrollend", a);
+  ), 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);
+  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);
   };
-}, Ce = (n, l, e) => {
+}, ze = (n, l, e) => {
   if (l?.borderBoxSize) {
     const s = l.borderBoxSize[0];
     if (s)
@@ -123,7 +134,7 @@ const me = (n, l) => Math.abs(n - l) < 1.01, ge = (n, l, e) => {
       );
   }
   return n[e.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, we = (n, {
+}, Me = (n, {
   adjustments: l = 0,
   behavior: e
 }, s) => {
@@ -134,7 +145,7 @@ const me = (n, l) => Math.abs(n - l) < 1.01, ge = (n, l, e) => {
     behavior: e
   });
 };
-class ye {
+class Oe {
   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__ */ (() => {
       let e = null;
@@ -172,11 +183,11 @@ class ye {
         scrollPaddingStart: 0,
         scrollPaddingEnd: 0,
         horizontal: !1,
-        getItemKey: pe,
-        rangeExtractor: ve,
+        getItemKey: we,
+        rangeExtractor: Se,
         onChange: () => {
         },
-        measureElement: Ce,
+        measureElement: ze,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -193,7 +204,7 @@ class ye {
     }, this.notify = (e) => {
       var s, t;
       (t = (s = this.options).onChange) == null || t.call(s, this, e);
-    }, this.maybeNotify = N(
+    }, this.maybeNotify = A(
       () => (this.calculateRange(), [
         this.isScrolling,
         this.range ? this.range.startIndex : null,
@@ -244,14 +255,14 @@ class ye {
         const r = e[o];
         if (t.has(r.lane))
           continue;
-        const a = i.get(
+        const d = i.get(
           r.lane
         );
-        if (a == null || r.end > a.end ? i.set(r.lane, r) : r.end < a.end && t.set(r.lane, !0), t.size === this.options.lanes)
+        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)
           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 = N(
+    }, this.getMeasurementOptions = A(
       () => [
         this.options.count,
         this.options.paddingStart,
@@ -271,61 +282,61 @@ class ye {
       {
         key: !1
       }
-    ), this.getMeasurements = N(
+    ), this.getMeasurements = A(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
-      ({ count: e, paddingStart: s, scrollMargin: t, getItemKey: i, enabled: o, lanes: r }, a) => {
+      ({ count: e, paddingStart: s, scrollMargin: t, getItemKey: i, enabled: o, lanes: r }, d) => {
         if (!o)
           return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
         if (this.laneAssignments.size > e)
-          for (const u of this.laneAssignments.keys())
-            u >= e && this.laneAssignments.delete(u);
-        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((u) => {
-          this.itemSizeCache.set(u.key, u.size);
+          for (const c of this.laneAssignments.keys())
+            c >= e && this.laneAssignments.delete(c);
+        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 c = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
+        const h = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
         this.pendingMeasuredCacheIndexes = [], this.lanesSettling && this.measurementsCache.length === e && (this.lanesSettling = !1);
-        const d = this.measurementsCache.slice(0, c), v = new Array(r).fill(
+        const u = this.measurementsCache.slice(0, h), m = new Array(r).fill(
           void 0
         );
-        for (let u = 0; u < c; u++) {
-          const b = d[u];
-          b && (v[b.lane] = u);
+        for (let c = 0; c < h; c++) {
+          const g = u[c];
+          g && (m[g.lane] = c);
         }
-        for (let u = c; u < e; u++) {
-          const b = i(u), w = this.laneAssignments.get(u);
-          let p, y;
+        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 m = v[p], x = m !== void 0 ? d[m] : void 0;
-            y = x ? x.end + this.options.gap : s + t;
+            const S = m[p], f = S !== void 0 ? u[S] : void 0;
+            E = f ? f.end + this.options.gap : s + t;
           } else {
-            const m = this.options.lanes === 1 ? d[u - 1] : this.getFurthestMeasurement(d, u);
-            y = m ? m.end + this.options.gap : s + t, p = m ? m.lane : u % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(u, p);
+            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 E = a.get(b), f = typeof E == "number" ? E : this.options.estimateSize(u), g = y + f;
-          d[u] = {
-            index: u,
-            start: y,
-            size: f,
-            end: g,
-            key: b,
+          const z = d.get(g), C = typeof z == "number" ? z : this.options.estimateSize(c), D = E + C;
+          u[c] = {
+            index: c,
+            start: E,
+            size: C,
+            end: D,
+            key: g,
             lane: p
-          }, v[p] = u;
+          }, m[p] = c;
         }
-        return this.measurementsCache = d, d;
+        return this.measurementsCache = u, u;
       },
       {
         key: process.env.NODE_ENV !== "production" && "getMeasurements",
         debug: () => this.options.debug
       }
-    ), this.calculateRange = N(
+    ), this.calculateRange = A(
       () => [
         this.getMeasurements(),
         this.getSize(),
         this.getScrollOffset(),
         this.options.lanes
       ],
-      (e, s, t, i) => this.range = e.length > 0 && s > 0 ? Se({
+      (e, s, t, i) => this.range = e.length > 0 && s > 0 ? je({
         measurements: e,
         outerSize: s,
         scrollOffset: t,
@@ -335,7 +346,7 @@ class ye {
         key: process.env.NODE_ENV !== "production" && "calculateRange",
         debug: () => this.options.debug
       }
-    ), this.getVirtualIndexes = N(
+    ), this.getVirtualIndexes = A(
       () => {
         let e = null, s = null;
         const t = this.calculateRange();
@@ -385,13 +396,13 @@ class ye {
         return;
       }
       this._measureElement(e, void 0);
-    }, this.getVirtualItems = N(
+    }, this.getVirtualItems = A(
       () => [this.getVirtualIndexes(), this.getMeasurements()],
       (e, s) => {
         const t = [];
         for (let i = 0, o = e.length; i < o; i++) {
-          const r = e[i], a = s[r];
-          t.push(a);
+          const r = e[i], d = s[r];
+          t.push(d);
         }
         return t;
       },
@@ -402,11 +413,11 @@ class ye {
     ), this.getVirtualItemForOffset = (e) => {
       const s = this.getMeasurements();
       if (s.length !== 0)
-        return B(
-          s[Y(
+        return P(
+          s[J(
             0,
             s.length - 1,
-            (t) => B(s[t]).start,
+            (t) => P(s[t]).start,
             e
           )]
         );
@@ -456,28 +467,29 @@ class ye {
         "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 = (c) => {
+      const o = 10, r = (h) => {
         if (!this.targetWindow) return;
-        const d = this.getOffsetForIndex(e, c);
-        if (!d) {
+        const u = this.getOffsetForIndex(e, h);
+        if (!u) {
           console.warn("Failed to get offset for index:", e);
           return;
         }
-        const [v, u] = d;
-        this._scrollToOffset(v, { adjustments: void 0, behavior: t }), this.targetWindow.requestAnimationFrame(() => {
-          const b = () => {
+        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, u);
+            const w = this.getScrollOffset(), p = this.getOffsetForIndex(e, c);
             if (!p) {
               console.warn("Failed to get offset for index:", e);
               return;
             }
-            me(p[0], w) || a(u);
+            Ce(p[0], w) || d(c);
           };
-          this.isDynamicMode() ? this.targetWindow.requestAnimationFrame(b) : b();
+          this.isDynamicMode() ? this.targetWindow.requestAnimationFrame(g) : g();
         });
-      }, a = (c) => {
-        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(c))) : console.warn(
+      }, 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.`
         ));
       };
@@ -520,7 +532,7 @@ class ye {
     }, this.setOptions(l);
   }
 }
-const Y = (n, l, e, s) => {
+const J = (n, l, e, s) => {
   for (; n <= l; ) {
     const t = (n + l) / 2 | 0, i = e(t);
     if (i < s)
@@ -532,19 +544,19 @@ const Y = (n, l, e, s) => {
   }
   return n > 0 ? n - 1 : 0;
 };
-function Se({
+function je({
   measurements: n,
   outerSize: l,
   scrollOffset: e,
   lanes: s
 }) {
-  const t = n.length - 1, i = (a) => n[a].start;
+  const t = n.length - 1, i = (d) => n[d].start;
   if (n.length <= s)
     return {
       startIndex: 0,
       endIndex: t
     };
-  let o = Y(
+  let o = J(
     0,
     t,
     i,
@@ -554,167 +566,122 @@ function Se({
     for (; r < t && n[r].end < e + l; )
       r++;
   else if (s > 1) {
-    const a = Array(s).fill(0);
-    for (; r < t && a.some((d) => d < e + l); ) {
-      const d = n[r];
-      a[d.lane] = d.end, r++;
+    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 c = Array(s).fill(e + l);
-    for (; o >= 0 && c.some((d) => d >= e); ) {
-      const d = n[o];
-      c[d.lane] = d.start, o--;
+    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--;
     }
     o = Math.max(0, o - o % s), r = Math.min(t, r + (s - 1 - r % s));
   }
   return { startIndex: o, endIndex: r };
 }
-const q = typeof document < "u" ? C.useLayoutEffect : C.useEffect;
-function Ee({
+const K = typeof document < "u" ? v.useLayoutEffect : v.useEffect;
+function Ne({
   useFlushSync: n = !0,
   ...l
 }) {
-  const e = C.useReducer(() => ({}), {})[1], s = {
+  const e = v.useReducer(() => ({}), {})[1], s = {
     ...l,
     onChange: (i, o) => {
       var r;
-      n && o ? J(e) : e(), (r = l.onChange) == null || r.call(l, i, o);
+      n && o ? Z(e) : e(), (r = l.onChange) == null || r.call(l, i, o);
     }
-  }, [t] = C.useState(
-    () => new ye(s)
+  }, [t] = v.useState(
+    () => new Oe(s)
   );
-  return t.setOptions(s), q(() => t._didMount(), []), q(() => t._willUpdate()), t;
+  return t.setOptions(s), K(() => t._didMount(), []), K(() => t._willUpdate()), t;
 }
-function Me(n) {
-  return Ee({
-    observeElementRect: xe,
-    observeElementOffset: be,
-    scrollToFn: we,
+function ke(n) {
+  return Ne({
+    observeElementRect: Ee,
+    observeElementOffset: Ie,
+    scrollToFn: Me,
     ...n
   });
 }
-const G = (...n) => n.filter((l, e, s) => !!l && l.trim() !== "" && s.indexOf(l) === e).join(" ").trim();
-const Oe = (n) => n.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-const ze = (n) => n.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (l, e, s) => s ? s.toUpperCase() : e.toLowerCase()
-);
-const U = (n) => {
-  const l = ze(n);
-  return l.charAt(0).toUpperCase() + l.slice(1);
-};
-var Ie = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-const je = (n) => {
-  for (const l in n)
-    if (l.startsWith("aria-") || l === "role" || l === "title")
-      return !0;
-  return !1;
-};
-const Ne = K(
-  ({
-    color: n = "currentColor",
-    size: l = 24,
-    strokeWidth: e = 2,
-    absoluteStrokeWidth: s,
-    className: t = "",
-    children: i,
-    iconNode: o,
-    ...r
-  }, a) => R(
-    "svg",
-    {
-      ref: a,
-      ...Ie,
-      width: l,
-      height: l,
-      stroke: n,
-      strokeWidth: s ? Number(e) * 24 / Number(l) : e,
-      className: G("lucide", t),
-      ...!i && !je(r) && { "aria-hidden": "true" },
-      ...r
-    },
-    [
-      ...o.map(([c, d]) => R(c, d)),
-      ...Array.isArray(i) ? i : [i]
-    ]
-  )
-);
-const L = (n, l) => {
-  const e = K(
-    ({ className: s, ...t }, i) => R(Ne, {
-      ref: i,
-      iconNode: l,
-      className: G(
-        `lucide-${Oe(U(n))}`,
-        `lucide-${n}`,
-        s
-      ),
-      ...t
-    })
-  );
-  return e.displayName = U(n), e;
-};
-const Ae = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], ke = L("chevron-down", Ae);
-const _e = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], De = L("chevron-right", _e);
-const Re = [
-  [
-    "path",
-    {
-      d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
-      key: "wmoenq"
+const V = (...n) => n.filter(Boolean).join(" ");
+function Ae(n, l) {
+  if (!l || l.length === 0) return {};
+  for (const e of l) {
+    const s = n[e.field];
+    if (s == null) continue;
+    let t = !1;
+    const i = String(s);
+    switch (e.operator) {
+      case "equals":
+        t = i === String(e.value);
+        break;
+      case "not_equals":
+        t = i !== String(e.value);
+        break;
+      case "contains":
+        t = i.toLowerCase().includes(String(e.value).toLowerCase());
+        break;
+      case "in":
+        t = Array.isArray(e.value) && e.value.includes(i);
+        break;
     }
-  ],
-  ["path", { d: "M12 9v4", key: "juzpu7" }],
-  ["path", { d: "M12 17h.01", key: "p32p05" }]
-], Fe = L("triangle-alert", Re), T = (...n) => n.filter(Boolean).join(" ");
-function W({ card: n }) {
+    if (t)
+      return {
+        ...e.backgroundColor ? { backgroundColor: e.backgroundColor } : {},
+        ...e.borderColor ? { borderColor: e.borderColor } : {}
+      };
+  }
+  return {};
+}
+function W({ card: n, conditionalFormatting: l }) {
   const {
-    attributes: l,
-    listeners: e,
-    setNodeRef: s,
-    transform: t,
-    transition: i,
-    isDragging: o
-  } = Z({ id: n.id }), r = {
-    transform: le.Transform.toString(t),
-    transition: i,
-    opacity: o ? 0.5 : void 0
-  };
-  return /* @__PURE__ */ h.jsx("div", { ref: s, style: r, ...l, ...e, children: /* @__PURE__ */ h.jsxs(ce, { 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", children: [
-    /* @__PURE__ */ h.jsxs(he, { className: "p-4", children: [
-      /* @__PURE__ */ h.jsx(de, { className: "text-sm font-medium font-mono tracking-tight text-foreground group-hover:text-primary transition-colors", children: n.title }),
-      n.description && /* @__PURE__ */ h.jsx(ue, { className: "text-xs text-muted-foreground font-mono", children: n.description })
+    attributes: e,
+    listeners: s,
+    setNodeRef: t,
+    transform: i,
+    transition: o,
+    isDragging: r
+  } = Y({ id: n.id }), d = {
+    transform: ce.Transform.toString(i),
+    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(
+      "img",
+      {
+        src: n.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 })
     ] }),
-    n.badges && n.badges.length > 0 && /* @__PURE__ */ h.jsx(fe, { className: "p-4 pt-0", children: /* @__PURE__ */ h.jsx("div", { className: "flex flex-wrap gap-1", children: n.badges.map((a, c) => /* @__PURE__ */ h.jsx(F, { variant: a.variant || "default", className: "text-xs", children: a.label }, c)) }) })
+    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)) }) })
   ] }) });
 }
-function Te({ cards: n, parentRef: l }) {
-  const e = Me({
+function De({ cards: n, parentRef: l, conditionalFormatting: e }) {
+  const s = ke({
     count: n.length,
     getScrollElement: () => l.current,
     estimateSize: () => 120,
     overscan: 5
   });
-  return /* @__PURE__ */ h.jsx(
+  return /* @__PURE__ */ a.jsx(
     "div",
     {
       style: {
-        height: `${e.getTotalSize()}px`,
+        height: `${s.getTotalSize()}px`,
         width: "100%",
         position: "relative"
       },
-      children: e.getVirtualItems().map((s) => {
-        const t = n[s.index];
-        return /* @__PURE__ */ h.jsx(
+      children: s.getVirtualItems().map((t) => {
+        const i = n[t.index];
+        return /* @__PURE__ */ a.jsx(
           "div",
           {
             style: {
@@ -722,173 +689,220 @@ function Te({ cards: n, parentRef: l }) {
               top: 0,
               left: 0,
               width: "100%",
-              transform: `translateY(${s.start}px)`
+              transform: `translateY(${t.start}px)`
             },
-            children: /* @__PURE__ */ h.jsx(W, { card: t })
+            children: /* @__PURE__ */ a.jsx(W, { card: i, conditionalFormatting: e })
           },
-          t.id
+          i.id
         );
       })
     }
   );
 }
-function Le({
+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));
+  };
+  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,
+      onBlur: r,
+      placeholder: "Enter card title...",
+      className: "text-sm",
+      autoFocus: !0
+    }
+  ) }) : /* @__PURE__ */ a.jsxs(
+    G,
+    {
+      variant: "ghost",
+      size: "sm",
+      className: "w-full mt-2 text-muted-foreground hover:text-foreground",
+      onClick: () => {
+        s(!0), setTimeout(() => o.current?.focus(), 0);
+      },
+      children: [
+        /* @__PURE__ */ a.jsx(X, { className: "h-4 w-4 mr-1" }),
+        "Add Card"
+      ]
+    }
+  );
+}
+function _e({
   column: n,
   cards: l,
   onToggle: e,
-  enableVirtual: s
+  enableVirtual: s,
+  quickAdd: t,
+  onQuickAdd: i,
+  conditionalFormatting: o
 }) {
-  const t = l || [], i = C.useRef(null), { setNodeRef: o } = Z({
+  const r = l || [], d = v.useRef(null), { setNodeRef: h } = Y({
     id: n.id,
     data: {
       type: "column"
     }
-  }), r = n.limit && t.length >= n.limit, a = n.limit && t.length >= n.limit * 0.8;
-  return /* @__PURE__ */ h.jsxs(
+  }), u = n.limit && r.length >= n.limit, m = n.limit && r.length >= n.limit * 0.8;
+  return /* @__PURE__ */ a.jsxs(
     "div",
     {
-      ref: o,
-      className: T(
+      ref: h,
+      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
       ),
       children: [
-        /* @__PURE__ */ h.jsxs("div", { className: "p-4 border-b border-border/50 bg-muted/20 flex items-center justify-between", children: [
-          /* @__PURE__ */ h.jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
-            /* @__PURE__ */ h.jsx(
-              ae,
+        /* @__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,
               {
                 variant: "ghost",
                 size: "sm",
                 className: "h-6 w-6 p-0",
                 onClick: () => e(!n.collapsed),
-                children: n.collapsed ? /* @__PURE__ */ h.jsx(De, { className: "h-4 w-4" }) : /* @__PURE__ */ h.jsx(ke, { className: "h-4 w-4" })
+                children: n.collapsed ? /* @__PURE__ */ a.jsx(ve, { className: "h-4 w-4" }) : /* @__PURE__ */ a.jsx(Q, { className: "h-4 w-4" })
               }
             ),
-            !n.collapsed && /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
-              /* @__PURE__ */ h.jsx("h3", { className: "font-mono text-sm font-semibold tracking-wider text-primary/90 uppercase truncate", children: n.title }),
-              /* @__PURE__ */ h.jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ h.jsxs("span", { className: T(
+            !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 }),
+              /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ a.jsxs("span", { className: V(
                   "font-mono text-xs",
-                  r ? "text-destructive" : a ? "text-yellow-500" : "text-muted-foreground"
+                  u ? "text-destructive" : m ? "text-yellow-500" : "text-muted-foreground"
                 ), children: [
-                  t.length,
+                  r.length,
                   n.limit && ` / ${n.limit}`
                 ] }),
-                r && /* @__PURE__ */ h.jsx(F, { variant: "destructive", className: "text-xs", children: "Full" }),
-                a && !r && /* @__PURE__ */ h.jsx(Fe, { className: "h-3 w-3 text-yellow-500" })
+                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__ */ h.jsxs("div", { className: "flex flex-col items-center gap-1", children: [
-            /* @__PURE__ */ h.jsx("span", { className: "font-mono text-xs font-bold text-primary/90 [writing-mode:vertical-rl] rotate-180", children: n.title }),
-            /* @__PURE__ */ h.jsx(F, { variant: "secondary", className: "text-xs", children: t.length })
+          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 }),
+            /* @__PURE__ */ a.jsx(L, { variant: "secondary", className: "text-xs", children: r.length })
           ] })
         ] }),
-        !n.collapsed && /* @__PURE__ */ h.jsx("div", { ref: i, className: "flex-1 p-4 overflow-y-auto", style: { maxHeight: "600px" }, children: /* @__PURE__ */ h.jsx(
-          re,
-          {
-            items: t.map((c) => c.id),
-            strategy: oe,
-            children: s ? /* @__PURE__ */ h.jsx(Te, { cards: t, parentRef: i }) : /* @__PURE__ */ h.jsx("div", { className: "space-y-2", children: t.map((c) => /* @__PURE__ */ h.jsx(W, { card: c }, c.id)) })
-          }
-        ) })
+        !n.collapsed && /* @__PURE__ */ a.jsxs("div", { ref: d, 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)) })
+            }
+          ),
+          t && i && /* @__PURE__ */ a.jsx(Re, { columnId: n.id, onAdd: i })
+        ] })
       ]
     }
   );
 }
-function He({
+function We({
   columns: n,
   onCardMove: l,
   onColumnToggle: e,
   enableVirtualScrolling: s = !1,
   virtualScrollThreshold: t = 50,
-  className: i
+  className: i,
+  quickAdd: o,
+  onQuickAdd: r,
+  conditionalFormatting: d
 }) {
-  const [o, r] = C.useState(null), a = C.useMemo(() => (n || []).map((f) => ({
+  const [h, u] = v.useState(null), m = v.useMemo(() => (n || []).map((f) => ({
     ...f,
     cards: f.cards || []
-  })), [n]), [c, d] = C.useState(a);
-  C.useEffect(() => {
-    d(a);
-  }, [a]);
-  const v = Q(
-    X(ie, {
+  })), [n]), [c, g] = v.useState(m);
+  v.useEffect(() => {
+    g(m);
+  }, [m]);
+  const w = ee(
+    te(oe, {
       activationConstraint: {
         distance: 8
       }
     })
-  ), u = (f) => {
-    const { active: g } = f, m = w(g.id);
-    r(m);
-  }, b = (f) => {
-    const { active: g, over: m } = f;
-    if (r(null), !m) return;
-    const x = g.id, z = m.id;
-    if (x === z) return;
-    const M = p(x), I = p(z) || y(z);
-    if (!(!M || !I))
-      if (M.id === I.id) {
-        const O = [...M.cards], j = O.findIndex((S) => S.id === x), D = O.findIndex((S) => S.id === z), V = ne(O, j, D);
-        d(
-          (S) => S.map(
-            (A) => A.id === M.id ? { ...A, cards: V } : A
+  ), p = (f) => {
+    const { active: x } = f, b = z(x.id);
+    u(b);
+  }, E = (f) => {
+    const { active: x, 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);
+    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(
+          (I) => I.map(
+            (R) => R.id === M.id ? { ...R, cards: B } : R
           )
         );
       } else {
-        const O = [...M.cards], j = [...I.cards], D = O.findIndex((k) => k.id === x), S = z === I.id ? j.length : j.findIndex((k) => k.id === z), [A] = O.splice(D, 1);
-        j.splice(S, 0, A), d(
-          (k) => k.map((_) => _.id === M.id ? { ..._, cards: O } : _.id === I.id ? { ..._, cards: j } : _)
-        ), l && l(x, M.id, I.id, S);
+        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);
       }
-  }, w = C.useCallback(
+  }, z = v.useCallback(
     (f) => {
-      for (const g of c) {
-        const m = g.cards.find((x) => x.id === f);
-        if (m) return m;
+      for (const x of c) {
+        const b = x.cards.find((y) => y.id === f);
+        if (b) return b;
       }
       return null;
     },
     [c]
-  ), p = C.useCallback(
-    (f) => c.find((g) => g.cards.some((m) => m.id === f)) || null,
+  ), C = v.useCallback(
+    (f) => c.find((x) => x.cards.some((b) => b.id === f)) || null,
     [c]
-  ), y = C.useCallback(
-    (f) => c.find((g) => g.id === f) || null,
+  ), D = v.useCallback(
+    (f) => c.find((x) => x.id === f) || null,
     [c]
-  ), E = C.useCallback((f, g) => {
-    d(
-      (m) => m.map((x) => x.id === f ? { ...x, collapsed: g } : x)
-    ), e?.(f, g);
+  ), S = v.useCallback((f, x) => {
+    g(
+      (b) => b.map((y) => y.id === f ? { ...y, collapsed: x } : y)
+    ), e?.(f, x);
   }, [e]);
-  return /* @__PURE__ */ h.jsxs(
-    ee,
+  return /* @__PURE__ */ a.jsxs(
+    se,
     {
-      sensors: v,
-      collisionDetection: te,
-      onDragStart: u,
-      onDragEnd: b,
+      sensors: w,
+      collisionDetection: ne,
+      onDragStart: p,
+      onDragEnd: E,
       children: [
-        /* @__PURE__ */ h.jsx("div", { className: T("flex gap-4 overflow-x-auto p-4", i), children: c.map((f) => {
-          const g = s && f.cards.length > t;
-          return /* @__PURE__ */ h.jsx(
-            Le,
+        /* @__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;
+          return /* @__PURE__ */ a.jsx(
+            _e,
             {
               column: f,
               cards: f.cards,
-              onToggle: (m) => E(f.id, m),
-              enableVirtual: g
+              onToggle: (b) => S(f.id, b),
+              enableVirtual: x,
+              quickAdd: o,
+              onQuickAdd: r,
+              conditionalFormatting: d
             },
             f.id
           );
         }) }),
-        /* @__PURE__ */ h.jsx(se, { children: o ? /* @__PURE__ */ h.jsx(W, { card: o }) : null })
+        /* @__PURE__ */ a.jsx(ie, { children: h ? /* @__PURE__ */ a.jsx(W, { card: h, conditionalFormatting: d }) : null })
       ]
     }
   );
 }
 export {
-  He as KanbanEnhanced,
-  He as default
+  We as KanbanEnhanced,
+  We as default
 };