@iclips/ui 0.0.16 → 0.0.18

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default from 'react';
+import React__default, { RefObject } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -129,6 +129,136 @@ declare const Button: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttrib
     asChild?: boolean;
 }, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
+interface DadosContrato {
+    numeroContrato: string;
+    dataEmissao: string;
+    dataInicio: string;
+    dataTermino: string;
+    cliente: {
+        nome: string;
+        cnpj?: string;
+        endereco?: string;
+        representante?: string;
+        email?: string;
+        telefone?: string;
+    };
+    agencia: {
+        nome: string;
+        cnpj?: string;
+        endereco?: string;
+        representante?: string;
+        email?: string;
+        telefone?: string;
+    };
+    valorFee: number;
+    totalHoras: number;
+    valorHora?: number;
+    condicoesPagamento: string;
+    formaPagamento?: string;
+    servicos?: Array<{
+        nome: string;
+        descricao?: string;
+        horasEstimadas?: number;
+    }>;
+    clausulas?: Array<{
+        titulo: string;
+        conteudo: string;
+    }>;
+    observacoes?: string;
+}
+interface ContractTemplateProps {
+    data: DadosContrato;
+    showPreview?: boolean;
+    logo?: string;
+    showServices?: boolean;
+}
+declare function ContractTemplate({ data, showPreview, logo, showServices, }: ContractTemplateProps): react_jsx_runtime.JSX.Element;
+/**
+ * Dados de exemplo para o contrato
+ * Use este objeto para testar o componente ContractTemplate
+ */
+declare const dadosContratoExemplo: DadosContrato;
+
+interface ContractPrintProps {
+    /** Dados do contrato */
+    data: DadosContrato;
+    /** URL ou caminho do logo da empresa */
+    logo?: string;
+    /** Mostrar barra de ações (imprimir/download) */
+    showActions?: boolean;
+    /** Mostrar informações resumidas do contrato */
+    showSummary?: boolean;
+    /** Mostrar seção de serviços */
+    showServices?: boolean;
+    /** Mostrar informações sobre o template */
+    showInfo?: boolean;
+    /** Classe CSS adicional */
+    className?: string;
+    /** Callbacks de impressão */
+    onPrintStart?: () => void;
+    onPrintSuccess?: () => void;
+    onPrintError?: (error: Error) => void;
+    /** Callbacks de download */
+    onDownloadStart?: () => void;
+    onDownloadSuccess?: () => void;
+    onDownloadError?: (error: Error) => void;
+}
+/**
+ * Componente wrapper completo para exibir e imprimir contratos
+ *
+ * Inclui:
+ * - Preview do contrato
+ * - Botões de ação (Imprimir/Download PDF)
+ * - Informações resumidas
+ * - Todas as funcionalidades prontas
+ *
+ * @example
+ * ```tsx
+ * import { ContractPrint, dadosContratoExemplo } from '@iclips/design-system';
+ *
+ * function MinhaPage() {
+ *   return (
+ *     <ContractPrint
+ *       data={dadosContratoExemplo}
+ *       logo="/logo.png"
+ *       showActions
+ *       showSummary
+ *     />
+ *   );
+ * }
+ * ```
+ */
+declare function ContractPrint({ data, logo, showActions, showSummary, showServices, showInfo, className, onPrintStart, onPrintSuccess, onPrintError, onDownloadStart, onDownloadSuccess, onDownloadError, }: ContractPrintProps): react_jsx_runtime.JSX.Element;
+/**
+ * Componente simplificado apenas com o preview do contrato
+ * Útil quando você quer construir sua própria UI de ações
+ *
+ * @example
+ * ```tsx
+ * import { ContractPrintPreview, dadosContratoExemplo } from '@iclips/design-system';
+ *
+ * function MinhaPage() {
+ *   const printRef = useRef<HTMLDivElement>(null);
+ *
+ *   return (
+ *     <div>
+ *       <MeusPropriosBotoes printRef={printRef} />
+ *       <ContractPrintPreview
+ *         ref={printRef}
+ *         data={dadosContratoExemplo}
+ *       />
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+declare const ContractPrintPreview: React$1.ForwardRefExoticComponent<{
+    data: DadosContrato;
+    logo?: string;
+    showServices?: boolean;
+    className?: string;
+} & React$1.RefAttributes<HTMLDivElement>>;
+
 declare function Calendar({ className, classNames, showOutsideDays, ...props }: React$1.ComponentProps<typeof DayPicker>): react_jsx_runtime.JSX.Element;
 
 declare function Card({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -608,6 +738,245 @@ declare function cn(...inputs: ClassValue[]): string;
 
 declare function useIsMobile(): boolean;
 
+/**
+ * Opções para o hook de impressão de contratos
+ */
+interface UsePrintContractOptions {
+    /** Callback chamado antes de iniciar a impressão */
+    onPrintStart?: () => void;
+    /** Callback chamado após impressão bem-sucedida */
+    onPrintSuccess?: () => void;
+    /** Callback chamado em caso de erro */
+    onPrintError?: (error: Error) => void;
+    /** Callback chamado antes de iniciar download do PDF */
+    onDownloadStart?: () => void;
+    /** Callback chamado após download bem-sucedido */
+    onDownloadSuccess?: () => void;
+    /** Callback chamado em caso de erro no download */
+    onDownloadError?: (error: Error) => void;
+}
+/**
+ * Hook para gerenciar impressão e download de contratos
+ *
+ * @example
+ * ```tsx
+ * const printRef = useRef<HTMLDivElement>(null);
+ * const { printContract, downloadPDF } = usePrintContract(printRef, 'FEE-2024-001', {
+ *   onPrintSuccess: () => toast.success('Impresso!'),
+ *   onDownloadSuccess: () => toast.success('PDF gerado!'),
+ * });
+ * ```
+ */
+declare function usePrintContract(contentRef: RefObject<HTMLElement | null>, contractNumber?: string, options?: UsePrintContractOptions): {
+    /** Imprime o contrato em nova janela */
+    printContract: () => void;
+    /** Gera e baixa PDF do contrato (implementação simulada) */
+    downloadPDF: () => void;
+};
+
 declare function ImageWithFallback(props: React__default.ImgHTMLAttributes<HTMLImageElement>): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppLayout, type AppLayoutProps, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DateRangePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, ImageWithFallback, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, KanbanCard, type KanbanCardAssignee, type KanbanCardProps, type KanbanCardTag, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverTrigger, type PrimaryNavItem, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, type SecondaryNavItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Toaster as Sonner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TimePicker, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UnderlineTabs, UnderlineTabsContent, UnderlineTabsList, UnderlineTabsTrigger, badgeVariants, buttonVariants, cn, navigationMenuTriggerStyle, toggleVariants, useFormField, useIsMobile, useSidebar };
+interface ProposalData {
+    proposalNumber: string;
+    issueDate: string;
+    validUntil: string;
+    client: {
+        name: string;
+        contact?: string;
+        email?: string;
+        phone?: string;
+    };
+    agency: {
+        name: string;
+        representative?: string;
+        email?: string;
+        phone?: string;
+    };
+    projectTitle: string;
+    projectDescription?: string;
+    objectives?: string[];
+    items: Array<{
+        name: string;
+        description?: string;
+        quantity?: number;
+        unitPrice?: number;
+        totalPrice: number;
+    }>;
+    subtotal: number;
+    discount?: number;
+    total: number;
+    paymentConditions?: string;
+    deliveryTime?: string;
+    notes?: string;
+}
+interface ProposalTemplateProps {
+    data: ProposalData;
+    showPreview?: boolean;
+    logo?: string;
+}
+declare function ProposalTemplate({ data, showPreview, logo, }: ProposalTemplateProps): react_jsx_runtime.JSX.Element;
+
+interface PrintHeaderProps {
+    /**
+     * URL ou path do logo da empresa
+     */
+    logo?: string;
+    /**
+     * Nome da empresa
+     */
+    companyName?: string;
+    /**
+     * Informações de contato
+     */
+    contactInfo?: {
+        address?: string;
+        phone?: string;
+        email?: string;
+        website?: string;
+    };
+    /**
+     * Tipo de documento (aparece no canto direito)
+     */
+    documentType?: string;
+    /**
+     * Número do documento
+     */
+    documentNumber?: string;
+    /**
+     * Data de emissão
+     */
+    issueDate?: string;
+}
+declare function PrintHeader({ logo, companyName, contactInfo, documentType, documentNumber, issueDate, }: PrintHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface PrintFooterProps {
+    /**
+     * Número da página atual
+     */
+    pageNumber?: number;
+    /**
+     * Total de páginas
+     */
+    totalPages?: number;
+    /**
+     * Texto de rodapé customizado
+     */
+    footerText?: string;
+    /**
+     * Mostrar data de geração
+     */
+    showGeneratedDate?: boolean;
+}
+declare function PrintFooter({ pageNumber, totalPages, footerText, showGeneratedDate, }: PrintFooterProps): react_jsx_runtime.JSX.Element;
+
+interface PrintSectionProps {
+    /**
+     * Título da seção
+     */
+    title?: string;
+    /**
+     * Subtítulo da seção
+     */
+    subtitle?: string;
+    /**
+     * Conteúdo da seção
+     */
+    children: React.ReactNode;
+    /**
+     * Classe CSS adicional
+     */
+    className?: string;
+    /**
+     * Evitar quebra de página
+     */
+    avoidBreak?: boolean;
+    /**
+     * Forçar quebra de página antes
+     */
+    pageBreak?: boolean;
+}
+declare function PrintSection({ title, subtitle, children, className, avoidBreak, pageBreak, }: PrintSectionProps): react_jsx_runtime.JSX.Element;
+
+interface Column {
+    header: string;
+    key: string;
+    align?: "left" | "center" | "right";
+    width?: string;
+    render?: (value: any, row: any) => React.ReactNode;
+}
+interface PrintTableProps {
+    /**
+     * Colunas da tabela
+     */
+    columns: Column[];
+    /**
+     * Dados da tabela
+     */
+    data: any[];
+    /**
+     * Título da tabela (opcional)
+     */
+    title?: string;
+    /**
+     * Mostrar zebra (linhas alternadas)
+     */
+    striped?: boolean;
+    /**
+     * Mostrar borda
+     */
+    bordered?: boolean;
+    /**
+     * Densidade (espaçamento)
+     */
+    density?: "compact" | "normal" | "comfortable";
+}
+declare function PrintTable({ columns, data, title, striped, bordered, density, }: PrintTableProps): react_jsx_runtime.JSX.Element;
+
+interface SignatureField {
+    label: string;
+    name?: string;
+    role?: string;
+    date?: string;
+}
+interface PrintSignatureProps {
+    /**
+     * Lista de assinaturas necessárias
+     */
+    signatures: SignatureField[];
+    /**
+     * Layout das assinaturas
+     */
+    layout?: "horizontal" | "vertical";
+    /**
+     * Mostrar linha de assinatura
+     */
+    showLine?: boolean;
+    /**
+     * Texto de instrução
+     */
+    instructionText?: string;
+}
+declare function PrintSignature({ signatures, layout, showLine, instructionText, }: PrintSignatureProps): react_jsx_runtime.JSX.Element;
+
+interface InfoItem {
+    label: string;
+    value: string | React.ReactNode;
+    highlight?: boolean;
+}
+interface PrintInfoGridProps {
+    /**
+     * Lista de informações a serem exibidas
+     */
+    items: InfoItem[];
+    /**
+     * Número de colunas
+     */
+    columns?: 1 | 2 | 3 | 4;
+    /**
+     * Classe CSS adicional
+     */
+    className?: string;
+}
+declare function PrintInfoGrid({ items, columns, className, }: PrintInfoGridProps): react_jsx_runtime.JSX.Element;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppLayout, type AppLayoutProps, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ContractPrint, ContractPrintPreview, type ContractPrintProps, ContractTemplate, type DadosContrato, DateRangePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, ImageWithFallback, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, KanbanCard, type KanbanCardAssignee, type KanbanCardProps, type KanbanCardTag, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverTrigger, type PrimaryNavItem, PrintFooter, PrintHeader, PrintInfoGrid, PrintSection, PrintSignature, PrintTable, Progress, type ProposalData, ProposalTemplate, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, type SecondaryNavItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Toaster as Sonner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TimePicker, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UnderlineTabs, UnderlineTabsContent, UnderlineTabsList, UnderlineTabsTrigger, type UsePrintContractOptions, badgeVariants, buttonVariants, cn, dadosContratoExemplo, navigationMenuTriggerStyle, toggleVariants, useFormField, useIsMobile, usePrintContract, useSidebar };