@pipelinesolucoes/menu 1.0.0-beta.0

package/dist/components/drawer/MobileDrawer.d.ts

@@ -0,0 +1,64 @@
+import * as React from 'react';
+import { DrawerProps } from '@/types/Drawer';
+/**
+ * Layout mobile responsável por exibir:
+ * - AppBar fixo com avatar e nome do usuário;
+ * - Conteúdo principal com scroll interno;
+ * - BottomNavigation fixo na parte inferior.
+ *
+ * Também suporta um estado de carregamento (`loading`) que exibe um overlay
+ * escurecido com um spinner centralizado, desabilitando a interação com a página.
+ *
+ * Exibido apenas em `xs` e `sm`.
+ *
+ * @param {string} backgroundHeader Cor de fundo do AppBar.
+ * @param {string} backgroundMenuAvatar Cor de fundo do menu Avatar.
+ * @param {string} colorItemMenu Cor do ícone do menu e dos itens de menu.
+ * @param {string} colorItemMenuSelected Cor do item de menu selecionado.
+ * @param {number | string | null} idUsuarioLogado Id do usuário logado.
+ * @param {string} nomeUsuarioLogado Nome do usuário logado.
+ * @param {string} emailUsuario Email do usuário logado.
+ * @param {Array<any>} menuItems Itens exibidos no Drawer.
+ * @param {Array<any>} avatarMenuItems Itens exibidos no menu do avatar.
+ * @param {string} profileImage URL final da imagem de avatar já tratada.
+ * @param {number} selectedIndex Índice do item selecionado.
+ * @param {(index: number) => void} onChangeIndex Callback chamado ao alterar o item selecionado.
+ * @param {() => void} [onUnauthenticated] Callback chamado se não tiver usuário logado.
+ * @param {React.ReactNode} [toolbarContent] Conteúdos genéricos exibidos na barra de ferramentas (texto, ícones, imagens etc.).
+ * @param {boolean} [loading=false] Indica se o overlay de loading deve ser exibido sobre toda a tela.
+ * @param {string} [loadingBackgroundColor='rgba(0, 0, 0, 0.4)'] Cor de fundo do overlay de loading.
+ * @param {number} [loadingSpinnerSize=48] Tamanho do spinner de loading.
+ * @param {string} [loadingMessage] Texto opcional exibido abaixo do spinner de loading.
+ * @param {string} [loadingColor='#ffffff'] Cor do spinner e do texto da mensagem de loading.
+ *
+ * @example
+ * ```tsx
+ * import MobileDrawer from '@/components/MobileDrawer';
+ *
+ * const Example = () => {
+ *   return (
+ *     <MobileDrawer
+ *       backgroundHeader="#ffffff"
+ *       backgroundMenuAvatar="#f5f5f5"
+ *       colorItemMenu="#999999"
+ *       colorItemMenuSelected="#1976d2"
+ *       idUsuarioLogado={1}
+ *       nomeUsuarioLogado="John Doe"
+ *       emailUsuario="john.doe@email.com"
+ *       profileImage="/images/default-avatar.png"
+ *       menuItems={menuItems}
+ *       avatarMenuItems={avatarMenuItems}
+ *       selectedIndex={0}
+ *       onChangeIndex={(index) => console.log(index)}
+ *       loading={true}
+ *       loadingBackgroundColor="rgba(0, 0, 0, 0.6)"
+ *       loadingSpinnerSize={64}
+ *       loadingMessage="Carregando dados..."
+ *       loadingColor="#ffffff"
+ *     />
+ *   );
+ * };
+ * ```
+ */
+declare const MobileDrawer: React.FC<DrawerProps>;
+export default MobileDrawer;

package/dist/components/drawer/MobileDrawer.js

@@ -0,0 +1,158 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import { styled } from '@mui/material/styles';
+import { Avatar, BottomNavigation, BottomNavigationAction, Box, Toolbar, Typography, CircularProgress, } from '@mui/material';
+import MuiAppBar from '@mui/material/AppBar';
+import IconDrawerTrigger from './IconDrawerTrigger';
+import UserAvatarMenu from './UserAvatarMenu';
+const StyledHeader = styled(MuiAppBar, {
+    shouldForwardProp: (prop) => prop !== 'backgroundHeader',
+})(({ theme, backgroundHeader }) => ({
+    backgroundColor: backgroundHeader || '#ffffff',
+    color: theme.palette.text.primary,
+    boxShadow: 'none',
+    borderBottom: `1px solid ${theme.palette.divider}`,
+}));
+const StyledBottomBar = styled(BottomNavigation, {
+    shouldForwardProp: (prop) => !['background', 'color', 'colorSelected'].includes(prop),
+})(({ theme, background, color, colorSelected }) => {
+    var _a, _b, _c, _d, _e;
+    return ({
+        position: 'fixed',
+        bottom: 0,
+        left: 0,
+        right: 0,
+        backgroundColor: background,
+        borderTop: `1px solid ${theme.palette.divider}`,
+        fontFamily: theme.typography.fontFamily,
+        fontWeight: (_a = theme.typography.caption) === null || _a === void 0 ? void 0 : _a.fontWeight,
+        fontStyle: (_b = theme.typography.caption) === null || _b === void 0 ? void 0 : _b.fontStyle,
+        lineHeight: (_c = theme.typography.caption) === null || _c === void 0 ? void 0 : _c.lineHeight,
+        letterSpacing: (_d = theme.typography.caption) === null || _d === void 0 ? void 0 : _d.letterSpacing,
+        fontSize: (_e = theme.typography.caption) === null || _e === void 0 ? void 0 : _e.fontSize,
+        '& .MuiBottomNavigationAction-root': {
+            color: color,
+            minWidth: 56,
+        },
+        '& .Mui-selected': {
+            color: colorSelected,
+        },
+    });
+});
+const ToolbarContent = styled('div')(() => ({
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'end',
+    width: '100%',
+    gap: '16px',
+}));
+const LoadingOverlay = styled('div', {
+    shouldForwardProp: (prop) => !['overlayBackground', 'overlayColor'].includes(prop),
+})(({ overlayBackground, overlayColor, theme }) => ({
+    position: 'fixed',
+    inset: 0,
+    zIndex: theme.zIndex.modal + 1,
+    backgroundColor: overlayBackground || 'rgba(0, 0, 0, 0.4)',
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    justifyContent: 'center',
+    pointerEvents: 'auto',
+    color: overlayColor || '#ffffff',
+}));
+/**
+ * Layout mobile responsável por exibir:
+ * - AppBar fixo com avatar e nome do usuário;
+ * - Conteúdo principal com scroll interno;
+ * - BottomNavigation fixo na parte inferior.
+ *
+ * Também suporta um estado de carregamento (`loading`) que exibe um overlay
+ * escurecido com um spinner centralizado, desabilitando a interação com a página.
+ *
+ * Exibido apenas em `xs` e `sm`.
+ *
+ * @param {string} backgroundHeader Cor de fundo do AppBar.
+ * @param {string} backgroundMenuAvatar Cor de fundo do menu Avatar.
+ * @param {string} colorItemMenu Cor do ícone do menu e dos itens de menu.
+ * @param {string} colorItemMenuSelected Cor do item de menu selecionado.
+ * @param {number | string | null} idUsuarioLogado Id do usuário logado.
+ * @param {string} nomeUsuarioLogado Nome do usuário logado.
+ * @param {string} emailUsuario Email do usuário logado.
+ * @param {Array<any>} menuItems Itens exibidos no Drawer.
+ * @param {Array<any>} avatarMenuItems Itens exibidos no menu do avatar.
+ * @param {string} profileImage URL final da imagem de avatar já tratada.
+ * @param {number} selectedIndex Índice do item selecionado.
+ * @param {(index: number) => void} onChangeIndex Callback chamado ao alterar o item selecionado.
+ * @param {() => void} [onUnauthenticated] Callback chamado se não tiver usuário logado.
+ * @param {React.ReactNode} [toolbarContent] Conteúdos genéricos exibidos na barra de ferramentas (texto, ícones, imagens etc.).
+ * @param {boolean} [loading=false] Indica se o overlay de loading deve ser exibido sobre toda a tela.
+ * @param {string} [loadingBackgroundColor='rgba(0, 0, 0, 0.4)'] Cor de fundo do overlay de loading.
+ * @param {number} [loadingSpinnerSize=48] Tamanho do spinner de loading.
+ * @param {string} [loadingMessage] Texto opcional exibido abaixo do spinner de loading.
+ * @param {string} [loadingColor='#ffffff'] Cor do spinner e do texto da mensagem de loading.
+ *
+ * @example
+ * ```tsx
+ * import MobileDrawer from '@/components/MobileDrawer';
+ *
+ * const Example = () => {
+ *   return (
+ *     <MobileDrawer
+ *       backgroundHeader="#ffffff"
+ *       backgroundMenuAvatar="#f5f5f5"
+ *       colorItemMenu="#999999"
+ *       colorItemMenuSelected="#1976d2"
+ *       idUsuarioLogado={1}
+ *       nomeUsuarioLogado="John Doe"
+ *       emailUsuario="john.doe@email.com"
+ *       profileImage="/images/default-avatar.png"
+ *       menuItems={menuItems}
+ *       avatarMenuItems={avatarMenuItems}
+ *       selectedIndex={0}
+ *       onChangeIndex={(index) => console.log(index)}
+ *       loading={true}
+ *       loadingBackgroundColor="rgba(0, 0, 0, 0.6)"
+ *       loadingSpinnerSize={64}
+ *       loadingMessage="Carregando dados..."
+ *       loadingColor="#ffffff"
+ *     />
+ *   );
+ * };
+ * ```
+ */
+const MobileDrawer = ({ endPointLogout, backgroundHeader, backgroundMenuAvatar, colorItemMenu, colorItemMenuSelected, idUsuarioLogado, nomeUsuarioLogado, profileImage, emailUsuario, menuItems, avatarMenuItems, selectedIndex, onChangeIndex, onUnauthenticated, toolbarContent, loading = false, loadingBackgroundColor = 'rgba(0, 0, 0, 0.4)', loadingSpinnerSize = 48, loadingMessage, loadingColor = '#ffffff', }) => {
+    var _a, _b;
+    //garante que só chamamos onUnauthenticated uma única vez
+    const hasFiredUnauth = React.useRef(false);
+    React.useEffect(() => {
+        // só dispara quando já terminou o loading
+        if (!hasFiredUnauth.current &&
+            loading === false &&
+            idUsuarioLogado === null) {
+            hasFiredUnauth.current = true;
+            onUnauthenticated === null || onUnauthenticated === void 0 ? void 0 : onUnauthenticated();
+        }
+    }, [loading, idUsuarioLogado]);
+    if (loading === false && idUsuarioLogado === null) {
+        // enquanto o pai decide o que fazer (redirect, etc.), você não renderiza nada
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs(Box, { sx: {
+                    height: '100vh', // trava o layout na altura da viewport
+                    overflow: 'hidden', // evita scroll no container inteiro
+                    display: 'flex',
+                    flexDirection: 'column',
+                }, children: [_jsx(StyledHeader, { position: "fixed", backgroundHeader: backgroundHeader, children: _jsxs(Toolbar, { sx: { display: 'flex', justifyContent: 'space-between' }, children: [_jsx(Typography, { variant: "h6", component: "div" }), _jsxs(ToolbarContent, { children: [toolbarContent && toolbarContent, _jsx(IconDrawerTrigger, { background: backgroundMenuAvatar, icon: _jsx(Avatar, { src: profileImage, alt: `foto do perfil de ${nomeUsuarioLogado}`, sx: { width: 48, height: 48, cursor: 'pointer' } }), children: _jsx(UserAvatarMenu, { userName: nomeUsuarioLogado, userEmail: emailUsuario, menuItems: avatarMenuItems, endPointLogout: endPointLogout }) })] })] }) }), _jsx(Toolbar, {}), _jsx(Box, { component: "main", sx: {
+                            flex: 1,
+                            p: 3,
+                            mb: '74px', // espaço para o BottomNavigation
+                            overflowY: 'auto', // <- scroll fica só aqui
+                        }, children: (_b = (_a = menuItems[selectedIndex]) === null || _a === void 0 ? void 0 : _a.component) !== null && _b !== void 0 ? _b : (_jsx(Typography, { variant: "body1", children: "Selecione um item do menu." })) }), _jsx(StyledBottomBar, { background: backgroundHeader, color: colorItemMenu, colorSelected: colorItemMenuSelected, showLabels: true, value: selectedIndex, onChange: (_, newValue) => onChangeIndex(newValue), children: menuItems.map((item, idx) => {
+                            var _a;
+                            return (_jsx(BottomNavigationAction, { label: item.text, icon: item.icon }, (_a = item.text) !== null && _a !== void 0 ? _a : idx));
+                        }) })] }), loading && (_jsxs(LoadingOverlay, { overlayBackground: loadingBackgroundColor, overlayColor: loadingColor, children: [_jsx(CircularProgress, { size: loadingSpinnerSize, sx: { color: loadingColor, mb: loadingMessage ? 2 : 0 } }), loadingMessage && (_jsx(Typography, { sx: { mt: 2, color: loadingColor }, children: loadingMessage }))] }))] }));
+};
+MobileDrawer.displayName = 'MobileDrawer';
+export default MobileDrawer;
+//# sourceMappingURL=MobileDrawer.js.map

package/dist/components/drawer/MobileDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileDrawer.js","sourceRoot":"","sources":["../../../src/components/drawer/MobileDrawer.tsx"],"names":[],"mappings":"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"}

package/dist/components/drawer/UserAvatarMenu.d.ts

@@ -0,0 +1,77 @@
+import React from 'react';
+import { AvatarMenuItem } from '@/types/Drawer';
+export interface UserAvatarMenuProps {
+    userName?: string;
+    userEmail?: string;
+    menuItems?: AvatarMenuItem[];
+    endPointLogout: string;
+    noUserLabel?: string;
+    noEmailLabel?: string;
+}
+/**
+ * Componente que renderiza um bloco de informações do usuário (nome e e-mail)
+ * seguido por itens de menu opcionais e um item fixo de logout.
+ *
+ * Ele é ideal para ser usado dentro de um Menu, Popover ou Drawer quando o usuário
+ * clica no avatar da aplicação.
+ *
+ * @param {string} [userName] Nome do usuário logado. Quando não informado, exibe `noUserLabel`. @default undefined
+ * @param {string} [userEmail] E-mail do usuário logado. Quando não informado, exibe `noEmailLabel`. @default undefined
+ * @param {AvatarMenuItem[]} [menuItems] Lista de itens de menu adicionais exibidos acima do item "Sair". @default undefined
+ * @param {string} [endPointLogout] endpoint do Logout da secao.
+ * @param {string} [noUserLabel="Nenhum usuário logado"] Texto exibido quando não há usuário logado. @default "Nenhum usuário logado"
+ * @param {string} [noEmailLabel="Email não cadastrado"] Texto exibido quando não há e-mail cadastrado. @default "Email não cadastrado"
+ *
+ * @example
+ * ```tsx
+ * import React from 'react';
+ * import { Menu, IconButton } from '@mui/material';
+ * import AccountCircleIcon from '@mui/icons-material/AccountCircle';
+ * import { UserAvatarMenu, AvatarMenuItem } from '@/components/UserAvatarMenu';
+ *
+ * const avatarMenuItems: AvatarMenuItem[] = [
+ *   { label: 'Meu Perfil', onClick: () => console.log('Ir para Meu Perfil') },
+ *   { label: 'Configurações', onClick: () => console.log('Ir para Configurações') },
+ * ];
+ *
+ * const Example = () => {
+ *   const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);
+ *
+ *   const handleOpen = (event: React.MouseEvent<HTMLElement>) => {
+ *     setAnchorEl(event.currentTarget);
+ *   };
+ *
+ *   const handleClose = () => {
+ *     setAnchorEl(null);
+ *   };
+ *
+ *   const handleLogout = () => {
+ *     console.log('Logout acionado');
+ *     handleClose();
+ *   };
+ *
+ *   return (
+ *     <>
+ *       <IconButton onClick={handleOpen}>
+ *         <AccountCircleIcon />
+ *       </IconButton>
+ *
+ *       <Menu
+ *         anchorEl={anchorEl}
+ *         open={Boolean(anchorEl)}
+ *         onClose={handleClose}
+ *       >
+ *         <UserAvatarMenu
+ *           userName="Usuário Logado"
+ *           userEmail="usuario@exemplo.com"
+ *           menuItems={avatarMenuItems}
+ *           onLogout={handleLogout}
+ *         />
+ *       </Menu>
+ *     </>
+ *   );
+ * };
+ * ```
+ */
+declare const UserAvatarMenu: React.FC<UserAvatarMenuProps>;
+export default UserAvatarMenu;

package/dist/components/drawer/UserAvatarMenu.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// UserAvatarMenu.tsx
+import React from 'react';
+import { Box, MenuItem } from '@mui/material';
+import { styled } from '@mui/material/styles';
+import { LogoutIcon } from './LogoutIcon';
+const Root = styled(Box, {
+    shouldForwardProp: (prop) => prop !== 'hasMenuItems',
+})(({ hasMenuItems }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: hasMenuItems ? 16 : 12,
+}));
+const UserInfoWrapper = styled(Box)(() => ({
+    padding: '16px 16px 24px 16px',
+}));
+const InfoText = styled('div')(({ theme }) => (Object.assign({ color: theme.palette.text.primary }, theme.typography.caption)));
+/**
+ * Componente que renderiza um bloco de informações do usuário (nome e e-mail)
+ * seguido por itens de menu opcionais e um item fixo de logout.
+ *
+ * Ele é ideal para ser usado dentro de um Menu, Popover ou Drawer quando o usuário
+ * clica no avatar da aplicação.
+ *
+ * @param {string} [userName] Nome do usuário logado. Quando não informado, exibe `noUserLabel`. @default undefined
+ * @param {string} [userEmail] E-mail do usuário logado. Quando não informado, exibe `noEmailLabel`. @default undefined
+ * @param {AvatarMenuItem[]} [menuItems] Lista de itens de menu adicionais exibidos acima do item "Sair". @default undefined
+ * @param {string} [endPointLogout] endpoint do Logout da secao.
+ * @param {string} [noUserLabel="Nenhum usuário logado"] Texto exibido quando não há usuário logado. @default "Nenhum usuário logado"
+ * @param {string} [noEmailLabel="Email não cadastrado"] Texto exibido quando não há e-mail cadastrado. @default "Email não cadastrado"
+ *
+ * @example
+ * ```tsx
+ * import React from 'react';
+ * import { Menu, IconButton } from '@mui/material';
+ * import AccountCircleIcon from '@mui/icons-material/AccountCircle';
+ * import { UserAvatarMenu, AvatarMenuItem } from '@/components/UserAvatarMenu';
+ *
+ * const avatarMenuItems: AvatarMenuItem[] = [
+ *   { label: 'Meu Perfil', onClick: () => console.log('Ir para Meu Perfil') },
+ *   { label: 'Configurações', onClick: () => console.log('Ir para Configurações') },
+ * ];
+ *
+ * const Example = () => {
+ *   const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);
+ *
+ *   const handleOpen = (event: React.MouseEvent<HTMLElement>) => {
+ *     setAnchorEl(event.currentTarget);
+ *   };
+ *
+ *   const handleClose = () => {
+ *     setAnchorEl(null);
+ *   };
+ *
+ *   const handleLogout = () => {
+ *     console.log('Logout acionado');
+ *     handleClose();
+ *   };
+ *
+ *   return (
+ *     <>
+ *       <IconButton onClick={handleOpen}>
+ *         <AccountCircleIcon />
+ *       </IconButton>
+ *
+ *       <Menu
+ *         anchorEl={anchorEl}
+ *         open={Boolean(anchorEl)}
+ *         onClose={handleClose}
+ *       >
+ *         <UserAvatarMenu
+ *           userName="Usuário Logado"
+ *           userEmail="usuario@exemplo.com"
+ *           menuItems={avatarMenuItems}
+ *           onLogout={handleLogout}
+ *         />
+ *       </Menu>
+ *     </>
+ *   );
+ * };
+ * ```
+ */
+const UserAvatarMenu = ({ userName, userEmail, menuItems, endPointLogout, noUserLabel = 'Nenhum usuário logado', noEmailLabel = 'Email não cadastrado', }) => {
+    const hasMenuItems = Boolean(menuItems && menuItems.length > 0);
+    const [errorMsg, setErrorMsg] = React.useState(null);
+    const handleClickLogout = async () => {
+        setErrorMsg(null);
+        try {
+            window.location.href = endPointLogout;
+        }
+        catch (e) {
+            setErrorMsg('Ocorreu um erro no logout.');
+        }
+    };
+    return (_jsxs(Root, { hasMenuItems: hasMenuItems, children: [_jsxs(UserInfoWrapper, { children: [_jsx(InfoText, { children: userName !== null && userName !== void 0 ? userName : noUserLabel }), _jsx(InfoText, { children: userEmail !== null && userEmail !== void 0 ? userEmail : noEmailLabel })] }), hasMenuItems &&
+                menuItems.map((item) => (_jsx(MenuItem, { onClick: () => {
+                        var _a;
+                        (_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item);
+                    }, children: item.label }, item.label))), _jsxs(MenuItem, { onClick: handleClickLogout, sx: { display: 'flex', alignItems: 'center', gap: 1 }, children: [_jsx(LogoutIcon, { sx: { fontSize: 20 } }), " Sair"] }, "user-avatar-menu-logout")] }));
+};
+UserAvatarMenu.displayName = 'UserAvatarMenu';
+export default UserAvatarMenu;
+//# sourceMappingURL=UserAvatarMenu.js.map

package/dist/components/drawer/UserAvatarMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserAvatarMenu.js","sourceRoot":"","sources":["../../../src/components/drawer/UserAvatarMenu.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+export { default as BarraFerramentas } from './components/BarraFerramentas';
+export { default as BarraFerramentasSaaS } from './components/BarraFerramentasSaaS';
+export { default as BarraFerramentasHamburguer } from './components/BarraFerramentasHamburguer';
+export { default as MenuHorizontal } from './components/MenuHorizontal';
+export { default as MenuHamburguer } from './components/MenuHamburguer';
+export { default as ItemMenu } from './components/ItemMenu';
+export { default as MenuVertical } from './components/MenuVertical';
+export { default as SideNav } from './components/SideNav';
+export { default as DrawerResponsive } from './components/drawer/DrawerResponsive';
+export { default as IconDrawerTrigger } from './components/drawer/IconDrawerTrigger';
+export type { ItemMenuConfig } from './types/ItemMenuConfig';
+export type { RotaMenuConfig } from './types/RotaMenuConfig';
+export type { NavItem } from './types/NavItem';

package/dist/index.js

@@ -0,0 +1,11 @@
+export { default as BarraFerramentas } from './components/BarraFerramentas';
+export { default as BarraFerramentasSaaS } from './components/BarraFerramentasSaaS';
+export { default as BarraFerramentasHamburguer } from './components/BarraFerramentasHamburguer';
+export { default as MenuHorizontal } from './components/MenuHorizontal';
+export { default as MenuHamburguer } from './components/MenuHamburguer';
+export { default as ItemMenu } from './components/ItemMenu';
+export { default as MenuVertical } from './components/MenuVertical';
+export { default as SideNav } from './components/SideNav';
+export { default as DrawerResponsive } from './components/drawer/DrawerResponsive';
+export { default as IconDrawerTrigger } from './components/drawer/IconDrawerTrigger';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAC,MAAM,yCAAyC,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,cAAc,EAAC,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAC,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAC,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAC,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAC,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uCAAuC,CAAC"}

package/dist/pages/_app.d.ts

@@ -0,0 +1,2 @@
+import { AppProps } from 'next/app';
+export default function MyApp({ Component, pageProps }: AppProps): import("react/jsx-runtime").JSX.Element;

package/dist/pages/_app.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { ThemeProvider as MuiThemeProvider } from '@mui/material/styles';
+import CssBaseline from '@mui/material/CssBaseline';
+import { CacheProvider } from '@emotion/react';
+import createCache from '@emotion/cache';
+import { theme } from '@/theme';
+// Crie uma instância de cache para o Emotion
+const cache = createCache({ key: 'css', prepend: true });
+export default function MyApp({ Component, pageProps }) {
+    React.useEffect(() => {
+        // Remove o CSS injetado pelo servidor, se existir
+        const jssStyles = document.querySelector('#jss-server-side');
+        if (jssStyles && jssStyles.parentElement) {
+            jssStyles.parentElement.removeChild(jssStyles);
+        }
+    }, []);
+    return (_jsx(CacheProvider, { value: cache, children: _jsxs(MuiThemeProvider, { theme: theme, children: [_jsx(CssBaseline, {}), _jsx(Component, Object.assign({}, pageProps))] }) }));
+}
+//# sourceMappingURL=_app.js.map

package/dist/pages/_app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_app.js","sourceRoot":"","sources":["../../src/pages/_app.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,6CAA6C;AAC7C,MAAM,KAAK,GAAG,WAAW,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AAEzD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,SAAS,EAAY;IAC9D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,kDAAkD;QAClD,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;QAC7D,IAAI,SAAS,IAAI,SAAS,CAAC,aAAa,EAAE,CAAC;YACzC,SAAS,CAAC,aAAa,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QACjD,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,YACzB,MAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,aAC5B,KAAC,WAAW,KAAe,EAC3B,KAAC,SAAS,oBAAK,SAAS,EAAe,IACtB,GACL,CACjB,CAAC;AACJ,CAAC"}

package/dist/pages/_document.d.ts

@@ -0,0 +1,9 @@
+import Document, { DocumentContext } from "next/document";
+export default class MyDocument extends Document {
+    static getInitialProps(ctx: DocumentContext): Promise<{
+        styles: import("react/jsx-runtime").JSX.Element;
+        html: string;
+        head?: Array<import("react").JSX.Element | null>;
+    }>;
+    render(): import("react/jsx-runtime").JSX.Element;
+}

package/dist/pages/_document.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import Document, { Html, Head, Main, NextScript } from "next/document";
+import createCache from "@emotion/cache";
+import createEmotionServer from "@emotion/server/create-instance";
+import { CacheProvider } from "@emotion/react";
+// Função para criar o cache do Emotion
+const createEmotionCache = () => {
+    return createCache({ key: "css", prepend: true });
+};
+export default class MyDocument extends Document {
+    static async getInitialProps(ctx) {
+        const cache = createEmotionCache();
+        const { extractCriticalToChunks } = createEmotionServer(cache);
+        const originalRenderPage = ctx.renderPage;
+        try {
+            ctx.renderPage = () => originalRenderPage({
+                enhanceApp: (App) => (props) => (_jsx(CacheProvider, { value: cache, children: _jsx(App, Object.assign({}, props)) })),
+            });
+            const initialProps = await Document.getInitialProps(ctx);
+            // Extrai os estilos críticos para renderização no lado do servidor
+            const emotionStyles = extractCriticalToChunks(initialProps.html);
+            const emotionStyleTags = emotionStyles.styles.map((style) => (_jsx("style", { "data-emotion": `${style.key} ${style.ids.join(" ")}`, dangerouslySetInnerHTML: { __html: style.css } }, style.key)));
+            return Object.assign(Object.assign({}, initialProps), { styles: (_jsxs(_Fragment, { children: [initialProps.styles, emotionStyleTags] })) });
+        }
+        finally {
+            // Nada a liberar como no caso do styled-components
+        }
+    }
+    render() {
+        return (_jsxs(Html, { lang: "pt", children: [_jsx(Head, {}), _jsxs("body", { children: [_jsx(Main, {}), _jsx(NextScript, {})] })] }));
+    }
+}
+//# sourceMappingURL=_document.js.map

package/dist/pages/_document.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_document.js","sourceRoot":"","sources":["../../src/pages/_document.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAC;AACxF,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,mBAAmB,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,uCAAuC;AACvC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,OAAO,WAAW,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,QAAQ;IAC9C,MAAM,CAAC,KAAK,CAAC,eAAe,CAAC,GAAoB;QAC/C,MAAM,KAAK,GAAG,kBAAkB,EAAE,CAAC;QACnC,MAAM,EAAE,uBAAuB,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAE/D,MAAM,kBAAkB,GAAG,GAAG,CAAC,UAAU,CAAC;QAE1C,IAAI,CAAC;YACH,GAAG,CAAC,UAAU,GAAG,GAAG,EAAE,CACpB,kBAAkB,CAAC;gBACjB,UAAU,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,CAC7B,CACE,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,YACzB,KAAC,GAAG,oBAAK,KAAK,EAAI,GACJ,CACjB;aACJ,CAAC,CAAC;YAEL,MAAM,YAAY,GAAG,MAAM,QAAQ,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;YAEzD,mEAAmE;YACnE,MAAM,aAAa,GAAG,uBAAuB,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YACjE,MAAM,gBAAgB,GAAG,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3D,gCAEgB,GAAG,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EACnD,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,EAAE,IAFzC,KAAK,CAAC,GAAG,CAGd,CACH,CAAC,CAAC;YAEH,uCACK,YAAY,KACf,MAAM,EAAE,CACN,8BACG,YAAY,CAAC,MAAM,EACnB,gBAAgB,IAChB,CACJ,IACD;QACJ,CAAC;gBAAS,CAAC;YACT,mDAAmD;QACrD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,MAAC,IAAI,IAAC,IAAI,EAAC,IAAI,aACb,KAAC,IAAI,KACE,EACP,2BACE,KAAC,IAAI,KAAG,EACR,KAAC,UAAU,KAAG,IACT,IACF,CACR,CAAC;IACJ,CAAC;CACF"}

package/dist/theme.d.ts

@@ -0,0 +1,35 @@
+declare module '@mui/material/styles' {
+    interface Palette {
+        custom: {
+            transparent: string;
+            backgroundSectionMain: string;
+            backgroundSectionAlternative: string;
+            backgroundSectionHighlight?: string;
+            colorSectionMain: string;
+            backgroundButtonCTA: string;
+            backgroundHoverButtonCTA: string;
+            colorButtonCTA: string;
+            colorHoverButtonCTA: string;
+            borderRadiusButtonCTA: string;
+            carouselColorIndicators: string;
+            carouselColorFocus: string;
+        };
+    }
+    interface PaletteOptions {
+        custom?: {
+            transparent: string;
+            backgroundSectionMain: string;
+            backgroundSectionAlternative: string;
+            backgroundSectionHighlight?: string;
+            backgroundButtonCTA: string;
+            backgroundHoverButtonCTA: string;
+            colorButtonCTA: string;
+            colorHoverButtonCTA: string;
+            borderRadiusButtonCTA: string;
+            carouselColorIndicators: string;
+            carouselColorFocus: string;
+        };
+    }
+}
+declare const theme: import("@mui/material/styles").Theme;
+export { theme };