@iodev/patch-and-resolve 1.0.6

package/dist/patch-and-resolve.es.js

@@ -0,0 +1,1450 @@
+import ze, { useState as $, useCallback as ge } from "react";
+var ne = { exports: {} }, G = {};
+/**
+ * @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 We;
+function xr() {
+  if (We) return G;
+  We = 1;
+  var s = ze, o = Symbol.for("react.element"), u = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, a = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, g = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function v(y, d, C) {
+    var m, l = {}, p = null, j = null;
+    C !== void 0 && (p = "" + C), d.key !== void 0 && (p = "" + d.key), d.ref !== void 0 && (j = d.ref);
+    for (m in d) i.call(d, m) && !g.hasOwnProperty(m) && (l[m] = d[m]);
+    if (y && y.defaultProps) for (m in d = y.defaultProps, d) l[m] === void 0 && (l[m] = d[m]);
+    return { $$typeof: o, type: y, key: p, ref: j, props: l, _owner: a.current };
+  }
+  return G.Fragment = u, G.jsx = v, G.jsxs = v, G;
+}
+var X = {};
+/**
+ * @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 Je;
+function yr() {
+  return Je || (Je = 1, process.env.NODE_ENV !== "production" && (function() {
+    var s = ze, o = Symbol.for("react.element"), u = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), y = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), l = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), P = Symbol.iterator, I = "@@iterator";
+    function D(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var r = P && e[P] || e[I];
+      return typeof r == "function" ? r : null;
+    }
+    var T = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function k(e) {
+      {
+        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), c = 1; c < r; c++)
+          t[c - 1] = arguments[c];
+        W("error", e, t);
+      }
+    }
+    function W(e, r, t) {
+      {
+        var c = T.ReactDebugCurrentFrame, b = c.getStackAddendum();
+        b !== "" && (r += "%s", t = t.concat([b]));
+        var R = t.map(function(x) {
+          return String(x);
+        });
+        R.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, R);
+      }
+    }
+    var A = !1, M = !1, f = !1, E = !1, S = !1, Z;
+    Z = Symbol.for("react.module.reference");
+    function ae(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === i || e === g || S || e === a || e === C || e === m || E || e === j || A || M || f || typeof e == "object" && e !== null && (e.$$typeof === p || e.$$typeof === l || e.$$typeof === v || e.$$typeof === y || 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 === Z || e.getModuleId !== void 0));
+    }
+    function ie(e, r, t) {
+      var c = e.displayName;
+      if (c)
+        return c;
+      var b = r.displayName || r.name || "";
+      return b !== "" ? t + "(" + b + ")" : t;
+    }
+    function H(e) {
+      return e.displayName || "Context";
+    }
+    function N(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && k("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 i:
+          return "Fragment";
+        case u:
+          return "Portal";
+        case g:
+          return "Profiler";
+        case a:
+          return "StrictMode";
+        case C:
+          return "Suspense";
+        case m:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case y:
+            var r = e;
+            return H(r) + ".Consumer";
+          case v:
+            var t = e;
+            return H(t._context) + ".Provider";
+          case d:
+            return ie(e, e.render, "ForwardRef");
+          case l:
+            var c = e.displayName || null;
+            return c !== null ? c : N(e.type) || "Memo";
+          case p: {
+            var b = e, R = b._payload, x = b._init;
+            try {
+              return N(x(R));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var J = Object.assign, q = 0, xe, ye, me, be, Re, je, Ce;
+    function Ee() {
+    }
+    Ee.__reactDisabledLog = !0;
+    function Le() {
+      {
+        if (q === 0) {
+          xe = console.log, ye = console.info, me = console.warn, be = console.error, Re = console.group, je = console.groupCollapsed, Ce = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: Ee,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        q++;
+      }
+    }
+    function Ue() {
+      {
+        if (q--, q === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: J({}, e, {
+              value: xe
+            }),
+            info: J({}, e, {
+              value: ye
+            }),
+            warn: J({}, e, {
+              value: me
+            }),
+            error: J({}, e, {
+              value: be
+            }),
+            group: J({}, e, {
+              value: Re
+            }),
+            groupCollapsed: J({}, e, {
+              value: je
+            }),
+            groupEnd: J({}, e, {
+              value: Ce
+            })
+          });
+        }
+        q < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var le = T.ReactCurrentDispatcher, ce;
+    function Q(e, r, t) {
+      {
+        if (ce === void 0)
+          try {
+            throw Error();
+          } catch (b) {
+            var c = b.stack.trim().match(/\n( *(at )?)/);
+            ce = c && c[1] || "";
+          }
+        return `
+` + ce + e;
+      }
+    }
+    var ue = !1, ee;
+    {
+      var Be = typeof WeakMap == "function" ? WeakMap : Map;
+      ee = new Be();
+    }
+    function Pe(e, r) {
+      if (!e || ue)
+        return "";
+      {
+        var t = ee.get(e);
+        if (t !== void 0)
+          return t;
+      }
+      var c;
+      ue = !0;
+      var b = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var R;
+      R = le.current, le.current = null, Le();
+      try {
+        if (r) {
+          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 (F) {
+              c = F;
+            }
+            Reflect.construct(e, [], x);
+          } else {
+            try {
+              x.call();
+            } catch (F) {
+              c = F;
+            }
+            e.call(x.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (F) {
+            c = F;
+          }
+          e();
+        }
+      } catch (F) {
+        if (F && c && typeof F.stack == "string") {
+          for (var h = F.stack.split(`
+`), O = c.stack.split(`
+`), w = h.length - 1, _ = O.length - 1; w >= 1 && _ >= 0 && h[w] !== O[_]; )
+            _--;
+          for (; w >= 1 && _ >= 0; w--, _--)
+            if (h[w] !== O[_]) {
+              if (w !== 1 || _ !== 1)
+                do
+                  if (w--, _--, _ < 0 || h[w] !== O[_]) {
+                    var V = `
+` + h[w].replace(" at new ", " at ");
+                    return e.displayName && V.includes("<anonymous>") && (V = V.replace("<anonymous>", e.displayName)), typeof e == "function" && ee.set(e, V), V;
+                  }
+                while (w >= 1 && _ >= 0);
+              break;
+            }
+        }
+      } finally {
+        ue = !1, le.current = R, Ue(), Error.prepareStackTrace = b;
+      }
+      var L = e ? e.displayName || e.name : "", Y = L ? Q(L) : "";
+      return typeof e == "function" && ee.set(e, Y), Y;
+    }
+    function He(e, r, t) {
+      return Pe(e, !1);
+    }
+    function qe(e) {
+      var r = e.prototype;
+      return !!(r && r.isReactComponent);
+    }
+    function re(e, r, t) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return Pe(e, qe(e));
+      if (typeof e == "string")
+        return Q(e);
+      switch (e) {
+        case C:
+          return Q("Suspense");
+        case m:
+          return Q("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case d:
+            return He(e.render);
+          case l:
+            return re(e.type, r, t);
+          case p: {
+            var c = e, b = c._payload, R = c._init;
+            try {
+              return re(R(b), r, t);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var K = Object.prototype.hasOwnProperty, we = {}, Se = T.ReactDebugCurrentFrame;
+    function te(e) {
+      if (e) {
+        var r = e._owner, t = re(e.type, e._source, r ? r.type : null);
+        Se.setExtraStackFrame(t);
+      } else
+        Se.setExtraStackFrame(null);
+    }
+    function Ke(e, r, t, c, b) {
+      {
+        var R = Function.call.bind(K);
+        for (var x in e)
+          if (R(e, x)) {
+            var h = void 0;
+            try {
+              if (typeof e[x] != "function") {
+                var O = Error((c || "React class") + ": " + t + " 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 O.name = "Invariant Violation", O;
+              }
+              h = e[x](r, x, c, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (w) {
+              h = w;
+            }
+            h && !(h instanceof Error) && (te(b), k("%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).", c || "React class", t, x, typeof h), te(null)), h instanceof Error && !(h.message in we) && (we[h.message] = !0, te(b), k("Failed %s type: %s", t, h.message), te(null));
+          }
+      }
+    }
+    var Ge = Array.isArray;
+    function fe(e) {
+      return Ge(e);
+    }
+    function Xe(e) {
+      {
+        var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t;
+      }
+    }
+    function Ze(e) {
+      try {
+        return _e(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function _e(e) {
+      return "" + e;
+    }
+    function ke(e) {
+      if (Ze(e))
+        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Xe(e)), _e(e);
+    }
+    var Te = T.ReactCurrentOwner, Qe = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, Oe, Ae;
+    function er(e) {
+      if (K.call(e, "ref")) {
+        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function rr(e) {
+      if (K.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function tr(e, r) {
+      typeof e.ref == "string" && Te.current;
+    }
+    function nr(e, r) {
+      {
+        var t = function() {
+          Oe || (Oe = !0, k("%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)", r));
+        };
+        t.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: t,
+          configurable: !0
+        });
+      }
+    }
+    function or(e, r) {
+      {
+        var t = function() {
+          Ae || (Ae = !0, k("%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)", r));
+        };
+        t.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: t,
+          configurable: !0
+        });
+      }
+    }
+    var sr = function(e, r, t, c, b, R, x) {
+      var h = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: o,
+        // Built-in properties that belong on the element
+        type: e,
+        key: r,
+        ref: t,
+        props: x,
+        // Record the component responsible for creating this element.
+        _owner: R
+      };
+      return h._store = {}, Object.defineProperty(h._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(h, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: c
+      }), Object.defineProperty(h, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: b
+      }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
+    };
+    function ar(e, r, t, c, b) {
+      {
+        var R, x = {}, h = null, O = null;
+        t !== void 0 && (ke(t), h = "" + t), rr(r) && (ke(r.key), h = "" + r.key), er(r) && (O = r.ref, tr(r, b));
+        for (R in r)
+          K.call(r, R) && !Qe.hasOwnProperty(R) && (x[R] = r[R]);
+        if (e && e.defaultProps) {
+          var w = e.defaultProps;
+          for (R in w)
+            x[R] === void 0 && (x[R] = w[R]);
+        }
+        if (h || O) {
+          var _ = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          h && nr(x, _), O && or(x, _);
+        }
+        return sr(e, h, O, b, c, Te.current, x);
+      }
+    }
+    var de = T.ReactCurrentOwner, Fe = T.ReactDebugCurrentFrame;
+    function z(e) {
+      if (e) {
+        var r = e._owner, t = re(e.type, e._source, r ? r.type : null);
+        Fe.setExtraStackFrame(t);
+      } else
+        Fe.setExtraStackFrame(null);
+    }
+    var pe;
+    pe = !1;
+    function he(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === o;
+    }
+    function Ie() {
+      {
+        if (de.current) {
+          var e = N(de.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function ir(e) {
+      return "";
+    }
+    var De = {};
+    function lr(e) {
+      {
+        var r = Ie();
+        if (!r) {
+          var t = typeof e == "string" ? e : e.displayName || e.name;
+          t && (r = `
+
+Check the top-level render call using <` + t + ">.");
+        }
+        return r;
+      }
+    }
+    function Ve(e, r) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var t = lr(r);
+        if (De[t])
+          return;
+        De[t] = !0;
+        var c = "";
+        e && e._owner && e._owner !== de.current && (c = " It was passed a child from " + N(e._owner.type) + "."), z(e), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, c), z(null);
+      }
+    }
+    function Ne(e, r) {
+      {
+        if (typeof e != "object")
+          return;
+        if (fe(e))
+          for (var t = 0; t < e.length; t++) {
+            var c = e[t];
+            he(c) && Ve(c, r);
+          }
+        else if (he(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var b = D(e);
+          if (typeof b == "function" && b !== e.entries)
+            for (var R = b.call(e), x; !(x = R.next()).done; )
+              he(x.value) && Ve(x.value, r);
+        }
+      }
+    }
+    function cr(e) {
+      {
+        var r = e.type;
+        if (r == null || typeof r == "string")
+          return;
+        var t;
+        if (typeof r == "function")
+          t = r.propTypes;
+        else if (typeof r == "object" && (r.$$typeof === d || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        r.$$typeof === l))
+          t = r.propTypes;
+        else
+          return;
+        if (t) {
+          var c = N(r);
+          Ke(t, e.props, "prop", c, e);
+        } else if (r.PropTypes !== void 0 && !pe) {
+          pe = !0;
+          var b = N(r);
+          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", b || "Unknown");
+        }
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function ur(e) {
+      {
+        for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
+          var c = r[t];
+          if (c !== "children" && c !== "key") {
+            z(e), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", c), z(null);
+            break;
+          }
+        }
+        e.ref !== null && (z(e), k("Invalid attribute `ref` supplied to `React.Fragment`."), z(null));
+      }
+    }
+    var $e = {};
+    function Me(e, r, t, c, b, R) {
+      {
+        var x = ae(e);
+        if (!x) {
+          var h = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (h += " 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 O = ir();
+          O ? h += O : h += Ie();
+          var w;
+          e === null ? w = "null" : fe(e) ? w = "array" : e !== void 0 && e.$$typeof === o ? (w = "<" + (N(e.type) || "Unknown") + " />", h = " Did you accidentally export a JSX literal instead of a component?") : w = typeof e, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", w, h);
+        }
+        var _ = ar(e, r, t, b, R);
+        if (_ == null)
+          return _;
+        if (x) {
+          var V = r.children;
+          if (V !== void 0)
+            if (c)
+              if (fe(V)) {
+                for (var L = 0; L < V.length; L++)
+                  Ne(V[L], e);
+                Object.freeze && Object.freeze(V);
+              } else
+                k("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
+              Ne(V, e);
+        }
+        if (K.call(r, "key")) {
+          var Y = N(e), F = Object.keys(r).filter(function(gr) {
+            return gr !== "key";
+          }), ve = F.length > 0 ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!$e[Y + ve]) {
+            var vr = F.length > 0 ? "{" + F.join(": ..., ") + ": ...}" : "{}";
+            k(`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} />`, ve, Y, vr, Y), $e[Y + ve] = !0;
+          }
+        }
+        return e === i ? ur(_) : cr(_), _;
+      }
+    }
+    function fr(e, r, t) {
+      return Me(e, r, t, !0);
+    }
+    function dr(e, r, t) {
+      return Me(e, r, t, !1);
+    }
+    var pr = dr, hr = fr;
+    X.Fragment = i, X.jsx = pr, X.jsxs = hr;
+  })()), X;
+}
+var Ye;
+function mr() {
+  return Ye || (Ye = 1, process.env.NODE_ENV === "production" ? ne.exports = xr() : ne.exports = yr()), ne.exports;
+}
+var n = mr();
+const br = ({
+  conflicts: s,
+  onResolveAll: o,
+  onClose: u,
+  renderConflictValue: i
+}) => {
+  const [a, g] = $(0), [v, y] = $(/* @__PURE__ */ new Map()), d = s[a], C = s.length, m = a === 0, l = a === C - 1, p = v.get(a), j = (A) => {
+    y(new Map(v.set(a, A)));
+  }, P = (A) => /* @__PURE__ */ n.jsx(
+    "pre",
+    {
+      style: {
+        backgroundColor: "#f5f5f5",
+        padding: "15px",
+        borderRadius: "4px",
+        overflow: "auto",
+        maxHeight: "300px",
+        fontSize: "13px",
+        margin: 0
+      },
+      children: JSON.stringify(A, null, 2)
+    }
+  ), I = (A, M) => {
+    const f = p === (M === "local" ? "use-local" : "use-remote");
+    return i ? i(A, {
+      conflict: d,
+      side: M,
+      isSelected: f
+    }) : P(A);
+  }, D = () => {
+    m || g(a - 1);
+  }, T = () => {
+    !l && p && g(a + 1);
+  }, k = () => {
+    if (v.size === C) {
+      const A = [];
+      v.forEach((M, f) => {
+        A.push({ conflictIndex: f, strategy: M });
+      }), o(A);
+    }
+  }, W = v.size === C;
+  return /* @__PURE__ */ n.jsx(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: "rgba(0, 0, 0, 0.5)",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        zIndex: 1e3
+      },
+      children: /* @__PURE__ */ n.jsxs(
+        "div",
+        {
+          style: {
+            backgroundColor: "white",
+            padding: "30px",
+            borderRadius: "8px",
+            maxWidth: "900px",
+            width: "90%",
+            maxHeight: "80vh",
+            overflow: "auto"
+          },
+          children: [
+            /* @__PURE__ */ n.jsx("h2", { children: "Patch Conflict Resolution" }),
+            /* @__PURE__ */ n.jsxs("p", { style: { color: "#666" }, children: [
+              "Conflict ",
+              a + 1,
+              " of ",
+              C
+            ] }),
+            /* @__PURE__ */ n.jsxs(
+              "div",
+              {
+                style: {
+                  backgroundColor: "#fff3cd",
+                  padding: "15px",
+                  borderRadius: "4px",
+                  marginTop: "20px",
+                  border: "1px solid #ffc107"
+                },
+                children: [
+                  /* @__PURE__ */ n.jsxs("div", { style: { marginBottom: "10px" }, children: [
+                    /* @__PURE__ */ n.jsx("strong", { children: "Field:" }),
+                    " ",
+                    /* @__PURE__ */ n.jsx("code", { children: d.path })
+                  ] }),
+                  d.remotePatchIndex !== void 0 && /* @__PURE__ */ n.jsxs("div", { style: { marginBottom: "10px", fontSize: "14px", color: "#666" }, children: [
+                    "Conflict from remote patch #",
+                    d.remotePatchIndex + 1
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: "20px", marginTop: "20px" }, children: [
+              /* @__PURE__ */ n.jsxs("div", { style: { flex: 1 }, children: [
+                /* @__PURE__ */ n.jsx("h3", { children: "Local Value" }),
+                /* @__PURE__ */ n.jsx(
+                  "div",
+                  {
+                    style: {
+                      border: p === "use-local" ? "2px solid #4CAF50" : "1px solid #ddd",
+                      borderRadius: "4px"
+                    },
+                    children: I(d.localValue, "local")
+                  }
+                ),
+                /* @__PURE__ */ n.jsx(
+                  "button",
+                  {
+                    onClick: () => j("use-local"),
+                    style: {
+                      marginTop: "10px",
+                      padding: "10px 20px",
+                      backgroundColor: p === "use-local" ? "#4CAF50" : "#ddd",
+                      color: p === "use-local" ? "white" : "#333",
+                      border: "none",
+                      borderRadius: "4px",
+                      cursor: "pointer",
+                      width: "100%",
+                      fontWeight: p === "use-local" ? "bold" : "normal"
+                    },
+                    children: p === "use-local" ? "✓ Selected" : "Use Local"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ n.jsxs("div", { style: { flex: 1 }, children: [
+                /* @__PURE__ */ n.jsx("h3", { children: "Remote Value" }),
+                /* @__PURE__ */ n.jsx(
+                  "div",
+                  {
+                    style: {
+                      border: p === "use-remote" ? "2px solid #2196F3" : "1px solid #ddd",
+                      borderRadius: "4px"
+                    },
+                    children: I(d.remoteValue, "remote")
+                  }
+                ),
+                /* @__PURE__ */ n.jsx(
+                  "button",
+                  {
+                    onClick: () => j("use-remote"),
+                    style: {
+                      marginTop: "10px",
+                      padding: "10px 20px",
+                      backgroundColor: p === "use-remote" ? "#2196F3" : "#ddd",
+                      color: p === "use-remote" ? "white" : "#333",
+                      border: "none",
+                      borderRadius: "4px",
+                      cursor: "pointer",
+                      width: "100%",
+                      fontWeight: p === "use-remote" ? "bold" : "normal"
+                    },
+                    children: p === "use-remote" ? "✓ Selected" : "Use Remote"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: "10px", marginTop: "30px", justifyContent: "space-between" }, children: [
+              /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: "10px" }, children: [
+                /* @__PURE__ */ n.jsx(
+                  "button",
+                  {
+                    onClick: D,
+                    disabled: m,
+                    style: {
+                      padding: "10px 20px",
+                      backgroundColor: m ? "#e0e0e0" : "#757575",
+                      color: "white",
+                      border: "none",
+                      borderRadius: "4px",
+                      cursor: m ? "not-allowed" : "pointer"
+                    },
+                    children: "← Previous"
+                  }
+                ),
+                /* @__PURE__ */ n.jsx(
+                  "button",
+                  {
+                    onClick: T,
+                    disabled: l || !p,
+                    style: {
+                      padding: "10px 20px",
+                      backgroundColor: l || !p ? "#e0e0e0" : "#757575",
+                      color: "white",
+                      border: "none",
+                      borderRadius: "4px",
+                      cursor: l || !p ? "not-allowed" : "pointer"
+                    },
+                    children: "Next →"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: "10px" }, children: [
+                /* @__PURE__ */ n.jsx(
+                  "button",
+                  {
+                    onClick: u,
+                    style: {
+                      padding: "10px 20px",
+                      backgroundColor: "#999",
+                      color: "white",
+                      border: "none",
+                      borderRadius: "4px",
+                      cursor: "pointer"
+                    },
+                    children: "Cancel"
+                  }
+                ),
+                /* @__PURE__ */ n.jsxs(
+                  "button",
+                  {
+                    onClick: k,
+                    disabled: !W,
+                    style: {
+                      padding: "10px 20px",
+                      backgroundColor: W ? "#4CAF50" : "#e0e0e0",
+                      color: "white",
+                      border: "none",
+                      borderRadius: "4px",
+                      cursor: W ? "pointer" : "not-allowed",
+                      fontWeight: "bold"
+                    },
+                    children: [
+                      "Finish (",
+                      v.size,
+                      "/",
+                      C,
+                      ")"
+                    ]
+                  }
+                )
+              ] })
+            ] }),
+            !p && /* @__PURE__ */ n.jsx("p", { style: { marginTop: "15px", color: "#ff9800", fontSize: "14px", textAlign: "center" }, children: "Please select either Local or Remote to continue" })
+          ]
+        }
+      )
+    }
+  );
+};
+function U(s, o) {
+  const u = o.split(".");
+  let i = s;
+  for (const a of u) {
+    if (i == null)
+      return;
+    i = i[a];
+  }
+  return i;
+}
+function oe(s, o, u) {
+  const i = o.split(".");
+  let a = s;
+  for (let g = 0; g < i.length - 1; g++) {
+    const v = i[g];
+    (a[v] === null || typeof a[v] != "object") && (a[v] = {}), a = a[v];
+  }
+  a[i[i.length - 1]] = u;
+}
+function Er(s, o) {
+  const u = o.split(".");
+  let i = s;
+  for (const a of u) {
+    if (i === null || typeof i != "object" || !(a in i))
+      return !1;
+    i = i[a];
+  }
+  return !0;
+}
+function B(s, o = "") {
+  const u = [];
+  if (s === null || typeof s != "object" || Array.isArray(s))
+    return o ? [o] : [];
+  const i = Object.keys(s);
+  if (i.length === 0)
+    return o ? [o] : [];
+  for (const a of i) {
+    if (a === "version")
+      continue;
+    const g = o ? `${o}.${a}` : a, v = s[a];
+    if (v === null || typeof v != "object" || Array.isArray(v))
+      u.push(g);
+    else {
+      const y = B(v, g);
+      u.push(...y);
+    }
+  }
+  return u;
+}
+function se(s, o) {
+  if (s === o)
+    return !0;
+  if (s === null || o === null || typeof s != "object" || typeof o != "object" || Array.isArray(s) !== Array.isArray(o))
+    return !1;
+  if (Array.isArray(s))
+    return s.length !== o.length ? !1 : s.every((a, g) => se(a, o[g]));
+  const u = Object.keys(s), i = Object.keys(o);
+  return u.length !== i.length ? !1 : u.every((a) => i.includes(a) && se(s[a], o[a]));
+}
+class Rr {
+  /**
+   * Merge multiple remote patches into a local patch with deep (nested) conflict detection.
+   *
+   * **Conflict Rules:**
+   * - Conflicts occur ONLY when the exact same path is modified by both local and remote patches
+   * - Different paths merge automatically, even if they share a parent object
+   * - Example: local changes `user.name`, remote changes `user.address.city` → No conflict (different paths)
+   * - Example: local changes `user.name`, remote changes `user.name` → Conflict (same path)
+   *
+   * **Path Format:**
+   * - Uses dot notation: "user.name", "pages.0.container.text.fontSize"
+   * - Arrays are treated as single values (conflicts if entire array differs)
+   * - Flat objects work perfectly fine (treated as depth-1 nested objects)
+   *
+   * **Note:** Later remote patches can overwrite earlier remote patches without conflict.
+   * Conflicts only occur between the local patch and remote patches.
+   *
+   * @param localPatch - The base patch with potential nested structure
+   * @param remotePatches - Array of remote patches to merge
+   * @returns MergeResult with either merged patch or conflicts requiring resolution
+   */
+  mergePatches(o, u) {
+    const i = [], a = B(o), g = JSON.parse(JSON.stringify(o)), v = new Set(a);
+    for (let y = 0; y < u.length; y++) {
+      const d = u[y], C = B(d);
+      for (const l of C) {
+        if (v.has(l)) {
+          const j = U(o, l), P = U(d, l);
+          se(j, P) || i.find((D) => D.path === l) || i.push({
+            path: l,
+            localValue: j,
+            remoteValue: P,
+            remotePatchIndex: y
+          });
+        }
+        const p = U(d, l);
+        oe(g, l, p);
+      }
+      const m = this.getHigherVersion(g.version, d.version);
+      m !== void 0 && (g.version = m);
+    }
+    return i.length === 0 ? {
+      success: !0,
+      merged: g
+    } : {
+      success: !1,
+      conflicts: i,
+      basePatch: o
+    };
+  }
+  /**
+   * Apply conflict resolutions to produce the final merged patch.
+   *
+   * @param localPatch - The base patch with potential nested structure
+   * @param remotePatches - Array of remote patches
+   * @param resolutions - Array of conflict resolutions
+   * @returns Final resolved patch with deep merging
+   */
+  applyResolutions(o, u, i) {
+    const a = JSON.parse(JSON.stringify(o)), g = /* @__PURE__ */ new Map();
+    i.forEach((l) => {
+      g.set(l.conflictIndex, l);
+    });
+    const v = [], y = B(o), d = new Set(y);
+    for (let l = 0; l < u.length; l++) {
+      const p = u[l], j = B(p);
+      for (const P of j)
+        if (d.has(P)) {
+          const I = U(o, P), D = U(p, P);
+          se(I, D) || v.push({
+            path: P,
+            localValue: I,
+            remoteValue: D,
+            remotePatchIndex: l
+          });
+        }
+    }
+    const C = /* @__PURE__ */ new Set();
+    v.forEach((l, p) => {
+      C.add(l.path);
+      const j = g.get(p);
+      j && (j.strategy === "use-local" ? oe(a, l.path, l.localValue) : oe(a, l.path, l.remoteValue));
+    }), u.forEach((l) => {
+      B(l).forEach((j) => {
+        if (!C.has(j)) {
+          const P = U(l, j);
+          oe(a, j, P);
+        }
+      });
+    });
+    const m = [o.version, ...u.map((l) => l.version)].filter((l) => l !== void 0);
+    return m.length > 0 && (a.version = Math.max(...m)), {
+      resolutions: i,
+      resolved: a
+    };
+  }
+  /**
+   * Get the higher version number from two optional versions
+   */
+  getHigherVersion(o, u) {
+    if (!(o === void 0 && u === void 0))
+      return o === void 0 ? u : u === void 0 ? o : Math.max(o, u);
+  }
+}
+function jr(s) {
+  const [o, u] = $(null), [i, a] = $(!1), [g, v] = $(null), [y, d] = $([]), C = new Rr(), m = ge(
+    (j, P) => {
+      var I, D;
+      a(!0), v(j), d(P);
+      try {
+        const T = C.mergePatches(j, P);
+        return u(T), T.success && T.merged ? (I = s == null ? void 0 : s.onMergeSuccess) == null || I.call(s, T.merged) : (D = s == null ? void 0 : s.onConflict) == null || D.call(s, T), T;
+      } finally {
+        a(!1);
+      }
+    },
+    [s]
+  ), l = ge(
+    (j) => {
+      if (!g || y.length === 0)
+        return null;
+      const P = C.applyResolutions(g, y, j);
+      return u(null), v(null), d([]), P.resolved;
+    },
+    [g, y]
+  ), p = ge(() => {
+    u(null), v(null), d([]);
+  }, []);
+  return {
+    merging: i,
+    mergeResult: o,
+    hasConflict: o && !o.success,
+    mergePatches: m,
+    applyResolutions: l,
+    clearConflict: p
+  };
+}
+const Pr = ({ onMergeComplete: s }) => {
+  var A, M;
+  const [o, u] = $(
+    JSON.stringify({
+      version: 15,
+      message: "Hello from desktop",
+      x: 100,
+      y: 50,
+      user: {
+        name: "Alice",
+        location: {
+          city: "Boston",
+          state: "MA",
+          zip: "02101"
+        }
+      }
+    }, null, 2)
+  ), [i, a] = $([
+    {
+      version: 16,
+      message: "Hello from mobile",
+      x: 110,
+      y: 60,
+      user: {
+        name: "Alice",
+        location: {
+          city: "New York",
+          state: "NY",
+          zip: "10001"
+        }
+      }
+    },
+    { version: 17, z: 300 }
+  ]), [g, v] = $([
+    JSON.stringify({
+      version: 16,
+      message: "Hello from mobile",
+      x: 110,
+      y: 60,
+      user: {
+        name: "Alice",
+        location: {
+          city: "New York",
+          state: "NY",
+          zip: "10001"
+        }
+      }
+    }, null, 2),
+    JSON.stringify({ version: 17, z: 300 }, null, 2)
+  ]), [y, d] = $(null), [C, m] = $(!1), { mergePatches: l, applyResolutions: p } = jr({
+    onMergeSuccess: (f) => {
+      d({ success: !0, merged: f }), s == null || s(f);
+    },
+    onConflict: (f) => {
+      d(f), m(!0);
+    }
+  }), j = () => {
+    d(null);
+    try {
+      const f = JSON.parse(o), E = g.map((S) => JSON.parse(S));
+      l(f, E);
+    } catch (f) {
+      d({
+        success: !1,
+        conflicts: [{
+          path: "JSON Parse Error",
+          localValue: "Invalid JSON",
+          remoteValue: String(f)
+        }]
+      });
+    }
+  }, P = (f) => {
+    const E = p(f);
+    E && (d({ success: !0, merged: E }), m(!1), s == null || s(E));
+  }, I = (f) => {
+    u(f);
+  }, D = (f, E) => {
+    const S = [...g];
+    S[f] = E, v(S);
+  }, T = () => {
+    const E = { version: Math.max(...i.map((S) => S.version || 0)) + 1 };
+    a([...i, E]), v([...g, JSON.stringify(E, null, 2)]);
+  }, k = (f) => {
+    a(i.filter((E, S) => S !== f)), v(g.filter((E, S) => S !== f));
+  }, W = (f, E) => {
+    const { isSelected: S } = E;
+    if (typeof f == "string")
+      return /* @__PURE__ */ n.jsx(
+        "div",
+        {
+          style: {
+            backgroundColor: S ? "#e8f5e9" : "#f5f5f5",
+            padding: "20px",
+            borderRadius: "4px",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            minHeight: "80px"
+          },
+          children: /* @__PURE__ */ n.jsx(
+            "div",
+            {
+              style: {
+                fontSize: "18px",
+                fontWeight: "bold",
+                color: S ? "#2e7d32" : "#1976d2"
+              },
+              children: f
+            }
+          )
+        }
+      );
+    const Z = f && typeof f == "object" && "message" in f, ae = f && typeof f == "object" && ("x" in f || "y" in f);
+    if (Z || ae) {
+      const ie = f.message || "Preview", H = f.x || 0, N = f.y || 0;
+      return /* @__PURE__ */ n.jsxs(
+        "div",
+        {
+          style: {
+            backgroundColor: S ? "#e8f5e9" : "#f5f5f5",
+            padding: "20px",
+            borderRadius: "4px",
+            minHeight: "150px",
+            position: "relative"
+          },
+          children: [
+            /* @__PURE__ */ n.jsxs(
+              "div",
+              {
+                style: {
+                  fontSize: "12px",
+                  color: "#666",
+                  marginBottom: "10px",
+                  fontFamily: "monospace"
+                },
+                children: [
+                  "Position: x=",
+                  H,
+                  ", y=",
+                  N
+                ]
+              }
+            ),
+            /* @__PURE__ */ n.jsx(
+              "div",
+              {
+                style: {
+                  position: "absolute",
+                  left: `${20 + H}px`,
+                  top: `${40 + N / 10}px`,
+                  // Scale y for better visual
+                  padding: "8px 12px",
+                  backgroundColor: S ? "#4CAF50" : "#2196F3",
+                  color: "white",
+                  borderRadius: "4px",
+                  fontSize: "14px",
+                  boxShadow: "0 2px 4px rgba(0,0,0,0.2)",
+                  maxWidth: "200px",
+                  wordWrap: "break-word"
+                },
+                children: ie
+              }
+            ),
+            /* @__PURE__ */ n.jsx(
+              "pre",
+              {
+                style: {
+                  marginTop: "80px",
+                  fontSize: "11px",
+                  color: "#666",
+                  backgroundColor: "rgba(255,255,255,0.5)",
+                  padding: "8px",
+                  borderRadius: "4px",
+                  overflow: "auto"
+                },
+                children: JSON.stringify(f, null, 2)
+              }
+            )
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ n.jsx(
+      "pre",
+      {
+        style: {
+          backgroundColor: S ? "#e8f5e9" : "#f5f5f5",
+          padding: "15px",
+          borderRadius: "4px",
+          overflow: "auto",
+          maxHeight: "300px",
+          fontSize: "13px",
+          margin: 0
+        },
+        children: JSON.stringify(f, null, 2)
+      }
+    );
+  };
+  return /* @__PURE__ */ n.jsxs("div", { style: { padding: "20px", fontFamily: "system-ui, sans-serif" }, children: [
+    /* @__PURE__ */ n.jsx("h1", { children: "Patch Merge Demo" }),
+    /* @__PURE__ */ n.jsx("p", { children: "Merge multiple remote patches into a local patch. Example: Desktop has version 15, server has versions 16-20. Patches are merged sequentially. If any conflicts occur, step through them one at a time." }),
+    /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", gap: "20px", marginBottom: "20px" }, children: [
+      /* @__PURE__ */ n.jsxs("div", { style: { flex: 1 }, children: [
+        /* @__PURE__ */ n.jsx("h2", { children: "Local Patch (Your Changes)" }),
+        /* @__PURE__ */ n.jsx(
+          "textarea",
+          {
+            value: o,
+            onChange: (f) => I(f.target.value),
+            rows: 10,
+            style: {
+              width: "100%",
+              fontFamily: "monospace",
+              padding: "10px"
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n.jsxs("div", { style: { flex: 1 }, children: [
+        /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+          /* @__PURE__ */ n.jsx("h2", { children: "Remote Patches (From Server)" }),
+          /* @__PURE__ */ n.jsx(
+            "button",
+            {
+              onClick: T,
+              style: {
+                padding: "5px 10px",
+                fontSize: "14px",
+                cursor: "pointer",
+                backgroundColor: "#2196F3",
+                color: "white",
+                border: "none",
+                borderRadius: "4px"
+              },
+              children: "+ Add Patch"
+            }
+          )
+        ] }),
+        i.map((f, E) => /* @__PURE__ */ n.jsxs("div", { style: { marginBottom: "10px", position: "relative" }, children: [
+          /* @__PURE__ */ n.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "5px" }, children: [
+            /* @__PURE__ */ n.jsxs("small", { style: { color: "#666" }, children: [
+              "Remote Patch #",
+              E + 1,
+              " ",
+              f.version ? `(v${f.version})` : ""
+            ] }),
+            /* @__PURE__ */ n.jsx(
+              "button",
+              {
+                onClick: () => k(E),
+                style: {
+                  padding: "2px 6px",
+                  fontSize: "12px",
+                  cursor: "pointer",
+                  backgroundColor: "#f44336",
+                  color: "white",
+                  border: "none",
+                  borderRadius: "4px"
+                },
+                children: "× Remove"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ n.jsx(
+            "textarea",
+            {
+              value: g[E],
+              onChange: (S) => D(E, S.target.value),
+              rows: 4,
+              style: {
+                width: "100%",
+                fontFamily: "monospace",
+                padding: "10px",
+                fontSize: "12px"
+              }
+            }
+          )
+        ] }, E))
+      ] })
+    ] }),
+    /* @__PURE__ */ n.jsx(
+      "button",
+      {
+        onClick: j,
+        style: {
+          padding: "10px 20px",
+          fontSize: "16px",
+          cursor: "pointer",
+          backgroundColor: "#4CAF50",
+          color: "white",
+          border: "none",
+          borderRadius: "4px"
+        },
+        children: "Merge Patches"
+      }
+    ),
+    y && /* @__PURE__ */ n.jsx("div", { style: { marginTop: "20px" }, children: y.success ? /* @__PURE__ */ n.jsxs(
+      "div",
+      {
+        style: {
+          backgroundColor: "#d4edda",
+          border: "1px solid #c3e6cb",
+          padding: "15px",
+          borderRadius: "4px"
+        },
+        children: [
+          /* @__PURE__ */ n.jsx("h3", { style: { marginTop: 0, color: "#155724" }, children: "✓ Merged Successfully!" }),
+          /* @__PURE__ */ n.jsx("pre", { style: { backgroundColor: "#fff", padding: "10px", borderRadius: "4px" }, children: JSON.stringify(y.merged, null, 2) })
+        ]
+      }
+    ) : /* @__PURE__ */ n.jsxs(
+      "div",
+      {
+        style: {
+          backgroundColor: "#fff3cd",
+          border: "1px solid #ffc107",
+          padding: "15px",
+          borderRadius: "4px"
+        },
+        children: [
+          /* @__PURE__ */ n.jsxs("h3", { style: { marginTop: 0, color: "#856404" }, children: [
+            "⚠ ",
+            (A = y.conflicts) == null ? void 0 : A.length,
+            " Conflict",
+            ((M = y.conflicts) == null ? void 0 : M.length) !== 1 ? "s" : "",
+            " Detected"
+          ] }),
+          /* @__PURE__ */ n.jsx("p", { children: "The patches modify the same fields. A modal will help you resolve them one at a time." })
+        ]
+      }
+    ) }),
+    C && y && !y.success && y.conflicts && /* @__PURE__ */ n.jsx(
+      br,
+      {
+        conflicts: y.conflicts,
+        onResolveAll: P,
+        onClose: () => m(!1),
+        renderConflictValue: W
+      }
+    )
+  ] });
+};
+function wr(s) {
+  const o = {};
+  for (const u of s) {
+    if (u.op !== "add" && u.op !== "replace")
+      continue;
+    const i = u.path.match(/^\/([^/]+)$/);
+    if (!i) {
+      console.warn(`jsonPatchToDiff: Ignoring nested or invalid path: ${u.path}`);
+      continue;
+    }
+    const a = i[1];
+    o[a] = u.value;
+  }
+  return o;
+}
+function Sr(s) {
+  return Object.entries(s).filter(([o]) => o !== "version").map(([o, u]) => ({
+    op: "replace",
+    path: `/${o}`,
+    value: u
+  }));
+}
+export {
+  br as ConflictModal,
+  Rr as ConflictResolver,
+  Pr as PatchManager,
+  se as deepEqual,
+  Sr as diffToJsonPatch,
+  B as getAllPaths,
+  U as getNestedValue,
+  Er as hasNestedPath,
+  wr as jsonPatchToDiff,
+  oe as setNestedValue,
+  jr as usePatchMerger
+};