@m4l/components 0.0.57 → 0.0.60

package/dist/components/DynamicFilter/index.js

@@ -33,7 +33,9 @@ const WrapperApplyedFilters = styled("div")(({
   theme
 }) => ({
   width: "100%",
-  marginLeft: theme.spacing(1.5)
+  margin: theme.spacing(0, 1.5),
+  paddingLeft: theme.spacing(1.5),
+  borderLeft: `1px solid ${theme.palette.divider}`
 }));
 const ContainerApplyedFilters = styled("div")(({
   theme
@@ -42,7 +44,7 @@ const ContainerApplyedFilters = styled("div")(({
   display: "flex",
   justifyContent: "flex-start",
   alignItems: "center",
-  height: theme.spacing(3.75),
+  height: "auto",
   gap: theme.spacing(1.5)
 }));
 const STRING_OPERATORS = ["c", "nc"];
@@ -1043,8 +1045,9 @@ const WrapperApplyedFilter = styled("div")(({
   display: "flex",
   justifyContent: "center",
   alignItems: "center",
-  height: theme.spacing(3.75),
-  padding: theme.spacing(1),
+  height: "100%",
+  minHeight: theme.spacing(3),
+  padding: theme.spacing(0, 1),
   backgroundColor: theme.palette.action.disabledBackground,
   borderRadius: theme.spacing(1),
   "&.waf_no_setted": {
@@ -1059,7 +1062,7 @@ const AplyedFilterStyled = styled("div")(({
   justifyContent: "center",
   alignItems: "center",
   width: "auto",
-  height: theme.spacing(3.75),
+  height: "100%",
   marginRight: theme.spacing(1),
   marginLeft: theme.spacing(1),
   whiteSpace: "nowrap"
@@ -1156,6 +1159,7 @@ function ApplyedFilters() {
     });
   }
   return /* @__PURE__ */ jsx(WrapperApplyedFilters, {
+    className: "WrapperApplyedFilters",
     children: /* @__PURE__ */ jsx(ScrollBar, {
       children: /* @__PURE__ */ jsx(ContainerApplyedFilters, {
         id: "WrapperApplyedFilters",
@@ -1178,11 +1182,8 @@ const SKTClearFilters = styled$1("div")(({
 const WrapperClearFilters = styled$1("div")(({
   theme
 }) => ({
-  [theme.breakpoints.up("sm")]: {
-    paddingLeft: theme.spacing(1.5),
-    marginLeft: theme.spacing(1.5),
-    borderLeft: `1px solid ${theme.palette.divider}`
-  }
+  paddingLeft: theme.spacing(0.5),
+  borderLeft: `1px solid ${theme.palette.divider}`
 }));
 const ClearFilters = () => {
   const {
@@ -1223,7 +1224,12 @@ const SKTWrapperFilterButton = styled("div")(({
   height: theme.spacing(3.75),
   background: alpha(theme.palette.primary.main, 0.3)
 }));
-const WrapperFilterButton = styled("div")(() => ({
+const WrapperFilterButton = styled("div")(({
+  theme
+}) => ({
+  paddingRight: theme.spacing(0.75),
+  marginRight: theme.spacing(0.75),
+  borderRight: `1px solid ${theme.palette.divider}`,
   "&.isDirty": {
     animationName: "dirtyEffect",
     animationDuration: "1s",
@@ -1293,11 +1299,7 @@ const WrapperInputFilter = styled("div")(({
   justifyContent: "center",
   alignItems: "center",
   width: "100%",
-  height: theme.spacing(3.75),
-  marginLeft: theme.spacing(1.5),
-  padding: theme.spacing(0, 1.5),
-  borderRight: `1px solid ${theme.palette.divider}`,
-  borderLeft: `1px solid ${theme.palette.divider}`,
+  height: theme.spacing(3),
   [theme.breakpoints.up("sm")]: {
     width: theme.spacing(25)
   }
@@ -1309,7 +1311,6 @@ const StyledInputFilter = styled("input")(({
   justifyContent: "center",
   alignItems: "center",
   minWidth: theme.spacing(3.75),
-  height: theme.spacing(3.75),
   width: "100%",
   "&": {
     outline: "none",
@@ -1552,7 +1553,7 @@ const WrapperFilter = styled("div", {
   justifyContent: "flex-start",
   height: "auto",
   width: "100%",
-  padding: theme.spacing(1.5),
+  padding: theme.spacing(0.5),
   borderRadius: theme.spacing(1),
   border: inEdition ? `1px solid ${theme.palette.primary.main}` : `1px solid ${theme.palette.divider}`
 }));
@@ -1569,10 +1570,15 @@ const WrapperFilterMobile = styled("div", {
   minWidth: theme.spacing(25),
   height: "auto",
   width: "100%",
-  padding: theme.spacing(1.5),
+  padding: theme.spacing(0.5),
   borderRadius: theme.spacing(1),
   border: inEdition ? `1px solid ${theme.palette.primary.main}` : `1px solid ${theme.palette.divider}`,
-  gap: theme.spacing(1.5)
+  gap: theme.spacing(0.75),
+  "& .WrapperApplyedFilters": {
+    margin: "0px",
+    padding: "0px",
+    border: "0px"
+  }
 }));
 const ContainerFistRow = styled("div")(() => ({
   width: "100%",
@@ -1591,7 +1597,7 @@ const DynamicFilter = (props) => {
       children: ({
         inEdition
       }) => isDesktop ? /* @__PURE__ */ jsxs(WrapperFilter, {
-        id: "WrapperDynamicFilter",
+        id: "WrapperFilter",
         inEdition,
         children: [/* @__PURE__ */ jsx(FilterButton, {}), /* @__PURE__ */ jsx(InputFilter, {}), /* @__PURE__ */ jsx(ApplyedFilters, {}), /* @__PURE__ */ jsx(PopupEditFilter, {}), /* @__PURE__ */ jsx(ClearFilters, {})]
       }) : /* @__PURE__ */ jsxs(WrapperFilterMobile, {

package/dist/components/Icon/index.js

@@ -9,7 +9,8 @@ const MaskIcon = styled("div", {
   width: props.width === void 0 ? "20px" : props.width,
   height: props.height === void 0 ? "20px" : props.height,
   backgroundColor: props.bgColor,
-  mask: `url('data:image/svg+xml;base64,${props.src}')`
+  mask: `url('data:image/svg+xml;base64,${props.src}')`,
+  WebkitMask: `url('data:image/svg+xml;base64,${props.src}')`
 }));
 const WrapperPlaceHolder = styled("div", {
   shouldForwardProp: (props) => props !== "widht" && props !== "height"
@@ -49,7 +50,7 @@ function Icon(props) {
       return theme.palette.action.disabled;
     }
     return bgColor;
-  }, [bgColor]);
+  }, [bgColor, theme]);
   useEffect(() => {
     let mounted = true;
     (async function networkOperation() {

package/dist/components/Page/index.js

@@ -1,5 +1,5 @@
 import { forwardRef } from "react";
-import { W } from "../../node_modules.js";
+import { Helmet } from "react-helmet-async";
 import { Box } from "@mui/material";
 import { useLocales } from "@m4l/graphics";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
@@ -14,7 +14,7 @@ const Page = forwardRef((props, ref) => {
     currentLang
   } = useLocales();
   return /* @__PURE__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsxs(W, {
+    children: [/* @__PURE__ */ jsxs(Helmet, {
       children: [/* @__PURE__ */ jsx("title", {
         children: `${title} | Made4Labs`
       }), /* @__PURE__ */ jsx("html", {

package/dist/index.js

@@ -80,4 +80,5 @@ import "./react-json-view.js";
 import "./react-splitter-layout.js";
 import "./react-data-grid.js";
 import "yup";
+import "react-helmet-async";
 import "./react-resizable.js";

package/dist/node_modules.js

@@ -1,52 +1,52 @@
 import { get, set, appendErrors } from "react-hook-form";
-import require$$0, { useMemo, useRef, useReducer, useEffect, useCallback, forwardRef, useImperativeHandle, Component } from "react";
-import r from "prop-types";
+import { useMemo, useRef, useReducer, useEffect, useCallback, forwardRef, useImperativeHandle } from "react";
+import PropTypes from "prop-types";
 import { jsx, Fragment } from "react/jsx-runtime";
 var e = function(i, e2, t2) {
   if (i && "reportValidity" in i) {
     var f2 = get(t2, e2);
     i.setCustomValidity(f2 && f2.message || ""), i.reportValidity();
   }
-}, t = function(r2, i) {
+}, t = function(r, i) {
   var t2 = function(t3) {
     var f3 = i.fields[t3];
-    f3 && f3.ref && "reportValidity" in f3.ref ? e(f3.ref, t3, r2) : f3.refs && f3.refs.forEach(function(i2) {
-      return e(i2, t3, r2);
+    f3 && f3.ref && "reportValidity" in f3.ref ? e(f3.ref, t3, r) : f3.refs && f3.refs.forEach(function(i2) {
+      return e(i2, t3, r);
     });
   };
   for (var f2 in i.fields)
     t2(f2);
-}, f$1 = function(e2, f2) {
+}, f = function(e2, f2) {
   f2.shouldUseNativeValidation && t(e2, f2);
   var o2 = {};
-  for (var a2 in e2) {
-    var n = get(f2.fields, a2);
-    set(o2, a2, Object.assign(e2[a2], { ref: n && n.ref }));
+  for (var a in e2) {
+    var n = get(f2.fields, a);
+    set(o2, a, Object.assign(e2[a], { ref: n && n.ref }));
   }
   return o2;
 };
-var o = function(o2, n, a2) {
-  return n === void 0 && (n = {}), a2 === void 0 && (a2 = {}), function(s2, i, c2) {
+var o = function(o2, n, a) {
+  return n === void 0 && (n = {}), a === void 0 && (a = {}), function(s, i, c) {
     try {
-      return Promise.resolve(function(t$1, r2) {
+      return Promise.resolve(function(t$1, r) {
         try {
-          var u2 = (n.context && false, Promise.resolve(o2[a2.mode === "sync" ? "validateSync" : "validate"](s2, Object.assign({ abortEarly: false }, n, { context: i }))).then(function(t$12) {
-            return c2.shouldUseNativeValidation && t({}, c2), { values: a2.rawValues ? s2 : t$12, errors: {} };
+          var u = (n.context && false, Promise.resolve(o2[a.mode === "sync" ? "validateSync" : "validate"](s, Object.assign({ abortEarly: false }, n, { context: i }))).then(function(t$12) {
+            return c.shouldUseNativeValidation && t({}, c), { values: a.rawValues ? s : t$12, errors: {} };
           }));
         } catch (e2) {
-          return r2(e2);
+          return r(e2);
         }
-        return u2 && u2.then ? u2.then(void 0, r2) : u2;
+        return u && u.then ? u.then(void 0, r) : u;
       }(0, function(e2) {
         if (!e2.inner)
           throw e2;
-        return { values: {}, errors: f$1((o3 = e2, n2 = !c2.shouldUseNativeValidation && c2.criteriaMode === "all", (o3.inner || []).reduce(function(e3, t2) {
+        return { values: {}, errors: f((o3 = e2, n2 = !c.shouldUseNativeValidation && c.criteriaMode === "all", (o3.inner || []).reduce(function(e3, t2) {
           if (e3[t2.path] || (e3[t2.path] = { message: t2.message, type: t2.type }), n2) {
-            var o4 = e3[t2.path].types, a3 = o4 && o4[t2.type];
-            e3[t2.path] = appendErrors(t2.path, n2, e3, t2.type, a3 ? [].concat(a3, t2.message) : t2.message);
+            var o4 = e3[t2.path].types, a2 = o4 && o4[t2.type];
+            e3[t2.path] = appendErrors(t2.path, n2, e3, t2.type, a2 ? [].concat(a2, t2.message) : t2.message);
           }
           return e3;
-        }, {})), c2) };
+        }, {})), c) };
         var o3, n2;
       }));
     } catch (e2) {
@@ -54,13 +54,13 @@ var o = function(o2, n, a2) {
     }
   };
 };
-function __awaiter(thisArg, _arguments, P2, generator) {
+function __awaiter(thisArg, _arguments, P, generator) {
   function adopt(value) {
-    return value instanceof P2 ? value : new P2(function(resolve) {
+    return value instanceof P ? value : new P(function(resolve) {
       resolve(value);
     });
   }
-  return new (P2 || (P2 = Promise))(function(resolve, reject) {
+  return new (P || (P = Promise))(function(resolve, reject) {
     function fulfilled(value) {
       try {
         step(generator.next(value));
@@ -82,27 +82,27 @@ function __awaiter(thisArg, _arguments, P2, generator) {
   });
 }
 function __generator(thisArg, body) {
-  var _2 = { label: 0, sent: function() {
+  var _ = { label: 0, sent: function() {
     if (t2[0] & 1)
       throw t2[1];
     return t2[1];
-  }, trys: [], ops: [] }, f2, y2, t2, g2;
-  return g2 = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g2[Symbol.iterator] = function() {
+  }, trys: [], ops: [] }, f2, y, t2, g;
+  return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
     return this;
-  }), g2;
+  }), g;
   function verb(n) {
-    return function(v2) {
-      return step([n, v2]);
+    return function(v) {
+      return step([n, v]);
     };
   }
   function step(op) {
     if (f2)
       throw new TypeError("Generator is already executing.");
-    while (_2)
+    while (_)
       try {
-        if (f2 = 1, y2 && (t2 = op[0] & 2 ? y2["return"] : op[0] ? y2["throw"] || ((t2 = y2["return"]) && t2.call(y2), 0) : y2.next) && !(t2 = t2.call(y2, op[1])).done)
+        if (f2 = 1, y && (t2 = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t2 = y["return"]) && t2.call(y), 0) : y.next) && !(t2 = t2.call(y, op[1])).done)
           return t2;
-        if (y2 = 0, t2)
+        if (y = 0, t2)
           op = [op[0] & 2, t2.value];
         switch (op[0]) {
           case 0:
@@ -110,45 +110,45 @@ function __generator(thisArg, body) {
             t2 = op;
             break;
           case 4:
-            _2.label++;
+            _.label++;
             return { value: op[1], done: false };
           case 5:
-            _2.label++;
-            y2 = op[1];
+            _.label++;
+            y = op[1];
             op = [0];
             continue;
           case 7:
-            op = _2.ops.pop();
-            _2.trys.pop();
+            op = _.ops.pop();
+            _.trys.pop();
             continue;
           default:
-            if (!(t2 = _2.trys, t2 = t2.length > 0 && t2[t2.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-              _2 = 0;
+            if (!(t2 = _.trys, t2 = t2.length > 0 && t2[t2.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+              _ = 0;
               continue;
             }
             if (op[0] === 3 && (!t2 || op[1] > t2[0] && op[1] < t2[3])) {
-              _2.label = op[1];
+              _.label = op[1];
               break;
             }
-            if (op[0] === 6 && _2.label < t2[1]) {
-              _2.label = t2[1];
+            if (op[0] === 6 && _.label < t2[1]) {
+              _.label = t2[1];
               t2 = op;
               break;
             }
-            if (t2 && _2.label < t2[2]) {
-              _2.label = t2[2];
-              _2.ops.push(op);
+            if (t2 && _.label < t2[2]) {
+              _.label = t2[2];
+              _.ops.push(op);
               break;
             }
             if (t2[2])
-              _2.ops.pop();
-            _2.trys.pop();
+              _.ops.pop();
+            _.trys.pop();
             continue;
         }
-        op = body.call(thisArg, _2);
+        op = body.call(thisArg, _);
       } catch (e2) {
         op = [6, e2];
-        y2 = 0;
+        y = 0;
       } finally {
         f2 = t2 = 0;
       }
@@ -158,19 +158,19 @@ function __generator(thisArg, body) {
   }
 }
 function __read(o2, n) {
-  var m2 = typeof Symbol === "function" && o2[Symbol.iterator];
-  if (!m2)
+  var m = typeof Symbol === "function" && o2[Symbol.iterator];
+  if (!m)
     return o2;
-  var i = m2.call(o2), r2, ar = [], e2;
+  var i = m.call(o2), r, ar = [], e2;
   try {
-    while ((n === void 0 || n-- > 0) && !(r2 = i.next()).done)
-      ar.push(r2.value);
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
+      ar.push(r.value);
   } catch (error) {
     e2 = { error };
   } finally {
     try {
-      if (r2 && !r2.done && (m2 = i["return"]))
-        m2.call(i);
+      if (r && !r.done && (m = i["return"]))
+        m.call(i);
     } finally {
       if (e2)
         throw e2.error;
@@ -180,7 +180,7 @@ function __read(o2, n) {
 }
 function __spreadArray(to, from, pack) {
   if (pack || arguments.length === 2)
-    for (var i = 0, l2 = from.length, ar; i < l2; i++) {
+    for (var i = 0, l = from.length, ar; i < l; i++) {
       if (ar || !(i in from)) {
         if (!ar)
           ar = Array.prototype.slice.call(from, 0, i);
@@ -327,8 +327,8 @@ function isDataTransfer(value) {
 function isChangeEvt(value) {
   return isObject(value) && isObject(value.target);
 }
-function isObject(v2) {
-  return typeof v2 === "object" && v2 !== null;
+function isObject(v) {
+  return typeof v === "object" && v !== null;
 }
 function getInputFiles(evt) {
   return fromList(evt.target.files).map(function(file) {
@@ -341,8 +341,8 @@ function getFsHandleFiles(handles) {
     return __generator(this, function(_a) {
       switch (_a.label) {
         case 0:
-          return [4, Promise.all(handles.map(function(h2) {
-            return h2.getFile();
+          return [4, Promise.all(handles.map(function(h) {
+            return h.getFile();
           }))];
         case 1:
           files = _a.sent();
@@ -739,26 +739,26 @@ function pickerOptionsFromAccept(accept) {
 }
 function acceptPropAsAcceptAttr(accept) {
   if (isDefined(accept)) {
-    return Object.entries(accept).reduce(function(a2, _ref6) {
+    return Object.entries(accept).reduce(function(a, _ref6) {
       var _ref7 = _slicedToArray$1(_ref6, 2), mimeType = _ref7[0], ext = _ref7[1];
-      return [].concat(_toConsumableArray$1(a2), [mimeType], _toConsumableArray$1(ext));
-    }, []).filter(function(v2) {
-      return isMIMEType(v2) || isExt(v2);
+      return [].concat(_toConsumableArray$1(a), [mimeType], _toConsumableArray$1(ext));
+    }, []).filter(function(v) {
+      return isMIMEType(v) || isExt(v);
     }).join(",");
   }
   return void 0;
 }
-function isAbort(v2) {
-  return v2 instanceof DOMException && (v2.name === "AbortError" || v2.code === v2.ABORT_ERR);
+function isAbort(v) {
+  return v instanceof DOMException && (v.name === "AbortError" || v.code === v.ABORT_ERR);
 }
-function isSecurityError(v2) {
-  return v2 instanceof DOMException && (v2.name === "SecurityError" || v2.code === v2.SECURITY_ERR);
+function isSecurityError(v) {
+  return v instanceof DOMException && (v.name === "SecurityError" || v.code === v.SECURITY_ERR);
 }
-function isMIMEType(v2) {
-  return v2 === "audio/*" || v2 === "video/*" || v2 === "image/*" || v2 === "text/*" || /\w+\/[-+.\w]+/g.test(v2);
+function isMIMEType(v) {
+  return v === "audio/*" || v === "video/*" || v === "image/*" || v === "text/*" || /\w+\/[-+.\w]+/g.test(v);
 }
-function isExt(v2) {
-  return /^.*\.[\w]+$/.test(v2);
+function isExt(v) {
+  return /^.*\.[\w]+$/.test(v);
 }
 var _excluded = ["children"], _excluded2 = ["open"], _excluded3 = ["refKey", "role", "onKeyDown", "onFocus", "onBlur", "onClick", "onDragEnter", "onDragOver", "onDragLeave", "onDrop"], _excluded4 = ["refKey", "onChange", "onClick"];
 function _toConsumableArray(arr) {
@@ -933,31 +933,31 @@ var defaultProps = {
 };
 Dropzone.defaultProps = defaultProps;
 Dropzone.propTypes = {
-  children: r.func,
-  accept: r.objectOf(r.arrayOf(r.string)),
-  multiple: r.bool,
-  preventDropOnDocument: r.bool,
-  noClick: r.bool,
-  noKeyboard: r.bool,
-  noDrag: r.bool,
-  noDragEventsBubbling: r.bool,
-  minSize: r.number,
-  maxSize: r.number,
-  maxFiles: r.number,
-  disabled: r.bool,
-  getFilesFromEvent: r.func,
-  onFileDialogCancel: r.func,
-  onFileDialogOpen: r.func,
-  useFsAccessApi: r.bool,
-  autoFocus: r.bool,
-  onDragEnter: r.func,
-  onDragLeave: r.func,
-  onDragOver: r.func,
-  onDrop: r.func,
-  onDropAccepted: r.func,
-  onDropRejected: r.func,
-  onError: r.func,
-  validator: r.func
+  children: PropTypes.func,
+  accept: PropTypes.objectOf(PropTypes.arrayOf(PropTypes.string)),
+  multiple: PropTypes.bool,
+  preventDropOnDocument: PropTypes.bool,
+  noClick: PropTypes.bool,
+  noKeyboard: PropTypes.bool,
+  noDrag: PropTypes.bool,
+  noDragEventsBubbling: PropTypes.bool,
+  minSize: PropTypes.number,
+  maxSize: PropTypes.number,
+  maxFiles: PropTypes.number,
+  disabled: PropTypes.bool,
+  getFilesFromEvent: PropTypes.func,
+  onFileDialogCancel: PropTypes.func,
+  onFileDialogOpen: PropTypes.func,
+  useFsAccessApi: PropTypes.bool,
+  autoFocus: PropTypes.bool,
+  onDragEnter: PropTypes.func,
+  onDragLeave: PropTypes.func,
+  onDragOver: PropTypes.func,
+  onDrop: PropTypes.func,
+  onDropAccepted: PropTypes.func,
+  onDropRejected: PropTypes.func,
+  onError: PropTypes.func,
+  validator: PropTypes.func
 };
 var initialState = {
   isFocused: false,
@@ -1357,499 +1357,4 @@ function reducer(state, action) {
 }
 function noop() {
 }
-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, e2, 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, e2, 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 e2 = 1; e2 < arguments.length; e2++) {
-      var r2 = arguments[e2];
-      for (var n in r2)
-        Object.prototype.hasOwnProperty.call(r2, n) && (t2[n] = r2[n]);
-    }
-    return t2;
-  }, a.apply(this, arguments);
-}
-function s(t2, e2) {
-  t2.prototype = Object.create(e2.prototype), t2.prototype.constructor = t2, c(t2, e2);
-}
-function c(t2, e2) {
-  return c = Object.setPrototypeOf || function(t3, e3) {
-    return t3.__proto__ = e3, t3;
-  }, c(t2, e2);
-}
-function u(t2, e2) {
-  if (t2 == null)
-    return {};
-  var r2, n, i = {}, o2 = Object.keys(t2);
-  for (n = 0; n < o2.length; n++)
-    e2.indexOf(r2 = o2[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, e2) {
-  return t2[m[e2]] = e2, t2;
-}, {}), T = function(t2, e2) {
-  for (var r2 = t2.length - 1; r2 >= 0; r2 -= 1) {
-    var n = t2[r2];
-    if (Object.prototype.hasOwnProperty.call(n, e2))
-      return n[e2];
-  }
-  return null;
-}, g = function(t2) {
-  var e2 = T(t2, l.TITLE), r2 = T(t2, "titleTemplate");
-  if (Array.isArray(e2) && (e2 = e2.join("")), r2 && e2)
-    return r2.replace(/%s/g, function() {
-      return e2;
-    });
-  var n = T(t2, "defaultTitle");
-  return e2 || n || void 0;
-}, b = function(t2) {
-  return T(t2, "onChangeClientState") || function() {
-  };
-}, v = function(t2, e2) {
-  return e2.filter(function(e3) {
-    return e3[t2] !== void 0;
-  }).map(function(e3) {
-    return e3[t2];
-  }).reduce(function(t3, e3) {
-    return a({}, t3, e3);
-  }, {});
-}, A = function(t2, e2) {
-  return e2.filter(function(t3) {
-    return t3[l.BASE] !== void 0;
-  }).map(function(t3) {
-    return t3[l.BASE];
-  }).reverse().reduce(function(e3, r2) {
-    if (!e3.length)
-      for (var n = Object.keys(r2), i = 0; i < n.length; i += 1) {
-        var o2 = n[i].toLowerCase();
-        if (t2.indexOf(o2) !== -1 && r2[o2])
-          return e3.concat(r2);
-      }
-    return e3;
-  }, []);
-}, C = function(t2, e2, r2) {
-  var n = {};
-  return r2.filter(function(e3) {
-    return !!Array.isArray(e3[t2]) || (e3[t2] !== void 0 && console && typeof console.warn == "function" && console.warn("Helmet: " + t2 + ' should be of type "Array". Instead found type "' + typeof e3[t2] + '"'), false);
-  }).map(function(e3) {
-    return e3[t2];
-  }).reverse().reduce(function(t3, r3) {
-    var i = {};
-    r3.filter(function(t4) {
-      for (var r4, o3 = Object.keys(t4), a2 = 0; a2 < o3.length; a2 += 1) {
-        var s3 = o3[a2], c3 = s3.toLowerCase();
-        e2.indexOf(c3) === -1 || r4 === "rel" && t4[r4].toLowerCase() === "canonical" || c3 === "rel" && t4[c3].toLowerCase() === "stylesheet" || (r4 = c3), e2.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(e3) {
-      return t3.push(e3);
-    });
-    for (var o2 = Object.keys(i), s2 = 0; s2 < o2.length; s2 += 1) {
-      var c2 = o2[s2], u2 = a({}, n[c2], i[c2]);
-      n[c2] = u2;
-    }
-    return t3;
-  }, []).reverse();
-}, O = function(t2, e2) {
-  if (Array.isArray(t2) && t2.length) {
-    for (var r2 = 0; r2 < t2.length; r2 += 1)
-      if (t2[r2][e2])
-        return true;
-  }
-  return false;
-}, S = function(t2) {
-  return Array.isArray(t2) ? t2.join("") : t2;
-}, E = function(t2, e2) {
-  return Array.isArray(t2) ? t2.reduce(function(t3, r2) {
-    return function(t4, e3) {
-      for (var r3 = Object.keys(t4), n = 0; n < r3.length; n += 1)
-        if (e3[r3[n]] && e3[r3[n]].includes(t4[r3[n]]))
-          return true;
-      return false;
-    }(r2, e2) ? t3.priority.push(r2) : t3.default.push(r2), t3;
-  }, { priority: [], default: [] }) : { default: t2 };
-}, I = function(t2, e2) {
-  var r2;
-  return a({}, t2, ((r2 = {})[e2] = void 0, r2));
-}, P = [l.NOSCRIPT, l.SCRIPT, l.STYLE], w = function(t2, e2) {
-  return e2 === void 0 && (e2 = true), e2 === 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(e2, r2) {
-    var n = t2[r2] !== void 0 ? r2 + '="' + t2[r2] + '"' : "" + r2;
-    return e2 ? e2 + " " + n : n;
-  }, "");
-}, L = function(t2, e2) {
-  return e2 === void 0 && (e2 = {}), Object.keys(t2).reduce(function(e3, r2) {
-    return e3[m[r2] || r2] = t2[r2], e3;
-  }, e2);
-}, j = function(e2, r2) {
-  return r2.map(function(r3, n) {
-    var i, o2 = ((i = { key: n })["data-rh"] = true, i);
-    return Object.keys(r3).forEach(function(t2) {
-      var e3 = m[t2] || t2;
-      e3 === "innerHTML" || e3 === "cssText" ? o2.dangerouslySetInnerHTML = { __html: r3.innerHTML || r3.cssText } : o2[e3] = r3[t2];
-    }), require$$0.createElement(e2, o2);
-  });
-}, M = function(e2, r2, n) {
-  switch (e2) {
-    case l.TITLE:
-      return { toComponent: function() {
-        return n2 = r2.titleAttributes, (i = { key: e3 = r2.title })["data-rh"] = true, o2 = L(n2, i), [require$$0.createElement(l.TITLE, o2, e3)];
-        var e3, n2, i, o2;
-      }, toString: function() {
-        return function(t2, e3, r3, n2) {
-          var i = x(r3), o2 = S(e3);
-          return i ? "<" + t2 + ' data-rh="true" ' + i + ">" + w(o2, n2) + "</" + t2 + ">" : "<" + t2 + ' data-rh="true">' + w(o2, n2) + "</" + t2 + ">";
-        }(e2, 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(e2, r2);
-      }, toString: function() {
-        return function(t2, e3, r3) {
-          return e3.reduce(function(e4, n2) {
-            var i = Object.keys(n2).filter(function(t3) {
-              return !(t3 === "innerHTML" || t3 === "cssText");
-            }).reduce(function(t3, e5) {
-              var i2 = n2[e5] === void 0 ? e5 : e5 + '="' + w(n2[e5], r3) + '"';
-              return t3 ? t3 + " " + i2 : i2;
-            }, ""), o2 = n2.innerHTML || n2.cssText || "", a2 = P.indexOf(t2) === -1;
-            return e4 + "<" + t2 + ' data-rh="true" ' + i + (a2 ? "/>" : ">" + o2 + "</" + t2 + ">");
-          }, "");
-        }(e2, r2, n);
-      } };
-  }
-}, k = function(t2) {
-  var e2 = t2.baseTag, r2 = t2.bodyAttributes, n = t2.encode, i = t2.htmlAttributes, o2 = 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 e3 = t3.linkTags, r3 = t3.scriptTags, n2 = t3.encode, i2 = E(t3.metaTags, d), o3 = E(e3, p), a3 = E(r3, f);
-      return { priorityMethods: { toComponent: function() {
-        return [].concat(j(l.META, i2.priority), j(l.LINK, o3.priority), j(l.SCRIPT, a3.priority));
-      }, toString: function() {
-        return M(l.META, i2.priority, n2) + " " + M(l.LINK, o3.priority, n2) + " " + M(l.SCRIPT, a3.priority, n2);
-      } }, metaTags: i2.default, linkTags: o3.default, scriptTags: a3.default };
-    }(t2);
-    T2 = g2.priorityMethods, h2 = g2.linkTags, m2 = g2.metaTags, y2 = g2.scriptTags;
-  }
-  return { priority: T2, base: M(l.BASE, e2, 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, o2, 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, e2) {
-  var r2 = this;
-  e2 === void 0 && (e2 = 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 e3 = (r2.canUseDOM ? H : r2.instances).indexOf(t3);
-    (r2.canUseDOM ? H : r2.instances).splice(e3, 1);
-  } } }, this.context = t2, this.canUseDOM = e2, e2 || (t2.helmet = k({ baseTag: [], bodyAttributes: {}, encodeSpecialCharacters: true, htmlAttributes: {}, linkTags: [], metaTags: [], noscriptTags: [], scriptTags: [], styleTags: [], title: "", titleAttributes: {} }));
-}, R = require$$0.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(e2) {
-  function r2(t2) {
-    var n;
-    return (n = e2.call(this, t2) || this).helmetData = new N(n.props.context, r2.canUseDOM), n;
-  }
-  return s(r2, e2), r2.prototype.render = function() {
-    return require$$0.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, e2) {
-  var r2, n = document.head || document.querySelector(l.HEAD), i = n.querySelectorAll(t2 + "[data-rh]"), o2 = [].slice.call(i), a2 = [];
-  return e2 && e2.length && e2.forEach(function(e3) {
-    var n2 = document.createElement(t2);
-    for (var i2 in e3)
-      Object.prototype.hasOwnProperty.call(e3, i2) && (i2 === "innerHTML" ? n2.innerHTML = e3.innerHTML : i2 === "cssText" ? n2.styleSheet ? n2.styleSheet.cssText = e3.cssText : n2.appendChild(document.createTextNode(e3.cssText)) : n2.setAttribute(i2, e3[i2] === void 0 ? "" : e3[i2]));
-    n2.setAttribute("data-rh", "true"), o2.some(function(t3, e4) {
-      return r2 = e4, n2.isEqualNode(t3);
-    }) ? o2.splice(r2, 1) : a2.push(n2);
-  }), o2.forEach(function(t3) {
-    return t3.parentNode.removeChild(t3);
-  }), a2.forEach(function(t3) {
-    return n.appendChild(t3);
-  }), { oldTags: o2, newTags: a2 };
-}, B = function(t2, e2) {
-  var r2 = document.getElementsByTagName(t2)[0];
-  if (r2) {
-    for (var n = r2.getAttribute("data-rh"), i = n ? n.split(",") : [], o2 = [].concat(i), a2 = Object.keys(e2), s2 = 0; s2 < a2.length; s2 += 1) {
-      var c2 = a2[s2], u2 = e2[c2] || "";
-      r2.getAttribute(c2) !== u2 && r2.setAttribute(c2, u2), i.indexOf(c2) === -1 && i.push(c2);
-      var l2 = o2.indexOf(c2);
-      l2 !== -1 && o2.splice(l2, 1);
-    }
-    for (var p2 = o2.length - 1; p2 >= 0; p2 -= 1)
-      r2.removeAttribute(o2[p2]);
-    i.length === o2.length ? r2.removeAttribute("data-rh") : r2.getAttribute("data-rh") !== a2.join(",") && r2.setAttribute("data-rh", a2.join(","));
-  }
-}, K = function(t2, e2) {
-  var r2 = t2.baseTag, n = t2.htmlAttributes, i = t2.linkTags, o2 = 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, e3) {
-    t3 !== void 0 && document.title !== t3 && (document.title = S(t3)), B(l.TITLE, e3);
-  }(p2, f2);
-  var d2 = { baseTag: Y(l.BASE, r2), linkTags: Y(l.LINK, i), metaTags: Y(l.META, o2), noscriptTags: Y(l.NOSCRIPT, a2), scriptTags: Y(l.SCRIPT, c2), styleTags: Y(l.STYLE, u2) }, h2 = {}, m2 = {};
-  Object.keys(d2).forEach(function(t3) {
-    var e3 = d2[t3], r3 = e3.newTags, n2 = e3.oldTags;
-    r3.length && (h2[t3] = r3), n2.length && (m2[t3] = d2[t3].oldTags);
-  }), e2 && e2(), s2(t2, h2, m2);
-}, _ = null, z = /* @__PURE__ */ function(t2) {
-  function e2() {
-    for (var e3, r3 = arguments.length, n = new Array(r3), i = 0; i < r3; i++)
-      n[i] = arguments[i];
-    return (e3 = t2.call.apply(t2, [this].concat(n)) || this).rendered = false, e3;
-  }
-  s(e2, t2);
-  var r2 = e2.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, e3, r3 = this.props.context, n = r3.setHelmet, i = null, o2 = (t3 = r3.helmetInstances.get().map(function(t4) {
-      var e4 = a({}, t4.props);
-      return delete e4.context, e4;
-    }), { 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 ? (e3 = o2, _ && cancelAnimationFrame(_), e3.defer ? _ = requestAnimationFrame(function() {
-      K(e3, function() {
-        _ = null;
-      });
-    }) : (K(e3), _ = null)) : k && (i = k(o2)), 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;
-  }, e2;
-}(Component);
-z.propTypes = { context: D.isRequired }, z.displayName = "HelmetDispatcher";
-var F = ["children"], G = ["children"], W = /* @__PURE__ */ function(e2) {
-  function r2() {
-    return e2.apply(this, arguments) || this;
-  }
-  s(r2, e2);
-  var o2 = r2.prototype;
-  return o2.shouldComponentUpdate = function(t2) {
-    return !reactFastCompare(I(this.props, "helmetData"), I(t2, "helmetData"));
-  }, o2.mapNestedChildrenToProps = function(t2, e3) {
-    if (!e3)
-      return null;
-    switch (t2.type) {
-      case l.SCRIPT:
-      case l.NOSCRIPT:
-        return { innerHTML: e3 };
-      case l.STYLE:
-        return { cssText: e3 };
-      default:
-        throw new Error("<" + t2.type + " /> elements are self-closing and can not contain children. Refer to our API for more information.");
-    }
-  }, o2.flattenArrayTypeChildren = function(t2) {
-    var e3, r3 = t2.child, n = t2.arrayTypeChildren;
-    return a({}, n, ((e3 = {})[r3.type] = [].concat(n[r3.type] || [], [a({}, t2.newChildProps, this.mapNestedChildrenToProps(r3, t2.nestedChildren))]), e3));
-  }, o2.mapObjectTypeChildren = function(t2) {
-    var e3, r3, n = t2.child, i = t2.newProps, o3 = t2.newChildProps, s2 = t2.nestedChildren;
-    switch (n.type) {
-      case l.TITLE:
-        return a({}, i, ((e3 = {})[n.type] = s2, e3.titleAttributes = a({}, o3), e3));
-      case l.BODY:
-        return a({}, i, { bodyAttributes: a({}, o3) });
-      case l.HTML:
-        return a({}, i, { htmlAttributes: a({}, o3) });
-      default:
-        return a({}, i, ((r3 = {})[n.type] = a({}, o3), r3));
-    }
-  }, o2.mapArrayTypeChildrenToProps = function(t2, e3) {
-    var r3 = a({}, e3);
-    return Object.keys(t2).forEach(function(e4) {
-      var n;
-      r3 = a({}, r3, ((n = {})[e4] = t2[e4], n));
-    }), r3;
-  }, o2.warnOnInvalidChildren = function(t2, e3) {
-    return browser(h.some(function(e4) {
-      return t2.type === e4;
-    }), 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(!e3 || typeof e3 == "string" || Array.isArray(e3) && !e3.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;
-  }, o2.mapChildrenToProps = function(e3, r3) {
-    var n = this, i = {};
-    return require$$0.Children.forEach(e3, function(t2) {
-      if (t2 && t2.props) {
-        var e4 = t2.props, o3 = e4.children, a2 = u(e4, F), s2 = Object.keys(a2).reduce(function(t3, e5) {
-          return t3[y[e5] || e5] = a2[e5], t3;
-        }, {}), c2 = t2.type;
-        switch (typeof c2 == "symbol" ? c2 = c2.toString() : n.warnOnInvalidChildren(t2, o3), c2) {
-          case l.FRAGMENT:
-            r3 = n.mapChildrenToProps(o3, 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: o3 });
-            break;
-          default:
-            r3 = n.mapObjectTypeChildren({ child: t2, newProps: r3, newChildProps: s2, nestedChildren: o3 });
-        }
-      }
-    }), this.mapArrayTypeChildrenToProps(i, r3);
-  }, o2.render = function() {
-    var e3 = this.props, r3 = e3.children, n = u(e3, G), i = a({}, n), o3 = n.helmetData;
-    return r3 && (i = this.mapChildrenToProps(r3, i)), !o3 || o3 instanceof N || (o3 = new N(o3.context, o3.instances)), o3 ? /* @__PURE__ */ require$$0.createElement(z, a({}, i, { context: o3.value, helmetData: void 0 })) : /* @__PURE__ */ require$$0.createElement(R.Consumer, null, function(e4) {
-      return require$$0.createElement(z, a({}, i, { context: e4 }));
-    });
-  }, 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";
-export { W, o, useDropzone as u };
+export { o, useDropzone as u };

package/dist/react-draggable.js

@@ -1,5 +1,5 @@
 import require$$0 from "react";
-import r from "prop-types";
+import PropTypes from "prop-types";
 import require$$2 from "react-dom";
 import clsx from "clsx";
 var cjs = { exports: {} };
@@ -494,7 +494,7 @@ Object.defineProperty(DraggableCore$2, "__esModule", {
 });
 DraggableCore$2.default = void 0;
 var React = _interopRequireWildcard(require$$0);
-var _propTypes = _interopRequireDefault(r);
+var _propTypes = _interopRequireDefault(PropTypes);
 var _reactDom = _interopRequireDefault(require$$2);
 var _domFns = domFns;
 var _positionFns = positionFns;
@@ -956,7 +956,7 @@ _defineProperty(DraggableCore$1, "defaultProps", {
   });
   exports.default = void 0;
   var React2 = _interopRequireWildcard2(require$$0);
-  var _propTypes2 = _interopRequireDefault2(r);
+  var _propTypes2 = _interopRequireDefault2(PropTypes);
   var _reactDom2 = _interopRequireDefault2(require$$2);
   var _clsx2 = _interopRequireDefault2(clsx);
   var _domFns2 = domFns;

package/dist/react-resizable.js

@@ -1,6 +1,6 @@
 import require$$0 from "react";
 import { c as cjs } from "./react-draggable.js";
-import r from "prop-types";
+import PropTypes from "prop-types";
 var reactResizable = { exports: {} };
 var Resizable$1 = {};
 var utils = {};
@@ -60,7 +60,7 @@ function cloneElement(element, props) {
 var propTypes = {};
 propTypes.__esModule = true;
 propTypes.resizableProps = void 0;
-var _propTypes$2 = _interopRequireDefault$1(r);
+var _propTypes$2 = _interopRequireDefault$1(PropTypes);
 function _interopRequireDefault$1(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
@@ -389,7 +389,7 @@ var ResizableBox$2 = {};
 ResizableBox$2.__esModule = true;
 ResizableBox$2.default = void 0;
 var React = _interopRequireWildcard(require$$0);
-var _propTypes = _interopRequireDefault(r);
+var _propTypes = _interopRequireDefault(PropTypes);
 var _Resizable = _interopRequireDefault(Resizable$1);
 var _propTypes2 = propTypes;
 var _excluded = ["handle", "handleSize", "onResize", "onResizeStart", "onResizeStop", "draggableOpts", "minConstraints", "maxConstraints", "lockAspectRatio", "axis", "width", "height", "resizeHandles", "style", "transformScale"];

package/dist/react-splitter-layout.js

@@ -1,18 +1,18 @@
 import { g as getDefaultExportFromCjs } from "./commonjs.js";
-import r from "prop-types";
+import PropTypes from "prop-types";
 import require$$0 from "react";
 var lib = { exports: {} };
 (function(module, exports) {
   !function(e, t) {
-    module.exports = t(r, require$$0);
+    module.exports = t(PropTypes, require$$0);
   }(window, function(e, t) {
     return function(e2) {
       var t2 = {};
       function n(o) {
         if (t2[o])
           return t2[o].exports;
-        var r2 = t2[o] = { i: o, l: false, exports: {} };
-        return e2[o].call(r2.exports, r2, r2.exports, n), r2.l = true, r2.exports;
+        var r = t2[o] = { i: o, l: false, exports: {} };
+        return e2[o].call(r.exports, r, r.exports, n), r.l = true, r.exports;
       }
       return n.m = e2, n.c = t2, n.d = function(e3, t3, o) {
         n.o(e3, t3) || Object.defineProperty(e3, t3, { enumerable: true, get: o });
@@ -25,10 +25,10 @@ var lib = { exports: {} };
           return e3;
         var o = /* @__PURE__ */ Object.create(null);
         if (n.r(o), Object.defineProperty(o, "default", { enumerable: true, value: e3 }), 2 & t3 && typeof e3 != "string")
-          for (var r2 in e3)
-            n.d(o, r2, function(t4) {
+          for (var r in e3)
+            n.d(o, r, function(t4) {
               return e3[t4];
-            }.bind(null, r2));
+            }.bind(null, r));
         return o;
       }, n.n = function(e3) {
         var t3 = e3 && e3.__esModule ? function() {
@@ -48,10 +48,10 @@ var lib = { exports: {} };
       e2.exports = n(3);
     }, function(e2, t2, n) {
       n.r(t2);
-      var o = n(1), r2 = n.n(o), i = n(0), a = n.n(i);
+      var o = n(1), r = n.n(o), i = n(0), a = n.n(i);
       function s(e3) {
         var t3 = e3.size || 0, n2 = e3.percentage ? "%" : "px", o2 = "layout-pane", i2 = {};
-        return e3.primary ? o2 += " layout-pane-primary" : e3.vertical ? i2.height = "".concat(t3).concat(n2) : i2.width = "".concat(t3).concat(n2), r2.a.createElement("div", { className: o2, style: i2 }, e3.children);
+        return e3.primary ? o2 += " layout-pane-primary" : e3.vertical ? i2.height = "".concat(t3).concat(n2) : i2.width = "".concat(t3).concat(n2), r.a.createElement("div", { className: o2, style: i2 }, e3.children);
       }
       s.propTypes = { vertical: a.a.bool, primary: a.a.bool, size: a.a.number, percentage: a.a.bool, children: a.a.oneOfType([a.a.arrayOf(a.a.node), a.a.node]) }, s.defaultProps = { vertical: false, primary: false, size: 0, percentage: false, children: [] };
       var c = s;
@@ -92,18 +92,18 @@ var lib = { exports: {} };
       }
       var y = function(e3) {
         function t3(e4) {
-          var n3, o3, r3;
+          var n3, o3, r2;
           return function(e5, t4) {
             if (!(e5 instanceof t4))
               throw new TypeError("Cannot call a class as a function");
-          }(this, t3), o3 = this, (n3 = !(r3 = p(t3).call(this, e4)) || l(r3) !== "object" && typeof r3 != "function" ? h(o3) : r3).handleResize = n3.handleResize.bind(h(h(n3))), n3.handleMouseMove = n3.handleMouseMove.bind(h(h(n3))), n3.handleMouseUp = n3.handleMouseUp.bind(h(h(n3))), n3.handleTouchMove = n3.handleTouchMove.bind(h(h(n3))), n3.handleSplitterMouseDown = n3.handleSplitterMouseDown.bind(h(h(n3))), n3.state = { secondaryPaneSize: 0, resizing: false }, n3;
+          }(this, t3), o3 = this, (n3 = !(r2 = p(t3).call(this, e4)) || l(r2) !== "object" && typeof r2 != "function" ? h(o3) : r2).handleResize = n3.handleResize.bind(h(h(n3))), n3.handleMouseMove = n3.handleMouseMove.bind(h(h(n3))), n3.handleMouseUp = n3.handleMouseUp.bind(h(h(n3))), n3.handleTouchMove = n3.handleTouchMove.bind(h(h(n3))), n3.handleSplitterMouseDown = n3.handleSplitterMouseDown.bind(h(h(n3))), n3.state = { secondaryPaneSize: 0, resizing: false }, n3;
         }
         var n2, o2;
         return function(e4, t4) {
           if (typeof t4 != "function" && t4 !== null)
             throw new TypeError("Super expression must either be null or a function");
           e4.prototype = Object.create(t4 && t4.prototype, { constructor: { value: e4, writable: true, configurable: true } }), t4 && d(e4, t4);
-        }(t3, r2.a.Component), n2 = t3, (o2 = [{ key: "componentDidMount", value: function() {
+        }(t3, r.a.Component), n2 = t3, (o2 = [{ key: "componentDidMount", value: function() {
           var e4;
           if (window.addEventListener("resize", this.handleResize), document.addEventListener("mouseup", this.handleMouseUp), document.addEventListener("mousemove", this.handleMouseMove), document.addEventListener("touchend", this.handleMouseUp), document.addEventListener("touchmove", this.handleTouchMove), this.props.secondaryInitialSize !== void 0)
             e4 = this.props.secondaryInitialSize;
@@ -117,10 +117,10 @@ var lib = { exports: {} };
         } }, { key: "componentWillUnmount", value: function() {
           window.removeEventListener("resize", this.handleResize), document.removeEventListener("mouseup", this.handleMouseUp), document.removeEventListener("mousemove", this.handleMouseMove), document.removeEventListener("touchend", this.handleMouseUp), document.removeEventListener("touchmove", this.handleTouchMove);
         } }, { key: "getSecondaryPaneSize", value: function(e4, t4, n3, o3) {
-          var r3, i2, a2, s2;
-          this.props.vertical ? (r3 = e4.height, i2 = t4.height, a2 = n3.top - e4.top) : (r3 = e4.width, i2 = t4.width, a2 = n3.left - e4.left), o3 && (a2 -= i2 / 2), a2 < 0 ? a2 = 0 : a2 > r3 - i2 && (a2 = r3 - i2);
-          var c2 = r3 - i2 - (s2 = this.props.primaryIndex === 1 ? a2 : r3 - i2 - a2);
-          return this.props.percentage && (s2 = 100 * s2 / r3, c2 = 100 * c2 / r3, i2 = 100 * i2 / r3, r3 = 100), c2 < this.props.primaryMinSize ? s2 = Math.max(s2 - (this.props.primaryMinSize - c2), 0) : s2 < this.props.secondaryMinSize && (s2 = Math.min(r3 - i2 - this.props.primaryMinSize, this.props.secondaryMinSize)), s2;
+          var r2, i2, a2, s2;
+          this.props.vertical ? (r2 = e4.height, i2 = t4.height, a2 = n3.top - e4.top) : (r2 = e4.width, i2 = t4.width, a2 = n3.left - e4.left), o3 && (a2 -= i2 / 2), a2 < 0 ? a2 = 0 : a2 > r2 - i2 && (a2 = r2 - i2);
+          var c2 = r2 - i2 - (s2 = this.props.primaryIndex === 1 ? a2 : r2 - i2 - a2);
+          return this.props.percentage && (s2 = 100 * s2 / r2, c2 = 100 * c2 / r2, i2 = 100 * i2 / r2, r2 = 100), c2 < this.props.primaryMinSize ? s2 = Math.max(s2 - (this.props.primaryMinSize - c2), 0) : s2 < this.props.secondaryMinSize && (s2 = Math.min(r2 - i2 - this.props.primaryMinSize, this.props.secondaryMinSize)), s2;
         } }, { key: "handleResize", value: function() {
           if (this.splitter && !this.props.percentage) {
             var e4 = this.container.getBoundingClientRect(), t4 = this.splitter.getBoundingClientRect(), n3 = this.getSecondaryPaneSize(e4, t4, { left: t4.left, top: t4.top }, false);
@@ -142,15 +142,15 @@ var lib = { exports: {} };
         } }, { key: "render", value: function() {
           var e4 = this, t4 = "splitter-layout";
           this.props.customClassName && (t4 += " ".concat(this.props.customClassName)), this.props.vertical && (t4 += " splitter-layout-vertical"), this.state.resizing && (t4 += " layout-changing");
-          var n3 = r2.a.Children.toArray(this.props.children).slice(0, 2);
-          n3.length === 0 && n3.push(r2.a.createElement("div", null));
+          var n3 = r.a.Children.toArray(this.props.children).slice(0, 2);
+          n3.length === 0 && n3.push(r.a.createElement("div", null));
           for (var o3 = [], i2 = this.props.primaryIndex !== 0 && this.props.primaryIndex !== 1 ? 0 : this.props.primaryIndex, a2 = 0; a2 < n3.length; ++a2) {
             var s2 = true, l2 = null;
-            n3.length > 1 && a2 !== i2 && (s2 = false, l2 = this.state.secondaryPaneSize), o3.push(r2.a.createElement(c, { vertical: this.props.vertical, percentage: this.props.percentage, primary: s2, size: l2 }, n3[a2]));
+            n3.length > 1 && a2 !== i2 && (s2 = false, l2 = this.state.secondaryPaneSize), o3.push(r.a.createElement(c, { vertical: this.props.vertical, percentage: this.props.percentage, primary: s2, size: l2 }, n3[a2]));
           }
-          return r2.a.createElement("div", { className: t4, ref: function(t5) {
+          return r.a.createElement("div", { className: t4, ref: function(t5) {
             e4.container = t5;
-          } }, o3[0], o3.length > 1 && r2.a.createElement("div", { role: "separator", className: "layout-splitter", ref: function(t5) {
+          } }, o3[0], o3.length > 1 && r.a.createElement("div", { role: "separator", className: "layout-splitter", ref: function(t5) {
             e4.splitter = t5;
           }, onMouseDown: this.handleSplitterMouseDown, onTouchStart: this.handleSplitterMouseDown }), o3.length > 1 && o3[1]);
         } }]) && u(n2.prototype, o2), t3;

package/dist/simplebar.js

@@ -1,5 +1,5 @@
 import require$$0, { useRef, useEffect } from "react";
-import r from "prop-types";
+import PropTypes from "prop-types";
 import "./core-js.js";
 import { l as lodash_throttle, a as lodash_debounce, b as lodash_memoize } from "./lodash.js";
 import { R as ResizeObserver } from "./juggle.js";
@@ -842,9 +842,9 @@ var SimpleBar = /* @__PURE__ */ require$$0.forwardRef(function(_ref, ref) {
 });
 SimpleBar.displayName = "SimpleBar";
 SimpleBar.propTypes = {
-  children: r.oneOfType([r.node, r.func]),
-  scrollableNodeProps: r.object,
-  tag: r.string
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  scrollableNodeProps: PropTypes.object,
+  tag: PropTypes.string
 };
 const simplebar_min = /* @__PURE__ */ (() => '[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;user-select:none;-webkit-user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}\n')();
 export { SimpleBar as S };

package/package.json

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