forlogic-core 2.2.8 → 2.3.1

package/dist/action-plans/components/ui/drawer.d.ts

@@ -0,0 +1,94 @@
+/**
+ * @module Drawer
+ * Painel slide-up mobile-first baseado em `vaul`. Use para fluxos mobile ou painéis
+ * secundários que devem ocupar a base da viewport.
+ *
+ * Para painéis laterais desktop (sidesheets), prefira `Sheet`.
+ *
+ * @example
+ * ```tsx
+ * <Drawer>
+ *   <DrawerTrigger asChild><Button>Abrir</Button></DrawerTrigger>
+ *   <DrawerContent>
+ *     <DrawerHeader>
+ *       <DrawerTitle>Filtros</DrawerTitle>
+ *       <DrawerDescription>Refine os resultados</DrawerDescription>
+ *     </DrawerHeader>
+ *     {children}
+ *     <DrawerFooter><Button>Aplicar</Button></DrawerFooter>
+ *   </DrawerContent>
+ * </Drawer>
+ * ```
+ */
+import * as React from "react";
+import { Drawer as DrawerPrimitive } from "vaul";
+/**
+ * Componente `Drawer` da lib.
+ * @example
+ * <Drawer />
+ */
+declare const Drawer: {
+    ({ shouldScaleBackground, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * Componente `DrawerTrigger` da lib.
+ * @example
+ * <DrawerTrigger />
+ */
+declare const DrawerTrigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Componente `DrawerPortal` da lib.
+ * @example
+ * <DrawerPortal />
+ */
+declare const DrawerPortal: typeof import("vaul").Portal;
+/**
+ * Componente `DrawerClose` da lib.
+ * @example
+ * <DrawerClose />
+ */
+declare const DrawerClose: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Componente `DrawerOverlay` da lib.
+ * @example
+ * <DrawerOverlay />
+ */
+declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Componente `DrawerContent` da lib.
+ * @example
+ * <DrawerContent />
+ */
+declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Componente `DrawerHeader` da lib.
+ * @example
+ * <DrawerHeader />
+ */
+declare const DrawerHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * Componente `DrawerFooter` da lib.
+ * @example
+ * <DrawerFooter />
+ */
+declare const DrawerFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+/**
+ * Componente `DrawerTitle` da lib.
+ * @example
+ * <DrawerTitle />
+ */
+declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Componente `DrawerDescription` da lib.
+ * @example
+ * <DrawerDescription />
+ */
+declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };

package/dist/action-plans/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,180 @@
+/**
+ * @module DropdownMenu
+ * Menu suspenso disparado por um elemento gatilho. API composta:
+ * `DropdownMenu` (raiz) + `DropdownMenuTrigger` (use `asChild` para reaproveitar seu próprio botão)
+ * + `DropdownMenuContent` (com `DropdownMenuItem`, `DropdownMenuSeparator`, `DropdownMenuLabel`,
+ * `DropdownMenuCheckboxItem`, `DropdownMenuRadioItem`, `DropdownMenuSub`).
+ *
+ * Para ações de linha em tabelas (3 pontinhos), prefira `ActionButton` da lib (aliases:
+ * `ActionMenu`, `RowActions`) — não use `DropdownMenu` diretamente.
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu>
+ *   <DropdownMenuTrigger asChild><Button variant="outline">Mais</Button></DropdownMenuTrigger>
+ *   <DropdownMenuContent align="end">
+ *     <DropdownMenuLabel>Ações</DropdownMenuLabel>
+ *     <DropdownMenuItem onClick={onEdit}>Editar</DropdownMenuItem>
+ *     <DropdownMenuSeparator />
+ *     <DropdownMenuItem onClick={onDelete}>Excluir</DropdownMenuItem>
+ *   </DropdownMenuContent>
+ * </DropdownMenu>
+ * ```
+ *
+ * @see `docs/design-system/buttons-actions.md`
+ */
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+/**
+ * Raiz do DropdownMenu. Controla o estado open/closed (use `open`/`onOpenChange` para
+ * controle externo). Para ações de linha em tabelas, prefira `ActionButton`/`ActionMenu`.
+ *
+ * @example
+ * <DropdownMenu>
+ *   <DropdownMenuTrigger asChild><Button>Ações</Button></DropdownMenuTrigger>
+ *   <DropdownMenuContent align="end">...</DropdownMenuContent>
+ * </DropdownMenu>
+ */
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+/**
+ * Elemento que abre o menu. Use `asChild` para envolver seu próprio botão/ícone.
+ *
+ * @example
+ * <DropdownMenuTrigger asChild>
+ *   <Button variant="ghost" size="icon"><MoreHorizontal /></Button>
+ * </DropdownMenuTrigger>
+ */
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Agrupamento semântico de itens (`role="group"`). Use para separar conjuntos
+ * relacionados sem necessariamente exibir um separator visual.
+ *
+ * @example
+ * <DropdownMenuGroup>
+ *   <DropdownMenuItem>Editar</DropdownMenuItem>
+ *   <DropdownMenuItem>Duplicar</DropdownMenuItem>
+ * </DropdownMenuGroup>
+ */
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Portal do menu. Já é usado internamente por `DropdownMenuContent` —
+ * sobrescreva apenas para renderizar em um container customizado.
+ *
+ * @example
+ * <DropdownMenuPortal container={portalRef.current}>...</DropdownMenuPortal>
+ */
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+/**
+ * Container de submenu. Combine com `DropdownMenuSubTrigger` + `DropdownMenuSubContent`.
+ *
+ * @example
+ * <DropdownMenuSub>
+ *   <DropdownMenuSubTrigger>Compartilhar</DropdownMenuSubTrigger>
+ *   <DropdownMenuSubContent>
+ *     <DropdownMenuItem>Por e-mail</DropdownMenuItem>
+ *     <DropdownMenuItem>Copiar link</DropdownMenuItem>
+ *   </DropdownMenuSubContent>
+ * </DropdownMenuSub>
+ */
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+/**
+ * Wrapper para `DropdownMenuRadioItem`s — controla o item selecionado via `value`/`onValueChange`.
+ *
+ * @example
+ * <DropdownMenuRadioGroup value={view} onValueChange={setView}>
+ *   <DropdownMenuRadioItem value="grid">Grade</DropdownMenuRadioItem>
+ *   <DropdownMenuRadioItem value="list">Lista</DropdownMenuRadioItem>
+ * </DropdownMenuRadioGroup>
+ */
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Disparador de um submenu (linha clicável dentro do `DropdownMenuContent` que
+ * abre `DropdownMenuSubContent` à direita). Use `inset` para alinhar com itens
+ * que possuem ícone/check à esquerda.
+ *
+ * @example
+ * <DropdownMenuSubTrigger>Mais opções</DropdownMenuSubTrigger>
+ */
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Painel do submenu (renderizado ao lado do `DropdownMenuSubTrigger`).
+ *
+ * @example
+ * <DropdownMenuSubContent>
+ *   <DropdownMenuItem>Item do submenu</DropdownMenuItem>
+ * </DropdownMenuSubContent>
+ */
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Container do menu. Use `align` (`start` | `center` | `end`) e `sideOffset`
+ * para posicionamento. Por padrão alinha-se ao trigger com 4px de offset.
+ *
+ * @example
+ * <DropdownMenuContent align="end" sideOffset={8}>
+ *   <DropdownMenuLabel>Ações</DropdownMenuLabel>
+ *   <DropdownMenuItem onClick={onEdit}>Editar</DropdownMenuItem>
+ * </DropdownMenuContent>
+ */
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Item clicável do menu. Use `inset` para alinhar com itens que tenham
+ * checkbox/radio. Para destaque destrutivo, aplique `className="text-danger"`.
+ *
+ * @example
+ * <DropdownMenuItem onClick={handleDelete} className="text-danger">
+ *   <Trash className="mr-2 h-4 w-4" /> Excluir
+ * </DropdownMenuItem>
+ */
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Item de menu com checkbox (estado ligado/desligado). Controle via `checked`/`onCheckedChange`.
+ *
+ * @example
+ * <DropdownMenuCheckboxItem checked={showTotals} onCheckedChange={setShowTotals}>
+ *   Mostrar totais
+ * </DropdownMenuCheckboxItem>
+ */
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Item de seleção exclusiva (radio). Sempre dentro de `DropdownMenuRadioGroup`.
+ *
+ * @example
+ * <DropdownMenuRadioItem value="grid">Grade</DropdownMenuRadioItem>
+ */
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Cabeçalho/título de uma seção do menu (não clicável). Use `inset` para alinhar
+ * com itens que tenham ícone à esquerda.
+ *
+ * @example
+ * <DropdownMenuLabel>Minha conta</DropdownMenuLabel>
+ */
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Linha divisória entre grupos de itens.
+ *
+ * @example
+ * <DropdownMenuItem>Editar</DropdownMenuItem>
+ * <DropdownMenuSeparator />
+ * <DropdownMenuItem>Excluir</DropdownMenuItem>
+ */
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Atalho de teclado exibido à direita de um `DropdownMenuItem` (puramente visual).
+ *
+ * @example
+ * <DropdownMenuItem>
+ *   Salvar <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>
+ * </DropdownMenuItem>
+ */
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };

package/dist/action-plans/components/ui/electronic-signature-dialog.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Tipo `ElectronicSignatureDialogProps` exportado pela lib.
+ * @example
+ * const value: ElectronicSignatureDialogProps = {} as ElectronicSignatureDialogProps;
+ */
+export interface ElectronicSignatureDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Called with the entered code/password when user confirms */
+    onConfirm: (value: string) => Promise<boolean> | boolean;
+    /** Called to trigger code generation/resend (required for mode="code") */
+    onGenerateCode?: () => Promise<void> | void;
+    /** Dialog mode: 'code' for email verification, 'password' for password confirmation */
+    mode?: 'code' | 'password';
+    /** User email to display (only shown in code mode) */
+    email?: string;
+    /** Max input length */
+    maxLength?: number;
+    title?: string;
+    description?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    resendLabel?: string;
+    errorMessage?: string;
+}
+/**
+ * Função utilitária `ElectronicSignatureDialog`.
+ * @example
+ * ElectronicSignatureDialog();
+ */
+export declare function ElectronicSignatureDialog({ open, onOpenChange, onConfirm, onGenerateCode, mode, email, maxLength, title, description, confirmLabel, cancelLabel, resendLabel, errorMessage, }: ElectronicSignatureDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/action-plans/components/ui/empty-state.d.ts

@@ -0,0 +1,79 @@
+import { ReactNode } from "react";
+/**
+ * EmptyStateProps
+ *
+ * Propriedades do componente EmptyState.
+ *
+ * @property icon - Ícone customizado (sobrescreve o variant)
+ * @property title - Título principal
+ * @property description - Descrição opcional
+ * @property action - Botão de ação opcional
+ * @property className - Classes CSS adicionais
+ * @property variant - Tipo de estado vazio (default, search, error)
+ */
+interface EmptyStateProps {
+    icon?: ReactNode;
+    title: string;
+    description?: string;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    className?: string;
+    variant?: "default" | "search" | "error";
+}
+/**
+ * EmptyState Component
+ *
+ * Componente para exibir estados vazios com ícone, mensagem e ação opcional.
+ *
+ * @example
+ * ```tsx
+ * // Estado vazio padrão
+ * <EmptyState
+ *   title={t('no_items_found_empty')}
+ *   description=t('add_first_item')
+ *   action={{
+ *     label: t('add_item'),
+ *     onClick: () => handleAddItem()
+ *   }}
+ * />
+ *
+ * // Sem resultados de busca
+ * <EmptyState
+ *   variant="search"
+ *   title={t('no_results')}
+ *   description=t('try_adjust_search')
+ * />
+ *
+ * // Estado de erro
+ * <EmptyState
+ *   variant="error"
+ *   title={t('error_loading_data')}
+ *   description=t('could_not_load_info')
+ *   action={{
+ *     label: t('try_again'),
+ *     onClick: () => refetch()
+ *   }}
+ * />
+ *
+ * // Ícone customizado
+ * <EmptyState
+ *   icon={<Package className="h-8 w-8" />}
+ *   title={t('no_products')}
+ * />
+ * ```
+ *
+ * ## Variants
+ * - `default`: Ícone FileX - para listas vazias gerais
+ * - `search`: Ícone Search - para resultados de busca vazios
+ * - `error`: Ícone AlertCircle - para estados de erro
+ *
+ * ## Características
+ * - Ícones pré-configurados por variant
+ * - Suporte a ícone customizado
+ * - Botão de ação opcional
+ * - Centralizado e responsivo
+ */
+export declare function EmptyState({ icon, title, description, action, className, variant }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/action-plans/components/ui/export-dialog.d.ts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+/**
+ * Enum `ExportFormat` exportado pela lib.
+ * @example
+ * const v = ExportFormat;
+ */
+export declare enum ExportFormat {
+    CSV = "csv",
+    PDF = "pdf",
+    XLSX = "xlsx",
+    PNG = "png",
+    JPEG = "jpeg",
+    SVG = "svg"
+}
+/**
+ * Tipo `ExportDialogOption` exportado pela lib.
+ * @example
+ * const value: ExportDialogOption = {} as ExportDialogOption;
+ */
+export interface ExportDialogOption {
+    value: string;
+    label: string;
+    icon?: React.ReactNode;
+}
+/**
+ * Tipo `ExportDialogProps` exportado pela lib.
+ * @example
+ * const value: ExportDialogProps = {} as ExportDialogProps;
+ */
+export interface ExportDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onExport: (format: string) => void;
+    /** 'table' shows CSV/PDF/XLSX, 'chart' shows PNG/JPEG/SVG/PDF */
+    mode?: 'table' | 'chart';
+    /** Override default options */
+    options?: ExportDialogOption[];
+    title?: string;
+    description?: string;
+    cancelLabel?: string;
+    exportLabel?: string;
+}
+/**
+ * Função utilitária `ExportDialog`.
+ * @example
+ * ExportDialog();
+ */
+export declare function ExportDialog({ open, onOpenChange, onExport, mode, options, title, description, cancelLabel, exportLabel, }: ExportDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/action-plans/components/ui/form.d.ts

@@ -0,0 +1,119 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
+/**
+ * Provider raiz do formulário (alias de `FormProvider` do `react-hook-form`).
+ * Sempre passe o objeto retornado por `useForm()` via spread (`{...form}`).
+ *
+ * @example
+ * const form = useForm<Inputs>({ defaultValues: { email: '' } });
+ *
+ * <Form {...form}>
+ *   <form onSubmit={form.handleSubmit(onSubmit)}>
+ *     <FormField name="email" control={form.control} render={...} />
+ *   </form>
+ * </Form>
+ */
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+/**
+ * Conecta um campo do `react-hook-form` ao sistema de Form da lib.
+ * Forneça `control` (de `useForm()`) e `name`. Os IDs e o estado de erro fluem automaticamente
+ * para `FormLabel`, `FormControl`, `FormDescription` e `FormMessage`.
+ *
+ * @example
+ * ```tsx
+ * const form = useForm<Inputs>();
+ *
+ * <Form {...form}>
+ *   <form onSubmit={form.handleSubmit(onSubmit)}>
+ *     <FormField
+ *       control={form.control}
+ *       name="email"
+ *       render={({ field }) => (
+ *         <FormItem>
+ *           <FormLabel>Email</FormLabel>
+ *           <FormControl><Input {...field} /></FormControl>
+ *           <FormMessage />
+ *         </FormItem>
+ *       )}
+ *     />
+ *   </form>
+ * </Form>
+ * ```
+ *
+ * @see `docs/design-system/inputs.md`
+ */
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook interno usado pelos subcomponentes (`FormLabel`, `FormControl`,
+ * `FormDescription`, `FormMessage`) para acessar IDs e estado de erro do campo
+ * envolvente. Deve ser chamado **dentro** de um `FormField` + `FormItem`.
+ *
+ * Útil quando você cria um wrapper customizado e precisa do estado:
+ *
+ * @example
+ * function CustomError() {
+ *   const { error, formMessageId } = useFormField();
+ *   return error ? <span id={formMessageId} className="text-danger">{String(error.message)}</span> : null;
+ * }
+ */
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: import("react-hook-form").FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+/**
+ * Wrapper de um campo do formulário (gera um `id` único compartilhado pelos filhos).
+ * Sempre o filho direto do `render` de um `FormField`.
+ *
+ * @example
+ * <FormItem>
+ *   <FormLabel>Email</FormLabel>
+ *   <FormControl><Input type="email" {...field} /></FormControl>
+ *   <FormDescription>Nunca compartilharemos seu email.</FormDescription>
+ *   <FormMessage />
+ * </FormItem>
+ */
+declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Label do campo (já conectado via `htmlFor` ao `FormControl`). Aplica cor
+ * `text-destructive` automaticamente quando o campo tem erro.
+ *
+ * @example
+ * <FormLabel>Nome completo</FormLabel>
+ */
+declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+/**
+ * Slot que injeta `id`, `aria-describedby` e `aria-invalid` no input filho.
+ * Use **um único filho** (Input, Textarea, Combobox, Select, etc).
+ *
+ * @example
+ * <FormControl><Input placeholder="seu@email.com" {...field} /></FormControl>
+ */
+declare const FormControl: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-slot").SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+/**
+ * Texto de ajuda exibido abaixo do controle (em `text-muted-foreground`).
+ * Já mapeado para `aria-describedby` do input.
+ *
+ * @example
+ * <FormDescription>Mínimo de 8 caracteres, com pelo menos um número.</FormDescription>
+ */
+declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Mensagem de erro do campo (`text-danger`). Renderiza automaticamente o
+ * `error.message` do `react-hook-form` — não precisa passar `children`.
+ *
+ * @example
+ * <FormMessage />
+ * // Com fallback custom (sem erro):
+ * <FormMessage>Preencha um valor válido.</FormMessage>
+ */
+declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };

package/dist/action-plans/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/action-plans/components/ui/hover-card.d.ts

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+interface IconPickerProps {
+    value?: string | null;
+    onChange?: (icon: string | null) => void;
+    label?: string;
+    /** i18n: No icon label (default: "SEM ÍCONE") */
+    noIconLabel?: string;
+    /** Classe Tailwind para cor dos ícones no popover (default: text-foreground/60) */
+    color?: string;
+}
+/**
+ * Componente `IconPicker` da lib.
+ * @example
+ * <IconPicker />
+ */
+export declare const IconPicker: React.FC<IconPickerProps>;
+export {};

package/dist/action-plans/components/ui/iframe-dialog.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Tipo `IframeDialogProps` exportado pela lib.
+ * @example
+ * const value: IframeDialogProps = {} as IframeDialogProps;
+ */
+export interface IframeDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** URL to embed in the iframe */
+    url: string;
+    /** Optional title for the dialog header */
+    title?: string;
+    /** Custom className */
+    className?: string;
+    /** Min height for the iframe area */
+    minHeight?: string;
+}
+/**
+ * Função utilitária `IframeDialog`.
+ * @example
+ * IframeDialog();
+ */
+export declare function IframeDialog({ open, onOpenChange, url, title, className, minHeight, }: IframeDialogProps): import("react/jsx-runtime").JSX.Element;
+export default IframeDialog;