@iclips/ui 0.0.16 → 0.0.18

package/dist/index.js

@@ -1,9 +1,9 @@
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { MoreVertical, AlertCircle, Calendar, CheckSquare, MessageSquare, Paperclip, ChevronDownIcon, Home, Folder, Users, BarChart3, Settings, Pin, Plus, LayoutGrid, FileText, Star, Download, Sparkles, ChevronRight, Zap, PanelLeftClose, PanelLeft, Bell, MoreHorizontal, ChevronLeft, ArrowLeft, ArrowRight, Check, CheckIcon, CircleIcon, ChevronRightIcon, XIcon, SearchIcon, MinusIcon, ChevronLeftIcon, MoreHorizontalIcon, GripVerticalIcon, ChevronUpIcon, PanelLeftIcon } from 'lucide-react';
+import { MoreVertical, AlertCircle, Calendar, CheckSquare, MessageSquare, Paperclip, ChevronDownIcon, Home, Folder, Users, BarChart3, Settings, Pin, Plus, LayoutGrid, FileText, Star, Download, Sparkles, ChevronRight, Zap, PanelLeftClose, PanelLeft, Bell, MoreHorizontal, Printer, Eye, ChevronLeft, ArrowLeft, ArrowRight, Check, CheckIcon, CircleIcon, ChevronRightIcon, XIcon, SearchIcon, MinusIcon, ChevronLeftIcon, MoreHorizontalIcon, GripVerticalIcon, ChevronUpIcon, PanelLeftIcon } from 'lucide-react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import * as React5 from 'react';
+import * as React7 from 'react';
 import { useState } from 'react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { Slot } from '@radix-ui/react-slot';
@@ -127,7 +127,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React5.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+var Button = React7.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -155,7 +155,7 @@ function AlertDialogPortal({
 }) {
   return /* @__PURE__ */ jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
 }
-var AlertDialogOverlay = React5.forwardRef(({ className, ...props }, ref) => {
+var AlertDialogOverlay = React7.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     AlertDialogPrimitive.Overlay,
     {
@@ -395,7 +395,7 @@ var badgeVariants = cva(
     }
   }
 );
-var Badge = React5.forwardRef(({ className, variant, asChild = false, ...props }, ref) => {
+var Badge = React7.forwardRef(({ className, variant, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "span";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -540,10 +540,10 @@ function AppLayout({
   defaultPrimaryNavPinned = false,
   defaultSecondaryNavOpen = true
 }) {
-  const [isPrimaryNavPinned, setIsPrimaryNavPinned] = React5.useState(defaultPrimaryNavPinned);
-  const [isPrimaryNavHovered, setIsPrimaryNavHovered] = React5.useState(false);
-  const [isSecondaryNavOpen, setIsSecondaryNavOpen] = React5.useState(defaultSecondaryNavOpen);
-  const [activeItem, setActiveItem] = React5.useState(activePrimaryItem || primaryNavItems[0]?.id);
+  const [isPrimaryNavPinned, setIsPrimaryNavPinned] = React7.useState(defaultPrimaryNavPinned);
+  const [isPrimaryNavHovered, setIsPrimaryNavHovered] = React7.useState(false);
+  const [isSecondaryNavOpen, setIsSecondaryNavOpen] = React7.useState(defaultSecondaryNavOpen);
+  const [activeItem, setActiveItem] = React7.useState(activePrimaryItem || primaryNavItems[0]?.id);
   const isPrimaryNavExpanded = isPrimaryNavPinned || isPrimaryNavHovered;
   const handlePrimaryItemClick = (id) => {
     setActiveItem(id);
@@ -815,61 +815,6 @@ function BreadcrumbEllipsis({
     }
   );
 }
-function Calendar2({
-  className,
-  classNames,
-  showOutsideDays = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    DayPicker,
-    {
-      showOutsideDays,
-      className: cn("p-3", className),
-      classNames: {
-        months: "flex flex-col sm:flex-row gap-2",
-        month: "flex flex-col gap-4",
-        caption: "flex justify-center pt-1 relative items-center w-full",
-        caption_label: "text-sm font-medium",
-        nav: "flex items-center gap-1",
-        nav_button: cn(
-          buttonVariants({ variant: "outline" }),
-          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100"
-        ),
-        nav_button_previous: "absolute left-1",
-        nav_button_next: "absolute right-1",
-        table: "w-full border-collapse space-x-1",
-        head_row: "flex",
-        head_cell: "text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",
-        row: "flex w-full mt-2",
-        cell: cn(
-          "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-r-md",
-          props.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md"
-        ),
-        day: cn(
-          buttonVariants({ variant: "ghost" }),
-          "size-8 p-0 font-normal aria-selected:opacity-100"
-        ),
-        day_range_start: "day-range-start aria-selected:bg-primary aria-selected:text-primary-foreground",
-        day_range_end: "day-range-end aria-selected:bg-primary aria-selected:text-primary-foreground",
-        day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
-        day_today: "bg-accent text-accent-foreground",
-        day_outside: "day-outside text-muted-foreground aria-selected:text-muted-foreground",
-        day_disabled: "text-muted-foreground opacity-50",
-        day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
-        day_hidden: "invisible",
-        ...classNames
-      },
-      components: {
-        Chevron: ({ orientation, ...props2 }) => {
-          const Icon2 = orientation === "left" ? ChevronLeft : ChevronRight;
-          return /* @__PURE__ */ jsx(Icon2, { className: "size-4", ...props2 });
-        }
-      },
-      ...props
-    }
-  );
-}
 function Card({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -936,9 +881,863 @@ function CardFooter({ className, ...props }) {
     }
   );
 }
-var CarouselContext = React5.createContext(null);
+var ERROR_IMG_SRC = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODgiIGhlaWdodD0iODgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSIuMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIzLjciPjxyZWN0IHg9IjE2IiB5PSIxNiIgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iNiIvPjxwYXRoIGQ9Im0xNiA1OCAxNi0xOCAzMiAzMiIvPjxjaXJjbGUgY3g9IjUzIiBjeT0iMzUiIHI9IjciLz48L3N2Zz4KCg==";
+function ImageWithFallback(props) {
+  const [didError, setDidError] = useState(false);
+  const handleError = () => {
+    setDidError(true);
+  };
+  const { src, alt, style, className, ...rest } = props;
+  return didError ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `inline-block bg-gray-100 text-center align-middle ${className ?? ""}`,
+      style,
+      children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ jsx("img", { src: ERROR_IMG_SRC, alt: "Error loading image", ...rest, "data-original-url": src }) })
+    }
+  ) : /* @__PURE__ */ jsx("img", { src, alt, className, style, ...rest, onError: handleError });
+}
+function PrintHeader({
+  logo,
+  companyName = "iClips",
+  contactInfo,
+  documentType,
+  documentNumber,
+  issueDate
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "print-header border-b-2 border-primary pb-6 mb-8", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
+      logo && /* @__PURE__ */ jsx("div", { className: "w-24 h-24 flex-shrink-0", children: /* @__PURE__ */ jsx(
+        ImageWithFallback,
+        {
+          src: logo,
+          alt: `${companyName} Logo`,
+          className: "w-full h-full object-contain"
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold text-primary", children: companyName }),
+        contactInfo && /* @__PURE__ */ jsxs("div", { className: "text-xs text-gray-600 space-y-0.5", children: [
+          contactInfo.address && /* @__PURE__ */ jsx("p", { children: contactInfo.address }),
+          contactInfo.phone && /* @__PURE__ */ jsxs("p", { children: [
+            "Tel: ",
+            contactInfo.phone
+          ] }),
+          contactInfo.email && /* @__PURE__ */ jsxs("p", { children: [
+            "Email: ",
+            contactInfo.email
+          ] }),
+          contactInfo.website && /* @__PURE__ */ jsxs("p", { children: [
+            "Site: ",
+            contactInfo.website
+          ] })
+        ] })
+      ] })
+    ] }),
+    (documentType || documentNumber || issueDate) && /* @__PURE__ */ jsxs("div", { className: "text-right space-y-1", children: [
+      documentType && /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-900", children: documentType }),
+      documentNumber && /* @__PURE__ */ jsxs("p", { className: "text-sm text-gray-600", children: [
+        "N\xBA ",
+        documentNumber
+      ] }),
+      issueDate && /* @__PURE__ */ jsxs("p", { className: "text-xs text-gray-500", children: [
+        "Emitido em: ",
+        issueDate
+      ] })
+    ] })
+  ] }) });
+}
+function PrintFooter({
+  pageNumber,
+  totalPages,
+  footerText,
+  showGeneratedDate = true
+}) {
+  const currentDate = (/* @__PURE__ */ new Date()).toLocaleDateString("pt-BR", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  });
+  return /* @__PURE__ */ jsx("div", { className: "print-footer mt-12 pt-6 border-t border-gray-200", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs text-gray-500", children: [
+    /* @__PURE__ */ jsx("div", { children: footerText ? /* @__PURE__ */ jsx("p", { children: footerText }) : showGeneratedDate ? /* @__PURE__ */ jsxs("p", { children: [
+      "Documento gerado em ",
+      currentDate
+    ] }) : null }),
+    pageNumber && totalPages && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("p", { children: [
+      "P\xE1gina ",
+      pageNumber,
+      " de ",
+      totalPages
+    ] }) })
+  ] }) });
+}
+function PrintSection({
+  title,
+  subtitle,
+  children,
+  className,
+  avoidBreak = false,
+  pageBreak = false
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "print-section mb-8",
+        avoidBreak && "avoid-break",
+        pageBreak && "page-break",
+        className
+      ),
+      children: [
+        title && /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-gray-900 border-b-2 border-primary pb-2", children: title }),
+          subtitle && /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600 mt-1", children: subtitle })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-700 leading-relaxed", children })
+      ]
+    }
+  );
+}
+function PrintInfoGrid({
+  items,
+  columns = 2,
+  className
+}) {
+  const gridClass = {
+    1: "grid-cols-1",
+    2: "grid-cols-2",
+    3: "grid-cols-3",
+    4: "grid-cols-4"
+  }[columns];
+  return /* @__PURE__ */ jsx("div", { className: cn("print-info-grid", className), children: /* @__PURE__ */ jsx("div", { className: cn("grid gap-4", gridClass), children: items.map((item, index) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "info-item",
+        item.highlight && "bg-gray-50 p-3 rounded border border-gray-200"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("dt", { className: "text-xs font-medium text-gray-500 uppercase tracking-wide mb-1", children: item.label }),
+        /* @__PURE__ */ jsx(
+          "dd",
+          {
+            className: cn(
+              "text-sm text-gray-900",
+              item.highlight && "font-semibold"
+            ),
+            children: item.value
+          }
+        )
+      ]
+    },
+    index
+  )) }) });
+}
+function PrintTable({
+  columns,
+  data,
+  title,
+  striped = true,
+  bordered = true,
+  density = "normal"
+}) {
+  const paddingClass = {
+    compact: "px-2 py-1",
+    normal: "px-3 py-2",
+    comfortable: "px-4 py-3"
+  }[density];
+  return /* @__PURE__ */ jsxs("div", { className: "print-table-container avoid-break", children: [
+    title && /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold text-gray-900 mb-3", children: title }),
+    /* @__PURE__ */ jsxs(
+      "table",
+      {
+        className: cn(
+          "w-full text-sm",
+          bordered && "border border-gray-300"
+        ),
+        children: [
+          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { className: "bg-gray-100", children: columns.map((column, index) => /* @__PURE__ */ jsx(
+            "th",
+            {
+              className: cn(
+                paddingClass,
+                "font-semibold text-gray-900 border-b-2 border-gray-300",
+                column.align === "center" && "text-center",
+                column.align === "right" && "text-right"
+              ),
+              style: { width: column.width },
+              children: column.header
+            },
+            index
+          )) }) }),
+          /* @__PURE__ */ jsx("tbody", { children: data.map((row, rowIndex) => /* @__PURE__ */ jsx(
+            "tr",
+            {
+              className: cn(
+                striped && rowIndex % 2 === 0 && "bg-gray-50",
+                "avoid-break"
+              ),
+              children: columns.map((column, colIndex) => {
+                const value = row[column.key];
+                const displayValue = column.render ? column.render(value, row) : value;
+                return /* @__PURE__ */ jsx(
+                  "td",
+                  {
+                    className: cn(
+                      paddingClass,
+                      "border-b border-gray-200",
+                      column.align === "center" && "text-center",
+                      column.align === "right" && "text-right"
+                    ),
+                    children: displayValue
+                  },
+                  colIndex
+                );
+              })
+            },
+            rowIndex
+          )) })
+        ]
+      }
+    )
+  ] });
+}
+function PrintSignature({
+  signatures,
+  layout = "horizontal",
+  showLine = true,
+  instructionText
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "print-signature mt-12 page-break avoid-break", children: [
+    instructionText && /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600 mb-6", children: instructionText }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: layout === "horizontal" ? "grid grid-cols-2 gap-8" : "space-y-12",
+        children: signatures.map((signature, index) => /* @__PURE__ */ jsxs("div", { className: "signature-field", children: [
+          /* @__PURE__ */ jsx("div", { className: "h-20 mb-2" }),
+          showLine && /* @__PURE__ */ jsx("div", { className: "border-t-2 border-gray-900 mb-2" }),
+          /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
+            /* @__PURE__ */ jsx("p", { className: "font-semibold text-gray-900", children: signature.label }),
+            signature.name && /* @__PURE__ */ jsx("p", { className: "text-gray-600", children: signature.name }),
+            signature.role && /* @__PURE__ */ jsx("p", { className: "text-gray-500 text-xs", children: signature.role }),
+            signature.date && /* @__PURE__ */ jsxs("p", { className: "text-gray-500 text-xs mt-1", children: [
+              "Data: ",
+              signature.date
+            ] })
+          ] })
+        ] }, index))
+      }
+    )
+  ] });
+}
+function ContractTemplate({
+  data,
+  showPreview = false,
+  logo,
+  showServices = true
+}) {
+  const formatCurrency = (value) => {
+    return new Intl.NumberFormat("pt-BR", {
+      style: "currency",
+      currency: "BRL"
+    }).format(value);
+  };
+  const formatDate = (dateStr) => {
+    return new Date(dateStr).toLocaleDateString("pt-BR", {
+      year: "numeric",
+      month: "long",
+      day: "numeric"
+    });
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "contract-template bg-white text-black",
+        showPreview ? "shadow-lg rounded-lg p-8 max-w-5xl mx-auto my-8" : "p-0"
+      ),
+      style: {
+        fontFamily: "system-ui, -apple-system, sans-serif",
+        fontSize: "12pt",
+        lineHeight: "1.6"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          PrintHeader,
+          {
+            logo,
+            companyName: data.agencia.nome,
+            contactInfo: {
+              address: data.agencia.endereco,
+              phone: data.agencia.telefone,
+              email: data.agencia.email
+            },
+            documentType: "Contrato de Fee Mensal",
+            documentNumber: data.numeroContrato,
+            issueDate: formatDate(data.dataEmissao)
+          }
+        ),
+        /* @__PURE__ */ jsx(PrintSection, { title: "Informa\xE7\xF5es do Contrato", children: /* @__PURE__ */ jsx(
+          PrintInfoGrid,
+          {
+            columns: 2,
+            items: [
+              {
+                label: "N\xFAmero do Contrato",
+                value: data.numeroContrato,
+                highlight: true
+              },
+              {
+                label: "Data de Emiss\xE3o",
+                value: formatDate(data.dataEmissao)
+              },
+              {
+                label: "Vig\xEAncia - In\xEDcio",
+                value: formatDate(data.dataInicio)
+              },
+              {
+                label: "Vig\xEAncia - T\xE9rmino",
+                value: formatDate(data.dataTermino)
+              },
+              {
+                label: "Valor do Fee Mensal",
+                value: formatCurrency(data.valorFee),
+                highlight: true
+              },
+              {
+                label: "Total de Horas",
+                value: `${data.totalHoras}h/m\xEAs`
+              }
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(PrintSection, { title: "Partes Contratantes", className: "grid grid-cols-2 gap-6", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm mb-3 text-primary", children: "CONTRATANTE" }),
+            /* @__PURE__ */ jsx(
+              PrintInfoGrid,
+              {
+                columns: 1,
+                items: [
+                  { label: "Raz\xE3o Social", value: data.cliente.nome },
+                  ...data.cliente.cnpj ? [{ label: "CNPJ", value: data.cliente.cnpj }] : [],
+                  ...data.cliente.endereco ? [{ label: "Endere\xE7o", value: data.cliente.endereco }] : [],
+                  ...data.cliente.representante ? [
+                    {
+                      label: "Representante Legal",
+                      value: data.cliente.representante
+                    }
+                  ] : [],
+                  ...data.cliente.email ? [{ label: "E-mail", value: data.cliente.email }] : [],
+                  ...data.cliente.telefone ? [{ label: "Telefone", value: data.cliente.telefone }] : []
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm mb-3 text-primary", children: "CONTRATADA" }),
+            /* @__PURE__ */ jsx(
+              PrintInfoGrid,
+              {
+                columns: 1,
+                items: [
+                  { label: "Raz\xE3o Social", value: data.agencia.nome },
+                  ...data.agencia.cnpj ? [{ label: "CNPJ", value: data.agencia.cnpj }] : [],
+                  ...data.agencia.endereco ? [{ label: "Endere\xE7o", value: data.agencia.endereco }] : [],
+                  ...data.agencia.representante ? [
+                    {
+                      label: "Representante Legal",
+                      value: data.agencia.representante
+                    }
+                  ] : [],
+                  ...data.agencia.email ? [{ label: "E-mail", value: data.agencia.email }] : [],
+                  ...data.agencia.telefone ? [{ label: "Telefone", value: data.agencia.telefone }] : []
+                ]
+              }
+            )
+          ] })
+        ] }),
+        showServices && data.servicos && data.servicos.length > 0 && /* @__PURE__ */ jsx(PrintSection, { title: "Escopo dos Servi\xE7os", children: /* @__PURE__ */ jsx(
+          PrintTable,
+          {
+            columns: [
+              { header: "Servi\xE7o", key: "nome", width: "40%" },
+              { header: "Descri\xE7\xE3o", key: "descricao", width: "45%" },
+              {
+                header: "Horas Est.",
+                key: "horasEstimadas",
+                align: "center",
+                width: "15%",
+                render: (value) => value ? `${value}h` : "-"
+              }
+            ],
+            data: data.servicos,
+            striped: true,
+            density: "comfortable"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(PrintSection, { title: "Condi\xE7\xF5es Comerciais", children: /* @__PURE__ */ jsx(
+          PrintInfoGrid,
+          {
+            columns: 2,
+            items: [
+              {
+                label: "Valor do Fee Mensal",
+                value: formatCurrency(data.valorFee),
+                highlight: true
+              },
+              {
+                label: "Total de Horas Mensais",
+                value: `${data.totalHoras} horas`
+              },
+              ...data.valorHora ? [
+                {
+                  label: "Valor da Hora Adicional",
+                  value: formatCurrency(data.valorHora)
+                }
+              ] : [],
+              {
+                label: "Condi\xE7\xF5es de Pagamento",
+                value: data.condicoesPagamento
+              },
+              ...data.formaPagamento ? [
+                {
+                  label: "Forma de Pagamento",
+                  value: data.formaPagamento
+                }
+              ] : []
+            ]
+          }
+        ) }),
+        data.clausulas && data.clausulas.length > 0 && /* @__PURE__ */ jsx(PrintSection, { title: "Cl\xE1usulas Contratuais", pageBreak: true, children: /* @__PURE__ */ jsx("div", { className: "space-y-6", children: data.clausulas.map((clause, index) => /* @__PURE__ */ jsxs("div", { className: "clause avoid-break", children: [
+          /* @__PURE__ */ jsxs("h4", { className: "font-semibold text-sm mb-2", children: [
+            "Cl\xE1usula ",
+            index + 1,
+            "\xAA - ",
+            clause.titulo
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-700 leading-relaxed pl-4", children: clause.conteudo })
+        ] }, index)) }) }),
+        data.observacoes && /* @__PURE__ */ jsx(PrintSection, { title: "Observa\xE7\xF5es", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-700 leading-relaxed", children: data.observacoes }) }),
+        /* @__PURE__ */ jsx(
+          PrintSignature,
+          {
+            signatures: [
+              {
+                label: "CONTRATANTE",
+                name: data.cliente.nome,
+                role: data.cliente.representante
+              },
+              {
+                label: "CONTRATADA",
+                name: data.agencia.nome,
+                role: data.agencia.representante
+              }
+            ],
+            instructionText: "As partes, estando de acordo com os termos e condi\xE7\xF5es estabelecidos neste contrato, assinam o presente instrumento em duas vias de igual teor e forma."
+          }
+        ),
+        /* @__PURE__ */ jsx(PrintFooter, { pageNumber: 1, totalPages: 1 })
+      ]
+    }
+  );
+}
+var dadosContratoExemplo = {
+  numeroContrato: "FEE-2024-001",
+  dataEmissao: "2024-01-15",
+  dataInicio: "2024-02-01",
+  dataTermino: "2025-01-31",
+  cliente: {
+    nome: "Coca-Cola Brasil Ltda.",
+    cnpj: "00.000.000/0001-00",
+    endereco: "Av. Paulista, 1000 - S\xE3o Paulo, SP - CEP 01310-100",
+    representante: "Jo\xE3o da Silva",
+    email: "joao.silva@cocacola.com.br",
+    telefone: "(11) 3000-0000"
+  },
+  agencia: {
+    nome: "iClips Publicidade e Marketing",
+    cnpj: "11.111.111/0001-11",
+    endereco: "Rua das Flores, 500 - S\xE3o Paulo, SP - CEP 04567-890",
+    representante: "Maria Santos",
+    email: "contato@iclips.com.br",
+    telefone: "(11) 4000-0000"
+  },
+  valorFee: 15e3,
+  totalHoras: 160,
+  valorHora: 150,
+  condicoesPagamento: "At\xE9 o 5\xBA dia \xFAtil do m\xEAs subsequente",
+  formaPagamento: "Transfer\xEAncia banc\xE1ria",
+  servicos: [
+    {
+      nome: "Gest\xE3o de M\xEDdias Sociais",
+      descricao: "Planejamento, cria\xE7\xE3o de conte\xFAdo e publica\xE7\xE3o em redes sociais",
+      horasEstimadas: 60
+    },
+    {
+      nome: "Cria\xE7\xE3o de Campanhas",
+      descricao: "Desenvolvimento de campanhas publicit\xE1rias integradas",
+      horasEstimadas: 50
+    },
+    {
+      nome: "Produ\xE7\xE3o de Conte\xFAdo",
+      descricao: "Cria\xE7\xE3o de textos, imagens e v\xEDdeos para diversos canais",
+      horasEstimadas: 30
+    },
+    {
+      nome: "Atendimento e Planejamento",
+      descricao: "Reuni\xF5es de alinhamento, relat\xF3rios e planejamento estrat\xE9gico",
+      horasEstimadas: 20
+    }
+  ],
+  clausulas: [
+    {
+      titulo: "Do Objeto",
+      conteudo: "O presente contrato tem por objeto a presta\xE7\xE3o de servi\xE7os de publicidade e marketing pela CONTRATADA \xE0 CONTRATANTE, compreendendo as atividades descritas no escopo dos servi\xE7os, mediante o pagamento do fee mensal estabelecido."
+    },
+    {
+      titulo: "Do Valor e Forma de Pagamento",
+      conteudo: "Pelos servi\xE7os prestados, a CONTRATANTE pagar\xE1 \xE0 CONTRATADA o valor mensal de R$ 15.000,00 (quinze mil reais), que dever\xE1 ser pago at\xE9 o 5\xBA dia \xFAtil do m\xEAs subsequente \xE0 presta\xE7\xE3o dos servi\xE7os, mediante transfer\xEAncia banc\xE1ria para a conta indicada pela CONTRATADA."
+    },
+    {
+      titulo: "Das Horas de Trabalho",
+      conteudo: "O fee mensal inclui at\xE9 160 (cento e sessenta) horas de trabalho. Horas excedentes ser\xE3o cobradas separadamente ao valor de R$ 150,00 (cento e cinquenta reais) por hora, mediante aprova\xE7\xE3o pr\xE9via da CONTRATANTE."
+    },
+    {
+      titulo: "Da Vig\xEAncia",
+      conteudo: "O presente contrato ter\xE1 vig\xEAncia de 12 (doze) meses, iniciando-se em 01 de fevereiro de 2024 e encerrando-se em 31 de janeiro de 2025, podendo ser renovado mediante acordo entre as partes."
+    },
+    {
+      titulo: "Da Rescis\xE3o",
+      conteudo: "Qualquer das partes poder\xE1 rescindir o presente contrato mediante comunica\xE7\xE3o por escrito com anteced\xEAncia m\xEDnima de 30 (trinta) dias, sem preju\xEDzo das obriga\xE7\xF5es j\xE1 assumidas at\xE9 a data da rescis\xE3o."
+    },
+    {
+      titulo: "Da Confidencialidade",
+      conteudo: "As partes se comprometem a manter sigilo sobre todas as informa\xE7\xF5es confidenciais a que tiverem acesso em decorr\xEAncia deste contrato, n\xE3o podendo divulg\xE1-las a terceiros sem pr\xE9via autoriza\xE7\xE3o por escrito da outra parte."
+    },
+    {
+      titulo: "Da Propriedade Intelectual",
+      conteudo: "Todos os materiais criados pela CONTRATADA no \xE2mbito deste contrato ser\xE3o de propriedade da CONTRATANTE ap\xF3s o pagamento integral dos valores devidos, sendo permitido \xE0 CONTRATADA utilizar tais materiais em seu portf\xF3lio."
+    },
+    {
+      titulo: "Do Foro",
+      conteudo: "As partes elegem o foro da Comarca de S\xE3o Paulo, Estado de S\xE3o Paulo, para dirimir quaisquer d\xFAvidas ou quest\xF5es oriundas do presente contrato, com ren\xFAncia expressa a qualquer outro, por mais privilegiado que seja."
+    }
+  ],
+  observacoes: "Este contrato substitui e cancela todos os acordos anteriores, sejam verbais ou escritos, entre as partes. Qualquer altera\xE7\xE3o dever\xE1 ser feita por escrito e assinada por ambas as partes."
+};
+
+// components/ui/use-print-contract.ts
+function usePrintContract(contentRef, contractNumber, options = {}) {
+  const {
+    onPrintStart,
+    onPrintSuccess,
+    onPrintError,
+    onDownloadStart,
+    onDownloadSuccess,
+    onDownloadError
+  } = options;
+  const printContract = () => {
+    try {
+      const content = contentRef.current;
+      if (!content) {
+        throw new Error("Ref do conte\xFAdo n\xE3o est\xE1 dispon\xEDvel");
+      }
+      onPrintStart?.();
+      const printWindow = window.open("", "_blank");
+      if (!printWindow) {
+        throw new Error("N\xE3o foi poss\xEDvel abrir janela de impress\xE3o");
+      }
+      const title = contractNumber ? `Contrato-${contractNumber}` : "Contrato";
+      printWindow.document.write(`
+        <!DOCTYPE html>
+        <html>
+          <head>
+            <title>${title}</title>
+            <meta charset="utf-8">
+            <style>
+              @page {
+                size: A4;
+                margin: 10mm;
+              }
+              
+              body {
+                margin: 0;
+                padding: 0;
+                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+                font-size: 12pt;
+                line-height: 1.6;
+                color: #000;
+              }
+              
+              .container {
+                padding: 10mm;
+              }
+              
+              /* Evitar quebras de p\xE1gina inadequadas */
+              .avoid-break {
+                page-break-inside: avoid !important;
+              }
+              
+              /* For\xE7ar quebra de p\xE1gina */
+              .page-break {
+                page-break-before: always !important;
+              }
+              
+              /* Ocultar elementos com classe no-print */
+              .no-print {
+                display: none !important;
+              }
+              
+              /* Garantir que cores sejam preservadas */
+              * {
+                -webkit-print-color-adjust: exact !important;
+                print-color-adjust: exact !important;
+              }
+            </style>
+          </head>
+          <body>
+            <div class="container">
+              ${content.innerHTML}
+            </div>
+          </body>
+        </html>
+      `);
+      printWindow.document.close();
+      printWindow.onload = () => {
+        setTimeout(() => {
+          printWindow.print();
+          printWindow.close();
+          onPrintSuccess?.();
+        }, 250);
+      };
+    } catch (error) {
+      onPrintError?.(error);
+      console.error("Erro ao imprimir contrato:", error);
+    }
+  };
+  const downloadPDF = () => {
+    try {
+      onDownloadStart?.();
+      setTimeout(() => {
+        console.log("PDF gerado (simulado):", {
+          contractNumber,
+          timestamp: (/* @__PURE__ */ new Date()).toISOString()
+        });
+        onDownloadSuccess?.();
+      }, 1500);
+      console.info(
+        "usePrintContract: downloadPDF \xE9 uma implementa\xE7\xE3o simulada. Para gerar PDFs reais, integre com html2pdf.js ou jsPDF. Veja a documenta\xE7\xE3o do hook para exemplos."
+      );
+    } catch (error) {
+      onDownloadError?.(error);
+      console.error("Erro ao gerar PDF:", error);
+    }
+  };
+  return {
+    /** Imprime o contrato em nova janela */
+    printContract,
+    /** Gera e baixa PDF do contrato (implementação simulada) */
+    downloadPDF
+  };
+}
+function ContractPrint({
+  data,
+  logo,
+  showActions = true,
+  showSummary = true,
+  showServices = true,
+  showInfo = false,
+  className,
+  onPrintStart,
+  onPrintSuccess,
+  onPrintError,
+  onDownloadStart,
+  onDownloadSuccess,
+  onDownloadError
+}) {
+  const printRef = React7.useRef(null);
+  const { printContract, downloadPDF } = usePrintContract(
+    printRef,
+    data.numeroContrato,
+    {
+      onPrintStart,
+      onPrintSuccess,
+      onPrintError,
+      onDownloadStart,
+      onDownloadSuccess,
+      onDownloadError
+    }
+  );
+  const formatCurrency = (value) => {
+    return new Intl.NumberFormat("pt-BR", {
+      style: "currency",
+      currency: "BRL"
+    }).format(value);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-6", className), children: [
+    showActions && /* @__PURE__ */ jsxs(Card, { className: "no-print", children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("span", { children: "A\xE7\xF5es do Documento" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: downloadPDF,
+              className: "gap-2",
+              children: [
+                /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" }),
+                "Download PDF"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "default",
+              size: "sm",
+              onClick: printContract,
+              className: "gap-2",
+              children: [
+                /* @__PURE__ */ jsx(Printer, { className: "h-4 w-4" }),
+                "Imprimir"
+              ]
+            }
+          )
+        ] })
+      ] }) }),
+      showSummary && /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-4 text-sm", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-1", children: "N\xBA do Contrato" }),
+          /* @__PURE__ */ jsx("p", { className: "font-semibold", children: data.numeroContrato })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-1", children: "Cliente" }),
+          /* @__PURE__ */ jsx("p", { className: "font-semibold", children: data.cliente.nome })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-1", children: "Valor do Fee" }),
+          /* @__PURE__ */ jsx("p", { className: "font-semibold", children: formatCurrency(data.valorFee) })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "bg-white rounded-lg shadow-sm p-8", children: /* @__PURE__ */ jsx("div", { ref: printRef, children: /* @__PURE__ */ jsx(
+      ContractTemplate,
+      {
+        data,
+        showPreview: true,
+        logo,
+        showServices
+      }
+    ) }) }),
+    showInfo && /* @__PURE__ */ jsxs(Card, { className: "no-print", children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Eye, { className: "h-5 w-5" }),
+        "Sobre este Template"
+      ] }) }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs("p", { children: [
+          "\u2705 ",
+          /* @__PURE__ */ jsx("strong", { children: "Design System:" }),
+          " Utiliza a paleta de cores e tipografia do iClips"
+        ] }),
+        /* @__PURE__ */ jsxs("p", { children: [
+          "\u2705 ",
+          /* @__PURE__ */ jsx("strong", { children: "Impress\xE3o Otimizada:" }),
+          " Layout preparado para impress\xE3o em A4"
+        ] }),
+        /* @__PURE__ */ jsxs("p", { children: [
+          "\u2705 ",
+          /* @__PURE__ */ jsx("strong", { children: "Componentes Reutiliz\xE1veis:" }),
+          " PrintHeader, PrintFooter, PrintTable, PrintSignature"
+        ] }),
+        /* @__PURE__ */ jsxs("p", { children: [
+          "\u2705 ",
+          /* @__PURE__ */ jsx("strong", { children: "Quebras de P\xE1gina:" }),
+          " Configuradas automaticamente para evitar cortes"
+        ] }),
+        /* @__PURE__ */ jsxs("p", { children: [
+          "\u2705 ",
+          /* @__PURE__ */ jsx("strong", { children: "Profissional:" }),
+          " Layout clean e adequado para documentos legais"
+        ] })
+      ] }) })
+    ] })
+  ] });
+}
+var ContractPrintPreview = React7.forwardRef(({ data, logo, showServices = true, className }, ref) => {
+  return /* @__PURE__ */ jsx("div", { className: cn("bg-white rounded-lg shadow-sm p-8", className), ref, children: /* @__PURE__ */ jsx(
+    ContractTemplate,
+    {
+      data,
+      showPreview: true,
+      logo,
+      showServices
+    }
+  ) });
+});
+ContractPrintPreview.displayName = "ContractPrintPreview";
+function Calendar2({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn("p-3", className),
+      classNames: {
+        months: "flex flex-col sm:flex-row gap-2",
+        month: "flex flex-col gap-4",
+        caption: "flex justify-center pt-1 relative items-center w-full",
+        caption_label: "text-sm font-medium",
+        nav: "flex items-center gap-1",
+        nav_button: cn(
+          buttonVariants({ variant: "outline" }),
+          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+        ),
+        nav_button_previous: "absolute left-1",
+        nav_button_next: "absolute right-1",
+        table: "w-full border-collapse space-x-1",
+        head_row: "flex",
+        head_cell: "text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",
+        row: "flex w-full mt-2",
+        cell: cn(
+          "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-r-md",
+          props.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md"
+        ),
+        day: cn(
+          buttonVariants({ variant: "ghost" }),
+          "size-8 p-0 font-normal aria-selected:opacity-100"
+        ),
+        day_range_start: "day-range-start aria-selected:bg-primary aria-selected:text-primary-foreground",
+        day_range_end: "day-range-end aria-selected:bg-primary aria-selected:text-primary-foreground",
+        day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+        day_today: "bg-accent text-accent-foreground",
+        day_outside: "day-outside text-muted-foreground aria-selected:text-muted-foreground",
+        day_disabled: "text-muted-foreground opacity-50",
+        day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
+        day_hidden: "invisible",
+        ...classNames
+      },
+      components: {
+        Chevron: ({ orientation, ...props2 }) => {
+          const Icon2 = orientation === "left" ? ChevronLeft : ChevronRight;
+          return /* @__PURE__ */ jsx(Icon2, { className: "size-4", ...props2 });
+        }
+      },
+      ...props
+    }
+  );
+}
+var CarouselContext = React7.createContext(null);
 function useCarousel() {
-  const context = React5.useContext(CarouselContext);
+  const context = React7.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -960,20 +1759,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React5.useState(false);
-  const [canScrollNext, setCanScrollNext] = React5.useState(false);
-  const onSelect = React5.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React7.useState(false);
+  const [canScrollNext, setCanScrollNext] = React7.useState(false);
+  const onSelect = React7.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React5.useCallback(() => {
+  const scrollPrev = React7.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React5.useCallback(() => {
+  const scrollNext = React7.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React5.useCallback(
+  const handleKeyDown = React7.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -985,11 +1784,11 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React5.useEffect(() => {
+  React7.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React5.useEffect(() => {
+  React7.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -1122,9 +1921,9 @@ function CarouselNext({
   );
 }
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React5.createContext(null);
+var ChartContext = React7.createContext(null);
 function useChart() {
-  const context = React5.useContext(ChartContext);
+  const context = React7.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -1137,7 +1936,7 @@ function ChartContainer({
   config,
   ...props
 }) {
-  const uniqueId = React5.useId();
+  const uniqueId = React7.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
     "div",
@@ -1198,7 +1997,7 @@ function ChartTooltipContent({
   labelKey
 }) {
   const { config } = useChart();
-  const tooltipLabel = React5.useMemo(() => {
+  const tooltipLabel = React7.useMemo(() => {
     if (hideLabel || !payload?.length) {
       return null;
     }
@@ -1380,11 +2179,11 @@ function Popover({
 }) {
   return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
-var PopoverTrigger = React5.forwardRef((props, ref) => {
+var PopoverTrigger = React7.forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { ref, "data-slot": "popover-trigger", ...props });
 });
 PopoverTrigger.displayName = PopoverPrimitive.Trigger.displayName;
-var PopoverContent = React5.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => {
+var PopoverContent = React7.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => {
   return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
     PopoverPrimitive.Content,
     {
@@ -1401,7 +2200,7 @@ var PopoverContent = React5.forwardRef(({ className, align = "center", sideOffse
   ) });
 });
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var PopoverAnchor = React5.forwardRef((props, ref) => {
+var PopoverAnchor = React7.forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, { ref, "data-slot": "popover-anchor", ...props });
 });
 PopoverAnchor.displayName = PopoverPrimitive.Anchor.displayName;
@@ -1446,7 +2245,7 @@ function ColorPicker({
 }) {
   const [color, setColor] = useState(value);
   const [open, setOpen] = useState(false);
-  React5.useEffect(() => {
+  React7.useEffect(() => {
     setColor(value);
   }, [value]);
   const handleColorChange = (newColor) => {
@@ -1616,13 +2415,13 @@ function TimePicker({
   className,
   disabled = false
 }) {
-  const [hours, setHours] = React5.useState(
+  const [hours, setHours] = React7.useState(
     date ? String(date.getHours()).padStart(2, "0") : "00"
   );
-  const [minutes, setMinutes] = React5.useState(
+  const [minutes, setMinutes] = React7.useState(
     date ? String(date.getMinutes()).padStart(2, "0") : "00"
   );
-  React5.useEffect(() => {
+  React7.useEffect(() => {
     if (date) {
       setHours(String(date.getHours()).padStart(2, "0"));
       setMinutes(String(date.getMinutes()).padStart(2, "0"));
@@ -1717,9 +2516,9 @@ function DateTimePicker({
   className,
   disabled = false
 }) {
-  const [open, setOpen] = React5.useState(false);
-  const [selectedDate, setSelectedDate] = React5.useState(date);
-  React5.useEffect(() => {
+  const [open, setOpen] = React7.useState(false);
+  const [selectedDate, setSelectedDate] = React7.useState(date);
+  React7.useEffect(() => {
     setSelectedDate(date);
   }, [date]);
   const handleDateSelect = (newDate) => {
@@ -1835,9 +2634,9 @@ function DateRangePicker({
   disabled = false,
   withTime = false
 }) {
-  const [open, setOpen] = React5.useState(false);
-  const [range, setRange] = React5.useState(dateRange);
-  React5.useEffect(() => {
+  const [open, setOpen] = React7.useState(false);
+  const [range, setRange] = React7.useState(dateRange);
+  React7.useEffect(() => {
     setRange(dateRange);
   }, [dateRange]);
   const handleRangeSelect = (newRange) => {
@@ -2226,7 +3025,7 @@ var priorityConfig = {
     bgColor: "bg-red-50 dark:bg-red-950/20"
   }
 };
-var KanbanCard = React5.forwardRef(
+var KanbanCard = React7.forwardRef(
   ({
     title,
     description,
@@ -2484,7 +3283,7 @@ function DialogClose({
 }) {
   return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
 }
-var DialogOverlay = React5.forwardRef(({ className, ...props }, ref) => {
+var DialogOverlay = React7.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     DialogPrimitive.Overlay,
     {
@@ -2927,7 +3726,7 @@ function Drawer({
 }) {
   return /* @__PURE__ */ jsx(Drawer$1.Root, { "data-slot": "drawer", ...props });
 }
-var DrawerTrigger = React5.forwardRef(({ ...props }, ref) => {
+var DrawerTrigger = React7.forwardRef(({ ...props }, ref) => {
   return /* @__PURE__ */ jsx(Drawer$1.Trigger, { ref, "data-slot": "drawer-trigger", ...props });
 });
 DrawerTrigger.displayName = "DrawerTrigger";
@@ -2936,11 +3735,11 @@ function DrawerPortal({
 }) {
   return /* @__PURE__ */ jsx(Drawer$1.Portal, { "data-slot": "drawer-portal", ...props });
 }
-var DrawerClose = React5.forwardRef(({ ...props }, ref) => {
+var DrawerClose = React7.forwardRef(({ ...props }, ref) => {
   return /* @__PURE__ */ jsx(Drawer$1.Close, { ref, "data-slot": "drawer-close", ...props });
 });
 DrawerClose.displayName = "DrawerClose";
-var DrawerOverlay = React5.forwardRef(({ className, ...props }, ref) => {
+var DrawerOverlay = React7.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     Drawer$1.Overlay,
     {
@@ -2955,7 +3754,7 @@ var DrawerOverlay = React5.forwardRef(({ className, ...props }, ref) => {
   );
 });
 DrawerOverlay.displayName = "DrawerOverlay";
-var DrawerContent = React5.forwardRef(({ className, children, ...props }, ref) => {
+var DrawerContent = React7.forwardRef(({ className, children, ...props }, ref) => {
   return /* @__PURE__ */ jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [
     /* @__PURE__ */ jsx(DrawerOverlay, {}),
     /* @__PURE__ */ jsxs(
@@ -3001,7 +3800,7 @@ function DrawerFooter({ className, ...props }) {
     }
   );
 }
-var DrawerTitle = React5.forwardRef(({ className, ...props }, ref) => {
+var DrawerTitle = React7.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     Drawer$1.Title,
     {
@@ -3013,7 +3812,7 @@ var DrawerTitle = React5.forwardRef(({ className, ...props }, ref) => {
   );
 });
 DrawerTitle.displayName = "DrawerTitle";
-var DrawerDescription = React5.forwardRef(({ className, ...props }, ref) => {
+var DrawerDescription = React7.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     Drawer$1.Description,
     {
@@ -3026,7 +3825,7 @@ var DrawerDescription = React5.forwardRef(({ className, ...props }, ref) => {
 });
 DrawerDescription.displayName = "DrawerDescription";
 var Form = FormProvider;
-var FormFieldContext = React5.createContext(
+var FormFieldContext = React7.createContext(
   {}
 );
 var FormField = ({
@@ -3035,8 +3834,8 @@ var FormField = ({
   return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React5.useContext(FormFieldContext);
-  const itemContext = React5.useContext(FormItemContext);
+  const fieldContext = React7.useContext(FormFieldContext);
+  const itemContext = React7.useContext(FormItemContext);
   const { getFieldState } = useFormContext();
   const formState = useFormState({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -3053,11 +3852,11 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React5.createContext(
+var FormItemContext = React7.createContext(
   {}
 );
 function FormItem({ className, ...props }) {
-  const id = React5.useId();
+  const id = React7.useId();
   return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx(
     "div",
     {
@@ -3188,7 +3987,7 @@ function InputOTPSlot({
   className,
   ...props
 }) {
-  const inputOTPContext = React5.useContext(OTPInputContext);
+  const inputOTPContext = React7.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
   return /* @__PURE__ */ jsxs(
     "div",
@@ -3928,7 +4727,7 @@ function SheetPortal({
 }) {
   return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
-var SheetOverlay = React5.forwardRef(({ className, ...props }, ref) => {
+var SheetOverlay = React7.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     DialogPrimitive.Overlay,
     {
@@ -4023,10 +4822,10 @@ function SheetDescription({
 }
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React5.useState(
+  const [isMobile, setIsMobile] = React7.useState(
     void 0
   );
-  React5.useEffect(() => {
+  React7.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -4099,9 +4898,9 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React5.createContext(null);
+var SidebarContext = React7.createContext(null);
 function useSidebar() {
-  const context = React5.useContext(SidebarContext);
+  const context = React7.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -4117,10 +4916,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React5.useState(false);
-  const [_open, _setOpen] = React5.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React7.useState(false);
+  const [_open, _setOpen] = React7.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React5.useCallback(
+  const setOpen = React7.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -4132,10 +4931,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React5.useCallback(() => {
+  const toggleSidebar = React7.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React5.useEffect(() => {
+  React7.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -4146,7 +4945,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React5.useMemo(
+  const contextValue = React7.useMemo(
     () => ({
       state,
       open,
@@ -4590,7 +5389,7 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const width = React5.useMemo(() => {
+  const width = React7.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxs(
@@ -4686,7 +5485,7 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const _values = React5.useMemo(
+  const _values = React7.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
@@ -4825,7 +5624,7 @@ function TableFooter({ className, ...props }) {
     }
   );
 }
-var TableRow = React5.forwardRef(({ className, ...props }, ref) => {
+var TableRow = React7.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "tr",
     {
@@ -4937,9 +5736,9 @@ function TabsContent({
     }
   );
 }
-var UnderlineTabsContext = React5.createContext(void 0);
+var UnderlineTabsContext = React7.createContext(void 0);
 function useUnderlineTabs() {
-  const context = React5.useContext(UnderlineTabsContext);
+  const context = React7.useContext(UnderlineTabsContext);
   if (!context) {
     throw new Error("UnderlineTabs components must be used within UnderlineTabs");
   }
@@ -4952,7 +5751,7 @@ function UnderlineTabs({
   children,
   className
 }) {
-  const [internalValue, setInternalValue] = React5.useState(defaultValue || "");
+  const [internalValue, setInternalValue] = React7.useState(defaultValue || "");
   const value = controlledValue !== void 0 ? controlledValue : internalValue;
   const handleValueChange = (newValue) => {
     if (controlledValue === void 0) {
@@ -5060,7 +5859,7 @@ function Toggle({
     }
   );
 }
-var ToggleGroupContext = React5.createContext({
+var ToggleGroupContext = React7.createContext({
   size: "default",
   variant: "default"
 });
@@ -5093,7 +5892,7 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React5.useContext(ToggleGroupContext);
+  const context = React7.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
     {
@@ -5113,23 +5912,174 @@ function ToggleGroupItem({
     }
   );
 }
-var ERROR_IMG_SRC = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODgiIGhlaWdodD0iODgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSIuMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIzLjciPjxyZWN0IHg9IjE2IiB5PSIxNiIgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iNiIvPjxwYXRoIGQ9Im0xNiA1OCAxNi0xOCAzMiAzMiIvPjxjaXJjbGUgY3g9IjUzIiBjeT0iMzUiIHI9IjciLz48L3N2Zz4KCg==";
-function ImageWithFallback(props) {
-  const [didError, setDidError] = useState(false);
-  const handleError = () => {
-    setDidError(true);
+function ProposalTemplate({
+  data,
+  showPreview = false,
+  logo
+}) {
+  const formatCurrency = (value) => {
+    return new Intl.NumberFormat("pt-BR", {
+      style: "currency",
+      currency: "BRL"
+    }).format(value);
   };
-  const { src, alt, style, className, ...rest } = props;
-  return didError ? /* @__PURE__ */ jsx(
+  const formatDate = (dateStr) => {
+    return new Date(dateStr).toLocaleDateString("pt-BR", {
+      year: "numeric",
+      month: "long",
+      day: "numeric"
+    });
+  };
+  return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: `inline-block bg-gray-100 text-center align-middle ${className ?? ""}`,
-      style,
-      children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ jsx("img", { src: ERROR_IMG_SRC, alt: "Error loading image", ...rest, "data-original-url": src }) })
+      className: cn(
+        "proposal-template bg-white text-black",
+        showPreview ? "shadow-lg rounded-lg p-8 max-w-5xl mx-auto my-8" : "p-0"
+      ),
+      style: {
+        fontFamily: "system-ui, -apple-system, sans-serif",
+        fontSize: "12pt",
+        lineHeight: "1.6"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          PrintHeader,
+          {
+            logo,
+            companyName: data.agency.name,
+            contactInfo: {
+              email: data.agency.email,
+              phone: data.agency.phone
+            },
+            documentType: "Proposta Comercial",
+            documentNumber: data.proposalNumber,
+            issueDate: formatDate(data.issueDate)
+          }
+        ),
+        /* @__PURE__ */ jsx(PrintSection, { children: /* @__PURE__ */ jsx(
+          PrintInfoGrid,
+          {
+            columns: 2,
+            items: [
+              {
+                label: "N\xBA da Proposta",
+                value: data.proposalNumber,
+                highlight: true
+              },
+              {
+                label: "Validade",
+                value: formatDate(data.validUntil)
+              },
+              {
+                label: "Cliente",
+                value: data.client.name,
+                highlight: true
+              },
+              ...data.client.contact ? [{ label: "Contato", value: data.client.contact }] : []
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(PrintSection, { title: "Projeto", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold text-primary mb-3", children: data.projectTitle }),
+          data.projectDescription && /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-700 leading-relaxed", children: data.projectDescription })
+        ] }),
+        data.objectives && data.objectives.length > 0 && /* @__PURE__ */ jsx(PrintSection, { title: "Objetivos", children: /* @__PURE__ */ jsx("ul", { className: "list-disc list-inside space-y-2", children: data.objectives.map((objective, index) => /* @__PURE__ */ jsx("li", { className: "text-sm text-gray-700", children: objective }, index)) }) }),
+        /* @__PURE__ */ jsxs(PrintSection, { title: "Escopo e Investimento", children: [
+          /* @__PURE__ */ jsx(
+            PrintTable,
+            {
+              columns: [
+                { header: "Item", key: "name", width: "35%" },
+                { header: "Descri\xE7\xE3o", key: "description", width: "30%" },
+                {
+                  header: "Qtd.",
+                  key: "quantity",
+                  align: "center",
+                  width: "10%",
+                  render: (value) => value || "-"
+                },
+                {
+                  header: "Valor Unit.",
+                  key: "unitPrice",
+                  align: "right",
+                  width: "12.5%",
+                  render: (value) => value ? formatCurrency(value) : "-"
+                },
+                {
+                  header: "Valor Total",
+                  key: "totalPrice",
+                  align: "right",
+                  width: "12.5%",
+                  render: (value) => formatCurrency(value)
+                }
+              ],
+              data: data.items,
+              striped: true,
+              density: "comfortable"
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "mt-6 flex justify-end", children: /* @__PURE__ */ jsxs("div", { className: "w-80 space-y-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-gray-600", children: "Subtotal:" }),
+              /* @__PURE__ */ jsx("span", { className: "font-semibold", children: formatCurrency(data.subtotal) })
+            ] }),
+            data.discount && data.discount > 0 && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-gray-600", children: "Desconto:" }),
+              /* @__PURE__ */ jsxs("span", { className: "font-semibold text-green-600", children: [
+                "- ",
+                formatCurrency(data.discount)
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "border-t-2 border-primary pt-2 flex justify-between", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold text-base", children: "Total:" }),
+              /* @__PURE__ */ jsx("span", { className: "font-semibold text-lg text-primary", children: formatCurrency(data.total) })
+            ] })
+          ] }) })
+        ] }),
+        (data.paymentConditions || data.deliveryTime) && /* @__PURE__ */ jsx(PrintSection, { title: "Condi\xE7\xF5es Comerciais", children: /* @__PURE__ */ jsx(
+          PrintInfoGrid,
+          {
+            columns: 1,
+            items: [
+              ...data.paymentConditions ? [
+                {
+                  label: "Forma de Pagamento",
+                  value: data.paymentConditions
+                }
+              ] : [],
+              ...data.deliveryTime ? [{ label: "Prazo de Entrega", value: data.deliveryTime }] : []
+            ]
+          }
+        ) }),
+        data.notes && /* @__PURE__ */ jsx(PrintSection, { title: "Observa\xE7\xF5es", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-700 leading-relaxed", children: data.notes }) }),
+        /* @__PURE__ */ jsx(
+          PrintSignature,
+          {
+            signatures: [
+              {
+                label: "APROVA\xC7\xC3O DO CLIENTE",
+                name: data.client.name,
+                role: data.client.contact
+              }
+            ],
+            layout: "vertical",
+            instructionText: "Para aprovar esta proposta, assine abaixo e retorne para o e-mail indicado no cabe\xE7alho."
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          PrintFooter,
+          {
+            pageNumber: 1,
+            totalPages: 1,
+            footerText: `Proposta v\xE1lida at\xE9 ${formatDate(data.validUntil)}`
+          }
+        )
+      ]
     }
-  ) : /* @__PURE__ */ jsx("img", { src, alt, className, style, ...rest, onError: handleError });
+  );
 }
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppLayout, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar2 as Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as 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, 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, Progress, RadioGroup4 as RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, 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, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UnderlineTabs, UnderlineTabsContent, UnderlineTabsList, UnderlineTabsTrigger, badgeVariants, buttonVariants, cn, navigationMenuTriggerStyle, toggleVariants, useFormField, useIsMobile, useSidebar };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppLayout, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar2 as Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as 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, ContractTemplate, 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, 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, PrintFooter, PrintHeader, PrintInfoGrid, PrintSection, PrintSignature, PrintTable, Progress, ProposalTemplate, RadioGroup4 as RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, 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, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UnderlineTabs, UnderlineTabsContent, UnderlineTabsList, UnderlineTabsTrigger, badgeVariants, buttonVariants, cn, dadosContratoExemplo, navigationMenuTriggerStyle, toggleVariants, useFormField, useIsMobile, usePrintContract, useSidebar };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map