@m4l/components 0.0.56 → 0.0.57

package/dist/components/Page/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PageProps } from './types';
+export declare const Page: import("react").ForwardRefExoticComponent<Pick<PageProps, "meta" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "sx" | "key" | "children" | "className" | "classes" | "component" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Page/index.js

@@ -0,0 +1,31 @@
+import { forwardRef } from "react";
+import { W } from "../../node_modules.js";
+import { Box } from "@mui/material";
+import { useLocales } from "@m4l/graphics";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+const Page = forwardRef((props, ref) => {
+  const {
+    children,
+    title = "",
+    meta,
+    ...other
+  } = props;
+  const {
+    currentLang
+  } = useLocales();
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [/* @__PURE__ */ jsxs(W, {
+      children: [/* @__PURE__ */ jsx("title", {
+        children: `${title} | Made4Labs`
+      }), /* @__PURE__ */ jsx("html", {
+        lang: currentLang.value
+      }), meta]
+    }), /* @__PURE__ */ jsx(Box, {
+      ref,
+      ...other,
+      children
+    })]
+  });
+});
+Page.displayName = "Page";
+export { Page as P };

package/dist/components/Page/types.d.ts

@@ -0,0 +1,7 @@
+import type { BoxProps } from '@mui/material';
+import type { ReactNode } from 'react';
+export interface PageProps extends BoxProps {
+    children: ReactNode;
+    meta?: ReactNode;
+    title: string;
+}

package/dist/components/index.d.ts

@@ -24,6 +24,7 @@ export * from '../components/NoItemSelected/dictionary';
 export * from '../components/ObjectLogs';
 export * from '../components/ObjectLogs/dictionary';
 export * from '../components/PaperForm';
+export * from '../components/Page';
 export * from '../components/PropertyValue';
 export * from '../components/Resizeable';
 export * from '../components/ScrollBar';

package/dist/index.js

@@ -43,6 +43,7 @@ export { M as ModalDialog, d as defaultModalDialogDictionary, g as getModalDialo
 export { N as NoItemSelected, d as defaultNoItemSelectedDictionary, g as getNoItemSelectedComponentsDictionary } from "./components/NoItemSelected/index.js";
 export { O as ObjectLogs, d as defaultObjectLogDictionary, g as getObjectLogsComponentsDictionary } from "./components/ObjectLogs/index.js";
 export { P as PaperForm } from "./components/PaperForm/index.js";
+export { P as Page } from "./components/Page/index.js";
 export { P as PropertyValue } from "./components/PropertyValue/index.js";
 export { R as Resizeable } from "./components/Resizeable/index.js";
 export { S as ScrollBar } from "./components/ScrollBar/index.js";

package/dist/node_modules.js

@@ -1,52 +1,52 @@
 import { get, set, appendErrors } from "react-hook-form";
-import { useMemo, useRef, useReducer, useEffect, useCallback, forwardRef, useImperativeHandle } from "react";
-import PropTypes from "prop-types";
+import require$$0, { useMemo, useRef, useReducer, useEffect, useCallback, forwardRef, useImperativeHandle, Component } from "react";
+import r 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(r, i) {
+}, t = function(r2, i) {
   var t2 = function(t3) {
     var f3 = i.fields[t3];
-    f3 && f3.ref && "reportValidity" in f3.ref ? e(f3.ref, t3, r) : f3.refs && f3.refs.forEach(function(i2) {
-      return e(i2, t3, r);
+    f3 && f3.ref && "reportValidity" in f3.ref ? e(f3.ref, t3, r2) : f3.refs && f3.refs.forEach(function(i2) {
+      return e(i2, t3, r2);
     });
   };
   for (var f2 in i.fields)
     t2(f2);
-}, f = function(e2, f2) {
+}, f$1 = function(e2, f2) {
   f2.shouldUseNativeValidation && t(e2, f2);
   var o2 = {};
-  for (var a in e2) {
-    var n = get(f2.fields, a);
-    set(o2, a, Object.assign(e2[a], { ref: n && n.ref }));
+  for (var a2 in e2) {
+    var n = get(f2.fields, a2);
+    set(o2, a2, Object.assign(e2[a2], { ref: n && n.ref }));
   }
   return o2;
 };
-var o = function(o2, n, a) {
-  return n === void 0 && (n = {}), a === void 0 && (a = {}), function(s, i, c) {
+var o = function(o2, n, a2) {
+  return n === void 0 && (n = {}), a2 === void 0 && (a2 = {}), function(s2, i, c2) {
     try {
-      return Promise.resolve(function(t$1, r) {
+      return Promise.resolve(function(t$1, r2) {
         try {
-          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: {} };
+          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: {} };
           }));
         } catch (e2) {
-          return r(e2);
+          return r2(e2);
         }
-        return u && u.then ? u.then(void 0, r) : u;
+        return u2 && u2.then ? u2.then(void 0, r2) : u2;
       }(0, function(e2) {
         if (!e2.inner)
           throw e2;
-        return { values: {}, errors: f((o3 = e2, n2 = !c.shouldUseNativeValidation && c.criteriaMode === "all", (o3.inner || []).reduce(function(e3, t2) {
+        return { values: {}, errors: f$1((o3 = e2, n2 = !c2.shouldUseNativeValidation && c2.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, a2 = o4 && o4[t2.type];
-            e3[t2.path] = appendErrors(t2.path, n2, e3, t2.type, a2 ? [].concat(a2, t2.message) : t2.message);
+            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);
           }
           return e3;
-        }, {})), c) };
+        }, {})), c2) };
         var o3, n2;
       }));
     } catch (e2) {
@@ -54,13 +54,13 @@ var o = function(o2, n, a) {
     }
   };
 };
-function __awaiter(thisArg, _arguments, P, generator) {
+function __awaiter(thisArg, _arguments, P2, generator) {
   function adopt(value) {
-    return value instanceof P ? value : new P(function(resolve) {
+    return value instanceof P2 ? value : new P2(function(resolve) {
       resolve(value);
     });
   }
-  return new (P || (P = Promise))(function(resolve, reject) {
+  return new (P2 || (P2 = Promise))(function(resolve, reject) {
     function fulfilled(value) {
       try {
         step(generator.next(value));
@@ -82,27 +82,27 @@ function __awaiter(thisArg, _arguments, P, generator) {
   });
 }
 function __generator(thisArg, body) {
-  var _ = { label: 0, sent: function() {
+  var _2 = { label: 0, sent: function() {
     if (t2[0] & 1)
       throw t2[1];
     return t2[1];
-  }, trys: [], ops: [] }, f2, y, t2, g;
-  return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+  }, trys: [], ops: [] }, f2, y2, t2, g2;
+  return g2 = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g2[Symbol.iterator] = function() {
     return this;
-  }), g;
+  }), g2;
   function verb(n) {
-    return function(v) {
-      return step([n, v]);
+    return function(v2) {
+      return step([n, v2]);
     };
   }
   function step(op) {
     if (f2)
       throw new TypeError("Generator is already executing.");
-    while (_)
+    while (_2)
       try {
-        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)
+        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)
           return t2;
-        if (y = 0, t2)
+        if (y2 = 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:
-            _.label++;
+            _2.label++;
             return { value: op[1], done: false };
           case 5:
-            _.label++;
-            y = op[1];
+            _2.label++;
+            y2 = op[1];
             op = [0];
             continue;
           case 7:
-            op = _.ops.pop();
-            _.trys.pop();
+            op = _2.ops.pop();
+            _2.trys.pop();
             continue;
           default:
-            if (!(t2 = _.trys, t2 = t2.length > 0 && t2[t2.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-              _ = 0;
+            if (!(t2 = _2.trys, t2 = t2.length > 0 && t2[t2.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+              _2 = 0;
               continue;
             }
             if (op[0] === 3 && (!t2 || op[1] > t2[0] && op[1] < t2[3])) {
-              _.label = op[1];
+              _2.label = op[1];
               break;
             }
-            if (op[0] === 6 && _.label < t2[1]) {
-              _.label = t2[1];
+            if (op[0] === 6 && _2.label < t2[1]) {
+              _2.label = t2[1];
               t2 = op;
               break;
             }
-            if (t2 && _.label < t2[2]) {
-              _.label = t2[2];
-              _.ops.push(op);
+            if (t2 && _2.label < t2[2]) {
+              _2.label = t2[2];
+              _2.ops.push(op);
               break;
             }
             if (t2[2])
-              _.ops.pop();
-            _.trys.pop();
+              _2.ops.pop();
+            _2.trys.pop();
             continue;
         }
-        op = body.call(thisArg, _);
+        op = body.call(thisArg, _2);
       } catch (e2) {
         op = [6, e2];
-        y = 0;
+        y2 = 0;
       } finally {
         f2 = t2 = 0;
       }
@@ -158,19 +158,19 @@ function __generator(thisArg, body) {
   }
 }
 function __read(o2, n) {
-  var m = typeof Symbol === "function" && o2[Symbol.iterator];
-  if (!m)
+  var m2 = typeof Symbol === "function" && o2[Symbol.iterator];
+  if (!m2)
     return o2;
-  var i = m.call(o2), r, ar = [], e2;
+  var i = m2.call(o2), r2, ar = [], e2;
   try {
-    while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-      ar.push(r.value);
+    while ((n === void 0 || n-- > 0) && !(r2 = i.next()).done)
+      ar.push(r2.value);
   } catch (error) {
     e2 = { error };
   } finally {
     try {
-      if (r && !r.done && (m = i["return"]))
-        m.call(i);
+      if (r2 && !r2.done && (m2 = i["return"]))
+        m2.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, l = from.length, ar; i < l; i++) {
+    for (var i = 0, l2 = from.length, ar; i < l2; 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(v) {
-  return typeof v === "object" && v !== null;
+function isObject(v2) {
+  return typeof v2 === "object" && v2 !== 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(h) {
-            return h.getFile();
+          return [4, Promise.all(handles.map(function(h2) {
+            return h2.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(a, _ref6) {
+    return Object.entries(accept).reduce(function(a2, _ref6) {
       var _ref7 = _slicedToArray$1(_ref6, 2), mimeType = _ref7[0], ext = _ref7[1];
-      return [].concat(_toConsumableArray$1(a), [mimeType], _toConsumableArray$1(ext));
-    }, []).filter(function(v) {
-      return isMIMEType(v) || isExt(v);
+      return [].concat(_toConsumableArray$1(a2), [mimeType], _toConsumableArray$1(ext));
+    }, []).filter(function(v2) {
+      return isMIMEType(v2) || isExt(v2);
     }).join(",");
   }
   return void 0;
 }
-function isAbort(v) {
-  return v instanceof DOMException && (v.name === "AbortError" || v.code === v.ABORT_ERR);
+function isAbort(v2) {
+  return v2 instanceof DOMException && (v2.name === "AbortError" || v2.code === v2.ABORT_ERR);
 }
-function isSecurityError(v) {
-  return v instanceof DOMException && (v.name === "SecurityError" || v.code === v.SECURITY_ERR);
+function isSecurityError(v2) {
+  return v2 instanceof DOMException && (v2.name === "SecurityError" || v2.code === v2.SECURITY_ERR);
 }
-function isMIMEType(v) {
-  return v === "audio/*" || v === "video/*" || v === "image/*" || v === "text/*" || /\w+\/[-+.\w]+/g.test(v);
+function isMIMEType(v2) {
+  return v2 === "audio/*" || v2 === "video/*" || v2 === "image/*" || v2 === "text/*" || /\w+\/[-+.\w]+/g.test(v2);
 }
-function isExt(v) {
-  return /^.*\.[\w]+$/.test(v);
+function isExt(v2) {
+  return /^.*\.[\w]+$/.test(v2);
 }
 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: 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
+  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
 };
 var initialState = {
   isFocused: false,
@@ -1357,4 +1357,499 @@ function reducer(state, action) {
 }
 function noop() {
 }
-export { o, useDropzone as u };
+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 };

package/dist/react-draggable.js

@@ -1,5 +1,5 @@
 import require$$0 from "react";
-import PropTypes from "prop-types";
+import r 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(PropTypes);
+var _propTypes = _interopRequireDefault(r);
 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(PropTypes);
+  var _propTypes2 = _interopRequireDefault2(r);
   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 PropTypes from "prop-types";
+import r 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(PropTypes);
+var _propTypes$2 = _interopRequireDefault$1(r);
 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(PropTypes);
+var _propTypes = _interopRequireDefault(r);
 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 PropTypes from "prop-types";
+import r from "prop-types";
 import require$$0 from "react";
 var lib = { exports: {} };
 (function(module, exports) {
   !function(e, t) {
-    module.exports = t(PropTypes, require$$0);
+    module.exports = t(r, require$$0);
   }(window, function(e, t) {
     return function(e2) {
       var t2 = {};
       function n(o) {
         if (t2[o])
           return t2[o].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;
+        var r2 = t2[o] = { i: o, l: false, exports: {} };
+        return e2[o].call(r2.exports, r2, r2.exports, n), r2.l = true, r2.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 r in e3)
-            n.d(o, r, function(t4) {
+          for (var r2 in e3)
+            n.d(o, r2, function(t4) {
               return e3[t4];
-            }.bind(null, r));
+            }.bind(null, r2));
         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), r = n.n(o), i = n(0), a = n.n(i);
+      var o = n(1), r2 = 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), r.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), r2.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, r2;
+          var n3, o3, r3;
           return function(e5, t4) {
             if (!(e5 instanceof t4))
               throw new TypeError("Cannot call a class as a function");
-          }(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;
+          }(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;
         }
         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, r.a.Component), n2 = t3, (o2 = [{ key: "componentDidMount", value: function() {
+        }(t3, r2.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 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;
+          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;
         } }, { 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 = r.a.Children.toArray(this.props.children).slice(0, 2);
-          n3.length === 0 && n3.push(r.a.createElement("div", null));
+          var n3 = r2.a.Children.toArray(this.props.children).slice(0, 2);
+          n3.length === 0 && n3.push(r2.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(r.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(r2.a.createElement(c, { vertical: this.props.vertical, percentage: this.props.percentage, primary: s2, size: l2 }, n3[a2]));
           }
-          return r.a.createElement("div", { className: t4, ref: function(t5) {
+          return r2.a.createElement("div", { className: t4, ref: function(t5) {
             e4.container = t5;
-          } }, o3[0], o3.length > 1 && r.a.createElement("div", { role: "separator", className: "layout-splitter", ref: function(t5) {
+          } }, o3[0], o3.length > 1 && r2.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 PropTypes from "prop-types";
+import r 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: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-  scrollableNodeProps: PropTypes.object,
-  tag: PropTypes.string
+  children: r.oneOfType([r.node, r.func]),
+  scrollableNodeProps: r.object,
+  tag: r.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/dist/vendor.js

@@ -41,6 +41,7 @@ import "./components/NoItemSelected/index.js";
 import "./components/ObjectLogs/index.js";
 import "./react-json-view.js";
 import "./components/PaperForm/index.js";
+import "./components/Page/index.js";
 import "./components/PropertyValue/index.js";
 import "./react-splitter-layout.js";
 import "./components/SplitLayout/index.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@m4l/components",
   "private": false,
-  "version": "0.0.56",
+  "version": "0.0.57",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "vite",
@@ -14,10 +14,11 @@
     "format": "npm run prettier:fix && npm run lint:fix"
   },
   "dependencies": {
-    "@m4l/graphics": "^0.0.36",
+    "@m4l/graphics": "^0.0.37",
     "react": "^17.0.0 || 18.x",
     "react-dom": "^18.0.0",
-    "react-draggable": "^4.4.5"
+    "react-draggable": "^4.4.5",
+    "react-helmet-async": "^1.3.0"
   },
   "peerDependencies": {
     "@hookform/resolvers": "^2.9.5",