@solostylist/ui-kit 1.0.153 → 1.0.154

package/dist/s-error-layout/s-error-layout.d.ts

@@ -11,8 +11,6 @@ export interface SErrorLayoutProps {
     description: string | ReactNode;
     /** Text for the action button. If not provided, button will not be shown */
     buttonText?: string;
-    /** Link destination for the button. Default: '#' */
-    buttonHref?: string;
     /** Image width. Default: '200px' */
     imageWidth?: string | number;
     /** Image height. Default: 'auto' */
@@ -52,5 +50,5 @@ export interface SErrorLayoutProps {
     /** Custom content to render instead of the button */
     customActions?: ReactNode;
 }
-declare function SErrorLayout({ imageSrc, imageAlt, title, description, buttonText, buttonHref, imageWidth, imageHeight, maxWidth, height, py, spacing, titleVariant, descriptionVariant, buttonVariant, buttonColor, containerSx, imageContainerSx, contentSx, titleSx, descriptionSx, buttonContainerSx, buttonProps, hideImage, customActions, }: SErrorLayoutProps): React.JSX.Element;
+declare function SErrorLayout({ imageSrc, imageAlt, title, description, buttonText, imageWidth, imageHeight, maxWidth, height, py, spacing, titleVariant, descriptionVariant, buttonVariant, buttonColor, containerSx, imageContainerSx, contentSx, titleSx, descriptionSx, buttonContainerSx, buttonProps, hideImage, customActions, }: SErrorLayoutProps): React.JSX.Element;
 export default SErrorLayout;

package/dist/s-error-layout/s-error-layout.js

@@ -1,1324 +1,34 @@
-import { j as b } from "../jsx-runtime-OVHDjVDe.js";
-import { Box as O, Container as Pe, Stack as le, Typography as oe, Button as Le } from "@mui/material";
-import Se from "../s-lazy-image/s-lazy-image.js";
-import * as i from "react";
-/**
- * react-router v7.9.3
- *
- * Copyright (c) Remix Software Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-function C(e, t) {
-  if (e === !1 || e === null || typeof e > "u")
-    throw new Error(t);
-}
-function S(e, t) {
-  if (!e) {
-    typeof console < "u" && console.warn(t);
-    try {
-      throw new Error(t);
-    } catch {
-    }
-  }
-}
-function q({
-  pathname: e = "/",
-  search: t = "",
-  hash: n = ""
-}) {
-  return t && t !== "?" && (e += t.charAt(0) === "?" ? t : "?" + t), n && n !== "#" && (e += n.charAt(0) === "#" ? n : "#" + n), e;
-}
-function G(e) {
-  let t = {};
-  if (e) {
-    let n = e.indexOf("#");
-    n >= 0 && (t.hash = e.substring(n), e = e.substring(0, n));
-    let a = e.indexOf("?");
-    a >= 0 && (t.search = e.substring(a), e = e.substring(0, a)), e && (t.pathname = e);
-  }
-  return t;
-}
-function ce(e, t, n = "/") {
-  return ke(e, t, n, !1);
-}
-function ke(e, t, n, a) {
-  let r = typeof t == "string" ? G(t) : t, l = F(r.pathname || "/", n);
-  if (l == null)
-    return null;
-  let o = fe(e);
-  $e(o);
-  let f = null;
-  for (let u = 0; f == null && u < o.length; ++u) {
-    let s = je(l);
-    f = We(
-      o[u],
-      s,
-      a
-    );
-  }
-  return f;
-}
-function fe(e, t = [], n = [], a = "", r = !1) {
-  let l = (o, f, u = r, s) => {
-    let c = {
-      relativePath: s === void 0 ? o.path || "" : s,
-      caseSensitive: o.caseSensitive === !0,
-      childrenIndex: f,
-      route: o
-    };
-    if (c.relativePath.startsWith("/")) {
-      if (!c.relativePath.startsWith(a) && u)
-        return;
-      C(
-        c.relativePath.startsWith(a),
-        `Absolute route path "${c.relativePath}" nested under path "${a}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`
-      ), c.relativePath = c.relativePath.slice(a.length);
-    }
-    let d = L([a, c.relativePath]), h = n.concat(c);
-    o.children && o.children.length > 0 && (C(
-      // Our types know better, but runtime JS may not!
-      // @ts-expect-error
-      o.index !== !0,
-      `Index routes must not have child routes. Please remove all child routes from route path "${d}".`
-    ), fe(
-      o.children,
-      t,
-      h,
-      d,
-      u
-    )), !(o.path == null && !o.index) && t.push({
-      path: d,
-      score: Ae(d, o.index),
-      routesMeta: h
-    });
-  };
-  return e.forEach((o, f) => {
-    var u;
-    if (o.path === "" || !((u = o.path) != null && u.includes("?")))
-      l(o, f);
-    else
-      for (let s of de(o.path))
-        l(o, f, !0, s);
-  }), t;
-}
-function de(e) {
-  let t = e.split("/");
-  if (t.length === 0) return [];
-  let [n, ...a] = t, r = n.endsWith("?"), l = n.replace(/\?$/, "");
-  if (a.length === 0)
-    return r ? [l, ""] : [l];
-  let o = de(a.join("/")), f = [];
-  return f.push(
-    ...o.map(
-      (u) => u === "" ? l : [l, u].join("/")
-    )
-  ), r && f.push(...o), f.map(
-    (u) => e.startsWith("/") && u === "" ? "/" : u
-  );
-}
-function $e(e) {
-  e.sort(
-    (t, n) => t.score !== n.score ? n.score - t.score : Be(
-      t.routesMeta.map((a) => a.childrenIndex),
-      n.routesMeta.map((a) => a.childrenIndex)
-    )
-  );
-}
-var Fe = /^:[\w-]+$/, Ie = 3, De = 2, Ne = 1, Te = 10, Me = -2, ie = (e) => e === "*";
-function Ae(e, t) {
-  let n = e.split("/"), a = n.length;
-  return n.some(ie) && (a += Me), t && (a += De), n.filter((r) => !ie(r)).reduce(
-    (r, l) => r + (Fe.test(l) ? Ie : l === "" ? Ne : Te),
-    a
-  );
-}
-function Be(e, t) {
-  return e.length === t.length && e.slice(0, -1).every((a, r) => a === t[r]) ? (
-    // If two routes are siblings, we should try to match the earlier sibling
-    // first. This allows people to have fine-grained control over the matching
-    // behavior by simply putting routes with identical paths in the order they
-    // want them tried.
-    e[e.length - 1] - t[t.length - 1]
-  ) : (
-    // Otherwise, it doesn't really make sense to rank non-siblings by index,
-    // so they sort equally.
-    0
-  );
-}
-function We(e, t, n = !1) {
-  let { routesMeta: a } = e, r = {}, l = "/", o = [];
-  for (let f = 0; f < a.length; ++f) {
-    let u = a[f], s = f === a.length - 1, c = l === "/" ? t : t.slice(l.length) || "/", d = H(
-      { path: u.relativePath, caseSensitive: u.caseSensitive, end: s },
-      c
-    ), h = u.route;
-    if (!d && s && n && !a[a.length - 1].route.index && (d = H(
-      {
-        path: u.relativePath,
-        caseSensitive: u.caseSensitive,
-        end: !1
-      },
-      c
-    )), !d)
-      return null;
-    Object.assign(r, d.params), o.push({
-      // TODO: Can this as be avoided?
-      params: r,
-      pathname: L([l, d.pathname]),
-      pathnameBase: ze(
-        L([l, d.pathnameBase])
-      ),
-      route: h
-    }), d.pathnameBase !== "/" && (l = L([l, d.pathnameBase]));
-  }
-  return o;
-}
-function H(e, t) {
-  typeof e == "string" && (e = { path: e, caseSensitive: !1, end: !0 });
-  let [n, a] = Oe(
-    e.path,
-    e.caseSensitive,
-    e.end
-  ), r = t.match(n);
-  if (!r) return null;
-  let l = r[0], o = l.replace(/(.)\/+$/, "$1"), f = r.slice(1);
-  return {
-    params: a.reduce(
-      (s, { paramName: c, isOptional: d }, h) => {
-        if (c === "*") {
-          let y = f[h] || "";
-          o = l.slice(0, l.length - y.length).replace(/(.)\/+$/, "$1");
-        }
-        const p = f[h];
-        return d && !p ? s[c] = void 0 : s[c] = (p || "").replace(/%2F/g, "/"), s;
-      },
-      {}
-    ),
-    pathname: l,
-    pathnameBase: o,
-    pattern: e
-  };
-}
-function Oe(e, t = !1, n = !0) {
-  S(
-    e === "*" || !e.endsWith("*") || e.endsWith("/*"),
-    `Route path "${e}" will be treated as if it were "${e.replace(/\*$/, "/*")}" because the \`*\` character must always follow a \`/\` in the pattern. To get rid of this warning, please change the route path to "${e.replace(/\*$/, "/*")}".`
-  );
-  let a = [], r = "^" + e.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(
-    /\/:([\w-]+)(\?)?/g,
-    (o, f, u) => (a.push({ paramName: f, isOptional: u != null }), u ? "/?([^\\/]+)?" : "/([^\\/]+)")
-  ).replace(/\/([\w-]+)\?(\/|$)/g, "(/$1)?$2");
-  return e.endsWith("*") ? (a.push({ paramName: "*" }), r += e === "*" || e === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$") : n ? r += "\\/*$" : e !== "" && e !== "/" && (r += "(?:(?=\\/|$))"), [new RegExp(r, t ? void 0 : "i"), a];
-}
-function je(e) {
-  try {
-    return e.split("/").map((t) => decodeURIComponent(t).replace(/\//g, "%2F")).join("/");
-  } catch (t) {
-    return S(
-      !1,
-      `The URL path "${e}" could not be decoded because it is a malformed URL segment. This is probably due to a bad percent encoding (${t}).`
-    ), e;
-  }
-}
-function F(e, t) {
-  if (t === "/") return e;
-  if (!e.toLowerCase().startsWith(t.toLowerCase()))
-    return null;
-  let n = t.endsWith("/") ? t.length - 1 : t.length, a = e.charAt(n);
-  return a && a !== "/" ? null : e.slice(n) || "/";
-}
-function Ue(e, t = "/") {
-  let {
-    pathname: n,
-    search: a = "",
-    hash: r = ""
-  } = typeof e == "string" ? G(e) : e;
-  return {
-    pathname: n ? n.startsWith("/") ? n : _e(n, t) : t,
-    search: Ve(a),
-    hash: Je(r)
-  };
-}
-function _e(e, t) {
-  let n = t.replace(/\/+$/, "").split("/");
-  return e.split("/").forEach((r) => {
-    r === ".." ? n.length > 1 && n.pop() : r !== "." && n.push(r);
-  }), n.length > 1 ? n.join("/") : "/";
-}
-function K(e, t, n, a) {
-  return `Cannot include a '${e}' character in a manually specified \`to.${t}\` field [${JSON.stringify(
-    a
-  )}].  Please separate it out to the \`to.${n}\` field. Alternatively you may provide the full path as a string in <Link to="..."> and the router will parse it for you.`;
-}
-function He(e) {
-  return e.filter(
-    (t, n) => n === 0 || t.route.path && t.route.path.length > 0
-  );
-}
-function he(e) {
-  let t = He(e);
-  return t.map(
-    (n, a) => a === t.length - 1 ? n.pathname : n.pathnameBase
-  );
-}
-function me(e, t, n, a = !1) {
-  let r;
-  typeof e == "string" ? r = G(e) : (r = { ...e }, C(
-    !r.pathname || !r.pathname.includes("?"),
-    K("?", "pathname", "search", r)
-  ), C(
-    !r.pathname || !r.pathname.includes("#"),
-    K("#", "pathname", "hash", r)
-  ), C(
-    !r.search || !r.search.includes("#"),
-    K("#", "search", "hash", r)
-  ));
-  let l = e === "" || r.pathname === "", o = l ? "/" : r.pathname, f;
-  if (o == null)
-    f = n;
-  else {
-    let d = t.length - 1;
-    if (!a && o.startsWith("..")) {
-      let h = o.split("/");
-      for (; h[0] === ".."; )
-        h.shift(), d -= 1;
-      r.pathname = h.join("/");
-    }
-    f = d >= 0 ? t[d] : "/";
-  }
-  let u = Ue(r, f), s = o && o !== "/" && o.endsWith("/"), c = (l || o === ".") && n.endsWith("/");
-  return !u.pathname.endsWith("/") && (s || c) && (u.pathname += "/"), u;
-}
-var L = (e) => e.join("/").replace(/\/\/+/g, "/"), ze = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), Ve = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, Je = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e;
-function Ke(e) {
-  return e != null && typeof e.status == "number" && typeof e.statusText == "string" && typeof e.internal == "boolean" && "data" in e;
-}
-var pe = [
-  "POST",
-  "PUT",
-  "PATCH",
-  "DELETE"
-];
-new Set(
-  pe
-);
-var Ye = [
-  "GET",
-  ...pe
-];
-new Set(Ye);
-var A = i.createContext(null);
-A.displayName = "DataRouter";
-var z = i.createContext(null);
-z.displayName = "DataRouterState";
-i.createContext(!1);
-var ge = i.createContext({
-  isTransitioning: !1
-});
-ge.displayName = "ViewTransition";
-var qe = i.createContext(
-  /* @__PURE__ */ new Map()
-);
-qe.displayName = "Fetchers";
-var Ge = i.createContext(null);
-Ge.displayName = "Await";
-var k = i.createContext(
-  null
-);
-k.displayName = "Navigation";
-var X = i.createContext(
-  null
-);
-X.displayName = "Location";
-var $ = i.createContext({
-  outlet: null,
-  matches: [],
-  isDataRoute: !1
-});
-$.displayName = "Route";
-var Q = i.createContext(null);
-Q.displayName = "RouteError";
-function Xe(e, { relative: t } = {}) {
-  C(
-    V(),
-    // TODO: This error is probably because they somehow have 2 versions of the
-    // router loaded. We can help them understand how to avoid that.
-    "useHref() may be used only in the context of a <Router> component."
-  );
-  let { basename: n, navigator: a } = i.useContext(k), { hash: r, pathname: l, search: o } = W(e, { relative: t }), f = l;
-  return n !== "/" && (f = l === "/" ? n : L([n, l])), a.createHref({ pathname: f, search: o, hash: r });
-}
-function V() {
-  return i.useContext(X) != null;
-}
-function N() {
-  return C(
-    V(),
-    // TODO: This error is probably because they somehow have 2 versions of the
-    // router loaded. We can help them understand how to avoid that.
-    "useLocation() may be used only in the context of a <Router> component."
-  ), i.useContext(X).location;
-}
-var ye = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
-function ve(e) {
-  i.useContext(k).static || i.useLayoutEffect(e);
-}
-function Qe() {
-  let { isDataRoute: e } = i.useContext($);
-  return e ? ft() : Ze();
-}
-function Ze() {
-  C(
-    V(),
-    // TODO: This error is probably because they somehow have 2 versions of the
-    // router loaded. We can help them understand how to avoid that.
-    "useNavigate() may be used only in the context of a <Router> component."
-  );
-  let e = i.useContext(A), { basename: t, navigator: n } = i.useContext(k), { matches: a } = i.useContext($), { pathname: r } = N(), l = JSON.stringify(he(a)), o = i.useRef(!1);
-  return ve(() => {
-    o.current = !0;
-  }), i.useCallback(
-    (u, s = {}) => {
-      if (S(o.current, ye), !o.current) return;
-      if (typeof u == "number") {
-        n.go(u);
-        return;
-      }
-      let c = me(
-        u,
-        JSON.parse(l),
-        r,
-        s.relative === "path"
-      );
-      e == null && t !== "/" && (c.pathname = c.pathname === "/" ? t : L([t, c.pathname])), (s.replace ? n.replace : n.push)(
-        c,
-        s.state,
-        s
-      );
-    },
-    [
-      t,
-      n,
-      l,
-      r,
-      e
-    ]
-  );
-}
-i.createContext(null);
-function W(e, { relative: t } = {}) {
-  let { matches: n } = i.useContext($), { pathname: a } = N(), r = JSON.stringify(he(n));
-  return i.useMemo(
-    () => me(
-      e,
-      JSON.parse(r),
-      a,
-      t === "path"
-    ),
-    [e, r, a, t]
-  );
-}
-function et(e, t, n, a, r) {
-  C(
-    V(),
-    // TODO: This error is probably because they somehow have 2 versions of the
-    // router loaded. We can help them understand how to avoid that.
-    "useRoutes() may be used only in the context of a <Router> component."
-  );
-  let { navigator: l } = i.useContext(k), { matches: o } = i.useContext($), f = o[o.length - 1], u = f ? f.params : {}, s = f ? f.pathname : "/", c = f ? f.pathnameBase : "/", d = f && f.route;
-  {
-    let m = d && d.path || "";
-    xe(
-      s,
-      !d || m.endsWith("*") || m.endsWith("*?"),
-      `You rendered descendant <Routes> (or called \`useRoutes()\`) at "${s}" (under <Route path="${m}">) but the parent route path has no trailing "*". This means if you navigate deeper, the parent won't match anymore and therefore the child routes will never render.
-
-Please change the parent <Route path="${m}"> to <Route path="${m === "/" ? "*" : `${m}/*`}">.`
-    );
-  }
-  let h = N(), p;
-  p = h;
-  let y = p.pathname || "/", x = y;
-  if (c !== "/") {
-    let m = c.replace(/^\//, "").split("/");
-    x = "/" + y.replace(/^\//, "").split("/").slice(m.length).join("/");
-  }
-  let v = ce(e, { pathname: x });
-  return S(
-    d || v != null,
-    `No routes matched location "${p.pathname}${p.search}${p.hash}" `
-  ), S(
-    v == null || v[v.length - 1].route.element !== void 0 || v[v.length - 1].route.Component !== void 0 || v[v.length - 1].route.lazy !== void 0,
-    `Matched leaf route at location "${p.pathname}${p.search}${p.hash}" does not have an element or Component. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.`
-  ), lt(
-    v && v.map(
-      (m) => Object.assign({}, m, {
-        params: Object.assign({}, u, m.params),
-        pathname: L([
-          c,
-          // Re-encode pathnames that were decoded inside matchRoutes.
-          // Pre-encode `?` and `#` ahead of `encodeLocation` because it uses
-          // `new URL()` internally and we need to prevent it from treating
-          // them as separators
-          l.encodeLocation ? l.encodeLocation(
-            m.pathname.replace(/\?/g, "%3F").replace(/#/g, "%23")
-          ).pathname : m.pathname
-        ]),
-        pathnameBase: m.pathnameBase === "/" ? c : L([
-          c,
-          // Re-encode pathnames that were decoded inside matchRoutes
-          // Pre-encode `?` and `#` ahead of `encodeLocation` because it uses
-          // `new URL()` internally and we need to prevent it from treating
-          // them as separators
-          l.encodeLocation ? l.encodeLocation(
-            m.pathnameBase.replace(/\?/g, "%3F").replace(/#/g, "%23")
-          ).pathname : m.pathnameBase
-        ])
-      })
-    ),
-    o,
-    n,
-    a,
-    r
-  );
-}
-function tt() {
-  let e = ct(), t = Ke(e) ? `${e.status} ${e.statusText}` : e instanceof Error ? e.message : JSON.stringify(e), n = e instanceof Error ? e.stack : null, a = "rgba(200,200,200, 0.5)", r = { padding: "0.5rem", backgroundColor: a }, l = { padding: "2px 4px", backgroundColor: a }, o = null;
-  return console.error(
-    "Error handled by React Router default ErrorBoundary:",
-    e
-  ), o = /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement("p", null, "💿 Hey developer 👋"), /* @__PURE__ */ i.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own ", /* @__PURE__ */ i.createElement("code", { style: l }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ i.createElement("code", { style: l }, "errorElement"), " prop on your route.")), /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ i.createElement("h3", { style: { fontStyle: "italic" } }, t), n ? /* @__PURE__ */ i.createElement("pre", { style: r }, n) : null, o);
-}
-var nt = /* @__PURE__ */ i.createElement(tt, null), rt = class extends i.Component {
-  constructor(e) {
-    super(e), this.state = {
-      location: e.location,
-      revalidation: e.revalidation,
-      error: e.error
-    };
-  }
-  static getDerivedStateFromError(e) {
-    return { error: e };
-  }
-  static getDerivedStateFromProps(e, t) {
-    return t.location !== e.location || t.revalidation !== "idle" && e.revalidation === "idle" ? {
-      error: e.error,
-      location: e.location,
-      revalidation: e.revalidation
-    } : {
-      error: e.error !== void 0 ? e.error : t.error,
-      location: t.location,
-      revalidation: e.revalidation || t.revalidation
-    };
-  }
-  componentDidCatch(e, t) {
-    this.props.unstable_onError ? this.props.unstable_onError(e, t) : console.error(
-      "React Router caught the following error during render",
-      e
-    );
-  }
-  render() {
-    return this.state.error !== void 0 ? /* @__PURE__ */ i.createElement($.Provider, { value: this.props.routeContext }, /* @__PURE__ */ i.createElement(
-      Q.Provider,
-      {
-        value: this.state.error,
-        children: this.props.component
-      }
-    )) : this.props.children;
-  }
-};
-function at({ routeContext: e, match: t, children: n }) {
-  let a = i.useContext(A);
-  return a && a.static && a.staticContext && (t.route.errorElement || t.route.ErrorBoundary) && (a.staticContext._deepestRenderedBoundaryId = t.route.id), /* @__PURE__ */ i.createElement($.Provider, { value: e }, n);
-}
-function lt(e, t = [], n = null, a = null, r = null) {
-  if (e == null) {
-    if (!n)
-      return null;
-    if (n.errors)
-      e = n.matches;
-    else if (t.length === 0 && !n.initialized && n.matches.length > 0)
-      e = n.matches;
-    else
-      return null;
-  }
-  let l = e, o = n == null ? void 0 : n.errors;
-  if (o != null) {
-    let s = l.findIndex(
-      (c) => c.route.id && (o == null ? void 0 : o[c.route.id]) !== void 0
-    );
-    C(
-      s >= 0,
-      `Could not find a matching route for errors on route IDs: ${Object.keys(
-        o
-      ).join(",")}`
-    ), l = l.slice(
-      0,
-      Math.min(l.length, s + 1)
-    );
-  }
-  let f = !1, u = -1;
-  if (n)
-    for (let s = 0; s < l.length; s++) {
-      let c = l[s];
-      if ((c.route.HydrateFallback || c.route.hydrateFallbackElement) && (u = s), c.route.id) {
-        let { loaderData: d, errors: h } = n, p = c.route.loader && !d.hasOwnProperty(c.route.id) && (!h || h[c.route.id] === void 0);
-        if (c.route.lazy || p) {
-          f = !0, u >= 0 ? l = l.slice(0, u + 1) : l = [l[0]];
-          break;
-        }
-      }
-    }
-  return l.reduceRight(
-    (s, c, d) => {
-      let h, p = !1, y = null, x = null;
-      n && (h = o && c.route.id ? o[c.route.id] : void 0, y = c.route.errorElement || nt, f && (u < 0 && d === 0 ? (xe(
-        "route-fallback",
-        !1,
-        "No `HydrateFallback` element provided to render during initial hydration"
-      ), p = !0, x = null) : u === d && (p = !0, x = c.route.hydrateFallbackElement || null)));
-      let v = t.concat(l.slice(0, d + 1)), g = () => {
-        let m;
-        return h ? m = y : p ? m = x : c.route.Component ? m = /* @__PURE__ */ i.createElement(c.route.Component, null) : c.route.element ? m = c.route.element : m = s, /* @__PURE__ */ i.createElement(
-          at,
-          {
-            match: c,
-            routeContext: {
-              outlet: s,
-              matches: v,
-              isDataRoute: n != null
-            },
-            children: m
-          }
-        );
-      };
-      return n && (c.route.ErrorBoundary || c.route.errorElement || d === 0) ? /* @__PURE__ */ i.createElement(
-        rt,
-        {
-          location: n.location,
-          revalidation: n.revalidation,
-          component: y,
-          error: h,
-          children: g(),
-          routeContext: { outlet: null, matches: v, isDataRoute: !0 },
-          unstable_onError: a
-        }
-      ) : g();
-    },
-    null
-  );
-}
-function Z(e) {
-  return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
-}
-function ot(e) {
-  let t = i.useContext(A);
-  return C(t, Z(e)), t;
-}
-function it(e) {
-  let t = i.useContext(z);
-  return C(t, Z(e)), t;
-}
-function ut(e) {
-  let t = i.useContext($);
-  return C(t, Z(e)), t;
-}
-function ee(e) {
-  let t = ut(e), n = t.matches[t.matches.length - 1];
-  return C(
-    n.route.id,
-    `${e} can only be used on routes that contain a unique "id"`
-  ), n.route.id;
-}
-function st() {
-  return ee(
-    "useRouteId"
-    /* UseRouteId */
-  );
-}
-function ct() {
-  var a;
-  let e = i.useContext(Q), t = it(
-    "useRouteError"
-    /* UseRouteError */
-  ), n = ee(
-    "useRouteError"
-    /* UseRouteError */
-  );
-  return e !== void 0 ? e : (a = t.errors) == null ? void 0 : a[n];
-}
-function ft() {
-  let { router: e } = ot(
-    "useNavigate"
-    /* UseNavigateStable */
-  ), t = ee(
-    "useNavigate"
-    /* UseNavigateStable */
-  ), n = i.useRef(!1);
-  return ve(() => {
-    n.current = !0;
-  }), i.useCallback(
-    async (r, l = {}) => {
-      S(n.current, ye), n.current && (typeof r == "number" ? e.navigate(r) : await e.navigate(r, { fromRouteId: t, ...l }));
-    },
-    [e, t]
-  );
-}
-var ue = {};
-function xe(e, t, n) {
-  !t && !ue[e] && (ue[e] = !0, S(!1, n));
-}
-i.memo(dt);
-function dt({
-  routes: e,
-  future: t,
-  state: n,
-  unstable_onError: a
-}) {
-  return et(e, void 0, n, a, t);
-}
-var U = "get", _ = "application/x-www-form-urlencoded";
-function J(e) {
-  return e != null && typeof e.tagName == "string";
-}
-function ht(e) {
-  return J(e) && e.tagName.toLowerCase() === "button";
-}
-function mt(e) {
-  return J(e) && e.tagName.toLowerCase() === "form";
-}
-function pt(e) {
-  return J(e) && e.tagName.toLowerCase() === "input";
-}
-function gt(e) {
-  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
-}
-function yt(e, t) {
-  return e.button === 0 && // Ignore everything but left clicks
-  (!t || t === "_self") && // Let browser handle "target=_blank" etc.
-  !gt(e);
-}
-var j = null;
-function vt() {
-  if (j === null)
-    try {
-      new FormData(
-        document.createElement("form"),
-        // @ts-expect-error if FormData supports the submitter parameter, this will throw
-        0
-      ), j = !1;
-    } catch {
-      j = !0;
-    }
-  return j;
-}
-var xt = /* @__PURE__ */ new Set([
-  "application/x-www-form-urlencoded",
-  "multipart/form-data",
-  "text/plain"
-]);
-function Y(e) {
-  return e != null && !xt.has(e) ? (S(
-    !1,
-    `"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${_}"`
-  ), null) : e;
-}
-function wt(e, t) {
-  let n, a, r, l, o;
-  if (mt(e)) {
-    let f = e.getAttribute("action");
-    a = f ? F(f, t) : null, n = e.getAttribute("method") || U, r = Y(e.getAttribute("enctype")) || _, l = new FormData(e);
-  } else if (ht(e) || pt(e) && (e.type === "submit" || e.type === "image")) {
-    let f = e.form;
-    if (f == null)
-      throw new Error(
-        'Cannot submit a <button> or <input type="submit"> without a <form>'
-      );
-    let u = e.getAttribute("formaction") || f.getAttribute("action");
-    if (a = u ? F(u, t) : null, n = e.getAttribute("formmethod") || f.getAttribute("method") || U, r = Y(e.getAttribute("formenctype")) || Y(f.getAttribute("enctype")) || _, l = new FormData(f, e), !vt()) {
-      let { name: s, type: c, value: d } = e;
-      if (c === "image") {
-        let h = s ? `${s}.` : "";
-        l.append(`${h}x`, "0"), l.append(`${h}y`, "0");
-      } else s && l.append(s, d);
-    }
-  } else {
-    if (J(e))
-      throw new Error(
-        'Cannot submit element that is not <form>, <button>, or <input type="submit|image">'
-      );
-    n = U, a = null, r = _, o = e;
-  }
-  return l && r === "text/plain" && (o = l, l = void 0), { action: a, method: n.toLowerCase(), encType: r, formData: l, body: o };
-}
-Object.getOwnPropertyNames(Object.prototype).sort().join("\0");
-function te(e, t) {
-  if (e === !1 || e === null || typeof e > "u")
-    throw new Error(t);
-}
-function Ct(e, t, n) {
-  let a = typeof e == "string" ? new URL(
-    e,
-    // This can be called during the SSR flow via PrefetchPageLinksImpl so
-    // don't assume window is available
-    typeof window > "u" ? "server://singlefetch/" : window.location.origin
-  ) : e;
-  return a.pathname === "/" ? a.pathname = `_root.${n}` : t && F(a.pathname, t) === "/" ? a.pathname = `${t.replace(/\/$/, "")}/_root.${n}` : a.pathname = `${a.pathname.replace(/\/$/, "")}.${n}`, a;
-}
-async function Et(e, t) {
-  if (e.id in t)
-    return t[e.id];
-  try {
-    let n = await import(
-      /* @vite-ignore */
-      /* webpackIgnore: true */
-      e.module
-    );
-    return t[e.id] = n, n;
-  } catch (n) {
-    return console.error(
-      `Error loading route module \`${e.module}\`, reloading page...`
-    ), console.error(n), window.__reactRouterContext && window.__reactRouterContext.isSpaMode, window.location.reload(), new Promise(() => {
-    });
-  }
-}
-function Rt(e) {
-  return e == null ? !1 : e.href == null ? e.rel === "preload" && typeof e.imageSrcSet == "string" && typeof e.imageSizes == "string" : typeof e.rel == "string" && typeof e.href == "string";
-}
-async function bt(e, t, n) {
-  let a = await Promise.all(
-    e.map(async (r) => {
-      let l = t.routes[r.route.id];
-      if (l) {
-        let o = await Et(l, n);
-        return o.links ? o.links() : [];
-      }
-      return [];
-    })
-  );
-  return kt(
-    a.flat(1).filter(Rt).filter((r) => r.rel === "stylesheet" || r.rel === "preload").map(
-      (r) => r.rel === "stylesheet" ? { ...r, rel: "prefetch", as: "style" } : { ...r, rel: "prefetch" }
-    )
-  );
-}
-function se(e, t, n, a, r, l) {
-  let o = (u, s) => n[s] ? u.route.id !== n[s].route.id : !0, f = (u, s) => {
-    var c;
-    return (
-      // param change, /users/123 -> /users/456
-      n[s].pathname !== u.pathname || // splat param changed, which is not present in match.path
-      // e.g. /files/images/avatar.jpg -> files/finances.xls
-      ((c = n[s].route.path) == null ? void 0 : c.endsWith("*")) && n[s].params["*"] !== u.params["*"]
-    );
-  };
-  return l === "assets" ? t.filter(
-    (u, s) => o(u, s) || f(u, s)
-  ) : l === "data" ? t.filter((u, s) => {
-    var d;
-    let c = a.routes[u.route.id];
-    if (!c || !c.hasLoader)
-      return !1;
-    if (o(u, s) || f(u, s))
-      return !0;
-    if (u.route.shouldRevalidate) {
-      let h = u.route.shouldRevalidate({
-        currentUrl: new URL(
-          r.pathname + r.search + r.hash,
-          window.origin
-        ),
-        currentParams: ((d = n[0]) == null ? void 0 : d.params) || {},
-        nextUrl: new URL(e, window.origin),
-        nextParams: u.params,
-        defaultShouldRevalidate: !0
-      });
-      if (typeof h == "boolean")
-        return h;
-    }
-    return !0;
-  }) : [];
-}
-function Pt(e, t, { includeHydrateFallback: n } = {}) {
-  return Lt(
-    e.map((a) => {
-      let r = t.routes[a.route.id];
-      if (!r) return [];
-      let l = [r.module];
-      return r.clientActionModule && (l = l.concat(r.clientActionModule)), r.clientLoaderModule && (l = l.concat(r.clientLoaderModule)), n && r.hydrateFallbackModule && (l = l.concat(r.hydrateFallbackModule)), r.imports && (l = l.concat(r.imports)), l;
-    }).flat(1)
-  );
-}
-function Lt(e) {
-  return [...new Set(e)];
-}
-function St(e) {
-  let t = {}, n = Object.keys(e).sort();
-  for (let a of n)
-    t[a] = e[a];
-  return t;
-}
-function kt(e, t) {
-  let n = /* @__PURE__ */ new Set();
-  return new Set(t), e.reduce((a, r) => {
-    let l = JSON.stringify(St(r));
-    return n.has(l) || (n.add(l), a.push({ key: l, link: r })), a;
-  }, []);
-}
-function we() {
-  let e = i.useContext(A);
-  return te(
-    e,
-    "You must render this element inside a <DataRouterContext.Provider> element"
-  ), e;
-}
-function $t() {
-  let e = i.useContext(z);
-  return te(
-    e,
-    "You must render this element inside a <DataRouterStateContext.Provider> element"
-  ), e;
-}
-var ne = i.createContext(void 0);
-ne.displayName = "FrameworkContext";
-function Ce() {
-  let e = i.useContext(ne);
-  return te(
-    e,
-    "You must render this element inside a <HydratedRouter> element"
-  ), e;
-}
-function Ft(e, t) {
-  let n = i.useContext(ne), [a, r] = i.useState(!1), [l, o] = i.useState(!1), { onFocus: f, onBlur: u, onMouseEnter: s, onMouseLeave: c, onTouchStart: d } = t, h = i.useRef(null);
-  i.useEffect(() => {
-    if (e === "render" && o(!0), e === "viewport") {
-      let x = (g) => {
-        g.forEach((m) => {
-          o(m.isIntersecting);
-        });
-      }, v = new IntersectionObserver(x, { threshold: 0.5 });
-      return h.current && v.observe(h.current), () => {
-        v.disconnect();
-      };
-    }
-  }, [e]), i.useEffect(() => {
-    if (a) {
-      let x = setTimeout(() => {
-        o(!0);
-      }, 100);
-      return () => {
-        clearTimeout(x);
-      };
-    }
-  }, [a]);
-  let p = () => {
-    r(!0);
-  }, y = () => {
-    r(!1), o(!1);
-  };
-  return n ? e !== "intent" ? [l, h, {}] : [
-    l,
-    h,
-    {
-      onFocus: B(f, p),
-      onBlur: B(u, y),
-      onMouseEnter: B(s, p),
-      onMouseLeave: B(c, y),
-      onTouchStart: B(d, p)
-    }
-  ] : [!1, h, {}];
-}
-function B(e, t) {
-  return (n) => {
-    e && e(n), n.defaultPrevented || t(n);
-  };
-}
-function It({ page: e, ...t }) {
-  let { router: n } = we(), a = i.useMemo(
-    () => ce(n.routes, e, n.basename),
-    [n.routes, e, n.basename]
-  );
-  return a ? /* @__PURE__ */ i.createElement(Nt, { page: e, matches: a, ...t }) : null;
-}
-function Dt(e) {
-  let { manifest: t, routeModules: n } = Ce(), [a, r] = i.useState([]);
-  return i.useEffect(() => {
-    let l = !1;
-    return bt(e, t, n).then(
-      (o) => {
-        l || r(o);
-      }
-    ), () => {
-      l = !0;
-    };
-  }, [e, t, n]), a;
-}
-function Nt({
-  page: e,
-  matches: t,
-  ...n
-}) {
-  let a = N(), { manifest: r, routeModules: l } = Ce(), { basename: o } = we(), { loaderData: f, matches: u } = $t(), s = i.useMemo(
-    () => se(
-      e,
-      t,
-      u,
-      r,
-      a,
-      "data"
-    ),
-    [e, t, u, r, a]
-  ), c = i.useMemo(
-    () => se(
-      e,
-      t,
-      u,
-      r,
-      a,
-      "assets"
-    ),
-    [e, t, u, r, a]
-  ), d = i.useMemo(() => {
-    if (e === a.pathname + a.search + a.hash)
-      return [];
-    let y = /* @__PURE__ */ new Set(), x = !1;
-    if (t.forEach((g) => {
-      var w;
-      let m = r.routes[g.route.id];
-      !m || !m.hasLoader || (!s.some((E) => E.route.id === g.route.id) && g.route.id in f && ((w = l[g.route.id]) != null && w.shouldRevalidate) || m.hasClientLoader ? x = !0 : y.add(g.route.id));
-    }), y.size === 0)
-      return [];
-    let v = Ct(e, o, "data");
-    return x && y.size > 0 && v.searchParams.set(
-      "_routes",
-      t.filter((g) => y.has(g.route.id)).map((g) => g.route.id).join(",")
-    ), [v.pathname + v.search];
-  }, [
-    o,
-    f,
-    a,
-    r,
-    s,
-    t,
-    e,
-    l
-  ]), h = i.useMemo(
-    () => Pt(c, r),
-    [c, r]
-  ), p = Dt(c);
-  return /* @__PURE__ */ i.createElement(i.Fragment, null, d.map((y) => /* @__PURE__ */ i.createElement("link", { key: y, rel: "prefetch", as: "fetch", href: y, ...n })), h.map((y) => /* @__PURE__ */ i.createElement("link", { key: y, rel: "modulepreload", href: y, ...n })), p.map(({ key: y, link: x }) => (
-    // these don't spread `linkProps` because they are full link descriptors
-    // already with their own props
-    /* @__PURE__ */ i.createElement("link", { key: y, nonce: n.nonce, ...x })
-  )));
-}
-function Tt(...e) {
-  return (t) => {
-    e.forEach((n) => {
-      typeof n == "function" ? n(t) : n != null && (n.current = t);
-    });
-  };
-}
-var Ee = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
-try {
-  Ee && (window.__reactRouterVersion = // @ts-expect-error
-  "7.9.3");
-} catch {
-}
-var Re = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, re = i.forwardRef(
-  function({
-    onClick: t,
-    discover: n = "render",
-    prefetch: a = "none",
-    relative: r,
-    reloadDocument: l,
-    replace: o,
-    state: f,
-    target: u,
-    to: s,
-    preventScrollReset: c,
-    viewTransition: d,
-    ...h
-  }, p) {
-    let { basename: y } = i.useContext(k), x = typeof s == "string" && Re.test(s), v, g = !1;
-    if (typeof s == "string" && x && (v = s, Ee))
-      try {
-        let R = new URL(window.location.href), M = s.startsWith("//") ? new URL(R.protocol + s) : new URL(s), ae = F(M.pathname, y);
-        M.origin === R.origin && ae != null ? s = ae + M.search + M.hash : g = !0;
-      } catch {
-        S(
-          !1,
-          `<Link to="${s}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`
-        );
-      }
-    let m = Xe(s, { relative: r }), [w, E, P] = Ft(
-      a,
-      h
-    ), T = Wt(s, {
-      replace: o,
-      state: f,
-      target: u,
-      preventScrollReset: c,
-      relative: r,
-      viewTransition: d
-    });
-    function I(R) {
-      t && t(R), R.defaultPrevented || T(R);
-    }
-    let D = (
-      // eslint-disable-next-line jsx-a11y/anchor-has-content
-      /* @__PURE__ */ i.createElement(
-        "a",
-        {
-          ...h,
-          ...P,
-          href: v || m,
-          onClick: g || l ? t : I,
-          ref: Tt(p, E),
-          target: u,
-          "data-discover": !x && n === "render" ? "true" : void 0
-        }
-      )
-    );
-    return w && !x ? /* @__PURE__ */ i.createElement(i.Fragment, null, D, /* @__PURE__ */ i.createElement(It, { page: m })) : D;
-  }
-);
-re.displayName = "Link";
-var Mt = i.forwardRef(
-  function({
-    "aria-current": t = "page",
-    caseSensitive: n = !1,
-    className: a = "",
-    end: r = !1,
-    style: l,
-    to: o,
-    viewTransition: f,
-    children: u,
-    ...s
-  }, c) {
-    let d = W(o, { relative: s.relative }), h = N(), p = i.useContext(z), { navigator: y, basename: x } = i.useContext(k), v = p != null && // Conditional usage is OK here because the usage of a data router is static
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    Ht(d) && f === !0, g = y.encodeLocation ? y.encodeLocation(d).pathname : d.pathname, m = h.pathname, w = p && p.navigation && p.navigation.location ? p.navigation.location.pathname : null;
-    n || (m = m.toLowerCase(), w = w ? w.toLowerCase() : null, g = g.toLowerCase()), w && x && (w = F(w, x) || w);
-    const E = g !== "/" && g.endsWith("/") ? g.length - 1 : g.length;
-    let P = m === g || !r && m.startsWith(g) && m.charAt(E) === "/", T = w != null && (w === g || !r && w.startsWith(g) && w.charAt(g.length) === "/"), I = {
-      isActive: P,
-      isPending: T,
-      isTransitioning: v
-    }, D = P ? t : void 0, R;
-    typeof a == "function" ? R = a(I) : R = [
-      a,
-      P ? "active" : null,
-      T ? "pending" : null,
-      v ? "transitioning" : null
-    ].filter(Boolean).join(" ");
-    let M = typeof l == "function" ? l(I) : l;
-    return /* @__PURE__ */ i.createElement(
-      re,
-      {
-        ...s,
-        "aria-current": D,
-        className: R,
-        ref: c,
-        style: M,
-        to: o,
-        viewTransition: f
-      },
-      typeof u == "function" ? u(I) : u
-    );
-  }
-);
-Mt.displayName = "NavLink";
-var At = i.forwardRef(
-  ({
-    discover: e = "render",
-    fetcherKey: t,
-    navigate: n,
-    reloadDocument: a,
-    replace: r,
-    state: l,
-    method: o = U,
-    action: f,
-    onSubmit: u,
-    relative: s,
-    preventScrollReset: c,
-    viewTransition: d,
-    ...h
-  }, p) => {
-    let y = Ut(), x = _t(f, { relative: s }), v = o.toLowerCase() === "get" ? "get" : "post", g = typeof f == "string" && Re.test(f), m = (w) => {
-      if (u && u(w), w.defaultPrevented) return;
-      w.preventDefault();
-      let E = w.nativeEvent.submitter, P = (E == null ? void 0 : E.getAttribute("formmethod")) || o;
-      y(E || w.currentTarget, {
-        fetcherKey: t,
-        method: P,
-        navigate: n,
-        replace: r,
-        state: l,
-        relative: s,
-        preventScrollReset: c,
-        viewTransition: d
-      });
-    };
-    return /* @__PURE__ */ i.createElement(
-      "form",
-      {
-        ref: p,
-        method: v,
-        action: x,
-        onSubmit: a ? u : m,
-        ...h,
-        "data-discover": !g && e === "render" ? "true" : void 0
-      }
-    );
-  }
-);
-At.displayName = "Form";
-function Bt(e) {
-  return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
-}
-function be(e) {
-  let t = i.useContext(A);
-  return C(t, Bt(e)), t;
-}
-function Wt(e, {
-  target: t,
-  replace: n,
-  state: a,
-  preventScrollReset: r,
-  relative: l,
-  viewTransition: o
-} = {}) {
-  let f = Qe(), u = N(), s = W(e, { relative: l });
-  return i.useCallback(
-    (c) => {
-      if (yt(c, t)) {
-        c.preventDefault();
-        let d = n !== void 0 ? n : q(u) === q(s);
-        f(e, {
-          replace: d,
-          state: a,
-          preventScrollReset: r,
-          relative: l,
-          viewTransition: o
-        });
-      }
-    },
-    [
-      u,
-      f,
-      s,
-      n,
-      a,
-      t,
-      e,
-      r,
-      l,
-      o
-    ]
-  );
-}
-var Ot = 0, jt = () => `__${String(++Ot)}__`;
-function Ut() {
-  let { router: e } = be(
-    "useSubmit"
-    /* UseSubmit */
-  ), { basename: t } = i.useContext(k), n = st();
-  return i.useCallback(
-    async (a, r = {}) => {
-      let { action: l, method: o, encType: f, formData: u, body: s } = wt(
-        a,
-        t
-      );
-      if (r.navigate === !1) {
-        let c = r.fetcherKey || jt();
-        await e.fetch(c, n, r.action || l, {
-          preventScrollReset: r.preventScrollReset,
-          formData: u,
-          body: s,
-          formMethod: r.method || o,
-          formEncType: r.encType || f,
-          flushSync: r.flushSync
-        });
-      } else
-        await e.navigate(r.action || l, {
-          preventScrollReset: r.preventScrollReset,
-          formData: u,
-          body: s,
-          formMethod: r.method || o,
-          formEncType: r.encType || f,
-          replace: r.replace,
-          state: r.state,
-          fromRouteId: n,
-          flushSync: r.flushSync,
-          viewTransition: r.viewTransition
-        });
-    },
-    [e, t, n]
-  );
-}
-function _t(e, { relative: t } = {}) {
-  let { basename: n } = i.useContext(k), a = i.useContext($);
-  C(a, "useFormAction must be used inside a RouteContext");
-  let [r] = a.matches.slice(-1), l = { ...W(e || ".", { relative: t }) }, o = N();
-  if (e == null) {
-    l.search = o.search;
-    let f = new URLSearchParams(l.search), u = f.getAll("index");
-    if (u.some((c) => c === "")) {
-      f.delete("index"), u.filter((d) => d).forEach((d) => f.append("index", d));
-      let c = f.toString();
-      l.search = c ? `?${c}` : "";
-    }
-  }
-  return (!e || e === ".") && r.route.index && (l.search = l.search ? l.search.replace(/^\?/, "?index&") : "?index"), n !== "/" && (l.pathname = l.pathname === "/" ? n : L([n, l.pathname])), q(l);
-}
-function Ht(e, { relative: t } = {}) {
-  let n = i.useContext(ge);
-  C(
-    n != null,
-    "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?"
-  );
-  let { basename: a } = be(
-    "useViewTransitionState"
-    /* useViewTransitionState */
-  ), r = W(e, { relative: t });
-  if (!n.isTransitioning)
-    return !1;
-  let l = F(n.currentLocation.pathname, a) || n.currentLocation.pathname, o = F(n.nextLocation.pathname, a) || n.nextLocation.pathname;
-  return H(r.pathname, o) != null || H(r.pathname, l) != null;
-}
-function Kt({
-  imageSrc: e,
-  imageAlt: t,
-  title: n,
-  description: a,
+import { j as e } from "../jsx-runtime-OVHDjVDe.js";
+import { Box as n, Container as w, Stack as s, Typography as l, Button as z } from "@mui/material";
+import D from "../s-lazy-image/s-lazy-image.js";
+function F({
+  imageSrc: x,
+  imageAlt: a,
+  title: o,
+  description: c,
   buttonText: r,
-  buttonHref: l = "#",
-  imageWidth: o = "200px",
-  imageHeight: f = "auto",
-  maxWidth: u = "lg",
-  height: s = "100vh",
-  py: c = 8,
-  spacing: d = 6,
-  titleVariant: h = "h4",
-  descriptionVariant: p = "body1",
-  buttonVariant: y = "contained",
-  buttonColor: x = "primary",
-  containerSx: v,
-  imageContainerSx: g,
-  contentSx: m,
-  titleSx: w,
-  descriptionSx: E,
-  buttonContainerSx: P,
-  buttonProps: T,
-  hideImage: I = !1,
-  customActions: D
+  imageWidth: d = "200px",
+  imageHeight: j = "auto",
+  maxWidth: h = "lg",
+  height: f = "100vh",
+  py: p = 8,
+  spacing: y = 6,
+  titleVariant: m = "h4",
+  descriptionVariant: u = "body1",
+  buttonVariant: g = "contained",
+  buttonColor: v = "primary",
+  containerSx: C,
+  imageContainerSx: B,
+  contentSx: E,
+  titleSx: I,
+  descriptionSx: L,
+  buttonContainerSx: t,
+  buttonProps: S,
+  hideImage: k = !1,
+  customActions: i
 }) {
-  return /* @__PURE__ */ b.jsx(
-    O,
+  return /* @__PURE__ */ e.jsx(
+    n,
     {
       component: "main",
       sx: {
@@ -1326,21 +36,21 @@ function Kt({
         display: "flex",
         flexDirection: "column",
         justifyContent: "center",
-        py: c,
-        height: s,
-        ...v
+        py: p,
+        height: f,
+        ...C
       },
-      children: /* @__PURE__ */ b.jsx(Pe, { maxWidth: u, children: /* @__PURE__ */ b.jsxs(le, { spacing: d, children: [
-        !I && /* @__PURE__ */ b.jsx(O, { sx: { display: "flex", justifyContent: "center", ...g }, children: /* @__PURE__ */ b.jsx(Se, { src: e, alt: t, width: o, height: f }) }),
-        /* @__PURE__ */ b.jsxs(le, { spacing: 1, sx: { textAlign: "center", ...m }, children: [
-          /* @__PURE__ */ b.jsx(oe, { variant: h, sx: w, children: n }),
-          /* @__PURE__ */ b.jsx(oe, { variant: p, color: "text.secondary", sx: E, children: a })
+      children: /* @__PURE__ */ e.jsx(w, { maxWidth: h, children: /* @__PURE__ */ e.jsxs(s, { spacing: y, children: [
+        !k && /* @__PURE__ */ e.jsx(n, { sx: { display: "flex", justifyContent: "center", ...B }, children: /* @__PURE__ */ e.jsx(D, { src: x, alt: a, width: d, height: j }) }),
+        /* @__PURE__ */ e.jsxs(s, { spacing: 1, sx: { textAlign: "center", ...E }, children: [
+          /* @__PURE__ */ e.jsx(l, { variant: m, sx: I, children: o }),
+          /* @__PURE__ */ e.jsx(l, { variant: u, color: "text.secondary", sx: L, children: c })
         ] }),
-        D ? /* @__PURE__ */ b.jsx(O, { sx: { display: "flex", justifyContent: "center", ...P }, children: D }) : r ? /* @__PURE__ */ b.jsx(O, { sx: { display: "flex", justifyContent: "center", ...P }, children: /* @__PURE__ */ b.jsx(Le, { component: re, to: l, variant: y, color: x, ...T, children: r }) }) : null
+        i ? /* @__PURE__ */ e.jsx(n, { sx: { display: "flex", justifyContent: "center", ...t }, children: i }) : r ? /* @__PURE__ */ e.jsx(n, { sx: { display: "flex", justifyContent: "center", ...t }, children: /* @__PURE__ */ e.jsx(z, { variant: g, color: v, ...S, children: r }) }) : null
       ] }) })
     }
   );
 }
 export {
-  Kt as default
+  F as default
 };

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.153",
+  "version": "1.0.154",
   "description": "advanced ui kit for solostylist",
   "private": false,
   "type": "module",