@iclips/ui 0.0.19 → 1.0.0

package/dist/index.d.ts

@@ -1,16 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 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';
 import { VariantProps } from 'class-variance-authority';
-import { LucideIcon } from 'lucide-react';
 import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { DayPicker, DateRange } from 'react-day-picker';
 import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
-import * as RechartsPrimitive from 'recharts';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import { Command as Command$1 } from 'cmdk';
@@ -33,13 +30,14 @@ import * as ResizablePrimitive from 'react-resizable-panels';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import { ToasterProps } from 'sonner';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
-import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as RechartsPrimitive from 'recharts';
 import { ClassValue } from 'clsx';
 
 declare function Accordion({ ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime.JSX.Element;
@@ -49,6 +47,8 @@ declare function AccordionContent({ className, children, ...props }: React$1.Com
 
 declare function AlertDialog({ ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
 declare function AlertDialogTrigger({ ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function AlertDialogPortal({ ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare const AlertDialogOverlay: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare function AlertDialogContent({ className, ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Content>): react_jsx_runtime.JSX.Element;
 declare function AlertDialogHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function AlertDialogFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -64,35 +64,6 @@ declare function Alert({ className, variant, ...props }: React$1.ComponentProps<
 declare function AlertTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function AlertDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
-interface PrimaryNavItem {
-    id: string;
-    label: string;
-    icon: LucideIcon;
-}
-interface SecondaryNavItem {
-    label: string;
-    icon: LucideIcon;
-    badge?: string | number;
-    chevron?: boolean;
-    highlighted?: boolean;
-}
-interface AppLayoutProps {
-    children: React$1.ReactNode;
-    title?: string;
-    theme?: "light" | "dark";
-    onThemeToggle?: () => void;
-    primaryNavItems?: PrimaryNavItem[];
-    secondaryNavItems?: SecondaryNavItem[];
-    secondaryNavTitle?: string;
-    activePrimaryItem?: string;
-    onPrimaryItemClick?: (id: string) => void;
-    logoComponent?: React$1.ReactNode;
-    hideSecondaryNav?: boolean;
-    defaultPrimaryNavPinned?: boolean;
-    defaultSecondaryNavOpen?: boolean;
-}
-declare function AppLayout({ children, title, theme, onThemeToggle, primaryNavItems, secondaryNavItems, secondaryNavTitle, activePrimaryItem, onPrimaryItemClick, logoComponent, hideSecondaryNav, defaultPrimaryNavPinned, defaultSecondaryNavOpen }: AppLayoutProps): react_jsx_runtime.JSX.Element;
-
 declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>): react_jsx_runtime.JSX.Element;
 
 declare function Avatar({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime.JSX.Element;
@@ -129,144 +100,256 @@ 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;
-}
+declare function Calendar({ className, classNames, showOutsideDays, ...props }: React$1.ComponentProps<typeof DayPicker>): react_jsx_runtime.JSX.Element;
+
 /**
- * Componente wrapper completo para exibir e imprimir contratos
+ * Card Component Types
  *
- * Inclui:
- * - Preview do contrato
- * - Botões de ação (Imprimir/Download PDF)
- * - Informações resumidas
- * - Todas as funcionalidades prontas
+ * Type definitions for the Card component and its sub-components.
+ * Provides full TypeScript support for all Card variants.
+ */
+
+/**
+ * Props for the main Card component.
  *
  * @example
  * ```tsx
- * import { ContractPrint, dadosContratoExemplo } from '@iclips/design-system';
+ * import { Card, type CardProps } from "./components/ui/card";
  *
- * function MinhaPage() {
- *   return (
- *     <ContractPrint
- *       data={dadosContratoExemplo}
- *       logo="/logo.png"
- *       showActions
- *       showSummary
- *     />
- *   );
+ * interface CustomCardProps extends CardProps {
+ *   highlight?: boolean;
  * }
  * ```
  */
-declare function ContractPrint({ data, logo, showActions, showSummary, showServices, showInfo, className, onPrintStart, onPrintSuccess, onPrintError, onDownloadStart, onDownloadSuccess, onDownloadError, }: ContractPrintProps): react_jsx_runtime.JSX.Element;
+interface CardProps extends React$1.ComponentProps<"div"> {
+}
+/**
+ * Props for the CardHeader component.
+ * Container for card title, description, and optional action.
+ *
+ * Uses CSS Grid to automatically layout title, description, and CardAction.
+ * When CardAction is present, creates a 2-column layout.
+ *
+ * @example
+ * ```tsx
+ * <CardHeader>
+ *   <CardTitle>Revenue</CardTitle>
+ *   <CardDescription>Last 30 days</CardDescription>
+ *   <CardAction>
+ *     <Badge>+12%</Badge>
+ *   </CardAction>
+ * </CardHeader>
+ * ```
+ */
+interface CardHeaderProps extends React$1.ComponentProps<"div"> {
+}
 /**
- * Componente simplificado apenas com o preview do contrato
- * Útil quando você quer construir sua própria UI de ações
+ * Props for the CardTitle component.
+ *
+ * Renders as an <h4> element by default.
+ * Use the className prop to adjust text size for different contexts.
  *
  * @example
  * ```tsx
- * import { ContractPrintPreview, dadosContratoExemplo } from '@iclips/design-system';
+ * <CardTitle className="text-lg">Large Title</CardTitle>
+ * <CardTitle className="text-sm">Small Title</CardTitle>
+ * ```
+ */
+interface CardTitleProps extends React$1.ComponentProps<"h4"> {
+}
+/**
+ * Props for the CardDescription component.
  *
- * function MinhaPage() {
- *   const printRef = useRef<HTMLDivElement>(null);
+ * Secondary text that provides additional context.
+ * Rendered with muted foreground color.
  *
- *   return (
- *     <div>
- *       <MeusPropriosBotoes printRef={printRef} />
- *       <ContractPrintPreview
- *         ref={printRef}
- *         data={dadosContratoExemplo}
- *       />
- *     </div>
- *   );
- * }
+ * @example
+ * ```tsx
+ * <CardDescription>This is a description</CardDescription>
  * ```
  */
-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;
+interface CardDescriptionProps extends React$1.ComponentProps<"p"> {
+}
+/**
+ * Props for the CardAction component.
+ *
+ * Container for actions or indicators in the top-right of the card header.
+ * Automatically positioned using CSS Grid when placed inside CardHeader.
+ *
+ * Common use cases:
+ * - Trend indicators (↑ ↓)
+ * - Percentage changes
+ * - Action buttons
+ * - Status badges
+ *
+ * @example
+ * ```tsx
+ * // KPI card with trend indicator
+ * <CardHeader>
+ *   <CardTitle>Total Revenue</CardTitle>
+ *   <CardDescription>$45,231.89</CardDescription>
+ *   <CardAction>
+ *     <Badge variant="secondary" className="bg-green-50">
+ *       <TrendingUp className="h-3 w-3 mr-1" />
+ *       +20.1%
+ *     </Badge>
+ *   </CardAction>
+ * </CardHeader>
+ *
+ * // Dashboard card with action button
+ * <CardHeader>
+ *   <CardTitle>Recent Activity</CardTitle>
+ *   <CardAction>
+ *     <Button variant="ghost" size="icon">
+ *       <MoreVertical className="h-4 w-4" />
+ *     </Button>
+ *   </CardAction>
+ * </CardHeader>
+ * ```
+ */
+interface CardActionProps extends React$1.ComponentProps<"div"> {
+}
+/**
+ * Props for the CardContent component.
+ *
+ * Main content area of the card.
+ * Includes horizontal padding and conditional bottom padding.
+ *
+ * @example
+ * ```tsx
+ * <CardContent>
+ *   <p>Your content here</p>
+ * </CardContent>
+ * ```
+ */
+interface CardContentProps extends React$1.ComponentProps<"div"> {
+}
+/**
+ * Props for the CardFooter component.
+ *
+ * Footer section for actions or additional information.
+ * Typically used for buttons or metadata.
+ *
+ * @example
+ * ```tsx
+ * <CardFooter className="flex justify-between">
+ *   <Button variant="ghost">Cancel</Button>
+ *   <Button>Save</Button>
+ * </CardFooter>
+ * ```
+ */
+interface CardFooterProps extends React$1.ComponentProps<"div"> {
+}
 
-declare function Card({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function CardTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function CardDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function CardContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+/**
+ * Card
+ *
+ * A flexible container component for grouping related content.
+ * Supports composition with CardHeader, CardContent, and CardFooter.
+ *
+ * @example
+ * ```tsx
+ * <Card>
+ *   <CardHeader>
+ *     <CardTitle>Title</CardTitle>
+ *     <CardDescription>Description</CardDescription>
+ *   </CardHeader>
+ *   <CardContent>Content here</CardContent>
+ * </Card>
+ * ```
+ */
+declare const Card: React$1.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * CardHeader
+ *
+ * Header section of the card containing title, description, and optional action.
+ * Uses CSS Grid for automatic layout when CardAction is present.
+ *
+ * @example
+ * ```tsx
+ * <CardHeader>
+ *   <CardTitle>Analytics</CardTitle>
+ *   <CardDescription>Your metrics</CardDescription>
+ *   <CardAction>
+ *     <Badge>+12%</Badge>
+ *   </CardAction>
+ * </CardHeader>
+ * ```
+ */
+declare const CardHeader: React$1.ForwardRefExoticComponent<Omit<CardHeaderProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * CardTitle
+ *
+ * Title element for the card, rendered as h4 by default.
+ *
+ * @example
+ * ```tsx
+ * <CardTitle>Total Revenue</CardTitle>
+ * <CardTitle className="text-sm">Small Title</CardTitle>
+ * ```
+ */
+declare const CardTitle: React$1.ForwardRefExoticComponent<Omit<CardTitleProps, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+/**
+ * CardDescription
+ *
+ * Descriptive text for the card with muted styling.
+ *
+ * @example
+ * ```tsx
+ * <CardDescription>Last 30 days of activity</CardDescription>
+ * ```
+ */
+declare const CardDescription: React$1.ForwardRefExoticComponent<Omit<CardDescriptionProps, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+/**
+ * CardAction
+ *
+ * Action or indicator placed in the top-right of the card header.
+ * Ideal for trend indicators, badges, or action buttons in dashboard KPI cards.
+ *
+ * @example
+ * ```tsx
+ * // Trend indicator
+ * <CardAction>
+ *   <Badge className="bg-green-50">
+ *     <TrendingUp className="h-3 w-3" /> +12%
+ *   </Badge>
+ * </CardAction>
+ *
+ * // Action button
+ * <CardAction>
+ *   <Button variant="ghost" size="icon">
+ *     <MoreVertical className="h-4 w-4" />
+ *   </Button>
+ * </CardAction>
+ * ```
+ */
+declare const CardAction: React$1.ForwardRefExoticComponent<Omit<CardActionProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * CardContent
+ *
+ * Main content area of the card.
+ *
+ * @example
+ * ```tsx
+ * <CardContent>
+ *   <p>Your content here</p>
+ * </CardContent>
+ * ```
+ */
+declare const CardContent: React$1.ForwardRefExoticComponent<Omit<CardContentProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+/**
+ * CardFooter
+ *
+ * Footer section for actions or additional information.
+ *
+ * @example
+ * ```tsx
+ * <CardFooter>
+ *   <Button>Action</Button>
+ * </CardFooter>
+ * ```
+ */
+declare const CardFooter: React$1.ForwardRefExoticComponent<Omit<CardFooterProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
 type CarouselApi = UseEmblaCarouselType[1];
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
@@ -284,131 +367,17 @@ declare function CarouselItem({ className, ...props }: React$1.ComponentProps<"d
 declare function CarouselPrevious({ className, variant, size, ...props }: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
 declare function CarouselNext({ className, variant, size, ...props }: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
 
-declare const THEMES: {
-    readonly light: "";
-    readonly dark: ".dark";
-};
-type ChartConfig = {
-    [k in string]: {
-        label?: React$1.ReactNode;
-        icon?: React$1.ComponentType;
-    } & ({
-        color?: string;
-        theme?: never;
-    } | {
-        color?: never;
-        theme: Record<keyof typeof THEMES, string>;
-    });
-};
-declare function ChartContainer({ id, className, children, config, ...props }: React$1.ComponentProps<"div"> & {
-    config: ChartConfig;
-    children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-}): react_jsx_runtime.JSX.Element;
-declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
-declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React$1.ComponentProps<typeof RechartsPrimitive.Tooltip> & React$1.ComponentProps<"div"> & {
-    hideLabel?: boolean;
-    hideIndicator?: boolean;
-    indicator?: "line" | "dot" | "dashed";
-    nameKey?: string;
-    labelKey?: string;
-    payload?: any[];
-    label?: string;
-}): react_jsx_runtime.JSX.Element | null;
-declare const ChartLegend: typeof RechartsPrimitive.Legend;
-declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React$1.ComponentProps<"div"> & {
-    hideIcon?: boolean;
-    nameKey?: string;
-    payload?: any[];
-    verticalAlign?: "top" | "bottom";
-}): react_jsx_runtime.JSX.Element | null;
-
 declare function Checkbox({ className, ...props }: React$1.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime.JSX.Element;
 
-interface ColorPickerProps {
-    value?: string;
-    onChange?: (color: string) => void;
-    label?: string;
-    className?: string;
-    disabled?: boolean;
-}
-declare function ColorPicker({ value, onChange, label, className, disabled, }: ColorPickerProps): react_jsx_runtime.JSX.Element;
-
 declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime.JSX.Element;
 declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
 declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime.JSX.Element;
 
-interface DateTimePickerProps {
-    date?: Date;
-    onChange?: (date: Date | undefined) => void;
-    label?: string;
-    placeholder?: string;
-    className?: string;
-    disabled?: boolean;
-}
-declare function DateTimePicker({ date, onChange, label, placeholder, className, disabled, }: DateTimePickerProps): react_jsx_runtime.JSX.Element;
-
-interface DateRangePickerProps {
-    dateRange?: DateRange;
-    onChange?: (range: DateRange | undefined) => void;
-    label?: string;
-    placeholder?: string;
-    className?: string;
-    disabled?: boolean;
-    withTime?: boolean;
-}
-declare function DateRangePicker({ dateRange, onChange, label, placeholder, className, disabled, withTime, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
-
-interface TimePickerProps {
-    date?: Date;
-    onChange?: (date: Date | undefined) => void;
-    label?: string;
-    className?: string;
-    disabled?: boolean;
-}
-declare function TimePicker({ date, onChange, label, className, disabled, }: TimePickerProps): react_jsx_runtime.JSX.Element;
-
-interface KanbanCardTag {
-    id: string;
-    label: string;
-    color?: string;
-}
-interface KanbanCardAssignee {
-    id: string;
-    name: string;
-    avatar?: string;
-    initials?: string;
-}
-interface KanbanCardProps {
-    id: string;
-    title: string;
-    description?: string;
-    coverImage?: string;
-    thumbnailImage?: string;
-    tags?: KanbanCardTag[];
-    assignees?: KanbanCardAssignee[];
-    priority?: "low" | "medium" | "high" | "urgent";
-    dueDate?: Date;
-    comments?: number;
-    attachments?: number;
-    checklist?: {
-        completed: number;
-        total: number;
-    };
-    progress?: number;
-    status?: string;
-    variant?: "default" | "compact" | "detailed";
-    isDragging?: boolean;
-    onClick?: () => void;
-    onEdit?: () => void;
-    onDelete?: () => void;
-    onDuplicate?: () => void;
-    className?: string;
-}
-declare const KanbanCard: React$1.ForwardRefExoticComponent<KanbanCardProps & React$1.RefAttributes<HTMLDivElement>>;
-
 declare function Dialog({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
 declare function DialogTrigger({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DialogPortal({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
 declare function DialogClose({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
+declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare function DialogContent({ className, children, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Content>): react_jsx_runtime.JSX.Element;
 declare function DialogHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function DialogFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -453,7 +422,9 @@ declare function ContextMenuShortcut({ className, ...props }: React$1.ComponentP
 
 declare function Drawer({ ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
 declare const DrawerTrigger: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare function DrawerPortal({ ...props }: React$1.ComponentProps<typeof Drawer$1.Portal>): react_jsx_runtime.JSX.Element;
 declare const DrawerClose: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DrawerOverlay: React$1.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const DrawerContent: React$1.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare function DrawerHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function DrawerFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -552,7 +523,9 @@ declare function NavigationMenuItem({ className, ...props }: React$1.ComponentPr
 declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
 declare function NavigationMenuTrigger({ className, children, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
 declare function NavigationMenuContent({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuViewport({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): react_jsx_runtime.JSX.Element;
 declare function NavigationMenuLink({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime.JSX.Element;
+declare function NavigationMenuIndicator({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): react_jsx_runtime.JSX.Element;
 
 declare function Pagination({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
 declare function PaginationContent({ className, ...props }: React$1.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
@@ -568,15 +541,16 @@ declare function PaginationEllipsis({ className, ...props }: React$1.ComponentPr
 declare function Popover({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime.JSX.Element;
 declare const PopoverTrigger: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const PopoverAnchor: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
 declare function Progress({ className, value, ...props }: React$1.ComponentProps<typeof ProgressPrimitive.Root>): react_jsx_runtime.JSX.Element;
 
 declare function RadioGroup({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime.JSX.Element;
 declare function RadioGroupItem({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Item>): react_jsx_runtime.JSX.Element;
 
-declare function ResizablePanelGroup({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelGroup>): react_jsx_runtime.JSX.Element;
-declare function ResizablePanel({ ...props }: React$1.ComponentProps<typeof ResizablePrimitive.Panel>): react_jsx_runtime.JSX.Element;
-declare function ResizableHandle({ withHandle, className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+declare function ResizablePanelGroup({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>): react_jsx_runtime.JSX.Element;
+declare function ResizablePanel({ ...props }: React.ComponentProps<typeof ResizablePrimitive.Panel>): react_jsx_runtime.JSX.Element;
+declare function ResizableHandle({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
     withHandle?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
@@ -593,33 +567,847 @@ declare function SelectContent({ className, children, position, ...props }: Reac
 declare function SelectLabel({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime.JSX.Element;
 declare function SelectItem({ className, children, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime.JSX.Element;
 declare function SelectSeparator({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): react_jsx_runtime.JSX.Element;
 
 declare function Separator({ className, orientation, decorative, ...props }: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
 
 declare function Sheet({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
-declare function SheetTrigger({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
-declare function SheetClose({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
-declare function SheetContent({ className, children, side, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Content> & {
+declare const SheetTrigger: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
+declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
     side?: "top" | "right" | "bottom" | "left";
-}): react_jsx_runtime.JSX.Element;
-declare function SheetHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function SheetTitle({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
-declare function SheetDescription({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
+}
+declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
+declare function SheetHeader({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare namespace SheetHeader {
+    var displayName: string;
+}
+declare function SheetFooter({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare namespace SheetFooter {
+    var displayName: string;
+}
+declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
 
-declare function TooltipProvider({ delayDuration, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element;
-declare function Tooltip({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
-declare function TooltipTrigger({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
-declare function TooltipContent({ className, sideOffset, children, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
+interface SkeletonProps extends React.ComponentProps<"div"> {
+    /** Animation variant: pulse (default) or shimmer (premium) */
+    variant?: "pulse" | "shimmer";
+}
+declare function Skeleton({ className, variant, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
 
-type SidebarContextProps = {
-    state: "expanded" | "collapsed";
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    openMobile: boolean;
-    setOpenMobile: (open: boolean) => void;
-    isMobile: boolean;
-    toggleSidebar: () => void;
+declare function Slider({ className, defaultValue, value, min, max, ...props }: React$1.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
+
+declare function Switch({ className, ...props }: React$1.ComponentProps<typeof SwitchPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+interface TableProps extends React$1.ComponentProps<"table"> {
+}
+interface TableHeaderProps extends React$1.ComponentProps<"thead"> {
+}
+interface TableBodyProps extends React$1.ComponentProps<"tbody"> {
+}
+interface TableFooterProps extends React$1.ComponentProps<"tfoot"> {
+}
+interface TableRowProps extends React$1.ComponentProps<"tr"> {
+}
+interface TableHeadProps extends React$1.ComponentProps<"th"> {
+}
+interface TableCellProps extends React$1.ComponentProps<"td"> {
+}
+interface TableCaptionProps extends React$1.ComponentProps<"caption"> {
+}
+declare const Table: React$1.ForwardRefExoticComponent<Omit<TableProps, "ref"> & React$1.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React$1.ForwardRefExoticComponent<Omit<TableHeaderProps, "ref"> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React$1.ForwardRefExoticComponent<Omit<TableBodyProps, "ref"> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React$1.ForwardRefExoticComponent<Omit<TableFooterProps, "ref"> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React$1.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & React$1.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React$1.ForwardRefExoticComponent<Omit<TableHeadProps, "ref"> & React$1.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React$1.ForwardRefExoticComponent<Omit<TableCellProps, "ref"> & React$1.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React$1.ForwardRefExoticComponent<Omit<TableCaptionProps, "ref"> & React$1.RefAttributes<HTMLTableCaptionElement>>;
+
+/**
+ * Utility types for DataTable implementations
+ *
+ * These types provide standard interfaces for common DataTable patterns
+ * like sorting, pagination, column definitions, and selection.
+ */
+/**
+ * Direction of sorting
+ */
+type SortDirection = "asc" | "desc" | null;
+/**
+ * Sort configuration for a table
+ *
+ * @example
+ * ```tsx
+ * const [sortConfig, setSortConfig] = useState<SortConfig<User>>({
+ *   column: "name",
+ *   direction: "asc"
+ * });
+ * ```
+ */
+interface SortConfig<T extends Record<string, any>> {
+    column: keyof T | null;
+    direction: SortDirection;
+}
+/**
+ * Column definition for a DataTable
+ *
+ * @example
+ * ```tsx
+ * const columns: ColumnDef<User>[] = [
+ *   {
+ *     key: "name",
+ *     header: "Name",
+ *     sortable: true,
+ *     width: "200px"
+ *   },
+ *   {
+ *     key: "email",
+ *     header: "Email",
+ *     render: (value, row) => <a href={`mailto:${value}`}>{value}</a>
+ *   }
+ * ];
+ * ```
+ */
+interface ColumnDef<T extends Record<string, any>> {
+    /** Key of the data property to display */
+    key: keyof T;
+    /** Header label or React node */
+    header: string | React.ReactNode;
+    /** Whether this column is sortable */
+    sortable?: boolean;
+    /** Column width (CSS value) */
+    width?: string | number;
+    /** Text alignment */
+    align?: "left" | "center" | "right";
+    /** Custom render function for the cell content */
+    render?: (value: T[keyof T], row: T, index: number) => React.ReactNode;
+    /** Additional className for the cell */
+    className?: string;
+    /** Additional className for the header */
+    headerClassName?: string;
+}
+/**
+ * Pagination configuration
+ *
+ * @example
+ * ```tsx
+ * const [pagination, setPagination] = useState<PaginationConfig>({
+ *   currentPage: 1,
+ *   pageSize: 10,
+ *   totalItems: 100
+ * });
+ * ```
+ */
+interface PaginationConfig {
+    /** Current page number (1-indexed) */
+    currentPage: number;
+    /** Number of items per page */
+    pageSize: number;
+    /** Total number of items */
+    totalItems: number;
+    /** Callback when page changes */
+    onPageChange?: (page: number) => void;
+    /** Callback when page size changes */
+    onPageSizeChange?: (size: number) => void;
+}
+/**
+ * Helper to calculate pagination metadata
+ */
+interface PaginationMetadata {
+    totalPages: number;
+    startIndex: number;
+    endIndex: number;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+}
+/**
+ * Selection state for table rows
+ *
+ * @example
+ * ```tsx
+ * const [selection, setSelection] = useState<SelectionState>({
+ *   selectedIds: new Set(["1", "2"]),
+ *   isAllSelected: false
+ * });
+ * ```
+ */
+interface SelectionState {
+    /** Set of selected row IDs */
+    selectedIds: Set<string | number>;
+    /** Whether all rows are selected */
+    isAllSelected: boolean;
+}
+/**
+ * Complete table state with all common features
+ *
+ * @example
+ * ```tsx
+ * const [tableState, setTableState] = useState<TableState<User>>({
+ *   data: users,
+ *   sort: { column: "name", direction: "asc" },
+ *   pagination: { currentPage: 1, pageSize: 10, totalItems: 100 },
+ *   selection: { selectedIds: new Set(), isAllSelected: false }
+ * });
+ * ```
+ */
+interface TableState<T extends Record<string, any>> {
+    /** Table data */
+    data: T[];
+    /** Sort configuration */
+    sort?: SortConfig<T>;
+    /** Pagination configuration */
+    pagination?: PaginationConfig;
+    /** Selection state */
+    selection?: SelectionState;
+    /** Loading state */
+    isLoading?: boolean;
+    /** Error state */
+    error?: string | null;
+}
+/**
+ * Filter operator types
+ */
+type FilterOperator = "equals" | "contains" | "startsWith" | "endsWith" | "greaterThan" | "lessThan" | "between" | "in";
+/**
+ * Filter configuration for a column
+ *
+ * @example
+ * ```tsx
+ * const filters: FilterConfig<User>[] = [
+ *   {
+ *     column: "status",
+ *     operator: "in",
+ *     value: ["active", "pending"]
+ *   },
+ *   {
+ *     column: "age",
+ *     operator: "greaterThan",
+ *     value: 18
+ *   }
+ * ];
+ * ```
+ */
+interface FilterConfig<T extends Record<string, any>> {
+    column: keyof T;
+    operator: FilterOperator;
+    value: any;
+}
+/**
+ * Configuration for draggable rows
+ */
+interface DragDropConfig {
+    /** Whether drag and drop is enabled */
+    enabled: boolean;
+    /** Callback when a row is dropped */
+    onDrop?: (dragIndex: number, dropIndex: number) => void;
+    /** Custom drag handle component */
+    dragHandle?: React.ReactNode;
+}
+/**
+ * Configuration for expandable rows
+ *
+ * @example
+ * ```tsx
+ * const expandConfig: RowExpansionConfig<User> = {
+ *   enabled: true,
+ *   expandedRows: new Set(["1", "3"]),
+ *   renderExpandedContent: (row) => (
+ *     <div>Details for {row.name}</div>
+ *   )
+ * };
+ * ```
+ */
+interface RowExpansionConfig<T extends Record<string, any>> {
+    /** Whether row expansion is enabled */
+    enabled: boolean;
+    /** Set of expanded row IDs */
+    expandedRows?: Set<string | number>;
+    /** Callback when row expansion changes */
+    onExpansionChange?: (rowId: string | number, isExpanded: boolean) => void;
+    /** Custom content to render when row is expanded */
+    renderExpandedContent?: (row: T, index: number) => React.ReactNode;
+}
+/**
+ * Sort function type
+ */
+type SortFunction<T extends Record<string, any>> = (a: T, b: T, config: SortConfig<T>) => number;
+/**
+ * Filter function type
+ */
+type FilterFunction<T extends Record<string, any>> = (row: T, filters: FilterConfig<T>[]) => boolean;
+/**
+ * Helper function to calculate pagination metadata
+ */
+declare function calculatePaginationMetadata(config: PaginationConfig): PaginationMetadata;
+
+/**
+ * Labels for internationalization
+ */
+interface TablePaginationLabels {
+    /** "Anterior" */
+    previous?: string;
+    /** "Próxima" */
+    next?: string;
+    /** "Primeira" */
+    first?: string;
+    /** "Última" */
+    last?: string;
+    /** "Mostrando" */
+    showing?: string;
+    /** "de" */
+    of?: string;
+    /** "resultados" */
+    results?: string;
+    /** "Itens por página" */
+    itemsPerPage?: string;
+    /** "Página" */
+    page?: string;
+}
+/**
+ * Props for the TablePagination component
+ *
+ * @example
+ * ```tsx
+ * // With useTablePagination hook
+ * const pagination = useTablePagination(data, { pageSize: 10 });
+ *
+ * <TablePagination
+ *   currentPage={pagination.currentPage}
+ *   totalPages={pagination.totalPages}
+ *   pageSize={pagination.pageSize}
+ *   totalItems={pagination.totalItems}
+ *   onPageChange={pagination.goToPage}
+ *   onPageSizeChange={pagination.setPageSize}
+ * />
+ * ```
+ */
+interface TablePaginationProps {
+    /** Current page number (1-indexed) */
+    currentPage: number;
+    /** Total number of pages */
+    totalPages: number;
+    /** Current page size */
+    pageSize: number;
+    /** Total number of items */
+    totalItems: number;
+    /** Callback when page changes */
+    onPageChange: (page: number) => void;
+    /** Callback when page size changes */
+    onPageSizeChange?: (size: number) => void;
+    /** Available page size options */
+    pageSizeOptions?: number[];
+    /** Maximum number of visible page buttons */
+    maxVisiblePages?: number;
+    /** Show "Showing X of Y" info */
+    showInfo?: boolean;
+    /** Show page number buttons */
+    showPageNumbers?: boolean;
+    /** Show page size selector */
+    showPageSizeSelector?: boolean;
+    /** Show first/last page buttons */
+    showFirstLastButtons?: boolean;
+    /** Custom labels for i18n */
+    labels?: TablePaginationLabels;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * Generate array of page numbers with ellipsis
+ */
+declare function getPageNumbers(currentPage: number, totalPages: number, maxVisible?: number): (number | "ellipsis")[];
+/**
+ * TablePagination Component
+ *
+ * A complete, ready-to-use pagination component for tables and data grids.
+ * Integrates seamlessly with the `useTablePagination` hook.
+ *
+ * @example
+ * ```tsx
+ * import { useTablePagination, TablePagination, Table, TableBody, ... } from "@iclips/ui";
+ *
+ * function MyTable({ data }) {
+ *   const pagination = useTablePagination(data, { pageSize: 10 });
+ *
+ *   return (
+ *     <>
+ *       <Table>
+ *         <TableBody>
+ *           {pagination.paginatedData.map(item => (
+ *             <TableRow key={item.id}>...</TableRow>
+ *           ))}
+ *         </TableBody>
+ *       </Table>
+ *
+ *       <TablePagination
+ *         currentPage={pagination.currentPage}
+ *         totalPages={pagination.totalPages}
+ *         pageSize={pagination.pageSize}
+ *         totalItems={pagination.totalItems}
+ *         onPageChange={pagination.goToPage}
+ *         onPageSizeChange={pagination.setPageSize}
+ *       />
+ *     </>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Minimal usage (without page size selector)
+ * <TablePagination
+ *   currentPage={1}
+ *   totalPages={10}
+ *   pageSize={20}
+ *   totalItems={200}
+ *   onPageChange={(page) => setCurrentPage(page)}
+ *   showPageSizeSelector={false}
+ * />
+ * ```
+ */
+declare function TablePagination({ currentPage, totalPages, pageSize, totalItems, onPageChange, onPageSizeChange, pageSizeOptions, maxVisiblePages, showInfo, showPageNumbers, showPageSizeSelector, showFirstLastButtons, labels: customLabels, className, }: TablePaginationProps): react_jsx_runtime.JSX.Element | null;
+declare namespace TablePagination {
+    var displayName: string;
+}
+
+declare function Tabs({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function TabsList({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.List>): react_jsx_runtime.JSX.Element;
+declare function TabsTrigger({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function TabsContent({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+declare function Textarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
+
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: React$1.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+
+declare function ToggleGroup({ className, variant, size, children, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+
+declare function TooltipProvider({ delayDuration, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element;
+declare function Tooltip({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function TooltipTrigger({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+interface BrandLogoProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    variant?: "symbol" | "full";
+    mode?: "positive" | "negative";
+}
+declare function BrandLogo({ variant, mode, className, ...props }: BrandLogoProps): react_jsx_runtime.JSX.Element;
+
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+type ChartConfig = {
+    [k in string]: {
+        label?: React$1.ReactNode;
+        icon?: React$1.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+declare function ChartContainer({ id, className, children, config, ...props }: React$1.ComponentProps<"div"> & {
+    config: ChartConfig;
+    children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+}): react_jsx_runtime.JSX.Element;
+declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => react_jsx_runtime.JSX.Element | null;
+declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React$1.ComponentProps<typeof RechartsPrimitive.Tooltip> & React$1.ComponentProps<"div"> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+}): react_jsx_runtime.JSX.Element | null;
+declare const ChartLegend: typeof RechartsPrimitive.Legend;
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React$1.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
+    hideIcon?: boolean;
+    nameKey?: string;
+}): react_jsx_runtime.JSX.Element | null;
+
+interface ColorPickerProps {
+    value?: string;
+    onChange?: (color: string) => void;
+    label?: string;
+    className?: string;
+    disabled?: boolean;
+}
+declare function ColorPicker({ value, onChange, label, className, disabled, }: ColorPickerProps): react_jsx_runtime.JSX.Element;
+declare function ColorPickerInline({ value, onChange, className, disabled, }: Omit<ColorPickerProps, "label">): react_jsx_runtime.JSX.Element;
+
+type UserRole = 'internal' | 'client' | 'freelancer';
+interface CommentUser {
+    id: string;
+    name: string;
+    avatar?: string;
+    role: UserRole;
+}
+interface CommentReaction {
+    emoji: string;
+    users: string[];
+}
+interface CommentAttachment {
+    id: string;
+    url: string;
+    name: string;
+    type: 'image' | 'file';
+}
+interface Comment {
+    id: string;
+    content: string;
+    user: CommentUser;
+    createdAt: Date;
+    isRevisionRequest?: boolean;
+    attachments?: CommentAttachment[];
+    reactions?: CommentReaction[];
+}
+interface CommentSystemProps {
+    comments: Comment[];
+    currentUser: CommentUser;
+    users?: CommentUser[];
+    onAddComment: (comment: Omit<Comment, "id" | "createdAt">) => void;
+    onDeleteComment?: (id: string) => void;
+    onReact?: (commentId: string, emoji: string) => void;
+    className?: string;
+}
+declare const CommentSystem: ({ comments, currentUser, users, onAddComment, onDeleteComment, onReact, className }: CommentSystemProps) => react_jsx_runtime.JSX.Element;
+
+interface DateRangePickerProps {
+    dateRange?: DateRange;
+    onChange?: (range: DateRange | undefined) => void;
+    label?: string;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+    withTime?: boolean;
+}
+declare function DateRangePicker({ dateRange, onChange, label, placeholder, className, disabled, withTime, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
+
+interface DateTimePickerProps {
+    date?: Date;
+    onChange?: (date: Date | undefined) => void;
+    label?: string;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+}
+declare function DateTimePicker({ date, onChange, label, placeholder, className, disabled, }: DateTimePickerProps): react_jsx_runtime.JSX.Element;
+
+type EditorVariant = 'simple' | 'full';
+interface DocumentEditorProps {
+    content?: string;
+    onChange?: (content: string) => void;
+    placeholder?: string;
+    variant?: EditorVariant;
+    className?: string;
+    readOnly?: boolean;
+    label?: string;
+}
+declare function DocumentEditor({ content, onChange, placeholder, variant, className, readOnly, label }: DocumentEditorProps): react_jsx_runtime.JSX.Element | null;
+
+type SocialChannel = "instagram" | "linkedin" | "facebook" | "twitter" | "youtube" | "blog" | "other";
+type TaskStatus = "idea" | "planned" | "in-progress" | "approval" | "scheduled" | "published";
+type CalendarMode = "editorial" | "execution";
+interface CalendarTask {
+    id: string;
+    title: string;
+    date?: Date | string;
+    endDate?: Date | string;
+    channel?: SocialChannel;
+    status: TaskStatus;
+    imageUrl?: string;
+    description?: string;
+    assignees?: {
+        name: string;
+        avatar?: string;
+    }[];
+    color?: string;
+}
+interface BaseCalendarProps {
+    tasks: CalendarTask[];
+    onTaskUpdate: (updatedTask: CalendarTask) => void;
+    onTaskCreate?: (newTask: Partial<CalendarTask>) => void;
+    className?: string;
+}
+declare function EditorialCalendar(props: BaseCalendarProps): react_jsx_runtime.JSX.Element;
+declare function TaskCalendar(props: BaseCalendarProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Active Filter
+ */
+interface ActiveFilter {
+    id: string;
+    label: string;
+    value?: string;
+    onRemove?: () => void;
+}
+/**
+ * FilterBar Props
+ */
+interface FilterBarProps {
+    activeFilters?: ActiveFilter[];
+    onRemoveFilter?: (filterId: string) => void;
+    onClearAll?: () => void;
+    onOpenFilters?: () => void;
+    className?: string;
+    children?: React$1.ReactNode;
+}
+/**
+ * FilterBar Component
+ *
+ * Horizontal bar displaying a filter button with active filter chips.
+ * Follows Intercom's pattern with count badges and clear all action.
+ *
+ * @example
+ * ```tsx
+ * <FilterBar
+ *   activeFilters={[
+ *     { id: '1', label: 'Status', value: 'Active' },
+ *     { id: '2', label: 'Date', value: 'Last 30 days' }
+ *   ]}
+ *   onRemoveFilter={(id) => console.log('remove', id)}
+ *   onClearAll={() => console.log('clear all')}
+ *   onOpenFilters={() => console.log('open')}
+ * />
+ * ```
+ */
+declare const FilterBar: React$1.ForwardRefExoticComponent<FilterBarProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Filter Condition
+ *
+ * Represents a single filter condition with field, operator, and value.
+ */
+interface FilterCondition {
+    id: string;
+    field: string;
+    operator: string;
+    value: string | string[];
+}
+/**
+ * Filter Field
+ *
+ * Configuration for a filterable field with type and options.
+ */
+interface FilterField {
+    value: string;
+    label: string;
+    type?: "text" | "number" | "select" | "date";
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    multiSelect?: boolean;
+}
+/**
+ * FilterBuilder Props
+ */
+interface FilterBuilderProps {
+    conditions: FilterCondition[];
+    onConditionsChange: (conditions: FilterCondition[]) => void;
+    fields: FilterField[];
+    className?: string;
+}
+/**
+ * FilterBuilder Component
+ *
+ * Advanced filter builder with multiple conditions, operators, and multi-select support.
+ * Inspired by Intercom's filter system with visual condition rows and AND logic.
+ *
+ * @example
+ * ```tsx
+ * const [conditions, setConditions] = useState<FilterCondition[]>([
+ *   { id: '1', field: 'status', operator: 'is_any_of', value: ['active', 'pending'] }
+ * ]);
+ *
+ * const fields: FilterField[] = [
+ *   {
+ *     value: 'status',
+ *     label: 'Status',
+ *     type: 'select',
+ *     options: [
+ *       { value: 'active', label: 'Active' },
+ *       { value: 'pending', label: 'Pending' }
+ *     ]
+ *   }
+ * ];
+ *
+ * <FilterBuilder
+ *   conditions={conditions}
+ *   onConditionsChange={setConditions}
+ *   fields={fields}
+ * />
+ * ```
+ */
+declare const FilterBuilder: React$1.ForwardRefExoticComponent<FilterBuilderProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * FilterChip Props
+ */
+interface FilterChipProps {
+    label: string;
+    value?: string;
+    onRemove?: () => void;
+    className?: string;
+}
+/**
+ * FilterChip Component
+ *
+ * A removable badge displaying an active filter with optional value.
+ * Commonly used in filter bars to show applied filters.
+ *
+ * @example
+ * ```tsx
+ * <FilterChip
+ *   label="Status"
+ *   value="Active"
+ *   onRemove={() => console.log('removed')}
+ * />
+ * ```
+ */
+declare const FilterChip: React$1.ForwardRefExoticComponent<FilterChipProps & React$1.RefAttributes<HTMLDivElement>>;
+
+type GanttTaskStatus = "not-started" | "in-progress" | "on-hold" | "delayed" | "completed" | "cancelled";
+interface GanttTask {
+    id: string;
+    name: string;
+    startDate: Date;
+    endDate: Date;
+    progress: number;
+    status: GanttTaskStatus;
+    projectId?: string;
+    assignee?: {
+        name: string;
+        initials?: string;
+        avatar?: string;
+    };
+    description?: string;
+    milestone?: boolean;
+    dependencies?: string[];
+}
+interface GanttProject {
+    id: string;
+    name: string;
+    color?: string;
+}
+interface GanttChartProps {
+    tasks: GanttTask[];
+    projects?: GanttProject[];
+    onTaskClick?: (task: GanttTask) => void;
+    onTaskEdit?: (task: GanttTask) => void;
+    rowHeight?: number;
+    columnWidth?: number;
+    showWeekends?: boolean;
+    groupBy?: "projects" | "assignees";
+}
+declare const GanttChart: React$1.ForwardRefExoticComponent<GanttChartProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const GanttLegend: React$1.ForwardRefExoticComponent<{
+    className?: string;
+} & React$1.RefAttributes<HTMLDivElement>>;
+
+interface KanbanCardTag {
+    id: string;
+    label: string;
+    color?: string;
+}
+interface KanbanCardAssignee {
+    id: string;
+    name: string;
+    avatar?: string;
+    initials?: string;
+}
+interface KanbanCardProps {
+    id: string;
+    title: string;
+    description?: string;
+    coverImage?: string;
+    thumbnailImage?: string;
+    tags?: KanbanCardTag[];
+    assignees?: KanbanCardAssignee[];
+    priority?: "low" | "medium" | "high" | "urgent";
+    dueDate?: Date;
+    comments?: number;
+    attachments?: number;
+    checklist?: {
+        completed: number;
+        total: number;
+    };
+    progress?: number;
+    status?: string;
+    variant?: "default" | "compact" | "detailed";
+    isDragging?: boolean;
+    onClick?: () => void;
+    onEdit?: () => void;
+    onDelete?: () => void;
+    onDuplicate?: () => void;
+    className?: string;
+}
+declare const KanbanCard: React$1.ForwardRefExoticComponent<KanbanCardProps & React$1.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Saved Filter
+ */
+interface SavedFilter {
+    id: string;
+    name: string;
+    description?: string;
+    isFavorite?: boolean;
+    filterCount?: number;
+}
+/**
+ * SavedFilters Props
+ */
+interface SavedFiltersProps {
+    filters?: SavedFilter[];
+    onSelectFilter?: (filterId: string) => void;
+    onToggleFavorite?: (filterId: string) => void;
+    onDeleteFilter?: (filterId: string) => void;
+    className?: string;
+}
+/**
+ * SavedFilters Component
+ *
+ * Dropdown menu for managing saved filter presets with favorites support.
+ * Allows users to quickly apply, favorite, and delete saved filter combinations.
+ *
+ * @example
+ * ```tsx
+ * <SavedFilters
+ *   filters={[
+ *     { id: '1', name: 'Active Clients', isFavorite: true, filterCount: 2 },
+ *     { id: '2', name: 'High Value', description: 'Projects over $50k', filterCount: 3 }
+ *   ]}
+ *   onSelectFilter={(id) => console.log('apply', id)}
+ *   onToggleFavorite={(id) => console.log('toggle', id)}
+ *   onDeleteFilter={(id) => console.log('delete', id)}
+ * />
+ * ```
+ */
+declare const SavedFilters: React$1.ForwardRefExoticComponent<SavedFiltersProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+type SidebarContextProps = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
 };
 declare function useSidebar(): SidebarContextProps;
 declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React$1.ComponentProps<"div"> & {
@@ -635,6 +1423,7 @@ declare function Sidebar({ side, variant, collapsible, className, children, ...p
 declare function SidebarTrigger({ className, onClick, ...props }: React$1.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
 declare function SidebarRail({ className, ...props }: React$1.ComponentProps<"button">): react_jsx_runtime.JSX.Element;
 declare function SidebarInset({ className, ...props }: React$1.ComponentProps<"main">): react_jsx_runtime.JSX.Element;
+declare function SidebarInput({ className, ...props }: React$1.ComponentProps<typeof Input>): react_jsx_runtime.JSX.Element;
 declare function SidebarHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function SidebarFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function SidebarSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
@@ -674,27 +1463,53 @@ declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...p
     isActive?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-
-declare function Slider({ className, defaultValue, value, min, max, ...props }: React$1.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime.JSX.Element;
-
-declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
-
-declare function Switch({ className, ...props }: React$1.ComponentProps<typeof SwitchPrimitive.Root>): react_jsx_runtime.JSX.Element;
+interface TaskEditDialogProps {
+    task: GanttTask | null;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onSave: (task: GanttTask) => void;
+    availableTasks?: GanttTask[];
+    availableAssignees?: {
+        name: string;
+        initials?: string;
+    }[];
+}
+declare function hasCircularDependency(taskId: string, dependencies: string[], allTasks: GanttTask[], visited?: Set<string>): boolean;
+declare function TaskEditDialog({ task, open, onOpenChange, onSave, availableTasks, availableAssignees, }: TaskEditDialogProps): react_jsx_runtime.JSX.Element | null;
 
-declare function Table({ className, ...props }: React$1.ComponentProps<"table">): react_jsx_runtime.JSX.Element;
-declare function TableHeader({ className, ...props }: React$1.ComponentProps<"thead">): react_jsx_runtime.JSX.Element;
-declare function TableBody({ className, ...props }: React$1.ComponentProps<"tbody">): react_jsx_runtime.JSX.Element;
-declare function TableFooter({ className, ...props }: React$1.ComponentProps<"tfoot">): react_jsx_runtime.JSX.Element;
-declare const TableRow: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & React$1.RefAttributes<HTMLTableRowElement>>;
-declare function TableHead({ className, ...props }: React$1.ComponentProps<"th">): react_jsx_runtime.JSX.Element;
-declare function TableCell({ className, ...props }: React$1.ComponentProps<"td">): react_jsx_runtime.JSX.Element;
-declare function TableCaption({ className, ...props }: React$1.ComponentProps<"caption">): react_jsx_runtime.JSX.Element;
+interface TimePickerProps {
+    date?: Date;
+    onChange?: (date: Date | undefined) => void;
+    label?: string;
+    className?: string;
+    disabled?: boolean;
+}
+declare function TimePicker({ date, onChange, label, className, disabled, }: TimePickerProps): react_jsx_runtime.JSX.Element;
 
-declare function Tabs({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime.JSX.Element;
-declare function TabsList({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.List>): react_jsx_runtime.JSX.Element;
-declare function TabsTrigger({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
-declare function TabsContent({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime.JSX.Element;
+type TimelineActionType = 'create' | 'update' | 'status_change' | 'comment' | 'upload' | 'assignment';
+interface TimelineUser {
+    id: string;
+    name: string;
+    avatar?: string;
+}
+interface TimelineEvent {
+    id: string;
+    user: TimelineUser;
+    action: TimelineActionType;
+    title: string;
+    timestamp: Date;
+    metadata?: {
+        before?: string | null;
+        after?: string | null;
+        details?: React$1.ReactNode;
+        fileName?: string;
+    };
+}
+interface TimelineProps {
+    events: TimelineEvent[];
+    className?: string;
+}
+declare const Timeline: ({ events, className }: TimelineProps) => react_jsx_runtime.JSX.Element;
 
 interface UnderlineTabsProps {
     defaultValue?: string;
@@ -723,260 +1538,263 @@ interface UnderlineTabsContentProps {
 }
 declare function UnderlineTabsContent({ value: contentValue, children, className, }: UnderlineTabsContentProps): react_jsx_runtime.JSX.Element | null;
 
-declare function Textarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
-
-declare const toggleVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Toggle({ className, variant, size, ...props }: React$1.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
-
-declare function ToggleGroup({ className, variant, size, children, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
-declare function ToggleGroupItem({ className, children, variant, size, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
+/**
+ * Illustration System - iClips Design System
+ *
+ * Reusable SVG illustrations for empty states and onboarding.
+ * These follow the iClips brand colors (Purple #7F26BF as primary).
+ */
+interface IllustrationProps {
+    className?: string;
+    size?: "sm" | "md" | "lg";
+    /** Primary color - defaults to purple-500 */
+    primaryColor?: string;
+    /** Secondary color - defaults to purple-100 */
+    secondaryColor?: string;
+}
+/**
+ * Empty Inbox Illustration
+ * Use for: No messages, no notifications, cleared inbox
+ */
+declare function EmptyInboxIllustration({ className, size, primaryColor, secondaryColor, }: IllustrationProps): react_jsx_runtime.JSX.Element;
+/**
+ * Empty Search Illustration
+ * Use for: No results found, empty search
+ */
+declare function EmptySearchIllustration({ className, size, primaryColor, secondaryColor, }: IllustrationProps): react_jsx_runtime.JSX.Element;
+/**
+ * Empty Projects Illustration
+ * Use for: No projects, no campaigns, empty folder
+ */
+declare function EmptyProjectsIllustration({ className, size, primaryColor, secondaryColor, }: IllustrationProps): react_jsx_runtime.JSX.Element;
+/**
+ * Empty Calendar Illustration
+ * Use for: No events, no deadlines, clear schedule
+ */
+declare function EmptyCalendarIllustration({ className, size, primaryColor, secondaryColor, }: IllustrationProps): react_jsx_runtime.JSX.Element;
+/**
+ * Error State Illustration
+ * Use for: Error loading, something went wrong
+ */
+declare function ErrorStateIllustration({ className, size, primaryColor, secondaryColor, }: IllustrationProps): react_jsx_runtime.JSX.Element;
+/**
+ * Success State Illustration
+ * Use for: Action completed, all done
+ */
+declare function SuccessStateIllustration({ className, size, primaryColor, secondaryColor, }: IllustrationProps): react_jsx_runtime.JSX.Element;
+declare const Illustrations: {
+    EmptyInbox: typeof EmptyInboxIllustration;
+    EmptySearch: typeof EmptySearchIllustration;
+    EmptyProjects: typeof EmptyProjectsIllustration;
+    EmptyCalendar: typeof EmptyCalendarIllustration;
+    ErrorState: typeof ErrorStateIllustration;
+    SuccessState: typeof SuccessStateIllustration;
+};
 
 declare function cn(...inputs: ClassValue[]): string;
 
 declare function useIsMobile(): boolean;
 
 /**
- * Opções para o hook de impressão de contratos
+ * Hook for managing table sorting
+ *
+ * @example
+ * ```tsx
+ * const { sortedData, sortConfig, toggleSort } = useTableSort(users);
+ *
+ * // In your component
+ * <TableHead onClick={() => toggleSort("name")}>
+ *   Name {sortConfig.column === "name" && (
+ *     sortConfig.direction === "asc" ? "↑" : "↓"
+ *   )}
+ * </TableHead>
+ * ```
  */
-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;
-}
+declare function useTableSort<T extends Record<string, unknown>>(data: T[], initialSort?: SortConfig<T>): {
+    sortedData: T[];
+    sortConfig: SortConfig<T>;
+    toggleSort: (column: keyof T) => void;
+    setSort: (column: keyof T | null, direction: SortDirection) => void;
+    clearSort: () => void;
+};
+
 /**
- * Hook para gerenciar impressão e download de contratos
+ * Hook for managing table row selection
  *
  * @example
  * ```tsx
- * const printRef = useRef<HTMLDivElement>(null);
- * const { printContract, downloadPDF } = usePrintContract(printRef, 'FEE-2024-001', {
- *   onPrintSuccess: () => toast.success('Impresso!'),
- *   onDownloadSuccess: () => toast.success('PDF gerado!'),
- * });
+ * const {
+ *   selected,
+ *   toggleRow,
+ *   toggleAll,
+ *   isSelected,
+ *   isAllSelected
+ * } = useTableSelection(users);
+ *
+ * // In your component
+ * <Checkbox
+ *   checked={isAllSelected}
+ *   onCheckedChange={toggleAll}
+ * />
+ *
+ * {users.map((user) => (
+ *   <TableRow key={user.id}>
+ *     <TableCell>
+ *       <Checkbox
+ *         checked={isSelected(user.id)}
+ *         onCheckedChange={() => toggleRow(user.id)}
+ *       />
+ *     </TableCell>
+ *   </TableRow>
+ * ))}
  * ```
  */
-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 useTableSelection<T extends {
+    id: string | number;
+}>(data: T[], options?: {
+    /** Initial selected IDs */
+    initialSelected?: (string | number)[];
+    /** Callback when selection changes */
+    onSelectionChange?: (selectedIds: Set<string | number>) => void;
+}): {
+    selected: Set<string | number>;
+    selectedIds: (string | number)[];
+    selectedItems: T[];
+    toggleRow: (id: string | number) => void;
+    toggleAll: () => void;
+    isSelected: (id: string | number) => boolean;
+    isAllSelected: boolean;
+    isIndeterminate: boolean;
+    selectRows: (ids: (string | number)[]) => void;
+    clearSelection: () => void;
 };
 
-declare function ImageWithFallback(props: React__default.ImgHTMLAttributes<HTMLImageElement>): react_jsx_runtime.JSX.Element;
+/**
+ * Hook for managing table pagination
+ *
+ * @example
+ * ```tsx
+ * const {
+ *   paginatedData,
+ *   currentPage,
+ *   pageSize,
+ *   totalPages,
+ *   goToPage,
+ *   nextPage,
+ *   previousPage,
+ *   setPageSize
+ * } = useTablePagination(users, { pageSize: 10 });
+ *
+ * // In your component
+ * <Button onClick={previousPage} disabled={!hasPreviousPage}>
+ *   Previous
+ * </Button>
+ * <span>Page {currentPage} of {totalPages}</span>
+ * <Button onClick={nextPage} disabled={!hasNextPage}>
+ *   Next
+ * </Button>
+ * ```
+ */
+declare function useTablePagination<T>(data: T[], options?: {
+    /** Initial page size */
+    pageSize?: number;
+    /** Initial page (1-indexed) */
+    initialPage?: number;
+    /** Callback when page changes */
+    onPageChange?: (page: number) => void;
+    /** Callback when page size changes */
+    onPageSizeChange?: (size: number) => void;
+}): {
+    paginatedData: T[];
+    currentPage: number;
+    pageSize: number;
+    totalItems: number;
+    totalPages: number;
+    startIndex: number;
+    endIndex: number;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+    goToPage: (page: number) => void;
+    nextPage: () => void;
+    previousPage: () => void;
+    goToFirstPage: () => void;
+    goToLastPage: () => void;
+    setPageSize: (size: number) => void;
+    getPageNumbers: (maxVisible?: number) => (number | "ellipsis")[];
+};
 
-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;
+/**
+ * Combined hook for managing all table features
+ * - Sorting
+ * - Selection
+ * - Pagination
+ *
+ * @example
+ * ```tsx
+ * const table = useTable(users, {
+ *   pageSize: 10,
+ *   initialSort: { column: "name", direction: "asc" }
+ * });
+ *
+ * // Access all features through single object
+ * const {
+ *   data,              // Current page data (sorted + paginated)
+ *   sortConfig,
+ *   toggleSort,
+ *   isSelected,
+ *   toggleRow,
+ *   currentPage,
+ *   totalPages,
+ *   nextPage
+ * } = table;
+ * ```
+ */
+declare function useTable<T extends {
+    id: string | number;
+}>(data: T[], options?: {
+    initialSort?: SortConfig<T>;
+    initialSelected?: (string | number)[];
+    onSelectionChange?: (selectedIds: Set<string | number>) => void;
+    pageSize?: number;
+    initialPage?: number;
+    onPageChange?: (page: number) => void;
+    onPageSizeChange?: (size: number) => void;
+    enableSort?: boolean;
+    enableSelection?: boolean;
+    enablePagination?: boolean;
+}): {
+    currentPage?: number | undefined;
+    pageSize?: number | undefined;
+    totalItems?: number | undefined;
+    totalPages?: number | undefined;
+    startIndex?: number | undefined;
+    endIndex?: number | undefined;
+    hasNextPage?: boolean | undefined;
+    hasPreviousPage?: boolean | undefined;
+    goToPage?: ((page: number) => void) | undefined;
+    nextPage?: (() => void) | undefined;
+    previousPage?: (() => void) | undefined;
+    goToFirstPage?: (() => void) | undefined;
+    goToLastPage?: (() => void) | undefined;
+    setPageSize?: ((size: number) => void) | undefined;
+    getPageNumbers?: ((maxVisible?: number) => (number | "ellipsis")[]) | undefined;
+    selected?: Set<string | number> | undefined;
+    selectedIds?: (string | number)[] | undefined;
+    selectedItems?: T[] | undefined;
+    toggleRow?: ((id: string | number) => void) | undefined;
+    toggleAll?: (() => void) | undefined;
+    isSelected?: ((id: string | number) => boolean) | undefined;
+    isAllSelected?: boolean | undefined;
+    isIndeterminate?: boolean | undefined;
+    selectRows?: ((ids: (string | number)[]) => void) | undefined;
+    clearSelection?: (() => void) | undefined;
+    sortConfig?: SortConfig<T> | undefined;
+    toggleSort?: ((column: keyof T) => void) | undefined;
+    setSort?: ((column: keyof T | null, direction: SortDirection) => void) | undefined;
+    clearSort?: (() => void) | undefined;
+    data: T[];
+    allData: T[];
+    sortedData: T[];
+};
 
-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 };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type ActiveFilter, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BrandLogo, type BrandLogoProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, type CalendarMode, type CalendarTask, Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, ColorPickerInline, type ColumnDef, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type Comment, type CommentAttachment, type CommentReaction, CommentSystem, type CommentUser, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DocumentEditor, type DocumentEditorProps, type DragDropConfig, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type EditorVariant, EditorialCalendar, EmptyCalendarIllustration, EmptyInboxIllustration, EmptyProjectsIllustration, EmptySearchIllustration, ErrorStateIllustration, FilterBar, type FilterBarProps, FilterBuilder, type FilterBuilderProps, FilterChip, type FilterChipProps, type FilterCondition, type FilterConfig, type FilterField, type FilterFunction, type FilterOperator, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GanttChart, GanttLegend, type GanttProject, type GanttTask, type GanttTaskStatus, HoverCard, HoverCardContent, HoverCardTrigger, type IllustrationProps, Illustrations, 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, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, type PaginationConfig, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationMetadata, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, type RowExpansionConfig, type SavedFilter, SavedFilters, type SavedFiltersProps, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SelectionState, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, Slider, type SocialChannel, type SortConfig, type SortDirection, type SortFunction, SuccessStateIllustration, Switch, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TablePagination, type TablePaginationLabels, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, type TableState, Tabs, TabsContent, TabsList, TabsTrigger, TaskCalendar, TaskEditDialog, type TaskEditDialogProps, type TaskStatus, Textarea, TimePicker, type TimePickerProps, Timeline, type TimelineActionType, type TimelineEvent, type TimelineUser, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UnderlineTabs, UnderlineTabsContent, UnderlineTabsList, UnderlineTabsTrigger, type UserRole, badgeVariants, buttonVariants, calculatePaginationMetadata, cn, getPageNumbers, hasCircularDependency, navigationMenuTriggerStyle, toggleVariants, useFormField, useIsMobile, useSidebar, useTable, useTablePagination, useTableSelection, useTableSort };