@qwanyx/stack 0.1.0

package/dist/index.esm.js

@@ -0,0 +1,1599 @@
+var br = Object.defineProperty;
+var wr = (u, r, n) => r in u ? br(u, r, { enumerable: !0, configurable: !0, writable: !0, value: n }) : u[r] = n;
+var ge = (u, r, n) => wr(u, typeof r != "symbol" ? r + "" : r, n);
+import qe, { useState as L, useCallback as X, useEffect as oe, useMemo as _r, useRef as Be } from "react";
+class Or {
+  constructor(r) {
+    ge(this, "config");
+    if (!r.system_id)
+      throw new Error("GraphClient: system_id is REQUIRED. No system_id → No start.");
+    this.config = r;
+  }
+  /**
+   * Call the Graph coprocessor
+   */
+  async callGraph(r, n = {}) {
+    const a = {
+      coprocessor: "graph",
+      method: r,
+      system_id: this.config.system_id,
+      params: n
+    };
+    try {
+      const i = await fetch(`${this.config.baseUrl}/spu/invoke`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: `Bearer ${this.getToken()}`
+        },
+        body: JSON.stringify(a)
+      });
+      if (!i.ok) {
+        const c = await i.text();
+        throw new Error(`API error (${i.status}): ${c}`);
+      }
+      const l = await i.json();
+      if (!l.success && l.error)
+        throw new Error(l.error);
+      return l;
+    } catch (i) {
+      throw console.error("Graph API call failed:", i), i;
+    }
+  }
+  /**
+   * Get auth token from localStorage (browser) or return empty string
+   */
+  getToken() {
+    return typeof window < "u" && window.localStorage && localStorage.getItem("qwanyx_token") || "";
+  }
+  // ===== NODE OPERATIONS =====
+  /**
+   * Get children nodes
+   */
+  async getChildren(r) {
+    return (await this.callGraph("get_children", {
+      parent_id: r
+    })).result || [];
+  }
+  /**
+   * Get a specific node by ID
+   */
+  async getNode(r) {
+    return (await this.callGraph("get_node", {
+      node_id: r
+    })).result || null;
+  }
+  /**
+   * Add a new node
+   */
+  async addNode(r) {
+    const n = {
+      ...r,
+      created: r.created || (/* @__PURE__ */ new Date()).toISOString(),
+      modified: (/* @__PURE__ */ new Date()).toISOString()
+    }, a = await this.callGraph("add_node", n);
+    if (!a.result)
+      throw new Error("Failed to add node");
+    return a.result;
+  }
+  /**
+   * Update an existing node
+   */
+  async updateNode(r, n) {
+    const a = {
+      node_id: r,
+      updates: {
+        ...n,
+        modified: (/* @__PURE__ */ new Date()).toISOString()
+      }
+    }, i = await this.callGraph("update_node", a);
+    if (!i.result)
+      throw new Error("Failed to update node");
+    return i.result;
+  }
+  /**
+   * Delete a node
+   */
+  async deleteNode(r, n = !1) {
+    return (await this.callGraph("delete_node", {
+      node_id: r,
+      cascade: n
+    })).success === !0;
+  }
+  // ===== EDGE OPERATIONS =====
+  /**
+   * Get children with edges (supports different display modes)
+   */
+  async getChildrenWithEdges(r, n = "children", a, i) {
+    return (await this.callGraph("get_children_with_edges", {
+      node_id: r,
+      display_mode: n,
+      edge_type: a,
+      node_type: i
+    })).result || [];
+  }
+  /**
+   * Add an edge between two nodes
+   */
+  async addEdge(r, n, a = "link", i) {
+    return await this.callGraph("add_edge", {
+      source_id: r,
+      target_id: n,
+      edge_type: a,
+      data: i
+    });
+  }
+  /**
+   * Delete an edge
+   */
+  async deleteEdge(r, n, a) {
+    return await this.callGraph("delete_edge", {
+      source_id: r,
+      target_id: n,
+      edge_type: a
+    });
+  }
+  /**
+   * Get edges from a source node
+   */
+  async getEdges(r, n) {
+    return (await this.callGraph("get_edges", {
+      source_id: r,
+      edge_type: n
+    })).result || [];
+  }
+  // ===== HIERARCHY OPERATIONS =====
+  /**
+   * Get ancestors of a node (path from root to node)
+   */
+  async getAncestors(r) {
+    return (await this.callGraph("get_ancestors", {
+      node_id: r
+    })).ancestors || [];
+  }
+  /**
+   * Get tree structure starting from a root
+   */
+  async getTree(r, n = 10) {
+    return (await this.callGraph("get_tree", {
+      root_id: r,
+      max_depth: n
+    })).tree || [];
+  }
+  /**
+   * Move a node to a new parent
+   */
+  async moveNode(r, n) {
+    const a = await this.callGraph("move", {
+      node_id: r,
+      new_parent_id: n
+    });
+    if (!a.node)
+      throw new Error("Failed to move node");
+    return a.node;
+  }
+  // ===== SEARCH =====
+  /**
+   * Search nodes by query
+   */
+  async searchNodes(r, n) {
+    return (await this.callGraph("search", {
+      query: r,
+      type: n
+    })).nodes || [];
+  }
+}
+const ve = "qwanyx_auth_token", ye = "qwanyx_refresh_token";
+class Er {
+  /**
+   * Store authentication token
+   */
+  static setToken(r) {
+    typeof window < "u" && localStorage.setItem(ve, r);
+  }
+  /**
+   * Get authentication token
+   */
+  static getToken() {
+    return typeof window < "u" ? localStorage.getItem(ve) : null;
+  }
+  /**
+   * Remove authentication token
+   */
+  static clearToken() {
+    typeof window < "u" && (localStorage.removeItem(ve), localStorage.removeItem(ye));
+  }
+  /**
+   * Store refresh token
+   */
+  static setRefreshToken(r) {
+    typeof window < "u" && localStorage.setItem(ye, r);
+  }
+  /**
+   * Get refresh token
+   */
+  static getRefreshToken() {
+    return typeof window < "u" ? localStorage.getItem(ye) : null;
+  }
+  /**
+   * Check if user is authenticated
+   */
+  static isAuthenticated() {
+    return !!this.getToken();
+  }
+  /**
+   * Get authorization header
+   */
+  static getAuthHeader() {
+    const r = this.getToken();
+    return r ? { Authorization: `Bearer ${r}` } : {};
+  }
+}
+class jr {
+  constructor(r) {
+    ge(this, "config");
+    this.config = {
+      timeout: 3e4,
+      headers: {
+        "Content-Type": "application/json"
+      },
+      ...r
+    };
+  }
+  /**
+   * Build query string from params
+   */
+  buildQueryString(r) {
+    if (!r || Object.keys(r).length === 0)
+      return "";
+    const n = new URLSearchParams();
+    Object.entries(r).forEach(([i, l]) => {
+      l != null && n.append(i, String(l));
+    });
+    const a = n.toString();
+    return a ? `?${a}` : "";
+  }
+  /**
+   * Make HTTP request
+   */
+  async request(r, n = {}) {
+    const {
+      method: a = "GET",
+      headers: i = {},
+      body: l,
+      params: c
+    } = n, p = `${this.config.baseUrl}/${r}${this.buildQueryString(c)}`, d = {
+      ...this.config.headers,
+      ...Er.getAuthHeader(),
+      ...i
+    }, _ = {
+      method: a,
+      headers: d
+    };
+    l && a !== "GET" && (_.body = JSON.stringify(l));
+    try {
+      const v = new AbortController(), C = setTimeout(() => v.abort(), this.config.timeout), E = await fetch(p, {
+        ..._,
+        signal: v.signal
+      });
+      if (clearTimeout(C), !E.ok) {
+        const N = await E.json().catch(() => ({
+          message: E.statusText
+        }));
+        throw new Error(N.message || `HTTP ${E.status}`);
+      }
+      return await E.json();
+    } catch (v) {
+      throw v instanceof Error ? v : new Error("An unexpected error occurred");
+    }
+  }
+  /**
+   * GET request
+   */
+  async get(r, n) {
+    return this.request(r, { method: "GET", params: n });
+  }
+  /**
+   * POST request
+   */
+  async post(r, n, a) {
+    return this.request(r, { method: "POST", body: n, params: a });
+  }
+  /**
+   * PUT request
+   */
+  async put(r, n, a) {
+    return this.request(r, { method: "PUT", body: n, params: a });
+  }
+  /**
+   * PATCH request
+   */
+  async patch(r, n, a) {
+    return this.request(r, { method: "PATCH", body: n, params: a });
+  }
+  /**
+   * DELETE request
+   */
+  async delete(r, n) {
+    return this.request(r, { method: "DELETE", params: n });
+  }
+  /**
+   * Update base URL
+   */
+  setBaseUrl(r) {
+    this.config.baseUrl = r;
+  }
+  /**
+   * Get current base URL
+   */
+  getBaseUrl() {
+    return this.config.baseUrl;
+  }
+}
+let se = null;
+function Pr(u) {
+  return se = new jr(u), se;
+}
+function Ve() {
+  if (!se)
+    throw new Error("API client not initialized. Call initializeApiClient() first.");
+  return se;
+}
+function Rr(u, r, n = {}) {
+  const {
+    enabled: a = !0,
+    refetchOnMount: i = !0,
+    onSuccess: l,
+    onError: c
+  } = n, [p, d] = L(null), [_, v] = L(a), [C, E] = L(null), N = X(async () => {
+    if (a) {
+      v(!0), E(null);
+      try {
+        const j = await Ve().get(u, r);
+        d(j), l == null || l(j);
+      } catch (T) {
+        const j = T instanceof Error ? T : new Error("Unknown error");
+        E(j), c == null || c(j);
+      } finally {
+        v(!1);
+      }
+    }
+  }, [u, JSON.stringify(r), a, l, c]);
+  return oe(() => {
+    i && N();
+  }, [N, i]), {
+    data: p,
+    loading: _,
+    error: C,
+    refetch: N
+  };
+}
+function Ar(u, r = "POST", n = {}) {
+  const { onSuccess: a, onError: i } = n, [l, c] = L(null), [p, d] = L(!1), [_, v] = L(null), C = X(
+    async (N) => {
+      d(!0), v(null);
+      try {
+        const T = Ve();
+        let j;
+        switch (r) {
+          case "POST":
+            j = await T.post(u, N);
+            break;
+          case "PUT":
+            j = await T.put(u, N);
+            break;
+          case "PATCH":
+            j = await T.patch(u, N);
+            break;
+          case "DELETE":
+            j = await T.delete(u);
+            break;
+          default:
+            throw new Error(`Unsupported method: ${r}`);
+        }
+        return c(j), a == null || a(j, N), j;
+      } catch (T) {
+        const j = T instanceof Error ? T : new Error("Unknown error");
+        return v(j), i == null || i(j, N), null;
+      } finally {
+        d(!1);
+      }
+    },
+    [u, r, a, i]
+  ), E = X(() => {
+    c(null), v(null), d(!1);
+  }, []);
+  return {
+    data: l,
+    loading: p,
+    error: _,
+    mutate: C,
+    reset: E
+  };
+}
+var me = { exports: {} }, Z = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ge;
+function Sr() {
+  if (Ge) return Z;
+  Ge = 1;
+  var u = qe, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function c(p, d, _) {
+    var v, C = {}, E = null, N = null;
+    _ !== void 0 && (E = "" + _), d.key !== void 0 && (E = "" + d.key), d.ref !== void 0 && (N = d.ref);
+    for (v in d) a.call(d, v) && !l.hasOwnProperty(v) && (C[v] = d[v]);
+    if (p && p.defaultProps) for (v in d = p.defaultProps, d) C[v] === void 0 && (C[v] = d[v]);
+    return { $$typeof: r, type: p, key: E, ref: N, props: C, _owner: i.current };
+  }
+  return Z.Fragment = n, Z.jsx = c, Z.jsxs = c, Z;
+}
+var ee = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ye;
+function Tr() {
+  return Ye || (Ye = 1, process.env.NODE_ENV !== "production" && function() {
+    var u = qe, r = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), p = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), N = Symbol.for("react.offscreen"), T = Symbol.iterator, j = "@@iterator";
+    function Y(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var t = T && e[T] || e[j];
+      return typeof t == "function" ? t : null;
+    }
+    var $ = u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function P(e) {
+      {
+        for (var t = arguments.length, o = new Array(t > 1 ? t - 1 : 0), f = 1; f < t; f++)
+          o[f - 1] = arguments[f];
+        B("error", e, o);
+      }
+    }
+    function B(e, t, o) {
+      {
+        var f = $.ReactDebugCurrentFrame, w = f.getStackAddendum();
+        w !== "" && (t += "%s", o = o.concat([w]));
+        var S = o.map(function(x) {
+          return String(x);
+        });
+        S.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, S);
+      }
+    }
+    var q = !1, V = !1, h = !1, R = !1, D = !1, y;
+    y = Symbol.for("react.module.reference");
+    function k(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === a || e === l || D || e === i || e === _ || e === v || R || e === N || q || V || h || typeof e == "object" && e !== null && (e.$$typeof === E || e.$$typeof === C || e.$$typeof === c || e.$$typeof === p || e.$$typeof === d || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      e.$$typeof === y || e.getModuleId !== void 0));
+    }
+    function b(e, t, o) {
+      var f = e.displayName;
+      if (f)
+        return f;
+      var w = t.displayName || t.name || "";
+      return w !== "" ? o + "(" + w + ")" : o;
+    }
+    function z(e) {
+      return e.displayName || "Context";
+    }
+    function M(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && P("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case a:
+          return "Fragment";
+        case n:
+          return "Portal";
+        case l:
+          return "Profiler";
+        case i:
+          return "StrictMode";
+        case _:
+          return "Suspense";
+        case v:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case p:
+            var t = e;
+            return z(t) + ".Consumer";
+          case c:
+            var o = e;
+            return z(o._context) + ".Provider";
+          case d:
+            return b(e, e.render, "ForwardRef");
+          case C:
+            var f = e.displayName || null;
+            return f !== null ? f : M(e.type) || "Memo";
+          case E: {
+            var w = e, S = w._payload, x = w._init;
+            try {
+              return M(x(S));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var m = Object.assign, U = 0, G, be, we, _e, Ee, je, Re;
+    function Se() {
+    }
+    Se.__reactDisabledLog = !0;
+    function ze() {
+      {
+        if (U === 0) {
+          G = console.log, be = console.info, we = console.warn, _e = console.error, Ee = console.group, je = console.groupCollapsed, Re = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: Se,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        U++;
+      }
+    }
+    function Je() {
+      {
+        if (U--, U === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: m({}, e, {
+              value: G
+            }),
+            info: m({}, e, {
+              value: be
+            }),
+            warn: m({}, e, {
+              value: we
+            }),
+            error: m({}, e, {
+              value: _e
+            }),
+            group: m({}, e, {
+              value: Ee
+            }),
+            groupCollapsed: m({}, e, {
+              value: je
+            }),
+            groupEnd: m({}, e, {
+              value: Re
+            })
+          });
+        }
+        U < 0 && P("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var ie = $.ReactCurrentDispatcher, le;
+    function re(e, t, o) {
+      {
+        if (le === void 0)
+          try {
+            throw Error();
+          } catch (w) {
+            var f = w.stack.trim().match(/\n( *(at )?)/);
+            le = f && f[1] || "";
+          }
+        return `
+` + le + e;
+      }
+    }
+    var ce = !1, te;
+    {
+      var Ke = typeof WeakMap == "function" ? WeakMap : Map;
+      te = new Ke();
+    }
+    function Te(e, t) {
+      if (!e || ce)
+        return "";
+      {
+        var o = te.get(e);
+        if (o !== void 0)
+          return o;
+      }
+      var f;
+      ce = !0;
+      var w = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var S;
+      S = ie.current, ie.current = null, ze();
+      try {
+        if (t) {
+          var x = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(x.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(x, []);
+            } catch (I) {
+              f = I;
+            }
+            Reflect.construct(e, [], x);
+          } else {
+            try {
+              x.call();
+            } catch (I) {
+              f = I;
+            }
+            e.call(x.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (I) {
+            f = I;
+          }
+          e();
+        }
+      } catch (I) {
+        if (I && f && typeof I.stack == "string") {
+          for (var g = I.stack.split(`
+`), F = f.stack.split(`
+`), O = g.length - 1, A = F.length - 1; O >= 1 && A >= 0 && g[O] !== F[A]; )
+            A--;
+          for (; O >= 1 && A >= 0; O--, A--)
+            if (g[O] !== F[A]) {
+              if (O !== 1 || A !== 1)
+                do
+                  if (O--, A--, A < 0 || g[O] !== F[A]) {
+                    var W = `
+` + g[O].replace(" at new ", " at ");
+                    return e.displayName && W.includes("<anonymous>") && (W = W.replace("<anonymous>", e.displayName)), typeof e == "function" && te.set(e, W), W;
+                  }
+                while (O >= 1 && A >= 0);
+              break;
+            }
+        }
+      } finally {
+        ce = !1, ie.current = S, Je(), Error.prepareStackTrace = w;
+      }
+      var H = e ? e.displayName || e.name : "", J = H ? re(H) : "";
+      return typeof e == "function" && te.set(e, J), J;
+    }
+    function He(e, t, o) {
+      return Te(e, !1);
+    }
+    function Xe(e) {
+      var t = e.prototype;
+      return !!(t && t.isReactComponent);
+    }
+    function ne(e, t, o) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return Te(e, Xe(e));
+      if (typeof e == "string")
+        return re(e);
+      switch (e) {
+        case _:
+          return re("Suspense");
+        case v:
+          return re("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case d:
+            return He(e.render);
+          case C:
+            return ne(e.type, t, o);
+          case E: {
+            var f = e, w = f._payload, S = f._init;
+            try {
+              return ne(S(w), t, o);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var Q = Object.prototype.hasOwnProperty, ke = {}, Ce = $.ReactDebugCurrentFrame;
+    function ae(e) {
+      if (e) {
+        var t = e._owner, o = ne(e.type, e._source, t ? t.type : null);
+        Ce.setExtraStackFrame(o);
+      } else
+        Ce.setExtraStackFrame(null);
+    }
+    function Qe(e, t, o, f, w) {
+      {
+        var S = Function.call.bind(Q);
+        for (var x in e)
+          if (S(e, x)) {
+            var g = void 0;
+            try {
+              if (typeof e[x] != "function") {
+                var F = Error((f || "React class") + ": " + o + " type `" + x + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[x] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw F.name = "Invariant Violation", F;
+              }
+              g = e[x](t, x, f, o, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (O) {
+              g = O;
+            }
+            g && !(g instanceof Error) && (ae(w), P("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", f || "React class", o, x, typeof g), ae(null)), g instanceof Error && !(g.message in ke) && (ke[g.message] = !0, ae(w), P("Failed %s type: %s", o, g.message), ae(null));
+          }
+      }
+    }
+    var Ze = Array.isArray;
+    function ue(e) {
+      return Ze(e);
+    }
+    function er(e) {
+      {
+        var t = typeof Symbol == "function" && Symbol.toStringTag, o = t && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return o;
+      }
+    }
+    function rr(e) {
+      try {
+        return Ne(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function Ne(e) {
+      return "" + e;
+    }
+    function Oe(e) {
+      if (rr(e))
+        return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", er(e)), Ne(e);
+    }
+    var Pe = $.ReactCurrentOwner, tr = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, Ae, De;
+    function nr(e) {
+      if (Q.call(e, "ref")) {
+        var t = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (t && t.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function ar(e) {
+      if (Q.call(e, "key")) {
+        var t = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (t && t.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function or(e, t) {
+      typeof e.ref == "string" && Pe.current;
+    }
+    function sr(e, t) {
+      {
+        var o = function() {
+          Ae || (Ae = !0, P("%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://reactjs.org/link/special-props)", t));
+        };
+        o.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: o,
+          configurable: !0
+        });
+      }
+    }
+    function ir(e, t) {
+      {
+        var o = function() {
+          De || (De = !0, P("%s: `ref` 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://reactjs.org/link/special-props)", t));
+        };
+        o.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: o,
+          configurable: !0
+        });
+      }
+    }
+    var lr = function(e, t, o, f, w, S, x) {
+      var g = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: r,
+        // Built-in properties that belong on the element
+        type: e,
+        key: t,
+        ref: o,
+        props: x,
+        // Record the component responsible for creating this element.
+        _owner: S
+      };
+      return g._store = {}, Object.defineProperty(g._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(g, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: f
+      }), Object.defineProperty(g, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: w
+      }), Object.freeze && (Object.freeze(g.props), Object.freeze(g)), g;
+    };
+    function cr(e, t, o, f, w) {
+      {
+        var S, x = {}, g = null, F = null;
+        o !== void 0 && (Oe(o), g = "" + o), ar(t) && (Oe(t.key), g = "" + t.key), nr(t) && (F = t.ref, or(t, w));
+        for (S in t)
+          Q.call(t, S) && !tr.hasOwnProperty(S) && (x[S] = t[S]);
+        if (e && e.defaultProps) {
+          var O = e.defaultProps;
+          for (S in O)
+            x[S] === void 0 && (x[S] = O[S]);
+        }
+        if (g || F) {
+          var A = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          g && sr(x, A), F && ir(x, A);
+        }
+        return lr(e, g, F, w, f, Pe.current, x);
+      }
+    }
+    var de = $.ReactCurrentOwner, $e = $.ReactDebugCurrentFrame;
+    function K(e) {
+      if (e) {
+        var t = e._owner, o = ne(e.type, e._source, t ? t.type : null);
+        $e.setExtraStackFrame(o);
+      } else
+        $e.setExtraStackFrame(null);
+    }
+    var fe;
+    fe = !1;
+    function he(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === r;
+    }
+    function Fe() {
+      {
+        if (de.current) {
+          var e = M(de.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function ur(e) {
+      return "";
+    }
+    var Me = {};
+    function dr(e) {
+      {
+        var t = Fe();
+        if (!t) {
+          var o = typeof e == "string" ? e : e.displayName || e.name;
+          o && (t = `
+
+Check the top-level render call using <` + o + ">.");
+        }
+        return t;
+      }
+    }
+    function Ue(e, t) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var o = dr(t);
+        if (Me[o])
+          return;
+        Me[o] = !0;
+        var f = "";
+        e && e._owner && e._owner !== de.current && (f = " It was passed a child from " + M(e._owner.type) + "."), K(e), P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', o, f), K(null);
+      }
+    }
+    function Ie(e, t) {
+      {
+        if (typeof e != "object")
+          return;
+        if (ue(e))
+          for (var o = 0; o < e.length; o++) {
+            var f = e[o];
+            he(f) && Ue(f, t);
+          }
+        else if (he(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var w = Y(e);
+          if (typeof w == "function" && w !== e.entries)
+            for (var S = w.call(e), x; !(x = S.next()).done; )
+              he(x.value) && Ue(x.value, t);
+        }
+      }
+    }
+    function fr(e) {
+      {
+        var t = e.type;
+        if (t == null || typeof t == "string")
+          return;
+        var o;
+        if (typeof t == "function")
+          o = t.propTypes;
+        else if (typeof t == "object" && (t.$$typeof === d || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        t.$$typeof === C))
+          o = t.propTypes;
+        else
+          return;
+        if (o) {
+          var f = M(t);
+          Qe(o, e.props, "prop", f, e);
+        } else if (t.PropTypes !== void 0 && !fe) {
+          fe = !0;
+          var w = M(t);
+          P("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", w || "Unknown");
+        }
+        typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && P("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function hr(e) {
+      {
+        for (var t = Object.keys(e.props), o = 0; o < t.length; o++) {
+          var f = t[o];
+          if (f !== "children" && f !== "key") {
+            K(e), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", f), K(null);
+            break;
+          }
+        }
+        e.ref !== null && (K(e), P("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
+      }
+    }
+    var Le = {};
+    function We(e, t, o, f, w, S) {
+      {
+        var x = k(e);
+        if (!x) {
+          var g = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (g += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var F = ur();
+          F ? g += F : g += Fe();
+          var O;
+          e === null ? O = "null" : ue(e) ? O = "array" : e !== void 0 && e.$$typeof === r ? (O = "<" + (M(e.type) || "Unknown") + " />", g = " Did you accidentally export a JSX literal instead of a component?") : O = typeof e, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", O, g);
+        }
+        var A = cr(e, t, o, w, S);
+        if (A == null)
+          return A;
+        if (x) {
+          var W = t.children;
+          if (W !== void 0)
+            if (f)
+              if (ue(W)) {
+                for (var H = 0; H < W.length; H++)
+                  Ie(W[H], e);
+                Object.freeze && Object.freeze(W);
+              } else
+                P("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
+              Ie(W, e);
+        }
+        if (Q.call(t, "key")) {
+          var J = M(e), I = Object.keys(t).filter(function(mr) {
+            return mr !== "key";
+          }), pe = I.length > 0 ? "{key: someKey, " + I.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Le[J + pe]) {
+            var xr = I.length > 0 ? "{" + I.join(": ..., ") + ": ...}" : "{}";
+            P(`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} />`, pe, J, xr, J), Le[J + pe] = !0;
+          }
+        }
+        return e === a ? hr(A) : fr(A), A;
+      }
+    }
+    function pr(e, t, o) {
+      return We(e, t, o, !0);
+    }
+    function gr(e, t, o) {
+      return We(e, t, o, !1);
+    }
+    var vr = gr, yr = pr;
+    ee.Fragment = a, ee.jsx = vr, ee.jsxs = yr;
+  }()), ee;
+}
+process.env.NODE_ENV === "production" ? me.exports = Sr() : me.exports = Tr();
+var s = me.exports;
+class xe {
+  /**
+   * Filter array by predicate function
+   */
+  static filter(r, n) {
+    return r.filter(n);
+  }
+  /**
+   * Filter by field value
+   */
+  static filterBy(r, n, a) {
+    return r.filter((i) => i[n] === a);
+  }
+  /**
+   * Filter by multiple fields
+   */
+  static filterByFields(r, n) {
+    return r.filter((a) => Object.entries(n).every(([i, l]) => a[i] === l));
+  }
+  /**
+   * Sort array by field
+   */
+  static sort(r, n, a = "asc") {
+    return [...r].sort((i, l) => {
+      const c = i[n], p = l[n];
+      if (c === p) return 0;
+      let d = 0;
+      return c > p && (d = 1), c < p && (d = -1), a === "asc" ? d : -d;
+    });
+  }
+  /**
+   * Search items by query string in specified fields
+   */
+  static search(r, n, a) {
+    if (!n.trim()) return r;
+    const i = n.toLowerCase();
+    return r.filter((l) => a.some((c) => {
+      const p = l[c];
+      return p == null ? !1 : String(p).toLowerCase().includes(i);
+    }));
+  }
+  /**
+   * Paginate array
+   */
+  static paginate(r, n, a) {
+    const i = (n - 1) * a, l = i + a;
+    return {
+      data: r.slice(i, l),
+      total: r.length,
+      page: n,
+      totalPages: Math.ceil(r.length / a)
+    };
+  }
+  /**
+   * Group items by field value
+   */
+  static groupBy(r, n) {
+    return r.reduce((a, i) => {
+      const l = String(i[n]);
+      return a[l] || (a[l] = []), a[l].push(i), a;
+    }, {});
+  }
+  /**
+   * Get unique values for a field
+   */
+  static unique(r, n) {
+    const a = r.map((i) => i[n]);
+    return [...new Set(a)];
+  }
+  /**
+   * Count items by field value
+   */
+  static countBy(r, n) {
+    return r.reduce((a, i) => {
+      const l = String(i[n]);
+      return a[l] = (a[l] || 0) + 1, a;
+    }, {});
+  }
+  /**
+   * Apply multiple operations in sequence
+   */
+  static pipe(r, n) {
+    return n.reduce((a, i) => i(a), r);
+  }
+}
+function Dr({
+  endpoint: u,
+  params: r,
+  layout: n = "list",
+  title: a,
+  emptyMessage: i = "No items found",
+  renderItem: l,
+  keyExtractor: c = (j, Y) => j.id || j._id || String(Y),
+  searchable: p = !1,
+  searchFields: d = [],
+  searchPlaceholder: _ = "Search...",
+  filters: v = [],
+  pageSize: C = 20,
+  onItemClick: E,
+  onRefresh: N,
+  theme: T = {}
+}) {
+  const { data: j, loading: Y, error: $, refetch: P } = Rr(u, r), [B, q] = L(""), [V, h] = L({}), [R, D] = L(1), y = _r(() => {
+    if (!j) return { data: [], total: 0, totalPages: 0 };
+    let m = j;
+    return p && B && d.length > 0 && (m = xe.search(m, B, d)), Object.keys(V).length > 0 && (m = xe.filterByFields(m, V)), xe.paginate(m, R, C);
+  }, [j, B, V, R, C, p, d]);
+  oe(() => {
+    D(1);
+  }, [B, V]);
+  const k = () => {
+    q(""), h({}), D(1), P(), N == null || N();
+  }, b = {
+    background: T.background || "#ffffff",
+    cardBackground: T.cardBackground || "#f9fafb",
+    text: T.text || "#111827",
+    textSecondary: T.textSecondary || "#6b7280",
+    border: T.border || "#e5e7eb",
+    primary: T.primary || "#3b82f6"
+  }, M = l || ((m) => /* @__PURE__ */ s.jsxs("div", { style: {
+    padding: "16px",
+    cursor: E ? "pointer" : "default"
+  }, children: [
+    /* @__PURE__ */ s.jsx("div", { style: { fontSize: "14px", fontWeight: 500, color: b.text }, children: m.title || m.name || m.label || "Untitled" }),
+    m.description && /* @__PURE__ */ s.jsx("div", { style: { fontSize: "13px", color: b.textSecondary, marginTop: "4px" }, children: m.description })
+  ] }));
+  return Y && !j ? /* @__PURE__ */ s.jsx("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: "48px",
+    color: b.textSecondary
+  }, children: "Loading..." }) : $ ? /* @__PURE__ */ s.jsxs("div", { style: {
+    padding: "24px",
+    textAlign: "center",
+    color: "#ef4444"
+  }, children: [
+    /* @__PURE__ */ s.jsx("div", { style: { fontWeight: 500, marginBottom: "8px" }, children: "Error" }),
+    /* @__PURE__ */ s.jsx("div", { style: { fontSize: "14px" }, children: $.message }),
+    /* @__PURE__ */ s.jsx(
+      "button",
+      {
+        onClick: k,
+        style: {
+          marginTop: "16px",
+          padding: "8px 16px",
+          background: b.primary,
+          color: "white",
+          border: "none",
+          borderRadius: "6px",
+          cursor: "pointer"
+        },
+        children: "Retry"
+      }
+    )
+  ] }) : /* @__PURE__ */ s.jsxs("div", { style: {
+    background: b.background,
+    borderRadius: "12px",
+    overflow: "hidden"
+  }, children: [
+    (a || p || v.length > 0) && /* @__PURE__ */ s.jsxs("div", { style: {
+      padding: "16px",
+      borderBottom: `1px solid ${b.border}`
+    }, children: [
+      /* @__PURE__ */ s.jsxs("div", { style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        marginBottom: p || v.length > 0 ? "12px" : "0"
+      }, children: [
+        a && /* @__PURE__ */ s.jsx("h2", { style: {
+          margin: 0,
+          fontSize: "18px",
+          fontWeight: 600,
+          color: b.text
+        }, children: a }),
+        /* @__PURE__ */ s.jsx(
+          "button",
+          {
+            onClick: k,
+            style: {
+              padding: "6px 12px",
+              background: "transparent",
+              border: `1px solid ${b.border}`,
+              borderRadius: "6px",
+              color: b.textSecondary,
+              cursor: "pointer",
+              fontSize: "13px"
+            },
+            children: "Refresh"
+          }
+        )
+      ] }),
+      p && /* @__PURE__ */ s.jsx(
+        "input",
+        {
+          type: "text",
+          placeholder: _,
+          value: B,
+          onChange: (m) => q(m.target.value),
+          style: {
+            width: "100%",
+            padding: "8px 12px",
+            border: `1px solid ${b.border}`,
+            borderRadius: "8px",
+            fontSize: "14px",
+            outline: "none"
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s.jsx("div", { style: {
+      display: n === "grid" ? "grid" : "flex",
+      flexDirection: n === "list" ? "column" : void 0,
+      gridTemplateColumns: n === "grid" ? "repeat(auto-fill, minmax(250px, 1fr))" : void 0,
+      gap: n === "list" ? "0" : "16px",
+      padding: n === "list" ? "0" : "16px"
+    }, children: y.data.length === 0 ? /* @__PURE__ */ s.jsx("div", { style: {
+      padding: "48px",
+      textAlign: "center",
+      color: b.textSecondary
+    }, children: i }) : y.data.map((m, U) => /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        onClick: () => E == null ? void 0 : E(m),
+        style: {
+          background: b.cardBackground,
+          borderRadius: n === "list" ? "0" : "8px",
+          borderBottom: n === "list" ? `1px solid ${b.border}` : "none",
+          transition: "all 0.15s ease"
+        },
+        onMouseEnter: (G) => {
+          E && (G.currentTarget.style.background = b.border);
+        },
+        onMouseLeave: (G) => {
+          G.currentTarget.style.background = b.cardBackground;
+        },
+        children: M(m, U)
+      },
+      c(m, U)
+    )) }),
+    y.totalPages > 1 && /* @__PURE__ */ s.jsxs("div", { style: {
+      padding: "16px",
+      borderTop: `1px solid ${b.border}`,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between"
+    }, children: [
+      /* @__PURE__ */ s.jsxs("div", { style: { fontSize: "13px", color: b.textSecondary }, children: [
+        "Page ",
+        R,
+        " of ",
+        y.totalPages
+      ] }),
+      /* @__PURE__ */ s.jsxs("div", { style: { display: "flex", gap: "8px" }, children: [
+        /* @__PURE__ */ s.jsx(
+          "button",
+          {
+            onClick: () => D((m) => Math.max(1, m - 1)),
+            disabled: R === 1,
+            style: {
+              padding: "6px 12px",
+              border: `1px solid ${b.border}`,
+              borderRadius: "6px",
+              background: "white",
+              cursor: R === 1 ? "not-allowed" : "pointer",
+              opacity: R === 1 ? 0.5 : 1
+            },
+            children: "Previous"
+          }
+        ),
+        /* @__PURE__ */ s.jsx(
+          "button",
+          {
+            onClick: () => D((m) => Math.min(y.totalPages, m + 1)),
+            disabled: R === y.totalPages,
+            style: {
+              padding: "6px 12px",
+              border: `1px solid ${b.border}`,
+              borderRadius: "6px",
+              background: "white",
+              cursor: R === y.totalPages ? "not-allowed" : "pointer",
+              opacity: R === y.totalPages ? 0.5 : 1
+            },
+            children: "Next"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function $r({
+  item: u,
+  onClick: r,
+  title: n = (c) => c.title || c.name || c.label || "Untitled",
+  subtitle: a = (c) => c.description || c.subtitle || "",
+  image: i = (c) => c.image || c.thumbnail || c.photo,
+  badge: l = (c) => c.badge || c.tag || c.type
+}) {
+  const c = n(u), p = a(u), d = i(u), _ = l(u);
+  return /* @__PURE__ */ s.jsxs(
+    "div",
+    {
+      onClick: r,
+      className: `
+        flex items-center gap-4 p-4 border-b border-gray-200
+        hover:bg-gray-50 transition-colors
+        ${r ? "cursor-pointer" : ""}
+      `,
+      children: [
+        d && /* @__PURE__ */ s.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ s.jsx(
+          "img",
+          {
+            src: d,
+            alt: c,
+            className: "w-16 h-16 object-cover rounded-lg"
+          }
+        ) }),
+        /* @__PURE__ */ s.jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ s.jsx("h3", { className: "font-medium text-gray-900 truncate", children: c }),
+            _ && /* @__PURE__ */ s.jsx("span", { className: "px-2 py-0.5 text-xs font-medium bg-blue-100 text-blue-800 rounded-full", children: _ })
+          ] }),
+          p && /* @__PURE__ */ s.jsx("p", { className: "text-sm text-gray-600 truncate mt-0.5", children: p })
+        ] }),
+        r && /* @__PURE__ */ s.jsx("div", { className: "flex-shrink-0 text-gray-400", children: /* @__PURE__ */ s.jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ s.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }) })
+      ]
+    }
+  );
+}
+function Fr({
+  item: u,
+  onClose: r,
+  title: n = (l) => l.title || l.name || l.label || "Detail",
+  image: a = (l) => l.image || l.thumbnail || l.photo,
+  fields: i = []
+}) {
+  if (!u) return null;
+  const l = n(u), c = a(u);
+  return /* @__PURE__ */ s.jsx("div", { className: "fixed inset-0 bg-black/50 z-50 flex items-center justify-center p-4", children: /* @__PURE__ */ s.jsxs("div", { className: "bg-white rounded-xl max-w-2xl w-full max-h-[90vh] overflow-y-auto shadow-2xl", children: [
+    /* @__PURE__ */ s.jsxs("div", { className: "sticky top-0 bg-white border-b border-gray-200 px-6 py-4 flex items-center justify-between", children: [
+      /* @__PURE__ */ s.jsx("h2", { className: "text-xl font-semibold text-gray-900", children: l }),
+      r && /* @__PURE__ */ s.jsx(
+        "button",
+        {
+          onClick: r,
+          className: "p-2 hover:bg-gray-100 rounded-lg transition-colors",
+          children: /* @__PURE__ */ s.jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ s.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s.jsxs("div", { className: "p-6", children: [
+      c && /* @__PURE__ */ s.jsx("div", { className: "mb-6", children: /* @__PURE__ */ s.jsx(
+        "img",
+        {
+          src: c,
+          alt: l,
+          className: "w-full h-64 object-cover rounded-lg"
+        }
+      ) }),
+      i.length > 0 && /* @__PURE__ */ s.jsx("div", { className: "space-y-4", children: i.map((p, d) => {
+        const _ = p.value(u);
+        return _ == null || _ === "" ? null : /* @__PURE__ */ s.jsxs("div", { children: [
+          /* @__PURE__ */ s.jsx("div", { className: "text-sm font-medium text-gray-500 mb-1", children: p.label }),
+          /* @__PURE__ */ s.jsx("div", { className: "text-base text-gray-900", children: typeof _ == "object" ? JSON.stringify(_, null, 2) : String(_) })
+        ] }, d);
+      }) }),
+      i.length === 0 && /* @__PURE__ */ s.jsx("pre", { className: "bg-gray-50 p-4 rounded-lg text-sm overflow-x-auto", children: JSON.stringify(u, null, 2) })
+    ] }),
+    r && /* @__PURE__ */ s.jsx("div", { className: "sticky bottom-0 bg-gray-50 border-t border-gray-200 px-6 py-4", children: /* @__PURE__ */ s.jsx(
+      "button",
+      {
+        onClick: r,
+        className: "w-full px-4 py-2 bg-gray-900 text-white rounded-lg hover:bg-gray-800 transition-colors font-medium",
+        children: "Close"
+      }
+    ) })
+  ] }) });
+}
+const kr = {
+  small: "w-32 h-32",
+  medium: "w-48 h-48",
+  large: "w-64 h-64"
+};
+function Mr({
+  nodes: u,
+  cardCount: r = 2,
+  minInterval: n = 1e3,
+  maxInterval: a = 3e3,
+  onCardClick: i,
+  cardSize: l = "medium",
+  className: c = ""
+}) {
+  const p = Math.min(Math.max(r, 1), 5), [d, _] = L([]), [v, C] = L([]), [E, N] = L(Array(p).fill(!1)), [T, j] = L(Array(p).fill(!1)), Y = Be([]), $ = X((h) => {
+    const R = u.filter((y) => !h.includes(y._id));
+    if (R.length === 0) return null;
+    const D = Math.floor(Math.random() * R.length);
+    return R[D];
+  }, [u]), P = X(() => Math.random() * (a - n) + n, [n, a]);
+  oe(() => {
+    if (u.length === 0) {
+      _([]), C([]);
+      return;
+    }
+    const h = [], R = [], D = [];
+    for (let y = 0; y < p && y < u.length; y++) {
+      const k = $(D);
+      k && (h.push(k), D.push(k._id));
+    }
+    for (let y = 0; y < h.length; y++) {
+      const k = [
+        h[y]._id,
+        ...h.filter((z, M) => M !== y).map((z) => z._id)
+      ], b = $(k);
+      b ? R.push(b) : R.push(h[y]);
+    }
+    _(h), C(R);
+  }, [u, p, $]);
+  const B = X((h) => {
+    const R = P(), D = setTimeout(() => {
+      N((y) => {
+        const k = [...y];
+        return k[h] = !k[h], k;
+      }), setTimeout(() => {
+        j((y) => {
+          const k = [...y];
+          return k[h] = !k[h], k;
+        }), setTimeout(() => {
+          const y = !T[h];
+          y && _((k) => {
+            const b = [...k];
+            return b[h] = v[h], b;
+          }), C((k) => {
+            const b = [...k], M = [
+              (y ? v[h] : d[h])._id,
+              ...d.filter((U, G) => G !== h).map((U) => U._id),
+              ...k.filter((U, G) => G !== h).map((U) => U._id)
+            ], m = $(M);
+            return m && (b[h] = m), b;
+          }), setTimeout(() => {
+            B(h);
+          }, 150);
+        }, 200);
+      }, 150);
+    }, R);
+    Y.current[h] = D;
+  }, [P, $, d, v, T]), q = Be(!1);
+  oe(() => {
+    if (!(d.length === 0 || u.length <= 1) && !q.current) {
+      q.current = !0;
+      for (let h = 0; h < d.length; h++)
+        B(h);
+      return () => {
+        Y.current.forEach((h) => clearTimeout(h)), Y.current = [], q.current = !1;
+      };
+    }
+  }, [d.length, u.length]);
+  const V = (h) => {
+    i && i(h);
+  };
+  return u.length === 0 ? /* @__PURE__ */ s.jsx("div", { className: `flex items-center justify-center p-8 ${c}`, children: /* @__PURE__ */ s.jsx("p", { className: "text-gray-500", children: "No nodes available" }) }) : d.length === 0 ? /* @__PURE__ */ s.jsx("div", { className: `flex items-center justify-center p-8 ${c}`, children: /* @__PURE__ */ s.jsx("p", { className: "text-gray-500", children: "Loading..." }) }) : /* @__PURE__ */ s.jsx("div", { className: `flex gap-4 justify-center items-center flex-wrap ${c}`, children: d.map((h, R) => {
+    const D = v[R], y = T[R];
+    return /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        className: `relative ${kr[l]}`,
+        style: { perspective: "1000px" },
+        onClick: () => V(y ? D : h),
+        children: /* @__PURE__ */ s.jsxs(
+          "div",
+          {
+            className: "w-full h-full rounded-lg shadow-lg overflow-hidden cursor-pointer hover:shadow-xl",
+            style: {
+              transform: `rotateY(${E[R] ? 180 : 0}deg)`,
+              transition: "transform 0.5s",
+              transformStyle: "preserve-3d"
+            },
+            children: [
+              /* @__PURE__ */ s.jsx(
+                "div",
+                {
+                  className: "absolute inset-0 transition-opacity duration-200",
+                  style: {
+                    opacity: y ? 0 : 1
+                  },
+                  children: /* @__PURE__ */ s.jsxs(
+                    "div",
+                    {
+                      style: {
+                        transform: E[R] ? "scaleX(-1)" : "scaleX(1)",
+                        width: "100%",
+                        height: "100%"
+                      },
+                      children: [
+                        /* @__PURE__ */ s.jsx(
+                          "img",
+                          {
+                            src: h.data.image,
+                            alt: h.title,
+                            className: "w-full h-full object-cover"
+                          }
+                        ),
+                        /* @__PURE__ */ s.jsx("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-2", children: /* @__PURE__ */ s.jsx("p", { className: "text-white text-sm font-medium truncate", children: h.title }) })
+                      ]
+                    }
+                  )
+                }
+              ),
+              D && /* @__PURE__ */ s.jsx(
+                "div",
+                {
+                  className: "absolute inset-0 transition-opacity duration-200",
+                  style: {
+                    opacity: y ? 1 : 0
+                  },
+                  children: /* @__PURE__ */ s.jsxs(
+                    "div",
+                    {
+                      style: {
+                        transform: E[R] ? "scaleX(-1)" : "scaleX(1)",
+                        width: "100%",
+                        height: "100%"
+                      },
+                      children: [
+                        /* @__PURE__ */ s.jsx(
+                          "img",
+                          {
+                            src: D.data.image,
+                            alt: D.title,
+                            className: "w-full h-full object-cover"
+                          }
+                        ),
+                        /* @__PURE__ */ s.jsx("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-2", children: /* @__PURE__ */ s.jsx("p", { className: "text-white text-sm font-medium truncate", children: D.title }) })
+                      ]
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        )
+      },
+      `slot-${R}`
+    );
+  }) });
+}
+export {
+  Mr as AnimatedCardFlip,
+  jr as ApiClient,
+  Er as AuthManager,
+  $r as Card,
+  xe as DataOperations,
+  Fr as Detail,
+  Or as GraphClient,
+  Dr as Stack,
+  Ve as getApiClient,
+  Pr as initializeApiClient,
+  Ar as useMutation,
+  Rr as useQuery
+};