@object-ui/plugin-calendar 0.5.0 → 3.0.0

package/dist/index.js

@@ -1,372 +1,392 @@
-import * as H from "react";
-import se, { useState as O, useMemo as Z, useEffect as ne, useCallback as pe } from "react";
-import { ComponentRegistry as ce } from "@object-ui/core";
-import { useSchemaContext as ge } from "@object-ui/react";
-import { ChevronLeftIcon as xe, ChevronRightIcon as be, CalendarIcon as De, PlusIcon as ye } from "lucide-react";
-import { Button as V, Popover as ve, PopoverTrigger as he, cn as F, PopoverContent as je, Calendar as we, Select as Ee, SelectTrigger as Ne, SelectValue as Se, SelectContent as Fe, SelectItem as K } from "@object-ui/components";
-var q = { exports: {} }, L = {};
-var le;
-function _e() {
-  if (le) return L;
-  le = 1;
-  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), n = /* @__PURE__ */ Symbol.for("react.fragment");
-  function o(m, u, s) {
-    var f = null;
-    if (s !== void 0 && (f = "" + s), u.key !== void 0 && (f = "" + u.key), "key" in u) {
-      s = {};
-      for (var a in u)
-        a !== "key" && (s[a] = u[a]);
-    } else s = u;
-    return u = s.ref, {
-      $$typeof: e,
-      type: m,
-      key: f,
-      ref: u !== void 0 ? u : null,
-      props: s
+import * as P from "react";
+import ue, { useRef as se, useState as $, useCallback as Q, useEffect as ae, createContext as xe, useMemo as te } from "react";
+import { ComponentRegistry as ne } from "@object-ui/core";
+import { useNavigationOverlay as De, useSchemaContext as be } from "@object-ui/react";
+import { ChevronLeftIcon as ve, ChevronRightIcon as ye, CalendarIcon as je, PlusIcon as we } from "lucide-react";
+import { Button as G, Popover as Ee, PopoverTrigger as Te, cn as V, PopoverContent as Se, Calendar as Ne, Select as Re, SelectTrigger as Fe, SelectValue as Ce, SelectContent as _e, SelectItem as re, NavigationOverlay as ke } from "@object-ui/components";
+var Z = { exports: {} }, X = {};
+var ie;
+function Oe() {
+  if (ie) return X;
+  ie = 1;
+  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), n = /* @__PURE__ */ Symbol.for("react.fragment");
+  function s(d, m, i) {
+    var g = null;
+    if (i !== void 0 && (g = "" + i), m.key !== void 0 && (g = "" + m.key), "key" in m) {
+      i = {};
+      for (var u in m)
+        u !== "key" && (i[u] = m[u]);
+    } else i = m;
+    return m = i.ref, {
+      $$typeof: t,
+      type: d,
+      key: g,
+      ref: m !== void 0 ? m : null,
+      props: i
     };
   }
-  return L.Fragment = n, L.jsx = o, L.jsxs = o, L;
+  return X.Fragment = n, X.jsx = s, X.jsxs = s, X;
 }
-var Y = {};
-var oe;
-function ke() {
-  return oe || (oe = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(t) {
-      if (t == null) return null;
-      if (typeof t == "function")
-        return t.$$typeof === E ? null : t.displayName || t.name || null;
-      if (typeof t == "string") return t;
-      switch (t) {
-        case _:
+var B = {};
+var ce;
+function Ae() {
+  return ce || (ce = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === v ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case L:
           return "Fragment";
-        case $:
+        case N:
           return "Profiler";
-        case I:
+        case x:
           return "StrictMode";
-        case C:
+        case j:
           return "Suspense";
-        case J:
+        case A:
           return "SuspenseList";
-        case S:
+        case E:
           return "Activity";
       }
-      if (typeof t == "object")
-        switch (typeof t.tag == "number" && console.error(
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), t.$$typeof) {
+        ), e.$$typeof) {
           case M:
             return "Portal";
-          case h:
-            return t.displayName || "Context";
-          case c:
-            return (t._context.displayName || "Context") + ".Consumer";
+          case F:
+            return e.displayName || "Context";
           case k:
-            var i = t.render;
-            return t = t.displayName, t || (t = i.displayName || i.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case G:
-            return i = t.displayName || null, i !== null ? i : e(t.type) || "Memo";
-          case g:
-            i = t._payload, t = t._init;
+            return (e._context.displayName || "Context") + ".Consumer";
+          case O:
+            var f = e.render;
+            return e = e.displayName, e || (e = f.displayName || f.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case I:
+            return f = e.displayName || null, f !== null ? f : t(e.type) || "Memo";
+          case o:
+            f = e._payload, e = e._init;
             try {
-              return e(t(i));
+              return t(e(f));
             } catch {
             }
         }
       return null;
     }
-    function n(t) {
-      return "" + t;
+    function n(e) {
+      return "" + e;
     }
-    function o(t) {
+    function s(e) {
       try {
-        n(t);
-        var i = !1;
+        n(e);
+        var f = !1;
       } catch {
-        i = !0;
+        f = !0;
       }
-      if (i) {
-        i = console;
-        var x = i.error, D = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return x.call(
-          i,
+      if (f) {
+        f = console;
+        var y = f.error, w = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return y.call(
+          f,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          D
-        ), n(t);
+          w
+        ), n(e);
       }
     }
-    function m(t) {
-      if (t === _) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === g)
+    function d(e) {
+      if (e === L) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === o)
         return "<...>";
       try {
-        var i = e(t);
-        return i ? "<" + i + ">" : "<...>";
+        var f = t(e);
+        return f ? "<" + f + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function u() {
-      var t = j.A;
-      return t === null ? null : t.getOwner();
+    function m() {
+      var e = Y.A;
+      return e === null ? null : e.getOwner();
     }
-    function s() {
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function f(t) {
-      if (v.call(t, "key")) {
-        var i = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (i && i.isReactWarning) return !1;
+    function g(e) {
+      if (W.call(e, "key")) {
+        var f = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (f && f.isReactWarning) return !1;
       }
-      return t.key !== void 0;
+      return e.key !== void 0;
     }
-    function a(t, i) {
-      function x() {
-        R || (R = !0, console.error(
+    function u(e, f) {
+      function y() {
+        H || (H = !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)",
-          i
+          f
         ));
       }
-      x.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: x,
+      y.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: y,
         configurable: !0
       });
     }
-    function d() {
-      var t = e(this.type);
-      return W[t] || (W[t] = !0, console.error(
+    function p() {
+      var e = t(this.type);
+      return D[e] || (D[e] = !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."
-      )), t = this.props.ref, t !== void 0 ? t : null;
+      )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function l(t, i, x, D, z, B) {
-      var y = x.ref;
-      return t = {
-        $$typeof: P,
-        type: t,
-        key: i,
-        props: x,
-        _owner: D
-      }, (y !== void 0 ? y : null) !== null ? Object.defineProperty(t, "ref", {
+    function c(e, f, y, w, U, J) {
+      var S = y.ref;
+      return e = {
+        $$typeof: T,
+        type: e,
+        key: f,
+        props: y,
+        _owner: w
+      }, (S !== void 0 ? S : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: d
-      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
+        get: p
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(t, "_debugInfo", {
+      }), Object.defineProperty(e, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(t, "_debugStack", {
+      }), Object.defineProperty(e, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: z
-      }), Object.defineProperty(t, "_debugTask", {
+        value: U
+      }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: B
-      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
+        value: J
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function w(t, i, x, D, z, B) {
-      var y = i.children;
-      if (y !== void 0)
-        if (D)
-          if (X(y)) {
-            for (D = 0; D < y.length; D++)
-              p(y[D]);
-            Object.freeze && Object.freeze(y);
+    function b(e, f, y, w, U, J) {
+      var S = f.children;
+      if (S !== void 0)
+        if (w)
+          if (K(S)) {
+            for (w = 0; w < S.length; w++)
+              a(S[w]);
+            Object.freeze && Object.freeze(S);
           } 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(y);
-      if (v.call(i, "key")) {
-        y = e(t);
-        var A = Object.keys(i).filter(function(me) {
-          return me !== "key";
+        else a(S);
+      if (W.call(f, "key")) {
+        S = t(e);
+        var q = Object.keys(f).filter(function(he) {
+          return he !== "key";
         });
-        D = 0 < A.length ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}", ae[y + D] || (A = 0 < A.length ? "{" + A.join(": ..., ") + ": ...}" : "{}", console.error(
+        w = 0 < q.length ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}", _[S + w] || (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} />`,
-          D,
-          y,
-          A,
-          y
-        ), ae[y + D] = !0);
+          w,
+          S,
+          q,
+          S
+        ), _[S + w] = !0);
       }
-      if (y = null, x !== void 0 && (o(x), y = "" + x), f(i) && (o(i.key), y = "" + i.key), "key" in i) {
-        x = {};
-        for (var Q in i)
-          Q !== "key" && (x[Q] = i[Q]);
-      } else x = i;
-      return y && a(
-        x,
-        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
-      ), l(
-        t,
+      if (S = null, y !== void 0 && (s(y), S = "" + y), g(f) && (s(f.key), S = "" + f.key), "key" in f) {
+        y = {};
+        for (var ee in f)
+          ee !== "key" && (y[ee] = f[ee]);
+      } else y = f;
+      return S && u(
+        y,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), c(
+        e,
+        S,
         y,
-        x,
-        u(),
-        z,
-        B
+        m(),
+        U,
+        J
       );
     }
-    function p(t) {
-      b(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === g && (t._payload.status === "fulfilled" ? b(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+    function a(e) {
+      h(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === o && (e._payload.status === "fulfilled" ? h(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function b(t) {
-      return typeof t == "object" && t !== null && t.$$typeof === P;
+    function h(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === T;
     }
-    var N = se, P = /* @__PURE__ */ Symbol.for("react.transitional.element"), M = /* @__PURE__ */ Symbol.for("react.portal"), _ = /* @__PURE__ */ Symbol.for("react.fragment"), I = /* @__PURE__ */ Symbol.for("react.strict_mode"), $ = /* @__PURE__ */ Symbol.for("react.profiler"), c = /* @__PURE__ */ Symbol.for("react.consumer"), h = /* @__PURE__ */ Symbol.for("react.context"), k = /* @__PURE__ */ Symbol.for("react.forward_ref"), C = /* @__PURE__ */ Symbol.for("react.suspense"), J = /* @__PURE__ */ Symbol.for("react.suspense_list"), G = /* @__PURE__ */ Symbol.for("react.memo"), g = /* @__PURE__ */ Symbol.for("react.lazy"), S = /* @__PURE__ */ Symbol.for("react.activity"), E = /* @__PURE__ */ Symbol.for("react.client.reference"), j = N.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, v = Object.prototype.hasOwnProperty, X = Array.isArray, T = console.createTask ? console.createTask : function() {
+    var l = ue, T = /* @__PURE__ */ Symbol.for("react.transitional.element"), M = /* @__PURE__ */ Symbol.for("react.portal"), L = /* @__PURE__ */ Symbol.for("react.fragment"), x = /* @__PURE__ */ Symbol.for("react.strict_mode"), N = /* @__PURE__ */ Symbol.for("react.profiler"), k = /* @__PURE__ */ Symbol.for("react.consumer"), F = /* @__PURE__ */ Symbol.for("react.context"), O = /* @__PURE__ */ Symbol.for("react.forward_ref"), j = /* @__PURE__ */ Symbol.for("react.suspense"), A = /* @__PURE__ */ Symbol.for("react.suspense_list"), I = /* @__PURE__ */ Symbol.for("react.memo"), o = /* @__PURE__ */ Symbol.for("react.lazy"), E = /* @__PURE__ */ Symbol.for("react.activity"), v = /* @__PURE__ */ Symbol.for("react.client.reference"), Y = l.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, K = Array.isArray, z = console.createTask ? console.createTask : function() {
       return null;
     };
-    N = {
-      react_stack_bottom_frame: function(t) {
-        return t();
+    l = {
+      react_stack_bottom_frame: function(e) {
+        return e();
       }
     };
-    var R, W = {}, U = N.react_stack_bottom_frame.bind(
-      N,
-      s
-    )(), re = T(m(s)), ae = {};
-    Y.Fragment = _, Y.jsx = function(t, i, x) {
-      var D = 1e4 > j.recentlyCreatedOwnerStacks++;
-      return w(
-        t,
-        i,
-        x,
+    var H, D = {}, C = l.react_stack_bottom_frame.bind(
+      l,
+      i
+    )(), R = z(d(i)), _ = {};
+    B.Fragment = L, B.jsx = function(e, f, y) {
+      var w = 1e4 > Y.recentlyCreatedOwnerStacks++;
+      return b(
+        e,
+        f,
+        y,
         !1,
-        D ? Error("react-stack-top-frame") : U,
-        D ? T(m(t)) : re
+        w ? Error("react-stack-top-frame") : C,
+        w ? z(d(e)) : R
       );
-    }, Y.jsxs = function(t, i, x) {
-      var D = 1e4 > j.recentlyCreatedOwnerStacks++;
-      return w(
-        t,
-        i,
-        x,
+    }, B.jsxs = function(e, f, y) {
+      var w = 1e4 > Y.recentlyCreatedOwnerStacks++;
+      return b(
+        e,
+        f,
+        y,
         !0,
-        D ? Error("react-stack-top-frame") : U,
-        D ? T(m(t)) : re
+        w ? Error("react-stack-top-frame") : C,
+        w ? z(d(e)) : R
       );
     };
-  })()), Y;
+  })()), B;
 }
-var ie;
-function Ce() {
-  return ie || (ie = 1, process.env.NODE_ENV === "production" ? q.exports = _e() : q.exports = ke()), q.exports;
+var de;
+function Pe() {
+  return de || (de = 1, process.env.NODE_ENV === "production" ? Z.exports = Oe() : Z.exports = Ae()), Z.exports;
 }
-var r = Ce();
-const ee = "bg-blue-500 text-white";
-function de({
-  events: e = [],
+var r = Pe();
+const le = "bg-blue-500 text-white";
+function fe({
+  events: t = [],
   view: n = "month",
-  currentDate: o = /* @__PURE__ */ new Date(),
+  currentDate: s = /* @__PURE__ */ new Date(),
+  locale: d = "default",
   onEventClick: m,
-  onDateClick: u,
-  onViewChange: s,
-  onNavigate: f,
-  onAddClick: a,
-  className: d
+  onDateClick: i,
+  onViewChange: g,
+  onNavigate: u,
+  onAddClick: p,
+  onEventDrop: c,
+  className: b
 }) {
-  const [l, w] = H.useState(n), [p, b] = H.useState(o);
-  H.useEffect(() => {
-    b(o);
-  }, [o]), H.useEffect(() => {
-    w(n);
+  const [a, h] = P.useState(n), [l, T] = P.useState(s);
+  P.useEffect(() => {
+    T(s);
+  }, [s]), P.useEffect(() => {
+    h(n);
   }, [n]);
-  const N = () => {
-    const c = new Date(p);
-    l === "month" ? c.setMonth(c.getMonth() - 1) : l === "week" ? c.setDate(c.getDate() - 7) : c.setDate(c.getDate() - 1), b(c), f?.(c);
-  }, P = () => {
-    const c = new Date(p);
-    l === "month" ? c.setMonth(c.getMonth() + 1) : l === "week" ? c.setDate(c.getDate() + 7) : c.setDate(c.getDate() + 1), b(c), f?.(c);
-  }, M = () => {
-    const c = /* @__PURE__ */ new Date();
-    b(c), f?.(c);
-  }, _ = (c) => {
-    w(c), s?.(c);
-  }, I = () => {
-    if (l === "month")
-      return p.toLocaleDateString("default", {
+  const M = P.useRef(g);
+  M.current = g, P.useEffect(() => {
+    const o = window.matchMedia("(max-width: 639px)"), E = (v) => {
+      v.matches && (h("day"), M.current?.("day"));
+    };
+    return E(o), o.addEventListener("change", E), () => o.removeEventListener("change", E);
+  }, []);
+  const L = () => {
+    const o = new Date(l);
+    a === "month" ? o.setMonth(o.getMonth() - 1) : a === "week" ? o.setDate(o.getDate() - 7) : o.setDate(o.getDate() - 1), T(o), u?.(o);
+  }, x = () => {
+    const o = new Date(l);
+    a === "month" ? o.setMonth(o.getMonth() + 1) : a === "week" ? o.setDate(o.getDate() + 7) : o.setDate(o.getDate() + 1), T(o), u?.(o);
+  }, N = () => {
+    const o = /* @__PURE__ */ new Date();
+    T(o), u?.(o);
+  }, k = (o) => {
+    h(o), g?.(o);
+  }, F = () => {
+    if (a === "month")
+      return l.toLocaleDateString(d, {
         month: "long",
         year: "numeric"
       });
-    if (l === "week") {
-      const c = ue(p), h = new Date(c);
-      return h.setDate(h.getDate() + 6), `${c.toLocaleDateString("default", {
+    if (a === "week") {
+      const o = me(l), E = new Date(o);
+      return E.setDate(E.getDate() + 6), `${o.toLocaleDateString(d, {
         month: "short",
         day: "numeric"
-      })} - ${h.toLocaleDateString("default", {
+      })} - ${E.toLocaleDateString(d, {
         month: "short",
         day: "numeric",
         year: "numeric"
       })}`;
     } else
-      return p.toLocaleDateString("default", {
+      return l.toLocaleDateString(d, {
         weekday: "long",
         month: "long",
         day: "numeric",
         year: "numeric"
       });
-  }, $ = (c) => {
-    c && (b(c), f?.(c));
+  }, O = P.useRef(0), j = (o) => {
+    O.current = o.touches[0].clientX;
+  }, A = (o) => {
+    const E = O.current - o.changedTouches[0].clientX;
+    if (Math.abs(E) > 50) {
+      const v = new Date(l);
+      a === "day" ? v.setDate(v.getDate() + (E > 0 ? 1 : -1)) : a === "week" ? v.setDate(v.getDate() + (E > 0 ? 7 : -7)) : v.setMonth(v.getMonth() + (E > 0 ? 1 : -1)), T(v), u?.(v);
+    }
+  }, I = (o) => {
+    o && (T(o), u?.(o));
   };
-  return /* @__PURE__ */ r.jsxs("div", { className: F("flex flex-col h-full bg-background", d), children: [
+  return /* @__PURE__ */ r.jsxs("div", { role: "region", "aria-label": "Calendar", className: V("flex flex-col h-full bg-background", b), children: [
     /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between p-4 border-b", children: [
       /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-4", children: [
         /* @__PURE__ */ r.jsxs("div", { className: "flex items-center bg-muted/50 rounded-lg p-1 gap-1", children: [
-          /* @__PURE__ */ r.jsx(V, { variant: "ghost", size: "sm", onClick: M, className: "h-8", children: "Today" }),
+          /* @__PURE__ */ r.jsx(G, { variant: "ghost", size: "sm", onClick: N, className: "h-8", "aria-label": "Go to today", children: "Today" }),
           /* @__PURE__ */ r.jsx("div", { className: "h-4 w-px bg-border mx-1" }),
           /* @__PURE__ */ r.jsx(
-            V,
+            G,
             {
               variant: "ghost",
               size: "icon",
-              onClick: N,
+              "aria-label": "Previous period",
+              onClick: L,
               className: "h-8 w-8",
-              children: /* @__PURE__ */ r.jsx(xe, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ r.jsx(ve, { className: "h-4 w-4" })
             }
           ),
           /* @__PURE__ */ r.jsx(
-            V,
+            G,
             {
               variant: "ghost",
               size: "icon",
-              onClick: P,
+              "aria-label": "Next period",
+              onClick: x,
               className: "h-8 w-8",
-              children: /* @__PURE__ */ r.jsx(be, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ r.jsx(ye, { className: "h-4 w-4" })
             }
           )
         ] }),
-        /* @__PURE__ */ r.jsxs(ve, { children: [
-          /* @__PURE__ */ r.jsx(he, { asChild: !0, children: /* @__PURE__ */ r.jsxs(
-            V,
+        /* @__PURE__ */ r.jsxs(Ee, { children: [
+          /* @__PURE__ */ r.jsx(Te, { asChild: !0, children: /* @__PURE__ */ r.jsxs(
+            G,
             {
               variant: "ghost",
-              className: F(
+              "aria-label": `Current date: ${F()}`,
+              className: V(
                 "text-xl font-semibold h-auto px-3 py-1 hover:bg-muted/50 transition-colors",
                 "flex items-center gap-2"
               ),
               children: [
-                /* @__PURE__ */ r.jsx(De, { className: "h-5 w-5 text-muted-foreground" }),
-                /* @__PURE__ */ r.jsx("span", { children: I() })
+                /* @__PURE__ */ r.jsx(je, { className: "h-5 w-5 text-muted-foreground" }),
+                /* @__PURE__ */ r.jsx("span", { children: F() })
               ]
             }
           ) }),
-          /* @__PURE__ */ r.jsx(je, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ r.jsx(
-            we,
+          /* @__PURE__ */ r.jsx(Se, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ r.jsx(
+            Ne,
             {
               mode: "single",
-              selected: p,
-              onSelect: $,
+              selected: l,
+              onSelect: I,
               initialFocus: !0,
               fromYear: 2e3,
               toYear: 2050
@@ -375,165 +395,209 @@ function de({
         ] })
       ] }),
       /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ r.jsxs(Ee, { value: l, onValueChange: _, children: [
-          /* @__PURE__ */ r.jsx(Ne, { className: "w-32 bg-background", children: /* @__PURE__ */ r.jsx(Se, {}) }),
-          /* @__PURE__ */ r.jsxs(Fe, { children: [
-            /* @__PURE__ */ r.jsx(K, { value: "day", children: "Day" }),
-            /* @__PURE__ */ r.jsx(K, { value: "week", children: "Week" }),
-            /* @__PURE__ */ r.jsx(K, { value: "month", children: "Month" })
+        /* @__PURE__ */ r.jsxs(Re, { value: a, onValueChange: k, children: [
+          /* @__PURE__ */ r.jsx(Fe, { className: "w-32 bg-background", children: /* @__PURE__ */ r.jsx(Ce, {}) }),
+          /* @__PURE__ */ r.jsxs(_e, { children: [
+            /* @__PURE__ */ r.jsx(re, { value: "day", children: "Day" }),
+            /* @__PURE__ */ r.jsx(re, { value: "week", children: "Week" }),
+            /* @__PURE__ */ r.jsx(re, { value: "month", children: "Month" })
           ] })
         ] }),
-        a && /* @__PURE__ */ r.jsxs(V, { onClick: a, size: "sm", className: "gap-1", children: [
-          /* @__PURE__ */ r.jsx(ye, { className: "h-4 w-4" }),
+        p && /* @__PURE__ */ r.jsxs(G, { onClick: p, size: "sm", className: "gap-1", children: [
+          /* @__PURE__ */ r.jsx(we, { className: "h-4 w-4" }),
           "New"
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ r.jsxs("div", { className: "flex-1 overflow-auto", children: [
-      l === "month" && /* @__PURE__ */ r.jsx(
-        Re,
+    /* @__PURE__ */ r.jsxs("div", { className: "flex-1 overflow-auto", onTouchStart: j, onTouchEnd: A, children: [
+      a === "month" && /* @__PURE__ */ r.jsx(
+        Le,
         {
-          date: p,
-          events: e,
+          date: l,
+          events: t,
           onEventClick: m,
-          onDateClick: u
+          onDateClick: i,
+          onEventDrop: c
         }
       ),
-      l === "week" && /* @__PURE__ */ r.jsx(
-        Ae,
+      a === "week" && /* @__PURE__ */ r.jsx(
+        Ie,
         {
-          date: p,
-          events: e,
+          date: l,
+          events: t,
+          locale: d,
           onEventClick: m,
-          onDateClick: u
+          onDateClick: i
         }
       ),
-      l === "day" && /* @__PURE__ */ r.jsx(
-        Oe,
+      a === "day" && /* @__PURE__ */ r.jsx(
+        $e,
         {
-          date: p,
-          events: e,
-          onEventClick: m
+          date: l,
+          events: t,
+          onEventClick: m,
+          onDateClick: i
         }
       )
     ] })
   ] });
 }
-function ue(e) {
-  const n = new Date(e), o = n.getDay(), m = n.getDate() - o;
-  return n.setDate(m), n;
+function me(t) {
+  const n = new Date(t), s = n.getDay(), d = n.getDate() - s;
+  return n.setDate(d), n;
 }
-function Te(e) {
-  const n = e.getFullYear(), o = e.getMonth(), m = new Date(n, o, 1), u = new Date(n, o + 1, 0), s = m.getDay(), f = [];
-  for (let d = s - 1; d >= 0; d--) {
-    const l = new Date(m.getTime());
-    l.setDate(l.getDate() - (d + 1)), f.push(l);
+function Me(t) {
+  const n = t.getFullYear(), s = t.getMonth(), d = new Date(n, s, 1), m = new Date(n, s + 1, 0), i = d.getDay(), g = [];
+  for (let p = i - 1; p >= 0; p--) {
+    const c = new Date(d.getTime());
+    c.setDate(c.getDate() - (p + 1)), g.push(c);
   }
-  for (let d = 1; d <= u.getDate(); d++)
-    f.push(new Date(n, o, d));
-  const a = 42 - f.length;
-  for (let d = 1; d <= a; d++) {
-    const l = new Date(u.getTime());
-    l.setDate(l.getDate() + d), f.push(l);
+  for (let p = 1; p <= m.getDate(); p++)
+    g.push(new Date(n, s, p));
+  const u = 42 - g.length;
+  for (let p = 1; p <= u; p++) {
+    const c = new Date(m.getTime());
+    c.setDate(c.getDate() + p), g.push(c);
   }
-  return f;
+  return g;
 }
-function fe(e, n) {
-  return e.getFullYear() === n.getFullYear() && e.getMonth() === n.getMonth() && e.getDate() === n.getDate();
+function ge(t, n) {
+  return t.getFullYear() === n.getFullYear() && t.getMonth() === n.getMonth() && t.getDate() === n.getDate();
 }
-function te(e, n) {
-  return n.filter((o) => {
-    const m = new Date(o.start), u = o.end ? new Date(o.end) : new Date(m), s = new Date(e);
-    s.setHours(0, 0, 0, 0);
-    const f = new Date(e);
-    f.setHours(23, 59, 59, 999);
-    const a = new Date(m);
-    a.setHours(0, 0, 0, 0);
-    const d = new Date(u);
-    return d.setHours(23, 59, 59, 999), s <= d && f >= a;
+function oe(t, n) {
+  return n.filter((s) => {
+    const d = new Date(s.start), m = s.end ? new Date(s.end) : new Date(d), i = new Date(t);
+    i.setHours(0, 0, 0, 0);
+    const g = new Date(t);
+    g.setHours(23, 59, 59, 999);
+    const u = new Date(d);
+    u.setHours(0, 0, 0, 0);
+    const p = new Date(m);
+    return p.setHours(23, 59, 59, 999), i <= p && g >= u;
   });
 }
-function Re({ date: e, events: n, onEventClick: o, onDateClick: m }) {
-  const u = Te(e), s = /* @__PURE__ */ new Date(), f = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+function Le({ date: t, events: n, onEventClick: s, onDateClick: d, onEventDrop: m }) {
+  const i = Me(t), g = /* @__PURE__ */ new Date(), u = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], [p, c] = P.useState(null), [b, a] = P.useState(null), h = (x, N) => {
+    c(N.id), x.dataTransfer.effectAllowed = "move", x.dataTransfer.setData("text/plain", String(N.id));
+  }, l = () => {
+    c(null), a(null);
+  }, T = (x, N) => {
+    x.preventDefault(), x.dataTransfer.dropEffect = "move", a(N);
+  }, M = (x) => {
+    x.currentTarget.contains(x.relatedTarget) || a(null);
+  }, L = (x, N) => {
+    if (x.preventDefault(), a(null), c(null), !m) return;
+    const k = x.dataTransfer.getData("text/plain"), F = n.find((v) => String(v.id) === k);
+    if (!F) return;
+    const O = new Date(F.start), j = new Date(O);
+    j.setHours(0, 0, 0, 0);
+    const A = new Date(N);
+    A.setHours(0, 0, 0, 0);
+    const I = A.getTime() - j.getTime();
+    if (I === 0) return;
+    const o = new Date(O.getTime() + I);
+    let E;
+    F.end && (E = new Date(new Date(F.end).getTime() + I)), m(F, o, E);
+  };
   return /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ r.jsx("div", { className: "grid grid-cols-7 border-b", children: f.map((a) => /* @__PURE__ */ r.jsx(
+    /* @__PURE__ */ r.jsx("div", { role: "row", className: "grid grid-cols-7 border-b", children: u.map((x) => /* @__PURE__ */ r.jsx(
       "div",
       {
+        role: "columnheader",
         className: "p-2 text-center text-sm font-medium text-muted-foreground border-r last:border-r-0",
-        children: a
+        children: x
       },
-      a
+      x
     )) }),
-    /* @__PURE__ */ r.jsx("div", { className: "grid grid-cols-7 flex-1 auto-rows-fr", children: u.map((a, d) => {
-      const l = te(a, n), w = a.getMonth() === e.getMonth(), p = fe(a, s);
+    /* @__PURE__ */ r.jsx("div", { role: "grid", "aria-label": "Calendar grid", className: "grid grid-cols-7 flex-1 auto-rows-fr", children: i.map((x, N) => {
+      const k = oe(x, n), F = x.getMonth() === t.getMonth(), O = ge(x, g);
       return /* @__PURE__ */ r.jsxs(
         "div",
         {
-          className: F(
+          role: "gridcell",
+          "aria-label": `${x.toLocaleDateString("default", { weekday: "long", month: "long", day: "numeric", year: "numeric" })}${k.length > 0 ? `, ${k.length} event${k.length > 1 ? "s" : ""}` : ""}`,
+          className: V(
             "border-b border-r last:border-r-0 p-2 min-h-[100px] cursor-pointer hover:bg-accent/50",
-            !w && "bg-muted/30 text-muted-foreground"
+            !F && "bg-muted/30 text-muted-foreground",
+            b === N && "ring-2 ring-primary"
           ),
-          onClick: () => m?.(a),
+          onClick: () => d?.(x),
+          onDragOver: (j) => T(j, N),
+          onDragLeave: M,
+          onDrop: (j) => L(j, x),
           children: [
             /* @__PURE__ */ r.jsx(
               "div",
               {
-                className: F(
+                className: V(
                   "text-sm font-medium mb-1",
-                  p && "inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground h-6 w-6"
+                  O && "inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground h-6 w-6"
                 ),
-                children: a.getDate()
+                ...O ? { "aria-current": "date" } : {},
+                children: x.getDate()
               }
             ),
             /* @__PURE__ */ r.jsxs("div", { className: "space-y-1", children: [
-              l.slice(0, 3).map((b) => /* @__PURE__ */ r.jsx(
+              k.slice(0, 3).map((j) => /* @__PURE__ */ r.jsx(
                 "div",
                 {
-                  className: F(
+                  role: "button",
+                  "aria-label": j.title,
+                  draggable: !!m,
+                  onDragStart: (A) => h(A, j),
+                  onDragEnd: l,
+                  className: V(
                     "text-xs px-2 py-1 rounded truncate cursor-pointer hover:opacity-80",
-                    b.color || ee
+                    j.color || le,
+                    p === j.id && "opacity-50"
                   ),
-                  style: b.color && b.color.startsWith("#") ? { backgroundColor: b.color } : void 0,
-                  onClick: (N) => {
-                    N.stopPropagation(), o?.(b);
+                  style: j.color && j.color.startsWith("#") ? { backgroundColor: j.color } : void 0,
+                  onClick: (A) => {
+                    A.stopPropagation(), s?.(j);
                   },
-                  children: b.title
+                  children: j.title
                 },
-                b.id
+                j.id
               )),
-              l.length > 3 && /* @__PURE__ */ r.jsxs("div", { className: "text-xs text-muted-foreground px-2", children: [
+              k.length > 3 && /* @__PURE__ */ r.jsxs("div", { className: "text-xs text-muted-foreground px-2", children: [
                 "+",
-                l.length - 3,
+                k.length - 3,
                 " more"
               ] })
             ] })
           ]
         },
-        d
+        N
       );
     }) })
   ] });
 }
-function Ae({ date: e, events: n, onEventClick: o, onDateClick: m }) {
-  const u = ue(e), s = Array.from({ length: 7 }, (a, d) => {
-    const l = new Date(u);
-    return l.setDate(l.getDate() + d), l;
-  }), f = /* @__PURE__ */ new Date();
+function Ie({ date: t, events: n, locale: s = "default", onEventClick: d, onDateClick: m }) {
+  const i = P.useRef(null), g = (a) => {
+    m && (i.current = setTimeout(() => {
+      m(a);
+    }, 500));
+  }, u = () => {
+    i.current && (clearTimeout(i.current), i.current = null);
+  }, p = me(t), c = Array.from({ length: 7 }, (a, h) => {
+    const l = new Date(p);
+    return l.setDate(l.getDate() + h), l;
+  }), b = /* @__PURE__ */ new Date();
   return /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ r.jsx("div", { className: "grid grid-cols-7 border-b", children: s.map((a) => {
-      const d = fe(a, f);
+    /* @__PURE__ */ r.jsx("div", { className: "grid grid-cols-7 border-b", children: c.map((a) => {
+      const h = ge(a, b);
       return /* @__PURE__ */ r.jsxs(
         "div",
         {
           className: "p-3 text-center border-r last:border-r-0",
           children: [
-            /* @__PURE__ */ r.jsx("div", { className: "text-sm font-medium text-muted-foreground", children: a.toLocaleDateString("default", { weekday: "short" }) }),
+            /* @__PURE__ */ r.jsx("div", { className: "text-sm font-medium text-muted-foreground", children: a.toLocaleDateString(s, { weekday: "short" }) }),
             /* @__PURE__ */ r.jsx(
               "div",
               {
-                className: F(
+                className: V(
                   "text-lg font-semibold mt-1",
-                  d && "inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground h-8 w-8"
+                  h && "inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground h-8 w-8"
                 ),
                 children: a.getDate()
               }
@@ -543,26 +607,32 @@ function Ae({ date: e, events: n, onEventClick: o, onDateClick: m }) {
         a.toISOString()
       );
     }) }),
-    /* @__PURE__ */ r.jsx("div", { className: "grid grid-cols-7 flex-1", children: s.map((a) => {
-      const d = te(a, n);
+    /* @__PURE__ */ r.jsx("div", { role: "grid", className: "grid grid-cols-7 flex-1", children: c.map((a) => {
+      const h = oe(a, n);
       return /* @__PURE__ */ r.jsx(
         "div",
         {
+          role: "gridcell",
+          "aria-label": `${a.toLocaleDateString("default", { weekday: "long", month: "long", day: "numeric", year: "numeric" })}${h.length > 0 ? `, ${h.length} event${h.length > 1 ? "s" : ""}` : ""}`,
           className: "border-r last:border-r-0 p-2 min-h-[400px] cursor-pointer hover:bg-accent/50",
           onClick: () => m?.(a),
-          children: /* @__PURE__ */ r.jsx("div", { className: "space-y-2", children: d.map((l) => /* @__PURE__ */ r.jsxs(
+          onTouchStart: () => g(a),
+          onTouchEnd: u,
+          children: /* @__PURE__ */ r.jsx("div", { className: "space-y-2", children: h.map((l) => /* @__PURE__ */ r.jsxs(
             "div",
             {
-              className: F(
-                "text-sm px-3 py-2 rounded cursor-pointer hover:opacity-80",
-                l.color || ee
+              role: "button",
+              "aria-label": l.title,
+              className: V(
+                "text-xs sm:text-sm px-2 sm:px-3 py-1.5 sm:py-2 rounded cursor-pointer hover:opacity-80",
+                l.color || le
               ),
               style: l.color && l.color.startsWith("#") ? { backgroundColor: l.color } : void 0,
-              onClick: (w) => {
-                w.stopPropagation(), o?.(l);
+              onClick: (T) => {
+                T.stopPropagation(), d?.(l);
               },
               children: [
-                /* @__PURE__ */ r.jsx("div", { className: "font-medium", children: l.title }),
+                /* @__PURE__ */ r.jsx("div", { className: "font-medium truncate", children: l.title }),
                 !l.allDay && /* @__PURE__ */ r.jsx("div", { className: "text-xs opacity-90 mt-1", children: l.start.toLocaleTimeString("default", {
                   hour: "numeric",
                   minute: "2-digit"
@@ -577,210 +647,286 @@ function Ae({ date: e, events: n, onEventClick: o, onDateClick: m }) {
     }) })
   ] });
 }
-function Oe({ date: e, events: n, onEventClick: o }) {
-  const m = te(e, n), u = Array.from({ length: 24 }, (s, f) => f);
-  return /* @__PURE__ */ r.jsx("div", { className: "flex flex-col h-full", children: /* @__PURE__ */ r.jsx("div", { className: "flex-1 overflow-auto", children: u.map((s) => {
-    const f = m.filter((a) => a.allDay ? s === 0 : a.start.getHours() === s);
-    return /* @__PURE__ */ r.jsxs("div", { className: "flex border-b min-h-[60px]", children: [
-      /* @__PURE__ */ r.jsx("div", { className: "w-20 p-2 text-sm text-muted-foreground border-r", children: s === 0 ? "12 AM" : s < 12 ? `${s} AM` : s === 12 ? "12 PM" : `${s - 12} PM` }),
-      /* @__PURE__ */ r.jsx("div", { className: "flex-1 p-2 space-y-2", children: f.map((a) => /* @__PURE__ */ r.jsxs(
+function $e({ date: t, events: n, onEventClick: s, onDateClick: d }) {
+  const m = oe(t, n), i = Array.from({ length: 24 }, (c, b) => b), g = P.useRef(null), u = (c) => {
+    d && (g.current = setTimeout(() => {
+      const b = new Date(t);
+      b.setHours(c, 0, 0, 0), d(b);
+    }, 500));
+  }, p = () => {
+    g.current && (clearTimeout(g.current), g.current = null);
+  };
+  return /* @__PURE__ */ r.jsx("div", { className: "flex flex-col h-full", children: /* @__PURE__ */ r.jsx("div", { role: "list", className: "flex-1 overflow-auto", children: i.map((c) => {
+    const b = m.filter((a) => a.allDay ? c === 0 : a.start.getHours() === c);
+    return /* @__PURE__ */ r.jsxs("div", { role: "listitem", className: "flex border-b min-h-[60px]", children: [
+      /* @__PURE__ */ r.jsx("div", { className: "w-20 p-2 text-sm text-muted-foreground border-r", children: c === 0 ? "12 AM" : c < 12 ? `${c} AM` : c === 12 ? "12 PM" : `${c - 12} PM` }),
+      /* @__PURE__ */ r.jsx(
         "div",
         {
-          className: F(
-            "px-3 py-2 rounded cursor-pointer hover:opacity-80",
-            a.color || ee
-          ),
-          style: a.color && a.color.startsWith("#") ? { backgroundColor: a.color } : void 0,
-          onClick: () => o?.(a),
-          children: [
-            /* @__PURE__ */ r.jsx("div", { className: "font-medium", children: a.title }),
-            !a.allDay && /* @__PURE__ */ r.jsxs("div", { className: "text-xs opacity-90 mt-1", children: [
-              a.start.toLocaleTimeString("default", {
-                hour: "numeric",
-                minute: "2-digit"
-              }),
-              a.end && ` - ${a.end.toLocaleTimeString("default", {
-                hour: "numeric",
-                minute: "2-digit"
-              })}`
-            ] })
-          ]
-        },
-        a.id
-      )) })
-    ] }, s);
+          className: "flex-1 p-2 space-y-2",
+          onTouchStart: () => u(c),
+          onTouchEnd: p,
+          children: b.map((a) => /* @__PURE__ */ r.jsxs(
+            "div",
+            {
+              "aria-label": a.title,
+              className: V(
+                "px-2 sm:px-3 py-1.5 sm:py-2 rounded cursor-pointer hover:opacity-80",
+                a.color || le
+              ),
+              style: a.color && a.color.startsWith("#") ? { backgroundColor: a.color } : void 0,
+              onClick: () => s?.(a),
+              children: [
+                /* @__PURE__ */ r.jsx("div", { className: "font-medium truncate", children: a.title }),
+                !a.allDay && /* @__PURE__ */ r.jsxs("div", { className: "text-xs opacity-90 mt-1", children: [
+                  a.start.toLocaleTimeString("default", {
+                    hour: "numeric",
+                    minute: "2-digit"
+                  }),
+                  a.end && ` - ${a.end.toLocaleTimeString("default", {
+                    hour: "numeric",
+                    minute: "2-digit"
+                  })}`
+                ] })
+              ]
+            },
+            a.id
+          ))
+        }
+      )
+    ] }, c);
   }) }) });
 }
-function Pe(e) {
-  return "data" in e && e.data ? e.data : "staticData" in e && e.staticData ? {
+function Ye(t) {
+  const { onRefresh: n, threshold: s = 80, enabled: d = !0 } = t, m = se(null), [i, g] = $(!1), [u, p] = $(0), c = se(0), b = Q((l) => {
+    if (!d || i)
+      return;
+    const T = m.current;
+    T && T.scrollTop === 0 && (c.current = l.touches[0].clientY);
+  }, [d, i]), a = Q((l) => {
+    if (!d || i || !c.current)
+      return;
+    const M = l.touches[0].clientY - c.current;
+    M > 0 && p(Math.min(M, s * 1.5));
+  }, [d, i, s]), h = Q(async () => {
+    if (!(!d || i)) {
+      if (u >= s) {
+        g(!0);
+        try {
+          await n();
+        } finally {
+          g(!1);
+        }
+      }
+      p(0), c.current = 0;
+    }
+  }, [d, i, u, s, n]);
+  return ae(() => {
+    const l = m.current;
+    if (!(!l || !d))
+      return l.addEventListener("touchstart", b, { passive: !0 }), l.addEventListener("touchmove", a, { passive: !0 }), l.addEventListener("touchend", h, { passive: !0 }), () => {
+        l.removeEventListener("touchstart", b), l.removeEventListener("touchmove", a), l.removeEventListener("touchend", h);
+      };
+  }, [b, a, h, d]), { ref: m, isRefreshing: i, pullDistance: u };
+}
+const Ve = xe(null);
+Ve.displayName = "MobileContext";
+function We(t) {
+  return "data" in t && t.data ? t.data : "staticData" in t && t.staticData ? {
     provider: "value",
-    items: e.staticData
-  } : e.objectName ? {
+    items: t.staticData
+  } : t.objectName ? {
     provider: "object",
-    object: e.objectName
+    object: t.objectName
   } : null;
 }
-function Me(e) {
-  if (e) {
-    if (typeof e == "string") {
-      const n = e.split(" "), o = n[0], m = n[1]?.toLowerCase() === "desc" ? "desc" : "asc";
-      return { [o]: m };
+function He(t) {
+  if (t) {
+    if (typeof t == "string") {
+      const n = t.split(" "), s = n[0], d = n[1]?.toLowerCase() === "desc" ? "desc" : "asc";
+      return { [s]: d };
     }
-    if (Array.isArray(e))
-      return e.reduce((n, o) => (o.field && o.order && (n[o.field] = o.order), n), {});
+    if (Array.isArray(t))
+      return t.reduce((n, s) => (s.field && s.order && (n[s.field] = s.order), n), {});
   }
 }
-function Ie(e) {
-  return "filter" in e && e.filter && typeof e.filter == "object" && "calendar" in e.filter ? e.filter.calendar : e.calendar ? e.calendar : e.startDateField || e.dateField ? {
-    startDateField: e.startDateField || e.dateField,
-    endDateField: e.endDateField || e.endField,
-    titleField: e.titleField || "name",
-    colorField: e.colorField,
-    allDayField: e.allDayField
+function Ue(t) {
+  return "filter" in t && t.filter && typeof t.filter == "object" && "calendar" in t.filter ? t.filter.calendar : t.calendar ? t.calendar : t.startDateField || t.dateField ? {
+    startDateField: t.startDateField || t.dateField,
+    endDateField: t.endDateField || t.endField,
+    titleField: t.titleField || "name",
+    colorField: t.colorField,
+    allDayField: t.allDayField
   } : null;
 }
-const Ve = ({
-  schema: e,
+const qe = ({
+  schema: t,
   dataSource: n,
-  className: o,
-  onEventClick: m,
-  onDateClick: u,
-  onNavigate: s,
-  onViewChange: f,
-  ...a
+  className: s,
+  onEventClick: d,
+  onRowClick: m,
+  onDateClick: i,
+  onNavigate: g,
+  onViewChange: u,
+  ...p
 }) => {
-  const [d, l] = O([]), [w, p] = O(!0), [b, N] = O(null), [P, M] = O(null), [_, I] = O(/* @__PURE__ */ new Date()), [$, c] = O("month"), h = Z(() => Pe(e), [
-    e.data,
-    e.staticData,
-    e.objectName
-  ]), k = Z(() => Ie(e), [
-    e.filter,
-    e.calendar,
-    e.dateField,
-    e.endField,
-    e.titleField,
-    e.colorField
-  ]), C = h?.provider === "value";
-  ne(() => {
-    let g = !0;
+  const [c, b] = $([]), [a, h] = $(!0), [l, T] = $(null), [M, L] = $(null), [x, N] = $(/* @__PURE__ */ new Date()), [k, F] = $("month"), [O, j] = $(0), A = Q(async () => {
+    j((D) => D + 1);
+  }, []), { ref: I, isRefreshing: o, pullDistance: E } = Ye({
+    onRefresh: A,
+    enabled: !!n && !!t.objectName
+  }), v = te(() => We(t), [
+    t.data,
+    t.staticData,
+    t.objectName
+  ]), Y = te(() => Ue(t), [
+    t.filter,
+    t.calendar,
+    t.dateField,
+    t.endField,
+    t.titleField,
+    t.colorField
+  ]), W = v?.provider === "value";
+  ae(() => {
+    let D = !0;
     return (async () => {
       try {
-        if (!g) return;
-        if (p(!0), C && h?.provider === "value") {
-          g && (l(h.items), p(!1));
+        if (!D) return;
+        if (h(!0), W && v?.provider === "value") {
+          D && (b(v.items), h(!1));
           return;
         }
-        if (e.data || a.data) {
-          const E = e.data || a.data;
-          if (Array.isArray(E)) {
-            l(E), p(!1);
+        if (t.data || p.data) {
+          const R = t.data || p.data;
+          if (Array.isArray(R)) {
+            b(R), h(!1);
             return;
           }
         }
         if (!n)
           throw new Error("DataSource required for object/api providers");
-        if (h?.provider === "object") {
-          const E = h.object, j = await n.find(E, {
-            $filter: e.filter,
-            $orderby: Me(e.sort)
+        if (v?.provider === "object") {
+          const R = v.object, _ = await n.find(R, {
+            $filter: t.filter,
+            $orderby: He(t.sort)
           });
-          let v = [];
-          Array.isArray(j) ? v = j : j && typeof j == "object" && (Array.isArray(j.data) ? v = j.data : Array.isArray(j.value) && (v = j.value)), g && l(v);
-        } else h?.provider === "api" && (console.warn("API provider not yet implemented for ObjectCalendar"), g && l([]));
-        g && p(!1);
-      } catch (E) {
-        console.error("[ObjectCalendar] Error fetching data:", E), g && (N(E), p(!1));
+          let e = [];
+          Array.isArray(_) ? e = _ : _ && typeof _ == "object" && (Array.isArray(_.data) ? e = _.data : Array.isArray(_.value) && (e = _.value)), D && b(e);
+        } else v?.provider === "api" && (console.warn("API provider not yet implemented for ObjectCalendar"), D && b([]));
+        D && h(!1);
+      } catch (R) {
+        console.error("[ObjectCalendar] Error fetching data:", R), D && (T(R), h(!1));
       }
     })(), () => {
-      g = !1;
+      D = !1;
     };
-  }, [h, n, C, e.filter, e.sort]), ne(() => {
-    !C && n && (async () => {
+  }, [v, n, W, t.filter, t.sort, O]), ae(() => {
+    !W && n && (async () => {
       try {
         if (!n) return;
-        const S = h?.provider === "object" ? h.object : e.objectName;
-        if (!S) return;
-        const E = await n.getObjectSchema(S);
-        M(E);
-      } catch (S) {
-        console.error("Failed to fetch object schema:", S);
+        const C = v?.provider === "object" ? v.object : t.objectName;
+        if (!C) return;
+        const R = await n.getObjectSchema(C);
+        L(R);
+      } catch (C) {
+        console.error("Failed to fetch object schema:", C);
       }
     })();
-  }, [e.objectName, n, C, h]);
-  const J = Z(() => {
-    if (!k || !d.length)
+  }, [t.objectName, n, W, v]);
+  const K = te(() => {
+    if (!Y || !c.length)
       return [];
-    const { startDateField: g, endDateField: S, titleField: E, colorField: j } = k;
-    return d.map((v, X) => {
-      const T = v[g], R = S ? v[S] : null, W = v[E] || "Untitled", U = j ? v[j] : void 0;
+    const { startDateField: D, endDateField: C, titleField: R, colorField: _ } = Y;
+    return c.map((e, f) => {
+      const y = e[D], w = C ? e[C] : null, U = e[R] || "Untitled", J = _ ? e[_] : void 0;
       return {
-        id: v.id || v._id || `event-${X}`,
-        title: W,
-        start: T ? new Date(T) : /* @__PURE__ */ new Date(),
-        end: R ? new Date(R) : void 0,
-        color: U,
-        allDay: !R,
+        id: e.id || e._id || `event-${f}`,
+        title: U,
+        start: y ? new Date(y) : /* @__PURE__ */ new Date(),
+        end: w ? new Date(w) : void 0,
+        color: J,
+        allDay: !w,
         // If no end date, treat as all-day event
-        data: v
+        data: e
       };
-    }).filter((v) => !isNaN(v.start.getTime()));
-  }, [d, k]), G = pe(() => {
-    u?.(/* @__PURE__ */ new Date());
-  }, [u]);
-  return w ? /* @__PURE__ */ r.jsx("div", { className: o, children: /* @__PURE__ */ r.jsx("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ r.jsx("div", { className: "text-muted-foreground", children: "Loading calendar..." }) }) }) : b ? /* @__PURE__ */ r.jsx("div", { className: o, children: /* @__PURE__ */ r.jsx("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ r.jsxs("div", { className: "text-destructive", children: [
+    }).filter((e) => !isNaN(e.start.getTime()));
+  }, [c, Y]), z = Q(() => {
+    i?.(/* @__PURE__ */ new Date());
+  }, [i]), H = De({
+    navigation: t.navigation,
+    objectName: t.objectName,
+    onRowClick: m
+  });
+  return a ? /* @__PURE__ */ r.jsx("div", { className: s, children: /* @__PURE__ */ r.jsx("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ r.jsx("div", { className: "text-muted-foreground", children: "Loading calendar..." }) }) }) : l ? /* @__PURE__ */ r.jsx("div", { className: s, children: /* @__PURE__ */ r.jsx("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ r.jsxs("div", { className: "text-destructive", children: [
     "Error: ",
-    b.message
-  ] }) }) }) : k ? /* @__PURE__ */ r.jsx("div", { className: o, children: /* @__PURE__ */ r.jsx("div", { className: "border rounded-lg bg-background h-[calc(100vh-200px)] min-h-[600px]", children: /* @__PURE__ */ r.jsx(
-    de,
-    {
-      events: J,
-      currentDate: _,
-      view: e.defaultView || "month",
-      onEventClick: (g) => m?.(g.data),
-      onDateClick: u,
-      onNavigate: (g) => {
-        I(g), s?.(g);
-      },
-      onViewChange: (g) => {
-        c(g), f?.(g);
-      },
-      onAddClick: G
-    }
-  ) }) }) : /* @__PURE__ */ r.jsx("div", { className: o, children: /* @__PURE__ */ r.jsx("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ r.jsx("div", { className: "text-muted-foreground", children: "Calendar configuration required. Please specify startDateField and titleField." }) }) });
+    l.message
+  ] }) }) }) : Y ? /* @__PURE__ */ r.jsxs("div", { ref: I, className: s, children: [
+    E > 0 && /* @__PURE__ */ r.jsx(
+      "div",
+      {
+        className: "flex items-center justify-center text-xs text-muted-foreground",
+        style: { height: E },
+        children: o ? "Refreshing…" : "Pull to refresh"
+      }
+    ),
+    /* @__PURE__ */ r.jsx("div", { className: "border rounded-lg bg-background h-[calc(100vh-120px)] sm:h-[calc(100vh-160px)] md:h-[calc(100vh-200px)] min-h-[400px] sm:min-h-[600px]", children: /* @__PURE__ */ r.jsx(
+      fe,
+      {
+        events: K,
+        currentDate: x,
+        view: t.defaultView || "month",
+        onEventClick: (D) => {
+          H.handleClick(D.data), d?.(D.data);
+        },
+        onDateClick: i,
+        onNavigate: (D) => {
+          N(D), g?.(D);
+        },
+        onViewChange: (D) => {
+          F(D), u?.(D);
+        },
+        onAddClick: z
+      }
+    ) }),
+    H.isOverlay && /* @__PURE__ */ r.jsx(ke, { ...H, title: "Event Details", children: (D) => /* @__PURE__ */ r.jsx("div", { className: "space-y-3", children: Object.entries(D).map(([C, R]) => /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ r.jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: C.replace(/_/g, " ") }),
+      /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: String(R ?? "—") })
+    ] }, C)) }) })
+  ] }) : /* @__PURE__ */ r.jsx("div", { className: s, children: /* @__PURE__ */ r.jsx("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ r.jsx("div", { className: "text-muted-foreground", children: "Calendar configuration required. Please specify startDateField and titleField." }) }) });
 };
-ce.register(
+ne.register(
   "calendar-view",
-  ({ schema: e, className: n, onAction: o, ...m }) => {
-    const u = se.useMemo(() => !e.data || !Array.isArray(e.data) ? [] : e.data.map((a, d) => {
-      const l = e.titleField || "title", w = e.startDateField || "start", p = e.endDateField || "end", b = e.colorField || "color", N = e.allDayField || "allDay";
+  ({ schema: t, className: n, onAction: s, ...d }) => {
+    const m = ue.useMemo(() => !t.data || !Array.isArray(t.data) ? [] : t.data.map((u, p) => {
+      const c = t.titleField || "title", b = t.startDateField || "start", a = t.endDateField || "end", h = t.colorField || "color", l = t.allDayField || "allDay";
       return {
-        id: a._id || a.id || d,
-        title: a[l] || "Untitled Event",
-        start: new Date(a[w]),
-        end: a[p] ? new Date(a[p]) : void 0,
-        allDay: a[N],
-        color: a[b],
-        data: a
+        id: u._id || u.id || p,
+        title: u[c] || "Untitled Event",
+        start: new Date(u[b]),
+        end: u[a] ? new Date(u[a]) : void 0,
+        allDay: u[l],
+        color: u[h],
+        data: u
       };
-    }), [e.data, e.titleField, e.startDateField, e.endDateField, e.colorField, e.allDayField]), s = (a) => {
-      e.onEventClick && o?.({
+    }), [t.data, t.titleField, t.startDateField, t.endDateField, t.colorField, t.allDayField]), i = (u) => {
+      t.onEventClick && s?.({
         type: "event-click",
-        payload: a
+        payload: u
       });
-    }, f = () => {
-      o?.({
+    }, g = () => {
+      s?.({
         type: "create",
         payload: {}
       });
     };
     return /* @__PURE__ */ r.jsx(
-      de,
+      fe,
       {
         className: n,
-        events: u,
-        onEventClick: s,
-        onAddClick: f,
-        ...m
+        events: m,
+        onEventClick: i,
+        onAddClick: g,
+        ...d
       }
     );
   },
@@ -895,21 +1041,30 @@ ce.register(
     }
   }
 );
-const Le = ({ schema: e }) => {
-  const { dataSource: n } = ge();
-  return /* @__PURE__ */ r.jsx(Ve, { schema: e, dataSource: n });
+const pe = ({ schema: t }) => {
+  const { dataSource: n } = be();
+  return /* @__PURE__ */ r.jsx(qe, { schema: t, dataSource: n });
 };
-ce.register("object-calendar", Le, {
+ne.register("object-calendar", pe, {
   namespace: "plugin-calendar",
   label: "Object Calendar",
-  category: "plugin",
+  category: "view",
+  inputs: [
+    { name: "objectName", type: "string", label: "Object Name", required: !0 },
+    { name: "calendar", type: "object", label: "Calendar Config", description: "startDateField, endDateField, titleField, colorField" }
+  ]
+});
+ne.register("calendar", pe, {
+  namespace: "view",
+  label: "Calendar View",
+  category: "view",
   inputs: [
     { name: "objectName", type: "string", label: "Object Name", required: !0 },
     { name: "calendar", type: "object", label: "Calendar Config", description: "startDateField, endDateField, titleField, colorField" }
   ]
 });
 export {
-  de as CalendarView,
-  Ve as ObjectCalendar,
-  Le as ObjectCalendarRenderer
+  fe as CalendarView,
+  qe as ObjectCalendar,
+  pe as ObjectCalendarRenderer
 };