@m4l/layouts 0.1.9 → 0.1.11

package/hooks/useMasterDetail/{index.32172709.js → index.d5830f95.js}

@@ -1,5 +1,5 @@
 import { useContext as t } from "react";
-import { M as e } from "../../layouts/MasterDetailLayout/index.93d98363.js";
+import { M as e } from "../../layouts/MasterDetailLayout/index.a35e475f.js";
 const s = () => t(e);
 export {
   s as u

package/hooks/useModule/{index.5ec82e11.js → index.f9e8dfff.js}

@@ -1,5 +1,5 @@
 import { useContext as o } from "react";
-import { M as t } from "../../layouts/ModuleLayout/index.76b867fc.js";
+import { M as t } from "../../layouts/ModuleLayout/index.fe7cec18.js";
 const n = () => {
   const e = o(t);
   if (!e)

package/index.js

@@ -1,14 +1,14 @@
-import { a as p, d as l, g as y } from "./layouts/ModuleLayout/index.76b867fc.js";
+import { a as p, d as l, g as y } from "./layouts/ModuleLayout/index.fe7cec18.js";
 import "@m4l/components";
 import "react";
 import "@m4l/core";
-import { a as n, d as M, g as D } from "./layouts/MasterDetailLayout/index.93d98363.js";
+import { a as n, d as M, g as D } from "./layouts/MasterDetailLayout/index.a35e475f.js";
 import "@m4l/graphics";
 import "@mui/material";
 import "react/jsx-runtime";
-import { N as L, d as c, g } from "./layouts/NoAuthModuleLayout/index.5050b988.js";
-import { u as N } from "./hooks/useMasterDetail/index.32172709.js";
-import { u as A } from "./hooks/useModule/index.5ec82e11.js";
+import { N as L, d as c, g } from "./layouts/NoAuthModuleLayout/index.798fbe31.js";
+import { u as N } from "./hooks/useMasterDetail/index.d5830f95.js";
+import { u as A } from "./hooks/useModule/index.f9e8dfff.js";
 import "@mui/material/styles";
 export {
   n as MasterDetailLayout,

package/layouts/MasterDetailLayout/{index.93d98363.js → index.a35e475f.js}

@@ -1,11 +1,11 @@
 import { createContext as L, useState as v, useRef as P, useCallback as z, useMemo as p } from "react";
 import { voidFunction as N, useEnvironment as x } from "@m4l/core";
 import { SplitLayout as R } from "@m4l/components";
-import { g as B, a as V } from "../ModuleLayout/index.76b867fc.js";
+import { g as B, a as V } from "../ModuleLayout/index.fe7cec18.js";
 import { jsx as r } from "react/jsx-runtime";
 import { useResponsiveDesktop as j } from "@m4l/graphics";
 import { Button as E } from "@mui/material";
-import { u as H } from "../../hooks/useMasterDetail/index.32172709.js";
+import { u as H } from "../../hooks/useMasterDetail/index.d5830f95.js";
 function T() {
   return ["master_detail_layout"].concat(B());
 }

package/layouts/ModuleLayout/contexts/ModuleContext/index.d.ts

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

package/layouts/ModuleLayout/contexts/ModuleContext/types.d.ts

@@ -1,6 +1,6 @@
 import type { TLink } from '@m4l/components';
 import type { ReactNode } from 'react';
-import type { ModuleAction } from '../../types';
+import { ModuleAction } from '../../types';
 export interface ModuleLayoutContextStateProps {
     urlIcon: string;
     moduleId: string;

package/layouts/ModuleLayout/index.fe7cec18.js

@@ -0,0 +1,346 @@
+import { Icon as C, Breadcrumbs as T, BoxIcon as L, MenuActions as D, useModal as N, ModalProvider as R, getModalDialogComponentsDictionary as $ } from "@m4l/components";
+import { createContext as F, useState as f, useMemo as v, forwardRef as y, useRef as x, useImperativeHandle as M } from "react";
+import { styled as s } from "@mui/material/styles";
+import { useModuleDictionary as P, useModuleSkeleton as S, FlagsProvider as _, ModuleDictionaryProvider as A, ModuleSkeletonProvider as B, ModulePrivilegesProvider as H } from "@m4l/core";
+import { Skeleton as d, Typography as G, IconButton as j } from "@mui/material";
+import { useResponsiveDesktop as b } from "@m4l/graphics";
+import { jsxs as p, jsx as i, Fragment as O } from "react/jsx-runtime";
+import { u as W } from "../../hooks/useModule/index.f9e8dfff.js";
+const z = s("div")(() => ({
+  display: "flex",
+  flexDirection: "column",
+  position: "absolute",
+  margin: "0px 12px 12px 12px",
+  left: "0px",
+  right: "0px",
+  top: "0px",
+  bottom: "0px",
+  overflow: "hidden"
+})), q = s("div")(({
+  theme: e
+}) => ({
+  display: "flex",
+  position: "relative",
+  marginTop: e.spacing(1),
+  justifyContent: "center",
+  flexGrow: "1",
+  overflow: "hidden"
+})), K = s("div")(({
+  theme: e
+}) => ({
+  display: "flex",
+  position: "relative",
+  borderBottom: `1px solid ${e.palette.divider}`,
+  height: "60px",
+  minHeight: "60px",
+  alignItems: "center",
+  " > span": {
+    marginRight: "12px"
+  },
+  "& > h5": {
+    paddingRight: e.spacing(3),
+    borderRight: `1px solid ${e.palette.divider}`
+  },
+  " > nav": {
+    marginRight: "12px",
+    flexGrow: 1
+  },
+  "& .splitactions.Mui-disabled": {
+    color: e.palette.primary.main
+  },
+  "& svg ": {
+    width: "20px",
+    height: "20px"
+  }
+})), E = s("div")(({
+  theme: e
+}) => ({
+  display: "flex",
+  justifyContent: "space-between",
+  padding: "0 0",
+  borderBottom: `1px solid ${e.palette.divider}`,
+  minHeight: "60px"
+})), J = s("div")(({
+  theme: e
+}) => ({
+  display: "grid",
+  gridTemplateColumns: "auto",
+  gridGap: e.spacing(1.75),
+  alignItems: "center",
+  width: "auto",
+  height: "auto",
+  [e.breakpoints.up("sm")]: {
+    gridTemplateColumns: "repeat(3, auto)"
+  }
+})), Q = s("div")(({
+  theme: e
+}) => ({
+  display: "grid",
+  gridTemplateColumns: `${e.spacing(3)} auto`,
+  gridGap: e.spacing(2),
+  alignItems: "center",
+  width: "auto",
+  height: "auto"
+})), U = s("div")(({
+  theme: e
+}) => ({
+  display: "none",
+  alignItems: "center",
+  width: "1px",
+  background: e.palette.divider,
+  height: "100%",
+  margin: `0 ${e.spacing(2)}`,
+  [e.breakpoints.up("sm")]: {
+    display: "flex"
+  }
+})), V = s("div")(({
+  theme: e
+}) => ({
+  display: "grid",
+  alignItems: "center",
+  gridTemplateColumns: "repeat(3, auto)",
+  gridGap: e.spacing(2)
+})), X = s("div")(({
+  theme: e
+}) => ({
+  display: "grid",
+  gridTemplateColumns: "auto",
+  alignItems: "center",
+  width: "auto",
+  height: "auto",
+  [e.breakpoints.up("sm")]: {
+    gridTemplateColumns: `repeat(3, ${e.spacing(3)})`,
+    gridGap: e.spacing(2)
+  }
+}));
+function Y() {
+  const e = b();
+  return /* @__PURE__ */ p(E, {
+    id: "HeaderSkeleton",
+    children: [/* @__PURE__ */ p(J, {
+      children: [/* @__PURE__ */ p(Q, {
+        children: [/* @__PURE__ */ i(d, {
+          variant: "circular",
+          width: 24,
+          height: 24
+        }), /* @__PURE__ */ i(d, {
+          variant: "text",
+          width: 120,
+          height: 14
+        })]
+      }), /* @__PURE__ */ i(U, {}), /* @__PURE__ */ p(V, {
+        children: [/* @__PURE__ */ i(d, {
+          variant: "text",
+          width: 68,
+          height: 14
+        }), /* @__PURE__ */ i(d, {
+          variant: "circular",
+          width: 4,
+          height: 4
+        }), /* @__PURE__ */ i(d, {
+          variant: "text",
+          width: 68,
+          height: 14
+        })]
+      })]
+    }), /* @__PURE__ */ i(X, {
+      children: e ? /* @__PURE__ */ p(O, {
+        children: [/* @__PURE__ */ i(d, {
+          variant: "circular",
+          width: 24,
+          height: 24
+        }), /* @__PURE__ */ i(d, {
+          variant: "circular",
+          width: 24,
+          height: 24
+        }), /* @__PURE__ */ i(d, {
+          variant: "circular",
+          width: 24,
+          height: 24
+        })]
+      }) : /* @__PURE__ */ i(d, {
+        variant: "circular",
+        width: 24,
+        height: 24
+      })
+    })]
+  });
+}
+const Z = F(null);
+function ee(e) {
+  const {
+    children: n,
+    initialModuleActions: t,
+    moduleId: o,
+    moduleNameField: a,
+    urlIcon: c,
+    breadcrumbLinks: h
+  } = e, [l] = f(() => ({
+    moduleId: o,
+    urlIcon: c,
+    moduleNameField: a,
+    dictionary: void 0,
+    breadcrumbLinks: h
+  })), [u, r] = f([]), m = v(() => t.concat(u), [t, u]);
+  return /* @__PURE__ */ i(Z.Provider, {
+    value: {
+      moduleActions: m,
+      dynamicActions: u,
+      setDynamicActions: r,
+      moduleId: l.moduleId,
+      moduleNameField: l.moduleNameField,
+      urlIcon: l.urlIcon,
+      breadcrumbLinks: l.breadcrumbLinks
+    },
+    children: n
+  });
+}
+function ie(e, n) {
+  let t = [...n.filter((o) => o.visibility !== "allways")];
+  return e !== void 0 && e && (t = t.filter((o) => o.visibility === "normal")), t;
+}
+function te(e, n) {
+  let t = [];
+  return e !== void 0 && e && (t = t.concat(n.filter((o) => o.visibility === "main"))), t = t.concat(n.filter((o) => o.visibility === "allways")), t;
+}
+function oe() {
+  const {
+    moduleActions: e,
+    moduleNameField: n,
+    breadcrumbLinks: t,
+    urlIcon: o
+  } = W(), {
+    getLabel: a
+  } = P(), c = b(), h = S(), l = v(
+    () => ie(c, e),
+    [e, c]
+  ), u = v(() => te(c, e), [e, c]);
+  return h ? /* @__PURE__ */ i(Y, {}) : /* @__PURE__ */ p(K, {
+    id: "Header",
+    children: [/* @__PURE__ */ i(C, {
+      src: o,
+      bgColor: "primary.main",
+      size: "24px"
+    }), /* @__PURE__ */ i(G, {
+      variant: "h5",
+      sx: {
+        maxWidth: 260,
+        overflow: "hidden",
+        whiteSpace: "nowrap",
+        color: "text.primary",
+        marginLeft: "12px",
+        marginRight: "24px",
+        textOverflow: "ellipsis"
+      },
+      children: a(n)
+    }), /* @__PURE__ */ i(T, {
+      links: t
+    }), u.map((r, m) => {
+      const g = a(r.dictionaryField);
+      return r.component ? /* @__PURE__ */ i(r.component, {
+        description: g,
+        onClick: r.onClick
+      }, `main_action_${m}`) : /* @__PURE__ */ i(j, {
+        className: r.className,
+        onClick: r.onClick,
+        "aria-label": `${g}`,
+        disabled: r.disabled,
+        children: /* @__PURE__ */ i(L, {
+          src: r.urlIcon,
+          sx: {
+            width: 18,
+            height: 18
+          }
+        })
+      }, `main_action_${m}`);
+    }), l.length > 0 && /* @__PURE__ */ i(D, {
+      arrowType: "right-top",
+      marginTop: "11px",
+      anchorOrigin: {
+        vertical: "top",
+        horizontal: "left"
+      },
+      transformOrigin: {
+        vertical: "top",
+        horizontal: "right"
+      },
+      menuActions: l
+    })]
+  });
+}
+const w = y((e, n) => {
+  const {
+    children: t
+  } = e, {
+    openModal: o
+  } = N(), a = x(null);
+  return M(n, () => ({
+    openModal: o,
+    current: a.current
+  })), /* @__PURE__ */ p(z, {
+    id: "WrapperInnerModule",
+    className: "m4l_module_layout",
+    ref: a,
+    children: [/* @__PURE__ */ i(oe, {}), /* @__PURE__ */ i(q, {
+      id: "ModuleContent",
+      children: t
+    })]
+  });
+});
+w.displayName = "InnerModule";
+const ne = y((e, n) => {
+  const {
+    moduleId: t,
+    moduleNameField: o = "module_name",
+    moduleActions: a,
+    urlIcon: c,
+    children: h,
+    componentsDictionary: l,
+    breadcrumbLinks: u,
+    privileges: r,
+    skeletonFlags: m
+  } = e, g = x(null), I = (k) => {
+    g.current?.openModal(k);
+  };
+  return M(n, () => ({
+    openModal: I,
+    current: g.current
+  })), /* @__PURE__ */ i(_, {
+    children: /* @__PURE__ */ i(A, {
+      moduleId: t,
+      componentsDictionary: l,
+      children: /* @__PURE__ */ i(B, {
+        flags: m,
+        children: /* @__PURE__ */ i(H, {
+          queryPrivileges: r,
+          children: /* @__PURE__ */ i(ee, {
+            moduleId: t,
+            urlIcon: c,
+            moduleNameField: o,
+            initialModuleActions: a,
+            breadcrumbLinks: u,
+            children: /* @__PURE__ */ i(R, {
+              children: /* @__PURE__ */ i(w, {
+                ref: g,
+                children: h
+              })
+            })
+          })
+        })
+      })
+    })
+  });
+});
+ne.displayName = "ModuleLayout";
+function me() {
+  return ["module_layout"].concat($());
+}
+const ge = {
+  module_layout: {}
+};
+export {
+  Z as M,
+  ne as a,
+  ge as d,
+  me as g
+};

package/layouts/ModuleLayout/subcomponents/InnerModule/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ModuleProps, ModuleRef } from './types';
+export declare const InnerModule: import("react").ForwardRefExoticComponent<ModuleProps & import("react").RefAttributes<ModuleRef>>;

package/layouts/ModuleLayout/{components/ModuleContent → subcomponents/InnerModule}/styles.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const WrapperModule: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperInnerModule: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ModuleContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/layouts/ModuleLayout/types.d.ts

@@ -1,20 +1,20 @@
 import type { ReactNode } from 'react';
-import type { MenuAction, TLink, ModalOpenOptions } from '@m4l/components';
-import type { HeaderProps } from './components/Header/types';
-import type { ModuleRef } from './components/ModuleContent/types';
+import type { TLink, ModalOpenOptions, MenuAction } from '@m4l/components';
+import type { HeaderProps } from './subcomponents/InnerModule/subcomponents/Header/types';
+import type { ModuleRef } from './subcomponents/InnerModule/types';
+export declare type MenuActionType = 'main' | 'allways' | 'normal';
+export interface ModuleAction extends MenuAction {
+    visibility: MenuActionType;
+    tag?: any;
+    className?: string;
+}
 export interface ContainerProps {
     vertical: boolean;
 }
-export declare type MenuActionType = 'main' | 'allways' | 'normal';
 export declare type ModuleLayoutRef = {
     openModal: (modalOpenProps: ModalOpenOptions) => void;
     current: ModuleRef | null;
 };
-export interface ModuleAction extends MenuAction {
-    visibility: MenuActionType;
-    tag?: any;
-    className?: string;
-}
 export interface ModuleLayoutProps extends HeaderProps {
     moduleId: string;
     urlIcon: string;

package/layouts/NoAuthModuleLayout/index.798fbe31.js

@@ -0,0 +1,200 @@
+import { useResponsive as h, useLocales as N } from "@m4l/graphics";
+import { Image as p, Typography as u, LanguagePopover as W, HelmetPage as k } from "@m4l/components";
+import { useModuleDictionary as m, useBase as g, useEnvironment as b, BaseProvider as I, FlagsProvider as F, ModuleDictionaryProvider as S, ModuleSkeletonProvider as A } from "@m4l/core";
+import { styled as t } from "@mui/material/styles";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+const C = t("div")(({
+  theme: o
+}) => ({
+  boxShadow: o.customShadows.card,
+  borderRadius: o.spacing(2),
+  width: "100%",
+  maxWidth: "464px",
+  display: "flex",
+  flexDirection: "column",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  margin: o.spacing(2, 0, 2, 2),
+  padding: o.spacing(4, 3),
+  gap: o.spacing(3),
+  overflow: "hidden"
+})), j = () => {
+  const {
+    getLabel: o
+  } = m(), {
+    companyLogoNormalUrl: n,
+    moduleIlustrationUrl: l
+  } = g();
+  return /* @__PURE__ */ i(C, {
+    children: [/* @__PURE__ */ e(p, {
+      width: "400px",
+      height: "400px",
+      src: n,
+      alt: "logo"
+    }, "Logo"), l ? /* @__PURE__ */ e(p, {
+      src: l,
+      width: "100%",
+      height: "300px"
+    }) : null, /* @__PURE__ */ e(u, {
+      variant: "h3",
+      skeletonWidth: "30%",
+      skeletongHeight: "18px",
+      children: o("module_leyend")
+    }, "Leyend")]
+  });
+}, B = t("div")(() => ({
+  flexGrow: "1",
+  display: "flex",
+  flexDirection: "column"
+})), P = t("header")(({
+  theme: o
+}) => ({
+  width: "100%",
+  display: "flex",
+  justifyContent: "space-between",
+  padding: o.spacing(1, 3),
+  [o.breakpoints.up("md")]: {
+    justifyContent: "flex-end"
+  }
+})), $ = () => {
+  const {
+    companyLogoSmallUrl: o
+  } = g(), n = h("down", "md");
+  return /* @__PURE__ */ i(P, {
+    children: [n ? /* @__PURE__ */ e(p, {
+      src: o,
+      width: "40px",
+      height: "40px",
+      skeletonVariant: "circle"
+    }, "Isotipo") : null, /* @__PURE__ */ e(W, {})]
+  });
+}, H = t("div")(() => ({
+  display: "flex",
+  overflow: "auto",
+  width: "100%",
+  height: "100%",
+  justifyContent: "center"
+})), R = t("div")(({
+  theme: o
+}) => ({
+  display: "flex",
+  width: "100%",
+  height: "auto",
+  margin: "auto",
+  maxWidth: "480px",
+  flexDirection: "column",
+  gap: o.spacing(3)
+})), E = t("div")(({
+  theme: o
+}) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: o.spacing(2),
+  padding: o.spacing(0, 3)
+})), G = () => {
+  const {
+    getModuleLabel: o,
+    getLabel: n
+  } = m();
+  return /* @__PURE__ */ i(E, {
+    children: [/* @__PURE__ */ e(u, {
+      variant: "h4",
+      skeletonWidth: "35%",
+      skeletongHeight: "36px",
+      children: o()
+    }, "ModuleName"), /* @__PURE__ */ e(u, {
+      skeletonWidth: "60%",
+      skeletongHeight: "21px",
+      children: n("module_description")
+    }, "ModuleDescription")]
+  });
+}, T = (o) => {
+  const {
+    children: n
+  } = o;
+  return /* @__PURE__ */ e(H, {
+    children: /* @__PURE__ */ i(R, {
+      children: [/* @__PURE__ */ e(G, {}), n]
+    })
+  });
+}, V = (o) => {
+  const {
+    children: n
+  } = o;
+  return /* @__PURE__ */ i(B, {
+    children: [/* @__PURE__ */ e($, {}), /* @__PURE__ */ e(T, {
+      children: n
+    })]
+  });
+}, q = t("div")(() => ({
+  display: "flex",
+  height: "100vh"
+})), z = (o) => {
+  const {
+    children: n
+  } = o, {
+    getModuleLabel: l
+  } = m(), r = h("up", "md"), {
+    subtitle: a
+  } = g();
+  return /* @__PURE__ */ e(k, {
+    title: l(),
+    subtitle: a,
+    children: /* @__PURE__ */ i(q, {
+      children: [r ? /* @__PURE__ */ e(j, {}) : null, /* @__PURE__ */ e(V, {
+        children: n
+      })]
+    })
+  });
+}, Y = (o) => {
+  const {
+    moduleId: n,
+    moduleNameField: l,
+    children: r,
+    componentsDictionary: a,
+    skeletonFlags: f,
+    subtitle: y,
+    companyLogoSmallUrl: x,
+    companyLogoNormalUrl: L,
+    moduleIlustrationUrl: v
+  } = o, {
+    host_static_assets: s,
+    environment_assets: d
+  } = b(), {
+    currentLang: _
+  } = N(), w = L || `${s}/${d}/frontend/commons/assets/icons/logotipo_m4l.svg`, M = x || `${s}/${d}/frontend/commons/assets/icons/isotipo_m4l.svg`, U = v || `${s}/${d}/frontend/domain/host/commons/assets/img/illustration_noauth.png`, c = f;
+  return c.findIndex((D) => D === "dictionary_loaded") < 0 && c.push("dictionary_loaded"), /* @__PURE__ */ e(I, {
+    value: {
+      subtitle: y,
+      companyLogoSmallUrl: M,
+      companyLogoNormalUrl: w,
+      moduleIlustrationUrl: U
+    },
+    children: /* @__PURE__ */ e(F, {
+      children: /* @__PURE__ */ e(S, {
+        isAuth: !1,
+        moduleId: n,
+        moduleNameField: l,
+        componentsDictionary: a,
+        currentLang: _.value,
+        children: /* @__PURE__ */ e(A, {
+          flags: c,
+          children: /* @__PURE__ */ e(z, {
+            children: r
+          })
+        })
+      })
+    })
+  });
+};
+function Z() {
+  return ["no_auth_module_layout"];
+}
+const oo = {
+  no_auth_module_layout: {}
+};
+export {
+  Y as N,
+  oo as d,
+  Z as g
+};

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/index.d.ts

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

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const WrapperMain: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/AppBarForm/index.d.ts

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

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/AppBarForm/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const WrapperAppBarForm: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;