eai-frontend-components 2.0.64 → 2.0.66

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/custom/label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,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;IACpB,WAAW,CAAC,EAAE;QACb,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;QACtB,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,IAAI,CAAC;KACpB,CAAC;CACF;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8EjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Copy } from 'lucide-react';
+import { cn } from '../../../lib/utils';
+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, hoverAction, }) => {
+    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 || hoverAction ? '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("span", { 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 }) })), showCopyIcon && (_jsx("div", { className: cn('absolute top-1/2 right-0 -translate-y-1/2 opacity-0 transition-opacity 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-10 w-8 bg-sidebar-accent'), onClick: handleCopy, children: _jsx(Copy, { size: 16 }) }) }), _jsx(TooltipContent, { children: "Copiar" })] }) }) })), hoverAction && (_jsx("div", { className: cn('absolute top-1/2 right-0 -translate-y-1/2 opacity-0 transition-opacity 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-10 w-8 bg-sidebar-accent'), onClick: hoverAction.onClick, children: hoverAction.icon }) }), _jsx(TooltipContent, { children: hoverAction.tooltip })] }) }) }))] }) }) }));
+};
+export default LabelWithTitle;

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

@@ -0,0 +1,3 @@
+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

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

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

@@ -0,0 +1,9 @@
+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, { type: 'button', onClick: () => {
+                            window.location.href = '/';
+                        }, className: '[&_svg]:size-5', children: [_jsx(BarChart2, {}), "Voltar Para Inicial"] }) })] }) }));
+};
+export default NotFound;

package/dist/components/ui/custom/responsive-dialog.d.ts

@@ -0,0 +1,24 @@
+export type ResponsiveDialogAction = {
+    label: string;
+    icon?: JSX.Element;
+    variant: 'link' | 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost';
+    onClick?: () => void;
+    className?: string;
+    disabled?: boolean;
+    hideMobile?: boolean;
+};
+export type ResponsiveDialogRef = {
+    close: () => void;
+};
+interface ResponsiveDialogProps {
+    trigger?: React.ReactNode;
+    title: string;
+    description?: string;
+    children: React.ReactNode;
+    actions?: ResponsiveDialogAction[];
+    isOpenDialog?: boolean;
+    setIsOpenDialog?: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export declare const ResponsiveDialog: import("react").ForwardRefExoticComponent<ResponsiveDialogProps & import("react").RefAttributes<ResponsiveDialogRef>>;
+export {};
+//# sourceMappingURL=responsive-dialog.d.ts.map

package/dist/components/ui/custom/responsive-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/custom/responsive-dialog.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,sBAAsB,GAAG;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IAChF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IACjC,KAAK,EAAE,MAAM,IAAI,CAAC;CAClB,CAAC;AAEF,UAAU,qBAAqB;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAChE;AAED,eAAO,MAAM,gBAAgB,uHA2E5B,CAAC"}

package/dist/components/ui/custom/responsive-dialog.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useImperativeHandle, useState } from 'react';
+import { useIsMobile } from '@/hooks/use-mobile';
+import { cn } from '@/lib/utils';
+import { Button } from '../button';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger } from '../dialog';
+import { Drawer, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger } from '../drawer';
+export const ResponsiveDialog = forwardRef(({ title, trigger, description, children, actions, isOpenDialog, setIsOpenDialog }, ref) => {
+    const [open, setOpen] = useState(false);
+    const isMobile = useIsMobile();
+    useEffect(() => {
+        if (isOpenDialog !== undefined) {
+            setOpen(isOpenDialog);
+        }
+    }, [isOpenDialog]);
+    useEffect(() => {
+        if (setIsOpenDialog !== undefined) {
+            setIsOpenDialog(open);
+        }
+    }, [open]);
+    useImperativeHandle(ref, () => ({
+        close: () => setOpen(false),
+    }));
+    const renderTitle = () => _jsx("div", { className: 'text-2xl font-semibold', children: title });
+    const renderActions = () => {
+        return actions?.map((action, index) => (_jsxs(Button, { onClick: () => action.onClick?.(), variant: action.variant, disabled: action.disabled, className: cn('', action.hideMobile && 'md:flex hidden'), children: [action.icon && _jsx("div", { className: '[&_svg]:size-5', children: action.icon }), action.label] }, `action-responsive-dialog-${index}`)));
+    };
+    if (isMobile) {
+        return (_jsxs(Drawer, { open: open, onOpenChange: setOpen, children: [trigger && (_jsx(DrawerTrigger, { className: 'cursor-pointer', asChild: true, children: trigger })), _jsxs(DrawerContent, { className: 'px-5 py-7 rounded-t-3xl', children: [_jsxs(DrawerHeader, { children: [_jsx(DrawerTitle, { children: renderTitle() }), description ? _jsx(DrawerDescription, { children: description }) : _jsx(DrawerDescription, {})] }), children, _jsx(DrawerFooter, { className: 'grid gap-6 px-0 pt-8', children: renderActions() })] })] }));
+    }
+    return (_jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [trigger && (_jsx(DialogTrigger, { className: 'cursor-pointer h-min', asChild: true, children: trigger })), _jsxs(DialogContent, { className: 'px-4 py-7 rounded-3xl', children: [_jsx(DialogTitle, { className: 'px-1', children: renderTitle() }), description ? _jsx(DialogDescription, { className: 'px-1', children: description }) : _jsx(DialogDescription, {}), _jsx("div", { className: 'max-h-[70vh] overflow-y-auto px-1', children: children }), _jsx(DialogFooter, { className: 'gap-2 px-1', children: renderActions() })] })] }));
+});

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

@@ -0,0 +1,9 @@
+import type { 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

@@ -0,0 +1 @@
+{"version":3,"file":"module-switcher.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/sidebar/module-switcher.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAE9C,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,2CAA2C,mBAAmB,4CAiDrF,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check, ChevronsUpDown } from 'lucide-react';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '../../dropdown-menu';
+import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from '../../sidebar';
+import SidebarItemTwoLines from './sidebar-item-two-lines';
+const ModuleSwitcher = ({ modules, activeModule, onModuleChange }) => {
+    const { isMobile } = useSidebar();
+    return modules.length === 1 ? (_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 ?? '',
+            } }) })) : (_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: () => onModuleChange?.(module), 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

@@ -0,0 +1,7 @@
+import type { 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

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

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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,7 @@
+import { type 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

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

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

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLocation, useNavigate } from 'react-router-dom';
+import { SidebarGroup, SidebarGroupContent, SidebarMenu, useSidebar } 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 } = useSidebar();
+    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

@@ -0,0 +1,9 @@
+import type { 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

@@ -0,0 +1 @@
+{"version":3,"file":"nav-submenu-collapsible.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/sidebar/nav-submenu-collapsible.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,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,4CA4C1F,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronRight } from 'lucide-react';
+import { cn } from '../../../../lib/utils';
+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

@@ -0,0 +1,10 @@
+import type { 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

@@ -0,0 +1 @@
+{"version":3,"file":"nav-submenu-dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/sidebar/nav-submenu-dropdown.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,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,4CAuC1F,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronRight } from 'lucide-react';
+import { cn } from '../../../../lib/utils';
+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

@@ -0,0 +1,9 @@
+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

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

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

@@ -0,0 +1,24 @@
+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

@@ -0,0 +1,9 @@
+import type { 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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-button.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/sidebar/sidebar-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE3D,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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,12 @@
+import type * 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

@@ -0,0 +1 @@
+{"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,KAAK,MAAM,OAAO,CAAC;AAEpC,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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,9 @@
+import type { 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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-item.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/sidebar/sidebar-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE3D,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

@@ -0,0 +1,7 @@
+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/types/sidebar.d.ts

@@ -0,0 +1,29 @@
+export declare const SidebarSubmenuType: {
+    readonly COLLAPSIBLE: "collapsible";
+    readonly DROPDOWN: "dropdown";
+};
+export type SidebarSubmenuType = (typeof SidebarSubmenuType)[keyof typeof SidebarSubmenuType];
+export interface Module {
+    value: string;
+    path: string;
+    title: string;
+    icon: React.ReactNode;
+    subTitle: string;
+}
+export interface SidebarPage {
+    module: Module;
+    path: string;
+    icon?: React.ReactNode;
+    title: string;
+    hideSidebar: boolean;
+    displayOnlyresellerIsAdm?: boolean;
+    subMenuType?: SidebarSubmenuType;
+    subMenuItems?: {
+        label: string;
+        description?: string;
+        path: string;
+        displayOnlyresellerIsAdm?: boolean;
+        disabled?: boolean;
+    }[];
+}
+//# sourceMappingURL=sidebar.d.ts.map

package/dist/components/ui/custom/sidebar/types/sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/custom/sidebar/types/sidebar.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB;;;CAIrB,CAAC;AACX,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAE9F,MAAM,WAAW,MAAM;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,WAAW;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,YAAY,CAAC,EAAE;QACd,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,EAAE,MAAM,CAAC;QACb,wBAAwB,CAAC,EAAE,OAAO,CAAC;QACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;KACnB,EAAE,CAAC;CACJ"}

package/dist/components/ui/custom/sidebar/types/sidebar.js

@@ -0,0 +1,5 @@
+export const SidebarSubmenuType = {
+    COLLAPSIBLE: 'collapsible',
+    // Deprecated: Use COLLAPSIBLE instead
+    DROPDOWN: 'dropdown',
+};

package/dist/components/ui/custom/table/data-table-export.d.ts

@@ -0,0 +1,8 @@
+import type { ExportDataTable } from './types/data-table';
+interface DataTableExportProps {
+    exportData?: ExportDataTable;
+    totalRows: number;
+}
+export declare function DataTableExport({ exportData, totalRows }: DataTableExportProps): import("react/jsx-runtime").JSX.Element | null | undefined;
+export {};
+//# sourceMappingURL=data-table-export.d.ts.map

package/dist/components/ui/custom/table/data-table-export.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-export.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/table/data-table-export.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,UAAU,oBAAoB;IAC7B,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,eAAe,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,oBAAoB,8DAgH9E"}

package/dist/components/ui/custom/table/data-table-export.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useForm } from 'react-hook-form';
+import { z } from 'zod';
+import { downloadWithServiceWorker } from '@/lib/help/download';
+import { Button } from '../../button';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../../dialog';
+import { Form } from '../../form';
+import { toast } from '../../use-toast';
+import { FormRadioGroup } from '../form/radio-group';
+export function DataTableExport({ exportData, totalRows }) {
+    const ExportDataSchema = z.object({
+        model: z.string(),
+        format: z.string(),
+    });
+    const form = useForm({
+        mode: 'onTouched',
+        resolver: zodResolver(ExportDataSchema),
+    });
+    const { control, trigger, handleSubmit } = form;
+    const exportXlSX = () => {
+        if (!exportData)
+            return;
+        if (totalRows === 0) {
+            toast({
+                title: 'Não há dados para exportar.',
+                variant: 'destructive',
+            });
+            return {};
+        }
+        const params = new URLSearchParams(exportData.params).toString();
+        downloadWithServiceWorker(`${exportData.url}?${params}`, 'data_export.xlsx');
+    };
+    const renderExport = () => {
+        if (!exportData)
+            return null;
+        if (exportData.type === 'xlsx') {
+            return (_jsx(Button, { type: 'button', variant: 'secondary', onClick: exportXlSX, children: "Exportar" }));
+        }
+        if (exportData.type === 'dialog') {
+            const onSubmit = async (_values) => {
+                await trigger();
+                toast({
+                    title: 'Em desenvolvimento.',
+                    variant: 'destructive',
+                });
+            };
+            const onError = async (_errors) => {
+                toast({
+                    title: 'Erro ao salvar',
+                    description: 'Verifique os campos obrigatórios',
+                    variant: 'destructive',
+                });
+            };
+            return (_jsx(Form, { ...form, onSubmit: handleSubmit(onSubmit, onError), children: _jsxs(Dialog, { children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { type: 'button', variant: 'secondary', children: "Exportar" }) }), _jsxs(DialogContent, { hideClose: true, className: 'fixed p-6 rounded-lg w-[451px]', children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Exportar" }), _jsx(DialogDescription, {})] }), _jsxs("div", { className: 'flex flex-col gap-6', children: [_jsx(FormRadioGroup, { control: control, name: 'model', label: 'Selecione o modelo de visualiza\u00E7\u00E3o', options: [
+                                                { value: '0', label: 'Resumido' },
+                                                { value: '1', label: 'Detalhado' },
+                                            ], className: 'text-sm font-normal', classNameOptions: 'flex flex-col gap-4 mt-4 text-sm font-normal' }), _jsx(FormRadioGroup, { control: control, name: 'format', label: 'Selecione o formato desejado para exporta\u00E7\u00E3o', options: [
+                                                { value: '0', label: 'PDF' },
+                                                { value: '1', label: 'XLSX' },
+                                            ], className: 'text-sm font-normal', classNameOptions: 'flex flex-col gap-4 mt-4 text-sm font-normal' })] }), _jsxs(DialogFooter, { className: 'sm:justify-end gap-2', children: [_jsx(Button, { type: 'button', variant: 'secondary', children: "Fechar" }), _jsx(Button, { type: 'button', variant: 'default', onClick: () => exportXlSX(), children: "Exportar" })] })] })] }) }));
+        }
+        return null;
+    };
+    return exportData && renderExport();
+}

package/dist/components/ui/custom/table/data-table-footer.d.ts

@@ -0,0 +1,25 @@
+import type { PaginationState } from '@tanstack/react-table';
+import type { ExportDataTable } from './types/data-table';
+interface DataTableFooterProps<_TData> {
+    hidePagination?: boolean;
+    disablePagination?: boolean;
+    isLoading?: boolean;
+    totalRows: number;
+    totalPages: number;
+    currentPage: number;
+    pagination: PaginationState;
+    handlePageSize: (value: number) => void;
+    handlePage: (value: number) => void;
+    previousPage: {
+        action: () => void;
+        disabled: boolean;
+    };
+    nextPage: {
+        action: () => void;
+        disabled: boolean;
+    };
+    exportData?: ExportDataTable;
+}
+export declare function DataTableFooter<TData>({ isLoading, totalRows, totalPages, currentPage, hidePagination, disablePagination, pagination, handlePageSize, handlePage, previousPage, nextPage, exportData, }: DataTableFooterProps<TData>): false | import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=data-table-footer.d.ts.map

package/dist/components/ui/custom/table/data-table-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-footer.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/custom/table/data-table-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAa7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,UAAU,oBAAoB,CAAC,MAAM;IACpC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,eAAe,CAAC;IAC5B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY,EAAE;QACb,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,QAAQ,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,QAAQ,EAAE;QACT,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,QAAQ,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,UAAU,CAAC,EAAE,eAAe,CAAC;CAC7B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,EACtC,SAAS,EACT,SAAS,EACT,UAAU,EACV,WAAW,EACX,cAAc,EACd,iBAAiB,EACjB,UAAU,EACV,cAAc,EACd,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,UAAU,GACV,EAAE,oBAAoB,CAAC,KAAK,CAAC,mDAkG7B"}