@m4l/layouts 0.0.3 → 0.0.6

package/dist/index.js

@@ -1,5 +1,6 @@
-export { a as ModuleLayout } from "./layouts/ModuleLayout/index.js";
-export { a as MasterDetailLayout } from "./layouts/MasterDetailLayout/index.js";
+export { a as ModuleLayout, d as defaultModuleLayoutDictionary, g as getModuleLayoutComponentsDictionary } from "./layouts/ModuleLayout/index.js";
+export { a as MasterDetailLayout, d as defaultMasterDetailDictionary, g as getMasterDetailLayoutComponentsDictionary } from "./layouts/MasterDetailLayout/index.js";
+export { N as NoAuthModuleLayout, d as defaultNoAuthModuleLayoutDictionary, g as getNoAuthModuleLayoutComponentsDictionary } from "./layouts/NoAuthModuleLayout/index.js";
 export { u as useMasterDetail } from "./hooks/useMasterDetail/index.js";
 export { u as useModule } from "./hooks/useModule/index.js";
 import "@m4l/components";
@@ -10,3 +11,4 @@ import "@mui/material";
 import "./vendor.js";
 import "@mui/material/useMediaQuery";
 import "react/jsx-runtime";
+import "./node_modules.js";

package/dist/layouts/MasterDetailLayout/index.js

@@ -1,7 +1,7 @@
 import { createContext, useState, useRef, useCallback, useMemo } from "react";
 import { voidFunction, useEnvironment } from "@m4l/core";
 import { SplitLayout } from "@m4l/components";
-import { g as getModuleLayoutComponentsDictionary, d as defaultModuleLayoutDictionary, a as ModuleLayout } from "../ModuleLayout/index.js";
+import { g as getModuleLayoutComponentsDictionary, a as ModuleLayout } from "../ModuleLayout/index.js";
 import { jsx } from "react/jsx-runtime";
 import { u as useResponsiveDesktop } from "../../vendor.js";
 import { Button } from "@mui/material";
@@ -15,8 +15,7 @@ const defaultMasterDetailDictionary = {
     split_horizontal: "Split horizontally",
     no_split: "No split",
     view_detail: "View detail"
-  },
-  ...defaultModuleLayoutDictionary
+  }
 };
 const initialState = {
   masterSelection: void 0,
@@ -68,7 +67,6 @@ function MasterDetailLayout(props) {
     initialModuleActions: moduleActions,
     urlIcon,
     masterComponent,
-    defaultDictionary,
     componentsDictionary,
     breadcrumbLinks
   } = props;
@@ -143,10 +141,6 @@ function MasterDetailLayout(props) {
     return actions;
   }, [splitActions, moduleActions, isDesktop, viewDetailAction]);
   const finalComponentsDictionary = useMemo(() => componentsDictionary.concat(getMasterDetailLayoutComponentsDictionary()), [componentsDictionary]);
-  const finalDefaultDictionary = useMemo(() => ({
-    ...defaultDictionary,
-    ...defaultMasterDetailDictionary
-  }), [defaultDictionary]);
   return /* @__PURE__ */ jsx(MasterDetailProvider, {
     masterSelection,
     setMasterSelection,
@@ -156,7 +150,6 @@ function MasterDetailLayout(props) {
       moduleNameField,
       urlIcon,
       initialModuleActions: finalModuleActions,
-      defaultDictionary: finalDefaultDictionary,
       componentsDictionary: finalComponentsDictionary,
       breadcrumbLinks,
       children: /* @__PURE__ */ jsx(SplitLayout, {
@@ -167,4 +160,4 @@ function MasterDetailLayout(props) {
     })
   });
 }
-export { MasterDetailContext as M, MasterDetailLayout as a };
+export { MasterDetailContext as M, MasterDetailLayout as a, defaultMasterDetailDictionary as d, getMasterDetailLayoutComponentsDictionary as g };

package/dist/layouts/ModuleLayout/types.d.ts

@@ -1,5 +1,4 @@
 import type { ReactNode } from 'react';
-import type { ModuleDictionary } from '@m4l/core';
 import type { MenuAction, TLink, ModalOpenOptions } from '@m4l/components';
 import type { HeaderProps } from './components/Header/types';
 import type { ModuleRef } from './components/ModuleContent/types';
@@ -22,7 +21,6 @@ export interface ModuleLayoutProps extends HeaderProps {
     moduleNameField?: string;
     breadcrumbLinks: TLink[];
     initialModuleActions: ModuleAction[];
-    defaultDictionary: ModuleDictionary;
     componentsDictionary: string[];
     children: ReactNode;
 }

package/dist/layouts/NoAuthModuleLayout/components/ModuleWrapper/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ModuleProps } from './types';
+export declare const ModuleWrapper: (props: ModuleProps) => JSX.Element;

package/dist/layouts/NoAuthModuleLayout/components/ModuleWrapper/styles.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const RootStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HeaderStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const SectionStyle: import("@emotion/styled").StyledComponent<Omit<import("@mui/material").PaperProps<"div", {}>, "classes"> & {
+    classes?: Partial<import("@mui/material").CardClasses> | undefined;
+    raised?: boolean | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "ref" | "slot" | "title" | "onClick" | keyof import("@mui/material/OverridableComponent").CommonProps | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "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" | "sx" | "key" | "variant" | "elevation" | "square" | "raised"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ContentStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TitleContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ModuleTitleContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/layouts/NoAuthModuleLayout/components/ModuleWrapper/types.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export interface ModuleProps {
+    children: ReactNode;
+}

package/dist/layouts/NoAuthModuleLayout/contexts/NoAuthModuleContext/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { NoAuthModuleLayoutContextProps, NoAuthModuleLayoutProviderProps } from './types';
+declare const ModuleContext: import("react").Context<NoAuthModuleLayoutContextProps>;
+declare function ModuleProvider(props: NoAuthModuleLayoutProviderProps): JSX.Element;
+export { ModuleProvider, ModuleContext };

package/dist/layouts/NoAuthModuleLayout/contexts/NoAuthModuleContext/types.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export interface DomainStyleOptions {
+    company_logo_small_url: string;
+    company_logo_normal_url: string;
+}
+export interface NoAuthModuleLayoutProviderProps {
+    moduleId: number;
+    children: ReactNode;
+}
+export interface NoAuthModuleLayoutContextProps extends Pick<NoAuthModuleLayoutProviderProps, 'moduleId'> {
+    styleOptions: DomainStyleOptions;
+}

package/dist/layouts/NoAuthModuleLayout/dicctionary.d.ts

@@ -0,0 +1,3 @@
+import type { Dictionary } from '@m4l/core';
+export declare function getNoAuthModuleLayoutComponentsDictionary(): string[];
+export declare const defaultNoAuthModuleLayoutDictionary: Dictionary;

package/dist/layouts/NoAuthModuleLayout/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { NoAuthModuleLayoutProps } from './types';
+export declare const NoAuthModuleLayout: (props: NoAuthModuleLayoutProps) => JSX.Element;

package/dist/layouts/NoAuthModuleLayout/index.js

@@ -0,0 +1,241 @@
+import { CompanyLogo, LanguagePopover, Typography, Image } from "@m4l/components";
+import { Card, Container, Stack } from "@mui/material";
+import { styled } from "@mui/material/styles";
+import { useModuleDictionary, useFlagsPresent, getLocalStorage, useNetwork, useEnvironment, useFlags, FlagsProvider, ModuleDictionaryProvider } from "@m4l/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { u as useResponsive, P as Page } from "../../node_modules.js";
+import { createContext, useState, useEffect } from "react";
+const RootStyle = styled("div")(({
+  theme
+}) => ({
+  [theme.breakpoints.up("md")]: {
+    display: "flex"
+  }
+}));
+const HeaderStyle = styled("header")(({
+  theme
+}) => ({
+  top: 0,
+  zIndex: 9,
+  lineHeight: 0,
+  width: "100%",
+  display: "flex",
+  alignItems: "center",
+  position: "absolute",
+  padding: theme.spacing(2, 2, 0, 2),
+  justifyContent: "space-between",
+  [theme.breakpoints.up("md")]: {
+    alignItems: "flex-start",
+    padding: theme.spacing(7, 7, 0, 7)
+  }
+}));
+const SectionStyle = styled(Card)(({
+  theme
+}) => ({
+  width: "100%",
+  maxWidth: 464,
+  display: "flex",
+  flexDirection: "column",
+  justifyContent: "center",
+  margin: theme.spacing(2, 0, 2, 2),
+  "& > div:nth-of-type(2)": {
+    maxHeight: "348px"
+  }
+}));
+const ContentStyle = styled("div")(({
+  theme
+}) => ({
+  maxWidth: 480,
+  margin: "auto",
+  display: "flex",
+  minHeight: "100vh",
+  flexDirection: "column",
+  justifyContent: "center",
+  padding: theme.spacing(12, 0)
+}));
+const TitleContainer = styled("div")(({
+  theme
+}) => ({
+  padding: theme.spacing(0, 5)
+}));
+const ModuleTitleContainer = styled("div")(({
+  theme
+}) => ({
+  width: "100%",
+  display: "grid",
+  gridTemplateColumns: "1fr",
+  gridGap: theme.spacing(1)
+}));
+const ModuleWrapper = (props) => {
+  const {
+    children
+  } = props;
+  const {
+    getLabel,
+    getModuleLabel
+  } = useModuleDictionary();
+  const mdUp = useResponsive("up", "md");
+  const isSkeleton = !useFlagsPresent(["dictionary_loaded", "style_loaded"]);
+  return /* @__PURE__ */ jsx(Page, {
+    title: getModuleLabel(),
+    children: /* @__PURE__ */ jsxs(RootStyle, {
+      children: [/* @__PURE__ */ jsxs(HeaderStyle, {
+        id: "HeaderStyle",
+        children: [/* @__PURE__ */ jsx(CompanyLogo, {
+          size: mdUp ? "normal" : "small",
+          isSkeleton
+        }), /* @__PURE__ */ jsx(LanguagePopover, {
+          isSkeleton
+        })]
+      }), mdUp && /* @__PURE__ */ jsxs(SectionStyle, {
+        id: "SectionStyle",
+        children: [/* @__PURE__ */ jsx(TitleContainer, {
+          id: "module_leyend",
+          children: /* @__PURE__ */ jsx(Typography, {
+            variant: "h3",
+            sx: {
+              px: 5,
+              mt: 10,
+              mb: 5
+            },
+            skeletonProps: {
+              isSkeleton,
+              width: "30%",
+              height: "18px"
+            },
+            children: getLabel("module_leyend")
+          })
+        }), /* @__PURE__ */ jsx(Image, {
+          isSekeleton: isSkeleton,
+          width: "100%",
+          height: "auto",
+          src: "https://s3.amazonaws.com/static.made4labs/environments/d1/frontend/domain/host/login/assets/img/illustration_login.png",
+          alt: "illustration module",
+          effect: "opacity"
+        })]
+      }), /* @__PURE__ */ jsx(Container, {
+        maxWidth: "sm",
+        id: "formContainer",
+        children: /* @__PURE__ */ jsxs(ContentStyle, {
+          children: [/* @__PURE__ */ jsx(Stack, {
+            direction: "row",
+            alignItems: "center",
+            sx: {
+              mb: 5
+            },
+            children: /* @__PURE__ */ jsxs(ModuleTitleContainer, {
+              children: [/* @__PURE__ */ jsx(Typography, {
+                variant: "h4",
+                skeletonProps: {
+                  isSkeleton,
+                  width: "35%",
+                  height: "36px"
+                },
+                children: getModuleLabel()
+              }), /* @__PURE__ */ jsx(Typography, {
+                sx: {
+                  color: "text.secondary"
+                },
+                skeletonProps: {
+                  isSkeleton,
+                  width: "60%",
+                  height: "21px"
+                },
+                children: getLabel("module_description")
+              })]
+            })
+          }), children]
+        })
+      })]
+    })
+  });
+};
+const initialState = {
+  moduleId: 0,
+  styleOptions: {
+    company_logo_small_url: "",
+    company_logo_normal_url: ""
+  }
+};
+const ModuleContext = createContext(initialState);
+function ModuleProvider(props) {
+  const {
+    children,
+    moduleId
+  } = props;
+  const [styleOptions, setStyleOptions] = useState(getLocalStorage("styleOptions", {
+    company_logo_small_url: "",
+    company_logo_normal_url: ""
+  }));
+  const {
+    networkOperation
+  } = useNetwork();
+  const {
+    domain_token
+  } = useEnvironment();
+  const {
+    flags,
+    addFlag
+  } = useFlags();
+  useEffect(() => {
+    let mounted = true;
+    if (flags.findIndex((f) => f === "dictionary_loaded") < 0 || flags.findIndex((f) => f === "style_loaded") > -1) {
+      return;
+    }
+    networkOperation({
+      method: "GET",
+      endPoint: `style`,
+      parms: {
+        domain_token
+      }
+    }).then((response) => {
+      if (mounted) {
+        console.log("Result - ModuleProvider - Load Style", response);
+        setStyleOptions({
+          ...response.data
+        });
+        addFlag("style_loaded");
+      }
+    }).finally(() => {
+    });
+    return function cleanUp() {
+      mounted = false;
+    };
+  }, [flags]);
+  return /* @__PURE__ */ jsx(ModuleContext.Provider, {
+    value: {
+      styleOptions,
+      moduleId
+    },
+    children
+  });
+}
+const NoAuthModuleLayout = (props) => {
+  const {
+    moduleId,
+    moduleName,
+    children,
+    componentsDictionary
+  } = props;
+  return /* @__PURE__ */ jsx(FlagsProvider, {
+    children: /* @__PURE__ */ jsx(ModuleDictionaryProvider, {
+      isAuth: false,
+      moduleId,
+      moduleName,
+      componentsDictionary,
+      children: /* @__PURE__ */ jsx(ModuleProvider, {
+        moduleId,
+        children: /* @__PURE__ */ jsx(ModuleWrapper, {
+          children
+        })
+      })
+    })
+  });
+};
+function getNoAuthModuleLayoutComponentsDictionary() {
+  return ["no_auth_module_layout"];
+}
+const defaultNoAuthModuleLayoutDictionary = {
+  no_auth_module_layout: {}
+};
+export { NoAuthModuleLayout as N, defaultNoAuthModuleLayoutDictionary as d, getNoAuthModuleLayoutComponentsDictionary as g };

package/dist/layouts/NoAuthModuleLayout/types.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export interface ContainerProps {
+    vertical: boolean;
+}
+export declare type MenuActionType = 'main' | 'allways' | 'normal';
+export interface NoAuthModuleLayoutProps {
+    moduleId: number;
+    moduleName?: string;
+    componentsDictionary: string[];
+    children: ReactNode;
+}

package/dist/layouts/index.d.ts

@@ -1,3 +1,7 @@
 export { ModuleLayout } from './ModuleLayout';
 export type { ModuleAction } from './ModuleLayout/types';
+export * from './ModuleLayout/dicctionary';
 export { MasterDetailLayout } from './MasterDetailLayout';
+export * from './MasterDetailLayout/dicctionary';
+export { NoAuthModuleLayout } from './NoAuthModuleLayout';
+export * from './NoAuthModuleLayout/dicctionary';

package/dist/node_modules.js

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

package/dist/vendor.js

@@ -1,12 +1,13 @@
 import { useTheme } from "@mui/material/styles";
 import useMediaQuery from "@mui/material/useMediaQuery";
 import "./layouts/ModuleLayout/index.js";
+import "@m4l/components";
 import "react";
 import "@m4l/core";
-import "@m4l/components";
 import "./layouts/MasterDetailLayout/index.js";
 import "@mui/material";
 import "react/jsx-runtime";
+import "./layouts/NoAuthModuleLayout/index.js";
 import "./hooks/useMasterDetail/index.js";
 import "./hooks/useModule/index.js";
 function useResponsive(query, key, start, end) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@m4l/layouts",
   "private": false,
-  "version": "0.0.3",
+  "version": "0.0.6",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "vite",
@@ -14,17 +14,21 @@
     "format": "npm run prettier:fix && npm run lint:fix"
   },
   "dependencies": {
+    "@m4l/core": "^0.0.27",
+    "@m4l/graphics": "^0.0.18",
     "react": "^17.0.0 || 18.x",
     "react-dom": "^18.0.0"
   },
   "peerDependencies": {
-    "@m4l/components": "^0.0.6",
+    "@m4l/components": "^0.0.17",
+    "@m4l/core": "^0.0.27",
+    "@m4l/graphics": "^0.0.18",
     "react": "^17.0.0 || 18.x",
     "react-dom": "^18.0.0"
   },
   "devDependencies": {
     "@emotion/styled": "^11.9.3",
-    "@m4l/components": "^0.0.6",
+    "@m4l/components": "^0.0.17",
     "@testing-library/react": "^13.3.0",
     "@testing-library/user-event": "^14.2.1",
     "@types/node": "^17.0.40",