@iclips/ui 1.2.15 → 1.2.17

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx as f, jsxs as b, Fragment as Ue } from "react/jsx-runtime";
 import * as Na from "@radix-ui/react-accordion";
-import { ChevronDownIcon as tl, Loader2 as $4, CheckIcon as nl, ChevronUpIcon as Z4, ChevronsLeft as K4, ChevronLeft as rl, ChevronRight as An, ChevronsRight as q4, X as Dr, Filter as H0, Check as U0, Clock as hi, CalendarIcon as Ko, Plus as ar, Search as F0, ArrowUpDown as X4, CircleIcon as Kc, ChevronRightIcon as il, User as al, Settings as ey, HelpCircle as ty, LogOut as ny, Pin as ry, ChevronDown as Xa, MoreHorizontal as J0, ArrowRight as V0, ArrowLeft as iy, XIcon as Y0, SearchIcon as ay, Smile as _0, Trash2 as qo, AlertCircle as ln, Paperclip as Er, Type as oy, Send as sy, Bold as Q0, Italic as G0, Underline as W0, List as $0, ListOrdered as Z0, Link as K0, Download as Xo, Printer as ly, Eye as es, ChevronUp as fy, Minus as cy, Euro as dy, DollarSign as uy, Coins as hy, Undo as py, Redo as my, Heading1 as gy, Heading2 as by, Heading3 as yy, Strikethrough as vy, AlignLeft as wy, AlignCenter as My, AlignRight as xy, Quote as Cy, Image as Ly, PanelLeftOpen as qc, PanelLeftClose as Xc, Calendar as ka, Youtube as Ny, Twitter as ky, Facebook as Sy, Linkedin as Iy, Instagram as Ty, GripVertical as jy, CheckCircle2 as q0, Circle as X0, Edit as Zf, XCircle as Dy, MinusIcon as Ey, MoreVertical as Ay, CheckSquare as zy, MessageSquare as e1, Activity as Oy, TrendingUp as Py, TrendingDown as Ry, MoreHorizontalIcon as By, ChevronLeftIcon as Hy, EyeOff as Uy, GripVerticalIcon as Fy, Star as Jy, PanelLeftIcon as Vy, Github as Yy, Link2 as _y, FileText as Qy, Pencil as Gy, RefreshCw as Wy, PlusCircle as $y, Upload as Zy } from "lucide-react";
+import { ChevronDownIcon as tl, Loader2 as $4, CheckIcon as nl, ChevronUpIcon as Z4, ChevronsLeft as K4, ChevronLeft as rl, ChevronRight as An, ChevronsRight as q4, X as Dr, Filter as H0, Check as U0, Clock as hi, CalendarIcon as Ko, Plus as ar, Search as F0, ArrowUpDown as X4, CircleIcon as Kc, ChevronRightIcon as il, User as al, Settings as ey, HelpCircle as ty, LogOut as ny, Pin as ry, ChevronDown as Xa, MoreHorizontal as J0, ArrowRight as V0, ArrowLeft as iy, XIcon as Y0, SearchIcon as ay, Smile as _0, Trash2 as qo, AlertCircle as ln, Paperclip as Er, Type as oy, Send as sy, Bold as Q0, Italic as G0, Underline as W0, List as $0, ListOrdered as Z0, Link as K0, Download as Xo, Printer as ly, Eye as es, ChevronUp as fy, Minus as cy, Euro as dy, DollarSign as uy, Coins as hy, Undo as py, Redo as my, Heading1 as gy, Heading2 as by, Heading3 as yy, Strikethrough as vy, AlignLeft as wy, AlignCenter as My, AlignRight as xy, Quote as Cy, Image as Ly, PanelLeftOpen as qc, PanelLeftClose as Xc, Calendar as ka, Youtube as Ny, Twitter as ky, Facebook as Sy, Linkedin as Iy, Instagram as Ty, GripVertical as jy, CheckCircle2 as q0, Circle as X0, Edit as Zf, MinusIcon as Dy, XCircle as Ey, MoreVertical as Ay, CheckSquare as zy, MessageSquare as e1, Activity as Oy, TrendingUp as Py, TrendingDown as Ry, MoreHorizontalIcon as By, ChevronLeftIcon as Hy, EyeOff as Uy, GripVerticalIcon as Fy, Star as Jy, PanelLeftIcon as Vy, Github as Yy, Link2 as _y, FileText as Qy, Pencil as Gy, RefreshCw as Wy, PlusCircle as $y, Upload as Zy } from "lucide-react";
 import { clsx as Ky } from "clsx";
 import { twMerge as qy } from "tailwind-merge";
 import * as I from "react";
@@ -51942,69 +51942,7 @@ function gD({
 }
 const bD = I.forwardRef(gD);
 bD.displayName = "EditableBadge";
-const yD = {
-  "first-use": "bg-primary/8 text-primary",
-  cleared: "bg-success/10 text-success",
-  "no-results": "bg-muted text-muted-foreground",
-  error: "bg-destructive/10 text-destructive"
-};
-function N7({
-  icon: t,
-  title: e,
-  description: n,
-  variant: r = "first-use",
-  primaryAction: i,
-  secondaryAction: a,
-  className: o
-}) {
-  return /* @__PURE__ */ b(
-    "div",
-    {
-      className: M(
-        "flex flex-col items-center justify-center gap-4 py-12 px-6 text-center",
-        o
-      ),
-      role: "status",
-      "aria-live": "polite",
-      children: [
-        /* @__PURE__ */ f(
-          "div",
-          {
-            className: M(
-              "flex size-16 items-center justify-center rounded-2xl",
-              yD[r]
-            ),
-            "aria-hidden": "true",
-            children: /* @__PURE__ */ f(t, { className: "size-8" })
-          }
-        ),
-        /* @__PURE__ */ b("div", { className: "max-w-sm space-y-1.5", children: [
-          /* @__PURE__ */ f("h3", { className: "text-base font-semibold leading-snug text-foreground", children: e }),
-          /* @__PURE__ */ f("p", { className: "text-sm text-muted-foreground leading-relaxed", children: n })
-        ] }),
-        (i || a) && /* @__PURE__ */ b("div", { className: "flex flex-wrap items-center justify-center gap-3 pt-1", children: [
-          i && /* @__PURE__ */ f(
-            B,
-            {
-              variant: i.variant ?? "default",
-              onClick: i.onClick,
-              children: i.label
-            }
-          ),
-          a && /* @__PURE__ */ f(
-            B,
-            {
-              variant: a.variant ?? "outline",
-              onClick: a.onClick,
-              children: a.label
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function vD({
+function yD({
   className: t,
   ...e
 }) {
@@ -52017,7 +51955,7 @@ function vD({
     }
   );
 }
-function wD({
+function vD({
   className: t,
   ...e
 }) {
@@ -52049,7 +51987,7 @@ function Ff({
     }
   );
 }
-function k7({
+function N7({
   className: t,
   ...e
 }) {
@@ -52076,13 +52014,13 @@ var M0 = (function() {
   INIT: "@@redux/INIT" + x0(),
   REPLACE: "@@redux/REPLACE" + x0()
 };
-function MD(t) {
+function wD(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 xD(t) {
+function MD(t) {
   if (t === void 0) return "undefined";
   if (t === null) return "null";
   var e = typeof t;
@@ -52095,9 +52033,9 @@ function xD(t) {
       return e;
   }
   if (Array.isArray(t)) return "array";
-  if (ND(t)) return "date";
-  if (LD(t)) return "error";
-  var n = CD(t);
+  if (LD(t)) return "date";
+  if (CD(t)) return "error";
+  var n = xD(t);
   switch (n) {
     case "Symbol":
     case "Promise":
@@ -52109,18 +52047,18 @@ function xD(t) {
   }
   return e.slice(8, -1).toLowerCase().replace(/\s/g, "");
 }
-function CD(t) {
+function xD(t) {
   return typeof t.constructor == "function" ? t.constructor.name : null;
 }
-function LD(t) {
+function CD(t) {
   return t instanceof Error || typeof t.message == "string" && t.constructor && typeof t.constructor.stackTraceLimit == "number";
 }
-function ND(t) {
+function LD(t) {
   return t instanceof Date ? !0 : typeof t.toDateString == "function" && typeof t.getDate == "function" && typeof t.setDate == "function";
 }
 function ai(t) {
   var e = typeof t;
-  return process.env.NODE_ENV !== "production" && (e = xD(t)), e;
+  return process.env.NODE_ENV !== "production" && (e = MD(t)), e;
 }
 function o4(t, e, n) {
   var r;
@@ -52159,7 +52097,7 @@ function o4(t, e, n) {
     };
   }
   function p(g) {
-    if (!MD(g))
+    if (!wD(g))
       throw new Error(process.env.NODE_ENV === "production" ? Ot(7) : "Actions must be plain objects. Instead, the actual type was: '" + ai(g) + "'. 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 g.type > "u")
       throw new Error(process.env.NODE_ENV === "production" ? Ot(8) : 'Actions may not have an undefined "type" property. You may have misspelled an action type string constant.');
@@ -52220,7 +52158,7 @@ function o4(t, e, n) {
   }, r[M0] = m, r;
 }
 function te(t, e, ...n) {
-  if (kD() && e === void 0)
+  if (ND() && e === void 0)
     throw new Error("invariant requires an error message argument");
   if (!t) {
     let r;
@@ -52235,16 +52173,16 @@ function te(t, e, ...n) {
     throw r.framesToPop = 1, r;
   }
 }
-function kD() {
+function ND() {
   return typeof process < "u" && process.env.NODE_ENV === "production";
 }
-function SD(t, e, n) {
+function kD(t, e, n) {
   return e.split(".").reduce(
     (r, i) => r && r[i] ? r[i] : n || null,
     t
   );
 }
-function ID(t, e) {
+function SD(t, e) {
   return t.filter(
     (n) => n !== e
   );
@@ -52252,7 +52190,7 @@ function ID(t, e) {
 function s4(t) {
   return typeof t == "object";
 }
-function TD(t, e) {
+function ID(t, e) {
   const n = /* @__PURE__ */ new Map(), r = (a) => {
     n.set(a, n.has(a) ? n.get(a) + 1 : 1);
   };
@@ -52262,7 +52200,7 @@ function TD(t, e) {
     a === 1 && i.push(o);
   }), i;
 }
-function jD(t, e) {
+function TD(t, e) {
   return t.filter(
     (n) => e.indexOf(n) > -1
   );
@@ -52277,35 +52215,35 @@ function L0(t, e) {
     }
   };
 }
-const DD = {
+const jD = {
   type: Tu,
   payload: {
     clientOffset: null,
     sourceClientOffset: null
   }
 };
-function ED(t) {
+function DD(t) {
   return function(n = [], r = {
     publishSource: !0
   }) {
     const { publishSource: i = !0, clientOffset: a, getSourceClientOffset: o } = r, s = t.getMonitor(), l = t.getRegistry();
-    t.dispatch(L0(a)), AD(n, s, l);
-    const c = PD(n, s);
+    t.dispatch(L0(a)), ED(n, s, l);
+    const c = OD(n, s);
     if (c == null) {
-      t.dispatch(DD);
+      t.dispatch(jD);
       return;
     }
     let d = null;
     if (a) {
       if (!o)
         throw new Error("getSourceClientOffset must be defined");
-      zD(o), d = o(c);
+      AD(o), d = o(c);
     }
     t.dispatch(L0(a, d));
     const p = l.getSource(c).beginDrag(s, c);
     if (p == null)
       return;
-    OD(p), l.pinSource(c);
+    zD(p), l.pinSource(c);
     const h = l.getSourceType(c);
     return {
       type: $l,
@@ -52320,18 +52258,18 @@ function ED(t) {
     };
   };
 }
-function AD(t, e, n) {
+function ED(t, e, n) {
   te(!e.isDragging(), "Cannot call beginDrag while dragging."), t.forEach(function(r) {
     te(n.getSource(r), "Expected sourceIds to be registered.");
   });
 }
-function zD(t) {
+function AD(t) {
   te(typeof t == "function", "When clientOffset is provided, getSourceClientOffset must be a function.");
 }
-function OD(t) {
+function zD(t) {
   te(s4(t), "Item must be an object.");
 }
-function PD(t, e) {
+function OD(t, e) {
   let n = null;
   for (let r = t.length - 1; r >= 0; r--)
     if (e.canDragSource(t[r])) {
@@ -52340,7 +52278,7 @@ function PD(t, e) {
     }
   return n;
 }
-function RD(t, e, n) {
+function PD(t, e, n) {
   return e in t ? Object.defineProperty(t, e, {
     value: n,
     enumerable: !0,
@@ -52348,57 +52286,57 @@ function RD(t, e, n) {
     writable: !0
   }) : t[e] = n, t;
 }
-function BD(t) {
+function RD(t) {
   for (var e = 1; e < arguments.length; e++) {
     var n = arguments[e] != null ? arguments[e] : {}, r = Object.keys(n);
     typeof Object.getOwnPropertySymbols == "function" && (r = r.concat(Object.getOwnPropertySymbols(n).filter(function(i) {
       return Object.getOwnPropertyDescriptor(n, i).enumerable;
     }))), r.forEach(function(i) {
-      RD(t, i, n[i]);
+      PD(t, i, n[i]);
     });
   }
   return t;
 }
-function HD(t) {
+function BD(t) {
   return function(n = {}) {
     const r = t.getMonitor(), i = t.getRegistry();
-    UD(r), VD(r).forEach((o, s) => {
-      const l = FD(o, s, i, r), c = {
+    HD(r), JD(r).forEach((o, s) => {
+      const l = UD(o, s, i, r), c = {
         type: Kl,
         payload: {
-          dropResult: BD({}, n, l)
+          dropResult: RD({}, n, l)
         }
       };
       t.dispatch(c);
     });
   };
 }
-function UD(t) {
+function HD(t) {
   te(t.isDragging(), "Cannot call drop while not dragging."), te(!t.didDrop(), "Cannot call drop twice during one drag operation.");
 }
-function FD(t, e, n, r) {
+function UD(t, e, n, r) {
   const i = n.getTarget(t);
   let a = i ? i.drop(r, t) : void 0;
-  return JD(a), typeof a > "u" && (a = e === 0 ? {} : r.getDropResult()), a;
+  return FD(a), typeof a > "u" && (a = e === 0 ? {} : r.getDropResult()), a;
 }
-function JD(t) {
+function FD(t) {
   te(typeof t > "u" || s4(t), "Drop result must either be an object or undefined.");
 }
-function VD(t) {
+function JD(t) {
   const e = t.getTargetIds().filter(t.canDropOnTarget, t);
   return e.reverse(), e;
 }
-function YD(t) {
+function VD(t) {
   return function() {
     const n = t.getMonitor(), r = t.getRegistry();
-    _D(n);
+    YD(n);
     const i = n.getSourceId();
     return i != null && (r.getSource(i, !0).endDrag(n, i), r.unpinSource()), {
       type: ql
     };
   };
 }
-function _D(t) {
+function YD(t) {
   te(t.isDragging(), "Cannot call endDrag while not dragging.");
 }
 function _c(t, e) {
@@ -52406,11 +52344,11 @@ function _c(t, e) {
     (n) => n === e
   ) : t === e;
 }
-function QD(t) {
+function _D(t) {
   return function(n, { clientOffset: r } = {}) {
-    GD(n);
+    QD(n);
     const i = n.slice(0), a = t.getMonitor(), o = t.getRegistry(), s = a.getItemType();
-    return $D(i, o, s), WD(i, a, o), ZD(i, a, o), {
+    return WD(i, o, s), GD(i, a, o), $D(i, a, o), {
       type: Zl,
       payload: {
         targetIds: i,
@@ -52419,10 +52357,10 @@ function QD(t) {
     };
   };
 }
-function GD(t) {
+function QD(t) {
   te(Array.isArray(t), "Expected targetIds to be an array.");
 }
-function WD(t, e, n) {
+function GD(t, e, n) {
   te(e.isDragging(), "Cannot call hover while not dragging."), te(!e.didDrop(), "Cannot call hover after drop.");
   for (let r = 0; r < t.length; r++) {
     const i = t[r];
@@ -52431,18 +52369,18 @@ function WD(t, e, n) {
     te(a, "Expected targetIds to be registered.");
   }
 }
-function $D(t, e, n) {
+function WD(t, e, n) {
   for (let r = t.length - 1; r >= 0; r--) {
     const i = t[r], a = e.getTargetType(i);
     _c(a, n) || t.splice(r, 1);
   }
 }
-function ZD(t, e, n) {
+function $D(t, e, n) {
   t.forEach(function(r) {
     n.getTarget(r).hover(e, r);
   });
 }
-function KD(t) {
+function ZD(t) {
   return function() {
     if (t.getMonitor().isDragging())
       return {
@@ -52450,16 +52388,16 @@ function KD(t) {
       };
   };
 }
-function qD(t) {
+function KD(t) {
   return {
-    beginDrag: ED(t),
-    publishDragSource: KD(t),
-    hover: QD(t),
-    drop: HD(t),
-    endDrag: YD(t)
+    beginDrag: DD(t),
+    publishDragSource: ZD(t),
+    hover: _D(t),
+    drop: BD(t),
+    endDrag: VD(t)
   };
 }
-class XD {
+class qD {
   receiveBackend(e) {
     this.backend = e;
   }
@@ -52480,7 +52418,7 @@ class XD {
         typeof s < "u" && n(s);
       };
     }
-    const i = qD(this);
+    const i = KD(this);
     return Object.keys(i).reduce((a, o) => {
       const s = i[o];
       return a[o] = r(s), a;
@@ -52496,7 +52434,7 @@ class XD {
     }, this.store = e, this.monitor = n, e.subscribe(this.handleRefCountChange);
   }
 }
-function eE(t, e) {
+function XD(t, e) {
   return {
     x: t.x + e.x,
     y: t.y + e.y
@@ -52508,21 +52446,21 @@ function l4(t, e) {
     y: t.y - e.y
   };
 }
-function tE(t) {
+function eE(t) {
   const { clientOffset: e, initialClientOffset: n, initialSourceClientOffset: r } = t;
-  return !e || !n || !r ? null : l4(eE(e, r), n);
+  return !e || !n || !r ? null : l4(XD(e, r), n);
 }
-function nE(t) {
+function tE(t) {
   const { clientOffset: e, initialClientOffset: n } = t;
   return !e || !n ? null : l4(e, n);
 }
 const La = [], Du = [];
 La.__IS_NONE__ = !0;
 Du.__IS_ALL__ = !0;
-function rE(t, e) {
-  return t === La ? !1 : t === Du || typeof e > "u" ? !0 : jD(e, t).length > 0;
+function nE(t, e) {
+  return t === La ? !1 : t === Du || typeof e > "u" ? !0 : TD(e, t).length > 0;
 }
-class iE {
+class rE {
   subscribeToStateChange(e, n = {}) {
     const { handlerIds: r } = n;
     te(typeof e == "function", "listener must be a function."), te(typeof r > "u" || Array.isArray(r), "handlerIds, when specified, must be an array of strings.");
@@ -52530,7 +52468,7 @@ class iE {
     const a = () => {
       const o = this.store.getState(), s = o.stateId;
       try {
-        s === i || s === i + 1 && !rE(o.dirtyHandlerIds, r) || e();
+        s === i || s === i + 1 && !nE(o.dirtyHandlerIds, r) || e();
       } finally {
         i = s;
       }
@@ -52621,10 +52559,10 @@ class iE {
     return this.store.getState().dragOffset.clientOffset;
   }
   getSourceClientOffset() {
-    return tE(this.store.getState().dragOffset);
+    return eE(this.store.getState().dragOffset);
   }
   getDifferenceFromInitialOffset() {
-    return nE(this.store.getState().dragOffset);
+    return tE(this.store.getState().dragOffset);
   }
   constructor(e, n) {
     this.store = e, this.registry = n;
@@ -52639,7 +52577,7 @@ function c4(t) {
     }
   };
 }
-function aE(t) {
+function iE(t) {
   let e = 1;
   const n = new f4(t), r = document.createTextNode("");
   return n.observe(r, {
@@ -52648,7 +52586,7 @@ function aE(t) {
     e = -e, r.data = e;
   };
 }
-const oE = typeof f4 == "function" ? (
+const aE = typeof f4 == "function" ? (
   // reliably everywhere they are implemented.
   // They are implemented in all modern browsers.
   //
@@ -52659,7 +52597,7 @@ const oE = typeof f4 == "function" ? (
   // - iPad Safari 6-7.1
   // - iPhone Safari 7-7.1
   // - Safari 6-7
-  aE
+  iE
 ) : (
   // task queue, are implemented in Internet Explorer 10, Safari 5.0-1, and Opera
   // 11-12, and in web workers in many engines.
@@ -52687,7 +52625,7 @@ const oE = typeof f4 == "function" ? (
   // - Lynx 2.8.7
   c4
 );
-class sE {
+class oE {
   // 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.
@@ -52716,13 +52654,13 @@ class sE {
       e.length = 0, this.index = 0, this.flushing = !1;
     }, this.registerPendingError = (e) => {
       this.pendingErrors.push(e), this.requestErrorThrow();
-    }, this.requestFlush = oE(this.flush), this.requestErrorThrow = c4(() => {
+    }, this.requestFlush = aE(this.flush), this.requestErrorThrow = c4(() => {
       if (this.pendingErrors.length)
         throw this.pendingErrors.shift();
     });
   }
 }
-class lE {
+class sE {
   call() {
     try {
       this.task && this.task();
@@ -52736,9 +52674,9 @@ class lE {
     this.onError = e, this.release = n, this.task = null;
   }
 }
-class fE {
+class lE {
   create(e) {
-    const n = this.freeTasks, r = n.length ? n.pop() : new lE(
+    const n = this.freeTasks, r = n.length ? n.pop() : new sE(
       this.onError,
       (i) => n[n.length] = i
     );
@@ -52748,12 +52686,12 @@ class fE {
     this.onError = e, this.freeTasks = [];
   }
 }
-const d4 = new sE(), cE = new fE(d4.registerPendingError);
-function dE(t) {
-  d4.enqueueTask(cE.create(t));
+const d4 = new oE(), fE = new lE(d4.registerPendingError);
+function cE(t) {
+  d4.enqueueTask(fE.create(t));
 }
 const Eu = "dnd-core/ADD_SOURCE", Au = "dnd-core/ADD_TARGET", zu = "dnd-core/REMOVE_SOURCE", Xl = "dnd-core/REMOVE_TARGET";
-function uE(t) {
+function dE(t) {
   return {
     type: Eu,
     payload: {
@@ -52761,7 +52699,7 @@ function uE(t) {
     }
   };
 }
-function hE(t) {
+function uE(t) {
   return {
     type: Au,
     payload: {
@@ -52769,7 +52707,7 @@ function hE(t) {
     }
   };
 }
-function pE(t) {
+function hE(t) {
   return {
     type: zu,
     payload: {
@@ -52777,7 +52715,7 @@ function pE(t) {
     }
   };
 }
-function mE(t) {
+function pE(t) {
   return {
     type: Xl,
     payload: {
@@ -52785,10 +52723,10 @@ function mE(t) {
     }
   };
 }
-function gE(t) {
+function mE(t) {
   te(typeof t.canDrag == "function", "Expected canDrag to be a function."), te(typeof t.beginDrag == "function", "Expected beginDrag to be a function."), te(typeof t.endDrag == "function", "Expected endDrag to be a function.");
 }
-function bE(t) {
+function gE(t) {
   te(typeof t.canDrop == "function", "Expected canDrop to be a function."), te(typeof t.hover == "function", "Expected hover to be a function."), te(typeof t.drop == "function", "Expected beginDrag to be a function.");
 }
 function Qc(t, e) {
@@ -52804,12 +52742,12 @@ var Bt;
 (function(t) {
   t.SOURCE = "SOURCE", t.TARGET = "TARGET";
 })(Bt || (Bt = {}));
-let yE = 0;
-function vE() {
-  return yE++;
+let bE = 0;
+function yE() {
+  return bE++;
 }
-function wE(t) {
-  const e = vE().toString();
+function vE(t) {
+  const e = yE().toString();
   switch (t) {
     case Bt.SOURCE:
       return `S${e}`;
@@ -52840,16 +52778,16 @@ function S0(t, e) {
   } while (!r);
   return !1;
 }
-class ME {
+class wE {
   addSource(e, n) {
-    Qc(e), gE(n);
+    Qc(e), mE(n);
     const r = this.addHandler(Bt.SOURCE, e, n);
-    return this.store.dispatch(uE(r)), r;
+    return this.store.dispatch(dE(r)), r;
   }
   addTarget(e, n) {
-    Qc(e, !0), bE(n);
+    Qc(e, !0), gE(n);
     const r = this.addHandler(Bt.TARGET, e, n);
-    return this.store.dispatch(hE(r)), r;
+    return this.store.dispatch(uE(r)), r;
   }
   containsHandler(e) {
     return S0(this.dragSources, e) || S0(this.dropTargets, e);
@@ -52873,12 +52811,12 @@ class ME {
     return k0(e) === Bt.TARGET;
   }
   removeSource(e) {
-    te(this.getSource(e), "Expected an existing source."), this.store.dispatch(pE(e)), dE(() => {
+    te(this.getSource(e), "Expected an existing source."), this.store.dispatch(hE(e)), cE(() => {
       this.dragSources.delete(e), this.types.delete(e);
     });
   }
   removeTarget(e) {
-    te(this.getTarget(e), "Expected an existing target."), this.store.dispatch(mE(e)), this.dropTargets.delete(e), this.types.delete(e);
+    te(this.getTarget(e), "Expected an existing target."), this.store.dispatch(pE(e)), this.dropTargets.delete(e), this.types.delete(e);
   }
   pinSource(e) {
     const n = this.getSource(e);
@@ -52888,18 +52826,18 @@ class ME {
     te(this.pinnedSource, "No source is pinned at the time."), this.pinnedSourceId = null, this.pinnedSource = null;
   }
   addHandler(e, n, r) {
-    const i = wE(e);
+    const i = vE(e);
     return this.types.set(i, n), e === Bt.SOURCE ? this.dragSources.set(i, r) : e === Bt.TARGET && this.dropTargets.set(i, r), 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 xE = (t, e) => t === e;
-function CE(t, e) {
+const ME = (t, e) => t === e;
+function xE(t, e) {
   return !t && !e ? !0 : !t || !e ? !1 : t.x === e.x && t.y === e.y;
 }
-function LE(t, e, n = xE) {
+function CE(t, e, n = ME) {
   if (t.length !== e.length)
     return !1;
   for (let r = 0; r < t.length; ++r)
@@ -52907,7 +52845,7 @@ function LE(t, e, n = xE) {
       return !1;
   return !0;
 }
-function NE(t = La, e) {
+function LE(t = La, e) {
   switch (e.type) {
     case Zl:
       break;
@@ -52923,13 +52861,13 @@ function NE(t = La, e) {
     default:
       return Du;
   }
-  const { targetIds: n = [], prevTargetIds: r = [] } = e.payload, i = TD(n, r);
-  if (!(i.length > 0 || !LE(n, r)))
+  const { targetIds: n = [], prevTargetIds: r = [] } = e.payload, i = ID(n, r);
+  if (!(i.length > 0 || !CE(n, r)))
     return La;
   const o = r[r.length - 1], s = n[n.length - 1];
   return o !== s && (o && i.push(o), s && i.push(s)), i;
 }
-function kE(t, e, n) {
+function NE(t, e, n) {
   return e in t ? Object.defineProperty(t, e, {
     value: n,
     enumerable: !0,
@@ -52937,13 +52875,13 @@ function kE(t, e, n) {
     writable: !0
   }) : t[e] = n, t;
 }
-function SE(t) {
+function kE(t) {
   for (var e = 1; e < arguments.length; e++) {
     var n = arguments[e] != null ? arguments[e] : {}, r = Object.keys(n);
     typeof Object.getOwnPropertySymbols == "function" && (r = r.concat(Object.getOwnPropertySymbols(n).filter(function(i) {
       return Object.getOwnPropertyDescriptor(n, i).enumerable;
     }))), r.forEach(function(i) {
-      kE(t, i, n[i]);
+      NE(t, i, n[i]);
     });
   }
   return t;
@@ -52953,7 +52891,7 @@ const I0 = {
   initialClientOffset: null,
   clientOffset: null
 };
-function IE(t = I0, e) {
+function SE(t = I0, e) {
   const { payload: n } = e;
   switch (e.type) {
     case Tu:
@@ -52964,7 +52902,7 @@ function IE(t = I0, e) {
         clientOffset: n.clientOffset
       };
     case Zl:
-      return CE(t.clientOffset, n.clientOffset) ? t : SE({}, t, {
+      return xE(t.clientOffset, n.clientOffset) ? t : kE({}, t, {
         clientOffset: n.clientOffset
       });
     case ql:
@@ -52974,7 +52912,7 @@ function IE(t = I0, e) {
       return t;
   }
 }
-function TE(t, e, n) {
+function IE(t, e, n) {
   return e in t ? Object.defineProperty(t, e, {
     value: n,
     enumerable: !0,
@@ -52988,12 +52926,12 @@ function oi(t) {
     typeof Object.getOwnPropertySymbols == "function" && (r = r.concat(Object.getOwnPropertySymbols(n).filter(function(i) {
       return Object.getOwnPropertyDescriptor(n, i).enumerable;
     }))), r.forEach(function(i) {
-      TE(t, i, n[i]);
+      IE(t, i, n[i]);
     });
   }
   return t;
 }
-const jE = {
+const TE = {
   itemType: null,
   item: null,
   sourceId: null,
@@ -53002,7 +52940,7 @@ const jE = {
   didDrop: !1,
   isSourcePublic: null
 };
-function DE(t = jE, e) {
+function jE(t = TE, e) {
   const { payload: n } = e;
   switch (e.type) {
     case $l:
@@ -53024,7 +52962,7 @@ function DE(t = jE, e) {
       });
     case Xl:
       return t.targetIds.indexOf(n.targetId) === -1 ? t : oi({}, t, {
-        targetIds: ID(t.targetIds, n.targetId)
+        targetIds: SD(t.targetIds, n.targetId)
       });
     case Kl:
       return oi({}, t, {
@@ -53046,7 +52984,7 @@ function DE(t = jE, e) {
       return t;
   }
 }
-function EE(t = 0, e) {
+function DE(t = 0, e) {
   switch (e.type) {
     case Eu:
     case Au:
@@ -53058,10 +52996,10 @@ function EE(t = 0, e) {
       return t;
   }
 }
-function AE(t = 0) {
+function EE(t = 0) {
   return t + 1;
 }
-function zE(t, e, n) {
+function AE(t, e, n) {
   return e in t ? Object.defineProperty(t, e, {
     value: n,
     enumerable: !0,
@@ -53069,45 +53007,45 @@ function zE(t, e, n) {
     writable: !0
   }) : t[e] = n, t;
 }
-function OE(t) {
+function zE(t) {
   for (var e = 1; e < arguments.length; e++) {
     var n = arguments[e] != null ? arguments[e] : {}, r = Object.keys(n);
     typeof Object.getOwnPropertySymbols == "function" && (r = r.concat(Object.getOwnPropertySymbols(n).filter(function(i) {
       return Object.getOwnPropertyDescriptor(n, i).enumerable;
     }))), r.forEach(function(i) {
-      zE(t, i, n[i]);
+      AE(t, i, n[i]);
     });
   }
   return t;
 }
-function PE(t = {}, e) {
+function OE(t = {}, e) {
   return {
-    dirtyHandlerIds: NE(t.dirtyHandlerIds, {
+    dirtyHandlerIds: LE(t.dirtyHandlerIds, {
       type: e.type,
-      payload: OE({}, e.payload, {
-        prevTargetIds: SD(t, "dragOperation.targetIds", [])
+      payload: zE({}, e.payload, {
+        prevTargetIds: kD(t, "dragOperation.targetIds", [])
       })
     }),
-    dragOffset: IE(t.dragOffset, e),
-    refCount: EE(t.refCount, e),
-    dragOperation: DE(t.dragOperation, e),
-    stateId: AE(t.stateId)
+    dragOffset: SE(t.dragOffset, e),
+    refCount: DE(t.refCount, e),
+    dragOperation: jE(t.dragOperation, e),
+    stateId: EE(t.stateId)
   };
 }
-function RE(t, e = void 0, n = {}, r = !1) {
-  const i = BE(r), a = new iE(i, new ME(i)), o = new XD(i, a), s = t(o, e, n);
+function PE(t, e = void 0, n = {}, r = !1) {
+  const i = RE(r), a = new rE(i, new wE(i)), o = new qD(i, a), s = t(o, e, n);
   return o.receiveBackend(s), o;
 }
-function BE(t) {
+function RE(t) {
   const e = typeof window < "u" && window.__REDUX_DEVTOOLS_EXTENSION__;
-  return o4(PE, t && e && e({
+  return o4(OE, t && e && e({
     name: "dnd-core",
     instanceId: "dnd-core"
   }));
 }
-function HE(t, e) {
+function BE(t, e) {
   if (t == null) return {};
-  var n = UE(t, e), r, i;
+  var n = HE(t, e), r, i;
   if (Object.getOwnPropertySymbols) {
     var a = Object.getOwnPropertySymbols(t);
     for (i = 0; i < a.length; i++)
@@ -53115,7 +53053,7 @@ function HE(t, e) {
   }
   return n;
 }
-function UE(t, e) {
+function HE(t, e) {
   if (t == null) return {};
   var n = {}, r = Object.keys(t), i, a;
   for (a = 0; a < r.length; a++)
@@ -53125,10 +53063,10 @@ function UE(t, e) {
 let T0 = 0;
 const Zo = Symbol.for("__REACT_DND_CONTEXT_INSTANCE__");
 var u4 = /* @__PURE__ */ td(function(e) {
-  var { children: n } = e, r = HE(e, [
+  var { children: n } = e, r = BE(e, [
     "children"
   ]);
-  const [i, a] = FE(r);
+  const [i, a] = UE(r);
   return me(() => {
     if (a) {
       const o = h4();
@@ -53141,7 +53079,7 @@ var u4 = /* @__PURE__ */ td(function(e) {
     children: n
   });
 });
-function FE(t) {
+function UE(t) {
   if ("manager" in t)
     return [
       {
@@ -53149,26 +53087,26 @@ function FE(t) {
       },
       !1
     ];
-  const e = JE(t.backend, t.context, t.options, t.debugMode), n = !t.context;
+  const e = FE(t.backend, t.context, t.options, t.debugMode), n = !t.context;
   return [
     e,
     n
   ];
 }
-function JE(t, e = h4(), n, r) {
+function FE(t, e = h4(), n, r) {
   const i = e;
   return i[Zo] || (i[Zo] = {
-    dragDropManager: RE(t, e, n, r)
+    dragDropManager: PE(t, e, n, r)
   }), i[Zo];
 }
 function h4() {
   return typeof global < "u" ? global : window;
 }
-function VE(t) {
+function JE(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var Jf, j0;
-function YE() {
+function VE() {
   return j0 || (j0 = 1, Jf = function t(e, n) {
     if (e === n) return !0;
     if (e && n && typeof e == "object" && typeof n == "object") {
@@ -53195,14 +53133,14 @@ function YE() {
     return e !== e && n !== n;
   }), Jf;
 }
-var _E = YE();
-const QE = /* @__PURE__ */ VE(_E), Hr = typeof window < "u" ? ed : me;
-function GE(t, e, n) {
+var YE = VE();
+const _E = /* @__PURE__ */ JE(YE), Hr = typeof window < "u" ? ed : me;
+function QE(t, e, n) {
   const [r, i] = re(
     () => e(t)
   ), a = Ce(() => {
     const o = e(t);
-    QE(r, o) || (i(o), n && n());
+    _E(r, o) || (i(o), n && n());
   }, [
     r,
     t,
@@ -53213,8 +53151,8 @@ function GE(t, e, n) {
     a
   ];
 }
-function WE(t, e, n) {
-  const [r, i] = GE(t, e, n);
+function GE(t, e, n) {
+  const [r, i] = QE(t, e, n);
   return Hr(function() {
     const o = t.getHandlerId();
     if (o != null)
@@ -53229,7 +53167,7 @@ function WE(t, e, n) {
   ]), r;
 }
 function p4(t, e, n) {
-  return WE(
+  return GE(
     e,
     t || (() => ({})),
     () => n.reconnect()
@@ -53241,7 +53179,7 @@ function m4(t, e) {
   ];
   return e == null && typeof t != "function" && n.push(t), ye(() => typeof t == "function" ? t() : t, n);
 }
-function $E(t) {
+function WE(t) {
   return ye(
     () => t.hooks.dragSource(),
     [
@@ -53249,7 +53187,7 @@ function $E(t) {
     ]
   );
 }
-function ZE(t) {
+function $E(t) {
   return ye(
     () => t.hooks.dragPreview(),
     [
@@ -53258,7 +53196,7 @@ function ZE(t) {
   );
 }
 let Vf = !1, Yf = !1;
-class KE {
+class ZE {
   receiveHandlerId(e) {
     this.sourceId = e;
   }
@@ -53342,7 +53280,7 @@ class KE {
   }
 }
 let _f = !1;
-class qE {
+class KE {
   receiveHandlerId(e) {
     this.targetId = e;
   }
@@ -53396,14 +53334,14 @@ class qE {
     this.targetId = null, this.internalMonitor = e.getMonitor();
   }
 }
-function XE(t, e, n) {
+function qE(t, e, n) {
   const r = n.getRegistry(), i = r.addTarget(t, e);
   return [
     i,
     () => r.removeTarget(i)
   ];
 }
-function e5(t, e, n) {
+function XE(t, e, n) {
   const r = n.getRegistry(), i = r.addSource(t, e);
   return [
     i,
@@ -53438,20 +53376,20 @@ function Wc(t) {
     t !== null && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current")
   );
 }
-function t5(t) {
+function e5(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 n5(t) {
+function t5(t) {
   return (e = null, n = null) => {
     if (!nv(e)) {
       const a = e;
       return t(a, n), a;
     }
     const r = e;
-    return t5(r), r5(r, n ? (a) => t(a, n) : t);
+    return e5(r), n5(r, n ? (a) => t(a, n) : t);
   };
 }
 function g4(t) {
@@ -53461,7 +53399,7 @@ function g4(t) {
     if (n.endsWith("Ref"))
       e[n] = t[n];
     else {
-      const i = n5(r);
+      const i = t5(r);
       e[n] = () => i;
     }
   }), e;
@@ -53469,7 +53407,7 @@ function g4(t) {
 function D0(t, e) {
   typeof t == "function" ? t(e) : t.current = e;
 }
-function r5(t, e) {
+function n5(t, e) {
   const n = t.ref;
   return te(typeof n != "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"), n ? Bu(t, {
     ref: (r) => {
@@ -53479,7 +53417,7 @@ function r5(t, e) {
     ref: e
   });
 }
-class i5 {
+class r5 {
   receiveHandlerId(e) {
     this.handlerId !== e && (this.handlerId = e, this.reconnect());
   }
@@ -53560,7 +53498,7 @@ class i5 {
     }), 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 a5 {
+class i5 {
   get connectTarget() {
     return this.dropTarget;
   }
@@ -53615,9 +53553,9 @@ function Hi() {
   const { dragDropManager: t } = Xe(a4);
   return te(t != null, "Expected drag drop context"), t;
 }
-function o5(t, e) {
+function a5(t, e) {
   const n = Hi(), r = ye(
-    () => new i5(n.getBackend()),
+    () => new r5(n.getBackend()),
     [
       n
     ]
@@ -53630,16 +53568,16 @@ function o5(t, e) {
     e
   ]), r;
 }
-function s5() {
+function o5() {
   const t = Hi();
   return ye(
-    () => new KE(t),
+    () => new ZE(t),
     [
       t
     ]
   );
 }
-class l5 {
+class s5 {
   beginDrag() {
     const e = this.spec, n = this.monitor;
     let r = null;
@@ -53661,9 +53599,9 @@ class l5 {
     this.spec = e, this.monitor = n, this.connector = r;
   }
 }
-function f5(t, e, n) {
+function l5(t, e, n) {
   const r = ye(
-    () => new l5(t, e, n),
+    () => new s5(t, e, n),
     [
       e,
       n
@@ -53675,7 +53613,7 @@ function f5(t, e, n) {
     t
   ]), r;
 }
-function c5(t) {
+function f5(t) {
   return ye(() => {
     const e = t.type;
     return te(e != null, "spec.type must be defined"), e;
@@ -53683,11 +53621,11 @@ function c5(t) {
     t
   ]);
 }
-function d5(t, e, n) {
-  const r = Hi(), i = f5(t, e, n), a = c5(t);
+function c5(t, e, n) {
+  const r = Hi(), i = l5(t, e, n), a = f5(t);
   Hr(function() {
     if (a != null) {
-      const [s, l] = e5(a, i, r);
+      const [s, l] = XE(a, i, r);
       return e.receiveHandlerId(s), n.receiveHandlerId(s), l;
     }
   }, [
@@ -53698,17 +53636,17 @@ function d5(t, e, n) {
     a
   ]);
 }
-function u5(t, e) {
+function d5(t, e) {
   const n = m4(t, e);
   te(!n.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 r = s5(), i = o5(n.options, n.previewOptions);
-  return d5(n, r, i), [
+  const r = o5(), i = a5(n.options, n.previewOptions);
+  return c5(n, r, i), [
     p4(n.collect, r, i),
-    $E(i),
-    ZE(i)
+    WE(i),
+    $E(i)
   ];
 }
-function h5(t) {
+function u5(t) {
   return ye(
     () => t.hooks.dropTarget(),
     [
@@ -53716,9 +53654,9 @@ function h5(t) {
     ]
   );
 }
-function p5(t) {
+function h5(t) {
   const e = Hi(), n = ye(
-    () => new a5(e.getBackend()),
+    () => new i5(e.getBackend()),
     [
       e
     ]
@@ -53727,16 +53665,16 @@ function p5(t) {
     t
   ]), n;
 }
-function m5() {
+function p5() {
   const t = Hi();
   return ye(
-    () => new qE(t),
+    () => new KE(t),
     [
       t
     ]
   );
 }
-function g5(t) {
+function m5(t) {
   const { accept: e } = t;
   return ye(() => (te(t.accept != null, "accept must be defined"), Array.isArray(e) ? e : [
     e
@@ -53744,7 +53682,7 @@ function g5(t) {
     e
   ]);
 }
-class b5 {
+class g5 {
   canDrop() {
     const e = this.spec, n = this.monitor;
     return e.canDrop ? e.canDrop(n.getItem(), n) : !0;
@@ -53762,9 +53700,9 @@ class b5 {
     this.spec = e, this.monitor = n;
   }
 }
-function y5(t, e) {
+function b5(t, e) {
   const n = ye(
-    () => new b5(t, e),
+    () => new g5(t, e),
     [
       e
     ]
@@ -53775,10 +53713,10 @@ function y5(t, e) {
     t
   ]), n;
 }
-function v5(t, e, n) {
-  const r = Hi(), i = y5(t, e), a = g5(t);
+function y5(t, e, n) {
+  const r = Hi(), i = b5(t, e), a = m5(t);
   Hr(function() {
-    const [s, l] = XE(a, i, r);
+    const [s, l] = qE(a, i, r);
     return e.receiveHandlerId(s), n.receiveHandlerId(s), l;
   }, [
     r,
@@ -53791,22 +53729,22 @@ function v5(t, e, n) {
   ]);
 }
 function Ou(t, e) {
-  const n = m4(t, e), r = m5(), i = p5(n.options);
-  return v5(n, r, i), [
+  const n = m4(t, e), r = p5(), i = h5(n.options);
+  return y5(n, r, i), [
     p4(n.collect, r, i),
-    h5(i)
+    u5(i)
   ];
 }
 function b4(t) {
   let e = null;
   return () => (e == null && (e = t()), e);
 }
-function w5(t, e) {
+function v5(t, e) {
   return t.filter(
     (n) => n !== e
   );
 }
-function M5(t, e) {
+function w5(t, e) {
   const n = /* @__PURE__ */ new Set(), r = (a) => n.add(a);
   t.forEach(r), e.forEach(r);
   const i = [];
@@ -53814,16 +53752,16 @@ function M5(t, e) {
     (a) => i.push(a)
   ), i;
 }
-class x5 {
+class M5 {
   enter(e) {
     const n = this.entered.length, r = (i) => this.isNodeInDocument(i) && (!i.contains || i.contains(e));
-    return this.entered = M5(this.entered.filter(r), [
+    return this.entered = w5(this.entered.filter(r), [
       e
     ]), n === 0 && this.entered.length > 0;
   }
   leave(e) {
     const n = this.entered.length;
-    return this.entered = w5(this.entered.filter(this.isNodeInDocument), e), n > 0 && this.entered.length === 0;
+    return this.entered = v5(this.entered.filter(this.isNodeInDocument), e), n > 0 && this.entered.length === 0;
   }
   reset() {
     this.entered = [];
@@ -53832,7 +53770,7 @@ class x5 {
     this.entered = [], this.isNodeInDocument = e;
   }
 }
-class C5 {
+class x5 {
   initializeExposedProperties() {
     Object.keys(this.config.exposeProperties).forEach((e) => {
       Object.defineProperty(this.item, e, {
@@ -53929,11 +53867,11 @@ const $c = {
     ]
   }
 };
-function L5(t, e) {
+function C5(t, e) {
   const n = $c[t];
   if (!n)
     throw new Error(`native type ${t} has no configuration`);
-  const r = new C5(n);
+  const r = new x5(n);
   return r.loadDataTransfer(e), r;
 }
 function Gf(t) {
@@ -53947,7 +53885,7 @@ function Gf(t) {
     ) : !1;
   })[0] || null;
 }
-const N5 = b4(
+const L5 = b4(
   () => /firefox/i.test(navigator.userAgent)
 ), x4 = b4(
   () => !!window.safari
@@ -54008,9 +53946,9 @@ class A0 {
     this.xs = e, this.ys = n, this.c1s = c, this.c2s = d, this.c3s = u;
   }
 }
-const k5 = 1;
+const N5 = 1;
 function C4(t) {
-  const e = t.nodeType === k5 ? t : t.parentElement;
+  const e = t.nodeType === N5 ? t : t.parentElement;
   if (!e)
     return null;
   const { top: n, left: r } = e.getBoundingClientRect();
@@ -54025,22 +53963,22 @@ function Bo(t) {
     y: t.clientY
   };
 }
-function S5(t) {
+function k5(t) {
   var e;
-  return t.nodeName === "IMG" && (N5() || !(!((e = document.documentElement) === null || e === void 0) && e.contains(t)));
+  return t.nodeName === "IMG" && (L5() || !(!((e = document.documentElement) === null || e === void 0) && e.contains(t)));
 }
-function I5(t, e, n, r) {
+function S5(t, e, n, r) {
   let i = t ? e.width : n, a = t ? e.height : r;
   return x4() && t && (a /= window.devicePixelRatio, i /= window.devicePixelRatio), {
     dragPreviewWidth: i,
     dragPreviewHeight: a
   };
 }
-function T5(t, e, n, r, i) {
-  const a = S5(e), s = C4(a ? t : e), l = {
+function I5(t, e, n, r, i) {
+  const a = k5(e), s = C4(a ? t : e), l = {
     x: n.x - s.x,
     y: n.y - s.y
-  }, { offsetWidth: c, offsetHeight: d } = t, { anchorX: u, anchorY: p } = r, { dragPreviewWidth: h, dragPreviewHeight: m } = I5(a, e, c, d), g = () => {
+  }, { offsetWidth: c, offsetHeight: d } = t, { anchorX: u, anchorY: p } = r, { dragPreviewWidth: h, dragPreviewHeight: m } = S5(a, e, c, d), g = () => {
     let L = new A0([
       0,
       0.5,
@@ -54071,7 +54009,7 @@ function T5(t, e, n, r, i) {
     y: w ? x : g()
   };
 }
-class j5 {
+class T5 {
   get window() {
     if (this.globalContext)
       return this.globalContext;
@@ -54090,7 +54028,7 @@ class j5 {
     this.ownerDocument = null, this.globalContext = e, this.optionsArgs = n;
   }
 }
-function D5(t, e, n) {
+function j5(t, e, n) {
   return e in t ? Object.defineProperty(t, e, {
     value: n,
     enumerable: !0,
@@ -54104,12 +54042,12 @@ function z0(t) {
     typeof Object.getOwnPropertySymbols == "function" && (r = r.concat(Object.getOwnPropertySymbols(n).filter(function(i) {
       return Object.getOwnPropertyDescriptor(n, i).enumerable;
     }))), r.forEach(function(i) {
-      D5(t, i, n[i]);
+      j5(t, i, n[i]);
     });
   }
   return t;
 }
-class E5 {
+class D5 {
   /**
   * Generate profiling statistics for the HTML5Backend.
   */
@@ -54202,7 +54140,7 @@ class E5 {
     );
   }
   beginDragNativeItem(e, n) {
-    this.clearCurrentDragSourceNode(), this.currentNativeSource = L5(e, n), this.currentNativeHandle = this.registry.addSource(e, this.currentNativeSource), this.actions.beginDrag([
+    this.clearCurrentDragSourceNode(), this.currentNativeSource = C5(e, n), this.currentNativeHandle = this.registry.addSource(e, this.currentNativeSource), this.actions.beginDrag([
       this.currentNativeHandle
     ]);
   }
@@ -54271,7 +54209,7 @@ class E5 {
         if (s && typeof s.setDragImage == "function") {
           const d = this.monitor.getSourceId(), u = this.sourceNodes.get(d), p = this.sourcePreviewNodes.get(d) || u;
           if (p) {
-            const { anchorX: h, anchorY: m, offsetX: g, offsetY: y } = this.getCurrentSourcePreviewNodeOptions(), C = T5(u, p, o, {
+            const { anchorX: h, anchorY: m, offsetX: g, offsetY: y } = this.getCurrentSourcePreviewNodeOptions(), C = I5(u, p, o, {
               anchorX: h,
               anchorY: m
             }, {
@@ -54353,11 +54291,11 @@ class E5 {
     }, this.handleSelectStart = (i) => {
       const a = i.target;
       typeof a.dragDrop == "function" && (a.tagName === "INPUT" || a.tagName === "SELECT" || a.tagName === "TEXTAREA" || a.isContentEditable || (i.preventDefault(), a.dragDrop()));
-    }, this.options = new j5(n, r), this.actions = e.getActions(), this.monitor = e.getMonitor(), this.registry = e.getRegistry(), this.enterLeaveCounter = new x5(this.isNodeInDocument);
+    }, this.options = new T5(n, r), this.actions = e.getActions(), this.monitor = e.getMonitor(), this.registry = e.getRegistry(), this.enterLeaveCounter = new M5(this.isNodeInDocument);
   }
 }
 const L4 = function(e, n, r) {
-  return new E5(e, n, r);
+  return new D5(e, n, r);
 }, qa = {
   TASK: "task"
 }, N4 = {
@@ -54402,7 +54340,7 @@ function ef({
   style: i
 }) {
   var p;
-  const [{ isDragging: a }, o] = u5(() => ({
+  const [{ isDragging: a }, o] = d5(() => ({
     type: qa.TASK,
     item: { id: t.id, type: qa.TASK },
     collect: (h) => ({
@@ -54524,7 +54462,7 @@ function ef({
     }
   );
 }
-function A5({
+function E5({
   days: t,
   tasks: e,
   onDropTask: n,
@@ -54538,7 +54476,7 @@ function A5({
   ), children: t.map((o) => {
     const s = e.filter((l) => l.date && sl(new Date(l.date), o)).sort((l, c) => l.date && c.date ? new Date(l.date).getTime() - new Date(c.date).getTime() : 0);
     return /* @__PURE__ */ f(
-      z5,
+      A5,
       {
         day: o,
         tasks: s,
@@ -54551,7 +54489,7 @@ function A5({
     );
   }) });
 }
-function z5({ day: t, tasks: e, onDropTask: n, onTaskClick: r, onAddClick: i, isToday: a }) {
+function A5({ day: t, tasks: e, onDropTask: n, onTaskClick: r, onAddClick: i, isToday: a }) {
   const [{ isOver: o }, s] = Ou(() => ({
     accept: qa.TASK,
     drop: (l) => n(l.id, t),
@@ -54608,7 +54546,7 @@ function z5({ day: t, tasks: e, onDropTask: n, onTaskClick: r, onAddClick: i, is
     }
   );
 }
-function O5({
+function z5({
   days: t,
   tasks: e,
   onDropTask: n,
@@ -54626,7 +54564,7 @@ function O5({
       t.map((o, s) => {
         const l = e.filter((c) => c.date && sl(new Date(c.date), o));
         return /* @__PURE__ */ f(
-          P5,
+          O5,
           {
             day: o,
             tasks: l,
@@ -54647,7 +54585,7 @@ function O5({
     ] })
   ] });
 }
-function P5({
+function O5({
   day: t,
   tasks: e,
   onDropTask: n,
@@ -54734,7 +54672,7 @@ function k4({
       (c) => c.date && sl(new Date(c.date), s)
     );
     return /* @__PURE__ */ f(
-      R5,
+      P5,
       {
         date: s,
         tasks: l,
@@ -54748,7 +54686,7 @@ function k4({
     );
   }) });
 }
-function R5({
+function P5({
   date: t,
   tasks: e,
   isCurrentMonth: n,
@@ -55027,7 +54965,7 @@ function j4({ title: t, onPrev: e, onNext: n, onToday: r, onAdd: i, view: a, set
       /* @__PURE__ */ f("h2", { className: "text-lg font-bold text-gray-900 whitespace-nowrap", children: t })
     ] }),
     /* @__PURE__ */ b("div", { className: "flex items-center gap-3 w-full xl:w-auto overflow-x-auto pb-1 xl:pb-0 justify-end", children: [
-      /* @__PURE__ */ f(vD, { value: a, onValueChange: (s) => o(s), className: "flex-shrink-0", children: /* @__PURE__ */ b(wD, { className: "h-9", children: [
+      /* @__PURE__ */ f(yD, { value: a, onValueChange: (s) => o(s), className: "flex-shrink-0", children: /* @__PURE__ */ b(vD, { className: "h-9", children: [
         /* @__PURE__ */ f(Ff, { value: "month", className: "text-xs", children: "Month" }),
         /* @__PURE__ */ f(Ff, { value: "week", className: "text-xs", children: "Week" }),
         /* @__PURE__ */ f(Ff, { value: "day", className: "text-xs", children: "Day" })
@@ -55050,7 +54988,7 @@ function j4({ title: t, onPrev: e, onNext: n, onToday: r, onAdd: i, view: a, set
 function D4({ days: t }) {
   return /* @__PURE__ */ f("div", { className: "grid grid-cols-7 border-b bg-gray-50 flex-shrink-0 divide-x", children: t.slice(0, 7).map((e, n) => /* @__PURE__ */ f("div", { className: "py-2 text-center group", children: /* @__PURE__ */ f("div", { className: M("text-xs font-semibold uppercase tracking-wider", ol(e) ? "text-[#7F26BF]" : "text-gray-500"), children: le(e, "EEE") }) }, n)) });
 }
-function S7(t) {
+function k7(t) {
   const e = I4({ ...t, defaultView: "month" });
   return /* @__PURE__ */ f(u4, { backend: L4, children: /* @__PURE__ */ b("div", { className: M("flex h-[calc(100vh-100px)] bg-background border rounded-lg overflow-hidden shadow-sm", t.className), children: [
     /* @__PURE__ */ f(
@@ -55091,7 +55029,7 @@ function S7(t) {
           mode: "editorial"
         }
       ) : /* @__PURE__ */ f(
-        A5,
+        E5,
         {
           days: e.calendarDays,
           tasks: e.scheduledTasks,
@@ -55114,7 +55052,7 @@ function S7(t) {
     )
   ] }) });
 }
-function I7(t) {
+function S7(t) {
   const e = I4({ ...t, defaultView: "week" });
   return /* @__PURE__ */ f(u4, { backend: L4, children: /* @__PURE__ */ b("div", { className: M("flex h-[calc(100vh-100px)] bg-background border rounded-lg overflow-hidden shadow-sm", t.className), children: [
     /* @__PURE__ */ f(
@@ -55155,7 +55093,7 @@ function I7(t) {
           mode: "execution"
         }
       ) : /* @__PURE__ */ f(
-        O5,
+        z5,
         {
           days: e.calendarDays,
           tasks: e.scheduledTasks,
@@ -55177,6 +55115,68 @@ function I7(t) {
     )
   ] }) });
 }
+const R5 = {
+  "first-use": "bg-primary/8 text-primary",
+  cleared: "bg-success/10 text-success",
+  "no-results": "bg-muted text-muted-foreground",
+  error: "bg-destructive/10 text-destructive"
+};
+function I7({
+  icon: t,
+  title: e,
+  description: n,
+  variant: r = "first-use",
+  primaryAction: i,
+  secondaryAction: a,
+  className: o
+}) {
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      className: M(
+        "flex flex-col items-center justify-center gap-4 py-12 px-6 text-center",
+        o
+      ),
+      role: "status",
+      "aria-live": "polite",
+      children: [
+        /* @__PURE__ */ f(
+          "div",
+          {
+            className: M(
+              "flex size-16 items-center justify-center rounded-2xl",
+              R5[r]
+            ),
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ f(t, { className: "size-8" })
+          }
+        ),
+        /* @__PURE__ */ b("div", { className: "max-w-sm space-y-1.5", children: [
+          /* @__PURE__ */ f("h3", { className: "text-base font-semibold leading-snug text-foreground", children: e }),
+          /* @__PURE__ */ f("p", { className: "text-sm text-muted-foreground leading-relaxed", children: n })
+        ] }),
+        (i || a) && /* @__PURE__ */ b("div", { className: "flex flex-wrap items-center justify-center gap-3 pt-1", children: [
+          i && /* @__PURE__ */ f(
+            B,
+            {
+              variant: i.variant ?? "default",
+              onClick: i.onClick,
+              children: i.label
+            }
+          ),
+          a && /* @__PURE__ */ f(
+            B,
+            {
+              variant: a.variant ?? "outline",
+              onClick: a.onClick,
+              children: a.label
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
 const T7 = bv, E4 = I.createContext(
   {}
 ), j7 = ({
@@ -55730,50 +55730,6 @@ function B7({
   ) });
 }
 function H7({
-  validationState: t,
-  validate: e,
-  onChange: n,
-  className: r,
-  ...i
-}) {
-  const [a, o] = I.useState("idle"), s = t ?? a;
-  function l(c) {
-    if (t === void 0 && e) {
-      const d = e(c.target.value);
-      o(d === null ? "idle" : d ? "valid" : "invalid");
-    }
-    n == null || n(c);
-  }
-  return /* @__PURE__ */ b("div", { className: "relative flex items-center", children: [
-    /* @__PURE__ */ f(
-      Xt,
-      {
-        className: M(
-          s !== "idle" && "pr-9",
-          r
-        ),
-        "aria-invalid": s === "invalid" || void 0,
-        onChange: l,
-        ...i
-      }
-    ),
-    s === "valid" && /* @__PURE__ */ f(
-      q0,
-      {
-        className: "absolute right-3 size-4 text-green-600 pointer-events-none",
-        "aria-hidden": "true"
-      }
-    ),
-    s === "invalid" && /* @__PURE__ */ f(
-      Dy,
-      {
-        className: "absolute right-3 size-4 text-destructive pointer-events-none",
-        "aria-hidden": "true"
-      }
-    )
-  ] });
-}
-function U7({
   className: t,
   containerClassName: e,
   ...n
@@ -55791,7 +55747,7 @@ function U7({
     }
   );
 }
-function F7({ className: t, ...e }) {
+function U7({ className: t, ...e }) {
   return /* @__PURE__ */ f(
     "div",
     {
@@ -55801,7 +55757,7 @@ function F7({ className: t, ...e }) {
     }
   );
 }
-function J7({
+function F7({
   index: t,
   className: e,
   ...n
@@ -55824,8 +55780,52 @@ function J7({
     }
   );
 }
-function V7({ ...t }) {
-  return /* @__PURE__ */ f("div", { "data-slot": "input-otp-separator", role: "separator", ...t, children: /* @__PURE__ */ f(Ey, {}) });
+function J7({ ...t }) {
+  return /* @__PURE__ */ f("div", { "data-slot": "input-otp-separator", role: "separator", ...t, children: /* @__PURE__ */ f(Dy, {}) });
+}
+function V7({
+  validationState: t,
+  validate: e,
+  onChange: n,
+  className: r,
+  ...i
+}) {
+  const [a, o] = I.useState("idle"), s = t ?? a;
+  function l(c) {
+    if (t === void 0 && e) {
+      const d = e(c.target.value);
+      o(d === null ? "idle" : d ? "valid" : "invalid");
+    }
+    n == null || n(c);
+  }
+  return /* @__PURE__ */ b("div", { className: "relative flex items-center", children: [
+    /* @__PURE__ */ f(
+      Xt,
+      {
+        className: M(
+          s !== "idle" && "pr-9",
+          r
+        ),
+        "aria-invalid": s === "invalid" || void 0,
+        onChange: l,
+        ...i
+      }
+    ),
+    s === "valid" && /* @__PURE__ */ f(
+      q0,
+      {
+        className: "absolute right-3 size-4 text-green-600 pointer-events-none",
+        "aria-hidden": "true"
+      }
+    ),
+    s === "invalid" && /* @__PURE__ */ f(
+      Ey,
+      {
+        className: "absolute right-3 size-4 text-destructive pointer-events-none",
+        "aria-hidden": "true"
+      }
+    )
+  ] });
 }
 function P4({
   className: t,
@@ -58960,12 +58960,12 @@ export {
   N8 as DropdownMenuSubTrigger,
   cl as DropdownMenuTrigger,
   bD as EditableBadge,
-  S7 as EditorialCalendar,
+  k7 as EditorialCalendar,
   jA as EmptyCalendarIllustration,
   SA as EmptyInboxIllustration,
   TA as EmptyProjectsIllustration,
   IA as EmptySearchIllustration,
-  N7 as EmptyState,
+  I7 as EmptyState,
   DA as ErrorStateIllustration,
   Y7 as FileAttachmentList,
   sO as FileUploadZone,
@@ -58993,11 +58993,11 @@ export {
   v7 as InputGroupInput,
   y7 as InputGroupText,
   w7 as InputGroupTextarea,
-  U7 as InputOTP,
-  F7 as InputOTPGroup,
-  V7 as InputOTPSeparator,
-  J7 as InputOTPSlot,
-  H7 as InputValidation,
+  H7 as InputOTP,
+  U7 as InputOTPGroup,
+  J7 as InputOTPSeparator,
+  F7 as InputOTPSlot,
+  V7 as InputValidation,
   Y5 as KPICard,
   V5 as KanbanCard,
   nt as Label,
@@ -59106,11 +59106,11 @@ export {
   h1 as TableHeader,
   g1 as TablePagination,
   ea as TableRow,
-  vD as Tabs,
-  k7 as TabsContent,
-  wD as TabsList,
+  yD as Tabs,
+  N7 as TabsContent,
+  vD as TabsList,
   Ff as TabsTrigger,
-  I7 as TaskCalendar,
+  S7 as TaskCalendar,
   qz as TaskEditDialog,
   n4 as Textarea,
   is as TimePicker,