@pipelinesolucoes/menu 1.0.0-beta.0

package/dist/components/ItemMenu.js.map

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

package/dist/components/MenuHamburguer.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { ItemMenuConfig } from '@/types/ItemMenuConfig';
+import { ReactElement } from 'react';
+import { SvgIconProps } from '@mui/material';
+interface MenuHamburguerProps {
+    listaItemMenu?: ItemMenuConfig[];
+    background_color?: string;
+    color: string;
+    imageHamburguer: () => ReactElement<HTMLImageElement> | ReactElement<SvgIconProps>;
+}
+declare const MenuHamburguer: React.FC<MenuHamburguerProps>;
+export default MenuHamburguer;

package/dist/components/MenuHamburguer.js

@@ -0,0 +1,36 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import IconButton from '@mui/material/IconButton';
+import Menu from '@mui/material/Menu';
+import { SpanBody1 } from './BarraFerramentasStyled';
+const MenuHamburguer = ({ listaItemMenu, background_color = "transparent", color, imageHamburguer }) => {
+    const [anchorElNav, setAnchorElNav] = React.useState(null);
+    const handleOpenNavMenu = (event) => {
+        setAnchorElNav(event.currentTarget);
+    };
+    const handleCloseNavMenu = () => {
+        setAnchorElNav(null);
+    };
+    return (_jsxs(Box, { children: [_jsx(IconButton, { size: "large", "aria-label": "menu hamburguer", "aria-haspopup": "true", onClick: handleOpenNavMenu, color: "inherit", children: imageHamburguer() }), _jsx(Menu, { anchorEl: anchorElNav, anchorOrigin: {
+                    vertical: 'bottom',
+                    horizontal: 'left',
+                }, keepMounted: true, transformOrigin: {
+                    vertical: 'top',
+                    horizontal: 'left',
+                }, open: Boolean(anchorElNav), onClose: handleCloseNavMenu, sx: { display: { xs: 'block', md: 'none', paddingTop: '0', paddingBottom: '0' } }, children: _jsx("nav", { children: _jsx(Box, { display: "flex", flexDirection: "column", sx: { padding: "24px", gap: "16px", backgroundColor: background_color }, children: listaItemMenu && listaItemMenu.length > 0
+                            ? (listaItemMenu.map((item, index) => {
+                                const el = item.component;
+                                const type = el.type;
+                                if (type.typeName === "ItemMenu") {
+                                    return React.cloneElement(el, { key: index, afterClick: handleCloseNavMenu });
+                                }
+                                return React.cloneElement(el, { key: index });
+                            }))
+                            : (_jsx(SpanBody1, { text_color: color, children: "carregando..." })) }) }) })] }));
+};
+MenuHamburguer.displayName = "MenuHamburguer"; // para DevTools
+MenuHamburguer.typeName = "MenuHamburguer"; // para seu código
+export default MenuHamburguer;
+//# sourceMappingURL=MenuHamburguer.js.map

package/dist/components/MenuHamburguer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuHamburguer.js","sourceRoot":"","sources":["../../src/components/MenuHamburguer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAYrD,MAAM,cAAc,GAAkC,CAAC,EACnD,aAAa,EACb,gBAAgB,GAAG,aAAa,EAChC,KAAK,EACL,eAAe,EAClB,EAAE,EAAE;IAEH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAE/E,MAAM,iBAAiB,GAAG,CAAC,KAAoC,EAAE,EAAE;QACjE,cAAc,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,GAAG,eACF,KAAC,UAAU,IACT,IAAI,EAAC,OAAO,gBACD,iBAAiB,mBACd,MAAM,EACpB,OAAO,EAAE,iBAAiB,EAC1B,KAAK,EAAC,SAAS,YAEd,eAAe,EAAE,GACP,EAEb,KAAC,IAAI,IACH,QAAQ,EAAE,WAAW,EACrB,YAAY,EAAE;oBACZ,QAAQ,EAAE,QAAQ;oBAClB,UAAU,EAAE,MAAM;iBACnB,EACD,WAAW,QACX,eAAe,EAAE;oBACf,QAAQ,EAAE,KAAK;oBACf,UAAU,EAAE,MAAM;iBACnB,EACD,IAAI,EAAE,OAAO,CAAC,WAAW,CAAC,EAC1B,OAAO,EAAE,kBAAkB,EAC3B,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE,EAAE,YAEjF,wBACE,KAAC,GAAG,IACF,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,eAAe,EAAE,gBAAgB,EAAE,YAErE,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC;4BACvC,CAAC,CAAC,CACE,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gCAEhC,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;gCAC1B,MAAM,IAAI,GAAG,EAAE,CAAC,IAAW,CAAC;gCAE5B,IAAI,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;oCAEjC,OAAO,KAAK,CAAC,YAAY,CACvB,EAAqD,EACrD,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAC/C,CAAC;gCAEJ,CAAC;gCAED,OAAO,KAAK,CAAC,YAAY,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC;4BAAC,CAAC,CAAC,CACpD;4BACH,CAAC,CAAC,CAAE,KAAC,SAAS,IAAC,UAAU,EAAE,KAAK,8BAA2B,CAAE,GAE7D,GACF,GACD,IACH,CACP,CAAC;AAEN,CAAC,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC,CAAC,gBAAgB;AAC9D,cAAsB,CAAC,QAAQ,GAAG,gBAAgB,CAAC,CAAC,kBAAkB;AAEvE,eAAe,cAAc,CAAC"}

package/dist/components/MenuHorizontal.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { ItemMenuConfig } from '@/types/ItemMenuConfig';
+/**
+ * Container principal do menu horizontal
+ */
+export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * Props do componente MenuHorizontal
+ */
+interface MenuHorizontalProps {
+    /**
+     * Lista de itens do menu horizontal. Cada item deve seguir a interface `ItemMenuConfig`.
+     */
+    listaItemMenu: ItemMenuConfig[];
+}
+/**
+ * Componente MenuHorizontal
+ *
+ * Renderiza um menu horizontal de itens customizáveis. Cada item é passado via `listaItemMenu` como um componente React,
+ * e o menu cuida de renderizá-los dentro de um container horizontal com espaçamento uniforme.
+ *
+ *
+ * Exemplo de uso:
+ * ```tsx
+ * <MenuHorizontal
+ *   listaItemMenu={[
+ *     { component: <Button>Home</Button> },
+ *     { component: <Button>Perfil</Button> }
+ *   ]}
+ * />
+ * ```
+ */
+declare const MenuHorizontal: React.FC<MenuHorizontalProps>;
+export default MenuHorizontal;

package/dist/components/MenuHorizontal.js

@@ -0,0 +1,52 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useEffect } from 'react';
+import { styled } from '@mui/material';
+/**
+ * Container principal do menu horizontal
+ */
+export const Container = styled('div')(() => ({
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    flexGrow: 1,
+    gap: '16px',
+    width: '100%',
+}));
+/**
+ * Componente MenuHorizontal
+ *
+ * Renderiza um menu horizontal de itens customizáveis. Cada item é passado via `listaItemMenu` como um componente React,
+ * e o menu cuida de renderizá-los dentro de um container horizontal com espaçamento uniforme.
+ *
+ *
+ * Exemplo de uso:
+ * ```tsx
+ * <MenuHorizontal
+ *   listaItemMenu={[
+ *     { component: <Button>Home</Button> },
+ *     { component: <Button>Perfil</Button> }
+ *   ]}
+ * />
+ * ```
+ */
+const MenuHorizontal = ({ listaItemMenu }) => {
+    const [buttons, setButtons] = React.useState(null);
+    useEffect(() => {
+        if (listaItemMenu) {
+            const constructedButtons = listaItemMenu.map((item, index) => React.cloneElement(item.component, { key: index }));
+            setButtons(constructedButtons);
+        }
+    }, [listaItemMenu]);
+    if (buttons) {
+        return _jsx(Container, { children: buttons });
+    }
+    else {
+        return _jsx(Container, { children: "carregando..." });
+    }
+};
+MenuHorizontal.displayName = "MenuHorizontal"; // para DevTools
+export default MenuHorizontal;
+//# sourceMappingURL=MenuHorizontal.js.map

package/dist/components/MenuHorizontal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuHorizontal.js","sourceRoot":"","sources":["../../src/components/MenuHorizontal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC5C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,CAAC;IACX,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,MAAM;CACd,CAAC,CAAC,CAAC;AAYJ;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,cAAc,GAAkC,CAAC,EACrD,aAAa,EACd,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAA2B,IAAI,CAAC,CAAC;IAE7E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,EAAE,CAAC;YAClB,MAAM,kBAAkB,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC3D,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CACnD,CAAC;YACF,UAAU,CAAC,kBAAkB,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,KAAC,SAAS,cAAE,OAAO,GAAa,CAAC;IAC1C,CAAC;SAAM,CAAC;QACN,OAAO,KAAC,SAAS,gCAA0B,CAAC;IAC9C,CAAC;AACH,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC,CAAC,gBAAgB;AAE/D,eAAe,cAAc,CAAC"}

package/dist/components/MenuVertical.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { ItemMenuConfig } from '@/types/ItemMenuConfig';
+/**
+ * Container principal do menu vertical
+ */
+export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * Props do componente MenuVertical
+ */
+interface MenuVerticalProps {
+    /**
+     * Lista de itens do menu. Cada item deve seguir a interface `ItemMenuConfig`.
+     */
+    listaItemMenu: ItemMenuConfig[];
+}
+/**
+ * Componente MenuVertical
+ *
+ * Renderiza um menu vertical de itens customizáveis. Cada item é passado via `listaItemMenu` como um componente React,
+ * e o menu cuida de renderizá-los dentro de um container vertical com espaçamento uniforme.
+ *
+ *
+ * Exemplo de uso:
+ * ```tsx
+ * <MenuVertical
+ *
+ *   listaItemMenu={[
+ *     { component: <Button>Home</Button> },
+ *     { component: <Button>Perfil</Button> }
+ *   ]}
+ * />
+ * ```
+ */
+declare const MenuVertical: React.FC<MenuVerticalProps>;
+export default MenuVertical;

package/dist/components/MenuVertical.js

@@ -0,0 +1,53 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useEffect } from 'react';
+import { styled } from '@mui/material';
+/**
+ * Container principal do menu vertical
+ */
+export const Container = styled('div')(() => ({
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    alignItems: 'flex-start',
+    flexGrow: 1,
+    gap: '16px',
+    width: '100%',
+}));
+/**
+ * Componente MenuVertical
+ *
+ * Renderiza um menu vertical de itens customizáveis. Cada item é passado via `listaItemMenu` como um componente React,
+ * e o menu cuida de renderizá-los dentro de um container vertical com espaçamento uniforme.
+ *
+ *
+ * Exemplo de uso:
+ * ```tsx
+ * <MenuVertical
+ *
+ *   listaItemMenu={[
+ *     { component: <Button>Home</Button> },
+ *     { component: <Button>Perfil</Button> }
+ *   ]}
+ * />
+ * ```
+ */
+const MenuVertical = ({ listaItemMenu }) => {
+    const [buttons, setButtons] = React.useState(null);
+    useEffect(() => {
+        if (listaItemMenu) {
+            const constructedButtons = listaItemMenu.map((item, index) => React.cloneElement(item.component, { key: index }));
+            setButtons(constructedButtons);
+        }
+    }, [listaItemMenu]);
+    if (buttons) {
+        return (_jsx(Container, { children: buttons }));
+    }
+    else {
+        return (_jsx(Container, { children: "carregando..." }));
+    }
+};
+MenuVertical.displayName = "MenuVertical"; // para DevTools
+export default MenuVertical;
+//# sourceMappingURL=MenuVertical.js.map

package/dist/components/MenuVertical.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuVertical.js","sourceRoot":"","sources":["../../src/components/MenuVertical.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC5C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,YAAY;IACxB,QAAQ,EAAE,CAAC;IACX,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,MAAM;CACd,CAAC,CAAC,CAAC;AAYJ;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,YAAY,GAAgC,CAAC,EACjD,aAAa,EACd,EAAE,EAAE;IAEH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAA2B,IAAI,CAAC,CAAC;IAE7E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,EAAE,CAAC;YAClB,MAAM,kBAAkB,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC3D,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CACnD,CAAC;YACF,UAAU,CAAC,kBAAkB,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,KAAC,SAAS,cACP,OAAO,GACE,CACb,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,CACL,KAAC,SAAS,gCAEE,CACb,CAAC;IACJ,CAAC;AACH,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC,CAAC,gBAAgB;AAE3D,eAAe,YAAY,CAAC"}

package/dist/components/SideNav.d.ts

@@ -0,0 +1,83 @@
+import { ReactNode } from "react";
+import { NavItem } from "../types/NavItem";
+/**
+ * Props do componente SideNav
+ */
+interface SideNavProps {
+    /**
+     * Lista de itens do menu lateral. Cada item possui `label` e `content`
+     */
+    items: NavItem[];
+    /**
+     * Largura do menu lateral em pixels
+     * @default 180
+     */
+    menuWidth?: number;
+    /**
+     * Cor de fundo do menu lateral
+     * @default 'transparent'
+     */
+    menuBackground?: string;
+    /**
+     * Cor de fundo padrão dos itens do menu
+     * @default 'transparent'
+     */
+    itemMenuBackgroundColor?: string;
+    /**
+     * Cor de fundo do item selecionado
+     * @default 'primary.main'
+     */
+    itemMenuBackgroundColorSelected?: string;
+    /**
+     * Cor de fundo do item ao passar o mouse (hover)
+     * @default 'grey.300'
+     */
+    itemMenuBackgroundColorHover?: string;
+    /**
+     * Cor do texto dos itens do menu
+     * @default 'black'
+     */
+    itemMenuColor?: string;
+    /**
+     * Cor do texto do item selecionado
+     * @default 'black'
+     */
+    itemMenuColorSelected?: string;
+    /**
+     * Border radius do menu e do container de conteúdo
+     * @default '0'
+     */
+    borderRadius?: string;
+    /**
+     * Border radius de cada item do menu
+     * @default '16px'
+     */
+    itemMenuBorderRadius?: string;
+    /**
+     * Cor de fundo do container de conteúdo
+     * @default 'grey.50'
+     */
+    contentBackground?: string;
+    /**
+     * Altura do container de conteúdo (ex: '500px' ou '100%')
+     * @default '500px'
+     */
+    height?: string | number;
+    /**
+     * Elemento(s) que serão renderizados no topo do menu lateral
+     */
+    renderTopMenu?: ReactNode;
+}
+/**
+ * Componente SideNav
+ *
+ * Um menu lateral com itens clicáveis que alteram o conteúdo exibido em um container ao lado.
+ * Cada item possui um `label` e `content` que será renderizado no container.
+ *
+ * O componente é totalmente customizável via props, incluindo cores, bordas, largura do menu e conteúdo, elementos extras, e altura do container.
+ */
+declare function SideNav({ items, menuWidth, menuBackground, borderRadius, itemMenuBorderRadius, itemMenuBackgroundColor, itemMenuBackgroundColorHover, itemMenuBackgroundColorSelected, itemMenuColor, itemMenuColorSelected, contentBackground, renderTopMenu, height, }: SideNavProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SideNav {
+    var displayName: string;
+}
+export default SideNav;

package/dist/components/SideNav.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box, styled } from "@mui/material";
+import { motion, AnimatePresence } from "framer-motion";
+const Container = styled('div')(({ theme }) => ({
+    display: 'grid',
+    gridTemplateColumns: 'auto 1fr',
+    width: "100%",
+    padding: '0',
+}));
+/**
+ * Componente SideNav
+ *
+ * Um menu lateral com itens clicáveis que alteram o conteúdo exibido em um container ao lado.
+ * Cada item possui um `label` e `content` que será renderizado no container.
+ *
+ * O componente é totalmente customizável via props, incluindo cores, bordas, largura do menu e conteúdo, elementos extras, e altura do container.
+ */
+export default function SideNav({ items, menuWidth = 180, menuBackground = 'transparent', borderRadius = '0', itemMenuBorderRadius = '16px', itemMenuBackgroundColor = "transparent", itemMenuBackgroundColorHover = "grey.300", itemMenuBackgroundColorSelected = "primary.main", itemMenuColor = 'black', itemMenuColorSelected = 'black', contentBackground = "grey.50", renderTopMenu, height = "500px", // altura padrão
+ }) {
+    const [activeIndex, setActiveIndex] = useState(0);
+    return (_jsxs(Container, { children: [_jsxs(Box, { sx: {
+                    width: menuWidth,
+                    bgcolor: menuBackground,
+                    borderRadius: borderRadius,
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: 1,
+                }, children: [renderTopMenu && renderTopMenu, items.map((item, idx) => (_jsx(Box, { onClick: () => setActiveIndex(idx), sx: {
+                            cursor: "pointer",
+                            px: 2,
+                            py: 1,
+                            borderRadius: itemMenuBorderRadius,
+                            bgcolor: activeIndex === idx ? itemMenuBackgroundColorSelected : itemMenuBackgroundColor,
+                            color: activeIndex === idx ? itemMenuColorSelected : itemMenuColor,
+                            "&:hover": {
+                                bgcolor: activeIndex === idx ? itemMenuBackgroundColorSelected : itemMenuBackgroundColorHover,
+                            },
+                            width: "100%",
+                        }, children: item.label }, item.label)))] }), _jsx(Box, { sx: {
+                    width: "auto",
+                    flex: 1,
+                    ml: 2,
+                    p: 2,
+                    bgcolor: contentBackground,
+                    borderRadius: borderRadius,
+                    minHeight: height,
+                    maxHeight: height,
+                    position: "relative",
+                    overflowY: "auto", // permite scroll caso o conteúdo seja maior que a altura
+                }, children: _jsx(AnimatePresence, { mode: "wait", children: _jsx(motion.div, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -10 }, transition: { duration: 0.2 }, style: { width: "100%" }, children: items[activeIndex].content }, activeIndex) }) })] }));
+}
+SideNav.displayName = "SideNav";
+//# sourceMappingURL=SideNav.js.map

package/dist/components/SideNav.js.map

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

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

@@ -0,0 +1,64 @@
+import * as React from 'react';
+import { DrawerProps } from '@/types/Drawer';
+/**
+ * Layout desktop responsável por exibir:
+ * - AppBar com botão de menu e informações do usuário;
+ * - Drawer lateral (mini/expandido) com itens de navegação;
+ * - Conteúdo principal à direita.
+ *
+ * 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.
+ *
+ * @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.
+ *
+ * Exibido apenas em `md` ou acima.
+ *
+ * @example
+ * ```tsx
+ * import DesktopDrawer from '@/components/DesktopDrawer';
+ *
+ * const Example = () => {
+ *   return (
+ *     <DesktopDrawer
+ *       backgroundHeader="#ffffff"
+ *       backgroundMenuAvatar="#f5f5f5"
+ *       colorItemMenu="#000000"
+ *       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 DesktopDrawer: React.FC<DrawerProps>;
+export default DesktopDrawer;