eai-frontend-components 2.0.6 → 2.0.8

package/dist/components/ui/custom/form/utils.js

@@ -1,88 +0,0 @@
-export const rgbToHex = ({ r, g, b }) => {
-    const toHex = (n) => Math.max(0, Math.min(255, n)).toString(16).padStart(2, '0').toUpperCase();
-    return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
-};
-export const hexToRgb = (hex) => {
-    const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-    return result
-        ? {
-            r: Number.parseInt(result[1], 16),
-            g: Number.parseInt(result[2], 16),
-            b: Number.parseInt(result[3], 16),
-        }
-        : null;
-};
-export const rgbToHsl = ({ r, g, b }) => {
-    r /= 255;
-    g /= 255;
-    b /= 255;
-    const max = Math.max(r, g, b);
-    const min = Math.min(r, g, b);
-    let h = 0;
-    let s = 0;
-    const l = (max + min) / 2;
-    if (max !== min) {
-        const d = max - min;
-        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-        switch (max) {
-            case r:
-                h = (g - b) / d + (g < b ? 6 : 0);
-                break;
-            case g:
-                h = (b - r) / d + 2;
-                break;
-            case b:
-                h = (r - g) / d + 4;
-                break;
-        }
-        h /= 6;
-    }
-    return {
-        h: Math.round(h * 360),
-        s: Math.round(s * 100),
-        l: Math.round(l * 100),
-    };
-};
-const hue2rgb = (p, q, t) => {
-    let tempT = t;
-    if (tempT < 0)
-        tempT += 1;
-    if (tempT > 1)
-        tempT -= 1;
-    if (tempT < 1 / 6)
-        return p + (q - p) * 6 * tempT;
-    if (tempT < 1 / 2)
-        return q;
-    if (tempT < 2 / 3)
-        return p + (q - p) * (2 / 3 - tempT) * 6;
-    return p;
-};
-export const hslToRgb = ({ h, s, l }) => {
-    h /= 360;
-    s /= 100;
-    l /= 100;
-    let r;
-    let g;
-    let b;
-    if (s === 0) {
-        r = g = b = l;
-    }
-    else {
-        const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
-        const p = 2 * l - q;
-        r = hue2rgb(p, q, h + 1 / 3);
-        g = hue2rgb(p, q, h);
-        b = hue2rgb(p, q, h - 1 / 3);
-    }
-    return {
-        r: Math.round(r * 255),
-        g: Math.round(g * 255),
-        b: Math.round(b * 255),
-    };
-};
-export const formatRgba = (rgb, a = 1) => {
-    return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${a})`;
-};
-export const formatHsla = (hsl, a = 1) => {
-    return `hsla(${hsl.h}, ${hsl.s}%, ${hsl.l}%, ${a})`;
-};

package/dist/components/ui/custom/header.d.ts

@@ -1,11 +0,0 @@
-import { ReactNode } from 'react';
-import { Module, SidebarPage } from './sidebar/types/sidebar';
-declare const Header: ({ splittedPath, modules, pages, isLoading, combobox, }: {
-    splittedPath: string[];
-    modules: Module[];
-    pages: SidebarPage[];
-    isLoading: boolean;
-    combobox: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export default Header;
-//# sourceMappingURL=header.d.ts.map

package/dist/components/ui/custom/header.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/custom/header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAMrD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG9D,QAAA,MAAM,MAAM,GAAI,wDAMb;IAAE,YAAY,EAAE,MAAM,EAAE,CAAC;IAAC,OAAO,EAAE,MAAM,EAAE,CAAC;IAAC,KAAK,EAAE,WAAW,EAAE,CAAC;IAAC,SAAS,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,4CA8G9G,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/ui/custom/header.js

@@ -1,74 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getTailwindColorShades } from '@/lib/help/theme';
-import { useEffect, useRef } from 'react';
-import { useNavigate } from 'react-router-dom';
-import LoadingBar from 'react-top-loading-bar';
-import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from '../breadcrumb';
-import { SidebarTrigger } from '../sidebar';
-import { DEFAULT_THEME_DATA, useTheme } from './theme-provider';
-const Header = ({ splittedPath, modules, pages, isLoading, combobox, }) => {
-    const { portalDefinitions } = useTheme();
-    const navigate = useNavigate();
-    const refProgressLoading = useRef(null);
-    const lastPage = splittedPath[splittedPath.length - 1];
-    useEffect(() => {
-        isLoading ? refProgressLoading.current?.start() : refProgressLoading.current?.complete();
-    }, [isLoading]);
-    const setRouter = (path) => {
-        navigate(path);
-    };
-    const getPath = (index) => {
-        let path = '';
-        for (let i = 0; i <= index; i++) {
-            path += `/${splittedPath[i]}`;
-        }
-        return path;
-    };
-    const getLinkSidebar = (index) => {
-        return pages.find((item) => item.path === getPath(index));
-    };
-    const getSubMenuItem = (index) => {
-        return pages.flatMap((item) => item.subMenuItems || []).find((sub) => sub.path === getPath(index));
-    };
-    const getModule = (page) => {
-        const module = modules.find((mod) => mod.value === page);
-        if (!module) {
-            return page;
-        }
-        return module?.title;
-    };
-    const getTitle = (index) => {
-        const linkSidebar = getLinkSidebar(index);
-        const subMenuItem = getSubMenuItem(index);
-        if (subMenuItem) {
-            return subMenuItem.label;
-        }
-        return linkSidebar?.title;
-    };
-    const renderBreadcrumbPage = (index) => {
-        return _jsx(BreadcrumbPage, { children: getTitle(index) });
-    };
-    const renderBreadcrumbLink = (page, index) => {
-        const linkSidebar = getLinkSidebar(index);
-        return linkSidebar?.subMenuType ? (renderBreadcrumbPage(index)) : (_jsx(BreadcrumbLink, { onClick: () => setRouter(getPath(index)), className: 'cursor-pointer', children: index === 0 ? getModule(page) : getTitle(index) }));
-    };
-    const renderBreadcrumbItens = () => {
-        const breadcrumbItems = [];
-        splittedPath.map((page, index) => {
-            breadcrumbItems.push(_jsx(BreadcrumbItem, { children: page === lastPage ? renderBreadcrumbPage(index) : renderBreadcrumbLink(page, index) }, `breadcrumb-item-${index}`));
-            if (page !== lastPage) {
-                breadcrumbItems.push(_jsx(BreadcrumbSeparator, { className: 'mt-[1px]' }, `breadcrumb-separator-${index}`));
-            }
-        });
-        return breadcrumbItems;
-    };
-    const getColorLoadingBar = () => {
-        const colorShades = getTailwindColorShades();
-        const tailwindColor = portalDefinitions?.mvnoPrimaryColor || DEFAULT_THEME_DATA.mvnoPrimaryColor;
-        const isValidColor = (color) => color in colorShades;
-        const colorPallete = isValidColor(tailwindColor) ? colorShades[tailwindColor] : colorShades.violet;
-        return colorPallete[900];
-    };
-    return (_jsxs("header", { className: 'flex flex-col justify-between items-center w-full', children: [_jsxs("div", { className: 'flex justify-between items-center py-3 px-5 w-full', children: [_jsxs("div", { className: 'flex items-center gap-x-2 h-[40px]', children: [_jsx(SidebarTrigger, { className: 'p-5' }), _jsx("div", { className: 'p-2', children: _jsx(Breadcrumb, { children: _jsx(BreadcrumbList, { children: renderBreadcrumbItens() }) }) })] }), _jsx("div", { className: 'flex items-center', children: combobox })] }), _jsx(LoadingBar, { ref: refProgressLoading, color: getColorLoadingBar(), height: 7 })] }));
-};
-export default Header;

package/dist/components/ui/custom/label.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-interface LabelWithTitleProps {
-    title: string;
-    value: string;
-    value2?: string;
-    required?: boolean;
-    showCopyIcon?: boolean;
-    className?: string;
-    isLoading?: boolean;
-}
-declare const LabelWithTitle: React.FC<LabelWithTitleProps>;
-export default LabelWithTitle;
-//# sourceMappingURL=label.d.ts.map

package/dist/components/ui/custom/label.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/custom/label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,mBAAmB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0DjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/ui/custom/label.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '@/lib/utils';
-import { Copy } from 'lucide-react';
-import { Button } from '../button';
-import { Skeleton } from '../skeleton';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../tooltip';
-import { toast } from '../use-toast';
-const LabelWithTitle = ({ title, value, value2, required, showCopyIcon = false, className, isLoading }) => {
-    const handleCopy = () => {
-        if (showCopyIcon && value) {
-            navigator.clipboard.writeText(`${value}${value2 ?? ''}`);
-            toast({
-                title: `"${value}${value2 ?? ''}" foi copiado para a área de transferência.`,
-                variant: 'success',
-            });
-        }
-    };
-    return (_jsx("div", { className: cn('flex group', className), children: _jsx("div", { className: cn('flex flex-col text-sm w-full', showCopyIcon ? 'p-1 rounded-md transition-colors group-hover:bg-sidebar-accent' : 'p-1'), children: _jsxs("div", { className: 'relative', children: [_jsxs("div", { className: 'flex items-center text-sm font-medium gap-0.5', children: [_jsx("label", { className: 'text-default truncate', children: title }), required && _jsx("div", { className: 'text-red-500 truncate', children: "*" })] }), _jsx("div", { className: 'grid flex-1 items-center pt-1', children: isLoading ? _jsx(Skeleton, { className: 'h-5 w-full rounded-lg' }) : _jsx("div", { className: 'text-zinc-500 truncate', children: value }) }), value2 && (_jsx("div", { className: 'grid flex-1 items-center pt-1', children: isLoading ? _jsx(Skeleton, { className: 'h-5 w-full rounded-lg' }) : _jsx("div", { className: 'text-zinc-500 truncate', children: value2 }) })), _jsx("div", { className: cn('pr-1 absolute top-1/2 right-0 -translate-y-1/2 opacity-0 transition-opacity', showCopyIcon && 'group-hover:opacity-100'), children: _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: 'ghost', type: 'button', className: cn('p-1 h-8', !showCopyIcon && 'cursor-default'), onClick: handleCopy, children: _jsx(Copy, { size: 16 }) }) }), _jsx(TooltipContent, { children: "Copiar" })] }) }) })] }) }) }));
-};
-export default LabelWithTitle;

package/dist/components/ui/custom/not-found.d.ts

@@ -1,3 +0,0 @@
-declare const NotFound: () => import("react/jsx-runtime").JSX.Element;
-export default NotFound;
-//# sourceMappingURL=not-found.d.ts.map

package/dist/components/ui/custom/not-found.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"not-found.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/custom/not-found.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,QAAQ,+CAyBb,CAAC;AACF,eAAe,QAAQ,CAAC"}

package/dist/components/ui/custom/not-found.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BarChart2 } from 'lucide-react';
-import { Button } from '../button';
-const NotFound = () => {
-    return (_jsx("div", { className: "flex flex-col items-center justify-center h-screen bg-[url('/imgs/404.png')] bg-cover bg-no-repeat bg-center", children: _jsxs("div", { className: 'flex flex-col items-center justify-center gap-8 w-[424px]', children: [_jsxs("div", { className: 'flex flex-col items-center w-full', children: [_jsx("div", { className: 'text-5xl font-extrabold', children: "404" }), _jsx("div", { className: 'text-3xl font-semibold', children: "P\u00E1gina Indispon\u00EDvel" })] }), _jsx("div", { className: 'flex text-center text-xl font-semibold text-zinc-500', children: "A p\u00E1gina que voc\u00EA est\u00E1 tentando acessar se encontra indispon\u00EDvel no momento, tente novamente mais tarde" }), _jsx("div", { className: 'flex justify-center w-full', children: _jsxs(Button, { onClick: () => {
-                            window.location.href = '/';
-                        }, className: '[&_svg]:size-5', children: [_jsx(BarChart2, {}), "Voltar Para Inicial"] }) })] }) }));
-};
-export default NotFound;

package/dist/components/ui/custom/sidebar/app-sidebar.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { Sidebar } from '../../sidebar';
-declare const AppSidebar: ({ ...props }: React.ComponentProps<typeof Sidebar>) => import("react/jsx-runtime").JSX.Element;
-export default AppSidebar;
-//# sourceMappingURL=app-sidebar.d.ts.map

package/dist/components/ui/custom/sidebar/app-sidebar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/sidebar/app-sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAkE,MAAM,eAAe,CAAC;AAOxG,QAAA,MAAM,UAAU,GAAI,cAAc,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,4CAqCrE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/ui/custom/sidebar/app-sidebar.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
-import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarSeparator } from '../../sidebar';
-import { useTheme } from '../theme-provider';
-import ModuleSwitcher from './module-switcher';
-import NavFooter from './nav-footer';
-import NavMain from './nav-main';
-import NavUser from './nav-user';
-const AppSidebar = ({ ...props }) => {
-    const [collapsed, setCollapsed] = useState(false);
-    const sidebarRef = useRef(null);
-    const { portalDefinitions } = useTheme();
-    useEffect(() => {
-        const el = sidebarRef.current;
-        if (!el)
-            return;
-        const observer = new MutationObserver(() => {
-            setCollapsed(el.getAttribute('data-state') === 'collapsed');
-        });
-        observer.observe(el, { attributes: true, attributeFilter: ['data-state'] });
-        setCollapsed(el.getAttribute('data-state') === 'collapsed');
-        return () => observer.disconnect();
-    }, []);
-    return (_jsxs(Sidebar, { ref: sidebarRef, collapsible: 'icon', ...props, className: 'sidebar-content', children: [_jsx(SidebarHeader, { children: portalDefinitions.hideModuleSwitcher ? (_jsx("div", { className: 'flex items-center justify-center', children: !collapsed && _jsx("img", { src: portalDefinitions.fullLogoPath, alt: 'Logo', className: 'w-fit h-10' }) })) : (_jsx(ModuleSwitcher, {})) }), _jsx(SidebarContent, { children: _jsx(NavMain, {}) }), _jsxs(SidebarFooter, { children: [_jsx(NavFooter, {}), _jsx(SidebarSeparator, {}), _jsx(NavUser, {})] })] }));
-};
-export default AppSidebar;

package/dist/components/ui/custom/sidebar/module-switcher.d.ts

@@ -1,9 +0,0 @@
-import { Module } from './types/sidebar';
-interface ModuleSwitcherProps {
-    modules: Module[];
-    activeModule: Module | undefined;
-    onModuleChange: (module: Module) => void;
-}
-declare const ModuleSwitcher: ({ modules, activeModule, onModuleChange, }: ModuleSwitcherProps) => import("react/jsx-runtime").JSX.Element;
-export default ModuleSwitcher;
-//# sourceMappingURL=module-switcher.d.ts.map

package/dist/components/ui/custom/sidebar/module-switcher.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"module-switcher.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/sidebar/module-switcher.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,UAAU,mBAAmB;IAC5B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,QAAA,MAAM,cAAc,GAAI,4CAIrB,mBAAmB,4CAuCrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/ui/custom/sidebar/module-switcher.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getPagesByModule } from '@/lib/help/sidebar';
-import { useLogin } from '@/lib/hooks/auth';
-import { activeModuleAtom, resellerIdAtom, resellerPersonIdAtom } from '@/lib/store/auth';
-import { useAtomValue, useSetAtom } from 'jotai';
-import { Check, ChevronsUpDown } from 'lucide-react';
-import { useEffect, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from './dropdown-menu';
-import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from './sidebar';
-import SidebarItemTwoLines from './sidebar-item-two-lines';
-const ModuleSwitcher = () => {
-    const { getConfiguredModules } = useLogin();
-    const { isMobile } = useSidebar();
-    const navigate = useNavigate();
-    const [activeModule, setActiveModule] = useState();
-    const [modules, setModules] = useState([]);
-    const resellerId = useAtomValue(resellerIdAtom);
-    const resellerPersonId = useAtomValue(resellerPersonIdAtom);
-    const activeModuleValue = useAtomValue(activeModuleAtom);
-    const setActiveModuleValue = useSetAtom(activeModuleAtom);
-    useEffect(() => {
-        fetchModules();
-    }, []);
-    useEffect(() => {
-        setActiveModule(modules.find((module) => module.value === activeModuleValue) ?? modules[0]);
-    }, [modules, activeModuleValue]);
-    const fetchModules = async () => {
-        const configuredModules = await getConfiguredModules(resellerPersonId, resellerId === '0');
-        if (configuredModules) {
-            setModules(configuredModules);
-        }
-    };
-    const handleModuleChange = (module) => {
-        setActiveModuleValue(module);
-        if (module) {
-            const firstLink = getPagesByModule(module)[0];
-            if (firstLink) {
-                navigate(firstLink.path);
-            }
-        }
-    };
-    return (_jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(SidebarMenuButton, { size: 'lg', className: 'data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground', children: _jsx(SidebarItemTwoLines, { item: {
-                                    iconLeft: (_jsx("div", { className: 'flex p-[7.6px] items-center rounded-md bg-background-primary', children: activeModule?.icon })),
-                                    title: activeModule?.title ?? '',
-                                    subTitle: activeModule?.subTitle ?? '',
-                                    iconRight: _jsx(ChevronsUpDown, { size: 16 }),
-                                } }) }) }), _jsx(DropdownMenuContent, { className: 'w-[250px] rounded-lg', align: 'start', side: isMobile ? 'bottom' : 'right', sideOffset: 4, children: modules.map((module) => (_jsx(DropdownMenuItem, { onClick: () => handleModuleChange(module.value), className: 'gap-2 p-2', children: _jsx(SidebarItemTwoLines, { item: {
-                                    iconLeft: _jsx("div", { className: 'flex p-[7.6px] items-center rounded-md bg-background-primary', children: module.icon }),
-                                    title: module.title,
-                                    subTitle: module.subTitle,
-                                    iconRight: activeModule?.value === module.value ? _jsx(Check, { size: 16 }) : null,
-                                } }) }, `module-switcher-${module.value}`))) })] }) }) }));
-};
-export default ModuleSwitcher;

package/dist/components/ui/custom/sidebar/nav-footer.d.ts

@@ -1,7 +0,0 @@
-import { SidebarPage } from './types/sidebar';
-interface NavFooterProps {
-    pages: SidebarPage[];
-}
-declare const NavFooter: ({ pages }: NavFooterProps) => import("react/jsx-runtime").JSX.Element;
-export default NavFooter;
-//# sourceMappingURL=nav-footer.d.ts.map

package/dist/components/ui/custom/sidebar/nav-footer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"nav-footer.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/sidebar/nav-footer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,UAAU,cAAc;IACvB,KAAK,EAAE,WAAW,EAAE,CAAC;CACrB;AAED,QAAA,MAAM,SAAS,GAAI,WAAS,cAAc,4CAuBzC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/ui/custom/sidebar/nav-footer.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useLocation, useNavigate } from 'react-router-dom';
-import { SidebarGroup, SidebarGroupContent, SidebarMenu } from '../../sidebar';
-import SidebarItem from './sidebar-item';
-const NavFooter = ({ pages }) => {
-    const navigate = useNavigate();
-    const location = useLocation();
-    const selectedRoutePath = location.pathname;
-    return (_jsx(SidebarGroup, { className: 'p-0', children: _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: pages.map((item) => {
-                    return (_jsx(SidebarItem, { item: item, selectedRoute: selectedRoutePath, onClick: () => navigate(item.path) }, `sidebar-menu-main-${item.path}`));
-                }) }) }) }));
-};
-export default NavFooter;

package/dist/components/ui/custom/sidebar/nav-main.d.ts

@@ -1,7 +0,0 @@
-import { SidebarPage } from './types/sidebar';
-interface NavMainProps {
-    pages: SidebarPage[];
-}
-declare const NavMain: ({ pages }: NavMainProps) => import("react/jsx-runtime").JSX.Element;
-export default NavMain;
-//# sourceMappingURL=nav-main.d.ts.map

package/dist/components/ui/custom/sidebar/nav-main.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"nav-main.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/sidebar/nav-main.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAsB,MAAM,iBAAiB,CAAC;AAElE,UAAU,YAAY;IACrB,KAAK,EAAE,WAAW,EAAE,CAAC;CACrB;AAED,QAAA,MAAM,OAAO,GAAI,WAAS,YAAY,4CAiDrC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/ui/custom/sidebar/nav-main.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useIsMobile } from '@/hooks/use-mobile';
-import { useLocation, useNavigate } from 'react-router-dom';
-import { SidebarGroup, SidebarGroupContent, SidebarMenu } from '../../sidebar';
-import NavSubmenuCollapsible from './nav-submenu-collapsible';
-import NavSubmenuDropdown from './nav-submenu-dropdown';
-import SidebarItem from './sidebar-item';
-import { SidebarSubmenuType } from './types/sidebar';
-const NavMain = ({ pages }) => {
-    const navigate = useNavigate();
-    const location = useLocation();
-    const isMobile = useIsMobile();
-    const selectedRoutePath = location.pathname;
-    return (_jsx(SidebarGroup, { children: _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: pages.map((item) => {
-                    if (item.subMenuType) {
-                        if (item.subMenuType === SidebarSubmenuType.COLLAPSIBLE || isMobile) {
-                            return (_jsx(NavSubmenuCollapsible, { item: item, selectedRoute: selectedRoutePath, onClick: (path) => navigate(path) }, `sidebar-submenu-collapsible-${item.path}`));
-                        }
-                        // Deprecated: Use COLLAPSIBLE instead
-                        if (item.subMenuType === SidebarSubmenuType.DROPDOWN) {
-                            return (_jsx(NavSubmenuDropdown, { item: item, selectedRoute: selectedRoutePath, onClick: (path) => navigate(path), cols: 3 }, `sidebar-submenu-dropdown-${item.path}`));
-                        }
-                    }
-                    return (_jsx(SidebarItem, { item: item, selectedRoute: selectedRoutePath, onClick: () => navigate(item.path) }, `sidebar-menu-main-${item.path}`));
-                }) }) }) }));
-};
-export default NavMain;

package/dist/components/ui/custom/sidebar/nav-submenu-collapsible.d.ts

@@ -1,9 +0,0 @@
-import { SidebarPage } from './types/sidebar';
-interface NavSubmenuCollapsibleProps {
-    item: SidebarPage;
-    selectedRoute: string | null;
-    onClick: (path: string) => void;
-}
-declare const NavSubmenuCollapsible: ({ item, selectedRoute, onClick }: NavSubmenuCollapsibleProps) => import("react/jsx-runtime").JSX.Element;
-export default NavSubmenuCollapsible;
-//# sourceMappingURL=nav-submenu-collapsible.d.ts.map

package/dist/components/ui/custom/sidebar/nav-submenu-collapsible.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"nav-submenu-collapsible.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/sidebar/nav-submenu-collapsible.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,UAAU,0BAA0B;IACnC,IAAI,EAAE,WAAW,CAAC;IAClB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,QAAA,MAAM,qBAAqB,GAAI,kCAAkC,0BAA0B,4CA6C1F,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/ui/custom/sidebar/nav-submenu-collapsible.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '@/lib/utils';
-import { ChevronRight } from 'lucide-react';
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../collapsible';
-import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, useSidebar } from '../../sidebar';
-const NavSubmenuCollapsible = ({ item, selectedRoute, onClick }) => {
-    const { open, toggleSidebar } = useSidebar();
-    const isOpen = () => {
-        return selectedRoute?.includes(item.path) ?? false;
-    };
-    const handleToggleSidebar = () => {
-        if (!open)
-            toggleSidebar();
-    };
-    return (_jsx(SidebarMenu, { children: _jsx(Collapsible, { asChild: true, defaultOpen: isOpen(), children: _jsxs(SidebarMenuItem, { children: [_jsx(CollapsibleTrigger, { asChild: true, className: 'group/collapsible', children: _jsxs(SidebarMenuButton, { tooltip: item.title, className: 'px-2 py-5 gap-3', onClick: () => handleToggleSidebar(), children: [item.icon, _jsx("span", { children: item.title }), _jsx(ChevronRight, { className: 'ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90' })] }) }), _jsx(CollapsibleContent, { children: _jsx(SidebarMenuSub, { children: item.subMenuItems
-                                ?.map((subItem) => (_jsx(SidebarMenuSubItem, { children: _jsx(SidebarMenuSubButton, { asChild: true, onClick: () => onClick(subItem.path), "aria-disabled": subItem.disabled, children: _jsx("div", { className: cn('cursor-pointer px-2 py-1 items-center self-stretch', selectedRoute === subItem.path ? 'bg-sidebar-accent' : ''), children: _jsx("span", { children: subItem.label }) }) }) }, subItem.label))) }) })] }) }, item.title) }));
-};
-export default NavSubmenuCollapsible;

package/dist/components/ui/custom/sidebar/nav-submenu-dropdown.d.ts

@@ -1,10 +0,0 @@
-import { SidebarPage } from './types/sidebar';
-interface NavSubmenuDropdownProps {
-    cols?: number;
-    item: SidebarPage;
-    selectedRoute: string | null;
-    onClick: (path: string) => void;
-}
-declare const NavSubmenuDropdown: ({ cols, item, selectedRoute, onClick }: NavSubmenuDropdownProps) => import("react/jsx-runtime").JSX.Element;
-export default NavSubmenuDropdown;
-//# sourceMappingURL=nav-submenu-dropdown.d.ts.map

package/dist/components/ui/custom/sidebar/nav-submenu-dropdown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"nav-submenu-dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/sidebar/nav-submenu-dropdown.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,UAAU,uBAAuB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC;IAClB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,QAAA,MAAM,kBAAkB,GAAI,wCAAwC,uBAAuB,4CAwC1F,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/ui/custom/sidebar/nav-submenu-dropdown.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '@/lib/utils';
-import { ChevronRight } from 'lucide-react';
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '../../dropdown-menu';
-import { SidebarMenuButton, SidebarMenuItem } from '../../sidebar';
-const NavSubmenuDropdown = ({ cols, item, selectedRoute, onClick }) => {
-    return (_jsx(SidebarMenuItem, { children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(SidebarMenuButton, { asChild: true, className: cn('data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground hover:bg-sidebar-accent px-2 py-5 gap-3 cursor-pointer', selectedRoute?.includes(item.path) ? 'bg-sidebar-accent' : ''), tooltip: item.title, children: _jsxs("div", { children: [item.icon, _jsx("span", { children: item.title }), _jsx(ChevronRight, { className: 'ml-auto' })] }) }) }), _jsx(DropdownMenuContent, { className: `grid grid-cols-${cols ?? '1'} gap-4 p-4`, align: 'start', side: 'right', sideOffset: 4, children: item.subMenuItems
-                        ?.map((subItem, index) => (_jsxs(DropdownMenuItem, { className: cn('flex flex-col items-start text-left max-w-[220px] gap-1 cursor-pointer', selectedRoute === subItem.path ? 'bg-sidebar-accent' : ''), onClick: () => onClick(subItem.path), disabled: subItem.disabled, children: [_jsx("div", { className: 'text-sm font-semibold', children: subItem.label }), _jsx("div", { className: 'text-sm text-muted-foreground', children: subItem.description })] }, `${index}`))) })] }) }));
-};
-export default NavSubmenuDropdown;

package/dist/components/ui/custom/sidebar/nav-user.d.ts

@@ -1,9 +0,0 @@
-interface NavUserProps {
-    userName: string;
-    userEmail: string;
-    userInitials: string;
-    callbackLogout: () => void;
-}
-declare const NavUser: ({ userName, userEmail, userInitials, callbackLogout }: NavUserProps) => import("react/jsx-runtime").JSX.Element;
-export default NavUser;
-//# sourceMappingURL=nav-user.d.ts.map

package/dist/components/ui/custom/sidebar/nav-user.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"nav-user.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/sidebar/nav-user.tsx"],"names":[],"mappings":"AAOA,UAAU,YAAY;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,QAAA,MAAM,OAAO,GAAI,uDAAqD,YAAY,4CA4DjF,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/ui/custom/sidebar/nav-user.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { LoaderCircle, LogOut } from 'lucide-react';
-import { useState } from 'react';
-import { Avatar, AvatarFallback, AvatarImage } from '../../avatar';
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuTrigger } from '../../dropdown-menu';
-import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from '../../sidebar';
-import SidebarItemTwoLines from './sidebar-item-two-lines';
-const NavUser = ({ userName, userEmail, userInitials, callbackLogout }) => {
-    const [isLoggingOut, setIsLoggingOut] = useState(false);
-    const { isMobile } = useSidebar();
-    const handleLogout = () => {
-        setIsLoggingOut(true);
-        setTimeout(() => {
-            callbackLogout();
-        }, 1000);
-    };
-    return (_jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(SidebarMenuButton, { size: 'lg', className: 'data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground', children: _jsx(SidebarItemTwoLines, { item: {
-                                    iconLeft: (_jsxs(Avatar, { className: 'h-[31px] w-[31px] rounded-md', children: [_jsx(AvatarImage, { src: userInitials, alt: userName }), _jsx(AvatarFallback, { className: 'rounded-md bg-background-primary text-white', children: userInitials })] })),
-                                    title: isLoggingOut ? 'Saindo...' : userName,
-                                    subTitle: isLoggingOut ? '' : userEmail,
-                                    iconRight: isLoggingOut ? (_jsx(LoaderCircle, { size: 16, className: 'text-sidebar-foreground animate-spin mr-2' })) : (_jsx(LogOut, { size: 16, className: 'text-sidebar-foreground' })),
-                                } }) }) }), _jsxs(DropdownMenuContent, { className: 'w-[250px] rounded-lg', side: isMobile ? 'bottom' : 'right', align: 'end', sideOffset: 4, children: [_jsx(DropdownMenuLabel, { className: 'p-0 font-normal', children: _jsxs("div", { className: 'flex items-center gap-2 px-1 py-1.5 text-left text-sm', children: [_jsxs(Avatar, { className: 'h-8 w-8 rounded-lg', children: [_jsx(AvatarImage, { src: userInitials, alt: userName }), _jsx(AvatarFallback, { className: 'rounded-lg bg-background-primary text-white', children: userInitials })] }), _jsxs("div", { className: 'grid flex-1 text-left text-sm leading-tight', children: [_jsx("span", { className: 'truncate font-semibold', children: userName }), _jsx("span", { className: 'truncate text-xs', children: userEmail })] })] }) }), _jsx(DropdownMenuItem, { className: 'p-0 font-normal cursor-pointer', onClick: () => handleLogout(), children: _jsxs("div", { className: 'flex items-center gap-2 px-1 py-1.5 text-left text-sm', children: [_jsx("div", { className: 'flex w-8 h-8 p-2 items-center rounded-md', children: _jsx(LogOut, { size: 16 }) }), "Log out"] }) })] })] }) }) }));
-};
-export default NavUser;

package/dist/components/ui/custom/sidebar/sidebar-button.d.ts

@@ -1,9 +0,0 @@
-import { Module, SidebarPage } from './types/sidebar';
-interface SidebarItemProps {
-    item: SidebarPage;
-    selectedRoute: string | null;
-    onClick?: (module: Module | null, path: string) => void;
-}
-declare const SidebarButton: ({ item, selectedRoute, onClick }: SidebarItemProps) => import("react/jsx-runtime").JSX.Element;
-export default SidebarButton;
-//# sourceMappingURL=sidebar-button.d.ts.map

package/dist/components/ui/custom/sidebar/sidebar-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar-button.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/sidebar/sidebar-button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEtD,UAAU,gBAAgB;IACzB,IAAI,EAAE,WAAW,CAAC;IAClB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AAED,QAAA,MAAM,aAAa,GAAI,kCAAkC,gBAAgB,4CAiBxE,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/ui/custom/sidebar/sidebar-button.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '@/lib/utils';
-import { SidebarMenuButton } from '../../sidebar';
-const SidebarButton = ({ item, selectedRoute, onClick }) => {
-    return (_jsx(SidebarMenuButton, { asChild: true, className: cn('data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground hover:bg-sidebar-accent px-2 py-5 gap-3 cursor-pointer', selectedRoute?.includes(item.path) ? 'bg-sidebar-accent' : ''), tooltip: item.title, onClick: () => onClick?.(item.module ?? null, item.path), children: _jsxs("div", { children: [_jsx("div", { className: '[&_svg]:size-4 text-sidebar-foreground', children: item.icon }), _jsx("span", { children: item.title })] }) }));
-};
-export default SidebarButton;

package/dist/components/ui/custom/sidebar/sidebar-item-two-lines.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-interface SidebarItemTwoLinesProps {
-    item: {
-        iconLeft: React.ReactNode;
-        title: string;
-        subTitle: string;
-        iconRight?: React.ReactNode | null;
-    };
-}
-declare const SidebarItemTwoLines: ({ item }: SidebarItemTwoLinesProps) => import("react/jsx-runtime").JSX.Element;
-export default SidebarItemTwoLines;
-//# sourceMappingURL=sidebar-item-two-lines.d.ts.map

package/dist/components/ui/custom/sidebar/sidebar-item-two-lines.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar-item-two-lines.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/sidebar/sidebar-item-two-lines.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,wBAAwB;IACjC,IAAI,EAAE;QACL,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;KACnC,CAAC;CACF;AAED,QAAA,MAAM,mBAAmB,GAAI,UAAU,wBAAwB,4CAW9D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/ui/custom/sidebar/sidebar-item-two-lines.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const SidebarItemTwoLines = ({ item }) => {
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: '[&_svg]:size-4 text-white', children: item.iconLeft }), _jsxs("div", { className: 'grid flex-1 text-left text-sm leading-tight', children: [_jsx("span", { className: 'truncate font-semibold', children: item.title }), _jsx("span", { className: 'truncate text-xs text-foreground', children: item.subTitle })] }), item.iconRight] }));
-};
-export default SidebarItemTwoLines;

package/dist/components/ui/custom/sidebar/sidebar-item.d.ts

@@ -1,9 +0,0 @@
-import { Module, SidebarPage } from './types/sidebar';
-interface SidebarItemProps {
-    item: SidebarPage;
-    selectedRoute: string | null;
-    onClick?: (module: Module | null, path: string) => void;
-}
-declare const SidebarItem: ({ item, selectedRoute, onClick }: SidebarItemProps) => import("react/jsx-runtime").JSX.Element;
-export default SidebarItem;
-//# sourceMappingURL=sidebar-item.d.ts.map

package/dist/components/ui/custom/sidebar/sidebar-item.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar-item.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/sidebar/sidebar-item.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEtD,UAAU,gBAAgB;IACzB,IAAI,EAAE,WAAW,CAAC;IAClB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AAED,QAAA,MAAM,WAAW,GAAI,kCAAkC,gBAAgB,4CAMtE,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/ui/custom/sidebar/sidebar-item.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { SidebarMenuItem } from '../../sidebar';
-import SidebarButton from './sidebar-button';
-const SidebarItem = ({ item, selectedRoute, onClick }) => {
-    return (_jsx(SidebarMenuItem, { children: _jsx(SidebarButton, { item: item, selectedRoute: selectedRoute, onClick: onClick }) }));
-};
-export default SidebarItem;

package/dist/components/ui/custom/sidebar/sidebar-module-switcher.d.ts

@@ -1,9 +0,0 @@
-import { Module } from './types/sidebar';
-interface ModuleSwitcherProps {
-    modules: Module[];
-    activeModule: Module | undefined;
-    onModuleChange: (module: Module) => void;
-}
-declare const ModuleSwitcher: ({ modules, activeModule, onModuleChange, }: ModuleSwitcherProps) => import("react/jsx-runtime").JSX.Element;
-export default ModuleSwitcher;
-//# sourceMappingURL=sidebar-module-switcher.d.ts.map

package/dist/components/ui/custom/sidebar/sidebar-module-switcher.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar-module-switcher.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/sidebar/sidebar-module-switcher.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,UAAU,mBAAmB;IAC5B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,QAAA,MAAM,cAAc,GAAI,4CAIrB,mBAAmB,4CAuCrB,CAAC;AAEF,eAAe,cAAc,CAAC"}