npm - @object-ui/plugin-view - Versions diffs - 3.1.0 → 3.1.1 - Mend

@object-ui/plugin-view 3.1.0 → 3.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/.turbo/turbo-build.log +5 -5
package/CHANGELOG.md +12 -0
package/dist/index.js +1249 -1218
package/dist/index.umd.cjs +3 -3
package/package.json +7 -7
package/src/FilterUI.tsx +33 -0
package/src/ObjectView.tsx +9 -2
package/src/__tests__/FilterUI.test.tsx +97 -0

package/dist/index.js CHANGED Viewed

@@ -1,17 +1,17 @@
-import * as J from "react";
-import ge, { useState as ee, useMemo as k, useEffect as Y, useCallback as P, useRef as q, useLayoutEffect as Vr, createContext as wt, memo as Mr, useReducer as Pr, useContext as Ge } from "react";
-import { buildExpandFields as Lr, ComponentRegistry as Ke } from "@object-ui/core";
-import { ObjectGrid as _r } from "@object-ui/plugin-grid";
+import * as Q from "react";
+import ve, { useState as ee, useMemo as V, useEffect as W, useCallback as L, useRef as q, useLayoutEffect as Mr, createContext as wt, memo as Pr, useReducer as Lr, useContext as Ge } from "react";
+import { buildExpandFields as _r, ComponentRegistry as Ke } from "@object-ui/core";
+import { ObjectGrid as $r } from "@object-ui/plugin-grid";
 import { ObjectForm as Gt } from "@object-ui/plugin-form";
-import { Button as je, Select as Ot, SelectTrigger as It, SelectValue as kt, cn as oe, SelectContent as Vt, SelectItem as pt, Tabs as Qn, TabsList as Zn, TabsTrigger as er, NavigationOverlay as Cn, Drawer as tr, DrawerContent as nr, DrawerHeader as rr, DrawerTitle as ir, DrawerDescription as or, Dialog as $r, DialogContent as zr, DialogHeader as Br, DialogTitle as Ur, DialogDescription as Yr, Label as Wr, Popover as sr, PopoverTrigger as ar, PopoverContent as lr, Input as We, Checkbox as Gr, SortBuilder as Hr, Badge as Ht, TooltipProvider as Xr, DropdownMenu as qr, DropdownMenuTrigger as Kr, DropdownMenuContent as Jr, DropdownMenuItem as Qr, Tooltip as Sn, TooltipTrigger as Nn, TooltipContent as Dn, ContextMenu as Zr, ContextMenuTrigger as ei, ContextMenuContent as ti, ContextMenuItem as qe, ContextMenuSeparator as Rn, ContextMenuSub as ni, ContextMenuSubTrigger as ri, ContextMenuSubContent as ii } from "@object-ui/components";
-import { Trash2 as cr, Copy as un, Settings as oi, Share2 as Mt, Plus as fn, icons as si, GanttChartSquare as ai, Images as li, Map as ci, Activity as di, Calendar as rn, LayoutGrid as dr, Grid as ui, FileText as fi, List as pi, SlidersHorizontal as En, X as hi, ArrowUp as gi, ArrowDown as bi, Lock as on, Check as vi, MoreHorizontal as mi, Pin as Xt, Table as xi, Save as wi, Globe as yi, Pencil as ji, Star as An, PinOff as Ci, GripVertical as Si, Settings2 as Ni } from "lucide-react";
-import { SchemaRenderer as Tn } from "@object-ui/react";
+import { Button as Ce, Select as Ot, SelectTrigger as It, SelectValue as kt, cn as re, SelectContent as Vt, SelectItem as pt, Tabs as Zn, TabsList as er, TabsTrigger as tr, NavigationOverlay as Cn, Drawer as nr, DrawerContent as rr, DrawerHeader as ir, DrawerTitle as or, DrawerDescription as sr, Dialog as zr, DialogContent as Br, DialogHeader as Ur, DialogTitle as Yr, DialogDescription as Wr, Label as Gr, Popover as ar, PopoverTrigger as lr, PopoverContent as cr, Input as We, Checkbox as Sn, SortBuilder as Hr, Badge as Ht, TooltipProvider as Xr, DropdownMenu as qr, DropdownMenuTrigger as Kr, DropdownMenuContent as Jr, DropdownMenuItem as Qr, Tooltip as Nn, TooltipTrigger as Dn, TooltipContent as Rn, ContextMenu as Zr, ContextMenuTrigger as ei, ContextMenuContent as ti, ContextMenuItem as qe, ContextMenuSeparator as En, ContextMenuSub as ni, ContextMenuSubTrigger as ri, ContextMenuSubContent as ii } from "@object-ui/components";
+import { Trash2 as dr, Copy as un, Settings as oi, Share2 as Mt, Plus as fn, icons as si, GanttChartSquare as ai, Images as li, Map as ci, Activity as di, Calendar as rn, LayoutGrid as ur, Grid as ui, FileText as fi, List as pi, SlidersHorizontal as An, X as hi, ArrowUp as gi, ArrowDown as vi, Lock as on, Check as bi, MoreHorizontal as mi, Pin as Xt, Table as xi, Save as wi, Globe as yi, Pencil as ji, Star as Tn, PinOff as Ci, GripVertical as Si, Settings2 as Ni } from "lucide-react";
+import { SchemaRenderer as Fn } from "@object-ui/react";
 import { unstable_batchedUpdates as Nt, createPortal as Di } from "react-dom";
 var Dt = { exports: {} }, ut = {};
-var Fn;
+var On;
 function Ri() {
-  if (Fn) return ut;
-  Fn = 1;
+  if (On) return ut;
+  On = 1;
   var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
   function n(r, o, s) {
     var l = null;
@@ -31,22 +31,22 @@ function Ri() {
   return ut.Fragment = t, ut.jsx = n, ut.jsxs = n, ut;
 }
 var ft = {};
-var On;
+var In;
 function Ei() {
-  return On || (On = 1, process.env.NODE_ENV !== "production" && (function() {
+  return In || (In = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(h) {
       if (h == null) return null;
       if (typeof h == "function")
-        return h.$$typeof === L ? null : h.displayName || h.name || null;
+        return h.$$typeof === _ ? null : h.displayName || h.name || null;
       if (typeof h == "string") return h;
       switch (h) {
         case j:
           return "Fragment";
-        case w:
+        case m:
           return "Profiler";
         case N:
           return "StrictMode";
-        case V:
+        case k:
           return "Suspense";
         case x:
           return "SuspenseList";
@@ -59,19 +59,19 @@ function Ei() {
         ), h.$$typeof) {
           case f:
             return "Portal";
-          case T:
+          case A:
             return h.displayName || "Context";
           case C:
             return (h._context.displayName || "Context") + ".Consumer";
-          case O:
-            var d = h.render;
-            return h = h.displayName, h || (h = d.displayName || d.name || "", h = h !== "" ? "ForwardRef(" + h + ")" : "ForwardRef"), h;
-          case E:
-            return d = h.displayName || null, d !== null ? d : e(h.type) || "Memo";
+          case F:
+            var u = h.render;
+            return h = h.displayName, h || (h = u.displayName || u.name || "", h = h !== "" ? "ForwardRef(" + h + ")" : "ForwardRef"), h;
+          case R:
+            return u = h.displayName || null, u !== null ? u : e(h.type) || "Memo";
           case I:
-            d = h._payload, h = h._init;
+            u = h._payload, h = h._init;
             try {
-              return e(h(d));
+              return e(h(u));
             } catch {
             }
         }
@@ -83,17 +83,17 @@ function Ei() {
     function n(h) {
       try {
         t(h);
-        var d = !1;
+        var u = !1;
       } catch {
-        d = !0;
+        u = !0;
       }
-      if (d) {
-        d = console;
-        var F = d.error, A = typeof Symbol == "function" && Symbol.toStringTag && h[Symbol.toStringTag] || h.constructor.name || "Object";
-        return F.call(
-          d,
+      if (u) {
+        u = console;
+        var O = u.error, T = typeof Symbol == "function" && Symbol.toStringTag && h[Symbol.toStringTag] || h.constructor.name || "Object";
+        return O.call(
+          u,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          A
+          T
         ), t(h);
       }
     }
@@ -102,55 +102,55 @@ function Ei() {
       if (typeof h == "object" && h !== null && h.$$typeof === I)
         return "<...>";
       try {
-        var d = e(h);
-        return d ? "<" + d + ">" : "<...>";
+        var u = e(h);
+        return u ? "<" + u + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function o() {
-      var h = z.A;
+      var h = B.A;
       return h === null ? null : h.getOwner();
     }
     function s() {
       return Error("react-stack-top-frame");
     }
     function l(h) {
-      if (re.call(h, "key")) {
-        var d = Object.getOwnPropertyDescriptor(h, "key").get;
-        if (d && d.isReactWarning) return !1;
+      if (ie.call(h, "key")) {
+        var u = Object.getOwnPropertyDescriptor(h, "key").get;
+        if (u && u.isReactWarning) return !1;
       }
       return h.key !== void 0;
     }
-    function a(h, d) {
-      function F() {
-        pe || (pe = !0, console.error(
+    function a(h, u) {
+      function O() {
+        he || (he = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          d
+          u
         ));
       }
-      F.isReactWarning = !0, Object.defineProperty(h, "key", {
-        get: F,
+      O.isReactWarning = !0, Object.defineProperty(h, "key", {
+        get: O,
         configurable: !0
       });
     }
-    function u() {
+    function d() {
       var h = e(this.type);
       return ne[h] || (ne[h] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), h = this.props.ref, h !== void 0 ? h : null;
     }
-    function p(h, d, F, A, le, U) {
-      var G = F.ref;
+    function p(h, u, O, T, ce, Y) {
+      var H = O.ref;
       return h = {
         $$typeof: S,
         type: h,
-        key: d,
-        props: F,
-        _owner: A
-      }, (G !== void 0 ? G : null) !== null ? Object.defineProperty(h, "ref", {
+        key: u,
+        props: O,
+        _owner: T
+      }, (H !== void 0 ? H : null) !== null ? Object.defineProperty(h, "ref", {
         enumerable: !1,
-        get: u
+        get: d
       }) : Object.defineProperty(h, "ref", { enumerable: !1, value: null }), h._store = {}, Object.defineProperty(h._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -165,135 +165,135 @@ function Ei() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: le
+        value: ce
       }), Object.defineProperty(h, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: U
+        value: Y
       }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
     }
-    function b(h, d, F, A, le, U) {
-      var G = d.children;
-      if (G !== void 0)
-        if (A)
-          if (Q(G)) {
-            for (A = 0; A < G.length; A++)
-              c(G[A]);
-            Object.freeze && Object.freeze(G);
+    function v(h, u, O, T, ce, Y) {
+      var H = u.children;
+      if (H !== void 0)
+        if (T)
+          if (Z(H)) {
+            for (T = 0; T < H.length; T++)
+              c(H[T]);
+            Object.freeze && Object.freeze(H);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else c(G);
-      if (re.call(d, "key")) {
-        G = e(h);
-        var ce = Object.keys(d).filter(function(g) {
+        else c(H);
+      if (ie.call(u, "key")) {
+        H = e(h);
+        var de = Object.keys(u).filter(function(g) {
           return g !== "key";
         });
-        A = 0 < ce.length ? "{key: someKey, " + ce.join(": ..., ") + ": ...}" : "{key: someKey}", Se[G + A] || (ce = 0 < ce.length ? "{" + ce.join(": ..., ") + ": ...}" : "{}", console.error(
+        T = 0 < de.length ? "{key: someKey, " + de.join(": ..., ") + ": ...}" : "{key: someKey}", Ne[H + T] || (de = 0 < de.length ? "{" + de.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          A,
-          G,
-          ce,
-          G
-        ), Se[G + A] = !0);
+          T,
+          H,
+          de,
+          H
+        ), Ne[H + T] = !0);
       }
-      if (G = null, F !== void 0 && (n(F), G = "" + F), l(d) && (n(d.key), G = "" + d.key), "key" in d) {
-        F = {};
-        for (var de in d)
-          de !== "key" && (F[de] = d[de]);
-      } else F = d;
-      return G && a(
-        F,
+      if (H = null, O !== void 0 && (n(O), H = "" + O), l(u) && (n(u.key), H = "" + u.key), "key" in u) {
+        O = {};
+        for (var ue in u)
+          ue !== "key" && (O[ue] = u[ue]);
+      } else O = u;
+      return H && a(
+        O,
         typeof h == "function" ? h.displayName || h.name || "Unknown" : h
       ), p(
         h,
-        G,
-        F,
+        H,
+        O,
         o(),
-        le,
-        U
+        ce,
+        Y
       );
     }
     function c(h) {
-      m(h) ? h._store && (h._store.validated = 1) : typeof h == "object" && h !== null && h.$$typeof === I && (h._payload.status === "fulfilled" ? m(h._payload.value) && h._payload.value._store && (h._payload.value._store.validated = 1) : h._store && (h._store.validated = 1));
+      w(h) ? h._store && (h._store.validated = 1) : typeof h == "object" && h !== null && h.$$typeof === I && (h._payload.status === "fulfilled" ? w(h._payload.value) && h._payload.value._store && (h._payload.value._store.validated = 1) : h._store && (h._store.validated = 1));
     }
-    function m(h) {
+    function w(h) {
       return typeof h == "object" && h !== null && h.$$typeof === S;
     }
-    var v = ge, S = /* @__PURE__ */ Symbol.for("react.transitional.element"), f = /* @__PURE__ */ Symbol.for("react.portal"), j = /* @__PURE__ */ Symbol.for("react.fragment"), N = /* @__PURE__ */ Symbol.for("react.strict_mode"), w = /* @__PURE__ */ Symbol.for("react.profiler"), C = /* @__PURE__ */ Symbol.for("react.consumer"), T = /* @__PURE__ */ Symbol.for("react.context"), O = /* @__PURE__ */ Symbol.for("react.forward_ref"), V = /* @__PURE__ */ Symbol.for("react.suspense"), x = /* @__PURE__ */ Symbol.for("react.suspense_list"), E = /* @__PURE__ */ Symbol.for("react.memo"), I = /* @__PURE__ */ Symbol.for("react.lazy"), M = /* @__PURE__ */ Symbol.for("react.activity"), L = /* @__PURE__ */ Symbol.for("react.client.reference"), z = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, re = Object.prototype.hasOwnProperty, Q = Array.isArray, fe = console.createTask ? console.createTask : function() {
+    var b = ve, S = /* @__PURE__ */ Symbol.for("react.transitional.element"), f = /* @__PURE__ */ Symbol.for("react.portal"), j = /* @__PURE__ */ Symbol.for("react.fragment"), N = /* @__PURE__ */ Symbol.for("react.strict_mode"), m = /* @__PURE__ */ Symbol.for("react.profiler"), C = /* @__PURE__ */ Symbol.for("react.consumer"), A = /* @__PURE__ */ Symbol.for("react.context"), F = /* @__PURE__ */ Symbol.for("react.forward_ref"), k = /* @__PURE__ */ Symbol.for("react.suspense"), x = /* @__PURE__ */ Symbol.for("react.suspense_list"), R = /* @__PURE__ */ Symbol.for("react.memo"), I = /* @__PURE__ */ Symbol.for("react.lazy"), M = /* @__PURE__ */ Symbol.for("react.activity"), _ = /* @__PURE__ */ Symbol.for("react.client.reference"), B = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ie = Object.prototype.hasOwnProperty, Z = Array.isArray, pe = console.createTask ? console.createTask : function() {
       return null;
     };
-    v = {
+    b = {
       react_stack_bottom_frame: function(h) {
         return h();
       }
     };
-    var pe, ne = {}, _ = v.react_stack_bottom_frame.bind(
-      v,
+    var he, ne = {}, $ = b.react_stack_bottom_frame.bind(
+      b,
       s
-    )(), W = fe(r(s)), Se = {};
-    ft.Fragment = j, ft.jsx = function(h, d, F) {
-      var A = 1e4 > z.recentlyCreatedOwnerStacks++;
-      return b(
+    )(), G = pe(r(s)), Ne = {};
+    ft.Fragment = j, ft.jsx = function(h, u, O) {
+      var T = 1e4 > B.recentlyCreatedOwnerStacks++;
+      return v(
         h,
-        d,
-        F,
+        u,
+        O,
         !1,
-        A ? Error("react-stack-top-frame") : _,
-        A ? fe(r(h)) : W
+        T ? Error("react-stack-top-frame") : $,
+        T ? pe(r(h)) : G
       );
-    }, ft.jsxs = function(h, d, F) {
-      var A = 1e4 > z.recentlyCreatedOwnerStacks++;
-      return b(
+    }, ft.jsxs = function(h, u, O) {
+      var T = 1e4 > B.recentlyCreatedOwnerStacks++;
+      return v(
         h,
-        d,
-        F,
+        u,
+        O,
         !0,
-        A ? Error("react-stack-top-frame") : _,
-        A ? fe(r(h)) : W
+        T ? Error("react-stack-top-frame") : $,
+        T ? pe(r(h)) : G
       );
     };
   })()), ft;
 }
-var In;
+var kn;
 function Ai() {
-  return In || (In = 1, process.env.NODE_ENV === "production" ? Dt.exports = Ri() : Dt.exports = Ei()), Dt.exports;
+  return kn || (kn = 1, process.env.NODE_ENV === "production" ? Dt.exports = Ri() : Dt.exports = Ei()), Dt.exports;
 }
 var i = Ai();
-function ur(e) {
+function fr(e) {
   var t, n, r = "";
   if (typeof e == "string" || typeof e == "number") r += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var o = e.length;
-    for (t = 0; t < o; t++) e[t] && (n = ur(e[t])) && (r && (r += " "), r += n);
+    for (t = 0; t < o; t++) e[t] && (n = fr(e[t])) && (r && (r += " "), r += n);
   } else for (n in e) e[n] && (r && (r += " "), r += n);
   return r;
 }
 function Ti() {
-  for (var e, t, n = 0, r = "", o = arguments.length; n < o; n++) (e = arguments[n]) && (t = ur(e)) && (r && (r += " "), r += t);
+  for (var e, t, n = 0, r = "", o = arguments.length; n < o; n++) (e = arguments[n]) && (t = fr(e)) && (r && (r += " "), r += t);
   return r;
 }
-const kn = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Vn = Ti, et = (e, t) => (n) => {
+const Vn = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Mn = Ti, et = (e, t) => (n) => {
   var r;
-  if (t?.variants == null) return Vn(e, n?.class, n?.className);
+  if (t?.variants == null) return Mn(e, n?.class, n?.className);
   const { variants: o, defaultVariants: s } = t, l = Object.keys(o).map((p) => {
-    const b = n?.[p], c = s?.[p];
-    if (b === null) return null;
-    const m = kn(b) || kn(c);
-    return o[p][m];
-  }), a = n && Object.entries(n).reduce((p, b) => {
-    let [c, m] = b;
-    return m === void 0 || (p[c] = m), p;
-  }, {}), u = t == null || (r = t.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((p, b) => {
-    let { class: c, className: m, ...v } = b;
-    return Object.entries(v).every((S) => {
+    const v = n?.[p], c = s?.[p];
+    if (v === null) return null;
+    const w = Vn(v) || Vn(c);
+    return o[p][w];
+  }), a = n && Object.entries(n).reduce((p, v) => {
+    let [c, w] = v;
+    return w === void 0 || (p[c] = w), p;
+  }, {}), d = t == null || (r = t.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((p, v) => {
+    let { class: c, className: w, ...b } = v;
+    return Object.entries(b).every((S) => {
       let [f, j] = S;
       return Array.isArray(j) ? j.includes({
         ...s,
@@ -305,10 +305,10 @@ const kn = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Vn = Ti, e
     }) ? [
       ...p,
       c,
-      m
+      w
     ] : p;
   }, []);
-  return Vn(e, l, u, n?.class, n?.className);
+  return Mn(e, l, d, n?.class, n?.className);
 }, Fi = {
   list: "List",
   detail: "Detail",
@@ -323,7 +323,7 @@ const kn = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Vn = Ti, e
   list: pi,
   detail: fi,
   grid: ui,
-  kanban: dr,
+  kanban: ur,
   calendar: rn,
   timeline: di,
   map: ci,
@@ -378,7 +378,7 @@ function Pi(e) {
 const Li = {
   Home: "House"
 };
-function fr(e) {
+function pr(e) {
   if (!e) return null;
   const t = Pi(e), n = Li[t] || t;
   return si[n] || null;
@@ -386,23 +386,23 @@ function fr(e) {
 function qt(e) {
   return e.label ? e.label : Fi[e.type] || e.type;
 }
-function Mn(e) {
-  return e.icon ? fr(e.icon) : Oi[e.type] || null;
+function Pn(e) {
+  return e.icon ? pr(e.icon) : Oi[e.type] || null;
 }
 function _i(e) {
   return e.activeView ? e.activeView : e.defaultView ? e.defaultView : e.views?.[0]?.type;
 }
-const Pn = {
+const Ln = {
   share: Mt,
   settings: oi,
   duplicate: un,
-  delete: cr
+  delete: dr
 }, $i = {
   share: "Share",
   settings: "Settings",
   duplicate: "Duplicate",
   delete: "Delete"
-}, pr = ({
+}, hr = ({
   schema: e,
   className: t,
   onViewChange: n,
@@ -411,8 +411,8 @@ const Pn = {
   createViewLabel: s = "Create view",
   ...l
 }) => {
-  const a = J.useMemo(() => e.storageKey ? e.storageKey : `view-switcher${e.id ? `-${e.id}` : ""}`, [e.id, e.storageKey]), [u, p] = J.useState(() => _i(e));
-  J.useEffect(() => {
+  const a = Q.useMemo(() => e.storageKey ? e.storageKey : `view-switcher${e.id ? `-${e.id}` : ""}`, [e.id, e.storageKey]), [d, p] = Q.useState(() => _i(e));
+  Q.useEffect(() => {
     if (e.activeView) {
       p(e.activeView);
       return;
@@ -421,42 +421,42 @@ const Pn = {
       try {
         const x = localStorage.getItem(a);
         if (x) {
-          const E = e.views.find((I) => I.type === x)?.type;
-          E && p(E);
+          const R = e.views.find((I) => I.type === x)?.type;
+          R && p(R);
         }
       } catch {
       }
-  }, [e.activeView, e.persistPreference, e.views, a]), J.useEffect(() => {
-    if (!(!e.persistPreference || !u || e.activeView))
+  }, [e.activeView, e.persistPreference, e.views, a]), Q.useEffect(() => {
+    if (!(!e.persistPreference || !d || e.activeView))
       try {
-        localStorage.setItem(a, u);
+        localStorage.setItem(a, d);
       } catch {
       }
-  }, [u, e.activeView, e.persistPreference, a]);
-  const b = J.useCallback((x) => {
+  }, [d, e.activeView, e.persistPreference, a]);
+  const v = Q.useCallback((x) => {
     n?.(x), e.onViewChange && typeof window < "u" && window.dispatchEvent(
       new CustomEvent(e.onViewChange, {
         detail: { view: x }
       })
     );
-  }, [n, e.onViewChange]), c = J.useCallback((x) => {
-    p(x), b(x);
-  }, [b]), m = u || e.views?.[0]?.type, v = m || "", S = e.views.find((x) => x.type === m) || e.views?.[0], f = e.variant || "tabs", j = e.position || "top", N = j === "left" || j === "right", w = N ? "vertical" : "horizontal", C = e.viewActions && e.viewActions.length > 0 ? /* @__PURE__ */ i.jsx("div", { className: "flex items-center gap-1", children: e.viewActions.map((x, E) => {
-    const I = x.icon && fr(x.icon) || Pn[x.type];
+  }, [n, e.onViewChange]), c = Q.useCallback((x) => {
+    p(x), v(x);
+  }, [v]), w = d || e.views?.[0]?.type, b = w || "", S = e.views.find((x) => x.type === w) || e.views?.[0], f = e.variant || "tabs", j = e.position || "top", N = j === "left" || j === "right", m = N ? "vertical" : "horizontal", C = e.viewActions && e.viewActions.length > 0 ? /* @__PURE__ */ i.jsx("div", { className: "flex items-center gap-1", children: e.viewActions.map((x, R) => {
+    const I = x.icon && pr(x.icon) || Ln[x.type];
     return /* @__PURE__ */ i.jsx(
-      je,
+      Ce,
       {
         type: "button",
         variant: "ghost",
         size: "icon-sm",
-        onClick: () => o?.(x.type, m),
+        onClick: () => o?.(x.type, w),
         title: $i[x.type] || x.type,
         children: I ? /* @__PURE__ */ i.jsx(I, { className: "h-3.5 w-3.5" }) : null
       },
-      `action-${x.type}-${E}`
+      `action-${x.type}-${R}`
     );
-  }) }) : null, T = e.allowCreateView ? /* @__PURE__ */ i.jsx(
-    je,
+  }) }) : null, A = e.allowCreateView ? /* @__PURE__ */ i.jsx(
+    Ce,
     {
       type: "button",
       variant: "ghost",
@@ -465,57 +465,57 @@ const Pn = {
       title: s,
       children: /* @__PURE__ */ i.jsx(fn, { className: "h-3.5 w-3.5" })
     }
-  ) : null, O = /* @__PURE__ */ i.jsxs("div", { className: oe(ki({ orientation: w }), "flex items-center gap-1"), children: [
-    f === "dropdown" && /* @__PURE__ */ i.jsxs(Ot, { value: v, onValueChange: (x) => c(x), children: [
-      /* @__PURE__ */ i.jsx(It, { className: oe("w-full", N ? "h-10" : "h-9"), children: /* @__PURE__ */ i.jsx(kt, { placeholder: "Select view" }) }),
-      /* @__PURE__ */ i.jsx(Vt, { children: e.views.map((x, E) => /* @__PURE__ */ i.jsx(pt, { value: x.type, children: qt(x) }, `${x.type}-${E}`)) })
+  ) : null, F = /* @__PURE__ */ i.jsxs("div", { className: re(ki({ orientation: m }), "flex items-center gap-1"), children: [
+    f === "dropdown" && /* @__PURE__ */ i.jsxs(Ot, { value: b, onValueChange: (x) => c(x), children: [
+      /* @__PURE__ */ i.jsx(It, { className: re("w-full", N ? "h-10" : "h-9"), children: /* @__PURE__ */ i.jsx(kt, { placeholder: "Select view" }) }),
+      /* @__PURE__ */ i.jsx(Vt, { children: e.views.map((x, R) => /* @__PURE__ */ i.jsx(pt, { value: x.type, children: qt(x) }, `${x.type}-${R}`)) })
     ] }),
-    f === "buttons" && /* @__PURE__ */ i.jsx("div", { className: oe(Vi({ orientation: w })), children: e.views.map((x, E) => {
-      const I = x.type === m, M = Mn(x);
+    f === "buttons" && /* @__PURE__ */ i.jsx("div", { className: re(Vi({ orientation: m })), children: e.views.map((x, R) => {
+      const I = x.type === w, M = Pn(x);
       return /* @__PURE__ */ i.jsxs(
-        je,
+        Ce,
         {
           type: "button",
           size: "sm",
           variant: I ? "secondary" : "ghost",
-          className: oe("justify-start gap-2", N ? "w-full" : ""),
+          className: re("justify-start gap-2", N ? "w-full" : ""),
           onClick: () => c(x.type),
           children: [
             M ? /* @__PURE__ */ i.jsx(M, { className: "h-4 w-4" }) : null,
             /* @__PURE__ */ i.jsx("span", { children: qt(x) })
           ]
         },
-        `${x.type}-${E}`
+        `${x.type}-${R}`
       );
     }) }),
-    f === "tabs" && /* @__PURE__ */ i.jsx(Qn, { value: v, onValueChange: (x) => c(x), children: /* @__PURE__ */ i.jsx(Zn, { className: oe(Mi({ orientation: w })), children: e.views.map((x, E) => {
-      const I = Mn(x);
+    f === "tabs" && /* @__PURE__ */ i.jsx(Zn, { value: b, onValueChange: (x) => c(x), children: /* @__PURE__ */ i.jsx(er, { className: re(Mi({ orientation: m })), children: e.views.map((x, R) => {
+      const I = Pn(x);
       return /* @__PURE__ */ i.jsxs(
-        er,
+        tr,
         {
           value: x.type,
-          className: oe("gap-2", N ? "justify-start" : ""),
+          className: re("gap-2", N ? "justify-start" : ""),
           children: [
             I ? /* @__PURE__ */ i.jsx(I, { className: "h-4 w-4" }) : null,
             /* @__PURE__ */ i.jsx("span", { children: qt(x) })
           ]
         },
-        `${x.type}-${E}`
+        `${x.type}-${R}`
       );
     }) }) }),
     C,
-    T
-  ] }), V = S?.schema ? Array.isArray(S.schema) ? /* @__PURE__ */ i.jsx("div", { className: "space-y-4", children: S.schema.map((x, E) => /* @__PURE__ */ i.jsx(Tn, { schema: x, ...l }, `${S.type}-${E}`)) }) : /* @__PURE__ */ i.jsx(Tn, { schema: S.schema, ...l }) : null;
+    A
+  ] }), k = S?.schema ? Array.isArray(S.schema) ? /* @__PURE__ */ i.jsx("div", { className: "space-y-4", children: S.schema.map((x, R) => /* @__PURE__ */ i.jsx(Fn, { schema: x, ...l }, `${S.type}-${R}`)) }) : /* @__PURE__ */ i.jsx(Fn, { schema: S.schema, ...l }) : null;
   return /* @__PURE__ */ i.jsxs(
     "div",
     {
-      className: oe(
+      className: re(
         Ii({ position: j }),
         t
       ),
       children: [
-        /* @__PURE__ */ i.jsx("div", { className: oe("shrink-0", N ? "flex flex-col" : "flex"), children: O }),
-        /* @__PURE__ */ i.jsx("div", { className: "flex-1 min-w-0", children: V })
+        /* @__PURE__ */ i.jsx("div", { className: re("shrink-0", N ? "flex flex-col" : "flex"), children: F }),
+        /* @__PURE__ */ i.jsx("div", { className: "flex-1 min-w-0", children: k })
       ]
     }
   );
@@ -534,44 +534,44 @@ const zi = ({
   onViewChange: s,
   onRowClick: l,
   onEdit: a,
-  renderListView: u,
+  renderListView: d,
   toolbarAddon: p,
-  onCreateView: b,
+  onCreateView: v,
   onViewAction: c
 }) => {
-  const [m, v] = ee(null), [S, f] = ee(!1), [j, N] = ee("create"), [w, C] = ee(null), [T, O] = ee(0), [V, x] = ee([]), [E, I] = ee(!1), [M, L] = ee({}), [z, re] = ee([]), Q = e.listViews, fe = Q != null && Object.keys(Q).length > 0, [pe, ne] = ee(() => e.defaultListView && Q?.[e.defaultListView] ? e.defaultListView : Q && Object.keys(Q)[0] || ""), _ = k(() => !fe || !pe ? null : Q[pe] || null, [fe, pe, Q]), W = k(() => r && r.length > 0 ? r : null, [r]), Se = W != null && W.length > 0, h = o || W?.[0]?.id, d = W?.find((y) => y.id === h) || W?.[0], F = k(() => _?.type ? _.type : d?.type ? d.type : e.defaultViewType || "grid", [_, d, e.defaultViewType]), A = e.navigation;
-  Y(() => {
+  const [w, b] = ee(null), [S, f] = ee(!1), [j, N] = ee("create"), [m, C] = ee(null), [A, F] = ee(0), [k, x] = ee([]), [R, I] = ee(!1), [M, _] = ee({}), [B, ie] = ee([]), Z = e.listViews, pe = Z != null && Object.keys(Z).length > 0, [he, ne] = ee(() => e.defaultListView && Z?.[e.defaultListView] ? e.defaultListView : Z && Object.keys(Z)[0] || ""), $ = V(() => !pe || !he ? null : Z[he] || null, [pe, he, Z]), G = V(() => r && r.length > 0 ? r : null, [r]), Ne = G != null && G.length > 0, h = o || G?.[0]?.id, u = G?.find((y) => y.id === h) || G?.[0], O = V(() => $?.type ? $.type : u?.type ? u.type : e.defaultViewType || "grid", [$, u, e.defaultViewType]), T = e.navigation;
+  W(() => {
     let y = !0;
     const D = async () => {
       try {
-        const R = await t.getObjectSchema(e.objectName);
-        y && v(R);
-      } catch (R) {
-        console.error("Failed to fetch object schema:", R);
+        const E = await t.getObjectSchema(e.objectName);
+        y && b(E);
+      } catch (E) {
+        console.error("Failed to fetch object schema:", E);
       }
     };
     return e.objectName && t && D(), () => {
       y = !1;
     };
-  }, [e.objectName, t]), Y(() => {
+  }, [e.objectName, t]), W(() => {
     let y = !0;
     return (async () => {
-      if (!(F === "grid" && !u) && !(!t || !e.objectName)) {
+      if (!(O === "grid" && !d) && !(!t || !e.objectName)) {
         I(!0);
         try {
-          const R = _?.filter || d?.filter || e.table?.defaultFilters || [], we = Object.entries(M).filter(([, X]) => X !== void 0 && X !== "" && X !== null).map(([X, ye]) => [X, "=", ye]);
+          const E = $?.filter || u?.filter || e.table?.defaultFilters || [], we = Object.entries(M).filter(([, P]) => P !== void 0 && P !== "" && P !== null).map(([P, je]) => [P, "=", je]);
           let ae = [];
-          R.length > 0 && we.length > 0 ? ae = ["and", ...R, ...we] : we.length === 1 ? ae = we[0] : we.length > 1 ? ae = ["and", ...we] : ae = R;
-          const Ae = z.length > 0 ? z.map((X) => ({ field: X.field, order: X.direction })) : _?.sort || d?.sort || e.table?.defaultSort || void 0, me = Lr(m?.fields), xe = await t.find(e.objectName, {
+          E.length > 0 && we.length > 0 ? ae = ["and", ...E, ...we] : we.length === 1 ? ae = we[0] : we.length > 1 ? ae = ["and", ...we] : ae = E;
+          const ye = B.length > 0 ? B.map((P) => ({ field: P.field, order: P.direction })) : $?.sort || u?.sort || e.table?.defaultSort || void 0, le = _r(w?.fields), me = await t.find(e.objectName, {
             $filter: ae.length > 0 ? ae : void 0,
-            $orderby: Ae,
+            $orderby: ye,
             $top: 100,
-            ...me.length > 0 ? { $expand: me } : {}
+            ...le.length > 0 ? { $expand: le } : {}
           });
-          let Z = [];
-          Array.isArray(xe) ? Z = xe : xe && typeof xe == "object" && (Array.isArray(xe.data) ? Z = xe.data : Array.isArray(xe.records) && (Z = xe.records)), y && x(Z);
-        } catch (R) {
-          console.error("ObjectView data fetch error:", R);
+          let J = [];
+          Array.isArray(me) ? J = me : me && typeof me == "object" && (Array.isArray(me.data) ? J = me.data : Array.isArray(me.records) && (J = me.records)), y && x(J);
+        } catch (E) {
+          console.error("ObjectView data fetch error:", E);
         } finally {
           y && I(!1);
         }
@@ -579,83 +579,83 @@ const zi = ({
     })(), () => {
       y = !1;
     };
-  }, [e.objectName, t, F, M, z, T, _, d, u, m]);
-  const le = e.layout || "drawer", U = e.operations || e.table?.operations || {
+  }, [e.objectName, t, O, M, B, A, $, u, d, w]);
+  const ce = e.layout || "drawer", Y = e.operations || e.table?.operations || {
     create: !0,
     read: !0,
     update: !0,
     delete: !0
-  }, G = P(() => {
-    le === "page" && e.onNavigate ? e.onNavigate("new", "edit") : (N("create"), C(null), f(!0));
-  }, [le, e]), ce = P((y) => {
+  }, H = L(() => {
+    ce === "page" && e.onNavigate ? e.onNavigate("new", "edit") : (N("create"), C(null), f(!0));
+  }, [ce, e]), de = L((y) => {
     if (a) {
       a(y);
       return;
     }
-    if (le === "page" && e.onNavigate) {
+    if (ce === "page" && e.onNavigate) {
       const D = y._id || y.id;
       e.onNavigate(D, "edit");
     } else
       N("edit"), C(y), f(!0);
-  }, [le, e, a]), de = P((y) => {
-    if (le === "page" && e.onNavigate) {
+  }, [ce, e, a]), ue = L((y) => {
+    if (ce === "page" && e.onNavigate) {
       const D = y._id || y.id;
       e.onNavigate(D, "view");
     } else
       N("view"), C(y), f(!0);
-  }, [le, e]), g = P((y) => {
+  }, [ce, e]), g = L((y) => {
     if (l) {
       l(y);
       return;
     }
-    if (A) {
-      if (A.mode === "none" || A.preventNavigation)
+    if (T) {
+      if (T.mode === "none" || T.preventNavigation)
         return;
-      if (A.mode === "new_window" || A.openNewTab) {
-        const D = y._id || y.id, R = `/${e.objectName}/${D}`;
-        window.open(R, "_blank");
+      if (T.mode === "new_window" || T.openNewTab) {
+        const D = y._id || y.id, E = `/${e.objectName}/${D}`;
+        window.open(E, "_blank");
         return;
       }
-      if (A.mode === "drawer") {
+      if (T.mode === "drawer") {
         N("view"), C(y), f(!0);
         return;
       }
-      if (A.mode === "modal") {
+      if (T.mode === "modal") {
         N("view"), C(y), f(!0);
         return;
       }
-      if (A.mode === "page") {
+      if (T.mode === "page") {
         const D = y._id || y.id;
         e.onNavigate && e.onNavigate(D, "view");
         return;
       }
-      if (A.mode === "split" || A.mode === "popover") {
+      if (T.mode === "split" || T.mode === "popover") {
         N("view"), C(y), f(!0);
         return;
       }
     }
-    U.read !== !1 && de(y);
-  }, [l, A, U.read, de, e]), te = P((y) => {
-    O((D) => D + 1);
-  }, []), K = P((y) => {
-    O((D) => D + 1);
-  }, []), ie = P(() => {
-    f(!1), C(null), O((y) => y + 1);
-  }, []), B = P(() => {
+    Y.read !== !1 && ue(y);
+  }, [l, T, Y.read, ue, e]), te = L((y) => {
+    F((D) => D + 1);
+  }, []), K = L((y) => {
+    F((D) => D + 1);
+  }, []), oe = L(() => {
+    f(!1), C(null), F((y) => y + 1);
+  }, []), U = L(() => {
     f(!1), C(null);
   }, []);
-  P(() => {
-    O((y) => y + 1);
+  L(() => {
+    F((y) => y + 1);
   }, []);
-  const Ne = k(() => !Se || !W || W.length <= 1 ? null : {
+  const De = V(() => !Ne || !G || G.length <= 1 ? null : {
     type: "view-switcher",
     variant: "tabs",
     position: "top",
     persistPreference: !0,
     storageKey: `view-pref-${e.objectName}`,
-    defaultView: d?.type || "grid",
-    activeView: d?.type || "grid",
-    views: W.map((y) => {
+    defaultView: u?.type || "grid",
+    activeView: u?.type || "grid",
+    views: G.map((y) => {
       const D = {
         kanban: "kanban",
         calendar: "calendar",
@@ -675,26 +675,28 @@ const zi = ({
     }),
     allowCreateView: e.allowCreateView,
     viewActions: e.viewActions
-  }, [Se, W, d, e.objectName, e.allowCreateView, e.viewActions]), be = P((y) => {
-    if (!W) return;
-    const D = W.find((R) => R.type === y);
+  }, [Ne, G, u, e.objectName, e.allowCreateView, e.viewActions]), be = L((y) => {
+    if (!G) return;
+    const D = G.find((E) => E.type === y);
     D && s && s(D.id);
-  }, [W, s]), it = P((y) => {
+  }, [G, s]), it = L((y) => {
     ne(y);
   }, []);
-  k(() => {
+  V(() => {
     if (e.showFilters === !1) return null;
-    const y = e.filterableFields, D = m?.fields || {}, we = (y ? y.map((ae) => [ae, D[ae] || { label: ae }]) : Object.entries(D).filter(([, ae]) => !ae.hidden).slice(0, 8)).map(([ae, Ae]) => {
-      const me = Ae.type || "text";
-      let xe = "text", Z;
-      return me === "number" || me === "currency" || me === "percent" ? xe = "number" : me === "boolean" || me === "toggle" ? xe = "boolean" : me === "date" || me === "datetime" ? xe = "date" : (me === "select" || Ae.options) && (xe = "select", Z = (Ae.options || []).map(
-        (X) => typeof X == "string" ? { label: X, value: X } : { label: X.label, value: X.value }
+    const y = e.filterableFields, D = w?.fields || {}, we = (y ? y.map((ae) => [ae, D[ae] || { label: ae }]) : Object.entries(D).filter(([, ae]) => !ae.hidden).slice(0, 8)).map(([ae, ye]) => {
+      const le = ye.type || "text";
+      let me = "text", J;
+      return le === "number" || le === "currency" || le === "percent" ? me = "number" : le === "boolean" || le === "toggle" ? me = "boolean" : le === "date" || le === "datetime" ? me = "date" : le === "select" || le === "status" || ye.options ? (me = "select", J = (ye.options || []).map(
+        (P) => typeof P == "string" ? { label: P, value: P } : { label: P.label, value: P.value }
+      )) : (le === "lookup" || le === "master_detail" || le === "user" || le === "owner") && ye.options && ye.options.length > 0 && (me = "multi-select", J = (ye.options || []).map(
+        (P) => typeof P == "string" ? { label: P, value: P } : { label: P.label, value: P.value }
       )), {
         field: ae,
-        label: Ae.label || ae,
-        type: xe,
-        placeholder: `Filter ${Ae.label || ae}...`,
-        ...Z ? { options: Z } : {}
+        label: ye.label || ae,
+        type: me,
+        placeholder: `Filter ${ye.label || ae}...`,
+        ...J ? { options: J } : {}
       };
     });
     return we.length === 0 ? null : {
@@ -705,31 +707,31 @@ const zi = ({
       filters: we,
       values: M
     };
-  }, [e.showFilters, e.filterableFields, m, M]);
+  }, [e.showFilters, e.filterableFields, w, M]);
   const He = e.showSort;
-  k(() => {
+  V(() => {
     if (He === !1) return null;
-    const y = m?.fields || {}, D = Object.entries(y).filter(([, R]) => !R.hidden).slice(0, 10).map(([R, we]) => ({ field: R, label: we.label || R }));
+    const y = w?.fields || {}, D = Object.entries(y).filter(([, E]) => !E.hidden).slice(0, 10).map(([E, we]) => ({ field: E, label: we.label || E }));
     return D.length === 0 ? null : {
       type: "sort-ui",
       variant: "dropdown",
       multiple: !1,
       fields: D,
-      sort: z
+      sort: B
     };
-  }, [m, z, He]);
-  const _e = P((y) => {
+  }, [w, B, He]);
+  const _e = L((y) => {
     const D = {
       objectName: e.objectName,
-      fields: _?.columns || d?.columns || e.table?.fields,
+      fields: $?.columns || u?.columns || e.table?.fields,
       className: "h-full w-full",
-      showSearch: d?.showSearch ?? e.showSearch ?? !1,
-      showSort: d?.showSort ?? e.showSort ?? !1,
-      showFilters: d?.showFilters ?? e.showFilters ?? !1,
-      striped: d?.striped ?? !1,
-      bordered: d?.bordered ?? !1,
-      color: d?.color
-    }, R = _?.options || d || {};
+      showSearch: u?.showSearch ?? e.showSearch ?? !1,
+      showSort: u?.showSort ?? e.showSort ?? !1,
+      showFilters: u?.showFilters ?? e.showFilters ?? !1,
+      striped: u?.striped ?? !1,
+      bordered: u?.bordered ?? !1,
+      color: u?.color
+    }, E = $?.options || u || {};
     if (process.env.NODE_ENV === "development") {
       const we = [
         "startDateField",
@@ -745,9 +747,9 @@ const zi = ({
         "subtitleField",
         "latitudeField",
         "longitudeField"
-      ], ae = R[y] || {}, Ae = we.filter((me) => me in R && !(me in ae));
-      Ae.length > 0 && console.warn(
-        `[Spec Compliance] View options use flat properties ${JSON.stringify(Ae)}. Move them under options.${y} per @objectstack/spec protocol.`
+      ], ae = E[y] || {}, ye = we.filter((le) => le in E && !(le in ae));
+      ye.length > 0 && console.warn(
+        `[Spec Compliance] View options use flat properties ${JSON.stringify(ye)}. Move them under options.${y} per @objectstack/spec protocol.`
       );
     }
     switch (y) {
@@ -755,79 +757,79 @@ const zi = ({
         return {
           type: "object-kanban",
           ...D,
-          groupBy: R.kanban?.groupField || "status",
-          groupField: R.kanban?.groupField || "status",
-          titleField: R.kanban?.titleField || "name",
+          groupBy: E.kanban?.groupField || "status",
+          groupField: E.kanban?.groupField || "status",
+          titleField: E.kanban?.titleField || "name",
           cardFields: D.fields || [],
-          ...R.kanban || {}
+          ...E.kanban || {}
         };
       case "calendar":
         return {
           type: "object-calendar",
           ...D,
-          startDateField: R.calendar?.startDateField || "start_date",
-          endDateField: R.calendar?.endDateField || "end_date",
-          titleField: R.calendar?.titleField || "name",
-          ...R.calendar || {}
+          startDateField: E.calendar?.startDateField || "start_date",
+          endDateField: E.calendar?.endDateField || "end_date",
+          titleField: E.calendar?.titleField || "name",
+          ...E.calendar || {}
         };
       case "gallery":
         return {
           type: "object-gallery",
           ...D,
-          imageField: R.gallery?.imageField,
-          titleField: R.gallery?.titleField || "name",
-          subtitleField: R.gallery?.subtitleField,
-          ...R.gallery || {}
+          imageField: E.gallery?.imageField,
+          titleField: E.gallery?.titleField || "name",
+          subtitleField: E.gallery?.subtitleField,
+          ...E.gallery || {}
         };
       case "timeline":
         return {
           type: "object-timeline",
           ...D,
-          dateField: R.timeline?.dateField || "created_at",
-          titleField: R.timeline?.titleField || "name",
-          ...R.timeline || {}
+          dateField: E.timeline?.dateField || "created_at",
+          titleField: E.timeline?.titleField || "name",
+          ...E.timeline || {}
         };
       case "gantt":
         return {
           type: "object-gantt",
           ...D,
-          startDateField: R.gantt?.startDateField || "start_date",
-          endDateField: R.gantt?.endDateField || "end_date",
-          progressField: R.gantt?.progressField || "progress",
-          dependenciesField: R.gantt?.dependenciesField || "dependencies",
-          ...R.gantt || {}
+          startDateField: E.gantt?.startDateField || "start_date",
+          endDateField: E.gantt?.endDateField || "end_date",
+          progressField: E.gantt?.progressField || "progress",
+          dependenciesField: E.gantt?.dependenciesField || "dependencies",
+          ...E.gantt || {}
         };
       case "map":
         return {
           type: "object-map",
           ...D,
-          locationField: R.map?.locationField || "location",
-          ...R.map || {}
+          locationField: E.map?.locationField || "location",
+          ...E.map || {}
         };
       default:
         return null;
     }
-  }, [e.objectName, e.table?.fields, _, d]), De = k(() => ({
+  }, [e.objectName, e.table?.fields, $, u]), Re = V(() => ({
     type: "object-grid",
     objectName: e.objectName,
     title: e.table?.title,
     description: e.table?.description,
-    fields: _?.columns || d?.columns || e.table?.fields,
-    columns: _?.columns || d?.columns || e.table?.columns,
+    fields: $?.columns || u?.columns || e.table?.fields,
+    columns: $?.columns || u?.columns || e.table?.columns,
     operations: {
-      ...U,
+      ...Y,
       create: !1
       // Create is handled by the view's create button
     },
-    defaultFilters: _?.filter || d?.filter || e.table?.defaultFilters,
-    defaultSort: _?.sort || d?.sort || e.table?.defaultSort,
+    defaultFilters: $?.filter || u?.filter || e.table?.defaultFilters,
+    defaultSort: $?.sort || u?.sort || e.table?.defaultSort,
     pageSize: e.table?.pageSize,
     selectable: e.table?.selectable,
-    striped: d?.striped ?? e.table?.striped,
-    bordered: d?.bordered ?? e.table?.bordered,
+    striped: u?.striped ?? e.table?.striped,
+    bordered: u?.bordered ?? e.table?.bordered,
     className: e.table?.className
-  }), [e, U, _, d]), se = () => {
-    const y = w ? w._id || w.id : void 0;
+  }), [e, Y, $, u]), se = () => {
+    const y = m ? m._id || m.id : void 0;
     return {
       type: "object-form",
       objectName: e.objectName,
@@ -848,12 +850,12 @@ const zi = ({
       initialValues: e.form?.initialValues,
       readOnly: e.form?.readOnly || j === "view",
       className: e.form?.className,
-      onSuccess: ie,
-      onCancel: B
+      onSuccess: oe,
+      onCancel: U
     };
-  }, H = () => {
+  }, X = () => {
     if (e.form?.title) return e.form.title;
-    const y = m?.label || e.objectName;
+    const y = w?.label || e.objectName;
     switch (j) {
       case "create":
         return `Create ${y}`;
@@ -864,168 +866,168 @@ const zi = ({
       default:
         return y;
     }
-  }, Pe = k(() => {
-    const y = A?.width;
+  }, Pe = V(() => {
+    const y = T?.width;
     return y ? typeof y == "number" ? `max-w-[${y}px]` : `max-w-[${y}]` : "";
-  }, [A]), Je = () => /* @__PURE__ */ i.jsx(tr, { open: S, onOpenChange: f, direction: "right", children: /* @__PURE__ */ i.jsxs(nr, { className: oe("w-full sm:max-w-2xl", Pe), children: [
-    /* @__PURE__ */ i.jsxs(rr, { children: [
-      /* @__PURE__ */ i.jsx(ir, { children: H() }),
-      e.form?.description && /* @__PURE__ */ i.jsx(or, { children: e.form.description })
+  }, [T]), Je = () => /* @__PURE__ */ i.jsx(nr, { open: S, onOpenChange: f, direction: "right", children: /* @__PURE__ */ i.jsxs(rr, { className: re("w-full sm:max-w-2xl", Pe), children: [
+    /* @__PURE__ */ i.jsxs(ir, { children: [
+      /* @__PURE__ */ i.jsx(or, { children: X() }),
+      e.form?.description && /* @__PURE__ */ i.jsx(sr, { children: e.form.description })
     ] }),
     /* @__PURE__ */ i.jsx("div", { className: "flex-1 overflow-y-auto px-4 pb-4", children: /* @__PURE__ */ i.jsx(Gt, { schema: se(), dataSource: t }) })
-  ] }) }), ot = () => /* @__PURE__ */ i.jsx($r, { open: S, onOpenChange: f, children: /* @__PURE__ */ i.jsxs(zr, { className: oe("max-w-2xl max-h-[90vh] overflow-y-auto", Pe), children: [
-    /* @__PURE__ */ i.jsxs(Br, { children: [
-      /* @__PURE__ */ i.jsx(Ur, { children: H() }),
-      e.form?.description && /* @__PURE__ */ i.jsx(Yr, { children: e.form.description })
+  ] }) }), ot = () => /* @__PURE__ */ i.jsx(zr, { open: S, onOpenChange: f, children: /* @__PURE__ */ i.jsxs(Br, { className: re("max-w-2xl max-h-[90vh] overflow-y-auto", Pe), children: [
+    /* @__PURE__ */ i.jsxs(Ur, { children: [
+      /* @__PURE__ */ i.jsx(Yr, { children: X() }),
+      e.form?.description && /* @__PURE__ */ i.jsx(Wr, { children: e.form.description })
     ] }),
     /* @__PURE__ */ i.jsx(Gt, { schema: se(), dataSource: t })
-  ] }) }), Yt = k(() => Object.keys(M).some(
+  ] }) }), Yt = V(() => Object.keys(M).some(
     (D) => M[D] !== void 0 && M[D] !== "" && M[D] !== null
-  ) ? Object.entries(M).filter(([, D]) => D !== void 0 && D !== "" && D !== null).map(([D, R]) => ({ field: D, operator: "equals", value: R })) : _?.filter || d?.filter || e.table?.defaultFilters, [M, _, d, e.table?.defaultFilters]), $e = k(() => z.length > 0 ? z : _?.sort || d?.sort || e.table?.defaultSort, [z, _, d, e.table?.defaultSort]), Ie = () => {
-    const y = `${e.objectName}-${pe || d?.id || "default"}-${F}-${T}`;
-    if (u)
-      return u({
+  ) ? Object.entries(M).filter(([, D]) => D !== void 0 && D !== "" && D !== null).map(([D, E]) => ({ field: D, operator: "equals", value: E })) : $?.filter || u?.filter || e.table?.defaultFilters, [M, $, u, e.table?.defaultFilters]), $e = V(() => B.length > 0 ? B : $?.sort || u?.sort || e.table?.defaultSort, [B, $, u, e.table?.defaultSort]), Ie = () => {
+    const y = `${e.objectName}-${he || u?.id || "default"}-${O}-${A}`;
+    if (d)
+      return d({
         schema: {
           type: "list-view",
           objectName: e.objectName,
-          viewType: F,
-          fields: _?.columns || d?.columns || e.table?.fields,
+          viewType: O,
+          fields: $?.columns || u?.columns || e.table?.fields,
           filters: Yt,
           sort: $e,
           // Propagate appearance/view-config properties for live preview
-          rowHeight: d?.rowHeight,
-          densityMode: d?.densityMode,
-          groupBy: d?.groupBy,
-          options: _?.options || d,
+          rowHeight: u?.rowHeight,
+          densityMode: u?.densityMode,
+          groupBy: u?.groupBy,
+          options: $?.options || u,
           // Propagate toolbar toggle flags
-          showSearch: d?.showSearch ?? e.showSearch,
-          showFilters: d?.showFilters ?? e.showFilters,
-          showSort: d?.showSort ?? e.showSort,
-          showHideFields: d?.showHideFields ?? e.showHideFields,
-          showGroup: d?.showGroup ?? e.showGroup,
-          showColor: d?.showColor ?? e.showColor,
-          showDensity: d?.showDensity ?? e.showDensity,
-          allowExport: d?.allowExport ?? e.allowExport,
+          showSearch: u?.showSearch ?? e.showSearch,
+          showFilters: u?.showFilters ?? e.showFilters,
+          showSort: u?.showSort ?? e.showSort,
+          showHideFields: u?.showHideFields ?? e.showHideFields,
+          showGroup: u?.showGroup ?? e.showGroup,
+          showColor: u?.showColor ?? e.showColor,
+          showDensity: u?.showDensity ?? e.showDensity,
+          allowExport: u?.allowExport ?? e.allowExport,
           // Propagate display properties
-          striped: d?.striped ?? e.striped,
-          bordered: d?.bordered ?? e.bordered,
-          color: d?.color ?? e.color,
+          striped: u?.striped ?? e.striped,
+          bordered: u?.bordered ?? e.bordered,
+          color: u?.color ?? e.color,
           // Propagate view-config properties (Bug 4 / items 14-22)
-          inlineEdit: d?.inlineEdit ?? e.inlineEdit,
-          wrapHeaders: d?.wrapHeaders ?? e.wrapHeaders,
-          clickIntoRecordDetails: d?.clickIntoRecordDetails ?? e.clickIntoRecordDetails,
-          addRecordViaForm: d?.addRecordViaForm ?? e.addRecordViaForm,
-          addDeleteRecordsInline: d?.addDeleteRecordsInline ?? e.addDeleteRecordsInline,
-          collapseAllByDefault: d?.collapseAllByDefault ?? e.collapseAllByDefault,
-          fieldTextColor: d?.fieldTextColor ?? e.fieldTextColor,
-          prefixField: d?.prefixField ?? e.prefixField,
-          showDescription: d?.showDescription ?? e.showDescription,
+          inlineEdit: u?.inlineEdit ?? e.inlineEdit,
+          wrapHeaders: u?.wrapHeaders ?? e.wrapHeaders,
+          clickIntoRecordDetails: u?.clickIntoRecordDetails ?? e.clickIntoRecordDetails,
+          addRecordViaForm: u?.addRecordViaForm ?? e.addRecordViaForm,
+          addDeleteRecordsInline: u?.addDeleteRecordsInline ?? e.addDeleteRecordsInline,
+          collapseAllByDefault: u?.collapseAllByDefault ?? e.collapseAllByDefault,
+          fieldTextColor: u?.fieldTextColor ?? e.fieldTextColor,
+          prefixField: u?.prefixField ?? e.prefixField,
+          showDescription: u?.showDescription ?? e.showDescription,
           // Propagate new spec properties (P0/P1/P2)
-          navigation: d?.navigation ?? e.navigation,
-          selection: d?.selection ?? e.selection,
-          pagination: d?.pagination ?? e.pagination,
-          searchableFields: d?.searchableFields ?? e.searchableFields,
-          filterableFields: d?.filterableFields ?? e.filterableFields,
-          resizable: d?.resizable ?? e.resizable,
-          hiddenFields: d?.hiddenFields ?? e.hiddenFields,
-          rowActions: d?.rowActions ?? e.rowActions,
-          bulkActions: d?.bulkActions ?? e.bulkActions,
-          sharing: d?.sharing ?? e.sharing,
-          addRecord: d?.addRecord ?? e.addRecord,
-          conditionalFormatting: d?.conditionalFormatting ?? e.conditionalFormatting,
-          quickFilters: d?.quickFilters ?? e.quickFilters,
-          showRecordCount: d?.showRecordCount ?? e.showRecordCount,
-          allowPrinting: d?.allowPrinting ?? e.allowPrinting,
-          virtualScroll: d?.virtualScroll ?? e.virtualScroll,
-          emptyState: d?.emptyState ?? e.emptyState,
-          aria: d?.aria ?? e.aria,
+          navigation: u?.navigation ?? e.navigation,
+          selection: u?.selection ?? e.selection,
+          pagination: u?.pagination ?? e.pagination,
+          searchableFields: u?.searchableFields ?? e.searchableFields,
+          filterableFields: u?.filterableFields ?? e.filterableFields,
+          resizable: u?.resizable ?? e.resizable,
+          hiddenFields: u?.hiddenFields ?? e.hiddenFields,
+          rowActions: u?.rowActions ?? e.rowActions,
+          bulkActions: u?.bulkActions ?? e.bulkActions,
+          sharing: u?.sharing ?? e.sharing,
+          addRecord: u?.addRecord ?? e.addRecord,
+          conditionalFormatting: u?.conditionalFormatting ?? e.conditionalFormatting,
+          quickFilters: u?.quickFilters ?? e.quickFilters,
+          showRecordCount: u?.showRecordCount ?? e.showRecordCount,
+          allowPrinting: u?.allowPrinting ?? e.allowPrinting,
+          virtualScroll: u?.virtualScroll ?? e.virtualScroll,
+          emptyState: u?.emptyState ?? e.emptyState,
+          aria: u?.aria ?? e.aria,
           tabs: e.tabs
         },
         dataSource: t,
-        onEdit: ce,
+        onEdit: de,
         onRowClick: g,
         className: "h-full"
       });
-    if (F !== "grid") {
-      const D = _e(F);
+    if (O !== "grid") {
+      const D = _e(O);
       if (D && Tt)
         return /* @__PURE__ */ i.jsx(
           Tt,
           {
             schema: D,
             dataSource: t,
-            data: V,
-            loading: E
+            data: k,
+            loading: R
           },
           y
         );
       if (!Tt)
         return /* @__PURE__ */ i.jsx("div", { className: "flex items-center justify-center h-40 text-muted-foreground", children: /* @__PURE__ */ i.jsxs("p", { children: [
           "SchemaRenderer not available. Install @object-ui/react to render ",
-          F,
+          O,
           " views."
         ] }) });
     }
     return /* @__PURE__ */ i.jsx(
-      _r,
+      $r,
       {
-        schema: De,
+        schema: Re,
         dataSource: t,
         onRowClick: g,
-        onEdit: U.update !== !1 ? ce : void 0,
-        onDelete: U.delete !== !1 ? te : void 0,
-        onBulkDelete: U.delete !== !1 ? K : void 0
+        onEdit: Y.update !== !1 ? de : void 0,
+        onDelete: Y.delete !== !1 ? te : void 0,
+        onBulkDelete: Y.delete !== !1 ? K : void 0
       },
       y
     );
   }, Xe = () => {
-    if (!fe) return null;
-    const y = Object.entries(Q);
-    return y.length <= 1 ? null : /* @__PURE__ */ i.jsx(Qn, { value: pe, onValueChange: it, className: "w-full", children: /* @__PURE__ */ i.jsx(Zn, { className: "w-auto", children: y.map(([D, R]) => /* @__PURE__ */ i.jsx(er, { value: D, className: "text-sm", children: R.label || D }, D)) }) });
+    if (!pe) return null;
+    const y = Object.entries(Z);
+    return y.length <= 1 ? null : /* @__PURE__ */ i.jsx(Zn, { value: he, onValueChange: it, className: "w-full", children: /* @__PURE__ */ i.jsx(er, { className: "w-auto", children: y.map(([D, E]) => /* @__PURE__ */ i.jsx(tr, { value: D, className: "text-sm", children: E.label || D }, D)) }) });
   }, st = () => {
-    const y = e.showCreate !== !1 && U.create !== !1, D = e.showViewSwitcher === !0, R = Xe();
-    return !R && !D && !y && !p ? null : /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col gap-3", children: [
-      R,
+    const y = e.showCreate !== !1 && Y.create !== !1, D = e.showViewSwitcher === !0, E = Xe();
+    return !E && !D && !y && !p ? null : /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col gap-3", children: [
+      E,
       (D || y || p) && /* @__PURE__ */ i.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
-        /* @__PURE__ */ i.jsx("div", { className: "flex items-center gap-2", children: D && Ne && /* @__PURE__ */ i.jsx(
-          pr,
+        /* @__PURE__ */ i.jsx("div", { className: "flex items-center gap-2", children: D && De && /* @__PURE__ */ i.jsx(
+          hr,
           {
-            schema: Ne,
+            schema: De,
             onViewChange: be,
-            onCreateView: b,
+            onCreateView: v,
             onViewAction: c,
             className: "overflow-x-auto"
           }
         ) }),
         /* @__PURE__ */ i.jsxs("div", { className: "flex items-center gap-2", children: [
           p,
-          y && /* @__PURE__ */ i.jsxs(je, { size: "sm", onClick: G, children: [
+          y && /* @__PURE__ */ i.jsxs(Ce, { size: "sm", onClick: H, children: [
             /* @__PURE__ */ i.jsx(fn, { className: "h-4 w-4" }),
             "Create"
           ] })
         ] })
       ] })
     ] });
-  }, Re = A?.mode === "modal" ? "modal" : A?.mode === "drawer" ? "drawer" : A?.mode === "split" ? "split" : A?.mode === "popover" ? "popover" : le, at = (y) => /* @__PURE__ */ i.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ i.jsx(Gt, { schema: se(), dataSource: t }) }), St = P((y) => {
-    y || B();
-  }, [B]);
-  if (Re === "split") {
-    const y = m?.label || e.objectName;
-    return /* @__PURE__ */ i.jsxs("div", { className: oe("flex flex-col h-full min-w-0 overflow-hidden", n), children: [
+  }, Ee = T?.mode === "modal" ? "modal" : T?.mode === "drawer" ? "drawer" : T?.mode === "split" ? "split" : T?.mode === "popover" ? "popover" : ce, at = (y) => /* @__PURE__ */ i.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ i.jsx(Gt, { schema: se(), dataSource: t }) }), St = L((y) => {
+    y || U();
+  }, [U]);
+  if (Ee === "split") {
+    const y = w?.label || e.objectName;
+    return /* @__PURE__ */ i.jsxs("div", { className: re("flex flex-col h-full min-w-0 overflow-hidden", n), children: [
       (e.title || e.description) && /* @__PURE__ */ i.jsxs("div", { className: "mb-4 shrink-0", children: [
         e.title && /* @__PURE__ */ i.jsx("h2", { className: "text-2xl font-bold tracking-tight", children: e.title }),
         e.description && /* @__PURE__ */ i.jsx("p", { className: "text-muted-foreground mt-1", children: e.description })
       ] }),
       /* @__PURE__ */ i.jsx("div", { className: "mb-4 shrink-0", children: st() }),
-      /* @__PURE__ */ i.jsx("div", { className: "flex-1 min-h-0 min-w-0 overflow-hidden", children: S && w ? /* @__PURE__ */ i.jsx(
+      /* @__PURE__ */ i.jsx("div", { className: "flex-1 min-h-0 min-w-0 overflow-hidden", children: S && m ? /* @__PURE__ */ i.jsx(
         Cn,
         {
           isOpen: S,
-          selectedRecord: w,
+          selectedRecord: m,
           mode: "split",
-          close: B,
+          close: U,
           setIsOpen: St,
-          width: A?.width,
+          width: T?.width,
           isOverlay: !0,
           title: `${y} Detail`,
           mainContent: /* @__PURE__ */ i.jsx("div", { className: "h-full overflow-auto", children: Ie() }),
@@ -1034,26 +1036,26 @@ const zi = ({
       ) : Ie() })
     ] });
   }
-  return /* @__PURE__ */ i.jsxs("div", { className: oe("flex flex-col h-full min-w-0 overflow-hidden", n), children: [
+  return /* @__PURE__ */ i.jsxs("div", { className: re("flex flex-col h-full min-w-0 overflow-hidden", n), children: [
     (e.title || e.description) && /* @__PURE__ */ i.jsxs("div", { className: "mb-4 shrink-0", children: [
       e.title && /* @__PURE__ */ i.jsx("h2", { className: "text-2xl font-bold tracking-tight", children: e.title }),
       e.description && /* @__PURE__ */ i.jsx("p", { className: "text-muted-foreground mt-1", children: e.description })
     ] }),
     /* @__PURE__ */ i.jsx("div", { className: "mb-4 shrink-0", children: st() }),
     /* @__PURE__ */ i.jsx("div", { className: "flex-1 min-h-0 min-w-0 overflow-hidden", children: Ie() }),
-    Re === "drawer" && Je(),
-    Re === "modal" && ot(),
-    Re === "popover" && S && w && /* @__PURE__ */ i.jsx(
+    Ee === "drawer" && Je(),
+    Ee === "modal" && ot(),
+    Ee === "popover" && S && m && /* @__PURE__ */ i.jsx(
       Cn,
       {
         isOpen: S,
-        selectedRecord: w,
+        selectedRecord: m,
         mode: "popover",
-        close: B,
+        close: U,
         setIsOpen: St,
-        width: A?.width,
+        width: T?.width,
         isOverlay: !0,
-        title: H(),
+        title: X(),
         children: at
       }
     )
@@ -1074,29 +1076,29 @@ const zi = ({
   className: t,
   onChange: n
 }) => {
-  const [r, o] = J.useState(e.values || {}), [s, l] = J.useState(!1);
-  J.useEffect(() => {
+  const [r, o] = Q.useState(e.values || {}), [s, l] = Q.useState(!1);
+  Q.useEffect(() => {
     e.values && o(e.values);
   }, [e.values]);
-  const a = J.useCallback((f) => {
+  const a = Q.useCallback((f) => {
     n?.(f), e.onChange && typeof window < "u" && window.dispatchEvent(
       new CustomEvent(e.onChange, {
         detail: { values: f }
       })
     );
-  }, [n, e.onChange]), u = J.useCallback((f, j) => {
+  }, [n, e.onChange]), d = Q.useCallback((f, j) => {
     const N = { ...r, [f]: j };
     o(N), e.showApply || a(N);
-  }, [a, e.showApply, r]), p = J.useCallback(() => {
+  }, [a, e.showApply, r]), p = Q.useCallback(() => {
     const f = {};
     if (o(f), e.showApply) {
       a(f);
       return;
     }
     a(f);
-  }, [a, e.showApply]), b = J.useCallback(() => {
+  }, [a, e.showApply]), v = Q.useCallback(() => {
     a(r), l(!1);
-  }, [a, r]), c = J.useMemo(() => Object.values(r).filter((f) => !Bi(f)).length, [r]), m = (f) => {
+  }, [a, r]), c = Q.useMemo(() => Object.values(r).filter((f) => !Bi(f)).length, [r]), w = (f) => {
     const j = f.label || f.field, N = f.placeholder || `Filter by ${j}`;
     switch (f.type) {
       case "number":
@@ -1106,9 +1108,9 @@ const zi = ({
             type: "number",
             value: r[f.field] ?? "",
             placeholder: N,
-            onChange: (w) => {
-              const C = w.target.value, T = C === "" ? "" : Number(C);
-              u(f.field, T);
+            onChange: (m) => {
+              const C = m.target.value, A = C === "" ? "" : Number(C);
+              d(f.field, A);
             }
           }
         );
@@ -1117,35 +1119,64 @@ const zi = ({
           Ot,
           {
             value: r[f.field] !== void 0 ? String(r[f.field]) : "",
-            onValueChange: (w) => {
-              const C = f.options?.find((T) => String(T.value) === w);
-              u(f.field, C ? C.value : w);
+            onValueChange: (m) => {
+              const C = f.options?.find((A) => String(A.value) === m);
+              d(f.field, C ? C.value : m);
             },
             children: [
               /* @__PURE__ */ i.jsx(It, { children: /* @__PURE__ */ i.jsx(kt, { placeholder: N }) }),
-              /* @__PURE__ */ i.jsx(Vt, { children: f.options?.map((w) => /* @__PURE__ */ i.jsx(pt, { value: String(w.value), children: w.label }, String(w.value))) })
+              /* @__PURE__ */ i.jsx(Vt, { children: f.options?.map((m) => /* @__PURE__ */ i.jsx(pt, { value: String(m.value), children: m.label }, String(m.value))) })
             ]
           }
         );
+      case "multi-select": {
+        const m = r[f.field], C = Array.isArray(m) ? m : m ? [m] : [];
+        return /* @__PURE__ */ i.jsx("div", { className: "max-h-40 overflow-y-auto space-y-0.5 border rounded-md p-2", children: f.options?.map((A) => {
+          const F = C.map(String).includes(String(A.value));
+          return /* @__PURE__ */ i.jsxs(
+            "label",
+            {
+              className: re(
+                "flex items-center gap-2 text-sm py-1 px-1.5 rounded cursor-pointer",
+                F ? "bg-primary/5 text-primary" : "hover:bg-muted"
+              ),
+              children: [
+                /* @__PURE__ */ i.jsx(
+                  Sn,
+                  {
+                    checked: F,
+                    onCheckedChange: (k) => {
+                      const x = k ? [...C, A.value] : C.filter((R) => String(R) !== String(A.value));
+                      d(f.field, x);
+                    }
+                  }
+                ),
+                /* @__PURE__ */ i.jsx("span", { className: "truncate", children: A.label })
+              ]
+            },
+            String(A.value)
+          );
+        }) });
+      }
       case "date":
         return /* @__PURE__ */ i.jsx(
           We,
           {
             type: "date",
             value: r[f.field] ?? "",
-            onChange: (w) => u(f.field, w.target.value)
+            onChange: (m) => d(f.field, m.target.value)
           }
         );
       case "date-range": {
-        const w = Ui(r[f.field]);
+        const m = Ui(r[f.field]);
         return /* @__PURE__ */ i.jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ i.jsx(
             We,
             {
               type: "date",
-              value: w.start ?? "",
+              value: m.start ?? "",
               onChange: (C) => {
-                u(f.field, { ...w, start: C.target.value });
+                d(f.field, { ...m, start: C.target.value });
               }
             }
           ),
@@ -1153,9 +1184,9 @@ const zi = ({
             We,
             {
               type: "date",
-              value: w.end ?? "",
+              value: m.end ?? "",
               onChange: (C) => {
-                u(f.field, { ...w, end: C.target.value });
+                d(f.field, { ...m, end: C.target.value });
               }
             }
           )
@@ -1164,10 +1195,10 @@ const zi = ({
       case "boolean":
         return /* @__PURE__ */ i.jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ i.jsx(
-            Gr,
+            Sn,
             {
               checked: !!r[f.field],
-              onCheckedChange: (w) => u(f.field, !!w)
+              onCheckedChange: (m) => d(f.field, !!m)
             }
           ),
           /* @__PURE__ */ i.jsx("span", { className: "text-sm text-muted-foreground", children: "Enabled" })
@@ -1178,43 +1209,43 @@ const zi = ({
           {
             value: r[f.field] ?? "",
             placeholder: N,
-            onChange: (w) => u(f.field, w.target.value)
+            onChange: (m) => d(f.field, m.target.value)
           }
         );
     }
-  }, v = /* @__PURE__ */ i.jsxs("div", { className: "space-y-4", children: [
+  }, b = /* @__PURE__ */ i.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ i.jsx("div", { className: "grid gap-4 sm:grid-cols-2", children: e.filters.map((f) => /* @__PURE__ */ i.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ i.jsx(Wr, { className: "text-xs text-muted-foreground", children: f.label || f.field }),
-      m(f)
+      /* @__PURE__ */ i.jsx(Gr, { className: "text-xs text-muted-foreground", children: f.label || f.field }),
+      w(f)
     ] }, f.field)) }),
     (e.showApply || e.showClear) && /* @__PURE__ */ i.jsxs("div", { className: "flex items-center justify-end gap-2 border-t pt-3", children: [
-      e.showClear && /* @__PURE__ */ i.jsx(je, { type: "button", variant: "ghost", size: "sm", onClick: p, children: "Clear" }),
-      e.showApply && /* @__PURE__ */ i.jsx(je, { type: "button", size: "sm", onClick: b, children: "Apply" })
+      e.showClear && /* @__PURE__ */ i.jsx(Ce, { type: "button", variant: "ghost", size: "sm", onClick: p, children: "Clear" }),
+      e.showApply && /* @__PURE__ */ i.jsx(Ce, { type: "button", size: "sm", onClick: v, children: "Apply" })
     ] })
   ] }), S = e.layout || "inline";
-  return S === "popover" ? /* @__PURE__ */ i.jsx("div", { className: oe(Kt({ layout: S }), t), children: /* @__PURE__ */ i.jsxs(sr, { open: s, onOpenChange: l, children: [
-    /* @__PURE__ */ i.jsx(ar, { asChild: !0, children: /* @__PURE__ */ i.jsxs(je, { type: "button", variant: c > 0 ? "secondary" : "outline", size: "sm", className: "gap-2", children: [
-      /* @__PURE__ */ i.jsx(En, { className: "h-4 w-4" }),
+  return S === "popover" ? /* @__PURE__ */ i.jsx("div", { className: re(Kt({ layout: S }), t), children: /* @__PURE__ */ i.jsxs(ar, { open: s, onOpenChange: l, children: [
+    /* @__PURE__ */ i.jsx(lr, { asChild: !0, children: /* @__PURE__ */ i.jsxs(Ce, { type: "button", variant: c > 0 ? "secondary" : "outline", size: "sm", className: "gap-2", children: [
+      /* @__PURE__ */ i.jsx(An, { className: "h-4 w-4" }),
       "Filters",
       c > 0 && /* @__PURE__ */ i.jsx("span", { className: "inline-flex h-5 min-w-[20px] items-center justify-center rounded-full bg-primary/10 px-1 text-xs font-medium text-primary", children: c })
     ] }) }),
-    /* @__PURE__ */ i.jsx(lr, { align: "start", className: "w-[520px] p-4", children: v })
-  ] }) }) : S === "drawer" ? /* @__PURE__ */ i.jsxs("div", { className: oe(Kt({ layout: S }), t), children: [
-    /* @__PURE__ */ i.jsxs(je, { type: "button", variant: c > 0 ? "secondary" : "outline", size: "sm", className: "gap-2", onClick: () => l(!0), children: [
-      /* @__PURE__ */ i.jsx(En, { className: "h-4 w-4" }),
+    /* @__PURE__ */ i.jsx(cr, { align: "start", className: "w-[520px] p-4", children: b })
+  ] }) }) : S === "drawer" ? /* @__PURE__ */ i.jsxs("div", { className: re(Kt({ layout: S }), t), children: [
+    /* @__PURE__ */ i.jsxs(Ce, { type: "button", variant: c > 0 ? "secondary" : "outline", size: "sm", className: "gap-2", onClick: () => l(!0), children: [
+      /* @__PURE__ */ i.jsx(An, { className: "h-4 w-4" }),
       "Filters",
       c > 0 && /* @__PURE__ */ i.jsx("span", { className: "inline-flex h-5 min-w-[20px] items-center justify-center rounded-full bg-primary/10 px-1 text-xs font-medium text-primary", children: c })
     ] }),
-    /* @__PURE__ */ i.jsx(tr, { open: s, onOpenChange: l, children: /* @__PURE__ */ i.jsxs(nr, { children: [
-      /* @__PURE__ */ i.jsxs(rr, { children: [
-        /* @__PURE__ */ i.jsx(ir, { children: "Filters" }),
-        /* @__PURE__ */ i.jsx(or, { children: "Refine the data with advanced filters." })
+    /* @__PURE__ */ i.jsx(nr, { open: s, onOpenChange: l, children: /* @__PURE__ */ i.jsxs(rr, { children: [
+      /* @__PURE__ */ i.jsxs(ir, { children: [
+        /* @__PURE__ */ i.jsx(or, { children: "Filters" }),
+        /* @__PURE__ */ i.jsx(sr, { children: "Refine the data with advanced filters." })
       ] }),
-      /* @__PURE__ */ i.jsx("div", { className: "px-4 pb-6", children: v })
+      /* @__PURE__ */ i.jsx("div", { className: "px-4 pb-6", children: b })
     ] }) })
-  ] }) : /* @__PURE__ */ i.jsxs("div", { className: oe(Kt({ layout: S }), t), children: [
-    v,
-    !e.showApply && e.showClear && /* @__PURE__ */ i.jsxs(je, { type: "button", variant: "ghost", size: "sm", className: "gap-2", onClick: p, children: [
+  ] }) : /* @__PURE__ */ i.jsxs("div", { className: re(Kt({ layout: S }), t), children: [
+    b,
+    !e.showApply && e.showClear && /* @__PURE__ */ i.jsxs(Ce, { type: "button", variant: "ghost", size: "sm", className: "gap-2", onClick: p, children: [
       /* @__PURE__ */ i.jsx(hi, { className: "h-3.5 w-3.5" }),
       "Clear filters"
     ] })
@@ -1233,7 +1264,7 @@ const zi = ({
 }), Qt = (e) => e ? e.map((t) => ({
   field: t.field,
   direction: t.direction
-})) : [], Ln = (e) => e.map((t) => ({
+})) : [], _n = (e) => e.map((t) => ({
   id: `${t.field}-${t.direction}`,
   field: t.field,
   order: t.direction
@@ -1245,25 +1276,25 @@ const zi = ({
   className: t,
   onChange: n
 }) => {
-  const [r, o] = J.useState(() => Qt(e.sort)), [s, l] = J.useState(() => Ln(Qt(e.sort)));
-  J.useEffect(() => {
+  const [r, o] = Q.useState(() => Qt(e.sort)), [s, l] = Q.useState(() => _n(Qt(e.sort)));
+  Q.useEffect(() => {
     const c = Qt(e.sort);
-    o(c), l(Ln(c));
+    o(c), l(_n(c));
   }, [e.sort]);
-  const a = J.useCallback((c) => {
+  const a = Q.useCallback((c) => {
     o(c), n?.(c), e.onChange && typeof window < "u" && window.dispatchEvent(
       new CustomEvent(e.onChange, {
         detail: { sort: c }
       })
     );
-  }, [n, e.onChange]), u = J.useCallback((c) => {
-    const m = r.find((f) => f.field === c), v = !!e.multiple;
-    if (!m) {
-      const f = v ? [...r, { field: c, direction: "asc" }] : [{ field: c, direction: "asc" }];
+  }, [n, e.onChange]), d = Q.useCallback((c) => {
+    const w = r.find((f) => f.field === c), b = !!e.multiple;
+    if (!w) {
+      const f = b ? [...r, { field: c, direction: "asc" }] : [{ field: c, direction: "asc" }];
       a(f);
       return;
     }
-    if (m.direction === "asc") {
+    if (w.direction === "asc") {
       const f = r.map(
         (j) => j.field === c ? { ...j, direction: "desc" } : j
       );
@@ -1274,26 +1305,26 @@ const zi = ({
     a(S);
   }, [a, e.multiple, r]);
   if ((e.variant || "dropdown") === "buttons")
-    return /* @__PURE__ */ i.jsx("div", { className: oe(Jt({ variant: "buttons" }), t), children: e.fields.map((c) => {
-      const m = r.find((S) => S.field === c.field), v = m?.direction === "asc" ? gi : bi;
+    return /* @__PURE__ */ i.jsx("div", { className: re(Jt({ variant: "buttons" }), t), children: e.fields.map((c) => {
+      const w = r.find((S) => S.field === c.field), b = w?.direction === "asc" ? gi : vi;
       return /* @__PURE__ */ i.jsxs(
-        je,
+        Ce,
         {
           type: "button",
-          variant: m ? "secondary" : "outline",
+          variant: w ? "secondary" : "outline",
           size: "sm",
-          onClick: () => u(c.field),
+          onClick: () => d(c.field),
           className: "gap-2",
           children: [
             /* @__PURE__ */ i.jsx("span", { children: c.label || c.field }),
-            m && /* @__PURE__ */ i.jsx(v, { className: "h-3.5 w-3.5" })
+            w && /* @__PURE__ */ i.jsx(b, { className: "h-3.5 w-3.5" })
           ]
         },
         c.field
       );
     }) });
   if (e.multiple)
-    return /* @__PURE__ */ i.jsx("div", { className: oe(Jt({ variant: "builder" }), t), children: /* @__PURE__ */ i.jsx(
+    return /* @__PURE__ */ i.jsx("div", { className: re(Jt({ variant: "builder" }), t), children: /* @__PURE__ */ i.jsx(
       Hr,
       {
         fields: e.fields.map((c) => ({ value: c.field, label: c.label || c.field })),
@@ -1303,18 +1334,18 @@ const zi = ({
         }
       }
     ) });
-  const b = r[0];
-  return /* @__PURE__ */ i.jsxs("div", { className: oe(Jt({ variant: "dropdown" }), t), children: [
+  const v = r[0];
+  return /* @__PURE__ */ i.jsxs("div", { className: re(Jt({ variant: "dropdown" }), t), children: [
     /* @__PURE__ */ i.jsxs(
       Ot,
       {
-        value: b?.field || "",
+        value: v?.field || "",
         onValueChange: (c) => {
           if (!c) {
             a([]);
             return;
           }
-          a([{ field: c, direction: b?.direction || "asc" }]);
+          a([{ field: c, direction: v?.direction || "asc" }]);
         },
         children: [
           /* @__PURE__ */ i.jsx(It, { className: "w-56", children: /* @__PURE__ */ i.jsx(kt, { placeholder: "Select field" }) }),
@@ -1325,9 +1356,9 @@ const zi = ({
     /* @__PURE__ */ i.jsxs(
       Ot,
       {
-        value: b?.direction || "asc",
+        value: v?.direction || "asc",
         onValueChange: (c) => {
-          b?.field && a([{ field: b.field, direction: c }]);
+          v?.field && a([{ field: v.field, direction: c }]);
         },
         children: [
           /* @__PURE__ */ i.jsx(It, { className: "w-36", children: /* @__PURE__ */ i.jsx(kt, {}) }),
@@ -1359,26 +1390,26 @@ const qi = ({
   onShare: r,
   className: o
 }) => {
-  const [s, l] = J.useState(null), [a, u] = J.useState(!1), [p, b] = J.useState(!1), [c, m] = J.useState(""), [v, S] = J.useState(""), f = n ?? (typeof window < "u" ? window.location.origin : ""), j = J.useCallback(() => {
-    const w = Hi(), C = Xi(f, e, t, w);
-    l(C), u(!1);
-    const T = v ? new Date(Date.now() + parseInt(v, 10) * 864e5).toISOString() : void 0;
-    r?.(C, { password: c || void 0, expiresAt: T });
-  }, [f, e, t, r, c, v]), N = J.useCallback(async () => {
+  const [s, l] = Q.useState(null), [a, d] = Q.useState(!1), [p, v] = Q.useState(!1), [c, w] = Q.useState(""), [b, S] = Q.useState(""), f = n ?? (typeof window < "u" ? window.location.origin : ""), j = Q.useCallback(() => {
+    const m = Hi(), C = Xi(f, e, t, m);
+    l(C), d(!1);
+    const A = b ? new Date(Date.now() + parseInt(b, 10) * 864e5).toISOString() : void 0;
+    r?.(C, { password: c || void 0, expiresAt: A });
+  }, [f, e, t, r, c, b]), N = Q.useCallback(async () => {
     if (s)
       try {
-        await navigator.clipboard.writeText(s), u(!0), setTimeout(() => u(!1), 2e3);
+        await navigator.clipboard.writeText(s), d(!0), setTimeout(() => d(!1), 2e3);
       } catch {
-        const w = document.createElement("textarea");
-        w.value = s, document.body.appendChild(w), w.select(), document.execCommand("copy"), document.body.removeChild(w), u(!0), setTimeout(() => u(!1), 2e3);
+        const m = document.createElement("textarea");
+        m.value = s, document.body.appendChild(m), m.select(), document.execCommand("copy"), document.body.removeChild(m), d(!0), setTimeout(() => d(!1), 2e3);
       }
   }, [s]);
-  return /* @__PURE__ */ i.jsxs(sr, { open: p, onOpenChange: b, children: [
-    /* @__PURE__ */ i.jsx(ar, { asChild: !0, children: /* @__PURE__ */ i.jsxs(je, { variant: "outline", size: "sm", className: oe("gap-2", o), children: [
+  return /* @__PURE__ */ i.jsxs(ar, { open: p, onOpenChange: v, children: [
+    /* @__PURE__ */ i.jsx(lr, { asChild: !0, children: /* @__PURE__ */ i.jsxs(Ce, { variant: "outline", size: "sm", className: re("gap-2", o), children: [
       /* @__PURE__ */ i.jsx(Mt, { className: "h-4 w-4" }),
       "Share"
     ] }) }),
-    /* @__PURE__ */ i.jsxs(lr, { className: "w-96 space-y-4", align: "end", children: [
+    /* @__PURE__ */ i.jsxs(cr, { className: "w-96 space-y-4", align: "end", children: [
       /* @__PURE__ */ i.jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ i.jsxs("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ i.jsx("h4", { className: "text-sm font-medium", children: "Share View" }),
@@ -1394,31 +1425,31 @@ const qi = ({
               value: s,
               readOnly: !0,
               className: "h-8 text-xs",
-              onClick: (w) => w.target.select()
+              onClick: (m) => m.target.select()
             }
           ),
           /* @__PURE__ */ i.jsx(
-            je,
+            Ce,
             {
               variant: "outline",
               size: "sm",
               onClick: N,
               className: "shrink-0 gap-1",
-              children: a ? /* @__PURE__ */ i.jsx(vi, { className: "h-4 w-4 text-green-500" }) : /* @__PURE__ */ i.jsx(un, { className: "h-4 w-4" })
+              children: a ? /* @__PURE__ */ i.jsx(bi, { className: "h-4 w-4 text-green-500" }) : /* @__PURE__ */ i.jsx(un, { className: "h-4 w-4" })
             }
           )
         ] }),
-        (c || v) && /* @__PURE__ */ i.jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+        (c || b) && /* @__PURE__ */ i.jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
           c && /* @__PURE__ */ i.jsxs(Ht, { variant: "outline", className: "text-xs gap-1", children: [
             /* @__PURE__ */ i.jsx(on, { className: "h-3 w-3" }),
             "Password protected"
           ] }),
-          v && /* @__PURE__ */ i.jsxs(Ht, { variant: "outline", className: "text-xs gap-1", children: [
+          b && /* @__PURE__ */ i.jsxs(Ht, { variant: "outline", className: "text-xs gap-1", children: [
             /* @__PURE__ */ i.jsx(rn, { className: "h-3 w-3" }),
             "Expires in ",
-            v,
+            b,
             " day",
-            v !== "1" ? "s" : ""
+            b !== "1" ? "s" : ""
           ] })
         ] })
       ] }) : /* @__PURE__ */ i.jsxs("div", { className: "space-y-3", children: [
@@ -1432,7 +1463,7 @@ const qi = ({
             {
               type: "password",
               value: c,
-              onChange: (w) => m(w.target.value),
+              onChange: (m) => w(m.target.value),
               placeholder: "Enter password...",
               className: "h-8 text-xs"
             }
@@ -1446,8 +1477,8 @@ const qi = ({
           /* @__PURE__ */ i.jsxs(
             "select",
             {
-              value: v,
-              onChange: (w) => S(w.target.value),
+              value: b,
+              onChange: (m) => S(m.target.value),
               className: "w-full h-8 text-xs rounded-md border border-input bg-background px-3",
               children: [
                 /* @__PURE__ */ i.jsx("option", { value: "", children: "Never" }),
@@ -1459,7 +1490,7 @@ const qi = ({
             }
           )
         ] }),
-        /* @__PURE__ */ i.jsxs(je, { onClick: j, className: "w-full gap-2", size: "sm", children: [
+        /* @__PURE__ */ i.jsxs(Ce, { onClick: j, className: "w-full gap-2", size: "sm", children: [
           /* @__PURE__ */ i.jsx(Mt, { className: "h-4 w-4" }),
           "Generate Link"
         ] })
@@ -1470,7 +1501,7 @@ const qi = ({
 function Ki() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
     t[n] = arguments[n];
-  return k(
+  return V(
     () => (r) => {
       t.forEach((o) => o(r));
     },
@@ -1487,45 +1518,45 @@ function tt(e) {
 function pn(e) {
   return "nodeType" in e;
 }
-function Ce(e) {
+function Se(e) {
   var t, n;
   return e ? tt(e) ? e : pn(e) && (t = (n = e.ownerDocument) == null ? void 0 : n.defaultView) != null ? t : window : window;
 }
 function hn(e) {
   const {
     Document: t
-  } = Ce(e);
+  } = Se(e);
   return e instanceof t;
 }
 function yt(e) {
-  return tt(e) ? !1 : e instanceof Ce(e).HTMLElement;
+  return tt(e) ? !1 : e instanceof Se(e).HTMLElement;
 }
-function hr(e) {
-  return e instanceof Ce(e).SVGElement;
+function gr(e) {
+  return e instanceof Se(e).SVGElement;
 }
 function nt(e) {
-  return e ? tt(e) ? e.document : pn(e) ? hn(e) ? e : yt(e) || hr(e) ? e.ownerDocument : document : document : document;
+  return e ? tt(e) ? e.document : pn(e) ? hn(e) ? e : yt(e) || gr(e) ? e.ownerDocument : document : document : document;
 }
-const Me = zt ? Vr : Y;
+const Me = zt ? Mr : W;
 function gn(e) {
   const t = q(e);
   return Me(() => {
     t.current = e;
-  }), P(function() {
+  }), L(function() {
     for (var n = arguments.length, r = new Array(n), o = 0; o < n; o++)
       r[o] = arguments[o];
     return t.current == null ? void 0 : t.current(...r);
   }, []);
 }
 function Ji() {
-  const e = q(null), t = P((r, o) => {
+  const e = q(null), t = L((r, o) => {
     e.current = setInterval(r, o);
-  }, []), n = P(() => {
+  }, []), n = L(() => {
     e.current !== null && (clearInterval(e.current), e.current = null);
   }, []);
   return [t, n];
 }
-function vt(e, t) {
+function bt(e, t) {
   t === void 0 && (t = [e]);
   const n = q(e);
   return Me(() => {
@@ -1534,7 +1565,7 @@ function vt(e, t) {
 }
 function jt(e, t) {
   const n = q();
-  return k(
+  return V(
     () => {
       const r = e(n.current);
       return n.current = r, r;
@@ -1544,7 +1575,7 @@ function jt(e, t) {
   );
 }
 function Pt(e) {
-  const t = gn(e), n = q(null), r = P(
+  const t = gn(e), n = q(null), r = L(
     (o) => {
       o !== n.current && t?.(o, n.current), n.current = o;
     },
@@ -1555,28 +1586,28 @@ function Pt(e) {
 }
 function sn(e) {
   const t = q();
-  return Y(() => {
+  return W(() => {
     t.current = e;
   }, [e]), t.current;
 }
 let Zt = {};
 function Ct(e, t) {
-  return k(() => {
+  return V(() => {
     if (t)
       return t;
     const n = Zt[e] == null ? 0 : Zt[e] + 1;
     return Zt[e] = n, e + "-" + n;
   }, [e, t]);
 }
-function gr(e) {
+function vr(e) {
   return function(t) {
     for (var n = arguments.length, r = new Array(n > 1 ? n - 1 : 0), o = 1; o < n; o++)
       r[o - 1] = arguments[o];
     return r.reduce((s, l) => {
       const a = Object.entries(l);
-      for (const [u, p] of a) {
-        const b = s[u];
-        b != null && (s[u] = b + e * p);
+      for (const [d, p] of a) {
+        const v = s[d];
+        v != null && (s[d] = v + e * p);
       }
       return s;
     }, {
@@ -1584,16 +1615,16 @@ function gr(e) {
     });
   };
 }
-const Ze = /* @__PURE__ */ gr(1), Lt = /* @__PURE__ */ gr(-1);
+const Ze = /* @__PURE__ */ vr(1), Lt = /* @__PURE__ */ vr(-1);
 function Qi(e) {
   return "clientX" in e && "clientY" in e;
 }
-function bn(e) {
+function vn(e) {
   if (!e)
     return !1;
   const {
     KeyboardEvent: t
-  } = Ce(e.target);
+  } = Se(e.target);
   return t && e instanceof t;
 }
 function Zi(e) {
@@ -1601,7 +1632,7 @@ function Zi(e) {
     return !1;
   const {
     TouchEvent: t
-  } = Ce(e.target);
+  } = Se(e.target);
   return t && e instanceof t;
 }
 function an(e) {
@@ -1670,9 +1701,9 @@ const mt = /* @__PURE__ */ Object.freeze({
       return t + " " + n + "ms " + r;
     }
   }
-}), _n = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
+}), $n = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
 function eo(e) {
-  return e.matches(_n) ? e : e.querySelector(_n);
+  return e.matches($n) ? e : e.querySelector($n);
 }
 const to = {
   display: "none"
@@ -1682,7 +1713,7 @@ function no(e) {
     id: t,
     value: n
   } = e;
-  return ge.createElement("div", {
+  return ve.createElement("div", {
     id: t,
     style: to
   }, n);
@@ -1707,7 +1738,7 @@ function ro(e) {
     clipPath: "inset(100%)",
     whiteSpace: "nowrap"
   };
-  return ge.createElement("div", {
+  return ve.createElement("div", {
     id: t,
     style: o,
     role: "status",
@@ -1718,7 +1749,7 @@ function ro(e) {
 function io() {
   const [e, t] = ee("");
   return {
-    announce: P((r) => {
+    announce: L((r) => {
       r != null && t(r);
     }, []),
     announcement: e
@@ -1727,15 +1758,15 @@ function io() {
 const br = /* @__PURE__ */ wt(null);
 function oo(e) {
   const t = Ge(br);
-  Y(() => {
+  W(() => {
     if (!t)
       throw new Error("useDndMonitor must be used within a children of <DndContext>");
     return t(e);
   }, [e, t]);
 }
 function so() {
-  const [e] = ee(() => /* @__PURE__ */ new Set()), t = P((r) => (e.add(r), () => e.delete(r)), [e]);
-  return [P((r) => {
+  const [e] = ee(() => /* @__PURE__ */ new Set()), t = L((r) => (e.add(r), () => e.delete(r)), [e]);
+  return [L((r) => {
     let {
       type: o,
       event: s
@@ -1790,77 +1821,77 @@ function co(e) {
   const {
     announce: s,
     announcement: l
-  } = io(), a = Ct("DndLiveRegion"), [u, p] = ee(!1);
-  if (Y(() => {
+  } = io(), a = Ct("DndLiveRegion"), [d, p] = ee(!1);
+  if (W(() => {
     p(!0);
-  }, []), oo(k(() => ({
+  }, []), oo(V(() => ({
     onDragStart(c) {
       let {
-        active: m
+        active: w
       } = c;
       s(t.onDragStart({
-        active: m
+        active: w
       }));
     },
     onDragMove(c) {
       let {
-        active: m,
-        over: v
+        active: w,
+        over: b
       } = c;
       t.onDragMove && s(t.onDragMove({
-        active: m,
-        over: v
+        active: w,
+        over: b
       }));
     },
     onDragOver(c) {
       let {
-        active: m,
-        over: v
+        active: w,
+        over: b
       } = c;
       s(t.onDragOver({
-        active: m,
-        over: v
+        active: w,
+        over: b
       }));
     },
     onDragEnd(c) {
       let {
-        active: m,
-        over: v
+        active: w,
+        over: b
       } = c;
       s(t.onDragEnd({
-        active: m,
-        over: v
+        active: w,
+        over: b
       }));
     },
     onDragCancel(c) {
       let {
-        active: m,
-        over: v
+        active: w,
+        over: b
       } = c;
       s(t.onDragCancel({
-        active: m,
-        over: v
+        active: w,
+        over: b
       }));
     }
-  }), [s, t])), !u)
+  }), [s, t])), !d)
     return null;
-  const b = ge.createElement(ge.Fragment, null, ge.createElement(no, {
+  const v = ve.createElement(ve.Fragment, null, ve.createElement(no, {
     id: r,
     value: o.draggable
-  }), ge.createElement(ro, {
+  }), ve.createElement(ro, {
     id: a,
     announcement: l
   }));
-  return n ? Di(b, n) : b;
+  return n ? Di(v, n) : v;
 }
-var ue;
+var fe;
 (function(e) {
   e.DragStart = "dragStart", e.DragMove = "dragMove", e.DragEnd = "dragEnd", e.DragCancel = "dragCancel", e.DragOver = "dragOver", e.RegisterDroppable = "registerDroppable", e.SetDroppableDisabled = "setDroppableDisabled", e.UnregisterDroppable = "unregisterDroppable";
-})(ue || (ue = {}));
+})(fe || (fe = {}));
 function _t() {
 }
-function $n(e, t) {
-  return k(
+function zn(e, t) {
+  return V(
     () => ({
       sensor: e,
       options: t ?? {}
@@ -1872,7 +1903,7 @@ function $n(e, t) {
 function uo() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
     t[n] = arguments[n];
-  return k(
+  return V(
     () => [...t].filter((r) => r != null),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [...t]
@@ -1915,25 +1946,25 @@ function go(e, t) {
   const [n] = e;
   return n[t];
 }
-function zn(e, t, n) {
+function Bn(e, t, n) {
   return t === void 0 && (t = e.left), n === void 0 && (n = e.top), {
     x: t + e.width * 0.5,
     y: n + e.height * 0.5
   };
 }
-const bo = (e) => {
+const vo = (e) => {
   let {
     collisionRect: t,
     droppableRects: n,
     droppableContainers: r
   } = e;
-  const o = zn(t, t.left, t.top), s = [];
+  const o = Bn(t, t.left, t.top), s = [];
   for (const l of r) {
     const {
       id: a
-    } = l, u = n.get(a);
-    if (u) {
-      const p = fo(zn(u), o);
+    } = l, d = n.get(a);
+    if (d) {
+      const p = fo(Bn(d), o);
       s.push({
         id: a,
         data: {
@@ -1945,10 +1976,10 @@ const bo = (e) => {
   }
   return s.sort(po);
 };
-function vo(e, t) {
+function bo(e, t) {
   const n = Math.max(t.top, e.top), r = Math.max(t.left, e.left), o = Math.min(t.left + t.width, e.left + e.width), s = Math.min(t.top + t.height, e.top + e.height), l = o - r, a = s - n;
   if (r < o && n < s) {
-    const u = t.width * t.height, p = e.width * e.height, b = l * a, c = b / (u + p - b);
+    const d = t.width * t.height, p = e.width * e.height, v = l * a, c = v / (d + p - v);
     return Number(c.toFixed(4));
   }
   return 0;
@@ -1965,12 +1996,12 @@ const mo = (e) => {
       id: l
     } = s, a = n.get(l);
     if (a) {
-      const u = vo(a, t);
-      u > 0 && o.push({
+      const d = bo(a, t);
+      d > 0 && o.push({
         id: l,
         data: {
           droppableContainer: s,
-          value: u
+          value: d
         }
       });
     }
@@ -1984,7 +2015,7 @@ function xo(e, t, n) {
     scaleY: t && n ? t.height / n.height : 1
   };
 }
-function vr(e, t) {
+function mr(e, t) {
   return e && t ? {
     x: e.left - t.left,
     y: e.top - t.top
@@ -2035,14 +2066,14 @@ function Co(e, t, n) {
     scaleY: s,
     x: l,
     y: a
-  } = r, u = e.left - l - (1 - o) * parseFloat(n), p = e.top - a - (1 - s) * parseFloat(n.slice(n.indexOf(" ") + 1)), b = o ? e.width / o : e.width, c = s ? e.height / s : e.height;
+  } = r, d = e.left - l - (1 - o) * parseFloat(n), p = e.top - a - (1 - s) * parseFloat(n.slice(n.indexOf(" ") + 1)), v = o ? e.width / o : e.width, c = s ? e.height / s : e.height;
   return {
-    width: b,
+    width: v,
     height: c,
     top: p,
-    right: u + b,
+    right: d + v,
     bottom: p + c,
-    left: u
+    left: d
   };
 }
 const So = {
@@ -2054,9 +2085,9 @@ function rt(e, t) {
   if (t.ignoreTransform) {
     const {
       transform: p,
-      transformOrigin: b
-    } = Ce(e).getComputedStyle(e);
-    p && (n = Co(n, p, b));
+      transformOrigin: v
+    } = Se(e).getComputedStyle(e);
+    p && (n = Co(n, p, v));
   }
   const {
     top: r,
@@ -2064,7 +2095,7 @@ function rt(e, t) {
     width: s,
     height: l,
     bottom: a,
-    right: u
+    right: d
   } = n;
   return {
     top: r,
@@ -2072,10 +2103,10 @@ function rt(e, t) {
     width: s,
     height: l,
     bottom: a,
-    right: u
+    right: d
   };
 }
-function Bn(e) {
+function Un(e) {
   return rt(e, {
     ignoreTransform: !0
   });
@@ -2092,61 +2123,61 @@ function No(e) {
   };
 }
 function Do(e, t) {
-  return t === void 0 && (t = Ce(e).getComputedStyle(e)), t.position === "fixed";
+  return t === void 0 && (t = Se(e).getComputedStyle(e)), t.position === "fixed";
 }
 function Ro(e, t) {
-  t === void 0 && (t = Ce(e).getComputedStyle(e));
+  t === void 0 && (t = Se(e).getComputedStyle(e));
   const n = /(auto|scroll|overlay)/;
   return ["overflow", "overflowX", "overflowY"].some((o) => {
     const s = t[o];
     return typeof s == "string" ? n.test(s) : !1;
   });
 }
-function vn(e, t) {
+function bn(e, t) {
   const n = [];
   function r(o) {
     if (t != null && n.length >= t || !o)
       return n;
     if (hn(o) && o.scrollingElement != null && !n.includes(o.scrollingElement))
       return n.push(o.scrollingElement), n;
-    if (!yt(o) || hr(o) || n.includes(o))
+    if (!yt(o) || gr(o) || n.includes(o))
       return n;
-    const s = Ce(e).getComputedStyle(o);
+    const s = Se(e).getComputedStyle(o);
     return o !== e && Ro(o, s) && n.push(o), Do(o, s) ? n : r(o.parentNode);
   }
   return e ? r(e) : n;
 }
-function mr(e) {
-  const [t] = vn(e, 1);
+function xr(e) {
+  const [t] = bn(e, 1);
   return t ?? null;
 }
 function en(e) {
   return !zt || !e ? null : tt(e) ? e : pn(e) ? hn(e) || e === nt(e).scrollingElement ? window : yt(e) ? e : null : null;
 }
-function xr(e) {
+function wr(e) {
   return tt(e) ? e.scrollX : e.scrollLeft;
 }
-function wr(e) {
+function yr(e) {
   return tt(e) ? e.scrollY : e.scrollTop;
 }
 function ln(e) {
   return {
-    x: xr(e),
-    y: wr(e)
+    x: wr(e),
+    y: yr(e)
   };
 }
-var he;
+var ge;
 (function(e) {
   e[e.Forward = 1] = "Forward", e[e.Backward = -1] = "Backward";
-})(he || (he = {}));
-function yr(e) {
+})(ge || (ge = {}));
+function jr(e) {
   return !zt || !e ? !1 : e === document.scrollingElement;
 }
-function jr(e) {
+function Cr(e) {
   const t = {
     x: 0,
     y: 0
-  }, n = yr(e) ? {
+  }, n = jr(e) ? {
     height: window.innerHeight,
     width: window.innerWidth
   } : {
@@ -2174,15 +2205,15 @@ function Ao(e, t, n, r, o) {
     top: s,
     left: l,
     right: a,
-    bottom: u
+    bottom: d
   } = n;
   r === void 0 && (r = 10), o === void 0 && (o = Eo);
   const {
     isTop: p,
-    isBottom: b,
+    isBottom: v,
     isLeft: c,
-    isRight: m
-  } = jr(e), v = {
+    isRight: w
+  } = Cr(e), b = {
     x: 0,
     y: 0
   }, S = {
@@ -2192,8 +2223,8 @@ function Ao(e, t, n, r, o) {
     height: t.height * o.y,
     width: t.width * o.x
   };
-  return !p && s <= t.top + f.height ? (v.y = he.Backward, S.y = r * Math.abs((t.top + f.height - s) / f.height)) : !b && u >= t.bottom - f.height && (v.y = he.Forward, S.y = r * Math.abs((t.bottom - f.height - u) / f.height)), !m && a >= t.right - f.width ? (v.x = he.Forward, S.x = r * Math.abs((t.right - f.width - a) / f.width)) : !c && l <= t.left + f.width && (v.x = he.Backward, S.x = r * Math.abs((t.left + f.width - l) / f.width)), {
-    direction: v,
+  return !p && s <= t.top + f.height ? (b.y = ge.Backward, S.y = r * Math.abs((t.top + f.height - s) / f.height)) : !v && d >= t.bottom - f.height && (b.y = ge.Forward, S.y = r * Math.abs((t.bottom - f.height - d) / f.height)), !w && a >= t.right - f.width ? (b.x = ge.Forward, S.x = r * Math.abs((t.right - f.width - a) / f.width)) : !c && l <= t.left + f.width && (b.x = ge.Backward, S.x = r * Math.abs((t.left + f.width - l) / f.width)), {
+    direction: b,
     speed: S
   };
 }
@@ -2227,14 +2258,14 @@ function To(e) {
     height: e.clientHeight
   };
 }
-function Cr(e) {
+function Sr(e) {
   return e.reduce((t, n) => Ze(t, ln(n)), Oe);
 }
 function Fo(e) {
-  return e.reduce((t, n) => t + xr(n), 0);
+  return e.reduce((t, n) => t + wr(n), 0);
 }
 function Oo(e) {
-  return e.reduce((t, n) => t + wr(n), 0);
+  return e.reduce((t, n) => t + yr(n), 0);
 }
 function Io(e, t) {
   if (t === void 0 && (t = rt), !e)
@@ -2245,7 +2276,7 @@ function Io(e, t) {
     bottom: o,
     right: s
   } = t(e);
-  mr(e) && (o <= 0 || s <= 0 || n >= window.innerHeight || r >= window.innerWidth) && e.scrollIntoView({
+  xr(e) && (o <= 0 || s <= 0 || n >= window.innerHeight || r >= window.innerWidth) && e.scrollIntoView({
     block: "center",
     inline: "center"
   });
@@ -2254,16 +2285,16 @@ const ko = [["x", ["left", "right"], Fo], ["y", ["top", "bottom"], Oo]];
 class mn {
   constructor(t, n) {
     this.rect = void 0, this.width = void 0, this.height = void 0, this.top = void 0, this.bottom = void 0, this.right = void 0, this.left = void 0;
-    const r = vn(n), o = Cr(r);
+    const r = bn(n), o = Sr(r);
     this.rect = {
       ...t
     }, this.width = t.width, this.height = t.height;
     for (const [s, l, a] of ko)
-      for (const u of l)
-        Object.defineProperty(this, u, {
+      for (const d of l)
+        Object.defineProperty(this, d, {
           get: () => {
-            const p = a(r), b = o[s] - p;
-            return this.rect[u] + b;
+            const p = a(r), v = o[s] - p;
+            return this.rect[d] + v;
           },
           enumerable: !0
         });
@@ -2289,7 +2320,7 @@ class ht {
 function Vo(e) {
   const {
     EventTarget: t
-  } = Ce(e);
+  } = Se(e);
   return e instanceof t ? e : nt(e);
 }
 function tn(e, t) {
@@ -2300,41 +2331,41 @@ var Fe;
 (function(e) {
   e.Click = "click", e.DragStart = "dragstart", e.Keydown = "keydown", e.ContextMenu = "contextmenu", e.Resize = "resize", e.SelectionChange = "selectionchange", e.VisibilityChange = "visibilitychange";
 })(Fe || (Fe = {}));
-function Un(e) {
+function Yn(e) {
   e.preventDefault();
 }
 function Mo(e) {
   e.stopPropagation();
 }
-var $;
+var z;
 (function(e) {
   e.Space = "Space", e.Down = "ArrowDown", e.Right = "ArrowRight", e.Left = "ArrowLeft", e.Up = "ArrowUp", e.Esc = "Escape", e.Enter = "Enter", e.Tab = "Tab";
-})($ || ($ = {}));
-const Sr = {
-  start: [$.Space, $.Enter],
-  cancel: [$.Esc],
-  end: [$.Space, $.Enter, $.Tab]
+})(z || (z = {}));
+const Nr = {
+  start: [z.Space, z.Enter],
+  cancel: [z.Esc],
+  end: [z.Space, z.Enter, z.Tab]
 }, Po = (e, t) => {
   let {
     currentCoordinates: n
   } = t;
   switch (e.code) {
-    case $.Right:
+    case z.Right:
       return {
         ...n,
         x: n.x + 25
       };
-    case $.Left:
+    case z.Left:
       return {
         ...n,
         x: n.x - 25
       };
-    case $.Down:
+    case z.Down:
       return {
         ...n,
         y: n.y + 25
       };
-    case $.Up:
+    case z.Up:
       return {
         ...n,
         y: n.y - 25
@@ -2349,7 +2380,7 @@ class xn {
         target: n
       }
     } = t;
-    this.props = t, this.listeners = new ht(nt(n)), this.windowListeners = new ht(Ce(n)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
+    this.props = t, this.listeners = new ht(nt(n)), this.windowListeners = new ht(Se(n)), this.handleKeyDown = this.handleKeyDown.bind(this), this.handleCancel = this.handleCancel.bind(this), this.attach();
   }
   attach() {
     this.handleStart(), this.windowListeners.add(Fe.Resize, this.handleCancel), this.windowListeners.add(Fe.VisibilityChange, this.handleCancel), setTimeout(() => this.listeners.add(Fe.Keydown, this.handleKeyDown));
@@ -2362,40 +2393,40 @@ class xn {
     r && Io(r), n(Oe);
   }
   handleKeyDown(t) {
-    if (bn(t)) {
+    if (vn(t)) {
       const {
         active: n,
         context: r,
         options: o
       } = this.props, {
-        keyboardCodes: s = Sr,
+        keyboardCodes: s = Nr,
         coordinateGetter: l = Po,
         scrollBehavior: a = "smooth"
       } = o, {
-        code: u
+        code: d
       } = t;
-      if (s.end.includes(u)) {
+      if (s.end.includes(d)) {
         this.handleEnd(t);
         return;
       }
-      if (s.cancel.includes(u)) {
+      if (s.cancel.includes(d)) {
         this.handleCancel(t);
         return;
       }
       const {
         collisionRect: p
-      } = r.current, b = p ? {
+      } = r.current, v = p ? {
         x: p.left,
         y: p.top
       } : Oe;
-      this.referenceCoordinates || (this.referenceCoordinates = b);
+      this.referenceCoordinates || (this.referenceCoordinates = v);
       const c = l(t, {
         active: n,
         context: r.current,
-        currentCoordinates: b
+        currentCoordinates: v
       });
       if (c) {
-        const m = Lt(c, b), v = {
+        const w = Lt(c, v), b = {
           x: 0,
           y: 0
         }, {
@@ -2404,46 +2435,46 @@ class xn {
         for (const f of S) {
           const j = t.code, {
             isTop: N,
-            isRight: w,
+            isRight: m,
             isLeft: C,
-            isBottom: T,
-            maxScroll: O,
-            minScroll: V
-          } = jr(f), x = To(f), E = {
-            x: Math.min(j === $.Right ? x.right - x.width / 2 : x.right, Math.max(j === $.Right ? x.left : x.left + x.width / 2, c.x)),
-            y: Math.min(j === $.Down ? x.bottom - x.height / 2 : x.bottom, Math.max(j === $.Down ? x.top : x.top + x.height / 2, c.y))
-          }, I = j === $.Right && !w || j === $.Left && !C, M = j === $.Down && !T || j === $.Up && !N;
-          if (I && E.x !== c.x) {
-            const L = f.scrollLeft + m.x, z = j === $.Right && L <= O.x || j === $.Left && L >= V.x;
-            if (z && !m.y) {
+            isBottom: A,
+            maxScroll: F,
+            minScroll: k
+          } = Cr(f), x = To(f), R = {
+            x: Math.min(j === z.Right ? x.right - x.width / 2 : x.right, Math.max(j === z.Right ? x.left : x.left + x.width / 2, c.x)),
+            y: Math.min(j === z.Down ? x.bottom - x.height / 2 : x.bottom, Math.max(j === z.Down ? x.top : x.top + x.height / 2, c.y))
+          }, I = j === z.Right && !m || j === z.Left && !C, M = j === z.Down && !A || j === z.Up && !N;
+          if (I && R.x !== c.x) {
+            const _ = f.scrollLeft + w.x, B = j === z.Right && _ <= F.x || j === z.Left && _ >= k.x;
+            if (B && !w.y) {
               f.scrollTo({
-                left: L,
+                left: _,
                 behavior: a
               });
               return;
             }
-            z ? v.x = f.scrollLeft - L : v.x = j === $.Right ? f.scrollLeft - O.x : f.scrollLeft - V.x, v.x && f.scrollBy({
-              left: -v.x,
+            B ? b.x = f.scrollLeft - _ : b.x = j === z.Right ? f.scrollLeft - F.x : f.scrollLeft - k.x, b.x && f.scrollBy({
+              left: -b.x,
               behavior: a
             });
             break;
-          } else if (M && E.y !== c.y) {
-            const L = f.scrollTop + m.y, z = j === $.Down && L <= O.y || j === $.Up && L >= V.y;
-            if (z && !m.x) {
+          } else if (M && R.y !== c.y) {
+            const _ = f.scrollTop + w.y, B = j === z.Down && _ <= F.y || j === z.Up && _ >= k.y;
+            if (B && !w.x) {
               f.scrollTo({
-                top: L,
+                top: _,
                 behavior: a
               });
               return;
             }
-            z ? v.y = f.scrollTop - L : v.y = j === $.Down ? f.scrollTop - O.y : f.scrollTop - V.y, v.y && f.scrollBy({
-              top: -v.y,
+            B ? b.y = f.scrollTop - _ : b.y = j === z.Down ? f.scrollTop - F.y : f.scrollTop - k.y, b.y && f.scrollBy({
+              top: -b.y,
               behavior: a
             });
             break;
           }
         }
-        this.handleMove(t, Ze(Lt(c, this.referenceCoordinates), v));
+        this.handleMove(t, Ze(Lt(c, this.referenceCoordinates), b));
       }
     }
   }
@@ -2473,7 +2504,7 @@ xn.activators = [{
   eventName: "onKeyDown",
   handler: (e, t, n) => {
     let {
-      keyboardCodes: r = Sr,
+      keyboardCodes: r = Nr,
       onActivation: o
     } = t, {
       active: s
@@ -2490,10 +2521,10 @@ xn.activators = [{
     return !1;
   }
 }];
-function Yn(e) {
+function Wn(e) {
   return !!(e && "distance" in e);
 }
-function Wn(e) {
+function Gn(e) {
   return !!(e && "delay" in e);
 }
 class wn {
@@ -2505,7 +2536,7 @@ class wn {
     } = t, {
       target: l
     } = s;
-    this.props = t, this.events = n, this.document = nt(l), this.documentListeners = new ht(this.document), this.listeners = new ht(r), this.windowListeners = new ht(Ce(l)), this.initialCoordinates = (o = an(s)) != null ? o : Oe, this.handleStart = this.handleStart.bind(this), this.handleMove = this.handleMove.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleCancel = this.handleCancel.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.removeTextSelection = this.removeTextSelection.bind(this), this.attach();
+    this.props = t, this.events = n, this.document = nt(l), this.documentListeners = new ht(this.document), this.listeners = new ht(r), this.windowListeners = new ht(Se(l)), this.initialCoordinates = (o = an(s)) != null ? o : Oe, this.handleStart = this.handleStart.bind(this), this.handleMove = this.handleMove.bind(this), this.handleEnd = this.handleEnd.bind(this), this.handleCancel = this.handleCancel.bind(this), this.handleKeydown = this.handleKeydown.bind(this), this.removeTextSelection = this.removeTextSelection.bind(this), this.attach();
   }
   attach() {
     const {
@@ -2519,18 +2550,18 @@ class wn {
     } = this;
     if (this.listeners.add(t.move.name, this.handleMove, {
       passive: !1
-    }), this.listeners.add(t.end.name, this.handleEnd), t.cancel && this.listeners.add(t.cancel.name, this.handleCancel), this.windowListeners.add(Fe.Resize, this.handleCancel), this.windowListeners.add(Fe.DragStart, Un), this.windowListeners.add(Fe.VisibilityChange, this.handleCancel), this.windowListeners.add(Fe.ContextMenu, Un), this.documentListeners.add(Fe.Keydown, this.handleKeydown), n) {
+    }), this.listeners.add(t.end.name, this.handleEnd), t.cancel && this.listeners.add(t.cancel.name, this.handleCancel), this.windowListeners.add(Fe.Resize, this.handleCancel), this.windowListeners.add(Fe.DragStart, Yn), this.windowListeners.add(Fe.VisibilityChange, this.handleCancel), this.windowListeners.add(Fe.ContextMenu, Yn), this.documentListeners.add(Fe.Keydown, this.handleKeydown), n) {
       if (r != null && r({
         event: this.props.event,
         activeNode: this.props.activeNode,
         options: this.props.options
       }))
         return this.handleStart();
-      if (Wn(n)) {
+      if (Gn(n)) {
         this.timeoutId = setTimeout(this.handleStart, n.delay), this.handlePending(n);
         return;
       }
-      if (Yn(n)) {
+      if (Wn(n)) {
         this.handlePending(n);
         return;
       }
@@ -2571,20 +2602,20 @@ class wn {
     } = s;
     if (!o)
       return;
-    const u = (n = an(t)) != null ? n : Oe, p = Lt(o, u);
+    const d = (n = an(t)) != null ? n : Oe, p = Lt(o, d);
     if (!r && a) {
-      if (Yn(a)) {
+      if (Wn(a)) {
         if (a.tolerance != null && tn(p, a.tolerance))
           return this.handleCancel();
         if (tn(p, a.distance))
           return this.handleStart();
       }
-      if (Wn(a) && tn(p, a.tolerance))
+      if (Gn(a) && tn(p, a.tolerance))
         return this.handleCancel();
       this.handlePending(a, p);
       return;
     }
-    t.cancelable && t.preventDefault(), l(u);
+    t.cancelable && t.preventDefault(), l(d);
   }
   handleEnd() {
     const {
@@ -2601,7 +2632,7 @@ class wn {
     this.detach(), this.activated || t(this.props.active), n();
   }
   handleKeydown(t) {
-    t.code === $.Esc && this.handleCancel();
+    t.code === z.Esc && this.handleCancel();
   }
   removeTextSelection() {
     var t;
@@ -2729,13 +2760,13 @@ function Bo(e) {
     enabled: s,
     interval: l = 5,
     order: a = $t.TreeOrder,
-    pointerCoordinates: u,
+    pointerCoordinates: d,
     scrollableAncestors: p,
-    scrollableAncestorRects: b,
+    scrollableAncestorRects: v,
     delta: c,
-    threshold: m
+    threshold: w
   } = e;
-  const v = Yo({
+  const b = Yo({
     delta: c,
     disabled: !s
   }), [S, f] = Ji(), j = q({
@@ -2744,45 +2775,45 @@ function Bo(e) {
   }), N = q({
     x: 0,
     y: 0
-  }), w = k(() => {
+  }), m = V(() => {
     switch (n) {
       case gt.Pointer:
-        return u ? {
-          top: u.y,
-          bottom: u.y,
-          left: u.x,
-          right: u.x
+        return d ? {
+          top: d.y,
+          bottom: d.y,
+          left: d.x,
+          right: d.x
         } : null;
       case gt.DraggableRect:
         return o;
     }
-  }, [n, o, u]), C = q(null), T = P(() => {
-    const V = C.current;
-    if (!V)
+  }, [n, o, d]), C = q(null), A = L(() => {
+    const k = C.current;
+    if (!k)
       return;
-    const x = j.current.x * N.current.x, E = j.current.y * N.current.y;
-    V.scrollBy(x, E);
-  }, []), O = k(() => a === $t.TreeOrder ? [...p].reverse() : p, [a, p]);
-  Y(
+    const x = j.current.x * N.current.x, R = j.current.y * N.current.y;
+    k.scrollBy(x, R);
+  }, []), F = V(() => a === $t.TreeOrder ? [...p].reverse() : p, [a, p]);
+  W(
     () => {
-      if (!s || !p.length || !w) {
+      if (!s || !p.length || !m) {
         f();
         return;
       }
-      for (const V of O) {
-        if (r?.(V) === !1)
+      for (const k of F) {
+        if (r?.(k) === !1)
           continue;
-        const x = p.indexOf(V), E = b[x];
-        if (!E)
+        const x = p.indexOf(k), R = v[x];
+        if (!R)
           continue;
         const {
           direction: I,
           speed: M
-        } = Ao(V, E, w, t, m);
-        for (const L of ["x", "y"])
-          v[L][I[L]] || (M[L] = 0, I[L] = 0);
+        } = Ao(k, R, m, t, w);
+        for (const _ of ["x", "y"])
+          b[_][I[_]] || (M[_] = 0, I[_] = 0);
         if (M.x > 0 || M.y > 0) {
-          f(), C.current = V, S(T, l), j.current = M, N.current = I;
+          f(), C.current = k, S(A, l), j.current = M, N.current = I;
           return;
         }
       }
@@ -2797,32 +2828,32 @@ function Bo(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       t,
-      T,
+      A,
       r,
       f,
       s,
       l,
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      JSON.stringify(w),
+      JSON.stringify(m),
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      JSON.stringify(v),
+      JSON.stringify(b),
       S,
       p,
-      O,
-      b,
+      F,
+      v,
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      JSON.stringify(m)
+      JSON.stringify(w)
     ]
   );
 }
 const Uo = {
   x: {
-    [he.Backward]: !1,
-    [he.Forward]: !1
+    [ge.Backward]: !1,
+    [ge.Forward]: !1
   },
   y: {
-    [he.Backward]: !1,
-    [he.Forward]: !1
+    [ge.Backward]: !1,
+    [ge.Forward]: !1
   }
 };
 function Yo(e) {
@@ -2840,12 +2871,12 @@ function Yo(e) {
     };
     return {
       x: {
-        [he.Backward]: o.x[he.Backward] || s.x === -1,
-        [he.Forward]: o.x[he.Forward] || s.x === 1
+        [ge.Backward]: o.x[ge.Backward] || s.x === -1,
+        [ge.Forward]: o.x[ge.Forward] || s.x === 1
       },
       y: {
-        [he.Backward]: o.y[he.Backward] || s.y === -1,
-        [he.Forward]: o.y[he.Forward] || s.y === 1
+        [ge.Backward]: o.y[ge.Backward] || s.y === -1,
+        [ge.Forward]: o.y[ge.Forward] || s.y === 1
       }
     };
   }, [n, t, r]);
@@ -2858,7 +2889,7 @@ function Wo(e, t) {
   }, [r, t]);
 }
 function Go(e, t) {
-  return k(() => e.reduce((n, r) => {
+  return V(() => e.reduce((n, r) => {
     const {
       sensor: o
     } = r, s = o.activators.map((l) => ({
@@ -2876,7 +2907,7 @@ var dn;
 (function(e) {
   e.Optimized = "optimized";
 })(dn || (dn = {}));
-const Gn = /* @__PURE__ */ new Map();
+const Hn = /* @__PURE__ */ new Map();
 function Ho(e, t) {
   let {
     dragging: n,
@@ -2885,54 +2916,54 @@ function Ho(e, t) {
   } = t;
   const [s, l] = ee(null), {
     frequency: a,
-    measure: u,
+    measure: d,
     strategy: p
-  } = o, b = q(e), c = j(), m = vt(c), v = P(function(N) {
-    N === void 0 && (N = []), !m.current && l((w) => w === null ? N : w.concat(N.filter((C) => !w.includes(C))));
-  }, [m]), S = q(null), f = jt((N) => {
+  } = o, v = q(e), c = j(), w = bt(c), b = L(function(N) {
+    N === void 0 && (N = []), !w.current && l((m) => m === null ? N : m.concat(N.filter((C) => !m.includes(C))));
+  }, [w]), S = q(null), f = jt((N) => {
     if (c && !n)
-      return Gn;
-    if (!N || N === Gn || b.current !== e || s != null) {
-      const w = /* @__PURE__ */ new Map();
+      return Hn;
+    if (!N || N === Hn || v.current !== e || s != null) {
+      const m = /* @__PURE__ */ new Map();
       for (let C of e) {
         if (!C)
           continue;
         if (s && s.length > 0 && !s.includes(C.id) && C.rect.current) {
-          w.set(C.id, C.rect.current);
+          m.set(C.id, C.rect.current);
           continue;
         }
-        const T = C.node.current, O = T ? new mn(u(T), T) : null;
-        C.rect.current = O, O && w.set(C.id, O);
+        const A = C.node.current, F = A ? new mn(d(A), A) : null;
+        C.rect.current = F, F && m.set(C.id, F);
       }
-      return w;
+      return m;
     }
     return N;
-  }, [e, s, n, c, u]);
-  return Y(() => {
-    b.current = e;
-  }, [e]), Y(
+  }, [e, s, n, c, d]);
+  return W(() => {
+    v.current = e;
+  }, [e]), W(
     () => {
-      c || v();
+      c || b();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n, c]
-  ), Y(
+  ), W(
     () => {
       s && s.length > 0 && l(null);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [JSON.stringify(s)]
-  ), Y(
+  ), W(
     () => {
       c || typeof a != "number" || S.current !== null || (S.current = setTimeout(() => {
-        v(), S.current = null;
+        b(), S.current = null;
       }, a));
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [a, c, v, ...r]
+    [a, c, b, ...r]
   ), {
     droppableRects: f,
-    measureDroppableContainers: v,
+    measureDroppableContainers: b,
     measuringScheduled: s != null
   };
   function j() {
@@ -2946,18 +2977,18 @@ function Ho(e, t) {
     }
   }
 }
-function Nr(e, t) {
+function Dr(e, t) {
   return jt((n) => e ? n || (typeof t == "function" ? t(e) : e) : null, [t, e]);
 }
 function Xo(e, t) {
-  return Nr(e, t);
+  return Dr(e, t);
 }
 function qo(e) {
   let {
     callback: t,
     disabled: n
   } = e;
-  const r = gn(t), o = k(() => {
+  const r = gn(t), o = V(() => {
     if (n || typeof window > "u" || typeof window.MutationObserver > "u")
       return;
     const {
@@ -2965,14 +2996,14 @@ function qo(e) {
     } = window;
     return new s(r);
   }, [r, n]);
-  return Y(() => () => o?.disconnect(), [o]), o;
+  return W(() => () => o?.disconnect(), [o]), o;
 }
 function Bt(e) {
   let {
     callback: t,
     disabled: n
   } = e;
-  const r = gn(t), o = k(
+  const r = gn(t), o = V(
     () => {
       if (n || typeof window > "u" || typeof window.ResizeObserver > "u")
         return;
@@ -2984,35 +3015,35 @@ function Bt(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n]
   );
-  return Y(() => () => o?.disconnect(), [o]), o;
+  return W(() => () => o?.disconnect(), [o]), o;
 }
 function Ko(e) {
   return new mn(rt(e), e);
 }
-function Hn(e, t, n) {
+function Xn(e, t, n) {
   t === void 0 && (t = Ko);
   const [r, o] = ee(null);
   function s() {
-    o((u) => {
+    o((d) => {
       if (!e)
         return null;
       if (e.isConnected === !1) {
         var p;
-        return (p = u ?? n) != null ? p : null;
+        return (p = d ?? n) != null ? p : null;
       }
-      const b = t(e);
-      return JSON.stringify(u) === JSON.stringify(b) ? u : b;
+      const v = t(e);
+      return JSON.stringify(d) === JSON.stringify(v) ? d : v;
     });
   }
   const l = qo({
-    callback(u) {
+    callback(d) {
       if (e)
-        for (const p of u) {
+        for (const p of d) {
           const {
-            type: b,
+            type: v,
             target: c
           } = p;
-          if (b === "childList" && c instanceof HTMLElement && c.contains(e)) {
+          if (v === "childList" && c instanceof HTMLElement && c.contains(e)) {
             s();
             break;
           }
@@ -3029,60 +3060,60 @@ function Hn(e, t, n) {
   }, [e]), r;
 }
 function Jo(e) {
-  const t = Nr(e);
-  return vr(e, t);
+  const t = Dr(e);
+  return mr(e, t);
 }
-const Xn = [];
+const qn = [];
 function Qo(e) {
-  const t = q(e), n = jt((r) => e ? r && r !== Xn && e && t.current && e.parentNode === t.current.parentNode ? r : vn(e) : Xn, [e]);
-  return Y(() => {
+  const t = q(e), n = jt((r) => e ? r && r !== qn && e && t.current && e.parentNode === t.current.parentNode ? r : bn(e) : qn, [e]);
+  return W(() => {
     t.current = e;
   }, [e]), n;
 }
 function Zo(e) {
-  const [t, n] = ee(null), r = q(e), o = P((s) => {
+  const [t, n] = ee(null), r = q(e), o = L((s) => {
     const l = en(s.target);
     l && n((a) => a ? (a.set(l, ln(l)), new Map(a)) : null);
   }, []);
-  return Y(() => {
+  return W(() => {
     const s = r.current;
     if (e !== s) {
       l(s);
-      const a = e.map((u) => {
-        const p = en(u);
+      const a = e.map((d) => {
+        const p = en(d);
         return p ? (p.addEventListener("scroll", o, {
           passive: !0
         }), [p, ln(p)]) : null;
-      }).filter((u) => u != null);
+      }).filter((d) => d != null);
       n(a.length ? new Map(a) : null), r.current = e;
     }
     return () => {
       l(e), l(s);
     };
     function l(a) {
-      a.forEach((u) => {
-        const p = en(u);
+      a.forEach((d) => {
+        const p = en(d);
         p?.removeEventListener("scroll", o);
       });
     }
-  }, [o, e]), k(() => e.length ? t ? Array.from(t.values()).reduce((s, l) => Ze(s, l), Oe) : Cr(e) : Oe, [e, t]);
+  }, [o, e]), V(() => e.length ? t ? Array.from(t.values()).reduce((s, l) => Ze(s, l), Oe) : Sr(e) : Oe, [e, t]);
 }
-function qn(e, t) {
+function Kn(e, t) {
   t === void 0 && (t = []);
   const n = q(null);
-  return Y(
+  return W(
     () => {
       n.current = null;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     t
-  ), Y(() => {
+  ), W(() => {
     const r = e !== Oe;
     r && !n.current && (n.current = e), !r && n.current && (n.current = null);
   }, [e]), n.current ? Lt(e, n.current) : Oe;
 }
 function es(e) {
-  Y(
+  W(
     () => {
       if (!zt)
         return;
@@ -3108,7 +3139,7 @@ function es(e) {
   );
 }
 function ts(e, t) {
-  return k(() => e.reduce((n, r) => {
+  return V(() => e.reduce((n, r) => {
     let {
       eventName: o,
       handler: s
@@ -3118,21 +3149,21 @@ function ts(e, t) {
     }, n;
   }, {}), [e, t]);
 }
-function Dr(e) {
-  return k(() => e ? No(e) : null, [e]);
+function Rr(e) {
+  return V(() => e ? No(e) : null, [e]);
 }
-const Kn = [];
+const Jn = [];
 function ns(e, t) {
   t === void 0 && (t = rt);
-  const [n] = e, r = Dr(n ? Ce(n) : null), [o, s] = ee(Kn);
+  const [n] = e, r = Rr(n ? Se(n) : null), [o, s] = ee(Jn);
   function l() {
-    s(() => e.length ? e.map((u) => yr(u) ? r : new mn(t(u), u)) : Kn);
+    s(() => e.length ? e.map((d) => jr(d) ? r : new mn(t(d), d)) : Jn);
   }
   const a = Bt({
     callback: l
   });
   return Me(() => {
-    a?.disconnect(), l(), e.forEach((u) => a?.observe(u));
+    a?.disconnect(), l(), e.forEach((d) => a?.observe(d));
   }, [e]), o;
 }
 function rs(e) {
@@ -3147,32 +3178,32 @@ function is(e) {
   let {
     measure: t
   } = e;
-  const [n, r] = ee(null), o = P((p) => {
+  const [n, r] = ee(null), o = L((p) => {
     for (const {
-      target: b
+      target: v
     } of p)
-      if (yt(b)) {
+      if (yt(v)) {
         r((c) => {
-          const m = t(b);
+          const w = t(v);
           return c ? {
             ...c,
-            width: m.width,
-            height: m.height
-          } : m;
+            width: w.width,
+            height: w.height
+          } : w;
         });
         break;
       }
   }, [t]), s = Bt({
     callback: o
-  }), l = P((p) => {
-    const b = rs(p);
-    s?.disconnect(), b && s?.observe(b), r(b ? t(b) : null);
-  }, [t, s]), [a, u] = Pt(l);
-  return k(() => ({
+  }), l = L((p) => {
+    const v = rs(p);
+    s?.disconnect(), v && s?.observe(v), r(v ? t(v) : null);
+  }, [t, s]), [a, d] = Pt(l);
+  return V(() => ({
     nodeRef: a,
     rect: n,
-    setRef: u
-  }), [n, a, u]);
+    setRef: d
+  }), [n, a, d]);
 }
 const os = [{
   sensor: yn,
@@ -3184,10 +3215,10 @@ const os = [{
   current: {}
 }, Ft = {
   draggable: {
-    measure: Bn
+    measure: Un
   },
   droppable: {
-    measure: Bn,
+    measure: Un,
     strategy: xt.WhileDragging,
     frequency: dn.Optimized
   },
@@ -3195,7 +3226,7 @@ const os = [{
     measure: rt
   }
 };
-class bt extends Map {
+class vt extends Map {
   get(t) {
     var n;
     return t != null && (n = super.get(t)) != null ? n : void 0;
@@ -3225,7 +3256,7 @@ const as = {
   containerNodeRect: null,
   draggableNodes: /* @__PURE__ */ new Map(),
   droppableRects: /* @__PURE__ */ new Map(),
-  droppableContainers: /* @__PURE__ */ new bt(),
+  droppableContainers: /* @__PURE__ */ new vt(),
   over: null,
   dragOverlay: {
     nodeRef: {
@@ -3252,7 +3283,7 @@ const as = {
   draggableNodes: /* @__PURE__ */ new Map(),
   over: null,
   measureDroppableContainers: _t
-}, Ut = /* @__PURE__ */ wt(ls), Rr = /* @__PURE__ */ wt(as);
+}, Ut = /* @__PURE__ */ wt(ls), Er = /* @__PURE__ */ wt(as);
 function cs() {
   return {
     draggable: {
@@ -3268,13 +3299,13 @@ function cs() {
       }
     },
     droppable: {
-      containers: new bt()
+      containers: new vt()
     }
   };
 }
 function ds(e, t) {
   switch (t.type) {
-    case ue.DragStart:
+    case fe.DragStart:
       return {
         ...e,
         draggable: {
@@ -3283,7 +3314,7 @@ function ds(e, t) {
           active: t.active
         }
       };
-    case ue.DragMove:
+    case fe.DragMove:
       return e.draggable.active == null ? e : {
         ...e,
         draggable: {
@@ -3294,8 +3325,8 @@ function ds(e, t) {
           }
         }
       };
-    case ue.DragEnd:
-    case ue.DragCancel:
+    case fe.DragEnd:
+    case fe.DragCancel:
       return {
         ...e,
         draggable: {
@@ -3311,12 +3342,12 @@ function ds(e, t) {
           }
         }
       };
-    case ue.RegisterDroppable: {
+    case fe.RegisterDroppable: {
       const {
         element: n
       } = t, {
         id: r
-      } = n, o = new bt(e.droppable.containers);
+      } = n, o = new vt(e.droppable.containers);
       return o.set(r, n), {
         ...e,
         droppable: {
@@ -3325,7 +3356,7 @@ function ds(e, t) {
         }
       };
     }
-    case ue.SetDroppableDisabled: {
+    case fe.SetDroppableDisabled: {
       const {
         id: n,
         key: r,
@@ -3333,7 +3364,7 @@ function ds(e, t) {
       } = t, s = e.droppable.containers.get(n);
       if (!s || r !== s.key)
         return e;
-      const l = new bt(e.droppable.containers);
+      const l = new vt(e.droppable.containers);
       return l.set(n, {
         ...s,
         disabled: o
@@ -3345,14 +3376,14 @@ function ds(e, t) {
         }
       };
     }
-    case ue.UnregisterDroppable: {
+    case fe.UnregisterDroppable: {
       const {
         id: n,
         key: r
       } = t, o = e.droppable.containers.get(n);
       if (!o || r !== o.key)
         return e;
-      const s = new bt(e.droppable.containers);
+      const s = new vt(e.droppable.containers);
       return s.delete(n), {
         ...e,
         droppable: {
@@ -3374,24 +3405,24 @@ function us(e) {
     activatorEvent: r,
     draggableNodes: o
   } = Ge(Ut), s = sn(r), l = sn(n?.id);
-  return Y(() => {
+  return W(() => {
     if (!t && !r && s && l != null) {
-      if (!bn(s) || document.activeElement === s.target)
+      if (!vn(s) || document.activeElement === s.target)
         return;
       const a = o.get(l);
       if (!a)
         return;
       const {
-        activatorNode: u,
+        activatorNode: d,
         node: p
       } = a;
-      if (!u.current && !p.current)
+      if (!d.current && !p.current)
         return;
       requestAnimationFrame(() => {
-        for (const b of [u.current, p.current]) {
-          if (!b)
+        for (const v of [d.current, p.current]) {
+          if (!v)
             continue;
-          const c = eo(b);
+          const c = eo(v);
           if (c) {
             c.focus();
             break;
@@ -3412,7 +3443,7 @@ function fs(e, t) {
   }), n) : n;
 }
 function ps(e) {
-  return k(
+  return V(
     () => ({
       draggable: {
         ...Ft.draggable,
@@ -3455,17 +3486,17 @@ function hs(e) {
     const p = t?.node.current;
     if (!p || p.isConnected === !1)
       return;
-    const b = n(p), c = vr(b, r);
+    const v = n(p), c = mr(v, r);
     if (l || (c.x = 0), a || (c.y = 0), s.current = !0, Math.abs(c.x) > 0 || Math.abs(c.y) > 0) {
-      const m = mr(p);
-      m && m.scrollBy({
+      const w = xr(p);
+      w && w.scrollBy({
         top: c.y,
         left: c.x
       });
     }
   }, [t, l, a, r, n]);
 }
-const Er = /* @__PURE__ */ wt({
+const Ar = /* @__PURE__ */ wt({
   ...Oe,
   scaleX: 1,
   scaleY: 1
@@ -3474,71 +3505,71 @@ var Ye;
 (function(e) {
   e[e.Uninitialized = 0] = "Uninitialized", e[e.Initializing = 1] = "Initializing", e[e.Initialized = 2] = "Initialized";
 })(Ye || (Ye = {}));
-const gs = /* @__PURE__ */ Mr(function(t) {
+const gs = /* @__PURE__ */ Pr(function(t) {
   var n, r, o, s;
   let {
     id: l,
     accessibility: a,
-    autoScroll: u = !0,
+    autoScroll: d = !0,
     children: p,
-    sensors: b = os,
+    sensors: v = os,
     collisionDetection: c = mo,
-    measuring: m,
-    modifiers: v,
+    measuring: w,
+    modifiers: b,
     ...S
   } = t;
-  const f = Pr(ds, void 0, cs), [j, N] = f, [w, C] = so(), [T, O] = ee(Ye.Uninitialized), V = T === Ye.Initialized, {
+  const f = Lr(ds, void 0, cs), [j, N] = f, [m, C] = so(), [A, F] = ee(Ye.Uninitialized), k = A === Ye.Initialized, {
     draggable: {
       active: x,
-      nodes: E,
+      nodes: R,
       translate: I
     },
     droppable: {
       containers: M
     }
-  } = j, L = x != null ? E.get(x) : null, z = q({
+  } = j, _ = x != null ? R.get(x) : null, B = q({
     initial: null,
     translated: null
-  }), re = k(() => {
-    var Z;
+  }), ie = V(() => {
+    var J;
     return x != null ? {
       id: x,
       // It's possible for the active node to unmount while dragging
-      data: (Z = L?.data) != null ? Z : ss,
-      rect: z
+      data: (J = _?.data) != null ? J : ss,
+      rect: B
     } : null;
-  }, [x, L]), Q = q(null), [fe, pe] = ee(null), [ne, _] = ee(null), W = vt(S, Object.values(S)), Se = Ct("DndDescribedBy", l), h = k(() => M.getEnabled(), [M]), d = ps(m), {
-    droppableRects: F,
-    measureDroppableContainers: A,
-    measuringScheduled: le
+  }, [x, _]), Z = q(null), [pe, he] = ee(null), [ne, $] = ee(null), G = bt(S, Object.values(S)), Ne = Ct("DndDescribedBy", l), h = V(() => M.getEnabled(), [M]), u = ps(w), {
+    droppableRects: O,
+    measureDroppableContainers: T,
+    measuringScheduled: ce
   } = Ho(h, {
-    dragging: V,
+    dragging: k,
     dependencies: [I.x, I.y],
-    config: d.droppable
-  }), U = Wo(E, x), G = k(() => ne ? an(ne) : null, [ne]), ce = xe(), de = Xo(U, d.draggable.measure);
+    config: u.droppable
+  }), Y = Wo(R, x), H = V(() => ne ? an(ne) : null, [ne]), de = me(), ue = Xo(Y, u.draggable.measure);
   hs({
-    activeNode: x != null ? E.get(x) : null,
-    config: ce.layoutShiftCompensation,
-    initialRect: de,
-    measure: d.draggable.measure
+    activeNode: x != null ? R.get(x) : null,
+    config: de.layoutShiftCompensation,
+    initialRect: ue,
+    measure: u.draggable.measure
   });
-  const g = Hn(U, d.draggable.measure, de), te = Hn(U ? U.parentElement : null), K = q({
+  const g = Xn(Y, u.draggable.measure, ue), te = Xn(Y ? Y.parentElement : null), K = q({
     activatorEvent: null,
     active: null,
-    activeNode: U,
+    activeNode: Y,
     collisionRect: null,
     collisions: null,
-    droppableRects: F,
-    draggableNodes: E,
+    droppableRects: O,
+    draggableNodes: R,
     draggingNode: null,
     draggingNodeRect: null,
     droppableContainers: M,
     over: null,
     scrollableAncestors: [],
     scrollAdjustedTranslate: null
-  }), ie = M.getNodeFor((n = K.current.over) == null ? void 0 : n.id), B = is({
-    measure: d.dragOverlay.measure
-  }), Ne = (r = B.nodeRef.current) != null ? r : U, be = V ? (o = B.rect) != null ? o : g : null, it = !!(B.nodeRef.current && B.rect), He = Jo(it ? null : g), _e = Dr(Ne ? Ce(Ne) : null), De = Qo(V ? ie ?? U : null), se = ns(De), H = fs(v, {
+  }), oe = M.getNodeFor((n = K.current.over) == null ? void 0 : n.id), U = is({
+    measure: u.dragOverlay.measure
+  }), De = (r = U.nodeRef.current) != null ? r : Y, be = k ? (o = U.rect) != null ? o : g : null, it = !!(U.nodeRef.current && U.rect), He = Jo(it ? null : g), _e = Rr(De ? Se(De) : null), Re = Qo(k ? oe ?? Y : null), se = ns(Re), X = fs(b, {
     transform: {
       x: I.x - He.x,
       y: I.y - He.y,
@@ -3546,108 +3577,108 @@ const gs = /* @__PURE__ */ Mr(function(t) {
       scaleY: 1
     },
     activatorEvent: ne,
-    active: re,
+    active: ie,
     activeNodeRect: g,
     containerNodeRect: te,
     draggingNodeRect: be,
     over: K.current.over,
-    overlayNodeRect: B.rect,
-    scrollableAncestors: De,
+    overlayNodeRect: U.rect,
+    scrollableAncestors: Re,
     scrollableAncestorRects: se,
     windowRect: _e
-  }), Pe = G ? Ze(G, I) : null, Je = Zo(De), ot = qn(Je), Yt = qn(Je, [g]), $e = Ze(H, ot), Ie = be ? yo(be, H) : null, Xe = re && Ie ? c({
-    active: re,
+  }), Pe = H ? Ze(H, I) : null, Je = Zo(Re), ot = Kn(Je), Yt = Kn(Je, [g]), $e = Ze(X, ot), Ie = be ? yo(be, X) : null, Xe = ie && Ie ? c({
+    active: ie,
     collisionRect: Ie,
-    droppableRects: F,
+    droppableRects: O,
     droppableContainers: h,
     pointerCoordinates: Pe
-  }) : null, st = go(Xe, "id"), [Re, at] = ee(null), St = it ? H : Ze(H, Yt), y = xo(St, (s = Re?.rect) != null ? s : null, g), D = q(null), R = P(
-    (Z, X) => {
+  }) : null, st = go(Xe, "id"), [Ee, at] = ee(null), St = it ? X : Ze(X, Yt), y = xo(St, (s = Ee?.rect) != null ? s : null, g), D = q(null), E = L(
+    (J, P) => {
       let {
-        sensor: ye,
+        sensor: je,
         options: ze
-      } = X;
-      if (Q.current == null)
+      } = P;
+      if (Z.current == null)
         return;
-      const Te = E.get(Q.current);
+      const Te = R.get(Z.current);
       if (!Te)
         return;
-      const Ee = Z.nativeEvent, ke = new ye({
-        active: Q.current,
+      const Ae = J.nativeEvent, ke = new je({
+        active: Z.current,
         activeNode: Te,
-        event: Ee,
+        event: Ae,
         options: ze,
         // Sensors need to be instantiated with refs for arguments that change over time
         // otherwise they are frozen in time with the stale arguments
         context: K,
-        onAbort(ve) {
-          if (!E.get(ve))
+        onAbort(xe) {
+          if (!R.get(xe))
             return;
           const {
             onDragAbort: Ve
-          } = W.current, Le = {
-            id: ve
+          } = G.current, Le = {
+            id: xe
           };
-          Ve?.(Le), w({
+          Ve?.(Le), m({
             type: "onDragAbort",
             event: Le
           });
         },
-        onPending(ve, Be, Ve, Le) {
-          if (!E.get(ve))
+        onPending(xe, Be, Ve, Le) {
+          if (!R.get(xe))
             return;
           const {
             onDragPending: ct
-          } = W.current, Ue = {
-            id: ve,
+          } = G.current, Ue = {
+            id: xe,
             constraint: Be,
             initialCoordinates: Ve,
             offset: Le
           };
-          ct?.(Ue), w({
+          ct?.(Ue), m({
             type: "onDragPending",
             event: Ue
           });
         },
-        onStart(ve) {
-          const Be = Q.current;
+        onStart(xe) {
+          const Be = Z.current;
           if (Be == null)
             return;
-          const Ve = E.get(Be);
+          const Ve = R.get(Be);
           if (!Ve)
             return;
           const {
             onDragStart: Le
-          } = W.current, lt = {
-            activatorEvent: Ee,
+          } = G.current, lt = {
+            activatorEvent: Ae,
             active: {
               id: Be,
               data: Ve.data,
-              rect: z
+              rect: B
             }
           };
           Nt(() => {
-            Le?.(lt), O(Ye.Initializing), N({
-              type: ue.DragStart,
-              initialCoordinates: ve,
+            Le?.(lt), F(Ye.Initializing), N({
+              type: fe.DragStart,
+              initialCoordinates: xe,
               active: Be
-            }), w({
+            }), m({
               type: "onDragStart",
               event: lt
-            }), pe(D.current), _(Ee);
+            }), he(D.current), $(Ae);
           });
         },
-        onMove(ve) {
+        onMove(xe) {
           N({
-            type: ue.DragMove,
-            coordinates: ve
+            type: fe.DragMove,
+            coordinates: xe
           });
         },
-        onEnd: Qe(ue.DragEnd),
-        onCancel: Qe(ue.DragCancel)
+        onEnd: Qe(fe.DragEnd),
+        onCancel: Qe(fe.DragCancel)
       });
       D.current = ke;
-      function Qe(ve) {
+      function Qe(xe) {
         return async function() {
           const {
             active: Ve,
@@ -3659,23 +3690,23 @@ const gs = /* @__PURE__ */ Mr(function(t) {
           if (Ve && ct) {
             const {
               cancelDrop: dt
-            } = W.current;
+            } = G.current;
             Ue = {
-              activatorEvent: Ee,
+              activatorEvent: Ae,
               active: Ve,
               collisions: Le,
               delta: ct,
               over: lt
-            }, ve === ue.DragEnd && typeof dt == "function" && await Promise.resolve(dt(Ue)) && (ve = ue.DragCancel);
+            }, xe === fe.DragEnd && typeof dt == "function" && await Promise.resolve(dt(Ue)) && (xe = fe.DragCancel);
           }
-          Q.current = null, Nt(() => {
+          Z.current = null, Nt(() => {
             N({
-              type: ve
-            }), O(Ye.Uninitialized), at(null), pe(null), _(null), D.current = null;
-            const dt = ve === ue.DragEnd ? "onDragEnd" : "onDragCancel";
+              type: xe
+            }), F(Ye.Uninitialized), at(null), he(null), $(null), D.current = null;
+            const dt = xe === fe.DragEnd ? "onDragEnd" : "onDragCancel";
             if (Ue) {
-              const Wt = W.current[dt];
-              Wt?.(Ue), w({
+              const Wt = G.current[dt];
+              Wt?.(Ue), m({
                 type: dt,
                 event: Ue
               });
@@ -3685,40 +3716,40 @@ const gs = /* @__PURE__ */ Mr(function(t) {
       }
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [E]
-  ), we = P((Z, X) => (ye, ze) => {
-    const Te = ye.nativeEvent, Ee = E.get(ze);
+    [R]
+  ), we = L((J, P) => (je, ze) => {
+    const Te = je.nativeEvent, Ae = R.get(ze);
     if (
       // Another sensor is already instantiating
-      Q.current !== null || // No active draggable
-      !Ee || // Event has already been captured
+      Z.current !== null || // No active draggable
+      !Ae || // Event has already been captured
       Te.dndKit || Te.defaultPrevented
     )
       return;
     const ke = {
-      active: Ee
+      active: Ae
     };
-    Z(ye, X.options, ke) === !0 && (Te.dndKit = {
-      capturedBy: X.sensor
-    }, Q.current = ze, R(ye, X));
-  }, [E, R]), ae = Go(b, we);
-  es(b), Me(() => {
-    g && T === Ye.Initializing && O(Ye.Initialized);
-  }, [g, T]), Y(
+    J(je, P.options, ke) === !0 && (Te.dndKit = {
+      capturedBy: P.sensor
+    }, Z.current = ze, E(je, P));
+  }, [R, E]), ae = Go(v, we);
+  es(v), Me(() => {
+    g && A === Ye.Initializing && F(Ye.Initialized);
+  }, [g, A]), W(
     () => {
       const {
-        onDragMove: Z
-      } = W.current, {
-        active: X,
-        activatorEvent: ye,
+        onDragMove: J
+      } = G.current, {
+        active: P,
+        activatorEvent: je,
         collisions: ze,
         over: Te
       } = K.current;
-      if (!X || !ye)
+      if (!P || !je)
         return;
-      const Ee = {
-        active: X,
-        activatorEvent: ye,
+      const Ae = {
+        active: P,
+        activatorEvent: je,
         collisions: ze,
         delta: {
           x: $e.x,
@@ -3727,36 +3758,36 @@ const gs = /* @__PURE__ */ Mr(function(t) {
         over: Te
       };
       Nt(() => {
-        Z?.(Ee), w({
+        J?.(Ae), m({
           type: "onDragMove",
-          event: Ee
+          event: Ae
         });
       });
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [$e.x, $e.y]
-  ), Y(
+  ), W(
     () => {
       const {
-        active: Z,
-        activatorEvent: X,
-        collisions: ye,
+        active: J,
+        activatorEvent: P,
+        collisions: je,
         droppableContainers: ze,
         scrollAdjustedTranslate: Te
       } = K.current;
-      if (!Z || Q.current == null || !X || !Te)
+      if (!J || Z.current == null || !P || !Te)
         return;
       const {
-        onDragOver: Ee
-      } = W.current, ke = ze.get(st), Qe = ke && ke.rect.current ? {
+        onDragOver: Ae
+      } = G.current, ke = ze.get(st), Qe = ke && ke.rect.current ? {
         id: ke.id,
         rect: ke.rect.current,
         data: ke.data,
         disabled: ke.disabled
-      } : null, ve = {
-        active: Z,
-        activatorEvent: X,
-        collisions: ye,
+      } : null, xe = {
+        active: J,
+        activatorEvent: P,
+        collisions: je,
         delta: {
           x: Te.x,
           y: Te.y
@@ -3764,9 +3795,9 @@ const gs = /* @__PURE__ */ Mr(function(t) {
         over: Qe
       };
       Nt(() => {
-        at(Qe), Ee?.(ve), w({
+        at(Qe), Ae?.(xe), m({
           type: "onDragOver",
-          event: ve
+          event: xe
         });
       });
     },
@@ -3775,85 +3806,85 @@ const gs = /* @__PURE__ */ Mr(function(t) {
   ), Me(() => {
     K.current = {
       activatorEvent: ne,
-      active: re,
-      activeNode: U,
+      active: ie,
+      activeNode: Y,
       collisionRect: Ie,
       collisions: Xe,
-      droppableRects: F,
-      draggableNodes: E,
-      draggingNode: Ne,
+      droppableRects: O,
+      draggableNodes: R,
+      draggingNode: De,
       draggingNodeRect: be,
       droppableContainers: M,
-      over: Re,
-      scrollableAncestors: De,
+      over: Ee,
+      scrollableAncestors: Re,
       scrollAdjustedTranslate: $e
-    }, z.current = {
+    }, B.current = {
       initial: be,
       translated: Ie
     };
-  }, [re, U, Xe, Ie, E, Ne, be, F, M, Re, De, $e]), Bo({
-    ...ce,
+  }, [ie, Y, Xe, Ie, R, De, be, O, M, Ee, Re, $e]), Bo({
+    ...de,
     delta: I,
     draggingRect: Ie,
     pointerCoordinates: Pe,
-    scrollableAncestors: De,
+    scrollableAncestors: Re,
     scrollableAncestorRects: se
   });
-  const Ae = k(() => ({
-    active: re,
-    activeNode: U,
+  const ye = V(() => ({
+    active: ie,
+    activeNode: Y,
     activeNodeRect: g,
     activatorEvent: ne,
     collisions: Xe,
     containerNodeRect: te,
-    dragOverlay: B,
-    draggableNodes: E,
+    dragOverlay: U,
+    draggableNodes: R,
     droppableContainers: M,
-    droppableRects: F,
-    over: Re,
-    measureDroppableContainers: A,
-    scrollableAncestors: De,
+    droppableRects: O,
+    over: Ee,
+    measureDroppableContainers: T,
+    scrollableAncestors: Re,
     scrollableAncestorRects: se,
-    measuringConfiguration: d,
-    measuringScheduled: le,
+    measuringConfiguration: u,
+    measuringScheduled: ce,
     windowRect: _e
-  }), [re, U, g, ne, Xe, te, B, E, M, F, Re, A, De, se, d, le, _e]), me = k(() => ({
+  }), [ie, Y, g, ne, Xe, te, U, R, M, O, Ee, T, Re, se, u, ce, _e]), le = V(() => ({
     activatorEvent: ne,
     activators: ae,
-    active: re,
+    active: ie,
     activeNodeRect: g,
     ariaDescribedById: {
-      draggable: Se
+      draggable: Ne
     },
     dispatch: N,
-    draggableNodes: E,
-    over: Re,
-    measureDroppableContainers: A
-  }), [ne, ae, re, g, N, Se, E, Re, A]);
-  return ge.createElement(br.Provider, {
+    draggableNodes: R,
+    over: Ee,
+    measureDroppableContainers: T
+  }), [ne, ae, ie, g, N, Ne, R, Ee, T]);
+  return ve.createElement(br.Provider, {
     value: C
-  }, ge.createElement(Ut.Provider, {
-    value: me
-  }, ge.createElement(Rr.Provider, {
-    value: Ae
-  }, ge.createElement(Er.Provider, {
+  }, ve.createElement(Ut.Provider, {
+    value: le
+  }, ve.createElement(Er.Provider, {
+    value: ye
+  }, ve.createElement(Ar.Provider, {
     value: y
-  }, p)), ge.createElement(us, {
+  }, p)), ve.createElement(us, {
     disabled: a?.restoreFocus === !1
-  })), ge.createElement(co, {
+  })), ve.createElement(co, {
     ...a,
-    hiddenTextDescribedById: Se
+    hiddenTextDescribedById: Ne
   }));
-  function xe() {
-    const Z = fe?.autoScrollEnabled === !1, X = typeof u == "object" ? u.enabled === !1 : u === !1, ye = V && !Z && !X;
-    return typeof u == "object" ? {
-      ...u,
-      enabled: ye
+  function me() {
+    const J = pe?.autoScrollEnabled === !1, P = typeof d == "object" ? d.enabled === !1 : d === !1, je = k && !J && !P;
+    return typeof d == "object" ? {
+      ...d,
+      enabled: je
     } : {
-      enabled: ye
+      enabled: je
     };
   }
-}), bs = /* @__PURE__ */ wt(null), Jn = "button", vs = "Draggable";
+}), vs = /* @__PURE__ */ wt(null), Qn = "button", bs = "Draggable";
 function ms(e) {
   let {
     id: t,
@@ -3861,25 +3892,25 @@ function ms(e) {
     disabled: r = !1,
     attributes: o
   } = e;
-  const s = Ct(vs), {
+  const s = Ct(bs), {
     activators: l,
     activatorEvent: a,
-    active: u,
+    active: d,
     activeNodeRect: p,
-    ariaDescribedById: b,
+    ariaDescribedById: v,
     draggableNodes: c,
-    over: m
+    over: w
   } = Ge(Ut), {
-    role: v = Jn,
+    role: b = Qn,
     roleDescription: S = "draggable",
     tabIndex: f = 0
-  } = o ?? {}, j = u?.id === t, N = Ge(j ? Er : bs), [w, C] = Pt(), [T, O] = Pt(), V = ts(l, t), x = vt(n);
+  } = o ?? {}, j = d?.id === t, N = Ge(j ? Ar : vs), [m, C] = Pt(), [A, F] = Pt(), k = ts(l, t), x = bt(n);
   Me(
     () => (c.set(t, {
       id: t,
       key: s,
-      node: w,
-      activatorNode: T,
+      node: m,
+      activatorNode: A,
       data: x
     }), () => {
       const I = c.get(t);
@@ -3888,30 +3919,30 @@ function ms(e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [c, t]
   );
-  const E = k(() => ({
-    role: v,
+  const R = V(() => ({
+    role: b,
     tabIndex: f,
     "aria-disabled": r,
-    "aria-pressed": j && v === Jn ? !0 : void 0,
+    "aria-pressed": j && b === Qn ? !0 : void 0,
     "aria-roledescription": S,
-    "aria-describedby": b.draggable
-  }), [r, v, f, j, S, b.draggable]);
+    "aria-describedby": v.draggable
+  }), [r, b, f, j, S, v.draggable]);
   return {
-    active: u,
+    active: d,
     activatorEvent: a,
     activeNodeRect: p,
-    attributes: E,
+    attributes: R,
     isDragging: j,
-    listeners: r ? void 0 : V,
-    node: w,
-    over: m,
+    listeners: r ? void 0 : k,
+    node: m,
+    over: w,
     setNodeRef: C,
-    setActivatorNodeRef: O,
+    setActivatorNodeRef: F,
     transform: N
   };
 }
 function xs() {
-  return Ge(Rr);
+  return Ge(Er);
 }
 const ws = "Droppable", ys = {
   timeout: 25
@@ -3926,69 +3957,69 @@ function js(e) {
   const s = Ct(ws), {
     active: l,
     dispatch: a,
-    over: u,
+    over: d,
     measureDroppableContainers: p
-  } = Ge(Ut), b = q({
+  } = Ge(Ut), v = q({
     disabled: n
-  }), c = q(!1), m = q(null), v = q(null), {
+  }), c = q(!1), w = q(null), b = q(null), {
     disabled: S,
     updateMeasurementsFor: f,
     timeout: j
   } = {
     ...ys,
     ...o
-  }, N = vt(f ?? r), w = P(
+  }, N = bt(f ?? r), m = L(
     () => {
       if (!c.current) {
         c.current = !0;
         return;
       }
-      v.current != null && clearTimeout(v.current), v.current = setTimeout(() => {
-        p(Array.isArray(N.current) ? N.current : [N.current]), v.current = null;
+      b.current != null && clearTimeout(b.current), b.current = setTimeout(() => {
+        p(Array.isArray(N.current) ? N.current : [N.current]), b.current = null;
       }, j);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [j]
   ), C = Bt({
-    callback: w,
+    callback: m,
     disabled: S || !l
-  }), T = P((E, I) => {
-    C && (I && (C.unobserve(I), c.current = !1), E && C.observe(E));
-  }, [C]), [O, V] = Pt(T), x = vt(t);
-  return Y(() => {
-    !C || !O.current || (C.disconnect(), c.current = !1, C.observe(O.current));
-  }, [O, C]), Y(
+  }), A = L((R, I) => {
+    C && (I && (C.unobserve(I), c.current = !1), R && C.observe(R));
+  }, [C]), [F, k] = Pt(A), x = bt(t);
+  return W(() => {
+    !C || !F.current || (C.disconnect(), c.current = !1, C.observe(F.current));
+  }, [F, C]), W(
     () => (a({
-      type: ue.RegisterDroppable,
+      type: fe.RegisterDroppable,
       element: {
         id: r,
         key: s,
         disabled: n,
-        node: O,
-        rect: m,
+        node: F,
+        rect: w,
         data: x
       }
     }), () => a({
-      type: ue.UnregisterDroppable,
+      type: fe.UnregisterDroppable,
       key: s,
       id: r
     })),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [r]
-  ), Y(() => {
-    n !== b.current.disabled && (a({
-      type: ue.SetDroppableDisabled,
+  ), W(() => {
+    n !== v.current.disabled && (a({
+      type: fe.SetDroppableDisabled,
       id: r,
       key: s,
       disabled: n
-    }), b.current.disabled = n);
+    }), v.current.disabled = n);
   }, [r, s, n, a]), {
     active: l,
-    rect: m,
-    isOver: u?.id === r,
-    node: O,
-    over: u,
-    setNodeRef: V
+    rect: w,
+    isOver: d?.id === r,
+    node: F,
+    over: d,
+    setNodeRef: k
   };
 }
 function jn(e, t, n) {
@@ -4035,7 +4066,7 @@ const Et = {
   const a = (t = n[o]) != null ? t : r;
   if (!a)
     return null;
-  const u = Rs(n, l, o);
+  const d = Rs(n, l, o);
   if (l === o) {
     const p = n[s];
     return p ? {
@@ -4045,11 +4076,11 @@ const Et = {
     } : null;
   }
   return l > o && l <= s ? {
-    x: -a.width - u,
+    x: -a.width - d,
     y: 0,
     ...Et
   } : l < o && l >= s ? {
-    x: a.width + u,
+    x: a.width + d,
     y: 0,
     ...Et
   } : {
@@ -4062,7 +4093,7 @@ function Rs(e, t, n) {
   const r = e[t], o = e[t - 1], s = e[t + 1];
   return !r || !o && !s ? 0 : n < t ? o ? r.left - (o.left + o.width) : s.left - (r.left + r.width) : s ? s.left - (r.left + r.width) : r.left - (o.left + o.width);
 }
-const Ar = (e) => {
+const Tr = (e) => {
   let {
     rects: t,
     activeIndex: n,
@@ -4076,15 +4107,15 @@ const Ar = (e) => {
     scaleX: a.width / l.width,
     scaleY: a.height / l.height
   };
-}, Tr = "Sortable", Fr = /* @__PURE__ */ ge.createContext({
+}, Fr = "Sortable", Or = /* @__PURE__ */ ve.createContext({
   activeIndex: -1,
-  containerId: Tr,
+  containerId: Fr,
   disableTransforms: !1,
   items: [],
   overIndex: -1,
   useDragOverlay: !1,
   sortedRects: [],
-  strategy: Ar,
+  strategy: Tr,
   disabled: {
     draggable: !1,
     droppable: !1
@@ -4095,38 +4126,38 @@ function Es(e) {
     children: t,
     id: n,
     items: r,
-    strategy: o = Ar,
+    strategy: o = Tr,
     disabled: s = !1
   } = e;
   const {
     active: l,
     dragOverlay: a,
-    droppableRects: u,
+    droppableRects: d,
     over: p,
-    measureDroppableContainers: b
-  } = xs(), c = Ct(Tr, n), m = a.rect !== null, v = k(() => r.map((V) => typeof V == "object" && "id" in V ? V.id : V), [r]), S = l != null, f = l ? v.indexOf(l.id) : -1, j = p ? v.indexOf(p.id) : -1, N = q(v), w = !Ss(v, N.current), C = j !== -1 && f === -1 || w, T = Ns(s);
+    measureDroppableContainers: v
+  } = xs(), c = Ct(Fr, n), w = a.rect !== null, b = V(() => r.map((k) => typeof k == "object" && "id" in k ? k.id : k), [r]), S = l != null, f = l ? b.indexOf(l.id) : -1, j = p ? b.indexOf(p.id) : -1, N = q(b), m = !Ss(b, N.current), C = j !== -1 && f === -1 || m, A = Ns(s);
   Me(() => {
-    w && S && b(v);
-  }, [w, v, S, b]), Y(() => {
-    N.current = v;
-  }, [v]);
-  const O = k(
+    m && S && v(b);
+  }, [m, b, S, v]), W(() => {
+    N.current = b;
+  }, [b]);
+  const F = V(
     () => ({
       activeIndex: f,
       containerId: c,
-      disabled: T,
+      disabled: A,
       disableTransforms: C,
-      items: v,
+      items: b,
       overIndex: j,
-      useDragOverlay: m,
-      sortedRects: Cs(v, u),
+      useDragOverlay: w,
+      sortedRects: Cs(b, d),
       strategy: o
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [f, c, T.draggable, T.droppable, C, v, j, u, m, o]
+    [f, c, A.draggable, A.droppable, C, b, j, d, w, o]
   );
-  return ge.createElement(Fr.Provider, {
-    value: O
+  return ve.createElement(Or.Provider, {
+    value: F
   }, t);
 }
 const As = (e) => {
@@ -4146,15 +4177,15 @@ const As = (e) => {
     items: s,
     newIndex: l,
     previousItems: a,
-    previousContainerId: u,
+    previousContainerId: d,
     transition: p
   } = e;
-  return !p || !r || a !== s && o === l ? !1 : n ? !0 : l !== o && t === u;
+  return !p || !r || a !== s && o === l ? !1 : n ? !0 : l !== o && t === d;
 }, Fs = {
   duration: 200,
   easing: "ease"
-}, Or = "transform", Os = /* @__PURE__ */ mt.Transition.toString({
-  property: Or,
+}, Ir = "transform", Os = /* @__PURE__ */ mt.Transition.toString({
+  property: Ir,
   duration: 0,
   easing: "linear"
 }), Is = {
@@ -4170,21 +4201,21 @@ function ks(e) {
   const [s, l] = ee(null), a = q(n);
   return Me(() => {
     if (!t && n !== a.current && r.current) {
-      const u = o.current;
-      if (u) {
+      const d = o.current;
+      if (d) {
         const p = rt(r.current, {
           ignoreTransform: !0
-        }), b = {
-          x: u.left - p.left,
-          y: u.top - p.top,
-          scaleX: u.width / p.width,
-          scaleY: u.height / p.height
+        }), v = {
+          x: d.left - p.left,
+          y: d.top - p.top,
+          scaleX: d.width / p.width,
+          scaleY: d.height / p.height
         };
-        (b.x || b.y) && l(b);
+        (v.x || v.y) && l(v);
       }
     }
     n !== a.current && (a.current = n);
-  }, [t, n, r, o]), Y(() => {
+  }, [t, n, r, o]), W(() => {
     s && l(null);
   }, [s]), s;
 }
@@ -4197,140 +4228,140 @@ function Vs(e) {
     getNewIndex: s = As,
     id: l,
     strategy: a,
-    resizeObserverConfig: u,
+    resizeObserverConfig: d,
     transition: p = Fs
   } = e;
   const {
-    items: b,
+    items: v,
     containerId: c,
-    activeIndex: m,
-    disabled: v,
+    activeIndex: w,
+    disabled: b,
     disableTransforms: S,
     sortedRects: f,
     overIndex: j,
     useDragOverlay: N,
-    strategy: w
-  } = Ge(Fr), C = Ms(r, v), T = b.indexOf(l), O = k(() => ({
+    strategy: m
+  } = Ge(Or), C = Ms(r, b), A = v.indexOf(l), F = V(() => ({
     sortable: {
       containerId: c,
-      index: T,
-      items: b
+      index: A,
+      items: v
     },
     ...o
-  }), [c, o, T, b]), V = k(() => b.slice(b.indexOf(l)), [b, l]), {
+  }), [c, o, A, v]), k = V(() => v.slice(v.indexOf(l)), [v, l]), {
     rect: x,
-    node: E,
+    node: R,
     isOver: I,
     setNodeRef: M
   } = js({
     id: l,
-    data: O,
+    data: F,
     disabled: C.droppable,
     resizeObserverConfig: {
-      updateMeasurementsFor: V,
-      ...u
+      updateMeasurementsFor: k,
+      ...d
     }
   }), {
-    active: L,
-    activatorEvent: z,
-    activeNodeRect: re,
-    attributes: Q,
-    setNodeRef: fe,
-    listeners: pe,
+    active: _,
+    activatorEvent: B,
+    activeNodeRect: ie,
+    attributes: Z,
+    setNodeRef: pe,
+    listeners: he,
     isDragging: ne,
-    over: _,
-    setActivatorNodeRef: W,
-    transform: Se
+    over: $,
+    setActivatorNodeRef: G,
+    transform: Ne
   } = ms({
     id: l,
-    data: O,
+    data: F,
     attributes: {
       ...Is,
       ...n
     },
     disabled: C.draggable
-  }), h = Ki(M, fe), d = !!L, F = d && !S && Rt(m) && Rt(j), A = !N && ne, le = A && F ? Se : null, G = F ? le ?? (a ?? w)({
+  }), h = Ki(M, pe), u = !!_, O = u && !S && Rt(w) && Rt(j), T = !N && ne, ce = T && O ? Ne : null, H = O ? ce ?? (a ?? m)({
     rects: f,
-    activeNodeRect: re,
-    activeIndex: m,
+    activeNodeRect: ie,
+    activeIndex: w,
     overIndex: j,
-    index: T
-  }) : null, ce = Rt(m) && Rt(j) ? s({
+    index: A
+  }) : null, de = Rt(w) && Rt(j) ? s({
     id: l,
-    items: b,
-    activeIndex: m,
+    items: v,
+    activeIndex: w,
     overIndex: j
-  }) : T, de = L?.id, g = q({
-    activeId: de,
-    items: b,
-    newIndex: ce,
+  }) : A, ue = _?.id, g = q({
+    activeId: ue,
+    items: v,
+    newIndex: de,
     containerId: c
-  }), te = b !== g.current.items, K = t({
-    active: L,
+  }), te = v !== g.current.items, K = t({
+    active: _,
     containerId: c,
     isDragging: ne,
-    isSorting: d,
+    isSorting: u,
     id: l,
-    index: T,
-    items: b,
+    index: A,
+    items: v,
     newIndex: g.current.newIndex,
     previousItems: g.current.items,
     previousContainerId: g.current.containerId,
     transition: p,
     wasDragging: g.current.activeId != null
-  }), ie = ks({
+  }), oe = ks({
     disabled: !K,
-    index: T,
-    node: E,
+    index: A,
+    node: R,
     rect: x
   });
-  return Y(() => {
-    d && g.current.newIndex !== ce && (g.current.newIndex = ce), c !== g.current.containerId && (g.current.containerId = c), b !== g.current.items && (g.current.items = b);
-  }, [d, ce, c, b]), Y(() => {
-    if (de === g.current.activeId)
+  return W(() => {
+    u && g.current.newIndex !== de && (g.current.newIndex = de), c !== g.current.containerId && (g.current.containerId = c), v !== g.current.items && (g.current.items = v);
+  }, [u, de, c, v]), W(() => {
+    if (ue === g.current.activeId)
       return;
-    if (de != null && g.current.activeId == null) {
-      g.current.activeId = de;
+    if (ue != null && g.current.activeId == null) {
+      g.current.activeId = ue;
       return;
     }
-    const Ne = setTimeout(() => {
-      g.current.activeId = de;
+    const De = setTimeout(() => {
+      g.current.activeId = ue;
     }, 50);
-    return () => clearTimeout(Ne);
-  }, [de]), {
-    active: L,
-    activeIndex: m,
-    attributes: Q,
-    data: O,
+    return () => clearTimeout(De);
+  }, [ue]), {
+    active: _,
+    activeIndex: w,
+    attributes: Z,
+    data: F,
     rect: x,
-    index: T,
-    newIndex: ce,
-    items: b,
+    index: A,
+    newIndex: de,
+    items: v,
     isOver: I,
-    isSorting: d,
+    isSorting: u,
     isDragging: ne,
-    listeners: pe,
-    node: E,
+    listeners: he,
+    node: R,
     overIndex: j,
-    over: _,
+    over: $,
     setNodeRef: h,
-    setActivatorNodeRef: W,
+    setActivatorNodeRef: G,
     setDroppableNodeRef: M,
-    setDraggableNodeRef: fe,
-    transform: ie ?? G,
-    transition: B()
+    setDraggableNodeRef: pe,
+    transform: oe ?? H,
+    transition: U()
   };
-  function B() {
+  function U() {
     if (
       // Temporarily disable transitions for a single frame to set up derived transforms
-      ie || // Or to prevent items jumping to back to their "new" position when items change
-      te && g.current.newIndex === T
+      oe || // Or to prevent items jumping to back to their "new" position when items change
+      te && g.current.newIndex === A
     )
       return Os;
-    if (!(A && !bn(z) || !p) && (d || K))
+    if (!(T && !vn(B) || !p) && (u || K))
       return mt.Transition.toString({
         ...p,
-        property: Or
+        property: Ir
       });
   }
 }
@@ -4345,7 +4376,7 @@ function Ms(e, t) {
     droppable: (r = e?.droppable) != null ? r : t.droppable
   };
 }
-$.Down, $.Right, $.Up, $.Left;
+z.Down, z.Right, z.Up, z.Left;
 const At = { private: 0, team: 1, organization: 2, public: 3 }, Ps = 5, Ls = ({ id: e, disabled: t, children: n }) => {
   const {
     attributes: r,
@@ -4353,14 +4384,14 @@ const At = { private: 0, team: 1, organization: 2, public: 3 }, Ps = 5, Ls = ({
     setNodeRef: s,
     transform: l,
     transition: a,
-    isDragging: u
+    isDragging: d
   } = Vs({ id: e, disabled: t }), p = {
     transform: mt.Transform.toString(l),
     transition: a,
-    zIndex: u ? 10 : void 0,
-    opacity: u ? 0.5 : void 0
+    zIndex: d ? 10 : void 0,
+    opacity: d ? 0.5 : void 0
   };
-  return /* @__PURE__ */ i.jsx(i.Fragment, { children: n({ setNodeRef: s, style: p, listeners: o, attributes: r, isDragging: u }) });
+  return /* @__PURE__ */ i.jsx(i.Fragment, { children: n({ setNodeRef: s, style: p, listeners: o, attributes: r, isDragging: d }) });
 }, qs = ({
   views: e,
   activeViewId: t,
@@ -4370,81 +4401,81 @@ const At = { private: 0, team: 1, organization: 2, public: 3 }, Ps = 5, Ls = ({
   onAddView: s,
   onRenameView: l,
   onDuplicateView: a,
-  onDeleteView: u,
+  onDeleteView: d,
   onSetDefaultView: p,
-  onShareView: b,
+  onShareView: v,
   onSaveAsView: c,
-  onPinView: m,
-  onReorderViews: v,
+  onPinView: w,
+  onReorderViews: b,
   onChangeViewType: S,
   onConfigView: f,
   availableViewTypes: j,
   hasUnsavedChanges: N = !1,
-  onResetChanges: w,
+  onResetChanges: m,
   className: C
 }) => {
   const {
-    showAddButton: T = !0,
-    inlineRename: O = !0,
-    contextMenu: V = !0,
+    showAddButton: A = !0,
+    inlineRename: F = !0,
+    contextMenu: k = !0,
     reorderable: x = !1,
-    maxVisibleTabs: E = 6,
+    maxVisibleTabs: R = 6,
     showIndicators: I = !0,
     showSaveAsView: M = !0,
-    showPinnedSection: L = !0,
-    showVisibilityGroups: z = !1
-  } = o, [re, Q] = ee(null), [fe, pe] = ee(""), ne = q(null);
-  Y(() => {
-    re && ne.current && (ne.current.focus(), ne.current.select());
-  }, [re]);
-  const _ = P((g) => {
-    if (!O || !l) return;
+    showPinnedSection: _ = !0,
+    showVisibilityGroups: B = !1
+  } = o, [ie, Z] = ee(null), [pe, he] = ee(""), ne = q(null);
+  W(() => {
+    ie && ne.current && (ne.current.focus(), ne.current.select());
+  }, [ie]);
+  const $ = L((g) => {
+    if (!F || !l) return;
     const te = e.find((K) => K.id === g);
-    te && (Q(g), pe(te.label));
-  }, [O, l, e]), W = P(() => {
-    re && fe.trim() && l && l(re, fe.trim()), Q(null), pe("");
-  }, [re, fe, l]), Se = P(() => {
-    Q(null), pe("");
-  }, []), h = k(() => {
+    te && (Z(g), he(te.label));
+  }, [F, l, e]), G = L(() => {
+    ie && pe.trim() && l && l(ie, pe.trim()), Z(null), he("");
+  }, [ie, pe, l]), Ne = L(() => {
+    Z(null), he("");
+  }, []), h = V(() => {
     const g = [...e];
     return g.sort((te, K) => {
-      if (L) {
-        const ie = te.isPinned ? 1 : 0, B = K.isPinned ? 1 : 0;
-        if (ie !== B) return B - ie;
+      if (_) {
+        const oe = te.isPinned ? 1 : 0, U = K.isPinned ? 1 : 0;
+        if (oe !== U) return U - oe;
       }
-      if (z) {
-        const ie = At[te.visibility || "public"] ?? At.public, B = At[K.visibility || "public"] ?? At.public;
-        if (ie !== B) return ie - B;
+      if (B) {
+        const oe = At[te.visibility || "public"] ?? At.public, U = At[K.visibility || "public"] ?? At.public;
+        if (oe !== U) return oe - U;
       }
       return 0;
     }), g;
-  }, [e, L, z]), d = h.slice(0, E), F = h.slice(E), A = uo(
-    $n(yn, { activationConstraint: { distance: Ps } }),
-    $n(xn)
-  ), le = P((g) => {
+  }, [e, _, B]), u = h.slice(0, R), O = h.slice(R), T = uo(
+    zn(yn, { activationConstraint: { distance: Ps } }),
+    zn(xn)
+  ), ce = L((g) => {
     const { active: te, over: K } = g;
-    if (!K || te.id === K.id || !v) return;
-    const ie = h.findIndex((be) => be.id === te.id), B = h.findIndex((be) => be.id === K.id);
-    if (ie === -1 || B === -1) return;
-    const Ne = jn(h, ie, B);
-    v(Ne.map((be) => be.id));
-  }, [h, v]), U = xi, G = P((g) => {
-    if (!z || g === 0) return !1;
-    const te = d[g - 1], K = d[g], ie = (B) => B.visibility === "private";
-    return ie(te) && !ie(K);
-  }, [z, d]), ce = (g, te) => {
-    const K = g.id === t, ie = r[g.type] || U, B = re === g.id, Ne = I && (g.hasActiveFilters || g.hasActiveSort), be = G(te), He = ((se) => z ? se.visibility === "private" ? /* @__PURE__ */ i.jsx(on, { "data-testid": `view-tab-visibility-${se.id}`, className: "h-3 w-3 text-muted-foreground shrink-0" }) : se.visibility ? /* @__PURE__ */ i.jsx(yi, { "data-testid": `view-tab-visibility-${se.id}`, className: "h-3 w-3 text-muted-foreground shrink-0" }) : null : null)(g), _e = (se) => /* @__PURE__ */ i.jsxs(
+    if (!K || te.id === K.id || !b) return;
+    const oe = h.findIndex((be) => be.id === te.id), U = h.findIndex((be) => be.id === K.id);
+    if (oe === -1 || U === -1) return;
+    const De = jn(h, oe, U);
+    b(De.map((be) => be.id));
+  }, [h, b]), Y = xi, H = L((g) => {
+    if (!B || g === 0) return !1;
+    const te = u[g - 1], K = u[g], oe = (U) => U.visibility === "private";
+    return oe(te) && !oe(K);
+  }, [B, u]), de = (g, te) => {
+    const K = g.id === t, oe = r[g.type] || Y, U = ie === g.id, De = I && (g.hasActiveFilters || g.hasActiveSort), be = H(te), He = ((se) => B ? se.visibility === "private" ? /* @__PURE__ */ i.jsx(on, { "data-testid": `view-tab-visibility-${se.id}`, className: "h-3 w-3 text-muted-foreground shrink-0" }) : se.visibility ? /* @__PURE__ */ i.jsx(yi, { "data-testid": `view-tab-visibility-${se.id}`, className: "h-3 w-3 text-muted-foreground shrink-0" }) : null : null)(g), _e = (se) => /* @__PURE__ */ i.jsxs(
       "button",
       {
         "data-testid": `view-tab-${g.id}`,
-        onClick: () => !B && n(g.id),
-        onDoubleClick: () => _(g.id),
-        className: oe(
+        onClick: () => !U && n(g.id),
+        onDoubleClick: () => $(g.id),
+        className: re(
           "inline-flex items-center gap-1.5 px-3 py-2 text-sm font-medium border-b-2 transition-colors whitespace-nowrap relative",
           K ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground hover:border-border"
         ),
         children: [
-          x && v && /* @__PURE__ */ i.jsx(
+          x && b && /* @__PURE__ */ i.jsx(
             "span",
             {
               "data-testid": `view-tab-drag-handle-${g.id}`,
@@ -4454,26 +4485,26 @@ const At = { private: 0, team: 1, organization: 2, public: 3 }, Ps = 5, Ls = ({
               children: /* @__PURE__ */ i.jsx(Si, { className: "h-3 w-3" })
             }
           ),
-          L && g.isPinned && /* @__PURE__ */ i.jsx(Xt, { "data-testid": `view-tab-pin-indicator-${g.id}`, className: "h-3 w-3 text-primary shrink-0" }),
+          _ && g.isPinned && /* @__PURE__ */ i.jsx(Xt, { "data-testid": `view-tab-pin-indicator-${g.id}`, className: "h-3 w-3 text-primary shrink-0" }),
           He,
-          /* @__PURE__ */ i.jsx(ie, { className: "h-3.5 w-3.5" }),
-          B ? /* @__PURE__ */ i.jsx(
+          /* @__PURE__ */ i.jsx(oe, { className: "h-3.5 w-3.5" }),
+          U ? /* @__PURE__ */ i.jsx(
             We,
             {
               ref: ne,
               "data-testid": `view-tab-rename-input-${g.id}`,
-              value: fe,
-              onChange: (H) => pe(H.target.value),
-              onBlur: W,
-              onKeyDown: (H) => {
-                H.key === "Enter" && W(), H.key === "Escape" && Se();
+              value: pe,
+              onChange: (X) => he(X.target.value),
+              onBlur: G,
+              onKeyDown: (X) => {
+                X.key === "Enter" && G(), X.key === "Escape" && Ne();
               },
               className: "h-5 w-24 px-1 py-0 text-sm border-none focus-visible:ring-1",
-              onClick: (H) => H.stopPropagation()
+              onClick: (X) => X.stopPropagation()
             }
           ) : /* @__PURE__ */ i.jsx("span", { children: g.label }),
-          Ne && /* @__PURE__ */ i.jsxs(Sn, { children: [
-            /* @__PURE__ */ i.jsx(Nn, { asChild: !0, children: /* @__PURE__ */ i.jsx(
+          De && /* @__PURE__ */ i.jsxs(Nn, { children: [
+            /* @__PURE__ */ i.jsx(Dn, { asChild: !0, children: /* @__PURE__ */ i.jsx(
               "span",
               {
                 "data-testid": `view-tab-indicator-${g.id}`,
@@ -4481,17 +4512,17 @@ const At = { private: 0, team: 1, organization: 2, public: 3 }, Ps = 5, Ls = ({
                 children: [g.hasActiveFilters && "F", g.hasActiveSort && "S"].filter(Boolean).join("")
               }
             ) }),
-            /* @__PURE__ */ i.jsx(Dn, { side: "bottom", className: "text-xs", children: [g.hasActiveFilters && "Active filters", g.hasActiveSort && "Active sort"].filter(Boolean).join(", ") })
+            /* @__PURE__ */ i.jsx(Rn, { side: "bottom", className: "text-xs", children: [g.hasActiveFilters && "Active filters", g.hasActiveSort && "Active sort"].filter(Boolean).join(", ") })
           ] }),
-          g.isDefault && /* @__PURE__ */ i.jsx(An, { className: "h-3 w-3 text-amber-500 fill-amber-500 shrink-0" }),
+          g.isDefault && /* @__PURE__ */ i.jsx(Tn, { className: "h-3 w-3 text-amber-500 fill-amber-500 shrink-0" }),
           K && f && /* @__PURE__ */ i.jsx(
             "button",
             {
               type: "button",
               "data-testid": `view-tab-config-${g.id}`,
               className: "ml-0.5 h-4 w-4 flex items-center justify-center rounded hover:bg-accent shrink-0 opacity-60 hover:opacity-100 transition-opacity",
-              onClick: (H) => {
-                H.stopPropagation(), f(g.id);
+              onClick: (X) => {
+                X.stopPropagation(), f(g.id);
               },
               "aria-label": `Configure ${g.label}`,
               children: /* @__PURE__ */ i.jsx(Ni, { className: "h-3 w-3" })
@@ -4499,14 +4530,14 @@ const At = { private: 0, team: 1, organization: 2, public: 3 }, Ps = 5, Ls = ({
           )
         ]
       }
-    ), De = (se) => !V || B ? se : /* @__PURE__ */ i.jsxs(Zr, { children: [
+    ), Re = (se) => !k || U ? se : /* @__PURE__ */ i.jsxs(Zr, { children: [
       /* @__PURE__ */ i.jsx(ei, { asChild: !0, children: se }),
       /* @__PURE__ */ i.jsxs(ti, { children: [
         l && /* @__PURE__ */ i.jsxs(
           qe,
           {
             "data-testid": `context-menu-rename-${g.id}`,
-            onClick: () => _(g.id),
+            onClick: () => $(g.id),
             children: [
               /* @__PURE__ */ i.jsx(ji, { className: "h-4 w-4 mr-2" }),
               " Rename"
@@ -4524,11 +4555,11 @@ const At = { private: 0, team: 1, organization: 2, public: 3 }, Ps = 5, Ls = ({
             ]
           }
         ),
-        b && /* @__PURE__ */ i.jsxs(
+        v && /* @__PURE__ */ i.jsxs(
           qe,
           {
             "data-testid": `context-menu-share-${g.id}`,
-            onClick: () => b(g.id),
+            onClick: () => v(g.id),
             children: [
               /* @__PURE__ */ i.jsx(Mt, { className: "h-4 w-4 mr-2" }),
               " Share View"
@@ -4541,16 +4572,16 @@ const At = { private: 0, team: 1, organization: 2, public: 3 }, Ps = 5, Ls = ({
             "data-testid": `context-menu-default-${g.id}`,
             onClick: () => p(g.id),
             children: [
-              /* @__PURE__ */ i.jsx(An, { className: "h-4 w-4 mr-2" }),
+              /* @__PURE__ */ i.jsx(Tn, { className: "h-4 w-4 mr-2" }),
               " Set as Default"
             ]
           }
         ),
-        m && /* @__PURE__ */ i.jsx(
+        w && /* @__PURE__ */ i.jsx(
           qe,
           {
             "data-testid": `context-menu-pin-${g.id}`,
-            onClick: () => m(g.id, !g.isPinned),
+            onClick: () => w(g.id, !g.isPinned),
             children: g.isPinned ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
               /* @__PURE__ */ i.jsx(Ci, { className: "h-4 w-4 mr-2" }),
               " Unpin View"
@@ -4561,43 +4592,43 @@ const At = { private: 0, team: 1, organization: 2, public: 3 }, Ps = 5, Ls = ({
           }
         ),
         S && j && j.length > 0 && /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-          /* @__PURE__ */ i.jsx(Rn, {}),
+          /* @__PURE__ */ i.jsx(En, {}),
           /* @__PURE__ */ i.jsxs(ni, { children: [
             /* @__PURE__ */ i.jsxs(ri, { "data-testid": `context-menu-change-type-${g.id}`, children: [
-              /* @__PURE__ */ i.jsx(dr, { className: "h-4 w-4 mr-2" }),
+              /* @__PURE__ */ i.jsx(ur, { className: "h-4 w-4 mr-2" }),
               " Change View Type"
             ] }),
-            /* @__PURE__ */ i.jsx(ii, { "data-testid": `context-menu-type-submenu-${g.id}`, children: j.map((H) => {
-              const Pe = r[H.type] || U;
+            /* @__PURE__ */ i.jsx(ii, { "data-testid": `context-menu-type-submenu-${g.id}`, children: j.map((X) => {
+              const Pe = r[X.type] || Y;
               return /* @__PURE__ */ i.jsxs(
                 qe,
                 {
-                  "data-testid": `context-menu-type-${g.id}-${H.type}`,
-                  disabled: H.type === g.type,
-                  onClick: () => S(g.id, H.type),
+                  "data-testid": `context-menu-type-${g.id}-${X.type}`,
+                  disabled: X.type === g.type,
+                  onClick: () => S(g.id, X.type),
                   children: [
                     /* @__PURE__ */ i.jsx(Pe, { className: "h-4 w-4 mr-2" }),
                     /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col", children: [
-                      /* @__PURE__ */ i.jsx("span", { children: H.label }),
-                      H.description && /* @__PURE__ */ i.jsx("span", { className: "text-xs text-muted-foreground", children: H.description })
+                      /* @__PURE__ */ i.jsx("span", { children: X.label }),
+                      X.description && /* @__PURE__ */ i.jsx("span", { className: "text-xs text-muted-foreground", children: X.description })
                     ] })
                   ]
                 },
-                H.type
+                X.type
               );
             }) })
           ] })
         ] }),
-        u && /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-          /* @__PURE__ */ i.jsx(Rn, {}),
+        d && /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+          /* @__PURE__ */ i.jsx(En, {}),
           /* @__PURE__ */ i.jsxs(
             qe,
             {
               "data-testid": `context-menu-delete-${g.id}`,
-              onClick: () => u(g.id),
+              onClick: () => d(g.id),
               className: "text-destructive focus:text-destructive",
               children: [
-                /* @__PURE__ */ i.jsx(cr, { className: "h-4 w-4 mr-2" }),
+                /* @__PURE__ */ i.jsx(dr, { className: "h-4 w-4 mr-2" }),
                 " Delete View"
               ]
             }
@@ -4605,22 +4636,22 @@ const At = { private: 0, team: 1, organization: 2, public: 3 }, Ps = 5, Ls = ({
         ] })
       ] })
     ] });
-    return x && v ? /* @__PURE__ */ i.jsxs(ge.Fragment, { children: [
+    return x && b ? /* @__PURE__ */ i.jsxs(ve.Fragment, { children: [
       be && /* @__PURE__ */ i.jsx("div", { "data-testid": "view-tab-visibility-separator", className: "w-px h-5 bg-border mx-1 self-center shrink-0" }),
-      /* @__PURE__ */ i.jsx(Ls, { id: g.id, children: ({ setNodeRef: se, style: H, listeners: Pe, attributes: Je, isDragging: ot }) => /* @__PURE__ */ i.jsx("div", { ref: se, style: H, className: oe("flex", ot && "z-10"), children: De(_e({ listeners: Pe, attributes: Je })) }) })
-    ] }, g.id) : /* @__PURE__ */ i.jsxs(ge.Fragment, { children: [
+      /* @__PURE__ */ i.jsx(Ls, { id: g.id, children: ({ setNodeRef: se, style: X, listeners: Pe, attributes: Je, isDragging: ot }) => /* @__PURE__ */ i.jsx("div", { ref: se, style: X, className: re("flex", ot && "z-10"), children: Re(_e({ listeners: Pe, attributes: Je })) }) })
+    ] }, g.id) : /* @__PURE__ */ i.jsxs(ve.Fragment, { children: [
       be && /* @__PURE__ */ i.jsx("div", { "data-testid": "view-tab-visibility-separator", className: "w-px h-5 bg-border mx-1 self-center shrink-0" }),
-      De(_e())
+      Re(_e())
     ] }, g.id);
-  }, de = /* @__PURE__ */ i.jsx(i.Fragment, { children: d.map((g, te) => ce(g, te)) });
+  }, ue = /* @__PURE__ */ i.jsx(i.Fragment, { children: u.map((g, te) => de(g, te)) });
   return /* @__PURE__ */ i.jsx(Xr, { children: /* @__PURE__ */ i.jsxs(
     "div",
     {
       "data-testid": "view-tab-bar",
-      className: oe("flex items-center gap-0.5 -mb-px", C),
+      className: re("flex items-center gap-0.5 -mb-px", C),
       children: [
-        x && v ? /* @__PURE__ */ i.jsx(gs, { sensors: A, collisionDetection: bo, onDragEnd: le, children: /* @__PURE__ */ i.jsx(Es, { items: d.map((g) => g.id), strategy: Ds, children: /* @__PURE__ */ i.jsx("div", { "data-testid": "view-tab-sortable-container", className: "flex items-center gap-0.5", children: de }) }) }) : de,
-        F.length > 0 && /* @__PURE__ */ i.jsxs(qr, { children: [
+        x && b ? /* @__PURE__ */ i.jsx(gs, { sensors: T, collisionDetection: vo, onDragEnd: ce, children: /* @__PURE__ */ i.jsx(Es, { items: u.map((g) => g.id), strategy: Ds, children: /* @__PURE__ */ i.jsx("div", { "data-testid": "view-tab-sortable-container", className: "flex items-center gap-0.5", children: ue }) }) }) : ue,
+        O.length > 0 && /* @__PURE__ */ i.jsxs(qr, { children: [
           /* @__PURE__ */ i.jsx(Kr, { asChild: !0, children: /* @__PURE__ */ i.jsxs(
             "button",
             {
@@ -4629,14 +4660,14 @@ const At = { private: 0, team: 1, organization: 2, public: 3 }, Ps = 5, Ls = ({
               children: [
                 /* @__PURE__ */ i.jsx(mi, { className: "h-4 w-4" }),
                 /* @__PURE__ */ i.jsxs("span", { className: "text-xs", children: [
-                  F.length,
+                  O.length,
                   " more"
                 ] })
               ]
             }
           ) }),
-          /* @__PURE__ */ i.jsx(Jr, { align: "end", children: F.map((g) => {
-            const te = r[g.type] || U;
+          /* @__PURE__ */ i.jsx(Jr, { align: "end", children: O.map((g) => {
+            const te = r[g.type] || Y;
             return /* @__PURE__ */ i.jsxs(
               Qr,
               {
@@ -4653,8 +4684,8 @@ const At = { private: 0, team: 1, organization: 2, public: 3 }, Ps = 5, Ls = ({
             );
           }) })
         ] }),
-        T && s && /* @__PURE__ */ i.jsxs(Sn, { children: [
-          /* @__PURE__ */ i.jsx(Nn, { asChild: !0, children: /* @__PURE__ */ i.jsx(
+        A && s && /* @__PURE__ */ i.jsxs(Nn, { children: [
+          /* @__PURE__ */ i.jsx(Dn, { asChild: !0, children: /* @__PURE__ */ i.jsx(
             "button",
             {
               "data-testid": "view-tab-add",
@@ -4663,7 +4694,7 @@ const At = { private: 0, team: 1, organization: 2, public: 3 }, Ps = 5, Ls = ({
               children: /* @__PURE__ */ i.jsx(fn, { className: "h-4 w-4" })
             }
           ) }),
-          /* @__PURE__ */ i.jsx(Dn, { children: "Add View" })
+          /* @__PURE__ */ i.jsx(Rn, { children: "Add View" })
         ] }),
         M && N && /* @__PURE__ */ i.jsxs(
           "div",
@@ -4674,7 +4705,7 @@ const At = { private: 0, team: 1, organization: 2, public: 3 }, Ps = 5, Ls = ({
               /* @__PURE__ */ i.jsx(wi, { className: "h-3.5 w-3.5" }),
               /* @__PURE__ */ i.jsx("span", { className: "hidden sm:inline", children: "Unsaved changes" }),
               c && /* @__PURE__ */ i.jsx(
-                je,
+                Ce,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -4684,14 +4715,14 @@ const At = { private: 0, team: 1, organization: 2, public: 3 }, Ps = 5, Ls = ({
                   children: "Save as View"
                 }
               ),
-              w && /* @__PURE__ */ i.jsx(
-                je,
+              m && /* @__PURE__ */ i.jsx(
+                Ce,
                 {
                   variant: "ghost",
                   size: "sm",
                   "data-testid": "view-tab-reset-btn",
                   className: "h-6 px-2 text-xs",
-                  onClick: w,
+                  onClick: m,
                   children: "Reset"
                 }
               )
@@ -4701,18 +4732,18 @@ const At = { private: 0, team: 1, organization: 2, public: 3 }, Ps = 5, Ls = ({
       ]
     }
   ) });
-}, _s = ge.createContext(null);
-let Ir = _s;
+}, _s = ve.createContext(null);
+let kr = _s;
 try {
   const e = require("@object-ui/react");
-  e.SchemaRendererContext && (Ir = e.SchemaRendererContext);
+  e.SchemaRendererContext && (kr = e.SchemaRendererContext);
 } catch {
 }
-const kr = ({ schema: e }) => {
-  const n = Ge(Ir)?.dataSource ?? null;
+const Vr = ({ schema: e }) => {
+  const n = Ge(kr)?.dataSource ?? null;
   return /* @__PURE__ */ i.jsx(zi, { schema: e, dataSource: n });
 };
-Ke.register("object-view", kr, {
+Ke.register("object-view", Vr, {
   namespace: "plugin-view",
   label: "Object View",
   category: "view",
@@ -4744,12 +4775,12 @@ Ke.register("object-view", kr, {
     showViewSwitcher: !0
   }
 });
-Ke.register("view", kr, {
+Ke.register("view", Vr, {
   namespace: "plugin-view",
   label: "View",
   category: "view"
 });
-Ke.register("view-switcher", pr, {
+Ke.register("view-switcher", hr, {
   namespace: "view",
   label: "View Switcher",
   category: "view",
@@ -4860,6 +4891,6 @@ export {
   zi as ObjectView,
   qi as SharedViewLink,
   Gi as SortUI,
-  pr as ViewSwitcher,
+  hr as ViewSwitcher,
   qs as ViewTabBar
 };