forlogic-core 1.15.2 → 1.15.4

package/dist/components/ui/grid.d.ts

@@ -0,0 +1,53 @@
+import { ReactNode } from "react";
+/**
+ * GridProps
+ *
+ * Propriedades do componente Grid.
+ *
+ * @property children - Elementos filhos do grid
+ * @property cols - Número de colunas ou modo responsivo (auto-fit/auto-fill)
+ * @property gap - Espaçamento entre itens
+ * @property className - Classes CSS adicionais
+ */
+interface GridProps {
+    children: ReactNode;
+    cols?: "1" | "2" | "3" | "4" | "5" | "6" | "auto-fit" | "auto-fill";
+    gap?: "xs" | "sm" | "md" | "lg" | "xl";
+    className?: string;
+}
+/**
+ * Grid Component
+ *
+ * Sistema de grid responsivo com configuração simplificada.
+ *
+ * @example
+ * ```tsx
+ * // Grid com 3 colunas fixas
+ * <Grid cols="3" gap="md">
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ *   <div>Item 3</div>
+ * </Grid>
+ *
+ * // Grid responsivo (auto-fit)
+ * <Grid cols="auto-fit" gap="lg">
+ *   <Card>Item 1</Card>
+ *   <Card>Item 2</Card>
+ *   <Card>Item 3</Card>
+ * </Grid>
+ * ```
+ *
+ * ## Opções de Colunas
+ * - `"1"` a `"6"`: Número fixo de colunas
+ * - `"auto-fit"`: Ajusta automaticamente o número de colunas (mín. 250px)
+ * - `"auto-fill"`: Preenche o espaço disponível (mín. 250px)
+ *
+ * ## Opções de Gap
+ * - `xs`: 0.25rem (4px)
+ * - `sm`: 0.5rem (8px)
+ * - `md`: 1rem (16px) - padrão
+ * - `lg`: 1.5rem (24px)
+ * - `xl`: 2rem (32px)
+ */
+export declare function Grid({ children, cols, gap, className }: GridProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/hover-card.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+declare const HoverCard: React.FC<HoverCardPrimitive.HoverCardProps>;
+declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { HoverCard, HoverCardTrigger, HoverCardContent };

package/dist/components/ui/icon-picker.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IconPickerProps {
+    value?: string;
+    onChange?: (iconName: string) => void;
+    label?: string;
+}
+export declare const IconPicker: React.FC<IconPickerProps>;
+export {};

package/dist/components/ui/input-group.d.ts

@@ -0,0 +1,97 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+import { type ButtonProps } from "./button";
+/**
+ * InputGroup Component
+ *
+ * Agrupa inputs com addons de prefixo, sufixo, ícones e botões.
+ * Segue a API oficial do shadcn/ui.
+ *
+ * @example
+ * ```tsx
+ * <InputGroup>
+ *   <InputGroupAddon>
+ *     <Search className="h-4 w-4" />
+ *   </InputGroupAddon>
+ *   <InputGroupInput placeholder="Buscar..." />
+ * </InputGroup>
+ * ```
+ */
+declare const InputGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * InputGroupAddon Variants
+ */
+declare const inputGroupAddonVariants: (props?: {
+    align?: "block-end" | "block-start" | "inline-end" | "inline-start";
+} & import("class-variance-authority/types").ClassProp) => string;
+export interface InputGroupAddonProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof inputGroupAddonVariants> {
+}
+/**
+ * InputGroupAddon Component
+ *
+ * Exibe ícones, textos, botões ou outros conteúdos junto aos inputs.
+ *
+ * @prop align - Alinhamento do addon: "inline-start" | "inline-end" | "block-start" | "block-end"
+ *
+ * @example
+ * ```tsx
+ * <InputGroupAddon align="inline-start">
+ *   <Search className="h-4 w-4" />
+ * </InputGroupAddon>
+ * ```
+ */
+declare const InputGroupAddon: React.ForwardRefExoticComponent<InputGroupAddonProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * InputGroupButton Variants
+ */
+declare const inputGroupButtonVariants: (props?: {
+    size?: "sm" | "icon-sm" | "icon-xs" | "xs";
+} & import("class-variance-authority/types").ClassProp) => string;
+export interface InputGroupButtonProps extends Omit<ButtonProps, "size">, VariantProps<typeof inputGroupButtonVariants> {
+}
+/**
+ * InputGroupButton Component
+ *
+ * Botão estilizado para uso dentro de InputGroup.
+ *
+ * @prop size - Tamanho do botão: "xs" | "icon-xs" | "sm" | "icon-sm"
+ * @prop variant - Variante do botão (herda do Button)
+ *
+ * @example
+ * ```tsx
+ * <InputGroupButton variant="ghost" size="icon-xs">
+ *   <X className="h-4 w-4" />
+ * </InputGroupButton>
+ * ```
+ */
+declare const InputGroupButton: React.ForwardRefExoticComponent<InputGroupButtonProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * InputGroupInput Component
+ *
+ * Input estilizado para uso dentro de InputGroup.
+ * Remove bordas e estilos de foco para integração com o grupo.
+ *
+ * @example
+ * ```tsx
+ * <InputGroupInput placeholder="Digite aqui..." />
+ * ```
+ */
+declare const InputGroupInput: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+/**
+ * InputGroupTextarea Component
+ *
+ * Textarea estilizado para uso dentro de InputGroup.
+ * Usado com align="block-start" ou "block-end" no addon.
+ *
+ * @example
+ * ```tsx
+ * <InputGroup className="flex-col">
+ *   <InputGroupAddon align="block-start">
+ *     <span>Descrição</span>
+ *   </InputGroupAddon>
+ *   <InputGroupTextarea placeholder="Digite..." />
+ * </InputGroup>
+ * ```
+ */
+declare const InputGroupTextarea: React.ForwardRefExoticComponent<Omit<import("./textarea").TextareaProps & React.RefAttributes<HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupTextarea, inputGroupAddonVariants, inputGroupButtonVariants, };

package/dist/components/ui/input.d.ts

@@ -0,0 +1,37 @@
+import * as React from "react";
+/**
+ * Input Component
+ *
+ * Campo de entrada de texto estilizado com suporte completo a tipos HTML.
+ *
+ * @example
+ * ```tsx
+ * <Input type="text" placeholder="Digite seu nome" />
+ * <Input type="email" placeholder="email@exemplo.com" />
+ * <Input type="password" placeholder="Senha" />
+ * ```
+ *
+ * ## Características
+ * - Suporte a todos os tipos HTML (text, email, password, number, etc.)
+ * - Estados de foco, disabled e error
+ * - Integração com react-hook-form
+ * - Estilos do design system
+ *
+ * ## Uso com Formulários
+ * ```tsx
+ * <FormField
+ *   control={form.control}
+ *   name="email"
+ *   render={({ field }) => (
+ *     <FormItem>
+ *       <FormLabel>Email</FormLabel>
+ *       <FormControl>
+ *         <Input placeholder="email@exemplo.com" {...field} />
+ *       </FormControl>
+ *     </FormItem>
+ *   )}
+ * />
+ * ```
+ */
+declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { Input };

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

@@ -0,0 +1,23 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { type VariantProps } from "class-variance-authority";
+/**
+ * Label Component
+ *
+ * Componente de rótulo acessível baseado em Radix UI.
+ *
+ * @example
+ * ```tsx
+ * <Label htmlFor="email">Email</Label>
+ * <Input id="email" type="email" />
+ * ```
+ *
+ * ## Características
+ * - Associação automática com campos de formulário via htmlFor/id
+ * - Suporte a estados disabled (opacidade reduzida)
+ * - Acessibilidade completa
+ *
+ * @see https://www.radix-ui.com/docs/primitives/components/label
+ */
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };

package/dist/components/ui/loading-state.d.ts

@@ -0,0 +1,52 @@
+import { ReactNode } from "react";
+interface LoadingStateProps {
+    isLoading: boolean;
+    children: ReactNode;
+    className?: string;
+    type?: "spinner" | "skeleton" | "overlay";
+    size?: "sm" | "md" | "lg";
+}
+/**
+ * Componente para gerenciar estados de loading de forma declarativa
+ *
+ * Oferece 3 tipos de loading states:
+ * - **spinner**: Mostra apenas o spinner (esconde children)
+ * - **skeleton**: Mostra um placeholder animado
+ * - **overlay**: Mostra children com spinner sobreposto
+ *
+ * @example
+ * ```typescript
+ * import { LoadingState } from 'forlogic-core/modular';
+ *
+ * function MyComponent() {
+ *   const { data, isLoading } = useQuery(...);
+ *
+ *   return (
+ *     <LoadingState isLoading={isLoading} type="spinner">
+ *       <div>{data?.content}</div>
+ *     </LoadingState>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // Skeleton para placeholders
+ * <LoadingState isLoading={isLoading} type="skeleton" className="h-32">
+ *   <ProductCard product={product} />
+ * </LoadingState>
+ *
+ * // Overlay para preservar layout
+ * <LoadingState isLoading={isSaving} type="overlay">
+ *   <form>...</form>
+ * </LoadingState>
+ * ```
+ *
+ * @param props.isLoading Se true, mostra o estado de loading
+ * @param props.children Conteúdo a ser renderizado quando não está loading
+ * @param props.type Tipo de loading: "spinner" | "skeleton" | "overlay" (default: "spinner")
+ * @param props.size Tamanho do spinner: "sm" | "md" | "lg" (default: "md")
+ * @param props.className Classes CSS adicionais
+ */
+export declare function LoadingState({ isLoading, children, className, type, size }: LoadingStateProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/menubar.d.ts

@@ -0,0 +1,33 @@
+import * as React from "react";
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+declare const MenubarMenu: {
+    (props: MenubarPrimitive.MenubarMenuProps & {
+        __scopeMenubar?: import("@radix-ui/react-context").Scope;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const MenubarGroup: React.ForwardRefExoticComponent<MenubarPrimitive.MenubarGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarPortal: React.FC<MenubarPrimitive.MenubarPortalProps>;
+declare const MenubarSub: React.FC<MenubarPrimitive.MenubarSubProps>;
+declare const MenubarRadioGroup: React.ForwardRefExoticComponent<MenubarPrimitive.MenubarRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const Menubar: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const MenubarSubTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarSubContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarCheckboxItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarRadioItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarLabel: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarSeparator: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const MenubarShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayname: string;
+};
+export { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarSeparator, MenubarLabel, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarPortal, MenubarSubContent, MenubarSubTrigger, MenubarGroup, MenubarSub, MenubarShortcut, };

package/dist/components/ui/navigation-menu.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const NavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
+declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp) => string;
+declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuLink: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const NavigationMenuViewport: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { navigationMenuTriggerStyle, NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, };

package/dist/components/ui/onboarding-dialog.d.ts

@@ -0,0 +1,43 @@
+import * as React from "react";
+export interface OnboardingStep {
+    /** Identificador único do step */
+    id: string;
+    /** URL da imagem ou GIF (opcional) */
+    image?: string;
+    /** Título do step */
+    title: string;
+    /** Descrição do step */
+    description: string;
+}
+export interface OnboardingDialogProps {
+    /** Controla se o dialog está aberto */
+    open: boolean;
+    /** Callback quando o estado de aberto muda */
+    onOpenChange: (open: boolean) => void;
+    /** Array de steps do onboarding */
+    steps: OnboardingStep[];
+    /** Callback quando o onboarding é concluído */
+    onComplete?: () => void;
+    /** Callback quando o step muda */
+    onStepChange?: (stepIndex: number) => void;
+    /** Texto do botão continuar (default: "Continuar") */
+    continueButtonText?: string;
+    /** Texto do botão voltar (default: "Voltar") */
+    backButtonText?: string;
+    /** Texto do botão finalizar (default: "Concluir") */
+    finishButtonText?: string;
+    /** Texto do label de etapa (default: "Etapa") */
+    stepLabel?: string;
+    /** Tamanho do dialog */
+    size?: "sm" | "md" | "lg";
+    /** Mostrar indicador de progresso (default: true) */
+    showProgressIndicator?: boolean;
+    /** Índice do step atual (modo controlado) */
+    currentStepIndex?: number;
+    /** Callback para mudar o step atual (modo controlado) */
+    onCurrentStepChange?: (index: number) => void;
+    /** Classes adicionais para o container */
+    className?: string;
+}
+declare const OnboardingDialog: React.ForwardRefExoticComponent<OnboardingDialogProps & React.RefAttributes<HTMLDivElement>>;
+export { OnboardingDialog };

package/dist/components/ui/page-breadcrumb.d.ts

@@ -0,0 +1,77 @@
+import { BreadcrumbItem } from "./breadcrumb";
+/**
+ * BreadcrumbItem
+ *
+ * Item individual do breadcrumb.
+ *
+ * @property label - Texto a ser exibido
+ * @property href - Link de navegação (opcional para página atual)
+ * @property isCurrentPage - Indica se é a página atual
+ */
+interface BreadcrumbItem {
+    label: string;
+    href?: string;
+    isCurrentPage?: boolean;
+}
+/**
+ * PageBreadcrumbProps
+ *
+ * Propriedades do componente PageBreadcrumb.
+ *
+ * @property items - Lista de itens do breadcrumb
+ * @property maxItems - Número máximo de itens antes de colapsar (padrão: 3)
+ * @property className - Classes CSS adicionais
+ */
+interface PageBreadcrumbProps {
+    items: BreadcrumbItem[];
+    maxItems?: number;
+    className?: string;
+}
+/**
+ * PageBreadcrumb Component
+ *
+ * Componente de navegação breadcrumb com suporte a collapse automático.
+ *
+ * @example
+ * ```tsx
+ * const breadcrumbs = [
+ *   { label: 'Home', href: '/' },
+ *   { label: 'Produtos', href: '/produtos' },
+ *   { label: 'Eletrônicos', href: '/produtos/eletronicos' },
+ *   { label: 'Notebook', isCurrentPage: true }
+ * ];
+ *
+ * <PageBreadcrumb items={breadcrumbs} maxItems={3} />
+ * ```
+ *
+ * ## Características
+ * - Collapse automático quando excede maxItems
+ * - Mostra primeiro e últimos itens quando colapsado
+ * - Indica página atual
+ * - Navegação por links
+ */
+export declare function PageBreadcrumb({ items, maxItems, className }: PageBreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * useRouteBreadcrumbs Hook
+ *
+ * Gera breadcrumbs automaticamente baseado na rota atual.
+ *
+ * @example
+ * ```tsx
+ * function MyPage() {
+ *   const breadcrumbs = useRouteBreadcrumbs();
+ *
+ *   return <PageBreadcrumb items={breadcrumbs} />;
+ * }
+ * ```
+ *
+ * ## Funcionalidade
+ * - Analisa a URL atual (location.pathname)
+ * - Gera itens do breadcrumb automaticamente
+ * - Capitaliza e formata nomes dos segmentos
+ * - Marca o último item como página atual
+ *
+ * @returns Array de BreadcrumbItem gerados a partir da rota
+ */
+export declare function useRouteBreadcrumbs(): BreadcrumbItem[];
+export {};

package/dist/components/ui/pagination.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { ButtonProps } from "./button";
+declare const Pagination: {
+    ({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<ButtonProps, "size"> & React.ComponentProps<"a">;
+declare const PaginationLink: {
+    ({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationPrevious: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationNext: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };

package/dist/components/ui/popover.d.ts

@@ -0,0 +1,49 @@
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+/**
+ * Popover Components
+ *
+ * Componentes para criar popovers (menus flutuantes) acessíveis.
+ *
+ * @example
+ * ```tsx
+ * <Popover>
+ *   <PopoverTrigger asChild>
+ *     <Button variant="outline">Abrir Popover</Button>
+ *   </PopoverTrigger>
+ *   <PopoverContent>
+ *     <div className="space-y-2">
+ *       <h4 className="font-medium">Título</h4>
+ *       <p className="text-sm text-muted-foreground">Conteúdo do popover</p>
+ *     </div>
+ *   </PopoverContent>
+ * </Popover>
+ * ```
+ *
+ * ## Características
+ * - Posicionamento automático e inteligente
+ * - Animações de entrada/saída
+ * - Acessibilidade completa (foco, ESC para fechar)
+ * - Portal para evitar problemas de z-index
+ *
+ * ## Componentes
+ * - `Popover`: Container raiz
+ * - `PopoverTrigger`: Elemento que abre o popover
+ * - `PopoverContent`: Conteúdo do popover
+ *
+ * @see https://www.radix-ui.com/docs/primitives/components/popover
+ */
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * PopoverContent
+ *
+ * Container do conteúdo do popover com animações e posicionamento.
+ *
+ * @param align - Alinhamento horizontal (start, center, end)
+ * @param sideOffset - Distância do trigger em pixels
+ */
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    container?: HTMLElement | null;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverTrigger, PopoverContent };

package/dist/components/ui/progress.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+/**
+ * Progress Component
+ *
+ * Barra de progresso para indicar o andamento de uma operação.
+ *
+ * @example
+ * ```tsx
+ * <Progress value={60} />
+ * ```
+ *
+ * ## Características
+ * - Valor de 0 a 100
+ * - Animação suave de transição
+ * - Cores do design system (primary)
+ * - Acessibilidade completa
+ *
+ * @see https://www.radix-ui.com/docs/primitives/components/progress
+ */
+declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Progress };

package/dist/components/ui/radio-group.d.ts

@@ -0,0 +1,63 @@
+import * as React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+/**
+ * RadioGroup Component
+ *
+ * Grupo de botões de rádio acessível baseado em Radix UI.
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup defaultValue="option1">
+ *   <div className="flex items-center space-x-2">
+ *     <RadioGroupItem value="option1" id="option1" />
+ *     <Label htmlFor="option1">Opção 1</Label>
+ *   </div>
+ *   <div className="flex items-center space-x-2">
+ *     <RadioGroupItem value="option2" id="option2" />
+ *     <Label htmlFor="option2">Opção 2</Label>
+ *   </div>
+ * </RadioGroup>
+ * ```
+ *
+ * ## Uso com Formulários
+ * ```tsx
+ * <FormField
+ *   control={form.control}
+ *   name="type"
+ *   render={({ field }) => (
+ *     <FormItem>
+ *       <FormLabel>Tipo</FormLabel>
+ *       <FormControl>
+ *         <RadioGroup
+ *           onValueChange={field.onChange}
+ *           defaultValue={field.value}
+ *         >
+ *           <FormItem className="flex items-center space-x-2">
+ *             <FormControl>
+ *               <RadioGroupItem value="option1" />
+ *             </FormControl>
+ *             <FormLabel className="font-normal">Opção 1</FormLabel>
+ *           </FormItem>
+ *         </RadioGroup>
+ *       </FormControl>
+ *     </FormItem>
+ *   )}
+ * />
+ * ```
+ *
+ * ## Características
+ * - Seleção única por grupo
+ * - Estados de foco e disabled
+ * - Integração com react-hook-form
+ * - Acessibilidade completa
+ *
+ * @see https://www.radix-ui.com/docs/primitives/components/radio-group
+ */
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * RadioGroupItem
+ *
+ * Item individual do grupo de rádio com indicador visual.
+ */
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { RadioGroup, RadioGroupItem };

package/dist/components/ui/resizable.d.ts

@@ -0,0 +1,23 @@
+import * as ResizablePrimitive from "react-resizable-panels";
+declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
+declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLInputElement | HTMLLabelElement | HTMLObjectElement | HTMLLinkElement | HTMLFormElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLMapElement | HTMLDialogElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLTimeElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLIElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOutputElement | HTMLParagraphElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLSpanElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+    className?: string;
+    collapsedSize?: number | undefined;
+    collapsible?: boolean | undefined;
+    defaultSize?: number | undefined;
+    id?: string;
+    maxSize?: number | undefined;
+    minSize?: number | undefined;
+    onCollapse?: ResizablePrimitive.PanelOnCollapse;
+    onExpand?: ResizablePrimitive.PanelOnExpand;
+    onResize?: ResizablePrimitive.PanelOnResize;
+    order?: number;
+    style?: object;
+    tagName?: keyof HTMLElementTagNameMap | undefined;
+} & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+    withHandle?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle };