@m4l/layouts 0.0.39 → 0.0.42

package/dist/node_modules.js

@@ -1,6 +1,6 @@
 import { useTheme } from "@mui/material/styles";
 import { Box } from "@mui/material";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React, { Component, createContext, useContext, forwardRef } from "react";
 import "@mui/x-date-pickers/AdapterDateFns";
 import "@mui/x-date-pickers";
@@ -197,345 +197,232 @@ var shallowequal = function shallowEqual(objA, objB, compare, compareContext) {
   return true;
 };
 function a() {
-  return a = Object.assign || function(t2) {
+  return a = Object.assign || function(t) {
     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]);
+        Object.prototype.hasOwnProperty.call(r2, n) && (t[n] = r2[n]);
     }
-    return t2;
+    return t;
   }, a.apply(this, arguments);
 }
-function s(t2, e) {
-  t2.prototype = Object.create(e.prototype), t2.prototype.constructor = t2, c(t2, e);
+function s(t, e) {
+  t.prototype = Object.create(e.prototype), t.prototype.constructor = t, c(t, e);
 }
-function c(t2, e) {
-  return c = Object.setPrototypeOf || function(t3, e2) {
-    return t3.__proto__ = e2, t3;
-  }, c(t2, e);
+function c(t, e) {
+  return c = Object.setPrototypeOf || function(t2, e2) {
+    return t2.__proto__ = e2, t2;
+  }, c(t, e);
 }
-function u(t2, e) {
-  if (t2 == null)
+function u(t, e) {
+  if (t == null)
     return {};
-  var r2, n, i = {}, o = Object.keys(t2);
+  var r2, n, i = {}, o = Object.keys(t);
   for (n = 0; n < o.length; n++)
-    e.indexOf(r2 = o[n]) >= 0 || (i[r2] = t2[r2]);
+    e.indexOf(r2 = o[n]) >= 0 || (i[r2] = t[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];
+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(t) {
+  return l[t];
+}), m = { accesskey: "accessKey", charset: "charSet", class: "className", contenteditable: "contentEditable", contextmenu: "contextMenu", "http-equiv": "httpEquiv", itemprop: "itemProp", tabindex: "tabIndex" }, y = Object.keys(m).reduce(function(t, e) {
+  return t[m[e]] = e, t;
+}, {}), T = function(t, e) {
+  for (var r2 = t.length - 1; r2 >= 0; r2 -= 1) {
+    var n = t[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");
+}, g = function(t) {
+  var e = T(t, l.TITLE), r2 = T(t, "titleTemplate");
   if (Array.isArray(e) && (e = e.join("")), r2 && e)
     return r2.replace(/%s/g, function() {
       return e;
     });
-  var n = T(t2, "defaultTitle");
+  var n = T(t, "defaultTitle");
   return e || n || void 0;
-}, b = function(t2) {
-  return T(t2, "onChangeClientState") || function() {
+}, b = function(t) {
+  return T(t, "onChangeClientState") || function() {
   };
-}, v = function(t2, e) {
+}, v = function(t, e) {
   return e.filter(function(e2) {
-    return e2[t2] !== void 0;
+    return e2[t] !== void 0;
   }).map(function(e2) {
-    return e2[t2];
-  }).reduce(function(t3, e2) {
-    return a({}, t3, e2);
+    return e2[t];
+  }).reduce(function(t2, e2) {
+    return a({}, t2, e2);
   }, {});
-}, A = function(t2, e) {
-  return e.filter(function(t3) {
-    return t3[l.BASE] !== void 0;
-  }).map(function(t3) {
-    return t3[l.BASE];
+}, A = function(t, e) {
+  return e.filter(function(t2) {
+    return t2[l.BASE] !== void 0;
+  }).map(function(t2) {
+    return t2[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])
+        if (t.indexOf(o) !== -1 && r2[o])
           return e2.concat(r2);
       }
     return e2;
   }, []);
-}, C = function(t2, e, r2) {
+}, C = function(t, 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);
+    return !!Array.isArray(e2[t]) || (e2[t] !== void 0 && console && typeof console.warn == "function" && console.warn("Helmet: " + t + ' should be of type "Array". Instead found type "' + typeof e2[t] + '"'), false);
   }).map(function(e2) {
-    return e2[t2];
-  }).reverse().reduce(function(t3, r3) {
+    return e2[t];
+  }).reverse().reduce(function(t2, r3) {
     var i = {};
-    r3.filter(function(t4) {
-      for (var r4, o2 = Object.keys(t4), a2 = 0; a2 < o2.length; a2 += 1) {
+    r3.filter(function(t3) {
+      for (var r4, o2 = Object.keys(t3), 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);
+        e.indexOf(c3) === -1 || r4 === "rel" && t3[r4].toLowerCase() === "canonical" || c3 === "rel" && t3[c3].toLowerCase() === "stylesheet" || (r4 = c3), e.indexOf(s3) === -1 || s3 !== "innerHTML" && s3 !== "cssText" && s3 !== "itemprop" || (r4 = s3);
       }
-      if (!r4 || !t4[r4])
+      if (!r4 || !t3[r4])
         return false;
-      var u3 = t4[r4].toLowerCase();
+      var u3 = t3[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);
+      return t2.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;
+    return t2;
   }, []).reverse();
-}, O = function(t2, e) {
-  if (Array.isArray(t2) && t2.length) {
-    for (var r2 = 0; r2 < t2.length; r2 += 1)
-      if (t2[r2][e])
+}, O = function(t, e) {
+  if (Array.isArray(t) && t.length) {
+    for (var r2 = 0; r2 < t.length; r2 += 1)
+      if (t[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]]))
+}, S = function(t) {
+  return Array.isArray(t) ? t.join("") : t;
+}, E = function(t, e) {
+  return Array.isArray(t) ? t.reduce(function(t2, r2) {
+    return function(t3, e2) {
+      for (var r3 = Object.keys(t3), n = 0; n < r3.length; n += 1)
+        if (e2[r3[n]] && e2[r3[n]].includes(t3[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) {
+    }(r2, e) ? t2.priority.push(r2) : t2.default.push(r2), t2;
+  }, { priority: [], default: [] }) : { default: t };
+}, I = function(t, 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 a({}, t, ((r2 = {})[e] = void 0, r2));
+}, P = [l.NOSCRIPT, l.SCRIPT, l.STYLE], w = function(t, e) {
+  return e === void 0 && (e = true), e === false ? String(t) : String(t).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;");
+}, x = function(t) {
+  return Object.keys(t).reduce(function(e, r2) {
+    var n = t[r2] !== void 0 ? r2 + '="' + t[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;
+}, L = function(t, e) {
+  return e === void 0 && (e = {}), Object.keys(t).reduce(function(e2, r2) {
+    return e2[m[r2] || r2] = t[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];
+    var i, o = ((i = { key: n })["data-rh"] = true, i);
+    return Object.keys(r3).forEach(function(t) {
+      var e2 = m[t] || t;
+      e2 === "innerHTML" || e2 === "cssText" ? o.dangerouslySetInnerHTML = { __html: r3.innerHTML || r3.cssText } : o[e2] = r3[t];
     }), 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);
-        }
-      };
+      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(t, e2, r3, n2) {
+          var i = x(r3), o = S(e2);
+          return i ? "<" + t + ' data-rh="true" ' + i + ">" + w(o, n2) + "</" + t + ">" : "<" + t + ' data-rh="true">' + w(o, n2) + "</" + t + ">";
+        }(e, r2.title, r2.titleAttributes, n);
+      } };
     case "bodyAttributes":
     case "htmlAttributes":
-      return {
-        toComponent: function() {
-          return L(r2);
-        },
-        toString: function() {
-          return x(r2);
-        }
-      };
+      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);
-        }
-      };
+      return { toComponent: function() {
+        return j(e, r2);
+      }, toString: function() {
+        return function(t, e2, r3) {
+          return e2.reduce(function(e3, n2) {
+            var i = Object.keys(n2).filter(function(t2) {
+              return !(t2 === "innerHTML" || t2 === "cssText");
+            }).reduce(function(t2, e4) {
+              var i2 = n2[e4] === void 0 ? e4 : e4 + '="' + w(n2[e4], r3) + '"';
+              return t2 ? t2 + " " + i2 : i2;
+            }, ""), o = n2.innerHTML || n2.cssText || "", a2 = P.indexOf(t) === -1;
+            return e3 + "<" + t + ' data-rh="true" ' + i + (a2 ? "/>" : ">" + o + "</" + t + ">");
+          }, "");
+        }(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);
+}, k = function(t) {
+  var e = t.baseTag, r2 = t.bodyAttributes, n = t.encode, i = t.htmlAttributes, o = t.noscriptTags, a2 = t.styleTags, s2 = t.title, c2 = s2 === void 0 ? "" : s2, u2 = t.titleAttributes, h2 = t.linkTags, m2 = t.metaTags, y2 = t.scriptTags, T2 = { toComponent: function() {
+  }, toString: function() {
+    return "";
+  } };
+  if (t.prioritizeSeoTags) {
+    var g2 = function(t2) {
+      var e2 = t2.linkTags, r3 = t2.scriptTags, n2 = t2.encode, i2 = E(t2.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 };
+    }(t);
     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) {
+  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(t, 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) {
+  e === void 0 && (e = typeof document != "undefined"), this.instances = [], this.value = { setHelmet: function(t2) {
+    r2.context.helmet = t2;
+  }, helmetInstances: { get: function() {
+    return r2.canUseDOM ? H : r2.instances;
+  }, add: function(t2) {
+    (r2.canUseDOM ? H : r2.instances).push(t2);
+  }, remove: function(t2) {
+    var e2 = (r2.canUseDOM ? H : r2.instances).indexOf(t2);
+    (r2.canUseDOM ? H : r2.instances).splice(e2, 1);
+  } } }, this.context = t, this.canUseDOM = e, e || (t.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(t) {
     var n;
-    return (n = e.call(this, t2) || this).helmetData = new N(n.props.context, r2.canUseDOM), n;
+    return (n = e.call(this, t) || 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
-    });
+    return React.createElement(R.Provider, { value: this.helmetData.value }, 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 = [];
+q.canUseDOM = U, q.propTypes = { context: r.shape({ helmet: r.shape() }), children: r.node.isRequired }, q.defaultProps = { context: {} }, q.displayName = "HelmetProvider";
+var Y = function(t, e) {
+  var r2, n = document.head || document.querySelector(l.HEAD), i = n.querySelectorAll(t + "[data-rh]"), o = [].slice.call(i), a2 = [];
   return e && e.length && e.forEach(function(e2) {
-    var n2 = document.createElement(t2);
+    var n2 = document.createElement(t);
     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);
+    n2.setAttribute("data-rh", "true"), o.some(function(t2, e3) {
+      return r2 = e3, n2.isEqualNode(t2);
     }) ? 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];
+  }), o.forEach(function(t2) {
+    return t2.parentNode.removeChild(t2);
+  }), a2.forEach(function(t2) {
+    return n.appendChild(t2);
+  }), { oldTags: o, newTags: a2 };
+}, B = function(t, e) {
+  var r2 = document.getElementsByTagName(t)[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] || "";
@@ -547,57 +434,35 @@ var Y = function(t2, e) {
       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);
+}, K = function(t, e) {
+  var r2 = t.baseTag, n = t.htmlAttributes, i = t.linkTags, o = t.metaTags, a2 = t.noscriptTags, s2 = t.onChangeClientState, c2 = t.scriptTags, u2 = t.styleTags, p2 = t.title, f2 = t.titleAttributes;
+  B(l.BODY, t.bodyAttributes), B(l.HTML, n), function(t2, e2) {
+    t2 !== void 0 && document.title !== t2 && (document.title = S(t2)), 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) {
+  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(t2) {
+    var e2 = d2[t2], r3 = e2.newTags, n2 = e2.oldTags;
+    r3.length && (h2[t2] = r3), n2.length && (m2[t2] = d2[t2].oldTags);
+  }), e && e(), s2(t, h2, m2);
+}, _ = null, z = /* @__PURE__ */ function(t) {
   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;
+    return (e2 = t.call.apply(t, [this].concat(n)) || this).rendered = false, e2;
   }
-  s(e, t2);
+  s(e, t);
   var r2 = e.prototype;
-  return r2.shouldComponentUpdate = function(t3) {
-    return !shallowequal(t3, this.props);
+  return r2.shouldComponentUpdate = function(t2) {
+    return !shallowequal(t2, 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);
+    var t2, e2, r3 = this.props.context, n = r3.setHelmet, i = null, o = (t2 = r3.helmetInstances.get().map(function(t3) {
+      var e3 = a({}, t3.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")
-    });
+    }), { baseTag: A(["href"], t2), bodyAttributes: v("bodyAttributes", t2), defer: T(t2, "defer"), encode: T(t2, "encodeSpecialCharacters"), htmlAttributes: v("htmlAttributes", t2), linkTags: C(l.LINK, ["rel", "href"], t2), metaTags: C(l.META, ["name", "charset", "http-equiv", "property", "itemprop"], t2), noscriptTags: C(l.NOSCRIPT, ["innerHTML"], t2), onChangeClientState: b(t2), scriptTags: C(l.SCRIPT, ["src", "innerHTML"], t2), styleTags: C(l.STYLE, ["cssText"], t2), title: g(t2), titleAttributes: v("titleAttributes", t2), prioritizeSeoTags: O(t2, "prioritizeSeoTags") });
     q.canUseDOM ? (e2 = o, _ && cancelAnimationFrame(_), e2.defer ? _ = requestAnimationFrame(function() {
       K(e2, function() {
         _ = null;
@@ -609,72 +474,62 @@ var Y = function(t2, e) {
     return this.init(), null;
   }, e;
 }(Component);
-z.propTypes = {
-  context: D.isRequired
-}, z.displayName = "HelmetDispatcher";
+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) {
+  return o.shouldComponentUpdate = function(t) {
+    return !reactFastCompare(I(this.props, "helmetData"), I(t, "helmetData"));
+  }, o.mapNestedChildrenToProps = function(t, e2) {
     if (!e2)
       return null;
-    switch (t2.type) {
+    switch (t.type) {
       case l.SCRIPT:
       case l.NOSCRIPT:
-        return {
-          innerHTML: e2
-        };
+        return { innerHTML: e2 };
       case l.STYLE:
-        return {
-          cssText: e2
-        };
+        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.");
+        throw new Error("<" + t.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;
+  }, o.flattenArrayTypeChildren = function(t) {
+    var e2, r3 = t.child, n = t.arrayTypeChildren;
+    return a({}, n, ((e2 = {})[r3.type] = [].concat(n[r3.type] || [], [a({}, t.newChildProps, this.mapNestedChildrenToProps(r3, t.nestedChildren))]), e2));
+  }, o.mapObjectTypeChildren = function(t) {
+    var e2, r3, n = t.child, i = t.newProps, o2 = t.newChildProps, s2 = t.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)
-        });
+        return a({}, i, { bodyAttributes: a({}, o2) });
       case l.HTML:
-        return a({}, i, {
-          htmlAttributes: a({}, o2)
-        });
+        return a({}, i, { htmlAttributes: a({}, o2) });
       default:
         return a({}, i, ((r3 = {})[n.type] = a({}, o2), r3));
     }
-  }, o.mapArrayTypeChildrenToProps = function(t2, e2) {
+  }, o.mapArrayTypeChildrenToProps = function(t, e2) {
     var r3 = a({}, e2);
-    return Object.keys(t2).forEach(function(e3) {
+    return Object.keys(t).forEach(function(e3) {
       var n;
-      r3 = a({}, r3, ((n = {})[e3] = t2[e3], n));
+      r3 = a({}, r3, ((n = {})[e3] = t[e3], n));
     }), r3;
-  }, o.warnOnInvalidChildren = function(t2, e2) {
+  }, o.warnOnInvalidChildren = function(t, 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;
+      return t.type === e3;
+    }), typeof t.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 <" + t.type + "> elements. Refer to our API for more information."), browser(!e2 || typeof e2 == "string" || Array.isArray(e2) && !e2.some(function(t2) {
+      return typeof t2 != "string";
+    }), "Helmet expects a string as a child of <" + t.type + ">. Did you forget to wrap your children in braces? ( <" + t.type + ">{``}</" + t.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) {
+    return React.Children.forEach(e2, function(t) {
+      if (t && t.props) {
+        var e3 = t.props, o2 = e3.children, a2 = u(e3, F), s2 = Object.keys(a2).reduce(function(t2, e4) {
+          return t2[y[e4] || e4] = a2[e4], t2;
+        }, {}), c2 = t.type;
+        switch (typeof c2 == "symbol" ? c2 = c2.toString() : n.warnOnInvalidChildren(t, o2), c2) {
           case l.FRAGMENT:
             r3 = n.mapChildrenToProps(o2, r3);
             break;
@@ -683,61 +538,21 @@ var F = ["children"], G = ["children"], W = /* @__PURE__ */ function(e) {
           case l.NOSCRIPT:
           case l.SCRIPT:
           case l.STYLE:
-            i = n.flattenArrayTypeChildren({
-              child: t2,
-              arrayTypeChildren: i,
-              newChildProps: s2,
-              nestedChildren: o2
-            });
+            i = n.flattenArrayTypeChildren({ child: t, arrayTypeChildren: i, newChildProps: s2, nestedChildren: o2 });
             break;
           default:
-            r3 = n.mapObjectTypeChildren({
-              child: t2,
-              newProps: r3,
-              newChildProps: s2,
-              nestedChildren: o2
-            });
+            r3 = n.mapObjectTypeChildren({ child: t, 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
-        }));
-      }
+    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__ */ React.createElement(R.Consumer, null, 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";
+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);

package/package.json

@@ -0,0 +1,71 @@
+{
+  "name": "@m4l/layouts",
+  "private": false,
+  "version": "0.0.42",
+  "license": "UNLICENSED",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "lint": "npx eslint src",
+    "lint:fix": "npm run lint -- --fix",
+    "prettier": "npx prettier src --check",
+    "prettier:fix": "npm run prettier -- --write",
+    "format": "npm run prettier:fix && npm run lint:fix"
+  },
+  "dependencies": {
+    "@m4l/components": "^0.0.57",
+    "react": "^17.0.0 || 18.x",
+    "react-dom": "^18.0.0"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0 || 18.x",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@emotion/styled": "^11.9.3",
+    "@testing-library/react": "^13.3.0",
+    "@testing-library/user-event": "^14.2.1",
+    "@types/node": "^17.0.40",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.27.1",
+    "@typescript-eslint/parser": "^5.27.1",
+    "@vitejs/plugin-react": "^1.3.0",
+    "eslint": "^8.17.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-import-resolver-alias": "^1.1.2",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react": "^7.30.0",
+    "eslint-plugin-react-hooks": "^4.5.0",
+    "eslint-plugin-unused-imports": "^2.0.0",
+    "prettier": "^2.6.2",
+    "rollup-plugin-terser": "^7.0.2",
+    "typescript": "^4.6.3",
+    "vite": "^2.9.9",
+    "vite-plugin-dts": "^1.2.0",
+    "vite-plugin-mkcert": "^1.6.4",
+    "vitest": "^0.17.1"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js"
+    }
+  },
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=12.0.0"
+  }
+}