@dotvoid/stacked-router 1.0.0

package/dist/index.es.js

@@ -0,0 +1,1112 @@
+import Oe, { createContext as X, useMemo as j, useState as C, useEffect as P, useContext as I, useRef as le, useCallback as ae, Component as Ve } from "react";
+var W = { exports: {} }, V = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ie;
+function Ae() {
+  if (ie) return V;
+  ie = 1;
+  var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
+  function n(r, o, s) {
+    var i = null;
+    if (s !== void 0 && (i = "" + s), o.key !== void 0 && (i = "" + o.key), "key" in o) {
+      s = {};
+      for (var c in o)
+        c !== "key" && (s[c] = o[c]);
+    } else s = o;
+    return o = s.ref, {
+      $$typeof: t,
+      type: r,
+      key: i,
+      ref: o !== void 0 ? o : null,
+      props: s
+    };
+  }
+  return V.Fragment = e, V.jsx = n, V.jsxs = n, V;
+}
+var A = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ce;
+function Ce() {
+  return ce || (ce = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(a) {
+      if (a == null) return null;
+      if (typeof a == "function")
+        return a.$$typeof === _e ? null : a.displayName || a.name || null;
+      if (typeof a == "string") return a;
+      switch (a) {
+        case y:
+          return "Fragment";
+        case S:
+          return "Profiler";
+        case v:
+          return "StrictMode";
+        case be:
+          return "Suspense";
+        case Se:
+          return "SuspenseList";
+        case Pe:
+          return "Activity";
+      }
+      if (typeof a == "object")
+        switch (typeof a.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), a.$$typeof) {
+          case x:
+            return "Portal";
+          case Ee:
+            return (a.displayName || "Context") + ".Provider";
+          case N:
+            return (a._context.displayName || "Context") + ".Consumer";
+          case Re:
+            var d = a.render;
+            return a = a.displayName, a || (a = d.displayName || d.name || "", a = a !== "" ? "ForwardRef(" + a + ")" : "ForwardRef"), a;
+          case ke:
+            return d = a.displayName || null, d !== null ? d : t(a.type) || "Memo";
+          case Z:
+            d = a._payload, a = a._init;
+            try {
+              return t(a(d));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function e(a) {
+      return "" + a;
+    }
+    function n(a) {
+      try {
+        e(a);
+        var d = !1;
+      } catch {
+        d = !0;
+      }
+      if (d) {
+        d = console;
+        var m = d.error, E = typeof Symbol == "function" && Symbol.toStringTag && a[Symbol.toStringTag] || a.constructor.name || "Object";
+        return m.call(
+          d,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          E
+        ), e(a);
+      }
+    }
+    function r(a) {
+      if (a === y) return "<>";
+      if (typeof a == "object" && a !== null && a.$$typeof === Z)
+        return "<...>";
+      try {
+        var d = t(a);
+        return d ? "<" + d + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function o() {
+      var a = D.A;
+      return a === null ? null : a.getOwner();
+    }
+    function s() {
+      return Error("react-stack-top-frame");
+    }
+    function i(a) {
+      if (ee.call(a, "key")) {
+        var d = Object.getOwnPropertyDescriptor(a, "key").get;
+        if (d && d.isReactWarning) return !1;
+      }
+      return a.key !== void 0;
+    }
+    function c(a, d) {
+      function m() {
+        te || (te = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          d
+        ));
+      }
+      m.isReactWarning = !0, Object.defineProperty(a, "key", {
+        get: m,
+        configurable: !0
+      });
+    }
+    function u() {
+      var a = t(this.type);
+      return re[a] || (re[a] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), a = this.props.ref, a !== void 0 ? a : null;
+    }
+    function l(a, d, m, E, k, b, Y, z) {
+      return m = b.ref, a = {
+        $$typeof: h,
+        type: a,
+        key: d,
+        props: b,
+        _owner: k
+      }, (m !== void 0 ? m : null) !== null ? Object.defineProperty(a, "ref", {
+        enumerable: !1,
+        get: u
+      }) : Object.defineProperty(a, "ref", { enumerable: !1, value: null }), a._store = {}, Object.defineProperty(a._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(a, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(a, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: Y
+      }), Object.defineProperty(a, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: z
+      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
+    }
+    function p(a, d, m, E, k, b, Y, z) {
+      var R = d.children;
+      if (R !== void 0)
+        if (E)
+          if (je(R)) {
+            for (E = 0; E < R.length; E++)
+              w(R[E]);
+            Object.freeze && Object.freeze(R);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else w(R);
+      if (ee.call(d, "key")) {
+        R = t(a);
+        var _ = Object.keys(d).filter(function(Te) {
+          return Te !== "key";
+        });
+        E = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", se[R + E] || (_ = 0 < _.length ? "{" + _.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          E,
+          R,
+          _,
+          R
+        ), se[R + E] = !0);
+      }
+      if (R = null, m !== void 0 && (n(m), R = "" + m), i(d) && (n(d.key), R = "" + d.key), "key" in d) {
+        m = {};
+        for (var B in d)
+          B !== "key" && (m[B] = d[B]);
+      } else m = d;
+      return R && c(
+        m,
+        typeof a == "function" ? a.displayName || a.name || "Unknown" : a
+      ), l(
+        a,
+        R,
+        b,
+        k,
+        o(),
+        m,
+        Y,
+        z
+      );
+    }
+    function w(a) {
+      typeof a == "object" && a !== null && a.$$typeof === h && a._store && (a._store.validated = 1);
+    }
+    var g = Oe, h = Symbol.for("react.transitional.element"), x = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), Ee = Symbol.for("react.context"), Re = Symbol.for("react.forward_ref"), be = Symbol.for("react.suspense"), Se = Symbol.for("react.suspense_list"), ke = Symbol.for("react.memo"), Z = Symbol.for("react.lazy"), Pe = Symbol.for("react.activity"), _e = Symbol.for("react.client.reference"), D = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ee = Object.prototype.hasOwnProperty, je = Array.isArray, M = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    g = {
+      react_stack_bottom_frame: function(a) {
+        return a();
+      }
+    };
+    var te, re = {}, ne = g.react_stack_bottom_frame.bind(
+      g,
+      s
+    )(), oe = M(r(s)), se = {};
+    A.Fragment = y, A.jsx = function(a, d, m, E, k) {
+      var b = 1e4 > D.recentlyCreatedOwnerStacks++;
+      return p(
+        a,
+        d,
+        m,
+        !1,
+        E,
+        k,
+        b ? Error("react-stack-top-frame") : ne,
+        b ? M(r(a)) : oe
+      );
+    }, A.jsxs = function(a, d, m, E, k) {
+      var b = 1e4 > D.recentlyCreatedOwnerStacks++;
+      return p(
+        a,
+        d,
+        m,
+        !0,
+        E,
+        k,
+        b ? Error("react-stack-top-frame") : ne,
+        b ? M(r(a)) : oe
+      );
+    };
+  })()), A;
+}
+var ue;
+function Le() {
+  return ue || (ue = 1, process.env.NODE_ENV === "production" ? W.exports = Ae() : W.exports = Ce()), W.exports;
+}
+var f = Le();
+const fe = X({
+  trigger: "init",
+  state: {
+    id: "",
+    views: []
+  },
+  navigate: () => {
+  },
+  close: () => {
+  }
+});
+function $(t, ...e) {
+  t && t.addEventListener && t.addEventListener(...e);
+}
+function F(t, ...e) {
+  t && t.removeEventListener && t.removeEventListener(...e);
+}
+function de(t, e) {
+  window.dispatchEvent(
+    new CustomEvent(t, { detail: e })
+  );
+}
+function K(t = "", e = {}) {
+  const n = new URL(t, "http://dummy.base"), r = {
+    ...Object.fromEntries(n.searchParams.entries()),
+    ...e
+  }, o = new URLSearchParams(
+    Object.entries(r).map(([u, l]) => [u, String(l)])
+  ).toString(), i = t.startsWith("http://") || t.startsWith("https://") ? n.origin + n.pathname : n.pathname, c = i.endsWith("/") && i.length > 1 ? i.slice(0, -1) : i;
+  return {
+    url: o ? `${c}?${o}` : c,
+    path: n.pathname,
+    queryParams: r
+  };
+}
+function Ne(t) {
+  const e = {};
+  for (const [n, r] of new URLSearchParams(t))
+    r === "true" ? e[n] = !0 : r === "false" ? e[n] = !1 : We(r) ? e[n] = r.includes(".") ? parseFloat(r) : parseInt(r, 10) : e[n] = r;
+  return e;
+}
+function We(t) {
+  return isNaN(+t) ? !1 : parseInt(t).toString() === t || parseFloat(t).toString() === t;
+}
+const Ue = (t) => {
+  try {
+    return new URL(t, window.location.origin).origin !== window.location.origin;
+  } catch {
+    return !1;
+  }
+};
+function L() {
+  const { state: t, length: e } = window.history, { href: n } = window.location;
+  return {
+    state: Ye(t) ? t : Fe(n),
+    length: e
+  };
+}
+function H(t, e) {
+  history.pushState(e, "", t), de("pushstate", e);
+}
+function T(t, e) {
+  history.replaceState(e, "", t), de("replacestate", e);
+}
+function $e(t) {
+  const { id: e, views: n } = L().state;
+  if (e === t)
+    return;
+  const r = n.find((o) => o.id === t);
+  r && T(r.url, {
+    id: r.id,
+    views: n
+  });
+}
+function Fe(t) {
+  const e = crypto.randomUUID(), n = new URL(t), r = {
+    id: e,
+    views: [{
+      id: e,
+      url: t,
+      queryParams: Ne(n.search),
+      props: {}
+    }]
+  };
+  return T(t, r), r;
+}
+function Ie(t, e) {
+  const { state: n } = L(), r = { ...n };
+  let o = -1;
+  for (let s = 0; s < r.views.length; s++)
+    if (r.views[s].id === t) {
+      pe(r.views[s].queryParams, e) || (r.views[s].queryParams = e, o = s);
+      break;
+    }
+  if (o > -1) {
+    const s = new URL(window.location.href);
+    s.search = new URLSearchParams(
+      Object.entries(e).map(([i, c]) => [i, String(c)])
+    ).toString(), r.views[o].url = s.toString(), T(s.toString(), r);
+  }
+}
+function qe(t, e) {
+  const { state: n } = L(), r = { ...n };
+  let o = -1;
+  for (let s = 0; s < r.views.length; s++)
+    if (r.views[s].id === t) {
+      pe(r.views[s].props, e) || (r.views[s].props = e, o = s);
+      break;
+    }
+  o > -1 && T(window.location.href, r);
+}
+function De(t, e) {
+  const n = [...e.views].filter((o) => o.id !== t), r = { ...e, views: n };
+  T(n.at(-1)?.url ?? "", r);
+}
+function Me(t, e, n, r, o, s) {
+  const i = [...o.views], c = crypto.randomUUID(), u = t.getFullPath(n), l = new URL(u, window.location.origin);
+  Object.entries(r).forEach(([v, S]) => {
+    l.searchParams.set(v, String(S));
+  });
+  const p = l.toString(), w = t.getViewComponentByPath(l.pathname), g = w?.params || {}, h = i.find((v) => p === v.url);
+  if (s.target !== "_top" && !s.append && h?.id === o.id)
+    return;
+  if (!s.append) {
+    if (s.target === "_top") {
+      const v = h || {
+        id: c,
+        url: p,
+        meta: w?.meta ?? void 0,
+        params: g,
+        queryParams: r,
+        props: s.props,
+        target: s?.target,
+        layout: s?.layout
+      };
+      H(p, {
+        id: v.id,
+        views: [v]
+      });
+      return;
+    }
+    if (!s.append && h) {
+      T(p, {
+        id: h.id,
+        views: i
+      });
+      return;
+    }
+  }
+  if (s.append || s.target === "_void") {
+    i.push({
+      id: c,
+      url: p,
+      meta: w?.meta ?? void 0,
+      params: g,
+      queryParams: r,
+      props: s.props,
+      target: s?.target,
+      layout: s?.layout
+    }), H(p, {
+      id: c,
+      views: i
+    });
+    return;
+  }
+  const x = i.findIndex((v) => v.id === e), y = i.slice(0, x + 1);
+  y.push({
+    id: c,
+    url: p,
+    meta: w?.meta ?? void 0,
+    params: g,
+    queryParams: r,
+    props: s.props,
+    target: s?.target,
+    layout: s?.layout
+  }), H(p, {
+    id: c,
+    views: y
+  });
+}
+function Ye(t) {
+  return !t || typeof t != "object" ? !1 : "id" in t && "views" in t && Array.isArray(t.views);
+}
+function pe(t, e) {
+  if (typeof t != typeof e)
+    return !1;
+  if (typeof t > "u" || typeof e > "u")
+    return !0;
+  if (Object.keys(t).length !== Object.keys(e).length)
+    return !1;
+  for (const n in t)
+    if (!(n in e) || t[n] !== e[n] || typeof t[n] != typeof e[n])
+      return !1;
+  return !0;
+}
+class ze {
+  #e = "/";
+  #r = {};
+  #o = {};
+  #t = {};
+  constructor(e, n) {
+    this.#e = n ? this.#s(n) : "/", this.#o = e.layouts || {}, this.#t = e.errors || {}, this.registerRoutes(e.routes);
+  }
+  registerRoutes(e, n = !1) {
+    e.forEach((r) => {
+      const o = [], s = r.path.replace(/\[([^\]]+)\]/g, (c, u) => (o.push(u), "([^/]+)")), i = new RegExp(`^${s}$`);
+      if (!r.component || !(r.component instanceof Function) || r.path[0] !== "/") {
+        if (n)
+          throw new Error(`Invalid component for route ${r.path || "undefined path"}`);
+        return;
+      }
+      this.#r[r.path] = {
+        component: r.component,
+        pattern: i,
+        paramKeys: o,
+        originalPath: r.path,
+        layouts: r.layouts?.length ? r.layouts.map((c) => ({ component: c })) : this.#a(r.path),
+        // Path found routes
+        meta: r.meta || { breakpoints: [] }
+      };
+    });
+  }
+  #s(e) {
+    return e.startsWith("/") || (e = "/" + e), e.length > 1 && e.endsWith("/") && (e = e.slice(0, -1)), e;
+  }
+  #n(e) {
+    return this.#e === "/" ? e : e.startsWith(this.#e) ? e.slice(this.#e.length) || "/" : e;
+  }
+  getViewComponentByPath(e) {
+    const n = this.#n(e), r = n.length > 1 && n.at(-1) === "/" ? n.substring(0, n.length - 1) : n;
+    for (const o in this.#r) {
+      const s = this.#r[o], i = r.match(s.pattern);
+      if (i) {
+        const c = Object.fromEntries(
+          s.paramKeys.map((u, l) => [u, i[l + 1]])
+        );
+        return {
+          Component: s.component,
+          Layouts: s.layouts,
+          params: c,
+          meta: s.meta
+        };
+      }
+    }
+    return null;
+  }
+  getErrorComponentByPath(e) {
+    const n = this.#n(e), r = n.length > 1 && n.at(-1) === "/" ? n.substring(0, n.length - 1) : n;
+    if (this.#t[r])
+      return this.#t[r];
+    const o = r.split("/").filter(Boolean);
+    for (let s = o.length; s >= 1; s--) {
+      const i = "/" + o.slice(0, s).join("/");
+      if (this.#t[i])
+        return this.#t[i];
+    }
+    return this.#t["/"] ? this.#t["/"] : (console.log("No error component found"), null);
+  }
+  get basePath() {
+    return this.#e;
+  }
+  getFullPath(e) {
+    return this.#e === "/" ? e : e === "/" ? this.#e : e.startsWith(this.#e) ? e : this.#e + e;
+  }
+  getPathFromUrl(e) {
+    try {
+      let r = new URL(e).pathname;
+      return r = this.#n(r), r.length > 1 && r.endsWith("/") && (r = r.slice(0, -1)), r;
+    } catch {
+      return this.#n(e);
+    }
+  }
+  getAllViewComponents() {
+    return Object.values(this.#r).map((e) => ({
+      Component: e.component,
+      Layouts: e.layouts,
+      meta: e.meta
+    }));
+  }
+  #a(e) {
+    const n = [], r = ["/", ...e.match(/[^/]+/g) || []];
+    let o = r[0];
+    for (let s = 0; s < r.length; s++) {
+      const i = [];
+      for (const c in this.#o) {
+        const [u, l] = c.split("#");
+        u === o && i.push({
+          key: l,
+          component: this.#o[c]
+        });
+      }
+      n.push(...i), o += r[s + 1];
+    }
+    return n;
+  }
+}
+function et({ basePath: t, config: e, external: n = [], children: r }) {
+  const o = j(() => new ze(e, t), [e, t]), [s, i] = C(U("load", o));
+  return P(() => {
+    for (const c of n ?? [])
+      import(c.url).then((u) => {
+        if (!Array.isArray(u.routes))
+          throw new Error(`Invalid routes in ${c.url}`);
+        o.registerRoutes(u.routes, !0);
+      }).catch((u) => {
+        console.error(u.message);
+      });
+  }, [n, o]), P(() => {
+    t && t !== "/" && window.location.pathname === "/" && window.history.replaceState(null, "", t);
+  }, [t]), P(() => {
+    const c = () => i(U("popstate", o)), u = () => i(U("pushstate", o)), l = () => i(U("replacestate", o));
+    return $(window, "popstate", c), $(window, "pushstate", u), $(window, "replacestate", l), () => {
+      F(window, "popstate", c), F(window, "pushstate", u), F(window, "replacestate", l);
+    };
+  }, [o]), /* @__PURE__ */ f.jsx(fe.Provider, { value: { clientRouter: o, ...s }, children: r });
+}
+function U(t, e) {
+  const { state: n, length: r } = L(), { hash: o, host: s, hostname: i, href: c, origin: u, pathname: l, port: p, protocol: w, search: g } = window.location;
+  return {
+    trigger: t,
+    state: n,
+    length: r,
+    hash: o,
+    host: s,
+    hostname: i,
+    href: c,
+    origin: u,
+    pathname: l,
+    port: p,
+    protocol: w,
+    search: g,
+    navigate: (h, x, y, v) => {
+      Me(e, h, x, y, n, v);
+    },
+    close: (h) => {
+      De(h, n);
+    }
+  };
+}
+function O() {
+  const t = I(fe);
+  if (t === void 0)
+    throw new Error("useRouter must be used within a RouterProvider");
+  return t;
+}
+function Be(t, e) {
+  if (!t || !e)
+    return t === e;
+  if (t.length !== e.length)
+    return !1;
+  for (let n = 0; n < t.length; n++) {
+    const r = t[n], o = e[n];
+    if (r.id !== o.id || r.url !== o.url || r.layout !== o.layout || r.target !== o.target || !J(r.params, o.params) || !J(r.queryParams, o.queryParams) || !J(r.props, o.props) || r.meta !== o.meta && (!r.meta || !o.meta || r.meta.type !== o.meta.type))
+      return !1;
+  }
+  return !0;
+}
+function J(t, e) {
+  if (t === e)
+    return !0;
+  if (!t || !e)
+    return !1;
+  const n = Object.keys(t), r = Object.keys(e);
+  if (n.length !== r.length)
+    return !1;
+  for (const o of n)
+    if (t[o] !== e[o])
+      return !1;
+  return !0;
+}
+function he() {
+  const { state: t, clientRouter: e } = O() || {}, n = le(void 0), r = !Be(n.current, t.views);
+  return j(() => {
+    const s = [], i = [];
+    return t.views.forEach((c) => {
+      const u = new URL(c.url, "http://dummy.base"), l = e?.getViewComponentByPath(u.pathname), p = c.params || l?.params || {}, w = c.meta || l?.meta, g = {
+        view: c,
+        meta: w,
+        Component: l?.Component,
+        Layouts: l?.Layouts,
+        params: p
+      };
+      c.target === "_void" ? i.push(g) : s.push(g);
+    }), n.current = t.views, {
+      viewStack: s,
+      voidViews: i
+    };
+  }, [r, e]);
+}
+const me = X({
+  viewId: "",
+  isActive: !1,
+  width: 0,
+  queryParams: {},
+  setQueryParams: () => {
+  },
+  setProps: () => {
+  },
+  queryParam: () => {
+  },
+  close: () => {
+  },
+  state: { id: "", views: [] }
+});
+function we({
+  id: t,
+  width: e,
+  layout: n,
+  children: r,
+  params: o,
+  queryParams: s,
+  props: i
+}) {
+  const { state: c, close: u } = O(), [l, p] = C(t === c.id), [w, g] = C(i || {});
+  return P(() => {
+    p(t === c.id);
+  }, [c.id, t]), /* @__PURE__ */ f.jsx(me.Provider, { value: {
+    viewId: t,
+    isActive: l,
+    width: e,
+    params: o,
+    queryParams: s,
+    props: w,
+    layout: n,
+    state: c,
+    setProps: (h, x) => {
+      const y = x ? h || {} : { ...i, ...h };
+      for (const v in y)
+        y[v] === void 0 && delete y[v];
+      g(y), qe(t, y);
+    },
+    setQueryParams: (h, x) => {
+      const y = x !== !0 ? { ...i || {} } : {};
+      let v = !1;
+      for (const S in h) {
+        const N = h[S];
+        typeof N < "u" ? (y[S] = N, v = !0) : Object.prototype.hasOwnProperty.call(y, S) && (delete y[S], v = !0);
+      }
+      (v || x === !0) && Ie(t, y);
+    },
+    queryParam: (h) => i?.[h],
+    close: () => {
+      u(t);
+    }
+  }, children: r });
+}
+function He(t, e) {
+  const n = e.filter((o) => o.view.target !== "_void").map((o) => ({
+    id: o.view.id,
+    breakpoints: o.meta?.breakpoints || []
+  })), r = Je(t, n);
+  return e.map(({ view: o }) => ({
+    id: o.id,
+    vw: r.find((s) => s.id === o.id)?.vw || 0
+  }));
+}
+function Je(t, e) {
+  if (e.length === 0)
+    return [];
+  const r = e.map((i) => ({
+    id: i.id,
+    minVw: Ge(i, t)
+  })), o = r.reduce(
+    (i, c) => i + c.minVw,
+    0
+  );
+  if (o >= 100)
+    return r.map((i) => ({
+      id: i.id,
+      vw: i.minVw
+    }));
+  const s = 100 - o;
+  return r.map((i) => {
+    const c = i.minVw / o, u = s * c;
+    return {
+      id: i.id,
+      vw: Number((i.minVw + u).toFixed(0))
+      // Round to 0 decimal places
+    };
+  });
+}
+function Ge(t, e) {
+  const r = [...t.breakpoints].sort((o, s) => s.breakpoint - o.breakpoint).find((o) => e >= o.breakpoint);
+  return r ? r.minVw : 100;
+}
+function ge({ children: t }) {
+  return /* @__PURE__ */ f.jsx(f.Fragment, { children: t });
+}
+const Q = X({
+  setSlot: () => {
+  },
+  getSlots: () => ({})
+});
+function ye({ children: t }) {
+  const [e, n] = C({}), r = ae((s, i, c) => {
+    n((u) => ({
+      ...u,
+      [s]: {
+        ...u[s],
+        [i]: c
+      }
+    }));
+  }, []), o = ae((s) => e[s] || {}, [e]);
+  return /* @__PURE__ */ f.jsx(Q.Provider, { value: { setSlot: r, getSlots: o }, children: t });
+}
+function Xe({
+  viewUrl: t,
+  error: e,
+  errorCode: n,
+  errorInfo: r,
+  reset: o
+}) {
+  const { clientRouter: s } = O(), i = s?.getErrorComponentByPath(
+    s?.getPathFromUrl(t) ?? "/"
+  );
+  return i ? /* @__PURE__ */ f.jsx(
+    i,
+    {
+      error: e,
+      errorCode: n ?? 0,
+      errorInfo: r,
+      reset: o
+    }
+  ) : /* @__PURE__ */ f.jsxs("div", { style: {
+    margin: "10px",
+    border: "2px solid #ff6b6b",
+    borderRadius: "8px",
+    backgroundColor: "#fff5f5",
+    width: "100%",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    padding: "20px"
+  }, children: [
+    /* @__PURE__ */ f.jsx("h1", { style: { color: "#c92a2a", marginBottom: "10px", fontWeight: "bold" }, children: "Unhandled error" }),
+    /* @__PURE__ */ f.jsx("p", { style: { marginBottom: "15px", textAlign: "center" }, children: e.message }),
+    /* @__PURE__ */ f.jsxs("details", { style: { marginBottom: "15px", width: "100%" }, children: [
+      /* @__PURE__ */ f.jsx("summary", { style: { cursor: "pointer", marginBottom: "10px", textAlign: "center" }, children: "Technical details" }),
+      /* @__PURE__ */ f.jsxs("div", { style: {
+        backgroundColor: "#f8f9fa",
+        padding: "10px",
+        borderRadius: "4px",
+        overflow: "auto",
+        maxHeight: "200px"
+      }, children: [
+        /* @__PURE__ */ f.jsx("h4", { style: { margin: "0 0 10px 0", fontSize: "14px" }, children: "Stack Trace:" }),
+        /* @__PURE__ */ f.jsx("pre", { style: { fontSize: "12px", margin: 0, whiteSpace: "pre-wrap" }, children: e.stack }),
+        r?.componentStack && /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
+          /* @__PURE__ */ f.jsx("h4", { style: { margin: "15px 0 10px 0", fontSize: "14px" }, children: "Component Stack:" }),
+          /* @__PURE__ */ f.jsx("pre", { style: { fontSize: "12px", margin: 0, whiteSpace: "pre-wrap" }, children: r.componentStack })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ f.jsx(
+      "button",
+      {
+        onClick: o,
+        style: {
+          backgroundColor: "#228be6",
+          color: "white",
+          border: "none",
+          padding: "8px 16px",
+          borderRadius: "4px",
+          cursor: "pointer"
+        },
+        children: "Try again"
+      }
+    )
+  ] });
+}
+class G extends Ve {
+  constructor(e) {
+    super(e), this.state = {
+      hasError: !!e.error,
+      errorCode: e.errorCode,
+      error: e.error
+    };
+  }
+  static getDerivedStateFromError(e) {
+    return { hasError: !0, error: e };
+  }
+  componentDidCatch(e, n) {
+    console.error(`Error in view ${this.props.viewUrl}:`, e, n), this.setState({ errorInfo: n });
+  }
+  reset = () => {
+    this.setState({ hasError: !1, error: void 0, errorInfo: void 0 });
+  };
+  render() {
+    return !this.state.hasError || !this.state.error ? this.props.children : /* @__PURE__ */ f.jsx(
+      Xe,
+      {
+        viewUrl: this.props.viewUrl,
+        error: this.state.error,
+        errorCode: this.state.errorCode,
+        errorInfo: this.state.errorInfo,
+        reset: this.reset
+      }
+    );
+  }
+}
+function tt({
+  className: t,
+  style: e = {}
+}) {
+  const { viewStack: n } = he(), [r, o] = C(window.innerWidth);
+  P(() => {
+    const u = () => o(window.innerWidth);
+    return window.addEventListener("resize", u), () => window.removeEventListener("resize", u);
+  }, []);
+  const s = j(() => He(r, n), [r, n]), i = j(() => {
+    let u = 0, l = 0;
+    for (let p = n.length - 1; p >= 0; p--)
+      if (u += s[p]?.vw || 0, u > 100) {
+        l = p + 1;
+        break;
+      }
+    return n.slice(l);
+  }, [s, n]), c = j(() => {
+    const u = n.length - i.length;
+    return i.map((l, p) => s[p + u].vw);
+  }, [s, n.length, i]);
+  return /* @__PURE__ */ f.jsx(
+    Ke,
+    {
+      views: i,
+      widths: c,
+      style: e,
+      className: t
+    }
+  );
+}
+function Ke({
+  views: t,
+  widths: e,
+  className: n,
+  style: r = {}
+}) {
+  return /* @__PURE__ */ f.jsx(ye, { children: /* @__PURE__ */ f.jsx("div", { className: n, style: r, children: t.map(({ view: o, params: s, Layouts: i, Component: c }, u) => {
+    if (!c)
+      return /* @__PURE__ */ f.jsx(
+        G,
+        {
+          viewUrl: o.url,
+          errorCode: 404,
+          error: new Error("Not found")
+        },
+        o.id
+      );
+    const l = i?.length ? i.filter((p) => p.key === o.layout) : [{ component: ge }];
+    return /* @__PURE__ */ f.jsx(G, { viewUrl: o.url || "/", children: /* @__PURE__ */ f.jsx(
+      we,
+      {
+        id: o.id,
+        width: e[u],
+        params: s,
+        queryParams: o.queryParams,
+        props: o.props,
+        children: ve(l, c, s)
+      },
+      o.id
+    ) }, o.id);
+  }) }) });
+}
+function ve(t, e, n) {
+  if (t.length === 0)
+    return /* @__PURE__ */ f.jsx(e, { ...n || {} });
+  const [r, ...o] = t, s = r.component;
+  return /* @__PURE__ */ f.jsx(s, { children: ve(o, e, n) }, r.key);
+}
+function rt({ className: t, style: e = {} }) {
+  const { voidViews: n } = he();
+  return /* @__PURE__ */ f.jsx(
+    Qe,
+    {
+      views: n,
+      style: e,
+      className: t
+    }
+  );
+}
+function Qe({ views: t, className: e, style: n = {} }) {
+  return /* @__PURE__ */ f.jsx(ye, { children: /* @__PURE__ */ f.jsx("div", { className: e, style: n, children: t.map(({ view: r, params: o, Layouts: s, Component: i }) => {
+    const c = s?.length ? s.filter((u) => u.key === r.layout) : [{ component: ge }];
+    return /* @__PURE__ */ f.jsx(G, { viewUrl: r.url || "/", children: /* @__PURE__ */ f.jsx(
+      we,
+      {
+        id: r.id,
+        width: 0,
+        params: o,
+        queryParams: r.queryParams,
+        props: r.props,
+        layout: r.layout,
+        children: xe(c, i, o)
+      },
+      r.id
+    ) }, r.id);
+  }) }) });
+}
+function xe(t, e, n) {
+  if (t.length === 0)
+    return e ? /* @__PURE__ */ f.jsx(e, { ...n || {} }) : null;
+  const [r, ...o] = t, s = r.component;
+  return /* @__PURE__ */ f.jsx(s, { children: xe(o, e, n) }, r.key);
+}
+function q() {
+  const t = I(me);
+  if (t === void 0)
+    throw new Error("useView must be used within a ViewProvider");
+  return t;
+}
+function nt({ children: t, style: e = {}, className: n }) {
+  const { viewId: r } = q(), o = le(null);
+  return P(() => {
+    if (!o.current)
+      return;
+    const s = () => {
+      $e(r);
+    }, i = o.current;
+    return $(i, "click", s), () => F(i, "click", s);
+  }, [r, o]), /* @__PURE__ */ f.jsx("div", { ref: o, style: e, className: n, children: t });
+}
+function ot({
+  href: t,
+  query: e = {},
+  children: n,
+  className: r,
+  target: o = "_self",
+  onClick: s,
+  props: i,
+  layout: c
+}) {
+  const { navigate: u } = O(), { url: l, queryParams: p } = K(t, e), { viewId: w } = q(), g = (x) => {
+    s && (s(x), x.isDefaultPrevented()) || l.startsWith("https://") || l.startsWith("http://") || o === "_blank" || x.metaKey || x.ctrlKey || (x.preventDefault(), u(w, l, p, {
+      append: x.shiftKey,
+      target: o,
+      props: i,
+      layout: c
+    }));
+  }, h = Ue(l) ? "noopener noreferrer" : void 0;
+  return /* @__PURE__ */ f.jsx("a", { rel: h, href: l, onClick: g, className: r, target: o, children: n });
+}
+function st({ slot: t }) {
+  const { viewId: e } = q(), { getSlots: n } = I(Q), r = n(e);
+  return /* @__PURE__ */ f.jsx(f.Fragment, { children: r[t] });
+}
+function at({ slot: t, children: e }) {
+  const { viewId: n } = q(), { setSlot: r } = I(Q);
+  return P(() => (r(n, t, e), () => r(n, t, null)), [n, t, e, r]), null;
+}
+function it() {
+  const { navigate: t } = O();
+  return (e, n) => {
+    const { state: r } = L(), { url: o, queryParams: s } = K(e);
+    t(r.id || "", o, s, {
+      append: !1,
+      target: n?.target || "_self",
+      props: n?.props,
+      layout: n?.layout
+    });
+  };
+}
+function ct(t) {
+  const { url: e } = K(t);
+  return e;
+}
+function ut(t, e) {
+  const { state: n } = O();
+  return j(() => {
+    const o = [];
+    return n.views.forEach((s) => {
+      if (s.meta?.type === t) {
+        if (e) {
+          const i = s.params || {};
+          if (!Object.entries(e).every(([u, l]) => i[u] === l))
+            return;
+        }
+        o.push({
+          id: s.id,
+          url: s.url,
+          params: s.params,
+          queryParams: s.queryParams,
+          props: s.props,
+          layout: s.layout,
+          target: s.target,
+          isActive: s.id === n.id
+        });
+      }
+    }), o;
+  }, [n.views, n.id, t, e]);
+}
+function lt(t, e = "") {
+  const n = [], r = {}, o = {};
+  return Object.entries(t).forEach(([s, i]) => {
+    let c = s.replace(e, "").replace(/\.tsx$/, "").replace(/\/index$/, "").replace(/([A-Z])/g, (p) => `/${p.toLowerCase()}`).replace(/\/\//g, "/").toLowerCase() || "/";
+    c === "" || c === "index" ? c = "/" : c && !c.startsWith("/") && (c = "/" + c);
+    const u = c.match(/^(.*)\/(_error)$/);
+    if (u) {
+      const [, p] = u, w = p || "/";
+      o[w] = i.default;
+      return;
+    }
+    const l = c.match(/^(.*)\/(_layout(?:\.([^/]+))?)$/);
+    if (l) {
+      const [, p, , w] = l, g = p || "/";
+      if (w) {
+        const h = `${g}#${w}`;
+        r[h] = i.default;
+      } else
+        r[g] = i.default;
+    } else c.includes("/_") || n.push({
+      path: c,
+      component: i.default,
+      // @ts-expect-error meta is not defined
+      meta: i.default?.meta || { breakpoints: [] }
+    });
+  }), { routes: n, layouts: r, errors: o };
+}
+export {
+  at as Fill,
+  ot as Link,
+  st as Outlet,
+  et as RouterProvider,
+  nt as StackedView,
+  tt as StackedViewGroup,
+  rt as VoidViews,
+  lt as mapRoutes,
+  ct as useHref,
+  it as useNavigate,
+  ut as useOpenViews,
+  q as useView
+};