crossroad 3.0.4 → 3.0.5

package/dist/index.min.js

@@ -0,0 +1,687 @@
+import { createContext as hr, useCallback as U, useContext as xe, useEffect as re, useRef as gr, useState as mr } from "react";
+var ne = (n, a) => () => (a || n((a = { exports: {} }).exports, a), a.exports), Ae = /* @__PURE__ */ ((n) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(n, { get: (a, f) => (typeof require < "u" ? require : a)[f] }) : n)(function(n) {
+  if (typeof require < "u") return require.apply(this, arguments);
+  throw Error('Calling `require` for "' + n + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+}), B = hr(void 0), br = (n) => n.length > 1 ? n : n[0], j = (n) => {
+  if (typeof n != "string") return n;
+  const a = { query: {} }, f = new URL(n, "http://localhost:3000/");
+  a.path = (f.pathname.replace(/\/$/, "") || "/").replaceAll("%3C", "<").replaceAll("%3E", ">"), a.query = {};
+  for (const [s] of f.searchParams) a.query[s] = br(f.searchParams.getAll(s));
+  return f.hash && (a.hash = f.hash.replace(/^#/, "")), a;
+}, q = (n) => {
+  if (typeof n == "string") return n;
+  const { path: a, query: f = {}, hash: s } = n || {};
+  let o = a || "/";
+  const p = new URLSearchParams(Object.entries(f).map(([u, l]) => (Array.isArray(l) ? l : [l]).map((y) => [u, y])).flat().filter(([u, l]) => l)).toString();
+  return p && (o += "?" + p), s && (o += "#" + s), o;
+}, _r = (n) => {
+  if (!n) return null;
+  const a = n.getAttribute("href");
+  if (!a) return null;
+  const f = a.trim();
+  return /^[a-zA-Z][a-zA-Z0-9+\-.]*:/.test(f) || n.getAttribute("target") !== null ? null : f;
+}, ke = () => typeof window > "u", Er = /* @__PURE__ */ ne(((n) => {
+  var a = Ae("react"), f = /* @__PURE__ */ Symbol.for("react.element"), s = /* @__PURE__ */ Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, p = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = {
+    key: !0,
+    ref: !0,
+    __self: !0,
+    __source: !0
+  };
+  function l(y, g, R) {
+    var m, h = {}, P = null, k = null;
+    R !== void 0 && (P = "" + R), g.key !== void 0 && (P = "" + g.key), g.ref !== void 0 && (k = g.ref);
+    for (m in g) o.call(g, m) && !u.hasOwnProperty(m) && (h[m] = g[m]);
+    if (y && y.defaultProps) for (m in g = y.defaultProps, g) h[m] === void 0 && (h[m] = g[m]);
+    return {
+      $$typeof: f,
+      type: y,
+      key: P,
+      ref: k,
+      props: h,
+      _owner: p.current
+    };
+  }
+  n.Fragment = s, n.jsx = l, n.jsxs = l;
+})), Rr = /* @__PURE__ */ ne(((n) => {
+  process.env.NODE_ENV !== "production" && (function() {
+    "use strict";
+    var a = Ae("react"), f = /* @__PURE__ */ Symbol.for("react.element"), s = /* @__PURE__ */ Symbol.for("react.portal"), o = /* @__PURE__ */ Symbol.for("react.fragment"), p = /* @__PURE__ */ Symbol.for("react.strict_mode"), u = /* @__PURE__ */ Symbol.for("react.profiler"), l = /* @__PURE__ */ Symbol.for("react.provider"), y = /* @__PURE__ */ Symbol.for("react.context"), g = /* @__PURE__ */ Symbol.for("react.forward_ref"), R = /* @__PURE__ */ Symbol.for("react.suspense"), m = /* @__PURE__ */ Symbol.for("react.suspense_list"), h = /* @__PURE__ */ Symbol.for("react.memo"), P = /* @__PURE__ */ Symbol.for("react.lazy"), k = /* @__PURE__ */ Symbol.for("react.offscreen"), ae = Symbol.iterator, De = "@@iterator";
+    function Fe(e) {
+      if (e === null || typeof e != "object") return null;
+      var r = ae && e[ae] || e[De];
+      return typeof r == "function" ? r : null;
+    }
+    var D = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function w(e) {
+      for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), i = 1; i < r; i++) t[i - 1] = arguments[i];
+      Ie("error", e, t);
+    }
+    function Ie(e, r, t) {
+      var i = D.ReactDebugCurrentFrame.getStackAddendum();
+      i !== "" && (r += "%s", t = t.concat([i]));
+      var d = t.map(function(b) {
+        return String(b);
+      });
+      d.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, d);
+    }
+    var Ne = !1, We = !1, $e = !1, Le = !1, Ue = !1, Ye = /* @__PURE__ */ Symbol.for("react.module.reference");
+    function Me(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === o || e === u || Ue || e === p || e === R || e === m || Le || e === k || Ne || We || $e || typeof e == "object" && e !== null && (e.$$typeof === P || e.$$typeof === h || e.$$typeof === l || e.$$typeof === y || e.$$typeof === g || e.$$typeof === Ye || e.getModuleId !== void 0));
+    }
+    function Ve(e, r, t) {
+      var i = e.displayName;
+      if (i) return i;
+      var d = r.displayName || r.name || "";
+      return d !== "" ? t + "(" + d + ")" : t;
+    }
+    function oe(e) {
+      return e.displayName || "Context";
+    }
+    function C(e) {
+      if (e == null) return null;
+      if (typeof e.tag == "number" && w("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 o:
+          return "Fragment";
+        case s:
+          return "Portal";
+        case u:
+          return "Profiler";
+        case p:
+          return "StrictMode";
+        case R:
+          return "Suspense";
+        case m:
+          return "SuspenseList";
+      }
+      if (typeof e == "object") switch (e.$$typeof) {
+        case y:
+          return oe(e) + ".Consumer";
+        case l:
+          return oe(e._context) + ".Provider";
+        case g:
+          return Ve(e, e.render, "ForwardRef");
+        case h:
+          var r = e.displayName || null;
+          return r !== null ? r : C(e.type) || "Memo";
+        case P:
+          var t = e, i = t._payload, d = t._init;
+          try {
+            return C(d(i));
+          } catch {
+            return null;
+          }
+      }
+      return null;
+    }
+    var x = Object.assign, W = 0, ie, se, ue, le, fe, ce, pe;
+    function ve() {
+    }
+    ve.__reactDisabledLog = !0;
+    function Be() {
+      if (W === 0) {
+        ie = console.log, se = console.info, ue = console.warn, le = console.error, fe = console.group, ce = console.groupCollapsed, pe = console.groupEnd;
+        var e = {
+          configurable: !0,
+          enumerable: !0,
+          value: ve,
+          writable: !0
+        };
+        Object.defineProperties(console, {
+          info: e,
+          log: e,
+          warn: e,
+          error: e,
+          group: e,
+          groupCollapsed: e,
+          groupEnd: e
+        });
+      }
+      W++;
+    }
+    function Ke() {
+      if (W--, W === 0) {
+        var e = {
+          configurable: !0,
+          enumerable: !0,
+          writable: !0
+        };
+        Object.defineProperties(console, {
+          log: x({}, e, { value: ie }),
+          info: x({}, e, { value: se }),
+          warn: x({}, e, { value: ue }),
+          error: x({}, e, { value: le }),
+          group: x({}, e, { value: fe }),
+          groupCollapsed: x({}, e, { value: ce }),
+          groupEnd: x({}, e, { value: pe })
+        });
+      }
+      W < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+    }
+    var K = D.ReactCurrentDispatcher, H;
+    function Y(e, r, t) {
+      if (H === void 0) try {
+        throw Error();
+      } catch (d) {
+        var i = d.stack.trim().match(/\n( *(at )?)/);
+        H = i && i[1] || "";
+      }
+      return `
+` + H + e;
+    }
+    var J = !1, z = new (typeof WeakMap == "function" ? WeakMap : Map)();
+    function de(e, r) {
+      if (!e || J) return "";
+      var t = z.get(e);
+      if (t !== void 0) return t;
+      var i;
+      J = !0;
+      var d = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var b = K.current;
+      K.current = null, Be();
+      try {
+        if (r) {
+          var v = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(v.prototype, "props", { set: function() {
+            throw Error();
+          } }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(v, []);
+            } catch (S) {
+              i = S;
+            }
+            Reflect.construct(e, [], v);
+          } else {
+            try {
+              v.call();
+            } catch (S) {
+              i = S;
+            }
+            e.call(v.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (S) {
+            i = S;
+          }
+          e();
+        }
+      } catch (S) {
+        if (S && i && typeof S.stack == "string") {
+          for (var c = S.stack.split(`
+`), T = i.stack.split(`
+`), _ = c.length - 1, E = T.length - 1; _ >= 1 && E >= 0 && c[_] !== T[E]; ) E--;
+          for (; _ >= 1 && E >= 0; _--, E--) if (c[_] !== T[E]) {
+            if (_ !== 1 || E !== 1) do
+              if (_--, E--, E < 0 || c[_] !== T[E]) {
+                var O = `
+` + c[_].replace(" at new ", " at ");
+                return e.displayName && O.includes("<anonymous>") && (O = O.replace("<anonymous>", e.displayName)), typeof e == "function" && z.set(e, O), O;
+              }
+            while (_ >= 1 && E >= 0);
+            break;
+          }
+        }
+      } finally {
+        J = !1, K.current = b, Ke(), Error.prepareStackTrace = d;
+      }
+      var I = e ? e.displayName || e.name : "", A = I ? Y(I) : "";
+      return typeof e == "function" && z.set(e, A), A;
+    }
+    function He(e, r, t) {
+      return de(e, !1);
+    }
+    function Je(e) {
+      var r = e.prototype;
+      return !!(r && r.isReactComponent);
+    }
+    function M(e, r, t) {
+      if (e == null) return "";
+      if (typeof e == "function") return de(e, Je(e));
+      if (typeof e == "string") return Y(e);
+      switch (e) {
+        case R:
+          return Y("Suspense");
+        case m:
+          return Y("SuspenseList");
+      }
+      if (typeof e == "object") switch (e.$$typeof) {
+        case g:
+          return He(e.render);
+        case h:
+          return M(e.type, r, t);
+        case P:
+          var i = e, d = i._payload, b = i._init;
+          try {
+            return M(b(d), r, t);
+          } catch {
+          }
+      }
+      return "";
+    }
+    var $ = Object.prototype.hasOwnProperty, ye = {}, he = D.ReactDebugCurrentFrame;
+    function V(e) {
+      if (e) {
+        var r = e._owner, t = M(e.type, e._source, r ? r.type : null);
+        he.setExtraStackFrame(t);
+      } else he.setExtraStackFrame(null);
+    }
+    function ze(e, r, t, i, d) {
+      var b = Function.call.bind($);
+      for (var v in e) if (b(e, v)) {
+        var c = void 0;
+        try {
+          if (typeof e[v] != "function") {
+            var T = Error((i || "React class") + ": " + t + " type `" + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[v] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+            throw T.name = "Invariant Violation", T;
+          }
+          c = e[v](r, v, i, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+        } catch (_) {
+          c = _;
+        }
+        c && !(c instanceof Error) && (V(d), w("%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).", i || "React class", t, v, typeof c), V(null)), c instanceof Error && !(c.message in ye) && (ye[c.message] = !0, V(d), w("Failed %s type: %s", t, c.message), V(null));
+      }
+    }
+    var Ge = Array.isArray;
+    function G(e) {
+      return Ge(e);
+    }
+    function Qe(e) {
+      return typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+    }
+    function Xe(e) {
+      try {
+        return ge(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function ge(e) {
+      return "" + e;
+    }
+    function me(e) {
+      if (Xe(e))
+        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Qe(e)), ge(e);
+    }
+    var L = D.ReactCurrentOwner, Ze = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, be, _e, Ee = {};
+    function er(e) {
+      if ($.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 ($.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) {
+      if (typeof e.ref == "string" && L.current && r && L.current.stateNode !== r) {
+        var t = C(L.current.type);
+        Ee[t] || (w('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', C(L.current.type), e.ref), Ee[t] = !0);
+      }
+    }
+    function nr(e, r) {
+      var t = function() {
+        be || (be = !0, w("%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 ar(e, r) {
+      var t = function() {
+        _e || (_e = !0, w("%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 or = function(e, r, t, i, d, b, v) {
+      var c = {
+        $$typeof: f,
+        type: e,
+        key: r,
+        ref: t,
+        props: v,
+        _owner: b
+      };
+      return c._store = {}, Object.defineProperty(c._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(c, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: i
+      }), Object.defineProperty(c, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: d
+      }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
+    };
+    function ir(e, r, t, i, d) {
+      var b, v = {}, c = null, T = null;
+      t !== void 0 && (me(t), c = "" + t), rr(r) && (me(r.key), c = "" + r.key), er(r) && (T = r.ref, tr(r, d));
+      for (b in r) $.call(r, b) && !Ze.hasOwnProperty(b) && (v[b] = r[b]);
+      if (e && e.defaultProps) {
+        var _ = e.defaultProps;
+        for (b in _) v[b] === void 0 && (v[b] = _[b]);
+      }
+      if (c || T) {
+        var E = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+        c && nr(v, E), T && ar(v, E);
+      }
+      return or(e, c, T, d, i, L.current, v);
+    }
+    var Q = D.ReactCurrentOwner, Re = D.ReactDebugCurrentFrame;
+    function F(e) {
+      if (e) {
+        var r = e._owner, t = M(e.type, e._source, r ? r.type : null);
+        Re.setExtraStackFrame(t);
+      } else Re.setExtraStackFrame(null);
+    }
+    var we = !1;
+    function X(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === f;
+    }
+    function Te() {
+      if (Q.current) {
+        var e = C(Q.current.type);
+        if (e) return `
+
+Check the render method of \`` + e + "`.";
+      }
+      return "";
+    }
+    function sr(e) {
+      if (e !== void 0) {
+        var r = e.fileName.replace(/^.*[\\\/]/, ""), t = e.lineNumber;
+        return `
+
+Check your code at ` + r + ":" + t + ".";
+      }
+      return "";
+    }
+    var Se = {};
+    function ur(e) {
+      var r = Te();
+      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 Pe(e, r) {
+      if (!(!e._store || e._store.validated || e.key != null)) {
+        e._store.validated = !0;
+        var t = ur(r);
+        if (!Se[t]) {
+          Se[t] = !0;
+          var i = "";
+          e && e._owner && e._owner !== Q.current && (i = " It was passed a child from " + C(e._owner.type) + "."), F(e), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, i), F(null);
+        }
+      }
+    }
+    function Oe(e, r) {
+      if (typeof e == "object") {
+        if (G(e)) for (var t = 0; t < e.length; t++) {
+          var i = e[t];
+          X(i) && Pe(i, r);
+        }
+        else if (X(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var d = Fe(e);
+          if (typeof d == "function" && d !== e.entries)
+            for (var b = d.call(e), v; !(v = b.next()).done; ) X(v.value) && Pe(v.value, r);
+        }
+      }
+    }
+    function lr(e) {
+      var r = e.type;
+      if (!(r == null || typeof r == "string")) {
+        var t;
+        if (typeof r == "function") t = r.propTypes;
+        else if (typeof r == "object" && (r.$$typeof === g || r.$$typeof === h)) t = r.propTypes;
+        else return;
+        if (t) {
+          var i = C(r);
+          ze(t, e.props, "prop", i, e);
+        } else r.PropTypes !== void 0 && !we && (we = !0, w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C(r) || "Unknown"));
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function fr(e) {
+      for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
+        var i = r[t];
+        if (i !== "children" && i !== "key") {
+          F(e), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), F(null);
+          break;
+        }
+      }
+      e.ref !== null && (F(e), w("Invalid attribute `ref` supplied to `React.Fragment`."), F(null));
+    }
+    var Ce = {};
+    function je(e, r, t, i, d, b) {
+      var v = Me(e);
+      if (!v) {
+        var c = "";
+        (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (c += " 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 T = sr(d);
+        T ? c += T : c += Te();
+        var _;
+        e === null ? _ = "null" : G(e) ? _ = "array" : e !== void 0 && e.$$typeof === f ? (_ = "<" + (C(e.type) || "Unknown") + " />", c = " Did you accidentally export a JSX literal instead of a component?") : _ = typeof e, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", _, c);
+      }
+      var E = ir(e, r, t, d, b);
+      if (E == null) return E;
+      if (v) {
+        var O = r.children;
+        if (O !== void 0) if (i) if (G(O)) {
+          for (var I = 0; I < O.length; I++) Oe(O[I], e);
+          Object.freeze && Object.freeze(O);
+        } else w("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 Oe(O, e);
+      }
+      if ($.call(r, "key")) {
+        var A = C(e), S = Object.keys(r).filter(function(yr) {
+          return yr !== "key";
+        }), Z = S.length > 0 ? "{key: someKey, " + S.join(": ..., ") + ": ...}" : "{key: someKey}";
+        Ce[A + Z] || (w(`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} />`, Z, A, S.length > 0 ? "{" + S.join(": ..., ") + ": ...}" : "{}", A), Ce[A + Z] = !0);
+      }
+      return e === o ? fr(E) : lr(E), E;
+    }
+    function cr(e, r, t) {
+      return je(e, r, t, !0);
+    }
+    function pr(e, r, t) {
+      return je(e, r, t, !1);
+    }
+    var vr = pr, dr = cr;
+    n.Fragment = o, n.jsx = vr, n.jsxs = dr;
+  })();
+})), wr = /* @__PURE__ */ ne(((n, a) => {
+  process.env.NODE_ENV === "production" ? a.exports = Er() : a.exports = Rr();
+})), te = wr(), Tr = ({ scrollUp: n, url: a, children: f }) => {
+  const s = a || (ke() ? "/" : window.location.href), [o, p] = mr(() => j(s)), u = gr(o), l = U((y, { mode: g = "push" } = {}) => {
+    if (!history[g + "State"]) throw new Error(`Invalid mode "${g}"`);
+    p((h) => {
+      const P = typeof y == "function" ? y(h) : y;
+      return q(h) === q(P) ? h : j(P);
+    });
+    const R = u.current, m = typeof y == "function" ? y(R) : y;
+    if (q(R) !== q(m)) {
+      const h = j(m);
+      u.current = h, history[g + "State"]({}, null, q(h)), n && window.scrollTo(0, 0);
+    }
+  }, []);
+  return re(() => {
+    u.current = o;
+  }, [o]), re(() => {
+    if (ke()) return;
+    const y = () => p(j(window.location.href)), g = (R) => {
+      const m = R.target, h = _r(m?.closest("a") ?? null);
+      if (!h) return !1;
+      R.preventDefault();
+      const [P, k] = h.split("#");
+      P ? l(h) : k && (window.location.hash = "#" + k);
+    };
+    return window.addEventListener("popstate", y), document.addEventListener("click", g), () => {
+      window.removeEventListener("popstate", y), document.removeEventListener("click", g);
+    };
+  }, [l]), /* @__PURE__ */ (0, te.jsx)(B.Provider, {
+    value: [o, l],
+    children: f
+  });
+};
+function qe(n, a, f = {}) {
+  let s = JSON.parse(JSON.stringify(j(n))), o = JSON.parse(JSON.stringify(j(a)));
+  if (o.path = o.path.replace(/\/$/, "") || "/", s.path = s.path.replace(/\/$/, "") || "/", s.path.endsWith("*")) {
+    s.path = s.path.replace(/\/?\*/, "") || "/";
+    const l = s.path.split("/").filter(Boolean).length;
+    o.path = "/" + o.path.slice(1).split("/").slice(0, l).join("/");
+  }
+  if (Object.entries(s.query).length) {
+    for (const l in s.query)
+      if (!(l in o.query) || s.query[l] && s.query[l] !== o.query[l]) return !1;
+  }
+  if (!s.path.includes(":")) return s.path === o.path && f;
+  if (s.path.split("/").length !== o.path.split("/").length) return !1;
+  const p = {}, u = s.path.split("/").every((l, y) => {
+    const g = o.path.split("/")[y];
+    if (l.startsWith(":")) {
+      let R = l.slice(1), m = "string";
+      R.includes("<") && ([R, m] = R.split("<"), m = m.slice(0, -1));
+      const h = decodeURIComponent(g);
+      return p[R] = m === "number" ? Number(h) : m === "date" ? new Date(/^\d+$/.test(h) ? Number(h) : h) : m === "boolean" ? h === "true" : h, f;
+    }
+    return g === l;
+  });
+  return u && Object.assign(f, p), u && f;
+}
+var N = () => {
+  const n = xe(B);
+  if (!n) throw new Error("Wrap your App with <Router>");
+  return n;
+}, jr = ({ path: n = "*", scrollUp: a, component: f, render: s, children: o }) => {
+  const p = N(), u = qe(n, p[0]);
+  if (!u) return null;
+  if (a && window.scrollTo(0, 0), f) o = /* @__PURE__ */ (0, te.jsx)(f, { ...u });
+  else if (s) o = s(u);
+  else if (!o) throw new Error("Route needs prop `component`, `render` or `children`");
+  return /* @__PURE__ */ (0, te.jsx)(B.Provider, {
+    value: [{
+      ...p[0],
+      params: u
+    }, p[1]],
+    children: o
+  });
+}, Sr = (n) => (Array.isArray(n) ? n : [n]).filter((a) => a != null && typeof a == "object" && "props" in a), kr = ({ redirect: n, children: a }) => {
+  const [f, s] = N(), o = (u) => qe(u.props.path || "*", f), p = Sr(a).find(o) || null;
+  return re(() => {
+    n && (p || s(q(typeof n == "function" ? n(f) : n)));
+  }, [n, p]), p;
+}, xr = () => {
+  const [n, a] = N(), s = U((o, p) => {
+    a((u) => {
+      const l = typeof o == "function" ? o(u.path) : o;
+      return {
+        ...u,
+        path: typeof l == "string" ? l : "/"
+      };
+    }, p);
+  }, []);
+  return [n.path, s];
+}, ee = (n) => q({ query: n }), Pr = (n) => {
+  const [a, f] = N(), s = U((o, p) => {
+    f((u) => {
+      const l = u.query[n], y = typeof o == "function" ? o(l) : o;
+      if (y === l) return u;
+      if (y)
+        return {
+          ...u,
+          query: {
+            ...u.query,
+            [n]: y
+          }
+        };
+      {
+        const { [n]: g, ...R } = u.query;
+        return {
+          ...u,
+          query: R
+        };
+      }
+    }, p);
+  }, []);
+  return [a.query[n], s];
+}, Or = () => {
+  const [n, a] = N(), f = U((s, o) => {
+    a((p) => {
+      let u = typeof s == "function" ? s(p.query) : s;
+      typeof u == "string" && (u = j("/?" + u.replace(/^\?/, "")).query);
+      const l = j(ee(u)).query;
+      return ee(l) === ee(p.query) ? p : {
+        ...p,
+        query: l
+      };
+    }, o);
+  }, []);
+  return [n.query, f];
+};
+function Ar(n) {
+  return n ? Pr(n) : Or();
+}
+var qr = () => {
+  const [n, a] = N(), s = U((o, p) => {
+    a((u) => {
+      const l = typeof o == "function" ? o(u.hash) : o, y = typeof l != "string" ? "" : l.replace(/^#/, "");
+      return {
+        ...u,
+        hash: y
+      };
+    }, p);
+  }, []);
+  return [n.hash, s];
+};
+function Dr(n) {
+  const [{ params: a }] = xe(B);
+  return n ? n in a ? a[n] : "" : a || {};
+}
+var Fr = Tr;
+export {
+  B as Context,
+  jr as Route,
+  kr as Switch,
+  Fr as default,
+  qr as useHash,
+  Dr as useParams,
+  xr as usePath,
+  Ar as useQuery,
+  N as useUrl
+};

package/dist/src/Context.d.ts

@@ -0,0 +1,3 @@
+import { Url, SetUrl } from './types';
+declare const _default: import('react').Context<[Url, SetUrl] | undefined>;
+export default _default;

package/dist/src/Route.d.ts

@@ -0,0 +1,36 @@
+import { default as React } from 'react';
+type ParseParamType<T extends string> = T extends `${infer Name}<${infer Type}>` ? Type extends "number" ? {
+    [K in Name]: number;
+} : Type extends "string" ? {
+    [K in Name]: string;
+} : Type extends "date" ? {
+    [K in Name]: Date;
+} : Type extends "boolean" ? {
+    [K in Name]: boolean;
+} : {
+    [K in Name]: string;
+} : {
+    [K in T]: string;
+};
+type ExtractParams<T extends string> = T extends `${infer _Prefix}/:${infer Param}/${infer Rest}` ? ParseParamType<Param> & ExtractParams<`/${Rest}`> : T extends `${infer _Prefix}/:${infer Param}` ? ParseParamType<Param> : {};
+type InferParamsFromPath<T extends string> = T extends `${string}/:${string}` ? ExtractParams<T> : {};
+interface RoutePropsBase {
+    path?: string;
+    scrollUp?: boolean;
+    children?: React.ReactNode;
+}
+type RouteProps<T extends Record<string, string | number | boolean | Date> = {}> = RoutePropsBase & ({
+    component: React.FunctionComponent<T>;
+    render?: never;
+} | {
+    render: (params: T) => React.ReactNode;
+    component?: never;
+} | {
+    component?: never;
+    render?: never;
+});
+type RouteType = <P extends string = string>(props: RouteProps<InferParamsFromPath<P>> & {
+    path?: P;
+}) => React.ReactNode;
+declare const _default: RouteType;
+export default _default;

package/dist/src/Router.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface RouterProps {
+    scrollUp?: boolean;
+    url?: string;
+    children?: React.ReactNode;
+}
+declare const _default: ({ scrollUp, url: baseUrl, children }: RouterProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/src/Switch.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement, ReactNode } from 'react';
+import { Url } from './types';
+interface SwitchProps {
+    redirect?: string | {
+        path: string;
+    } | ((url: Url) => string);
+    children?: ReactNode;
+}
+declare const _default: ({ redirect, children }: SwitchProps) => ReactElement | null;
+export default _default;

package/dist/src/helpers/format.d.ts

@@ -0,0 +1,3 @@
+import { Url, UrlSet } from '../types';
+export declare const parse: (base: string | Url | UrlSet) => Url;
+export declare const stringify: (url: string | Url | UrlSet | null | undefined) => string;

package/dist/src/helpers/getHref.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (el: Element | null) => string | null;
+export default _default;

package/dist/src/helpers/isServer.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => boolean;
+export default _default;

package/dist/src/helpers/samePath.d.ts

@@ -0,0 +1,2 @@
+import { Url, UrlSet, Params } from '../types';
+export default function samePath(ref: string | Url | UrlSet, url: string | Url | UrlSet, params?: Params): Params | false;

package/dist/src/hooks/useHash.d.ts

@@ -0,0 +1,5 @@
+import { SetUrlOptions } from '../types';
+type HashUpdater = (hash: string | undefined) => string;
+type SetHash = (hash: string | HashUpdater, opts?: SetUrlOptions) => void;
+declare const _default: () => [string | undefined, SetHash];
+export default _default;

package/dist/src/hooks/useParams.d.ts

@@ -0,0 +1,4 @@
+import { Params } from '../types';
+declare function useParams(): Params;
+declare function useParams<T = string | number | boolean | Date>(key: string): T;
+export default useParams;

package/dist/src/hooks/usePath.d.ts

@@ -0,0 +1,5 @@
+import { SetUrlOptions } from '../types';
+type PathUpdater = (path: string) => string;
+type SetPath = (path: string | PathUpdater, opts?: SetUrlOptions) => void;
+declare const _default: () => [string, SetPath];
+export default _default;

package/dist/src/hooks/useQuery.d.ts

@@ -0,0 +1,8 @@
+import { Query, SetUrlOptions } from '../types';
+type QueryValue = string | string[] | undefined;
+type SetQueryProp = (value: string | ((prev: QueryValue) => string), opts?: SetUrlOptions) => void;
+type QueryUpdater = (query: Query) => Query | string;
+type SetQuery = (newQuery: Query | string | QueryUpdater, opts?: SetUrlOptions) => void;
+declare function useQuery(key: string): [QueryValue, SetQueryProp];
+declare function useQuery(): [Query, SetQuery];
+export default useQuery;

package/dist/src/hooks/useUrl.d.ts

@@ -0,0 +1,3 @@
+import { Url, SetUrl } from '../types';
+declare const _default: () => [Url, SetUrl];
+export default _default;

package/dist/src/index.d.ts

@@ -0,0 +1,11 @@
+import { default as Router } from './Router';
+import { default as Route } from './Route';
+import { default as Switch } from './Switch';
+import { default as Context } from './Context';
+import { default as useUrl } from './hooks/useUrl';
+import { default as usePath } from './hooks/usePath';
+import { default as useQuery } from './hooks/useQuery';
+import { default as useHash } from './hooks/useHash';
+import { default as useParams } from './hooks/useParams';
+export default Router;
+export { Route, Switch, useUrl, usePath, useQuery, useHash, useParams, Context };

package/dist/src/types.d.ts

@@ -0,0 +1,18 @@
+export type Query = Record<string, string | string[]>;
+export type Url = {
+    path: string;
+    query: Query;
+    hash?: string;
+    params?: Params;
+};
+export type UrlSet = {
+    path?: string;
+    query?: Query;
+    hash?: string;
+};
+export type Params = Record<string, string | number | boolean | Date>;
+export type SetUrlOptions = {
+    mode?: "push" | "replace";
+};
+export type NewUrlValue = Url | UrlSet | string;
+export type SetUrl = (newUrl: NewUrlValue | ((prev: Url) => NewUrlValue), opts?: SetUrlOptions) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "crossroad",
-  "version": "3.0.4",
+  "version": "3.0.5",
   "description": "A React library to handle navigation easily in your WebApp",
   "homepage": "https://crossroad.page/",
   "repository": "github:franciscop/crossroad",
@@ -24,48 +24,33 @@
     }
   },
   "scripts": {
-    "build": "tsc -p tsconfig.build.json && rollup -c",
+    "build": "vite build",
     "lint": "tsc",
-    "size": "echo $(gzip -c index.min.js | wc -c) bytes",
-    "start": "jest --watch",
-    "test": "jest --coverage"
+    "size": "echo $(gzip -c dist/index.min.js | wc -c) bytes",
+    "start": "vitest",
+    "test": "vitest run --coverage"
   },
-  "main": "index.min.js",
+  "main": "dist/index.min.js",
   "type": "module",
-  "types": "index.d.ts",
+  "types": "dist/src/index.d.ts",
   "files": [
-    "index.d.ts"
+    "dist"
   ],
   "devDependencies": {
-    "@babel/core": "^7.29.0",
-    "@babel/preset-env": "^7.29.2",
-    "@babel/preset-react": "^7.28.5",
-    "@babel/preset-typescript": "^7.28.5",
-    "@rollup/plugin-babel": "^6.0.0",
-    "@rollup/plugin-terser": "^1.0.0",
-    "@types/jest": "^30.0.0",
     "@types/node": "^25.5.2",
     "@types/react": "^18.3.4",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/coverage-v8": "^3.2.4",
+    "jsdom": "^26.1.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-test": "^0.23.2",
-    "rollup": "^4.60.1",
-    "rollup-plugin-dts": "^6.4.1",
-    "typescript": "^6.0.2"
+    "react-test": "^0.23.3",
+    "typescript": "^6.0.2",
+    "vite": "^8.0.3",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^3.2.4"
   },
   "peerDependencies": {
     "react": ">=16.8.0"
-  },
-  "babel": {
-    "presets": [
-      "@babel/preset-env",
-      "@babel/preset-react",
-      "@babel/preset-typescript"
-    ]
-  },
-  "jest": {
-    "testEnvironment": "jsdom"
   }
 }

package/index.d.ts

@@ -1,95 +0,0 @@
-import * as React from 'react';
-import React__default, { ReactNode, ReactElement } from 'react';
-
-interface RouterProps {
-    scrollUp?: boolean;
-    url?: string;
-    children?: React__default.ReactNode;
-}
-declare const _default$6: ({ scrollUp, url: baseUrl, children }: RouterProps) => React__default.JSX.Element;
-
-type ParseParamType<T extends string> = T extends `${infer Name}<${infer Type}>` ? Type extends "number" ? {
-    [K in Name]: number;
-} : Type extends "string" ? {
-    [K in Name]: string;
-} : Type extends "date" ? {
-    [K in Name]: Date;
-} : Type extends "boolean" ? {
-    [K in Name]: boolean;
-} : {
-    [K in Name]: string;
-} : {
-    [K in T]: string;
-};
-type ExtractParams<T extends string> = T extends `${infer _Prefix}/:${infer Param}/${infer Rest}` ? ParseParamType<Param> & ExtractParams<`/${Rest}`> : T extends `${infer _Prefix}/:${infer Param}` ? ParseParamType<Param> : {};
-type InferParamsFromPath<T extends string> = T extends `${string}/:${string}` ? ExtractParams<T> : {};
-interface RoutePropsBase {
-    path?: string;
-    scrollUp?: boolean;
-    children?: React__default.ReactNode;
-}
-type RouteProps<T extends Record<string, string | number | boolean | Date> = {}> = RoutePropsBase & ({
-    component: React__default.FunctionComponent<T>;
-    render?: never;
-} | {
-    render: (params: T) => React__default.ReactNode;
-    component?: never;
-} | {
-    component?: never;
-    render?: never;
-});
-type RouteType = <P extends string = string>(props: RouteProps<InferParamsFromPath<P>> & {
-    path?: P;
-}) => React__default.ReactNode;
-declare const _default$5: RouteType;
-
-type Query = Record<string, string | string[]>;
-type Url = {
-    path: string;
-    query: Query;
-    hash?: string;
-    params?: Params;
-};
-type UrlSet = {
-    path?: string;
-    query?: Query;
-    hash?: string;
-};
-type Params = Record<string, string | number | boolean | Date>;
-type SetUrlOptions = {
-    mode?: "push" | "replace";
-};
-type NewUrlValue = Url | UrlSet | string;
-type SetUrl = (newUrl: NewUrlValue | ((prev: Url) => NewUrlValue), opts?: SetUrlOptions) => void;
-
-interface SwitchProps {
-    redirect?: string | {
-        path: string;
-    } | ((url: Url) => string);
-    children?: ReactNode;
-}
-declare const _default$4: ({ redirect, children }: SwitchProps) => ReactElement | null;
-
-declare const _default$3: React.Context<[Url, SetUrl] | undefined>;
-
-declare const _default$2: () => [Url, SetUrl];
-
-type PathUpdater = (path: string) => string;
-type SetPath = (path: string | PathUpdater, opts?: SetUrlOptions) => void;
-declare const _default$1: () => [string, SetPath];
-
-type QueryValue = string | string[] | undefined;
-type SetQueryProp = (value: string | ((prev: QueryValue) => string), opts?: SetUrlOptions) => void;
-type QueryUpdater = (query: Query) => Query | string;
-type SetQuery = (newQuery: Query | string | QueryUpdater, opts?: SetUrlOptions) => void;
-declare function useQuery(key: string): [QueryValue, SetQueryProp];
-declare function useQuery(): [Query, SetQuery];
-
-type HashUpdater = (hash: string | undefined) => string;
-type SetHash = (hash: string | HashUpdater, opts?: SetUrlOptions) => void;
-declare const _default: () => [string | undefined, SetHash];
-
-declare function useParams(): Params;
-declare function useParams<T = string | number | boolean | Date>(key: string): T;
-
-export { _default$3 as Context, _default$5 as Route, _default$4 as Switch, _default$6 as default, _default as useHash, useParams, _default$1 as usePath, useQuery, _default$2 as useUrl };

package/index.min.js

@@ -1 +0,0 @@
-import t,{createContext as e,useState as r,useRef as n,useCallback as o,useEffect as i,useContext as s}from"react";var a=e(void 0);const u=t=>t.length>1?t:t[0],c=t=>{if("string"!=typeof t)return t;const e={query:{}},r=new URL(t,"http://localhost:3000/");e.path=(r.pathname.replace(/\/$/,"")||"/").replaceAll("%3C","<").replaceAll("%3E",">"),e.query={};for(const[t]of r.searchParams)e.query[t]=u(r.searchParams.getAll(t));return r.hash&&(e.hash=r.hash.replace(/^#/,"")),e},l=t=>{if("string"==typeof t)return t;const{path:e,query:r={},hash:n}=t||{};let o=e||"/";const i=new URLSearchParams(Object.entries(r).map(([t,e])=>(Array.isArray(e)?e:[e]).map(e=>[t,e])).flat().filter(([t,e])=>e)).toString();return i&&(o+="?"+i),n&&(o+="#"+n),o};var p=()=>"undefined"==typeof window,h=({scrollUp:e,url:s,children:u})=>{const h=s||(p()?"/":window.location.href),[f,y]=r(()=>c(h)),d=n(f),m=o((t,{mode:r="push"}={})=>{if(!history[r+"State"])throw new Error(`Invalid mode "${r}"`);y(e=>{const r="function"==typeof t?t(e):t;return l(e)===l(r)?e:c(r)});const n=d.current,o="function"==typeof t?t(n):t;if(l(n)!==l(o)){const t=c(o);d.current=t,history[r+"State"]({},null,l(t)),e&&window.scrollTo(0,0)}},[]);return i(()=>{d.current=f},[f]),i(()=>{if(p())return;const t=()=>y(c(window.location.href)),e=t=>{const e=t.target,r=(t=>{if(!t)return null;const e=t.getAttribute("href");if(!e)return null;const r=e.trim();return/^[a-zA-Z][a-zA-Z0-9+\-.]*:/.test(r)||null!==t.getAttribute("target")?null:r})(e?.closest("a")??null);if(!r)return!1;t.preventDefault();const[n,o]=r.split("#");n?m(r):o&&(window.location.hash="#"+o)};return window.addEventListener("popstate",t),document.addEventListener("click",e),()=>{window.removeEventListener("popstate",t),document.removeEventListener("click",e)}},[m]),t.createElement(a.Provider,{value:[f,m]},u)};function f(t,e,r={}){let n=JSON.parse(JSON.stringify(c(t))),o=JSON.parse(JSON.stringify(c(e)));if(o.path=o.path.replace(/\/$/,"")||"/",n.path=n.path.replace(/\/$/,"")||"/",n.path.endsWith("*")){n.path=n.path.replace(/\/?\*/,"")||"/";const t=n.path.split("/").filter(Boolean).length;o.path="/"+o.path.slice(1).split("/").slice(0,t).join("/")}if(Object.entries(n.query).length)for(const t in n.query){if(!(t in o.query))return!1;if(n.query[t]&&n.query[t]!==o.query[t])return!1}if(!n.path.includes(":"))return n.path===o.path&&r;if(n.path.split("/").length!==o.path.split("/").length)return!1;const i={},s=n.path.split("/").every((t,e)=>{const n=o.path.split("/")[e];if(t.startsWith(":")){let e=t.slice(1),o="string";e.includes("<")&&([e,o]=e.split("<"),o=o.slice(0,-1));const s=decodeURIComponent(n);return i[e]="number"===o?Number(s):"date"===o?new Date(/^\d+$/.test(s)?Number(s):s):"boolean"===o?"true"===s:s,r}return n===t});return s&&Object.assign(r,i),s&&r}var y=()=>{const t=s(a);if(!t)throw new Error("Wrap your App with <Router>");return t};const d=({path:e="*",scrollUp:r,component:n,render:o,children:i})=>{const s=y(),u=f(e,s[0]);if(!u)return null;if(r&&window.scrollTo(0,0),n){const e=n;i=t.createElement(e,u)}else if(o)i=o(u);else if(!i)throw new Error("Route needs prop `component`, `render` or `children`");return t.createElement(a.Provider,{value:[{...s[0],params:u},s[1]]},i)};var m=({redirect:t,children:e})=>{const[r,n]=y(),o=(t=>(Array.isArray(t)?t:[t]).filter(t=>null!=t&&"object"==typeof t&&"props"in t))(e).find(t=>f(t.props.path||"*",r))||null;return i(()=>{if(!t)return;if(o)return;const e="function"==typeof t?t(r):t;n(l(e))},[t,o]),o},w=()=>{const[t,e]=y(),r=o((t,r)=>{e(e=>{const r="function"==typeof t?t(e.path):t;return{...e,path:"string"==typeof r?r:"/"}},r)},[]);return[t.path,r]};const q=t=>l({query:t});function g(t){return t?(t=>{const[e,r]=y(),n=o((e,n)=>{r(r=>{const n=r.query[t],o="function"==typeof e?e(n):e;if(o===n)return r;if(o)return{...r,query:{...r.query,[t]:o}};{const{[t]:e,...n}=r.query;return{...r,query:n}}},n)},[]);return[e.query[t],n]})(t):(()=>{const[t,e]=y(),r=o((t,r)=>{e(e=>{let r="function"==typeof t?t(e.query):t;"string"==typeof r&&(r=c("/?"+r.replace(/^\?/,"")).query);const n=c(q(r)).query;return q(n)===q(e.query)?e:{...e,query:n}},r)},[]);return[t.query,r]})()}var v=()=>{const[t,e]=y(),r=o((t,r)=>{e(e=>{const r="function"==typeof t?t(e.hash):t,n="string"!=typeof r?"":r.replace(/^#/,"");return{...e,hash:n}},r)},[]);return[t.hash,r]};function A(t){const[{params:e}]=s(a);return t?t in e?e[t]:"":e||{}}export{a as Context,d as Route,m as Switch,h as default,v as useHash,A as useParams,w as usePath,g as useQuery,y as useUrl};