@object-ui/plugin-view 0.3.1 → 2.0.0

package/dist/index.js

@@ -1,363 +1,777 @@
-import ne, { useState as E, useEffect as ae, useCallback as v } from "react";
-import { ComponentRegistry as le } from "@object-ui/core";
-import { ObjectGrid as se } from "@object-ui/plugin-grid";
-import { ObjectForm as K } from "@object-ui/plugin-form";
-import { Input as ie, Button as Z, Drawer as ce, DrawerContent as ue, DrawerHeader as fe, DrawerTitle as de, DrawerDescription as me, Dialog as be, DialogContent as pe, DialogHeader as ve, DialogTitle as xe, DialogDescription as je } from "@object-ui/components";
-import { Search as we, Filter as _e, X as Re, RefreshCw as Ee, Plus as ge } from "lucide-react";
-var z = { exports: {} }, C = {};
-var ee;
-function he() {
-  if (ee) return C;
-  ee = 1;
-  var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), d = /* @__PURE__ */ Symbol.for("react.fragment");
-  function R(x, c, u) {
-    var f = null;
-    if (u !== void 0 && (f = "" + u), c.key !== void 0 && (f = "" + c.key), "key" in c) {
-      u = {};
-      for (var b in c)
-        b !== "key" && (u[b] = c[b]);
-    } else u = c;
-    return c = u.ref, {
-      $$typeof: r,
-      type: x,
-      key: f,
-      ref: c !== void 0 ? c : null,
-      props: u
+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 { 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";
+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) {
+    var S = null;
+    if (m !== void 0 && (S = "" + m), p.key !== void 0 && (S = "" + p.key), "key" in p) {
+      m = {};
+      for (var b in p)
+        b !== "key" && (m[b] = p[b]);
+    } else m = p;
+    return p = m.ref, {
+      $$typeof: e,
+      type: c,
+      key: S,
+      ref: p !== void 0 ? p : null,
+      props: m
     };
   }
-  return C.Fragment = d, C.jsx = R, C.jsxs = R, C;
+  return se.Fragment = l, se.jsx = f, se.jsxs = f, se;
 }
-var A = {};
-var re;
-function Ne() {
-  return re || (re = 1, process.env.NODE_ENV !== "production" && (function() {
-    function r(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === X ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
+var oe = {};
+var Pe;
+function zt() {
+  return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(r) {
+      if (r == null) return null;
+      if (typeof r == "function")
+        return r.$$typeof === Se ? null : r.displayName || r.name || null;
+      if (typeof r == "string") return r;
+      switch (r) {
         case _:
           return "Fragment";
-        case p:
+        case o:
           return "Profiler";
-        case m:
+        case R:
           return "StrictMode";
-        case U:
+        case ge:
           return "Suspense";
-        case q:
+        case de:
           return "SuspenseList";
-        case G:
+        case U:
           return "Activity";
       }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
+      if (typeof r == "object")
+        switch (typeof r.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case L:
+        ), r.$$typeof) {
+          case s:
             return "Portal";
-          case B:
-            return e.displayName || "Context";
-          case W:
-            return (e._context.displayName || "Context") + ".Consumer";
+          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 $:
-            var t = e.render;
-            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case J:
-            return t = e.displayName || null, t !== null ? t : r(e.type) || "Memo";
-          case T:
-            t = e._payload, e = e._init;
+            return u = r.displayName || null, u !== null ? u : e(r.type) || "Memo";
+          case ue:
+            u = r._payload, r = r._init;
             try {
-              return r(e(t));
+              return e(r(u));
             } catch {
             }
         }
       return null;
     }
-    function d(e) {
-      return "" + e;
+    function l(r) {
+      return "" + r;
     }
-    function R(e) {
+    function f(r) {
       try {
-        d(e);
-        var t = !1;
+        l(r);
+        var u = !1;
       } catch {
-        t = !0;
+        u = !0;
       }
-      if (t) {
-        t = console;
-        var a = t.error, l = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return a.call(
-          t,
+      if (u) {
+        u = console;
+        var w = u.error, y = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return w.call(
+          u,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          l
-        ), d(e);
+          y
+        ), l(r);
       }
     }
-    function x(e) {
-      if (e === _) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === T)
+    function c(r) {
+      if (r === _) return "<>";
+      if (typeof r == "object" && r !== null && r.$$typeof === ue)
         return "<...>";
       try {
-        var t = r(e);
-        return t ? "<" + t + ">" : "<...>";
+        var u = e(r);
+        return u ? "<" + u + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function c() {
-      var e = y.A;
-      return e === null ? null : e.getOwner();
+    function p() {
+      var r = I.A;
+      return r === null ? null : r.getOwner();
     }
-    function u() {
+    function m() {
       return Error("react-stack-top-frame");
     }
-    function f(e) {
-      if (S.call(e, "key")) {
-        var t = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (t && t.isReactWarning) return !1;
+    function S(r) {
+      if (Z.call(r, "key")) {
+        var u = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (u && u.isReactWarning) return !1;
       }
-      return e.key !== void 0;
+      return r.key !== void 0;
     }
-    function b(e, t) {
-      function a() {
-        Y || (Y = !0, console.error(
+    function b(r, u) {
+      function w() {
+        F || (F = !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)",
-          t
+          u
         ));
       }
-      a.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: a,
+      w.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: w,
         configurable: !0
       });
     }
-    function h() {
-      var e = r(this.type);
-      return M[e] || (M[e] = !0, console.error(
+    function V() {
+      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."
-      )), e = this.props.ref, e !== void 0 ? e : null;
-    }
-    function N(e, t, a, l, V, H) {
-      var s = a.ref;
-      return e = {
-        $$typeof: D,
-        type: e,
-        key: t,
-        props: a,
-        _owner: l
-      }, (s !== void 0 ? s : null) !== null ? Object.defineProperty(e, "ref", {
+      )), r = this.props.ref, r !== void 0 ? r : null;
+    }
+    function N(r, u, w, y, Q, ee) {
+      var E = w.ref;
+      return r = {
+        $$typeof: C,
+        type: r,
+        key: u,
+        props: w,
+        _owner: y
+      }, (E !== void 0 ? E : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
-        get: h
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        get: V
+      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
+      }), Object.defineProperty(r, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(e, "_debugStack", {
+      }), Object.defineProperty(r, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: V
-      }), Object.defineProperty(e, "_debugTask", {
+        value: Q
+      }), Object.defineProperty(r, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: H
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-    }
-    function j(e, t, a, l, V, H) {
-      var s = t.children;
-      if (s !== void 0)
-        if (l)
-          if (I(s)) {
-            for (l = 0; l < s.length; l++)
-              P(s[l]);
-            Object.freeze && Object.freeze(s);
+        value: ee
+      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
+    }
+    function j(r, u, w, y, Q, ee) {
+      var E = u.children;
+      if (E !== void 0)
+        if (y)
+          if (K(E)) {
+            for (y = 0; y < E.length; y++)
+              i(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 P(s);
-      if (S.call(t, "key")) {
-        s = r(e);
-        var g = Object.keys(t).filter(function(oe) {
-          return oe !== "key";
+        else i(E);
+      if (Z.call(u, "key")) {
+        E = e(r);
+        var q = Object.keys(u).filter(function(xe) {
+          return xe !== "key";
         });
-        l = 0 < g.length ? "{key: someKey, " + g.join(": ..., ") + ": ...}" : "{key: someKey}", O[s + l] || (g = 0 < g.length ? "{" + g.join(": ..., ") + ": ...}" : "{}", console.error(
+        y = 0 < q.length ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}", x[E + y] || (q = 0 < q.length ? "{" + q.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} />`,
-          l,
-          s,
-          g,
-          s
-        ), O[s + l] = !0);
+          y,
+          E,
+          q,
+          E
+        ), x[E + y] = !0);
       }
-      if (s = null, a !== void 0 && (R(a), s = "" + a), f(t) && (R(t.key), s = "" + t.key), "key" in t) {
-        a = {};
-        for (var Q in t)
-          Q !== "key" && (a[Q] = t[Q]);
-      } else a = t;
-      return s && b(
-        a,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      if (E = null, w !== void 0 && (f(w), E = "" + w), S(u) && (f(u.key), E = "" + u.key), "key" in u) {
+        w = {};
+        for (var ae in u)
+          ae !== "key" && (w[ae] = u[ae]);
+      } else w = u;
+      return E && b(
+        w,
+        typeof r == "function" ? r.displayName || r.name || "Unknown" : r
       ), N(
-        e,
-        s,
-        a,
-        c(),
-        V,
-        H
+        r,
+        E,
+        w,
+        p(),
+        Q,
+        ee
       );
     }
-    function P(e) {
-      F(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === T && (e._payload.status === "fulfilled" ? F(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function i(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 F(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === D;
+    function h(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === C;
     }
-    var w = ne, D = /* @__PURE__ */ Symbol.for("react.transitional.element"), L = /* @__PURE__ */ Symbol.for("react.portal"), _ = /* @__PURE__ */ Symbol.for("react.fragment"), m = /* @__PURE__ */ Symbol.for("react.strict_mode"), p = /* @__PURE__ */ Symbol.for("react.profiler"), W = /* @__PURE__ */ Symbol.for("react.consumer"), B = /* @__PURE__ */ Symbol.for("react.context"), $ = /* @__PURE__ */ Symbol.for("react.forward_ref"), U = /* @__PURE__ */ Symbol.for("react.suspense"), q = /* @__PURE__ */ Symbol.for("react.suspense_list"), J = /* @__PURE__ */ Symbol.for("react.memo"), T = /* @__PURE__ */ Symbol.for("react.lazy"), G = /* @__PURE__ */ Symbol.for("react.activity"), X = /* @__PURE__ */ Symbol.for("react.client.reference"), y = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, S = Object.prototype.hasOwnProperty, I = Array.isArray, k = console.createTask ? console.createTask : function() {
+    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() {
       return null;
     };
-    w = {
-      react_stack_bottom_frame: function(e) {
-        return e();
+    v = {
+      react_stack_bottom_frame: function(r) {
+        return r();
       }
     };
-    var Y, M = {}, n = w.react_stack_bottom_frame.bind(
-      w,
-      u
-    )(), i = k(x(u)), O = {};
-    A.Fragment = _, A.jsx = function(e, t, a) {
-      var l = 1e4 > y.recentlyCreatedOwnerStacks++;
+    var F, 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++;
       return j(
-        e,
-        t,
-        a,
+        r,
+        u,
+        w,
         !1,
-        l ? Error("react-stack-top-frame") : n,
-        l ? k(x(e)) : i
+        y ? Error("react-stack-top-frame") : le,
+        y ? ne(c(r)) : fe
       );
-    }, A.jsxs = function(e, t, a) {
-      var l = 1e4 > y.recentlyCreatedOwnerStacks++;
+    }, oe.jsxs = function(r, u, w) {
+      var y = 1e4 > I.recentlyCreatedOwnerStacks++;
       return j(
-        e,
-        t,
-        a,
+        r,
+        u,
+        w,
         !0,
-        l ? Error("react-stack-top-frame") : n,
-        l ? k(x(e)) : i
+        y ? Error("react-stack-top-frame") : le,
+        y ? ne(c(r)) : fe
       );
     };
-  })()), A;
+  })()), oe;
+}
+var $e;
+function Mt() {
+  return $e || ($e = 1, process.env.NODE_ENV === "production" ? pe.exports = Lt() : pe.exports = zt()), pe.exports;
+}
+var t = Mt();
+function Xe(e) {
+  var l, f, c = "";
+  if (typeof e == "string" || typeof e == "number") c += 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;
+}
+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;
 }
-var te;
-function Te() {
-  return te || (te = 1, process.env.NODE_ENV === "production" ? z.exports = he() : z.exports = Ne()), z.exports;
+const Ie = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Le = Ut, re = (e, l) => (f) => {
+  var c;
+  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];
+    if (j === null) return null;
+    const h = Ie(j) || Ie(i);
+    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;
+    return Object.entries(v).every((C) => {
+      let [s, _] = C;
+      return Array.isArray(_) ? _.includes({
+        ...m,
+        ...b
+      }[s]) : {
+        ...m,
+        ...b
+      }[s] === _;
+    }) ? [
+      ...N,
+      i,
+      h
+    ] : N;
+  }, []);
+  return Le(e, S, V, f?.class, f?.className);
+}, Yt = {
+  list: "List",
+  detail: "Detail",
+  grid: "Grid",
+  kanban: "Kanban",
+  calendar: "Calendar",
+  timeline: "Timeline",
+  map: "Map"
+}, Bt = {
+  list: At,
+  detail: kt,
+  grid: Rt,
+  kanban: Tt,
+  calendar: _t,
+  timeline: Et,
+  map: Vt
+}, Wt = re("flex gap-4", {
+  variants: {
+    position: {
+      top: "flex-col",
+      bottom: "flex-col-reverse",
+      left: "flex-row",
+      right: "flex-row-reverse"
+    }
+  },
+  defaultVariants: {
+    position: "top"
+  }
+}), qt = re("w-full", {
+  variants: {
+    orientation: {
+      horizontal: "w-full",
+      vertical: "w-48"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+}), Gt = re("flex gap-2", {
+  variants: {
+    orientation: {
+      horizontal: "flex-row flex-wrap",
+      vertical: "flex-col"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+}), Kt = re("", {
+  variants: {
+    orientation: {
+      horizontal: "",
+      vertical: "flex h-auto flex-col items-stretch"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+function Ht(e) {
+  return e.split("-").map((l) => l.charAt(0).toUpperCase() + l.slice(1)).join("");
+}
+const Jt = {
+  Home: "House"
+};
+function Xt(e) {
+  if (!e) return null;
+  const l = Ht(e), f = Jt[l] || l;
+  return Ot[f] || null;
+}
+function je(e) {
+  return e.label ? e.label : Yt[e.type] || e.type;
+}
+function ze(e) {
+  return e.icon ? Xt(e.icon) : Bt[e.type] || null;
+}
+function Zt(e) {
+  return e.activeView ? e.activeView : e.defaultView ? e.defaultView : e.views?.[0]?.type;
+}
+const Ze = ({
+  schema: e,
+  className: l,
+  onViewChange: f,
+  ...c
+}) => {
+  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(() => {
+    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;
+          g && S(g);
+        }
+      } catch {
+      }
+  }, [e.activeView, e.persistPreference, e.views, p]), T.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(
+      new CustomEvent(e.onViewChange, {
+        detail: { view: o }
+      })
+    );
+  }, [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: [
+      /* @__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}`)) })
+    ] }),
+    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);
+      return /* @__PURE__ */ t.jsxs(
+        G,
+        {
+          type: "button",
+          size: "sm",
+          variant: P ? "secondary" : "ghost",
+          className: A("justify-start gap-2", C ? "w-full" : ""),
+          onClick: () => V(o.type),
+          children: [
+            X ? /* @__PURE__ */ t.jsx(X, { className: "h-4 w-4" }) : null,
+            /* @__PURE__ */ t.jsx("span", { children: je(o) })
+          ]
+        },
+        `${o.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);
+      return /* @__PURE__ */ t.jsxs(
+        We,
+        {
+          value: o.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) })
+          ]
+        },
+        `${o.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;
+  return /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      className: A(
+        Wt({ position: v }),
+        l
+      ),
+      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 })
+      ]
+    }
+  );
+};
+let me = null;
+try {
+  me = require("@object-ui/react").SchemaRenderer || null;
+} catch {
 }
-var o = Te();
-const ye = ({
-  schema: r,
-  dataSource: d,
-  className: R
+const Qt = ({
+  schema: e,
+  dataSource: l,
+  className: f,
+  views: c,
+  activeViewId: p,
+  onViewChange: m,
+  onRowClick: S,
+  onEdit: b,
+  renderListView: V,
+  toolbarAddon: N
 }) => {
-  const [x, c] = E(null), [u, f] = E(!1), [b, h] = E("create"), [N, j] = E(null), [P, F] = E(""), [w, D] = E(!1), [L, _] = E(0);
-  ae(() => {
-    const n = async () => {
+  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;
+  Re(() => {
+    let n = !0;
+    const d = async () => {
       try {
-        const i = await d.getObjectSchema(r.objectName);
-        c(i);
-      } catch (i) {
-        console.error("Failed to fetch object schema:", i);
+        const a = await l.getObjectSchema(e.objectName);
+        n && i(a);
+      } catch (a) {
+        console.error("Failed to fetch object schema:", a);
       }
     };
-    r.objectName && d && n();
-  }, [r.objectName, d]);
-  const m = r.layout || "drawer", p = r.operations || r.table?.operations || {
+    return e.objectName && l && d(), () => {
+      n = !1;
+    };
+  }, [e.objectName, l]), Re(() => {
+    let n = !0;
+    return (async () => {
+      if (!(r === "grid" && !V) && !(!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]);
+          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, {
+            $filter: O.length > 0 ? O : void 0,
+            $orderby: H,
+            $top: 100
+          });
+          let Y = [];
+          Array.isArray(k) ? Y = k : k && typeof k == "object" && (Array.isArray(k.data) ? Y = k.data : Array.isArray(k.value) && (Y = k.value)), n && X(Y);
+        } catch (a) {
+          console.error("ObjectView data fetch error:", a);
+        } finally {
+          n && de(!1);
+        }
+      }
+    })(), () => {
+      n = !1;
+    };
+  }, [e.objectName, l, r, $, U, o, F, x, V]);
+  const w = e.layout || "drawer", y = e.operations || e.table?.operations || {
     create: !0,
     read: !0,
     update: !0,
     delete: !0
-  }, W = v(() => {
-    m === "page" && r.onNavigate ? r.onNavigate("new", "edit") : (h("create"), j(null), f(!0));
-  }, [m, r]), B = v((n) => {
-    if (m === "page" && r.onNavigate) {
-      const i = n._id || n.id;
-      r.onNavigate(i, "edit");
+  }, Q = z(() => {
+    w === "page" && e.onNavigate ? e.onNavigate("new", "edit") : (s("create"), R(null), v(!0));
+  }, [w, e]), ee = z((n) => {
+    if (b) {
+      b(n);
+      return;
+    }
+    if (w === "page" && e.onNavigate) {
+      const d = n._id || n.id;
+      e.onNavigate(d, "edit");
     } else
-      h("edit"), j(n), f(!0);
-  }, [m, r]), $ = v((n) => {
-    if (m === "page" && r.onNavigate) {
-      const i = n._id || n.id;
-      r.onNavigate(i, "view");
+      s("edit"), R(n), v(!0);
+  }, [w, e, b]), E = z((n) => {
+    if (w === "page" && e.onNavigate) {
+      const d = n._id || n.id;
+      e.onNavigate(d, "view");
     } else
-      h("view"), j(n), f(!0);
-  }, [m, r]), U = v((n) => {
-    p.read !== !1 && $(n);
-  }, [p.read, $]), q = v((n) => {
-    _((i) => i + 1);
-  }, []), J = v((n) => {
-    _((i) => i + 1);
-  }, []), T = v(() => {
-    f(!1), j(null), _((n) => n + 1);
-  }, []), G = v(() => {
-    f(!1), j(null);
-  }, []), X = v(() => {
-    _((n) => n + 1);
-  }, []), y = {
+      s("view"), R(n), v(!0);
+  }, [w, e]), q = z((n) => {
+    if (S) {
+      S(n);
+      return;
+    }
+    if (u) {
+      if (u.mode === "none" || u.preventNavigation)
+        return;
+      if (u.mode === "new_window" || u.openNewTab) {
+        const d = n._id || n.id, a = `/${e.objectName}/${d}`;
+        window.open(a, "_blank");
+        return;
+      }
+      if (u.mode === "drawer") {
+        s("view"), R(n), v(!0);
+        return;
+      }
+      if (u.mode === "modal") {
+        s("view"), R(n), v(!0);
+        return;
+      }
+      if (u.mode === "page") {
+        const d = n._id || n.id;
+        e.onNavigate && e.onNavigate(d, "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);
+  }, []);
+  z(() => {
+    g((n) => n + 1);
+  }, []);
+  const Fe = W(() => !le || !D || D.length <= 1 ? null : {
+    type: "view-switcher",
+    variant: "tabs",
+    position: "top",
+    persistPreference: !0,
+    storageKey: `view-pref-${e.objectName}`,
+    defaultView: x?.type || "grid",
+    activeView: x?.type || "grid",
+    views: D.map((n) => {
+      const d = {
+        kanban: "kanban",
+        calendar: "calendar",
+        map: "map",
+        gallery: "layout-grid",
+        timeline: "activity",
+        gantt: "gantt-chart",
+        grid: "table",
+        list: "list",
+        detail: "file-text"
+      };
+      return {
+        type: n.type,
+        label: n.label,
+        icon: d[n.type] || "table"
+      };
+    })
+  }, [le, D, x, e.objectName]), nt = z((n) => {
+    if (!D) return;
+    const d = D.find((a) => a.type === n);
+    d && m && m(d.id);
+  }, [D, m]), lt = z((n) => {
+    ne(n);
+  }, []);
+  W(() => {
+    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 }
+      )), {
+        field: O,
+        label: H.label || O,
+        type: Y,
+        placeholder: `Filter ${H.label || O}...`,
+        ...L ? { options: L } : {}
+      };
+    });
+    return M.length === 0 ? null : {
+      type: "filter-ui",
+      layout: "popover",
+      showClear: !0,
+      showApply: !0,
+      filters: M,
+      values: $
+    };
+  }, [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 : {
+      type: "sort-ui",
+      variant: "dropdown",
+      multiple: !1,
+      fields: d,
+      sort: U
+    };
+  }, [j, U]);
+  const at = z((n) => {
+    const d = {
+      objectName: e.objectName,
+      fields: F?.columns || x?.columns || e.table?.fields,
+      className: "h-full w-full",
+      showSearch: !1
+    }, a = F?.options || x || {};
+    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 || {}
+        };
+      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 || {}
+        };
+      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 || {}
+        };
+      case "timeline":
+        return {
+          type: "object-timeline",
+          ...d,
+          dateField: a.timeline?.dateField || a.dateField || "created_at",
+          titleField: a.timeline?.titleField || a.titleField || "name",
+          ...a.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 || {}
+        };
+      case "map":
+        return {
+          type: "object-map",
+          ...d,
+          locationField: a.map?.locationField || a.locationField || "location",
+          ...a.map || {}
+        };
+      default:
+        return null;
+    }
+  }, [e.objectName, e.table?.fields, F, x]), it = W(() => ({
     type: "object-grid",
-    objectName: r.objectName,
-    title: r.table?.title,
-    description: r.table?.description,
-    fields: r.table?.fields,
-    columns: r.table?.columns,
+    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,
     operations: {
-      ...p,
+      ...y,
       create: !1
       // Create is handled by the view's create button
     },
-    defaultFilters: r.table?.defaultFilters,
-    defaultSort: r.table?.defaultSort,
-    pageSize: r.table?.pageSize,
-    selectable: r.table?.selectable,
-    className: r.table?.className
-  }, S = () => {
-    const n = N ? N._id || N.id : void 0;
+    defaultFilters: F?.filter || x?.filter || e.table?.defaultFilters,
+    defaultSort: F?.sort || x?.sort || e.table?.defaultSort,
+    pageSize: e.table?.pageSize,
+    selectable: e.table?.selectable,
+    className: e.table?.className
+  }), [e, y, F, x]), Ve = () => {
+    const n = _ ? _._id || _.id : void 0;
     return {
       type: "object-form",
-      objectName: r.objectName,
-      mode: b,
+      objectName: e.objectName,
+      mode: C,
       recordId: n,
-      title: r.form?.title,
-      description: r.form?.description,
-      fields: r.form?.fields,
-      customFields: r.form?.customFields,
-      groups: r.form?.groups,
-      layout: r.form?.layout,
-      columns: r.form?.columns,
-      showSubmit: r.form?.showSubmit,
-      submitText: r.form?.submitText,
-      showCancel: r.form?.showCancel,
-      cancelText: r.form?.cancelText,
-      showReset: r.form?.showReset,
-      initialValues: r.form?.initialValues,
-      readOnly: r.form?.readOnly || b === "view",
-      className: r.form?.className,
-      onSuccess: T,
-      onCancel: G
+      title: e.form?.title,
+      description: e.form?.description,
+      fields: e.form?.fields,
+      customFields: e.form?.customFields,
+      groups: e.form?.groups,
+      layout: e.form?.layout,
+      columns: e.form?.columns,
+      showSubmit: e.form?.showSubmit,
+      submitText: e.form?.submitText,
+      showCancel: e.form?.showCancel,
+      cancelText: e.form?.cancelText,
+      showReset: e.form?.showReset,
+      initialValues: e.form?.initialValues,
+      readOnly: e.form?.readOnly || C === "view",
+      className: e.form?.className,
+      onSuccess: tt,
+      onCancel: rt
     };
-  }, I = () => {
-    if (r.form?.title) return r.form.title;
-    const n = x?.label || r.objectName;
-    switch (b) {
+  }, Ee = () => {
+    if (e.form?.title) return e.form.title;
+    const n = j?.label || e.objectName;
+    switch (C) {
       case "create":
         return `Create ${n}`;
       case "edit":
@@ -367,109 +781,533 @@ const ye = ({
       default:
         return n;
     }
-  }, k = () => /* @__PURE__ */ o.jsx(ce, { open: u, onOpenChange: f, direction: "right", children: /* @__PURE__ */ o.jsxs(ue, { className: "w-full sm:max-w-2xl", children: [
-    /* @__PURE__ */ o.jsxs(fe, { children: [
-      /* @__PURE__ */ o.jsx(de, { children: I() }),
-      r.form?.description && /* @__PURE__ */ o.jsx(me, { children: r.form.description })
+  }, _e = W(() => {
+    const n = u?.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: [
+    /* @__PURE__ */ t.jsxs(Ke, { children: [
+      /* @__PURE__ */ t.jsx(He, { children: Ee() }),
+      e.form?.description && /* @__PURE__ */ t.jsx(Je, { children: e.form.description })
     ] }),
-    /* @__PURE__ */ o.jsx("div", { className: "flex-1 overflow-y-auto px-4 pb-4", children: /* @__PURE__ */ o.jsx(
-      K,
-      {
-        schema: S(),
-        dataSource: d
-      }
-    ) })
-  ] }) }), Y = () => /* @__PURE__ */ o.jsx(be, { open: u, onOpenChange: f, children: /* @__PURE__ */ o.jsxs(pe, { className: "max-w-2xl max-h-[90vh] overflow-y-auto", children: [
-    /* @__PURE__ */ o.jsxs(ve, { children: [
-      /* @__PURE__ */ o.jsx(xe, { children: I() }),
-      r.form?.description && /* @__PURE__ */ o.jsx(je, { children: r.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 }) })
+  ] }) }), 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__ */ o.jsx(
-      K,
+    /* @__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({
+        schema: {
+          type: "list-view",
+          objectName: e.objectName,
+          viewType: r,
+          fields: F?.columns || x?.columns || e.table?.fields,
+          filters: ct,
+          sort: dt,
+          options: F?.options || x
+        },
+        dataSource: l,
+        onEdit: ee,
+        onRowClick: q,
+        className: "h-full"
+      });
+    if (r !== "grid") {
+      const d = at(r);
+      if (d && me)
+        return /* @__PURE__ */ t.jsx(
+          me,
+          {
+            schema: d,
+            dataSource: l,
+            data: P,
+            loading: ge
+          },
+          n
+        );
+      if (!me)
+        return /* @__PURE__ */ t.jsx("div", { className: "flex items-center justify-center h-40 text-muted-foreground", children: /* @__PURE__ */ t.jsxs("p", { children: [
+          "SchemaRenderer not available. Install @object-ui/react to render ",
+          r,
+          " views."
+        ] }) });
+    }
+    return /* @__PURE__ */ t.jsx(
+      bt,
       {
-        schema: S(),
-        dataSource: d
-      }
-    )
-  ] }) }), M = () => {
-    const n = r.showSearch !== !1, i = r.showFilters !== !1, O = r.showCreate !== !1 && p.create !== !1, e = r.showRefresh !== !1;
-    return !n && !i && !O && !e ? null : /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col gap-4 mb-4", children: [
-      /* @__PURE__ */ o.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
-        /* @__PURE__ */ o.jsx("div", { className: "flex-1 max-w-md", children: n && /* @__PURE__ */ o.jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ o.jsx(we, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
-          /* @__PURE__ */ o.jsx(
-            ie,
-            {
-              type: "search",
-              placeholder: `Search ${x?.label || r.objectName}...`,
-              value: P,
-              onChange: (t) => F(t.target.value),
-              className: "pl-9"
+        schema: it,
+        dataSource: l,
+        onRowClick: q,
+        onEdit: y.update !== !1 ? ee : void 0,
+        onDelete: y.delete !== !1 ? ae : void 0,
+        onBulkDelete: y.delete !== !1 ? xe : void 0
+      },
+      n
+    );
+  }, 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)) }) });
+  }, 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(
+          Ze,
+          {
+            schema: Fe,
+            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: [
+            /* @__PURE__ */ t.jsx(Dt, { className: "h-4 w-4" }),
+            "Create"
+          ] })
+        ] })
+      ] })
+    ] });
+  }, Te = u?.mode === "modal" ? "modal" : u?.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 }),
+      e.description && /* @__PURE__ */ t.jsx("p", { className: "text-muted-foreground mt-1", children: e.description })
+    ] }),
+    /* @__PURE__ */ t.jsx("div", { className: "mb-4 shrink-0", children: pt() }),
+    /* @__PURE__ */ t.jsx("div", { className: "flex-1 min-h-0", children: ut() }),
+    Te === "drawer" && st(),
+    Te === "modal" && ot()
+  ] });
+}, he = re("flex", {
+  variants: {
+    layout: {
+      inline: "flex-col space-y-4",
+      popover: "items-center",
+      drawer: "items-center"
+    }
+  },
+  defaultVariants: {
+    layout: "inline"
+  }
+}), er = (e) => e == null || e === "" ? !0 : Array.isArray(e) ? e.length === 0 : typeof e == "object" ? Object.values(e).every((l) => l == null || l === "") : !1, tr = (e) => Array.isArray(e) ? { start: e[0] || "", end: e[1] || "" } : e && typeof e == "object" ? { start: e.start || "", end: e.end || "" } : { start: "", end: "" }, rr = ({
+  schema: e,
+  className: l,
+  onChange: f
+}) => {
+  const [c, p] = T.useState(e.values || {}), [m, S] = T.useState(!1);
+  T.useEffect(() => {
+    e.values && p(e.values);
+  }, [e.values]);
+  const b = T.useCallback((s) => {
+    f?.(s), e.onChange && typeof window < "u" && window.dispatchEvent(
+      new CustomEvent(e.onChange, {
+        detail: { values: s }
+      })
+    );
+  }, [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);
+      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) {
+      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);
             }
-          )
-        ] }) }),
-        /* @__PURE__ */ o.jsxs("div", { className: "flex items-center gap-2", children: [
-          i && /* @__PURE__ */ o.jsxs(
-            Z,
+          }
+        );
+      case "select":
+        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);
+            },
+            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))) })
+            ]
+          }
+        );
+      case "date":
+        return /* @__PURE__ */ t.jsx(
+          ie,
+          {
+            type: "date",
+            value: c[s.field] ?? "",
+            onChange: (o) => V(s.field, o.target.value)
+          }
+        );
+      case "date-range": {
+        const o = tr(c[s.field]);
+        return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ t.jsx(
+            ie,
             {
-              variant: "outline",
-              size: "sm",
-              onClick: () => D(!w),
-              children: [
-                /* @__PURE__ */ o.jsx(_e, { className: "h-4 w-4" }),
-                "Filters",
-                w && /* @__PURE__ */ o.jsx(Re, { className: "h-3 w-3 ml-1" })
-              ]
+              type: "date",
+              value: o.start ?? "",
+              onChange: (g) => {
+                V(s.field, { ...o, start: g.target.value });
+              }
             }
           ),
-          e && /* @__PURE__ */ o.jsx(
-            Z,
+          /* @__PURE__ */ t.jsx(
+            ie,
             {
-              variant: "outline",
-              size: "sm",
-              onClick: X,
-              children: /* @__PURE__ */ o.jsx(Ee, { className: "h-4 w-4" })
+              type: "date",
+              value: o.end ?? "",
+              onChange: (g) => {
+                V(s.field, { ...o, end: g.target.value });
+              }
             }
-          ),
-          O && /* @__PURE__ */ o.jsxs(
-            Z,
+          )
+        ] });
+      }
+      case "boolean":
+        return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ t.jsx(
+            St,
             {
-              size: "sm",
-              onClick: W,
-              children: [
-                /* @__PURE__ */ o.jsx(ge, { className: "h-4 w-4" }),
-                "Create"
-              ]
+              checked: !!c[s.field],
+              onCheckedChange: (o) => V(s.field, !!o)
             }
-          )
-        ] })
-      ] }),
-      w && /* @__PURE__ */ o.jsx("div", { className: "p-4 border rounded-md bg-muted/50", children: /* @__PURE__ */ o.jsx("p", { className: "text-sm text-muted-foreground", children: "Filter functionality will be integrated with FilterBuilder component" }) })
-    ] });
-  };
-  return /* @__PURE__ */ o.jsxs("div", { className: R, children: [
-    (r.title || r.description) && /* @__PURE__ */ o.jsxs("div", { className: "mb-6", children: [
-      r.title && /* @__PURE__ */ o.jsx("h2", { className: "text-2xl font-bold tracking-tight", children: r.title }),
-      r.description && /* @__PURE__ */ o.jsx("p", { className: "text-muted-foreground mt-1", children: r.description })
+          ),
+          /* @__PURE__ */ t.jsx("span", { className: "text-sm text-muted-foreground", children: "Enabled" })
+        ] });
+      default:
+        return /* @__PURE__ */ t.jsx(
+          ie,
+          {
+            value: c[s.field] ?? "",
+            placeholder: R,
+            onChange: (o) => V(s.field, o.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)) }),
+    (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" })
+    ] })
+  ] }), 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" }),
+      "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 })
+    ] }) }),
+    /* @__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" }),
+      "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 })
     ] }),
-    M(),
-    /* @__PURE__ */ o.jsx(
-      se,
+    /* @__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("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: [
+      /* @__PURE__ */ t.jsx(Pt, { className: "h-3.5 w-3.5" }),
+      "Clear filters"
+    ] })
+  ] });
+}, Ne = re("", {
+  variants: {
+    variant: {
+      buttons: "flex flex-wrap gap-2",
+      dropdown: "flex flex-wrap items-center gap-3",
+      builder: "space-y-3"
+    }
+  },
+  defaultVariants: {
+    variant: "dropdown"
+  }
+}), Ce = (e) => e ? e.map((l) => ({
+  field: l.field,
+  direction: l.direction
+})) : [], Me = (e) => e.map((l) => ({
+  id: `${l.field}-${l.direction}`,
+  field: l.field,
+  order: l.direction
+})), nr = (e) => e.filter((l) => l.field).map((l) => ({
+  field: l.field,
+  direction: l.order
+})), lr = ({
+  schema: e,
+  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));
+  }, [e.sort]);
+  const b = T.useCallback((i) => {
+    p(i), f?.(i), e.onChange && typeof window < "u" && window.dispatchEvent(
+      new CustomEvent(e.onChange, {
+        detail: { sort: i }
+      })
+    );
+  }, [f, e.onChange]), V = T.useCallback((i) => {
+    const h = c.find((s) => s.field === i), v = !!e.multiple;
+    if (!h) {
+      const s = v ? [...c, { field: i, direction: "asc" }] : [{ field: i, direction: "asc" }];
+      b(s);
+      return;
+    }
+    if (h.direction === "asc") {
+      const s = c.map(
+        (_) => _.field === i ? { ..._, direction: "desc" } : _
+      );
+      b(s);
+      return;
+    }
+    const C = c.filter((s) => s.field !== i);
+    b(C);
+  }, [b, e.multiple, c]);
+  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.jsxs(
+        G,
+        {
+          type: "button",
+          variant: h ? "secondary" : "outline",
+          size: "sm",
+          onClick: () => V(i.field),
+          className: "gap-2",
+          children: [
+            /* @__PURE__ */ t.jsx("span", { children: i.label || i.field }),
+            h && /* @__PURE__ */ t.jsx(v, { className: "h-3.5 w-3.5" })
+          ]
+        },
+        i.field
+      );
+    }) });
+  if (e.multiple)
+    return /* @__PURE__ */ t.jsx("div", { className: A(Ne({ variant: "builder" }), l), children: /* @__PURE__ */ t.jsx(
+      Ft,
       {
-        schema: y,
-        dataSource: d,
-        onRowClick: U,
-        onEdit: p.update !== !1 ? B : void 0,
-        onDelete: p.delete !== !1 ? q : void 0,
-        onBulkDelete: p.delete !== !1 ? J : void 0
-      },
-      L
+        fields: e.fields.map((i) => ({ value: i.field, label: i.label || i.field })),
+        value: m,
+        onChange: (i) => {
+          S(i), b(nr(i));
+        }
+      }
+    ) });
+  const j = c[0];
+  return /* @__PURE__ */ t.jsxs("div", { className: A(Ne({ variant: "dropdown" }), l), children: [
+    /* @__PURE__ */ t.jsxs(
+      be,
+      {
+        value: j?.field || "",
+        onValueChange: (i) => {
+          if (!i) {
+            b([]);
+            return;
+          }
+          b([{ field: i, 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)) })
+        ]
+      }
     ),
-    m === "drawer" && k(),
-    m === "modal" && Y()
+    /* @__PURE__ */ t.jsxs(
+      be,
+      {
+        value: j?.direction || "asc",
+        onValueChange: (i) => {
+          j?.field && b([{ field: j.field, direction: i }]);
+        },
+        children: [
+          /* @__PURE__ */ t.jsx(we, { className: "w-36", children: /* @__PURE__ */ t.jsx(ve, {}) }),
+          /* @__PURE__ */ t.jsxs(ye, { children: [
+            /* @__PURE__ */ t.jsx(ce, { value: "asc", children: "Ascending" }),
+            /* @__PURE__ */ t.jsx(ce, { value: "desc", children: "Descending" })
+          ] })
+        ]
+      }
+    )
   ] });
-}, Se = ({ schema: r }) => /* @__PURE__ */ o.jsx(ye, { schema: r, dataSource: null });
-le.register("object-view", Se);
+}, ar = Ue.createContext(null);
+let Qe = ar;
+try {
+  const e = require("@object-ui/react");
+  e.SchemaRendererContext && (Qe = e.SchemaRendererContext);
+} catch {
+}
+const et = ({ schema: e }) => {
+  const f = mt(Qe)?.dataSource ?? null;
+  return /* @__PURE__ */ t.jsx(Qt, { schema: e, dataSource: f });
+};
+te.register("object-view", et, {
+  namespace: "plugin-view",
+  label: "Object View",
+  category: "view",
+  icon: "LayoutDashboard",
+  inputs: [
+    { name: "objectName", type: "string", label: "Object Name", required: !0 },
+    { name: "title", type: "string", label: "Title" },
+    { name: "description", type: "string", label: "Description" },
+    { name: "layout", type: "enum", label: "Form Layout", enum: ["drawer", "modal", "page"] },
+    { name: "defaultViewType", type: "enum", label: "Default View Type", enum: ["grid", "kanban", "gallery", "calendar", "timeline", "gantt", "map"] },
+    { name: "defaultListView", type: "string", label: "Default Named View" },
+    { name: "showSearch", type: "boolean", label: "Show Search" },
+    { name: "showFilters", type: "boolean", label: "Show Filters" },
+    { name: "showCreate", type: "boolean", label: "Show Create Button" },
+    { name: "showRefresh", type: "boolean", label: "Show Refresh Button" },
+    { name: "showViewSwitcher", type: "boolean", label: "Show View Switcher" },
+    { name: "listViews", type: "object", label: "Named List Views" },
+    { name: "navigation", type: "object", label: "Navigation Config" },
+    { name: "searchableFields", type: "array", label: "Searchable Fields" },
+    { name: "filterableFields", type: "array", label: "Filterable Fields" }
+  ],
+  defaultProps: {
+    layout: "drawer",
+    defaultViewType: "grid",
+    showSearch: !0,
+    showFilters: !0,
+    showCreate: !0,
+    showRefresh: !0,
+    showViewSwitcher: !0
+  }
+});
+te.register("view", et, {
+  namespace: "plugin-view",
+  label: "View",
+  category: "view"
+});
+te.register("view-switcher", Ze, {
+  namespace: "view",
+  label: "View Switcher",
+  category: "view",
+  icon: "LayoutGrid",
+  inputs: [
+    { name: "views", type: "array", label: "Views", required: !0 },
+    { name: "defaultView", type: "string", label: "Default View" },
+    { name: "activeView", type: "string", label: "Active View" },
+    { name: "variant", type: "enum", label: "Variant", enum: ["tabs", "buttons", "dropdown"] },
+    { name: "position", type: "enum", label: "Position", enum: ["top", "bottom", "left", "right"] },
+    { name: "persistPreference", type: "boolean", label: "Persist Preference" },
+    { name: "storageKey", type: "string", label: "Storage Key" },
+    { name: "onViewChange", type: "string", label: "On View Change Event" }
+  ],
+  defaultProps: {
+    variant: "tabs",
+    position: "top",
+    defaultView: "grid",
+    views: [
+      { type: "grid", label: "Grid", schema: { type: "text", content: "Grid view" } },
+      { type: "list", label: "List", schema: { type: "text", content: "List view" } }
+    ]
+  }
+});
+te.register("filter-ui", rr, {
+  namespace: "view",
+  label: "Filter UI",
+  category: "view",
+  icon: "SlidersHorizontal",
+  inputs: [
+    { name: "filters", type: "array", label: "Filters", required: !0 },
+    { name: "values", type: "object", label: "Values" },
+    { name: "onChange", type: "string", label: "On Change Event" },
+    { name: "showClear", type: "boolean", label: "Show Clear Button" },
+    { name: "showApply", type: "boolean", label: "Show Apply Button" },
+    { name: "layout", type: "enum", label: "Layout", enum: ["inline", "popover", "drawer"] }
+  ],
+  defaultProps: {
+    layout: "inline",
+    showApply: !1,
+    showClear: !0,
+    filters: [
+      { field: "name", label: "Name", type: "text", placeholder: "Search name" },
+      { field: "status", label: "Status", type: "select", options: [
+        { label: "Open", value: "open" },
+        { label: "Closed", value: "closed" }
+      ] },
+      { field: "created_at", label: "Created", type: "date" }
+    ]
+  }
+});
+te.register("sort-ui", lr, {
+  namespace: "view",
+  label: "Sort UI",
+  category: "view",
+  icon: "ArrowUpDown",
+  inputs: [
+    { name: "fields", type: "array", label: "Fields", required: !0 },
+    { name: "sort", type: "array", label: "Sort" },
+    { name: "onChange", type: "string", label: "On Change Event" },
+    { name: "multiple", type: "boolean", label: "Allow Multiple" },
+    { name: "variant", type: "enum", label: "Variant", enum: ["dropdown", "buttons"] }
+  ],
+  defaultProps: {
+    variant: "dropdown",
+    multiple: !0,
+    fields: [
+      { field: "name", label: "Name" },
+      { field: "created_at", label: "Created At" }
+    ],
+    sort: [{ field: "name", direction: "asc" }]
+  }
+});
+const ir = ({ schema: e, className: l, children: f, dataSource: c, ...p }) => {
+  const m = e.props?.columns ? { display: "grid", gridTemplateColumns: `repeat(${e.props.columns}, 1fr)`, gap: "1rem" } : void 0;
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      className: l,
+      style: m,
+      ...p,
+      children: f
+    }
+  );
+};
+te.register("view:simple", ir, {
+  namespace: "plugin-view",
+  label: "Simple View",
+  category: "view"
+});
 export {
-  ye as ObjectView
+  rr as FilterUI,
+  Qt as ObjectView,
+  lr as SortUI,
+  Ze as ViewSwitcher
 };