@object-ui/plugin-view 3.0.2 → 3.0.3

package/dist/index.js

@@ -1,18 +1,18 @@
-import * as T from "react";
-import Ue, { useState as B, useMemo as W, useEffect as Re, useCallback as z, useContext as mt } from "react";
+import * as R from "react";
+import Ue, { useState as W, useMemo as q, useEffect as Re, useCallback as M, useContext as mt } from "react";
 import { ComponentRegistry as te } from "@object-ui/core";
 import { ObjectGrid as bt } from "@object-ui/plugin-grid";
 import { ObjectForm as ke } from "@object-ui/plugin-form";
-import { Select as be, SelectTrigger as we, SelectValue as ve, cn as A, SelectContent as ye, SelectItem as ce, Button as G, Tabs as Ye, TabsList as Be, TabsTrigger as We, Drawer as qe, DrawerContent as Ge, DrawerHeader as Ke, DrawerTitle as He, DrawerDescription as Je, Dialog as wt, DialogContent as vt, DialogHeader as yt, DialogTitle as gt, DialogDescription as xt, Label as jt, Popover as ht, PopoverTrigger as Nt, PopoverContent as Ct, Input as ie, Checkbox as St, SortBuilder as Ft } from "@object-ui/components";
-import { Map as Vt, Activity as Et, Calendar as _t, LayoutGrid as Tt, Grid as Rt, FileText as kt, List as At, icons as Ot, Plus as Dt, SlidersHorizontal as Ae, X as Pt, ArrowUp as $t, ArrowDown as It } from "lucide-react";
-import { SchemaRenderer as Oe } from "@object-ui/react";
+import { Select as be, SelectTrigger as we, SelectValue as ve, cn as A, SelectContent as ye, SelectItem as ce, Button as K, Tabs as Ye, TabsList as Be, TabsTrigger as We, Drawer as qe, DrawerContent as Ge, DrawerHeader as Ke, DrawerTitle as Je, DrawerDescription as He, Dialog as wt, DialogContent as vt, DialogHeader as yt, DialogTitle as gt, DialogDescription as xt, Label as jt, Popover as ht, PopoverTrigger as Nt, PopoverContent as Ct, Input as ie, Checkbox as St, SortBuilder as Vt } from "@object-ui/components";
+import { Map as Ft, Activity as Et, Calendar as _t, LayoutGrid as Tt, Grid as Rt, FileText as kt, List as Ot, icons as At, Plus as Dt, SlidersHorizontal as Oe, X as Pt, ArrowUp as $t, ArrowDown as It } from "lucide-react";
+import { SchemaRenderer as Ae } from "@object-ui/react";
 var pe = { exports: {} }, se = {};
 var De;
 function Lt() {
   if (De) return se;
   De = 1;
   var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), l = /* @__PURE__ */ Symbol.for("react.fragment");
-  function f(c, p, m) {
+  function f(o, p, m) {
     var S = null;
     if (m !== void 0 && (S = "" + m), p.key !== void 0 && (S = "" + p.key), "key" in p) {
       m = {};
@@ -21,7 +21,7 @@ function Lt() {
     } else m = p;
     return p = m.ref, {
       $$typeof: e,
-      type: c,
+      type: o,
       key: S,
       ref: p !== void 0 ? p : null,
       props: m
@@ -41,9 +41,9 @@ function zt() {
       switch (r) {
         case _:
           return "Fragment";
-        case o:
+        case s:
           return "Profiler";
-        case R:
+        case k:
           return "StrictMode";
         case ge:
           return "Suspense";
@@ -56,21 +56,21 @@ function zt() {
         switch (typeof r.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), r.$$typeof) {
-          case s:
+          case i:
             return "Portal";
           case P:
             return r.displayName || "Context";
           case g:
             return (r._context.displayName || "Context") + ".Consumer";
           case X:
-            var u = r.render;
-            return r = r.displayName, r || (r = u.displayName || u.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
-          case $:
-            return u = r.displayName || null, u !== null ? u : e(r.type) || "Memo";
+            var d = r.render;
+            return r = r.displayName, r || (r = d.displayName || d.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
+          case I:
+            return d = r.displayName || null, d !== null ? d : e(r.type) || "Memo";
           case ue:
-            u = r._payload, r = r._init;
+            d = r._payload, r = r._init;
             try {
-              return e(r(u));
+              return e(r(d));
             } catch {
             }
         }
@@ -82,33 +82,33 @@ function zt() {
     function f(r) {
       try {
         l(r);
-        var u = !1;
+        var d = !1;
       } catch {
-        u = !0;
+        d = !0;
       }
-      if (u) {
-        u = console;
-        var w = u.error, y = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+      if (d) {
+        d = console;
+        var w = d.error, y = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
         return w.call(
-          u,
+          d,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           y
         ), l(r);
       }
     }
-    function c(r) {
+    function o(r) {
       if (r === _) return "<>";
       if (typeof r == "object" && r !== null && r.$$typeof === ue)
         return "<...>";
       try {
-        var u = e(r);
-        return u ? "<" + u + ">" : "<...>";
+        var d = e(r);
+        return d ? "<" + d + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function p() {
-      var r = I.A;
+      var r = L.A;
       return r === null ? null : r.getOwner();
     }
     function m() {
@@ -116,16 +116,16 @@ function zt() {
     }
     function S(r) {
       if (Z.call(r, "key")) {
-        var u = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (u && u.isReactWarning) return !1;
+        var d = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (d && d.isReactWarning) return !1;
       }
       return r.key !== void 0;
     }
-    function b(r, u) {
+    function b(r, d) {
       function w() {
-        F || (F = !0, console.error(
+        V || (V = !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)",
-          u
+          d
         ));
       }
       w.isReactWarning = !0, Object.defineProperty(r, "key", {
@@ -133,23 +133,23 @@ function zt() {
         configurable: !0
       });
     }
-    function V() {
+    function F() {
       var r = e(this.type);
       return D[r] || (D[r] = !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."
       )), r = this.props.ref, r !== void 0 ? r : null;
     }
-    function N(r, u, w, y, Q, ee) {
+    function N(r, d, w, y, Q, ee) {
       var E = w.ref;
       return r = {
         $$typeof: C,
         type: r,
-        key: u,
+        key: d,
         props: w,
         _owner: y
       }, (E !== void 0 ? E : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
-        get: V
+        get: F
       }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -172,25 +172,25 @@ function zt() {
         value: ee
       }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function j(r, u, w, y, Q, ee) {
-      var E = u.children;
+    function j(r, d, w, y, Q, ee) {
+      var E = d.children;
       if (E !== void 0)
         if (y)
-          if (K(E)) {
+          if (J(E)) {
             for (y = 0; y < E.length; y++)
-              i(E[y]);
+              a(E[y]);
             Object.freeze && Object.freeze(E);
           } 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 i(E);
-      if (Z.call(u, "key")) {
+        else a(E);
+      if (Z.call(d, "key")) {
         E = e(r);
-        var q = Object.keys(u).filter(function(xe) {
+        var G = Object.keys(d).filter(function(xe) {
           return xe !== "key";
         });
-        y = 0 < q.length ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}", x[E + y] || (q = 0 < q.length ? "{" + q.join(": ..., ") + ": ...}" : "{}", console.error(
+        y = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", x[E + y] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -199,15 +199,15 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           y,
           E,
-          q,
+          G,
           E
         ), x[E + y] = !0);
       }
-      if (E = null, w !== void 0 && (f(w), E = "" + w), S(u) && (f(u.key), E = "" + u.key), "key" in u) {
+      if (E = null, w !== void 0 && (f(w), E = "" + w), S(d) && (f(d.key), E = "" + d.key), "key" in d) {
         w = {};
-        for (var ae in u)
-          ae !== "key" && (w[ae] = u[ae]);
-      } else w = u;
+        for (var ae in d)
+          ae !== "key" && (w[ae] = d[ae]);
+      } else w = d;
       return E && b(
         w,
         typeof r == "function" ? r.displayName || r.name || "Unknown" : r
@@ -220,13 +220,13 @@ React keys must be passed directly to JSX without using spread:
         ee
       );
     }
-    function i(r) {
+    function a(r) {
       h(r) ? r._store && (r._store.validated = 1) : typeof r == "object" && r !== null && r.$$typeof === ue && (r._payload.status === "fulfilled" ? h(r._payload.value) && r._payload.value._store && (r._payload.value._store.validated = 1) : r._store && (r._store.validated = 1));
     }
     function h(r) {
       return typeof r == "object" && r !== null && r.$$typeof === C;
     }
-    var v = Ue, C = /* @__PURE__ */ Symbol.for("react.transitional.element"), s = /* @__PURE__ */ Symbol.for("react.portal"), _ = /* @__PURE__ */ Symbol.for("react.fragment"), R = /* @__PURE__ */ Symbol.for("react.strict_mode"), o = /* @__PURE__ */ Symbol.for("react.profiler"), g = /* @__PURE__ */ Symbol.for("react.consumer"), P = /* @__PURE__ */ Symbol.for("react.context"), X = /* @__PURE__ */ Symbol.for("react.forward_ref"), ge = /* @__PURE__ */ Symbol.for("react.suspense"), de = /* @__PURE__ */ Symbol.for("react.suspense_list"), $ = /* @__PURE__ */ Symbol.for("react.memo"), ue = /* @__PURE__ */ Symbol.for("react.lazy"), U = /* @__PURE__ */ Symbol.for("react.activity"), Se = /* @__PURE__ */ Symbol.for("react.client.reference"), I = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Z = Object.prototype.hasOwnProperty, K = Array.isArray, ne = console.createTask ? console.createTask : function() {
+    var v = Ue, C = /* @__PURE__ */ Symbol.for("react.transitional.element"), i = /* @__PURE__ */ Symbol.for("react.portal"), _ = /* @__PURE__ */ Symbol.for("react.fragment"), k = /* @__PURE__ */ Symbol.for("react.strict_mode"), s = /* @__PURE__ */ Symbol.for("react.profiler"), g = /* @__PURE__ */ Symbol.for("react.consumer"), P = /* @__PURE__ */ Symbol.for("react.context"), X = /* @__PURE__ */ Symbol.for("react.forward_ref"), ge = /* @__PURE__ */ Symbol.for("react.suspense"), de = /* @__PURE__ */ Symbol.for("react.suspense_list"), I = /* @__PURE__ */ Symbol.for("react.memo"), ue = /* @__PURE__ */ Symbol.for("react.lazy"), U = /* @__PURE__ */ Symbol.for("react.activity"), Se = /* @__PURE__ */ Symbol.for("react.client.reference"), L = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Z = Object.prototype.hasOwnProperty, J = Array.isArray, ne = console.createTask ? console.createTask : function() {
       return null;
     };
     v = {
@@ -234,29 +234,29 @@ React keys must be passed directly to JSX without using spread:
         return r();
       }
     };
-    var F, D = {}, le = v.react_stack_bottom_frame.bind(
+    var V, D = {}, le = v.react_stack_bottom_frame.bind(
       v,
       m
-    )(), fe = ne(c(m)), x = {};
-    oe.Fragment = _, oe.jsx = function(r, u, w) {
-      var y = 1e4 > I.recentlyCreatedOwnerStacks++;
+    )(), fe = ne(o(m)), x = {};
+    oe.Fragment = _, oe.jsx = function(r, d, w) {
+      var y = 1e4 > L.recentlyCreatedOwnerStacks++;
       return j(
         r,
-        u,
+        d,
         w,
         !1,
         y ? Error("react-stack-top-frame") : le,
-        y ? ne(c(r)) : fe
+        y ? ne(o(r)) : fe
       );
-    }, oe.jsxs = function(r, u, w) {
-      var y = 1e4 > I.recentlyCreatedOwnerStacks++;
+    }, oe.jsxs = function(r, d, w) {
+      var y = 1e4 > L.recentlyCreatedOwnerStacks++;
       return j(
         r,
-        u,
+        d,
         w,
         !0,
         y ? Error("react-stack-top-frame") : le,
-        y ? ne(c(r)) : fe
+        y ? ne(o(r)) : fe
       );
     };
   })()), oe;
@@ -267,47 +267,47 @@ function Mt() {
 }
 var t = Mt();
 function Xe(e) {
-  var l, f, c = "";
-  if (typeof e == "string" || typeof e == "number") c += e;
+  var l, f, o = "";
+  if (typeof e == "string" || typeof e == "number") o += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var p = e.length;
-    for (l = 0; l < p; l++) e[l] && (f = Xe(e[l])) && (c && (c += " "), c += f);
-  } else for (f in e) e[f] && (c && (c += " "), c += f);
-  return c;
+    for (l = 0; l < p; l++) e[l] && (f = Xe(e[l])) && (o && (o += " "), o += f);
+  } else for (f in e) e[f] && (o && (o += " "), o += f);
+  return o;
 }
 function Ut() {
-  for (var e, l, f = 0, c = "", p = arguments.length; f < p; f++) (e = arguments[f]) && (l = Xe(e)) && (c && (c += " "), c += l);
-  return c;
+  for (var e, l, f = 0, o = "", p = arguments.length; f < p; f++) (e = arguments[f]) && (l = Xe(e)) && (o && (o += " "), o += l);
+  return o;
 }
 const Ie = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Le = Ut, re = (e, l) => (f) => {
-  var c;
+  var o;
   if (l?.variants == null) return Le(e, f?.class, f?.className);
   const { variants: p, defaultVariants: m } = l, S = Object.keys(p).map((N) => {
-    const j = f?.[N], i = m?.[N];
+    const j = f?.[N], a = m?.[N];
     if (j === null) return null;
-    const h = Ie(j) || Ie(i);
+    const h = Ie(j) || Ie(a);
     return p[N][h];
   }), b = f && Object.entries(f).reduce((N, j) => {
-    let [i, h] = j;
-    return h === void 0 || (N[i] = h), N;
-  }, {}), V = l == null || (c = l.compoundVariants) === null || c === void 0 ? void 0 : c.reduce((N, j) => {
-    let { class: i, className: h, ...v } = j;
+    let [a, h] = j;
+    return h === void 0 || (N[a] = h), N;
+  }, {}), F = l == null || (o = l.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((N, j) => {
+    let { class: a, className: h, ...v } = j;
     return Object.entries(v).every((C) => {
-      let [s, _] = C;
+      let [i, _] = C;
       return Array.isArray(_) ? _.includes({
         ...m,
         ...b
-      }[s]) : {
+      }[i]) : {
         ...m,
         ...b
-      }[s] === _;
+      }[i] === _;
     }) ? [
       ...N,
-      i,
+      a,
       h
     ] : N;
   }, []);
-  return Le(e, S, V, f?.class, f?.className);
+  return Le(e, S, F, f?.class, f?.className);
 }, Yt = {
   list: "List",
   detail: "Detail",
@@ -317,13 +317,13 @@ const Ie = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Le = Ut, r
   timeline: "Timeline",
   map: "Map"
 }, Bt = {
-  list: At,
+  list: Ot,
   detail: kt,
   grid: Rt,
   kanban: Tt,
   calendar: _t,
   timeline: Et,
-  map: Vt
+  map: Ft
 }, Wt = re("flex gap-4", {
   variants: {
     position: {
@@ -367,16 +367,16 @@ const Ie = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Le = Ut, r
     orientation: "horizontal"
   }
 });
-function Ht(e) {
+function Jt(e) {
   return e.split("-").map((l) => l.charAt(0).toUpperCase() + l.slice(1)).join("");
 }
-const Jt = {
+const Ht = {
   Home: "House"
 };
 function Xt(e) {
   if (!e) return null;
-  const l = Ht(e), f = Jt[l] || l;
-  return Ot[f] || null;
+  const l = Jt(e), f = Ht[l] || l;
+  return At[f] || null;
 }
 function je(e) {
   return e.label ? e.label : Yt[e.type] || e.type;
@@ -391,77 +391,77 @@ const Ze = ({
   schema: e,
   className: l,
   onViewChange: f,
-  ...c
+  ...o
 }) => {
-  const p = T.useMemo(() => e.storageKey ? e.storageKey : `view-switcher${e.id ? `-${e.id}` : ""}`, [e.id, e.storageKey]), [m, S] = T.useState(() => Zt(e));
-  T.useEffect(() => {
+  const p = R.useMemo(() => e.storageKey ? e.storageKey : `view-switcher${e.id ? `-${e.id}` : ""}`, [e.id, e.storageKey]), [m, S] = R.useState(() => Zt(e));
+  R.useEffect(() => {
     if (e.activeView) {
       S(e.activeView);
       return;
     }
     if (e.persistPreference)
       try {
-        const o = localStorage.getItem(p);
-        if (o) {
-          const g = e.views.find((P) => P.type === o)?.type;
+        const s = localStorage.getItem(p);
+        if (s) {
+          const g = e.views.find((P) => P.type === s)?.type;
           g && S(g);
         }
       } catch {
       }
-  }, [e.activeView, e.persistPreference, e.views, p]), T.useEffect(() => {
+  }, [e.activeView, e.persistPreference, e.views, p]), R.useEffect(() => {
     if (!(!e.persistPreference || !m || e.activeView))
       try {
         localStorage.setItem(p, m);
       } catch {
       }
   }, [m, e.activeView, e.persistPreference, p]);
-  const b = T.useCallback((o) => {
-    f?.(o), e.onViewChange && typeof window < "u" && window.dispatchEvent(
+  const b = R.useCallback((s) => {
+    f?.(s), e.onViewChange && typeof window < "u" && window.dispatchEvent(
       new CustomEvent(e.onViewChange, {
-        detail: { view: o }
+        detail: { view: s }
       })
     );
-  }, [f, e.onViewChange]), V = T.useCallback((o) => {
-    S(o), b(o);
-  }, [b]), N = m || e.views?.[0]?.type, j = N || "", i = e.views.find((o) => o.type === N) || e.views?.[0], h = e.variant || "tabs", v = e.position || "top", C = v === "left" || v === "right", s = C ? "vertical" : "horizontal", _ = /* @__PURE__ */ t.jsxs("div", { className: A(qt({ orientation: s })), children: [
-    h === "dropdown" && /* @__PURE__ */ t.jsxs(be, { value: j, onValueChange: (o) => V(o), children: [
+  }, [f, e.onViewChange]), F = R.useCallback((s) => {
+    S(s), b(s);
+  }, [b]), N = m || e.views?.[0]?.type, j = N || "", a = e.views.find((s) => s.type === N) || e.views?.[0], h = e.variant || "tabs", v = e.position || "top", C = v === "left" || v === "right", i = C ? "vertical" : "horizontal", _ = /* @__PURE__ */ t.jsxs("div", { className: A(qt({ orientation: i })), children: [
+    h === "dropdown" && /* @__PURE__ */ t.jsxs(be, { value: j, onValueChange: (s) => F(s), children: [
       /* @__PURE__ */ t.jsx(we, { className: A("w-full", C ? "h-10" : "h-9"), children: /* @__PURE__ */ t.jsx(ve, { placeholder: "Select view" }) }),
-      /* @__PURE__ */ t.jsx(ye, { children: e.views.map((o, g) => /* @__PURE__ */ t.jsx(ce, { value: o.type, children: je(o) }, `${o.type}-${g}`)) })
+      /* @__PURE__ */ t.jsx(ye, { children: e.views.map((s, g) => /* @__PURE__ */ t.jsx(ce, { value: s.type, children: je(s) }, `${s.type}-${g}`)) })
     ] }),
-    h === "buttons" && /* @__PURE__ */ t.jsx("div", { className: A(Gt({ orientation: s })), children: e.views.map((o, g) => {
-      const P = o.type === N, X = ze(o);
+    h === "buttons" && /* @__PURE__ */ t.jsx("div", { className: A(Gt({ orientation: i })), children: e.views.map((s, g) => {
+      const P = s.type === N, X = ze(s);
       return /* @__PURE__ */ t.jsxs(
-        G,
+        K,
         {
           type: "button",
           size: "sm",
           variant: P ? "secondary" : "ghost",
           className: A("justify-start gap-2", C ? "w-full" : ""),
-          onClick: () => V(o.type),
+          onClick: () => F(s.type),
           children: [
             X ? /* @__PURE__ */ t.jsx(X, { className: "h-4 w-4" }) : null,
-            /* @__PURE__ */ t.jsx("span", { children: je(o) })
+            /* @__PURE__ */ t.jsx("span", { children: je(s) })
           ]
         },
-        `${o.type}-${g}`
+        `${s.type}-${g}`
       );
     }) }),
-    h === "tabs" && /* @__PURE__ */ t.jsx(Ye, { value: j, onValueChange: (o) => V(o), children: /* @__PURE__ */ t.jsx(Be, { className: A(Kt({ orientation: s })), children: e.views.map((o, g) => {
-      const P = ze(o);
+    h === "tabs" && /* @__PURE__ */ t.jsx(Ye, { value: j, onValueChange: (s) => F(s), children: /* @__PURE__ */ t.jsx(Be, { className: A(Kt({ orientation: i })), children: e.views.map((s, g) => {
+      const P = ze(s);
       return /* @__PURE__ */ t.jsxs(
         We,
         {
-          value: o.type,
+          value: s.type,
           className: A("gap-2", C ? "justify-start" : ""),
           children: [
             P ? /* @__PURE__ */ t.jsx(P, { className: "h-4 w-4" }) : null,
-            /* @__PURE__ */ t.jsx("span", { children: je(o) })
+            /* @__PURE__ */ t.jsx("span", { children: je(s) })
           ]
         },
-        `${o.type}-${g}`
+        `${s.type}-${g}`
       );
     }) }) })
-  ] }), R = i?.schema ? Array.isArray(i.schema) ? /* @__PURE__ */ t.jsx("div", { className: "space-y-4", children: i.schema.map((o, g) => /* @__PURE__ */ t.jsx(Oe, { schema: o, ...c }, `${i.type}-${g}`)) }) : /* @__PURE__ */ t.jsx(Oe, { schema: i.schema, ...c }) : null;
+  ] }), k = a?.schema ? Array.isArray(a.schema) ? /* @__PURE__ */ t.jsx("div", { className: "space-y-4", children: a.schema.map((s, g) => /* @__PURE__ */ t.jsx(Ae, { schema: s, ...o }, `${a.type}-${g}`)) }) : /* @__PURE__ */ t.jsx(Ae, { schema: a.schema, ...o }) : null;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -471,7 +471,7 @@ const Ze = ({
       ),
       children: [
         /* @__PURE__ */ t.jsx("div", { className: A("shrink-0", C ? "flex flex-col" : "flex"), children: _ }),
-        /* @__PURE__ */ t.jsx("div", { className: "flex-1 min-w-0", children: R })
+        /* @__PURE__ */ t.jsx("div", { className: "flex-1 min-w-0", children: k })
       ]
     }
   );
@@ -485,46 +485,46 @@ const Qt = ({
   schema: e,
   dataSource: l,
   className: f,
-  views: c,
+  views: o,
   activeViewId: p,
   onViewChange: m,
   onRowClick: S,
   onEdit: b,
-  renderListView: V,
+  renderListView: F,
   toolbarAddon: N
 }) => {
-  const [j, i] = B(null), [h, v] = B(!1), [C, s] = B("create"), [_, R] = B(null), [o, g] = B(0), [P, X] = B([]), [ge, de] = B(!1), [$, ue] = B({}), [U, Se] = B([]), I = e.listViews, Z = I != null && Object.keys(I).length > 0, [K, ne] = B(() => e.defaultListView && I?.[e.defaultListView] ? e.defaultListView : I && Object.keys(I)[0] || ""), F = W(() => !Z || !K ? null : I[K] || null, [Z, K, I]), D = W(() => c && c.length > 0 ? c : null, [c]), le = D != null && D.length > 0, fe = p || D?.[0]?.id, x = D?.find((n) => n.id === fe) || D?.[0], r = W(() => F?.type ? F.type : x?.type ? x.type : e.defaultViewType || "grid", [F, x, e.defaultViewType]), u = e.navigation;
+  const [j, a] = W(null), [h, v] = W(!1), [C, i] = W("create"), [_, k] = W(null), [s, g] = W(0), [P, X] = W([]), [ge, de] = W(!1), [I, ue] = W({}), [U, Se] = W([]), L = e.listViews, Z = L != null && Object.keys(L).length > 0, [J, ne] = W(() => e.defaultListView && L?.[e.defaultListView] ? e.defaultListView : L && Object.keys(L)[0] || ""), V = q(() => !Z || !J ? null : L[J] || null, [Z, J, L]), D = q(() => o && o.length > 0 ? o : null, [o]), le = D != null && D.length > 0, fe = p || D?.[0]?.id, x = D?.find((n) => n.id === fe) || D?.[0], r = q(() => V?.type ? V.type : x?.type ? x.type : e.defaultViewType || "grid", [V, x, e.defaultViewType]), d = e.navigation;
   Re(() => {
     let n = !0;
-    const d = async () => {
+    const c = async () => {
       try {
-        const a = await l.getObjectSchema(e.objectName);
-        n && i(a);
-      } catch (a) {
-        console.error("Failed to fetch object schema:", a);
+        const u = await l.getObjectSchema(e.objectName);
+        n && a(u);
+      } catch (u) {
+        console.error("Failed to fetch object schema:", u);
       }
     };
-    return e.objectName && l && d(), () => {
+    return e.objectName && l && c(), () => {
       n = !1;
     };
   }, [e.objectName, l]), Re(() => {
     let n = !0;
     return (async () => {
-      if (!(r === "grid" && !V) && !(!l || !e.objectName)) {
+      if (!(r === "grid" && !F) && !(!l || !e.objectName)) {
         de(!0);
         try {
-          const a = F?.filter || x?.filter || e.table?.defaultFilters || [], M = Object.entries($).filter(([, L]) => L !== void 0 && L !== "" && L !== null).map(([L, J]) => [L, "=", J]);
+          const u = V?.filter || x?.filter || e.table?.defaultFilters || [], $ = Object.entries(I).filter(([, z]) => z !== void 0 && z !== "" && z !== null).map(([z, H]) => [z, "=", H]);
           let O = [];
-          a.length > 0 && M.length > 0 ? O = ["and", ...a, ...M] : M.length === 1 ? O = M[0] : M.length > 1 ? O = ["and", ...M] : O = a;
-          const H = U.length > 0 ? U.map((L) => ({ field: L.field, order: L.direction })) : F?.sort || x?.sort || e.table?.defaultSort || void 0, k = await l.find(e.objectName, {
+          u.length > 0 && $.length > 0 ? O = ["and", ...u, ...$] : $.length === 1 ? O = $[0] : $.length > 1 ? O = ["and", ...$] : O = u;
+          const Y = U.length > 0 ? U.map((z) => ({ field: z.field, order: z.direction })) : V?.sort || x?.sort || e.table?.defaultSort || void 0, T = await l.find(e.objectName, {
             $filter: O.length > 0 ? O : void 0,
-            $orderby: H,
+            $orderby: Y,
             $top: 100
           });
-          let Y = [];
-          Array.isArray(k) ? Y = k : k && typeof k == "object" && (Array.isArray(k.data) ? Y = k.data : Array.isArray(k.records) && (Y = k.records)), n && X(Y);
-        } catch (a) {
-          console.error("ObjectView data fetch error:", a);
+          let B = [];
+          Array.isArray(T) ? B = T : T && typeof T == "object" && (Array.isArray(T.data) ? B = T.data : Array.isArray(T.records) && (B = T.records)), n && X(B);
+        } catch (u) {
+          console.error("ObjectView data fetch error:", u);
         } finally {
           n && de(!1);
         }
@@ -532,71 +532,71 @@ const Qt = ({
     })(), () => {
       n = !1;
     };
-  }, [e.objectName, l, r, $, U, o, F, x, V]);
+  }, [e.objectName, l, r, I, U, s, V, x, F]);
   const w = e.layout || "drawer", y = e.operations || e.table?.operations || {
     create: !0,
     read: !0,
     update: !0,
     delete: !0
-  }, Q = z(() => {
-    w === "page" && e.onNavigate ? e.onNavigate("new", "edit") : (s("create"), R(null), v(!0));
-  }, [w, e]), ee = z((n) => {
+  }, Q = M(() => {
+    w === "page" && e.onNavigate ? e.onNavigate("new", "edit") : (i("create"), k(null), v(!0));
+  }, [w, e]), ee = M((n) => {
     if (b) {
       b(n);
       return;
     }
     if (w === "page" && e.onNavigate) {
-      const d = n._id || n.id;
-      e.onNavigate(d, "edit");
+      const c = n._id || n.id;
+      e.onNavigate(c, "edit");
     } else
-      s("edit"), R(n), v(!0);
-  }, [w, e, b]), E = z((n) => {
+      i("edit"), k(n), v(!0);
+  }, [w, e, b]), E = M((n) => {
     if (w === "page" && e.onNavigate) {
-      const d = n._id || n.id;
-      e.onNavigate(d, "view");
+      const c = n._id || n.id;
+      e.onNavigate(c, "view");
     } else
-      s("view"), R(n), v(!0);
-  }, [w, e]), q = z((n) => {
+      i("view"), k(n), v(!0);
+  }, [w, e]), G = M((n) => {
     if (S) {
       S(n);
       return;
     }
-    if (u) {
-      if (u.mode === "none" || u.preventNavigation)
+    if (d) {
+      if (d.mode === "none" || d.preventNavigation)
         return;
-      if (u.mode === "new_window" || u.openNewTab) {
-        const d = n._id || n.id, a = `/${e.objectName}/${d}`;
-        window.open(a, "_blank");
+      if (d.mode === "new_window" || d.openNewTab) {
+        const c = n._id || n.id, u = `/${e.objectName}/${c}`;
+        window.open(u, "_blank");
         return;
       }
-      if (u.mode === "drawer") {
-        s("view"), R(n), v(!0);
+      if (d.mode === "drawer") {
+        i("view"), k(n), v(!0);
         return;
       }
-      if (u.mode === "modal") {
-        s("view"), R(n), v(!0);
+      if (d.mode === "modal") {
+        i("view"), k(n), v(!0);
         return;
       }
-      if (u.mode === "page") {
-        const d = n._id || n.id;
-        e.onNavigate && e.onNavigate(d, "view");
+      if (d.mode === "page") {
+        const c = n._id || n.id;
+        e.onNavigate && e.onNavigate(c, "view");
         return;
       }
     }
     y.read !== !1 && E(n);
-  }, [S, u, y.read, E, e]), ae = z((n) => {
-    g((d) => d + 1);
-  }, []), xe = z((n) => {
-    g((d) => d + 1);
-  }, []), tt = z(() => {
-    v(!1), R(null), g((n) => n + 1);
-  }, []), rt = z(() => {
-    v(!1), R(null);
+  }, [S, d, y.read, E, e]), ae = M((n) => {
+    g((c) => c + 1);
+  }, []), xe = M((n) => {
+    g((c) => c + 1);
+  }, []), tt = M(() => {
+    v(!1), k(null), g((n) => n + 1);
+  }, []), rt = M(() => {
+    v(!1), k(null);
   }, []);
-  z(() => {
+  M(() => {
     g((n) => n + 1);
   }, []);
-  const Fe = W(() => !le || !D || D.length <= 1 ? null : {
+  const Ve = q(() => !le || !D || D.length <= 1 ? null : {
     type: "view-switcher",
     variant: "tabs",
     position: "top",
@@ -605,7 +605,7 @@ const Qt = ({
     defaultView: x?.type || "grid",
     activeView: x?.type || "grid",
     views: D.map((n) => {
-      const d = {
+      const c = {
         kanban: "kanban",
         calendar: "calendar",
         map: "map",
@@ -619,131 +619,151 @@ const Qt = ({
       return {
         type: n.type,
         label: n.label,
-        icon: d[n.type] || "table"
+        icon: c[n.type] || "table"
       };
     })
-  }, [le, D, x, e.objectName]), nt = z((n) => {
+  }, [le, D, x, e.objectName]), nt = M((n) => {
     if (!D) return;
-    const d = D.find((a) => a.type === n);
-    d && m && m(d.id);
-  }, [D, m]), lt = z((n) => {
+    const c = D.find((u) => u.type === n);
+    c && m && m(c.id);
+  }, [D, m]), lt = M((n) => {
     ne(n);
   }, []);
-  W(() => {
+  q(() => {
     if (e.showFilters === !1) return null;
-    const n = e.filterableFields, d = j?.fields || {}, M = (n ? n.map((O) => [O, d[O] || { label: O }]) : Object.entries(d).filter(([, O]) => !O.hidden).slice(0, 8)).map(([O, H]) => {
-      const k = H.type || "text";
-      let Y = "text", L;
-      return k === "number" || k === "currency" || k === "percent" ? Y = "number" : k === "boolean" || k === "toggle" ? Y = "boolean" : k === "date" || k === "datetime" ? Y = "date" : (k === "select" || H.options) && (Y = "select", L = (H.options || []).map(
-        (J) => typeof J == "string" ? { label: J, value: J } : { label: J.label, value: J.value }
+    const n = e.filterableFields, c = j?.fields || {}, $ = (n ? n.map((O) => [O, c[O] || { label: O }]) : Object.entries(c).filter(([, O]) => !O.hidden).slice(0, 8)).map(([O, Y]) => {
+      const T = Y.type || "text";
+      let B = "text", z;
+      return T === "number" || T === "currency" || T === "percent" ? B = "number" : T === "boolean" || T === "toggle" ? B = "boolean" : T === "date" || T === "datetime" ? B = "date" : (T === "select" || Y.options) && (B = "select", z = (Y.options || []).map(
+        (H) => typeof H == "string" ? { label: H, value: H } : { label: H.label, value: H.value }
       )), {
         field: O,
-        label: H.label || O,
-        type: Y,
-        placeholder: `Filter ${H.label || O}...`,
-        ...L ? { options: L } : {}
+        label: Y.label || O,
+        type: B,
+        placeholder: `Filter ${Y.label || O}...`,
+        ...z ? { options: z } : {}
       };
     });
-    return M.length === 0 ? null : {
+    return $.length === 0 ? null : {
       type: "filter-ui",
       layout: "popover",
       showClear: !0,
       showApply: !0,
-      filters: M,
-      values: $
+      filters: $,
+      values: I
     };
-  }, [e.showFilters, e.filterableFields, j, $]), W(() => {
-    const n = j?.fields || {}, d = Object.entries(n).filter(([, a]) => !a.hidden).slice(0, 10).map(([a, M]) => ({ field: a, label: M.label || a }));
-    return d.length === 0 ? null : {
+  }, [e.showFilters, e.filterableFields, j, I]), q(() => {
+    const n = j?.fields || {}, c = Object.entries(n).filter(([, u]) => !u.hidden).slice(0, 10).map(([u, $]) => ({ field: u, label: $.label || u }));
+    return c.length === 0 ? null : {
       type: "sort-ui",
       variant: "dropdown",
       multiple: !1,
-      fields: d,
+      fields: c,
       sort: U
     };
   }, [j, U]);
-  const at = z((n) => {
-    const d = {
+  const at = M((n) => {
+    const c = {
       objectName: e.objectName,
-      fields: F?.columns || x?.columns || e.table?.fields,
+      fields: V?.columns || x?.columns || e.table?.fields,
       className: "h-full w-full",
       showSearch: !1
-    }, a = F?.options || x || {};
+    }, u = V?.options || x || {};
+    if (process.env.NODE_ENV === "development") {
+      const $ = [
+        "startDateField",
+        "endDateField",
+        "dateField",
+        "groupBy",
+        "groupField",
+        "locationField",
+        "imageField",
+        "dependenciesField",
+        "progressField",
+        "titleField",
+        "subtitleField",
+        "latitudeField",
+        "longitudeField"
+      ], O = u[n] || {}, Y = $.filter((T) => T in u && !(T in O));
+      Y.length > 0 && console.warn(
+        `[Spec Compliance] View options use flat properties ${JSON.stringify(Y)}. Move them under options.${n} per @objectstack/spec protocol.`
+      );
+    }
     switch (n) {
       case "kanban":
         return {
           type: "object-kanban",
-          ...d,
-          groupBy: a.kanban?.groupField || a.groupBy || a.groupField || "status",
-          groupField: a.kanban?.groupField || a.groupField || "status",
-          titleField: a.kanban?.titleField || a.titleField || "name",
-          cardFields: d.fields || [],
-          ...a.kanban || {}
+          ...c,
+          groupBy: u.kanban?.groupField || "status",
+          groupField: u.kanban?.groupField || "status",
+          titleField: u.kanban?.titleField || "name",
+          cardFields: c.fields || [],
+          ...u.kanban || {}
         };
       case "calendar":
         return {
           type: "object-calendar",
-          ...d,
-          startDateField: a.calendar?.startDateField || a.startDateField || "start_date",
-          endDateField: a.calendar?.endDateField || a.endDateField || "end_date",
-          titleField: a.calendar?.titleField || a.titleField || "name",
-          ...a.calendar || {}
+          ...c,
+          startDateField: u.calendar?.startDateField || "start_date",
+          endDateField: u.calendar?.endDateField || "end_date",
+          titleField: u.calendar?.titleField || "name",
+          ...u.calendar || {}
         };
       case "gallery":
         return {
           type: "object-gallery",
-          ...d,
-          imageField: a.gallery?.imageField || a.imageField,
-          titleField: a.gallery?.titleField || a.titleField || "name",
-          subtitleField: a.gallery?.subtitleField || a.subtitleField,
-          ...a.gallery || {}
+          ...c,
+          imageField: u.gallery?.imageField,
+          titleField: u.gallery?.titleField || "name",
+          subtitleField: u.gallery?.subtitleField,
+          ...u.gallery || {}
         };
       case "timeline":
         return {
           type: "object-timeline",
-          ...d,
-          dateField: a.timeline?.dateField || a.dateField || "created_at",
-          titleField: a.timeline?.titleField || a.titleField || "name",
-          ...a.timeline || {}
+          ...c,
+          dateField: u.timeline?.dateField || "created_at",
+          titleField: u.timeline?.titleField || "name",
+          ...u.timeline || {}
         };
       case "gantt":
         return {
           type: "object-gantt",
-          ...d,
-          startDateField: a.gantt?.startDateField || a.startDateField || "start_date",
-          endDateField: a.gantt?.endDateField || a.endDateField || "end_date",
-          progressField: a.gantt?.progressField || a.progressField || "progress",
-          dependenciesField: a.gantt?.dependenciesField || a.dependenciesField || "dependencies",
-          ...a.gantt || {}
+          ...c,
+          startDateField: u.gantt?.startDateField || "start_date",
+          endDateField: u.gantt?.endDateField || "end_date",
+          progressField: u.gantt?.progressField || "progress",
+          dependenciesField: u.gantt?.dependenciesField || "dependencies",
+          ...u.gantt || {}
         };
       case "map":
         return {
           type: "object-map",
-          ...d,
-          locationField: a.map?.locationField || a.locationField || "location",
-          ...a.map || {}
+          ...c,
+          locationField: u.map?.locationField || "location",
+          ...u.map || {}
         };
       default:
         return null;
     }
-  }, [e.objectName, e.table?.fields, F, x]), it = W(() => ({
+  }, [e.objectName, e.table?.fields, V, x]), it = q(() => ({
     type: "object-grid",
     objectName: e.objectName,
     title: e.table?.title,
     description: e.table?.description,
-    fields: F?.columns || x?.columns || e.table?.fields,
-    columns: F?.columns || x?.columns || e.table?.columns,
+    fields: V?.columns || x?.columns || e.table?.fields,
+    columns: V?.columns || x?.columns || e.table?.columns,
     operations: {
       ...y,
       create: !1
       // Create is handled by the view's create button
     },
-    defaultFilters: F?.filter || x?.filter || e.table?.defaultFilters,
-    defaultSort: F?.sort || x?.sort || e.table?.defaultSort,
+    defaultFilters: V?.filter || x?.filter || e.table?.defaultFilters,
+    defaultSort: V?.sort || x?.sort || e.table?.defaultSort,
     pageSize: e.table?.pageSize,
     selectable: e.table?.selectable,
     className: e.table?.className
-  }), [e, y, F, x]), Ve = () => {
+  }), [e, y, V, x]), Fe = () => {
     const n = _ ? _._id || _.id : void 0;
     return {
       type: "object-form",
@@ -781,48 +801,48 @@ const Qt = ({
       default:
         return n;
     }
-  }, _e = W(() => {
-    const n = u?.width;
+  }, _e = q(() => {
+    const n = d?.width;
     return n ? typeof n == "number" ? `max-w-[${n}px]` : `max-w-[${n}]` : "";
-  }, [u]), st = () => /* @__PURE__ */ t.jsx(qe, { open: h, onOpenChange: v, direction: "right", children: /* @__PURE__ */ t.jsxs(Ge, { className: A("w-full sm:max-w-2xl", _e), children: [
+  }, [d]), st = () => /* @__PURE__ */ t.jsx(qe, { open: h, onOpenChange: v, direction: "right", children: /* @__PURE__ */ t.jsxs(Ge, { className: A("w-full sm:max-w-2xl", _e), children: [
     /* @__PURE__ */ t.jsxs(Ke, { children: [
-      /* @__PURE__ */ t.jsx(He, { children: Ee() }),
-      e.form?.description && /* @__PURE__ */ t.jsx(Je, { children: e.form.description })
+      /* @__PURE__ */ t.jsx(Je, { children: Ee() }),
+      e.form?.description && /* @__PURE__ */ t.jsx(He, { children: e.form.description })
     ] }),
-    /* @__PURE__ */ t.jsx("div", { className: "flex-1 overflow-y-auto px-4 pb-4", children: /* @__PURE__ */ t.jsx(ke, { schema: Ve(), dataSource: l }) })
+    /* @__PURE__ */ t.jsx("div", { className: "flex-1 overflow-y-auto px-4 pb-4", children: /* @__PURE__ */ t.jsx(ke, { schema: Fe(), dataSource: l }) })
   ] }) }), ot = () => /* @__PURE__ */ t.jsx(wt, { open: h, onOpenChange: v, children: /* @__PURE__ */ t.jsxs(vt, { className: A("max-w-2xl max-h-[90vh] overflow-y-auto", _e), children: [
     /* @__PURE__ */ t.jsxs(yt, { children: [
       /* @__PURE__ */ t.jsx(gt, { children: Ee() }),
       e.form?.description && /* @__PURE__ */ t.jsx(xt, { children: e.form.description })
     ] }),
-    /* @__PURE__ */ t.jsx(ke, { schema: Ve(), dataSource: l })
-  ] }) }), ct = W(() => Object.keys($).some(
-    (d) => $[d] !== void 0 && $[d] !== "" && $[d] !== null
-  ) ? Object.entries($).filter(([, d]) => d !== void 0 && d !== "" && d !== null).map(([d, a]) => ({ field: d, operator: "equals", value: a })) : F?.filter || x?.filter || e.table?.defaultFilters, [$, F, x, e.table?.defaultFilters]), dt = W(() => U.length > 0 ? U : F?.sort || x?.sort || e.table?.defaultSort, [U, F, x, e.table?.defaultSort]), ut = () => {
-    const n = `${e.objectName}-${K || x?.id || "default"}-${r}-${o}`;
-    if (V)
-      return V({
+    /* @__PURE__ */ t.jsx(ke, { schema: Fe(), dataSource: l })
+  ] }) }), ct = q(() => Object.keys(I).some(
+    (c) => I[c] !== void 0 && I[c] !== "" && I[c] !== null
+  ) ? Object.entries(I).filter(([, c]) => c !== void 0 && c !== "" && c !== null).map(([c, u]) => ({ field: c, operator: "equals", value: u })) : V?.filter || x?.filter || e.table?.defaultFilters, [I, V, x, e.table?.defaultFilters]), dt = q(() => U.length > 0 ? U : V?.sort || x?.sort || e.table?.defaultSort, [U, V, x, e.table?.defaultSort]), ut = () => {
+    const n = `${e.objectName}-${J || x?.id || "default"}-${r}-${s}`;
+    if (F)
+      return F({
         schema: {
           type: "list-view",
           objectName: e.objectName,
           viewType: r,
-          fields: F?.columns || x?.columns || e.table?.fields,
+          fields: V?.columns || x?.columns || e.table?.fields,
           filters: ct,
           sort: dt,
-          options: F?.options || x
+          options: V?.options || x
         },
         dataSource: l,
         onEdit: ee,
-        onRowClick: q,
+        onRowClick: G,
         className: "h-full"
       });
     if (r !== "grid") {
-      const d = at(r);
-      if (d && me)
+      const c = at(r);
+      if (c && me)
         return /* @__PURE__ */ t.jsx(
           me,
           {
-            schema: d,
+            schema: c,
             dataSource: l,
             data: P,
             loading: ge
@@ -841,7 +861,7 @@ const Qt = ({
       {
         schema: it,
         dataSource: l,
-        onRowClick: q,
+        onRowClick: G,
         onEdit: y.update !== !1 ? ee : void 0,
         onDelete: y.delete !== !1 ? ae : void 0,
         onBulkDelete: y.delete !== !1 ? xe : void 0
@@ -850,31 +870,31 @@ const Qt = ({
     );
   }, ft = () => {
     if (!Z) return null;
-    const n = Object.entries(I);
-    return n.length <= 1 ? null : /* @__PURE__ */ t.jsx(Ye, { value: K, onValueChange: lt, className: "w-full", children: /* @__PURE__ */ t.jsx(Be, { className: "w-auto", children: n.map(([d, a]) => /* @__PURE__ */ t.jsx(We, { value: d, className: "text-sm", children: a.label || d }, d)) }) });
+    const n = Object.entries(L);
+    return n.length <= 1 ? null : /* @__PURE__ */ t.jsx(Ye, { value: J, onValueChange: lt, className: "w-full", children: /* @__PURE__ */ t.jsx(Be, { className: "w-auto", children: n.map(([c, u]) => /* @__PURE__ */ t.jsx(We, { value: c, className: "text-sm", children: u.label || c }, c)) }) });
   }, pt = () => {
-    const n = e.showCreate !== !1 && y.create !== !1, d = e.showViewSwitcher === !0, a = ft();
-    return !a && !d && !n && !N ? null : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-3", children: [
-      a,
-      (d || n || N) && /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
-        /* @__PURE__ */ t.jsx("div", { className: "flex items-center gap-2", children: d && Fe && /* @__PURE__ */ t.jsx(
+    const n = e.showCreate !== !1 && y.create !== !1, c = e.showViewSwitcher === !0, u = ft();
+    return !u && !c && !n && !N ? null : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-3", children: [
+      u,
+      (c || n || N) && /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ t.jsx("div", { className: "flex items-center gap-2", children: c && Ve && /* @__PURE__ */ t.jsx(
           Ze,
           {
-            schema: Fe,
+            schema: Ve,
             onViewChange: nt,
             className: "overflow-x-auto"
           }
         ) }),
         /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
           N,
-          n && /* @__PURE__ */ t.jsxs(G, { size: "sm", onClick: Q, children: [
+          n && /* @__PURE__ */ t.jsxs(K, { size: "sm", onClick: Q, children: [
             /* @__PURE__ */ t.jsx(Dt, { className: "h-4 w-4" }),
             "Create"
           ] })
         ] })
       ] })
     ] });
-  }, Te = u?.mode === "modal" ? "modal" : u?.mode === "drawer" ? "drawer" : w;
+  }, Te = d?.mode === "modal" ? "modal" : d?.mode === "drawer" ? "drawer" : w;
   return /* @__PURE__ */ t.jsxs("div", { className: A("flex flex-col h-full", f), children: [
     (e.title || e.description) && /* @__PURE__ */ t.jsxs("div", { className: "mb-4 shrink-0", children: [
       e.title && /* @__PURE__ */ t.jsx("h2", { className: "text-2xl font-bold tracking-tight", children: e.title }),
@@ -901,41 +921,41 @@ const Qt = ({
   className: l,
   onChange: f
 }) => {
-  const [c, p] = T.useState(e.values || {}), [m, S] = T.useState(!1);
-  T.useEffect(() => {
+  const [o, p] = R.useState(e.values || {}), [m, S] = R.useState(!1);
+  R.useEffect(() => {
     e.values && p(e.values);
   }, [e.values]);
-  const b = T.useCallback((s) => {
-    f?.(s), e.onChange && typeof window < "u" && window.dispatchEvent(
+  const b = R.useCallback((i) => {
+    f?.(i), e.onChange && typeof window < "u" && window.dispatchEvent(
       new CustomEvent(e.onChange, {
-        detail: { values: s }
+        detail: { values: i }
       })
     );
-  }, [f, e.onChange]), V = T.useCallback((s, _) => {
-    const R = { ...c, [s]: _ };
-    p(R), e.showApply || b(R);
-  }, [b, e.showApply, c]), N = T.useCallback(() => {
-    const s = {};
-    if (p(s), e.showApply) {
-      b(s);
+  }, [f, e.onChange]), F = R.useCallback((i, _) => {
+    const k = { ...o, [i]: _ };
+    p(k), e.showApply || b(k);
+  }, [b, e.showApply, o]), N = R.useCallback(() => {
+    const i = {};
+    if (p(i), e.showApply) {
+      b(i);
       return;
     }
-    b(s);
-  }, [b, e.showApply]), j = T.useCallback(() => {
-    b(c), S(!1);
-  }, [b, c]), i = T.useMemo(() => Object.values(c).filter((s) => !er(s)).length, [c]), h = (s) => {
-    const _ = s.label || s.field, R = s.placeholder || `Filter by ${_}`;
-    switch (s.type) {
+    b(i);
+  }, [b, e.showApply]), j = R.useCallback(() => {
+    b(o), S(!1);
+  }, [b, o]), a = R.useMemo(() => Object.values(o).filter((i) => !er(i)).length, [o]), h = (i) => {
+    const _ = i.label || i.field, k = i.placeholder || `Filter by ${_}`;
+    switch (i.type) {
       case "number":
         return /* @__PURE__ */ t.jsx(
           ie,
           {
             type: "number",
-            value: c[s.field] ?? "",
-            placeholder: R,
-            onChange: (o) => {
-              const g = o.target.value, P = g === "" ? "" : Number(g);
-              V(s.field, P);
+            value: o[i.field] ?? "",
+            placeholder: k,
+            onChange: (s) => {
+              const g = s.target.value, P = g === "" ? "" : Number(g);
+              F(i.field, P);
             }
           }
         );
@@ -943,14 +963,14 @@ const Qt = ({
         return /* @__PURE__ */ t.jsxs(
           be,
           {
-            value: c[s.field] !== void 0 ? String(c[s.field]) : "",
-            onValueChange: (o) => {
-              const g = s.options?.find((P) => String(P.value) === o);
-              V(s.field, g ? g.value : o);
+            value: o[i.field] !== void 0 ? String(o[i.field]) : "",
+            onValueChange: (s) => {
+              const g = i.options?.find((P) => String(P.value) === s);
+              F(i.field, g ? g.value : s);
             },
             children: [
-              /* @__PURE__ */ t.jsx(we, { children: /* @__PURE__ */ t.jsx(ve, { placeholder: R }) }),
-              /* @__PURE__ */ t.jsx(ye, { children: s.options?.map((o) => /* @__PURE__ */ t.jsx(ce, { value: String(o.value), children: o.label }, String(o.value))) })
+              /* @__PURE__ */ t.jsx(we, { children: /* @__PURE__ */ t.jsx(ve, { placeholder: k }) }),
+              /* @__PURE__ */ t.jsx(ye, { children: i.options?.map((s) => /* @__PURE__ */ t.jsx(ce, { value: String(s.value), children: s.label }, String(s.value))) })
             ]
           }
         );
@@ -959,20 +979,20 @@ const Qt = ({
           ie,
           {
             type: "date",
-            value: c[s.field] ?? "",
-            onChange: (o) => V(s.field, o.target.value)
+            value: o[i.field] ?? "",
+            onChange: (s) => F(i.field, s.target.value)
           }
         );
       case "date-range": {
-        const o = tr(c[s.field]);
+        const s = tr(o[i.field]);
         return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ t.jsx(
             ie,
             {
               type: "date",
-              value: o.start ?? "",
+              value: s.start ?? "",
               onChange: (g) => {
-                V(s.field, { ...o, start: g.target.value });
+                F(i.field, { ...s, start: g.target.value });
               }
             }
           ),
@@ -980,9 +1000,9 @@ const Qt = ({
             ie,
             {
               type: "date",
-              value: o.end ?? "",
+              value: s.end ?? "",
               onChange: (g) => {
-                V(s.field, { ...o, end: g.target.value });
+                F(i.field, { ...s, end: g.target.value });
               }
             }
           )
@@ -993,8 +1013,8 @@ const Qt = ({
           /* @__PURE__ */ t.jsx(
             St,
             {
-              checked: !!c[s.field],
-              onCheckedChange: (o) => V(s.field, !!o)
+              checked: !!o[i.field],
+              onCheckedChange: (s) => F(i.field, !!s)
             }
           ),
           /* @__PURE__ */ t.jsx("span", { className: "text-sm text-muted-foreground", children: "Enabled" })
@@ -1003,45 +1023,45 @@ const Qt = ({
         return /* @__PURE__ */ t.jsx(
           ie,
           {
-            value: c[s.field] ?? "",
-            placeholder: R,
-            onChange: (o) => V(s.field, o.target.value)
+            value: o[i.field] ?? "",
+            placeholder: k,
+            onChange: (s) => F(i.field, s.target.value)
           }
         );
     }
   }, v = /* @__PURE__ */ t.jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ t.jsx("div", { className: "grid gap-4 sm:grid-cols-2", children: e.filters.map((s) => /* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ t.jsx(jt, { className: "text-xs text-muted-foreground", children: s.label || s.field }),
-      h(s)
-    ] }, s.field)) }),
+    /* @__PURE__ */ t.jsx("div", { className: "grid gap-4 sm:grid-cols-2", children: e.filters.map((i) => /* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ t.jsx(jt, { className: "text-xs text-muted-foreground", children: i.label || i.field }),
+      h(i)
+    ] }, i.field)) }),
     (e.showApply || e.showClear) && /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-end gap-2 border-t pt-3", children: [
-      e.showClear && /* @__PURE__ */ t.jsx(G, { type: "button", variant: "ghost", size: "sm", onClick: N, children: "Clear" }),
-      e.showApply && /* @__PURE__ */ t.jsx(G, { type: "button", size: "sm", onClick: j, children: "Apply" })
+      e.showClear && /* @__PURE__ */ t.jsx(K, { type: "button", variant: "ghost", size: "sm", onClick: N, children: "Clear" }),
+      e.showApply && /* @__PURE__ */ t.jsx(K, { type: "button", size: "sm", onClick: j, children: "Apply" })
     ] })
   ] }), C = e.layout || "inline";
   return C === "popover" ? /* @__PURE__ */ t.jsx("div", { className: A(he({ layout: C }), l), children: /* @__PURE__ */ t.jsxs(ht, { open: m, onOpenChange: S, children: [
-    /* @__PURE__ */ t.jsx(Nt, { asChild: !0, children: /* @__PURE__ */ t.jsxs(G, { type: "button", variant: i > 0 ? "secondary" : "outline", size: "sm", className: "gap-2", children: [
-      /* @__PURE__ */ t.jsx(Ae, { className: "h-4 w-4" }),
+    /* @__PURE__ */ t.jsx(Nt, { asChild: !0, children: /* @__PURE__ */ t.jsxs(K, { type: "button", variant: a > 0 ? "secondary" : "outline", size: "sm", className: "gap-2", children: [
+      /* @__PURE__ */ t.jsx(Oe, { className: "h-4 w-4" }),
       "Filters",
-      i > 0 && /* @__PURE__ */ t.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: i })
+      a > 0 && /* @__PURE__ */ t.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: a })
     ] }) }),
     /* @__PURE__ */ t.jsx(Ct, { align: "start", className: "w-[520px] p-4", children: v })
   ] }) }) : C === "drawer" ? /* @__PURE__ */ t.jsxs("div", { className: A(he({ layout: C }), l), children: [
-    /* @__PURE__ */ t.jsxs(G, { type: "button", variant: i > 0 ? "secondary" : "outline", size: "sm", className: "gap-2", onClick: () => S(!0), children: [
-      /* @__PURE__ */ t.jsx(Ae, { className: "h-4 w-4" }),
+    /* @__PURE__ */ t.jsxs(K, { type: "button", variant: a > 0 ? "secondary" : "outline", size: "sm", className: "gap-2", onClick: () => S(!0), children: [
+      /* @__PURE__ */ t.jsx(Oe, { className: "h-4 w-4" }),
       "Filters",
-      i > 0 && /* @__PURE__ */ t.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: i })
+      a > 0 && /* @__PURE__ */ t.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: a })
     ] }),
     /* @__PURE__ */ t.jsx(qe, { open: m, onOpenChange: S, children: /* @__PURE__ */ t.jsxs(Ge, { children: [
       /* @__PURE__ */ t.jsxs(Ke, { children: [
-        /* @__PURE__ */ t.jsx(He, { children: "Filters" }),
-        /* @__PURE__ */ t.jsx(Je, { children: "Refine the data with advanced filters." })
+        /* @__PURE__ */ t.jsx(Je, { children: "Filters" }),
+        /* @__PURE__ */ t.jsx(He, { children: "Refine the data with advanced filters." })
       ] }),
       /* @__PURE__ */ t.jsx("div", { className: "px-4 pb-6", children: v })
     ] }) })
   ] }) : /* @__PURE__ */ t.jsxs("div", { className: A(he({ layout: C }), l), children: [
     v,
-    !e.showApply && e.showClear && /* @__PURE__ */ t.jsxs(G, { type: "button", variant: "ghost", size: "sm", className: "gap-2", onClick: N, children: [
+    !e.showApply && e.showClear && /* @__PURE__ */ t.jsxs(K, { type: "button", variant: "ghost", size: "sm", className: "gap-2", onClick: N, children: [
       /* @__PURE__ */ t.jsx(Pt, { className: "h-3.5 w-3.5" }),
       "Clear filters"
     ] })
@@ -1072,80 +1092,80 @@ const Qt = ({
   className: l,
   onChange: f
 }) => {
-  const [c, p] = T.useState(() => Ce(e.sort)), [m, S] = T.useState(() => Me(Ce(e.sort)));
-  T.useEffect(() => {
-    const i = Ce(e.sort);
-    p(i), S(Me(i));
+  const [o, p] = R.useState(() => Ce(e.sort)), [m, S] = R.useState(() => Me(Ce(e.sort)));
+  R.useEffect(() => {
+    const a = Ce(e.sort);
+    p(a), S(Me(a));
   }, [e.sort]);
-  const b = T.useCallback((i) => {
-    p(i), f?.(i), e.onChange && typeof window < "u" && window.dispatchEvent(
+  const b = R.useCallback((a) => {
+    p(a), f?.(a), e.onChange && typeof window < "u" && window.dispatchEvent(
       new CustomEvent(e.onChange, {
-        detail: { sort: i }
+        detail: { sort: a }
       })
     );
-  }, [f, e.onChange]), V = T.useCallback((i) => {
-    const h = c.find((s) => s.field === i), v = !!e.multiple;
+  }, [f, e.onChange]), F = R.useCallback((a) => {
+    const h = o.find((i) => i.field === a), v = !!e.multiple;
     if (!h) {
-      const s = v ? [...c, { field: i, direction: "asc" }] : [{ field: i, direction: "asc" }];
-      b(s);
+      const i = v ? [...o, { field: a, direction: "asc" }] : [{ field: a, direction: "asc" }];
+      b(i);
       return;
     }
     if (h.direction === "asc") {
-      const s = c.map(
-        (_) => _.field === i ? { ..._, direction: "desc" } : _
+      const i = o.map(
+        (_) => _.field === a ? { ..._, direction: "desc" } : _
       );
-      b(s);
+      b(i);
       return;
     }
-    const C = c.filter((s) => s.field !== i);
+    const C = o.filter((i) => i.field !== a);
     b(C);
-  }, [b, e.multiple, c]);
+  }, [b, e.multiple, o]);
   if ((e.variant || "dropdown") === "buttons")
-    return /* @__PURE__ */ t.jsx("div", { className: A(Ne({ variant: "buttons" }), l), children: e.fields.map((i) => {
-      const h = c.find((C) => C.field === i.field), v = h?.direction === "asc" ? $t : It;
+    return /* @__PURE__ */ t.jsx("div", { className: A(Ne({ variant: "buttons" }), l), children: e.fields.map((a) => {
+      const h = o.find((C) => C.field === a.field), v = h?.direction === "asc" ? $t : It;
       return /* @__PURE__ */ t.jsxs(
-        G,
+        K,
         {
           type: "button",
           variant: h ? "secondary" : "outline",
           size: "sm",
-          onClick: () => V(i.field),
+          onClick: () => F(a.field),
           className: "gap-2",
           children: [
-            /* @__PURE__ */ t.jsx("span", { children: i.label || i.field }),
+            /* @__PURE__ */ t.jsx("span", { children: a.label || a.field }),
             h && /* @__PURE__ */ t.jsx(v, { className: "h-3.5 w-3.5" })
           ]
         },
-        i.field
+        a.field
       );
     }) });
   if (e.multiple)
     return /* @__PURE__ */ t.jsx("div", { className: A(Ne({ variant: "builder" }), l), children: /* @__PURE__ */ t.jsx(
-      Ft,
+      Vt,
       {
-        fields: e.fields.map((i) => ({ value: i.field, label: i.label || i.field })),
+        fields: e.fields.map((a) => ({ value: a.field, label: a.label || a.field })),
         value: m,
-        onChange: (i) => {
-          S(i), b(nr(i));
+        onChange: (a) => {
+          S(a), b(nr(a));
         }
       }
     ) });
-  const j = c[0];
+  const j = o[0];
   return /* @__PURE__ */ t.jsxs("div", { className: A(Ne({ variant: "dropdown" }), l), children: [
     /* @__PURE__ */ t.jsxs(
       be,
       {
         value: j?.field || "",
-        onValueChange: (i) => {
-          if (!i) {
+        onValueChange: (a) => {
+          if (!a) {
             b([]);
             return;
           }
-          b([{ field: i, direction: j?.direction || "asc" }]);
+          b([{ field: a, direction: j?.direction || "asc" }]);
         },
         children: [
           /* @__PURE__ */ t.jsx(we, { className: "w-56", children: /* @__PURE__ */ t.jsx(ve, { placeholder: "Select field" }) }),
-          /* @__PURE__ */ t.jsx(ye, { children: e.fields.map((i) => /* @__PURE__ */ t.jsx(ce, { value: i.field, children: i.label || i.field }, i.field)) })
+          /* @__PURE__ */ t.jsx(ye, { children: e.fields.map((a) => /* @__PURE__ */ t.jsx(ce, { value: a.field, children: a.label || a.field }, a.field)) })
         ]
       }
     ),
@@ -1153,8 +1173,8 @@ const Qt = ({
       be,
       {
         value: j?.direction || "asc",
-        onValueChange: (i) => {
-          j?.field && b([{ field: j.field, direction: i }]);
+        onValueChange: (a) => {
+          j?.field && b([{ field: j.field, direction: a }]);
         },
         children: [
           /* @__PURE__ */ t.jsx(we, { className: "w-36", children: /* @__PURE__ */ t.jsx(ve, {}) }),
@@ -1288,7 +1308,7 @@ te.register("sort-ui", lr, {
     sort: [{ field: "name", direction: "asc" }]
   }
 });
-const ir = ({ schema: e, className: l, children: f, dataSource: c, ...p }) => {
+const ir = ({ schema: e, className: l, children: f, dataSource: o, ...p }) => {
   const m = e.props?.columns ? { display: "grid", gridTemplateColumns: `repeat(${e.props.columns}, 1fr)`, gap: "1rem" } : void 0;
   return /* @__PURE__ */ t.jsx(
     "div",