@m4l/layouts 0.0.40 → 0.0.43

package/dist/layouts/NoAuthModuleLayout/index.js

@@ -1,9 +1,9 @@
-import { CompanyLogo, LanguagePopover, Typography, Image } from "@m4l/components";
+import { Page, CompanyLogo, LanguagePopover, Typography, Image } from "@m4l/components";
 import { Card, Container, Stack } from "@mui/material";
 import { styled } from "@mui/material/styles";
 import { useModuleDictionary, useFlagsPresent, getLocalStorage, useNetwork, useEnvironment, useFlags, FlagsProvider, ModuleDictionaryProvider, ModuleSkeletonProvider } from "@m4l/core";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useResponsive, P as Page } from "../../node_modules.js";
+import { u as useResponsive } from "../../node_modules.js";
 import { createContext, useState, useEffect } from "react";
 const RootStyle = styled("div")(({
   theme

package/dist/node_modules.js

@@ -1,775 +1,11 @@
 import { useTheme } from "@mui/material/styles";
-import { Box } from "@mui/material";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React, { Component, createContext, useContext, forwardRef } from "react";
+import "@mui/material";
+import "react/jsx-runtime";
+import "react";
 import "@mui/x-date-pickers/AdapterDateFns";
 import "@mui/x-date-pickers";
 import "@m4l/core";
 import useMediaQuery from "@mui/material/useMediaQuery";
-var propTypes = { exports: {} };
-var ReactPropTypesSecret$1 = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
-var ReactPropTypesSecret = ReactPropTypesSecret_1;
-function emptyFunction() {
-}
-function emptyFunctionWithReset() {
-}
-emptyFunctionWithReset.resetWarningCache = emptyFunction;
-var factoryWithThrowingShims = function() {
-  function shim(props, propName, componentName, location, propFullName, secret) {
-    if (secret === ReactPropTypesSecret) {
-      return;
-    }
-    var err = new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");
-    err.name = "Invariant Violation";
-    throw err;
-  }
-  shim.isRequired = shim;
-  function getShim() {
-    return shim;
-  }
-  var ReactPropTypes = {
-    array: shim,
-    bigint: shim,
-    bool: shim,
-    func: shim,
-    number: shim,
-    object: shim,
-    string: shim,
-    symbol: shim,
-    any: shim,
-    arrayOf: getShim,
-    element: shim,
-    elementType: shim,
-    instanceOf: getShim,
-    node: shim,
-    objectOf: getShim,
-    oneOf: getShim,
-    oneOfType: getShim,
-    shape: getShim,
-    exact: getShim,
-    checkPropTypes: emptyFunctionWithReset,
-    resetWarningCache: emptyFunction
-  };
-  ReactPropTypes.PropTypes = ReactPropTypes;
-  return ReactPropTypes;
-};
-{
-  propTypes.exports = factoryWithThrowingShims();
-}
-const r = propTypes.exports;
-var hasElementType = typeof Element !== "undefined";
-var hasMap = typeof Map === "function";
-var hasSet = typeof Set === "function";
-var hasArrayBuffer = typeof ArrayBuffer === "function" && !!ArrayBuffer.isView;
-function equal(a2, b2) {
-  if (a2 === b2)
-    return true;
-  if (a2 && b2 && typeof a2 == "object" && typeof b2 == "object") {
-    if (a2.constructor !== b2.constructor)
-      return false;
-    var length, i, keys;
-    if (Array.isArray(a2)) {
-      length = a2.length;
-      if (length != b2.length)
-        return false;
-      for (i = length; i-- !== 0; )
-        if (!equal(a2[i], b2[i]))
-          return false;
-      return true;
-    }
-    var it;
-    if (hasMap && a2 instanceof Map && b2 instanceof Map) {
-      if (a2.size !== b2.size)
-        return false;
-      it = a2.entries();
-      while (!(i = it.next()).done)
-        if (!b2.has(i.value[0]))
-          return false;
-      it = a2.entries();
-      while (!(i = it.next()).done)
-        if (!equal(i.value[1], b2.get(i.value[0])))
-          return false;
-      return true;
-    }
-    if (hasSet && a2 instanceof Set && b2 instanceof Set) {
-      if (a2.size !== b2.size)
-        return false;
-      it = a2.entries();
-      while (!(i = it.next()).done)
-        if (!b2.has(i.value[0]))
-          return false;
-      return true;
-    }
-    if (hasArrayBuffer && ArrayBuffer.isView(a2) && ArrayBuffer.isView(b2)) {
-      length = a2.length;
-      if (length != b2.length)
-        return false;
-      for (i = length; i-- !== 0; )
-        if (a2[i] !== b2[i])
-          return false;
-      return true;
-    }
-    if (a2.constructor === RegExp)
-      return a2.source === b2.source && a2.flags === b2.flags;
-    if (a2.valueOf !== Object.prototype.valueOf)
-      return a2.valueOf() === b2.valueOf();
-    if (a2.toString !== Object.prototype.toString)
-      return a2.toString() === b2.toString();
-    keys = Object.keys(a2);
-    length = keys.length;
-    if (length !== Object.keys(b2).length)
-      return false;
-    for (i = length; i-- !== 0; )
-      if (!Object.prototype.hasOwnProperty.call(b2, keys[i]))
-        return false;
-    if (hasElementType && a2 instanceof Element)
-      return false;
-    for (i = length; i-- !== 0; ) {
-      if ((keys[i] === "_owner" || keys[i] === "__v" || keys[i] === "__o") && a2.$$typeof) {
-        continue;
-      }
-      if (!equal(a2[keys[i]], b2[keys[i]]))
-        return false;
-    }
-    return true;
-  }
-  return a2 !== a2 && b2 !== b2;
-}
-var reactFastCompare = function isEqual(a2, b2) {
-  try {
-    return equal(a2, b2);
-  } catch (error) {
-    if ((error.message || "").match(/stack|recursion/i)) {
-      console.warn("react-fast-compare cannot handle circular refs");
-      return false;
-    }
-    throw error;
-  }
-};
-var invariant = function(condition, format, a2, b2, c2, d2, e, f2) {
-  if (!condition) {
-    var error;
-    if (format === void 0) {
-      error = new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");
-    } else {
-      var args = [a2, b2, c2, d2, e, f2];
-      var argIndex = 0;
-      error = new Error(format.replace(/%s/g, function() {
-        return args[argIndex++];
-      }));
-      error.name = "Invariant Violation";
-    }
-    error.framesToPop = 1;
-    throw error;
-  }
-};
-var browser = invariant;
-var shallowequal = function shallowEqual(objA, objB, compare, compareContext) {
-  var ret = compare ? compare.call(compareContext, objA, objB) : void 0;
-  if (ret !== void 0) {
-    return !!ret;
-  }
-  if (objA === objB) {
-    return true;
-  }
-  if (typeof objA !== "object" || !objA || typeof objB !== "object" || !objB) {
-    return false;
-  }
-  var keysA = Object.keys(objA);
-  var keysB = Object.keys(objB);
-  if (keysA.length !== keysB.length) {
-    return false;
-  }
-  var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);
-  for (var idx = 0; idx < keysA.length; idx++) {
-    var key = keysA[idx];
-    if (!bHasOwnProperty(key)) {
-      return false;
-    }
-    var valueA = objA[key];
-    var valueB = objB[key];
-    ret = compare ? compare.call(compareContext, valueA, valueB, key) : void 0;
-    if (ret === false || ret === void 0 && valueA !== valueB) {
-      return false;
-    }
-  }
-  return true;
-};
-function a() {
-  return a = Object.assign || function(t2) {
-    for (var e = 1; e < arguments.length; e++) {
-      var r2 = arguments[e];
-      for (var n in r2)
-        Object.prototype.hasOwnProperty.call(r2, n) && (t2[n] = r2[n]);
-    }
-    return t2;
-  }, a.apply(this, arguments);
-}
-function s(t2, e) {
-  t2.prototype = Object.create(e.prototype), t2.prototype.constructor = t2, c(t2, e);
-}
-function c(t2, e) {
-  return c = Object.setPrototypeOf || function(t3, e2) {
-    return t3.__proto__ = e2, t3;
-  }, c(t2, e);
-}
-function u(t2, e) {
-  if (t2 == null)
-    return {};
-  var r2, n, i = {}, o = Object.keys(t2);
-  for (n = 0; n < o.length; n++)
-    e.indexOf(r2 = o[n]) >= 0 || (i[r2] = t2[r2]);
-  return i;
-}
-var l = {
-  BASE: "base",
-  BODY: "body",
-  HEAD: "head",
-  HTML: "html",
-  LINK: "link",
-  META: "meta",
-  NOSCRIPT: "noscript",
-  SCRIPT: "script",
-  STYLE: "style",
-  TITLE: "title",
-  FRAGMENT: "Symbol(react.fragment)"
-}, p = {
-  rel: ["amphtml", "canonical", "alternate"]
-}, f = {
-  type: ["application/ld+json"]
-}, d = {
-  charset: "",
-  name: ["robots", "description"],
-  property: ["og:type", "og:title", "og:url", "og:image", "og:image:alt", "og:description", "twitter:url", "twitter:title", "twitter:description", "twitter:image", "twitter:image:alt", "twitter:card", "twitter:site"]
-}, h = Object.keys(l).map(function(t2) {
-  return l[t2];
-}), m = {
-  accesskey: "accessKey",
-  charset: "charSet",
-  class: "className",
-  contenteditable: "contentEditable",
-  contextmenu: "contextMenu",
-  "http-equiv": "httpEquiv",
-  itemprop: "itemProp",
-  tabindex: "tabIndex"
-}, y = Object.keys(m).reduce(function(t2, e) {
-  return t2[m[e]] = e, t2;
-}, {}), T = function(t2, e) {
-  for (var r2 = t2.length - 1; r2 >= 0; r2 -= 1) {
-    var n = t2[r2];
-    if (Object.prototype.hasOwnProperty.call(n, e))
-      return n[e];
-  }
-  return null;
-}, g = function(t2) {
-  var e = T(t2, l.TITLE), r2 = T(t2, "titleTemplate");
-  if (Array.isArray(e) && (e = e.join("")), r2 && e)
-    return r2.replace(/%s/g, function() {
-      return e;
-    });
-  var n = T(t2, "defaultTitle");
-  return e || n || void 0;
-}, b = function(t2) {
-  return T(t2, "onChangeClientState") || function() {
-  };
-}, v = function(t2, e) {
-  return e.filter(function(e2) {
-    return e2[t2] !== void 0;
-  }).map(function(e2) {
-    return e2[t2];
-  }).reduce(function(t3, e2) {
-    return a({}, t3, e2);
-  }, {});
-}, A = function(t2, e) {
-  return e.filter(function(t3) {
-    return t3[l.BASE] !== void 0;
-  }).map(function(t3) {
-    return t3[l.BASE];
-  }).reverse().reduce(function(e2, r2) {
-    if (!e2.length)
-      for (var n = Object.keys(r2), i = 0; i < n.length; i += 1) {
-        var o = n[i].toLowerCase();
-        if (t2.indexOf(o) !== -1 && r2[o])
-          return e2.concat(r2);
-      }
-    return e2;
-  }, []);
-}, C = function(t2, e, r2) {
-  var n = {};
-  return r2.filter(function(e2) {
-    return !!Array.isArray(e2[t2]) || (e2[t2] !== void 0 && console && typeof console.warn == "function" && console.warn("Helmet: " + t2 + ' should be of type "Array". Instead found type "' + typeof e2[t2] + '"'), false);
-  }).map(function(e2) {
-    return e2[t2];
-  }).reverse().reduce(function(t3, r3) {
-    var i = {};
-    r3.filter(function(t4) {
-      for (var r4, o2 = Object.keys(t4), a2 = 0; a2 < o2.length; a2 += 1) {
-        var s3 = o2[a2], c3 = s3.toLowerCase();
-        e.indexOf(c3) === -1 || r4 === "rel" && t4[r4].toLowerCase() === "canonical" || c3 === "rel" && t4[c3].toLowerCase() === "stylesheet" || (r4 = c3), e.indexOf(s3) === -1 || s3 !== "innerHTML" && s3 !== "cssText" && s3 !== "itemprop" || (r4 = s3);
-      }
-      if (!r4 || !t4[r4])
-        return false;
-      var u3 = t4[r4].toLowerCase();
-      return n[r4] || (n[r4] = {}), i[r4] || (i[r4] = {}), !n[r4][u3] && (i[r4][u3] = true, true);
-    }).reverse().forEach(function(e2) {
-      return t3.push(e2);
-    });
-    for (var o = Object.keys(i), s2 = 0; s2 < o.length; s2 += 1) {
-      var c2 = o[s2], u2 = a({}, n[c2], i[c2]);
-      n[c2] = u2;
-    }
-    return t3;
-  }, []).reverse();
-}, O = function(t2, e) {
-  if (Array.isArray(t2) && t2.length) {
-    for (var r2 = 0; r2 < t2.length; r2 += 1)
-      if (t2[r2][e])
-        return true;
-  }
-  return false;
-}, S = function(t2) {
-  return Array.isArray(t2) ? t2.join("") : t2;
-}, E = function(t2, e) {
-  return Array.isArray(t2) ? t2.reduce(function(t3, r2) {
-    return function(t4, e2) {
-      for (var r3 = Object.keys(t4), n = 0; n < r3.length; n += 1)
-        if (e2[r3[n]] && e2[r3[n]].includes(t4[r3[n]]))
-          return true;
-      return false;
-    }(r2, e) ? t3.priority.push(r2) : t3.default.push(r2), t3;
-  }, {
-    priority: [],
-    default: []
-  }) : {
-    default: t2
-  };
-}, I = function(t2, e) {
-  var r2;
-  return a({}, t2, ((r2 = {})[e] = void 0, r2));
-}, P = [l.NOSCRIPT, l.SCRIPT, l.STYLE], w = function(t2, e) {
-  return e === void 0 && (e = true), e === false ? String(t2) : String(t2).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;");
-}, x = function(t2) {
-  return Object.keys(t2).reduce(function(e, r2) {
-    var n = t2[r2] !== void 0 ? r2 + '="' + t2[r2] + '"' : "" + r2;
-    return e ? e + " " + n : n;
-  }, "");
-}, L = function(t2, e) {
-  return e === void 0 && (e = {}), Object.keys(t2).reduce(function(e2, r2) {
-    return e2[m[r2] || r2] = t2[r2], e2;
-  }, e);
-}, j = function(e, r2) {
-  return r2.map(function(r3, n) {
-    var i, o = ((i = {
-      key: n
-    })["data-rh"] = true, i);
-    return Object.keys(r3).forEach(function(t2) {
-      var e2 = m[t2] || t2;
-      e2 === "innerHTML" || e2 === "cssText" ? o.dangerouslySetInnerHTML = {
-        __html: r3.innerHTML || r3.cssText
-      } : o[e2] = r3[t2];
-    }), React.createElement(e, o);
-  });
-}, M = function(e, r2, n) {
-  switch (e) {
-    case l.TITLE:
-      return {
-        toComponent: function() {
-          return n2 = r2.titleAttributes, (i = {
-            key: e2 = r2.title
-          })["data-rh"] = true, o = L(n2, i), [React.createElement(l.TITLE, o, e2)];
-          var e2, n2, i, o;
-        },
-        toString: function() {
-          return function(t2, e2, r3, n2) {
-            var i = x(r3), o = S(e2);
-            return i ? "<" + t2 + ' data-rh="true" ' + i + ">" + w(o, n2) + "</" + t2 + ">" : "<" + t2 + ' data-rh="true">' + w(o, n2) + "</" + t2 + ">";
-          }(e, r2.title, r2.titleAttributes, n);
-        }
-      };
-    case "bodyAttributes":
-    case "htmlAttributes":
-      return {
-        toComponent: function() {
-          return L(r2);
-        },
-        toString: function() {
-          return x(r2);
-        }
-      };
-    default:
-      return {
-        toComponent: function() {
-          return j(e, r2);
-        },
-        toString: function() {
-          return function(t2, e2, r3) {
-            return e2.reduce(function(e3, n2) {
-              var i = Object.keys(n2).filter(function(t3) {
-                return !(t3 === "innerHTML" || t3 === "cssText");
-              }).reduce(function(t3, e4) {
-                var i2 = n2[e4] === void 0 ? e4 : e4 + '="' + w(n2[e4], r3) + '"';
-                return t3 ? t3 + " " + i2 : i2;
-              }, ""), o = n2.innerHTML || n2.cssText || "", a2 = P.indexOf(t2) === -1;
-              return e3 + "<" + t2 + ' data-rh="true" ' + i + (a2 ? "/>" : ">" + o + "</" + t2 + ">");
-            }, "");
-          }(e, r2, n);
-        }
-      };
-  }
-}, k = function(t2) {
-  var e = t2.baseTag, r2 = t2.bodyAttributes, n = t2.encode, i = t2.htmlAttributes, o = t2.noscriptTags, a2 = t2.styleTags, s2 = t2.title, c2 = s2 === void 0 ? "" : s2, u2 = t2.titleAttributes, h2 = t2.linkTags, m2 = t2.metaTags, y2 = t2.scriptTags, T2 = {
-    toComponent: function() {
-    },
-    toString: function() {
-      return "";
-    }
-  };
-  if (t2.prioritizeSeoTags) {
-    var g2 = function(t3) {
-      var e2 = t3.linkTags, r3 = t3.scriptTags, n2 = t3.encode, i2 = E(t3.metaTags, d), o2 = E(e2, p), a3 = E(r3, f);
-      return {
-        priorityMethods: {
-          toComponent: function() {
-            return [].concat(j(l.META, i2.priority), j(l.LINK, o2.priority), j(l.SCRIPT, a3.priority));
-          },
-          toString: function() {
-            return M(l.META, i2.priority, n2) + " " + M(l.LINK, o2.priority, n2) + " " + M(l.SCRIPT, a3.priority, n2);
-          }
-        },
-        metaTags: i2.default,
-        linkTags: o2.default,
-        scriptTags: a3.default
-      };
-    }(t2);
-    T2 = g2.priorityMethods, h2 = g2.linkTags, m2 = g2.metaTags, y2 = g2.scriptTags;
-  }
-  return {
-    priority: T2,
-    base: M(l.BASE, e, n),
-    bodyAttributes: M("bodyAttributes", r2, n),
-    htmlAttributes: M("htmlAttributes", i, n),
-    link: M(l.LINK, h2, n),
-    meta: M(l.META, m2, n),
-    noscript: M(l.NOSCRIPT, o, n),
-    script: M(l.SCRIPT, y2, n),
-    style: M(l.STYLE, a2, n),
-    title: M(l.TITLE, {
-      title: c2,
-      titleAttributes: u2
-    }, n)
-  };
-}, H = [], N = function(t2, e) {
-  var r2 = this;
-  e === void 0 && (e = typeof document != "undefined"), this.instances = [], this.value = {
-    setHelmet: function(t3) {
-      r2.context.helmet = t3;
-    },
-    helmetInstances: {
-      get: function() {
-        return r2.canUseDOM ? H : r2.instances;
-      },
-      add: function(t3) {
-        (r2.canUseDOM ? H : r2.instances).push(t3);
-      },
-      remove: function(t3) {
-        var e2 = (r2.canUseDOM ? H : r2.instances).indexOf(t3);
-        (r2.canUseDOM ? H : r2.instances).splice(e2, 1);
-      }
-    }
-  }, this.context = t2, this.canUseDOM = e, e || (t2.helmet = k({
-    baseTag: [],
-    bodyAttributes: {},
-    encodeSpecialCharacters: true,
-    htmlAttributes: {},
-    linkTags: [],
-    metaTags: [],
-    noscriptTags: [],
-    scriptTags: [],
-    styleTags: [],
-    title: "",
-    titleAttributes: {}
-  }));
-}, R = React.createContext({}), D = r.shape({
-  setHelmet: r.func,
-  helmetInstances: r.shape({
-    get: r.func,
-    add: r.func,
-    remove: r.func
-  })
-}), U = typeof document != "undefined", q = /* @__PURE__ */ function(e) {
-  function r2(t2) {
-    var n;
-    return (n = e.call(this, t2) || this).helmetData = new N(n.props.context, r2.canUseDOM), n;
-  }
-  return s(r2, e), r2.prototype.render = function() {
-    return /* @__PURE__ */ jsx(R.Provider, {
-      value: this.helmetData.value,
-      children: this.props.children
-    });
-  }, r2;
-}(Component);
-q.canUseDOM = U, q.propTypes = {
-  context: r.shape({
-    helmet: r.shape()
-  }),
-  children: r.node.isRequired
-}, q.defaultProps = {
-  context: {}
-}, q.displayName = "HelmetProvider";
-var Y = function(t2, e) {
-  var r2, n = document.head || document.querySelector(l.HEAD), i = n.querySelectorAll(t2 + "[data-rh]"), o = [].slice.call(i), a2 = [];
-  return e && e.length && e.forEach(function(e2) {
-    var n2 = document.createElement(t2);
-    for (var i2 in e2)
-      Object.prototype.hasOwnProperty.call(e2, i2) && (i2 === "innerHTML" ? n2.innerHTML = e2.innerHTML : i2 === "cssText" ? n2.styleSheet ? n2.styleSheet.cssText = e2.cssText : n2.appendChild(document.createTextNode(e2.cssText)) : n2.setAttribute(i2, e2[i2] === void 0 ? "" : e2[i2]));
-    n2.setAttribute("data-rh", "true"), o.some(function(t3, e3) {
-      return r2 = e3, n2.isEqualNode(t3);
-    }) ? o.splice(r2, 1) : a2.push(n2);
-  }), o.forEach(function(t3) {
-    return t3.parentNode.removeChild(t3);
-  }), a2.forEach(function(t3) {
-    return n.appendChild(t3);
-  }), {
-    oldTags: o,
-    newTags: a2
-  };
-}, B = function(t2, e) {
-  var r2 = document.getElementsByTagName(t2)[0];
-  if (r2) {
-    for (var n = r2.getAttribute("data-rh"), i = n ? n.split(",") : [], o = [].concat(i), a2 = Object.keys(e), s2 = 0; s2 < a2.length; s2 += 1) {
-      var c2 = a2[s2], u2 = e[c2] || "";
-      r2.getAttribute(c2) !== u2 && r2.setAttribute(c2, u2), i.indexOf(c2) === -1 && i.push(c2);
-      var l2 = o.indexOf(c2);
-      l2 !== -1 && o.splice(l2, 1);
-    }
-    for (var p2 = o.length - 1; p2 >= 0; p2 -= 1)
-      r2.removeAttribute(o[p2]);
-    i.length === o.length ? r2.removeAttribute("data-rh") : r2.getAttribute("data-rh") !== a2.join(",") && r2.setAttribute("data-rh", a2.join(","));
-  }
-}, K = function(t2, e) {
-  var r2 = t2.baseTag, n = t2.htmlAttributes, i = t2.linkTags, o = t2.metaTags, a2 = t2.noscriptTags, s2 = t2.onChangeClientState, c2 = t2.scriptTags, u2 = t2.styleTags, p2 = t2.title, f2 = t2.titleAttributes;
-  B(l.BODY, t2.bodyAttributes), B(l.HTML, n), function(t3, e2) {
-    t3 !== void 0 && document.title !== t3 && (document.title = S(t3)), B(l.TITLE, e2);
-  }(p2, f2);
-  var d2 = {
-    baseTag: Y(l.BASE, r2),
-    linkTags: Y(l.LINK, i),
-    metaTags: Y(l.META, o),
-    noscriptTags: Y(l.NOSCRIPT, a2),
-    scriptTags: Y(l.SCRIPT, c2),
-    styleTags: Y(l.STYLE, u2)
-  }, h2 = {}, m2 = {};
-  Object.keys(d2).forEach(function(t3) {
-    var e2 = d2[t3], r3 = e2.newTags, n2 = e2.oldTags;
-    r3.length && (h2[t3] = r3), n2.length && (m2[t3] = d2[t3].oldTags);
-  }), e && e(), s2(t2, h2, m2);
-}, _ = null, z = /* @__PURE__ */ function(t2) {
-  function e() {
-    for (var e2, r3 = arguments.length, n = new Array(r3), i = 0; i < r3; i++)
-      n[i] = arguments[i];
-    return (e2 = t2.call.apply(t2, [this].concat(n)) || this).rendered = false, e2;
-  }
-  s(e, t2);
-  var r2 = e.prototype;
-  return r2.shouldComponentUpdate = function(t3) {
-    return !shallowequal(t3, this.props);
-  }, r2.componentDidUpdate = function() {
-    this.emitChange();
-  }, r2.componentWillUnmount = function() {
-    this.props.context.helmetInstances.remove(this), this.emitChange();
-  }, r2.emitChange = function() {
-    var t3, e2, r3 = this.props.context, n = r3.setHelmet, i = null, o = (t3 = r3.helmetInstances.get().map(function(t4) {
-      var e3 = a({}, t4.props);
-      return delete e3.context, e3;
-    }), {
-      baseTag: A(["href"], t3),
-      bodyAttributes: v("bodyAttributes", t3),
-      defer: T(t3, "defer"),
-      encode: T(t3, "encodeSpecialCharacters"),
-      htmlAttributes: v("htmlAttributes", t3),
-      linkTags: C(l.LINK, ["rel", "href"], t3),
-      metaTags: C(l.META, ["name", "charset", "http-equiv", "property", "itemprop"], t3),
-      noscriptTags: C(l.NOSCRIPT, ["innerHTML"], t3),
-      onChangeClientState: b(t3),
-      scriptTags: C(l.SCRIPT, ["src", "innerHTML"], t3),
-      styleTags: C(l.STYLE, ["cssText"], t3),
-      title: g(t3),
-      titleAttributes: v("titleAttributes", t3),
-      prioritizeSeoTags: O(t3, "prioritizeSeoTags")
-    });
-    q.canUseDOM ? (e2 = o, _ && cancelAnimationFrame(_), e2.defer ? _ = requestAnimationFrame(function() {
-      K(e2, function() {
-        _ = null;
-      });
-    }) : (K(e2), _ = null)) : k && (i = k(o)), n(i);
-  }, r2.init = function() {
-    this.rendered || (this.rendered = true, this.props.context.helmetInstances.add(this), this.emitChange());
-  }, r2.render = function() {
-    return this.init(), null;
-  }, e;
-}(Component);
-z.propTypes = {
-  context: D.isRequired
-}, z.displayName = "HelmetDispatcher";
-var F = ["children"], G = ["children"], W = /* @__PURE__ */ function(e) {
-  function r2() {
-    return e.apply(this, arguments) || this;
-  }
-  s(r2, e);
-  var o = r2.prototype;
-  return o.shouldComponentUpdate = function(t2) {
-    return !reactFastCompare(I(this.props, "helmetData"), I(t2, "helmetData"));
-  }, o.mapNestedChildrenToProps = function(t2, e2) {
-    if (!e2)
-      return null;
-    switch (t2.type) {
-      case l.SCRIPT:
-      case l.NOSCRIPT:
-        return {
-          innerHTML: e2
-        };
-      case l.STYLE:
-        return {
-          cssText: e2
-        };
-      default:
-        throw new Error("<" + t2.type + " /> elements are self-closing and can not contain children. Refer to our API for more information.");
-    }
-  }, o.flattenArrayTypeChildren = function(t2) {
-    var e2, r3 = t2.child, n = t2.arrayTypeChildren;
-    return a({}, n, ((e2 = {})[r3.type] = [].concat(n[r3.type] || [], [a({}, t2.newChildProps, this.mapNestedChildrenToProps(r3, t2.nestedChildren))]), e2));
-  }, o.mapObjectTypeChildren = function(t2) {
-    var e2, r3, n = t2.child, i = t2.newProps, o2 = t2.newChildProps, s2 = t2.nestedChildren;
-    switch (n.type) {
-      case l.TITLE:
-        return a({}, i, ((e2 = {})[n.type] = s2, e2.titleAttributes = a({}, o2), e2));
-      case l.BODY:
-        return a({}, i, {
-          bodyAttributes: a({}, o2)
-        });
-      case l.HTML:
-        return a({}, i, {
-          htmlAttributes: a({}, o2)
-        });
-      default:
-        return a({}, i, ((r3 = {})[n.type] = a({}, o2), r3));
-    }
-  }, o.mapArrayTypeChildrenToProps = function(t2, e2) {
-    var r3 = a({}, e2);
-    return Object.keys(t2).forEach(function(e3) {
-      var n;
-      r3 = a({}, r3, ((n = {})[e3] = t2[e3], n));
-    }), r3;
-  }, o.warnOnInvalidChildren = function(t2, e2) {
-    return browser(h.some(function(e3) {
-      return t2.type === e3;
-    }), typeof t2.type == "function" ? "You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information." : "Only elements types " + h.join(", ") + " are allowed. Helmet does not support rendering <" + t2.type + "> elements. Refer to our API for more information."), browser(!e2 || typeof e2 == "string" || Array.isArray(e2) && !e2.some(function(t3) {
-      return typeof t3 != "string";
-    }), "Helmet expects a string as a child of <" + t2.type + ">. Did you forget to wrap your children in braces? ( <" + t2.type + ">{``}</" + t2.type + "> ) Refer to our API for more information."), true;
-  }, o.mapChildrenToProps = function(e2, r3) {
-    var n = this, i = {};
-    return React.Children.forEach(e2, function(t2) {
-      if (t2 && t2.props) {
-        var e3 = t2.props, o2 = e3.children, a2 = u(e3, F), s2 = Object.keys(a2).reduce(function(t3, e4) {
-          return t3[y[e4] || e4] = a2[e4], t3;
-        }, {}), c2 = t2.type;
-        switch (typeof c2 == "symbol" ? c2 = c2.toString() : n.warnOnInvalidChildren(t2, o2), c2) {
-          case l.FRAGMENT:
-            r3 = n.mapChildrenToProps(o2, r3);
-            break;
-          case l.LINK:
-          case l.META:
-          case l.NOSCRIPT:
-          case l.SCRIPT:
-          case l.STYLE:
-            i = n.flattenArrayTypeChildren({
-              child: t2,
-              arrayTypeChildren: i,
-              newChildProps: s2,
-              nestedChildren: o2
-            });
-            break;
-          default:
-            r3 = n.mapObjectTypeChildren({
-              child: t2,
-              newProps: r3,
-              newChildProps: s2,
-              nestedChildren: o2
-            });
-        }
-      }
-    }), this.mapArrayTypeChildrenToProps(i, r3);
-  }, o.render = function() {
-    var e2 = this.props, r3 = e2.children, n = u(e2, G), i = a({}, n), o2 = n.helmetData;
-    return r3 && (i = this.mapChildrenToProps(r3, i)), !o2 || o2 instanceof N || (o2 = new N(o2.context, o2.instances)), o2 ? /* @__PURE__ */ React.createElement(z, a({}, i, {
-      context: o2.value,
-      helmetData: void 0
-    })) : /* @__PURE__ */ jsx(R.Consumer, {
-      children: function(e3) {
-        return React.createElement(z, a({}, i, {
-          context: e3
-        }));
-      }
-    });
-  }, r2;
-}(Component);
-W.propTypes = {
-  base: r.object,
-  bodyAttributes: r.object,
-  children: r.oneOfType([r.arrayOf(r.node), r.node]),
-  defaultTitle: r.string,
-  defer: r.bool,
-  encodeSpecialCharacters: r.bool,
-  htmlAttributes: r.object,
-  link: r.arrayOf(r.object),
-  meta: r.arrayOf(r.object),
-  noscript: r.arrayOf(r.object),
-  onChangeClientState: r.func,
-  script: r.arrayOf(r.object),
-  style: r.arrayOf(r.object),
-  title: r.string,
-  titleAttributes: r.object,
-  titleTemplate: r.string,
-  prioritizeSeoTags: r.bool,
-  helmetData: r.object
-}, W.defaultProps = {
-  defer: true,
-  encodeSpecialCharacters: true,
-  prioritizeSeoTags: false
-}, W.displayName = "Helmet";
-const LocalesContext = createContext(null);
-const useLocales = () => {
-  const context = useContext(LocalesContext);
-  if (!context)
-    throw new Error("useLocales context must be use inside LocalesProvider");
-  return context;
-};
-const Page = forwardRef((props, ref) => {
-  const {
-    children,
-    title = "",
-    meta,
-    ...other
-  } = props;
-  const {
-    currentLang
-  } = useLocales();
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsxs(W, {
-      children: [/* @__PURE__ */ jsx("title", {
-        children: `${title} | Made4Labs`
-      }), /* @__PURE__ */ jsx("html", {
-        lang: currentLang.value
-      }), meta]
-    }), /* @__PURE__ */ jsx(Box, {
-      ref,
-      ...other,
-      children
-    })]
-  });
-});
-Page.displayName = "Page";
 function useResponsive(query, key, start, end) {
   const theme = useTheme();
   const mediaUp = useMediaQuery(theme.breakpoints.up(key));
@@ -789,4 +25,4 @@ function useResponsive(query, key, start, end) {
     return mediaOnly;
   }
 }
-export { Page as P, useResponsive as u };
+export { useResponsive as u };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@m4l/layouts",
   "private": false,
-  "version": "0.0.40",
+  "version": "0.0.43",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "vite",
@@ -14,7 +14,7 @@
     "format": "npm run prettier:fix && npm run lint:fix"
   },
   "dependencies": {
-    "@m4l/components": "^0.0.55",
+    "@m4l/components": "^0.0.57",
     "react": "^17.0.0 || 18.x",
     "react-dom": "^18.0.0"
   },