forlogic-core 3.0.10 → 4.0.0

package/dist/legacy/components/ui/chart.d.ts

@@ -0,0 +1,97 @@
+import * as React from "react";
+import * as RechartsPrimitive from "recharts";
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+/**
+ * Tipo `ChartConfig` exportado pela lib.
+ * @example
+ * const value: ChartConfig = {} as ChartConfig;
+ */
+export type ChartConfig = {
+    [k in string]: {
+        label?: React.ReactNode;
+        icon?: React.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+/**
+ * Componente `ChartContainer` da lib.
+ * @example
+ * <ChartContainer />
+ */
+declare const ChartContainer: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    config: ChartConfig;
+    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Componente `ChartStyle` da lib.
+ * @example
+ * <ChartStyle />
+ */
+declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => React.JSX.Element;
+/**
+ * Componente `ChartTooltip` da lib.
+ * @example
+ * <ChartTooltip />
+ */
+declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+interface ChartTooltipContentProps extends React.ComponentProps<"div"> {
+    active?: boolean;
+    payload?: Array<{
+        value?: number | string;
+        name?: string;
+        dataKey?: string;
+        color?: string;
+        fill?: string;
+        payload?: Record<string, unknown>;
+    }>;
+    label?: string;
+    labelFormatter?: (value: unknown, payload: unknown[]) => React.ReactNode;
+    formatter?: (value: unknown, name: unknown, item: unknown, index: number, payload: unknown) => React.ReactNode;
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+    labelClassName?: string;
+    color?: string;
+}
+/**
+ * Componente `ChartTooltipContent` da lib.
+ * @example
+ * <ChartTooltipContent />
+ */
+declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<ChartTooltipContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Componente `ChartLegend` da lib.
+ * @example
+ * <ChartLegend />
+ */
+declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
+interface ChartLegendContentProps extends React.ComponentProps<"div"> {
+    payload?: Array<{
+        value?: string;
+        dataKey?: string;
+        color?: string;
+    }>;
+    verticalAlign?: "top" | "bottom";
+    hideIcon?: boolean;
+    nameKey?: string;
+}
+/**
+ * Componente `ChartLegendContent` da lib.
+ * @example
+ * <ChartLegendContent />
+ */
+declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<ChartLegendContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };

package/dist/legacy/components/ui/combo-tree.d.ts

@@ -0,0 +1,103 @@
+import React from 'react';
+/**
+ * ComboTree Component
+ *
+ * Componente para seleção de itens hierárquicos (tree view) com busca recursiva.
+ * Baseado no Combobox, adaptado para exibir níveis de profundidade com expansão
+ * controlada por chevron e seleção por label.
+ *
+ * @example
+ * ```tsx
+ * const options: ComboTreeOption[] = [
+ *   {
+ *     value: 'quality',
+ *     label: 'Qualidade',
+ *     children: [
+ *       { value: 'docs', label: 'Documentos' },
+ *       { value: 'occurrences', label: 'Ocorrências' },
+ *     ],
+ *   },
+ *   { value: 'hr', label: 'RH' },
+ * ];
+ *
+ * <ComboTree
+ *   options={options}
+ *   value={selected}
+ *   onChange={setSelected}
+ *   placeholder="Selecione..."
+ * />
+ * ```
+ *
+ * ## Comportamento
+ * - **Chevron**: expande/recolhe subgrupos (não seleciona)
+ * - **Label**: seleciona o item (não expande)
+ * - **Busca**: filtra recursivamente, mantém ancestrais visíveis e auto-expande
+ */
+export interface ComboTreeOption {
+    value: string;
+    label: string;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    /** Icon shown when this node is expanded (falls back to `icon`) */
+    iconOpen?: React.ComponentType<{
+        className?: string;
+    }>;
+    /** Icon shown when this node is selected (falls back to `icon`) */
+    iconSelected?: React.ComponentType<{
+        className?: string;
+    }>;
+    /** Custom className for the icon (e.g. color) */
+    iconClassName?: string;
+    children?: ComboTreeOption[];
+}
+export interface ComboTreeProps {
+    multiple?: boolean;
+    options: ComboTreeOption[];
+    value?: string | string[];
+    onChange?: (value: string | string[]) => void;
+    placeholder?: string;
+    label?: string;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    emptyMessage?: string;
+    searchPlaceholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    isLoading?: boolean;
+    error?: string | boolean | Error | null;
+    className?: string;
+    maxDisplayedBadges?: number;
+    popoverContainer?: HTMLElement | null;
+    onOpen?: () => void;
+    onClose?: () => void;
+    /** Whether parent nodes start expanded. Defaults to true. */
+    defaultExpanded?: boolean;
+    /** When true, shows a check icon on the left of selected items. Defaults to false. */
+    showCheck?: boolean;
+}
+/**
+ * ComboTree — Combobox para dados hierárquicos (tree view). Chevron expande/colapsa
+ * subgrupos, label seleciona o item. Busca filtra recursivamente preservando ancestrais
+ * e auto-expande os ramos com matches.
+ *
+ * Alias disponível: `TreeSelect` (padrão Ant Design / Syncfusion).
+ *
+ * @example
+ * const options: ComboTreeOption[] = [
+ *   { value: 'qa', label: 'Qualidade', children: [
+ *     { value: 'docs', label: 'Documentos' },
+ *     { value: 'occ',  label: 'Ocorrências' },
+ *   ]},
+ *   { value: 'hr', label: 'RH' },
+ * ];
+ *
+ * <ComboTree
+ *   options={options}
+ *   value={selectedNode}
+ *   onChange={setSelectedNode}
+ *   placeholder="Selecionar módulo..."
+ * />
+ */
+export declare function ComboTree({ multiple, options, value, onChange, placeholder, label, icon: Icon, emptyMessage, searchPlaceholder, disabled, required, isLoading, error, className, maxDisplayedBadges, popoverContainer, onOpen, onClose, defaultExpanded, showCheck, }: ComboTreeProps): React.JSX.Element;

package/dist/legacy/components/ui/combobox.d.ts

@@ -0,0 +1,66 @@
+import React from 'react';
+export interface ComboboxProps<T = any> {
+    multiple?: boolean;
+    options: T[];
+    value?: string | string[];
+    onChange?: (value: string | string[]) => void;
+    getOptionValue?: (option: T) => string;
+    getOptionLabel?: (option: T) => string;
+    renderOption?: (option: T) => React.ReactNode;
+    placeholder?: string;
+    label?: string;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    emptyMessage?: string;
+    searchPlaceholder?: string;
+    searchInputTestId?: string;
+    disabled?: boolean;
+    required?: boolean;
+    isLoading?: boolean;
+    error?: string | boolean | Error | null;
+    className?: string;
+    sortOptions?: boolean;
+    maxDisplayedBadges?: number;
+    popoverContainer?: HTMLElement | null;
+    onOpen?: () => void;
+    onClose?: () => void;
+    clearable?: boolean;
+    showCheck?: boolean;
+    /** @deprecated Use `options` instead. Will be removed in a future version. */
+    items?: T[];
+    onValueChange?: (value: string | string[]) => void;
+}
+/**
+ * Combobox — componente de seleção (única ou múltipla) com busca, suporte a
+ * objetos customizados via `getOptionValue`/`getOptionLabel`, badges para
+ * valores selecionados e integração com Dialogs (use `popoverContainer`).
+ *
+ * Para a documentação completa de props e variantes, veja o JSDoc no topo
+ * deste arquivo. Aliases: `SelectSearch`, `MultiSelect`, `EntitySelect`, `AutoComplete`.
+ *
+ * @example
+ * <Combobox
+ *   options={users}
+ *   value={selectedId}
+ *   onChange={setSelectedId}
+ *   getOptionValue={(u) => u.id}
+ *   getOptionLabel={(u) => u.name}
+ *   placeholder="Selecionar responsável..."
+ * />
+ *
+ * @example
+ * // Múltipla seleção com badges
+ * <Combobox
+ *   multiple
+ *   options={tags}
+ *   value={selectedTagIds}
+ *   onChange={setSelectedTagIds}
+ *   maxDisplayedBadges={3}
+ * />
+ */
+export declare function Combobox<T = any>({ multiple, options: optionsProp, items, // alias
+value, onChange: onChangeProp, onValueChange, // alias
+getOptionValue, getOptionLabel, renderOption, placeholder, label, icon, emptyMessage, searchPlaceholder, searchInputTestId, disabled, required, isLoading, error, className, sortOptions, maxDisplayedBadges, popoverContainer, onOpen, onClose, clearable, showCheck }: ComboboxProps<T>): React.JSX.Element;
+export type SelectSearchProps<T = any> = ComboboxProps<T>;
+export declare const SelectSearch: typeof Combobox;

package/dist/legacy/components/ui/command.d.ts

@@ -0,0 +1,89 @@
+/**
+ * @module Command
+ * Menu de comandos (command palette / autocomplete) inspirado no `cmdk`.
+ * Composto por `Command` (raiz) + `CommandInput` + `CommandList` (com `CommandGroup`,
+ * `CommandItem`, `CommandSeparator`, `CommandEmpty`). Use `CommandDialog` como wrapper modal.
+ *
+ * @example
+ * ```tsx
+ * <Command>
+ *   <CommandInput placeholder="Buscar..." />
+ *   <CommandList>
+ *     <CommandEmpty>Nenhum resultado.</CommandEmpty>
+ *     <CommandGroup heading="Ações">
+ *       <CommandItem onSelect={() => navigate('/users')}>Ir para usuários</CommandItem>
+ *     </CommandGroup>
+ *   </CommandList>
+ * </Command>
+ * ```
+ *
+ * @see `docs/design-system/selectors.md`
+ */
+import * as React from "react";
+/**
+ * Container raiz do command (popover, fundo `bg-popover`).
+ * @example
+ * <Command><CommandInput /><CommandList>...</CommandList></Command>
+ */
+declare const Command: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+interface CommandDialogProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children: React.ReactNode;
+}
+/**
+ * Wrapper modal do `Command`. Aplica estilos cmdk para uso em command palette.
+ * @example
+ * <CommandDialog open={open} onOpenChange={setOpen}><CommandInput />...</CommandDialog>
+ */
+declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => React.JSX.Element;
+/**
+ * Campo de busca do command. Usa `<input>` nativo com ícone slot.
+ * @example
+ * <CommandInput placeholder="Pesquisar comando..." value={q} onChange={...} />
+ */
+declare const CommandInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+/**
+ * Lista scrollável (max 300px). Container dos `CommandGroup` / `CommandItem`.
+ * @example
+ * <CommandList><CommandGroup>...</CommandGroup></CommandList>
+ */
+declare const CommandList: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Estado vazio (exibido quando não há resultados na busca).
+ * @example
+ * <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>
+ */
+declare const CommandEmpty: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Grupo de items com cabeçalho opcional (`heading`).
+ * @example
+ * <CommandGroup heading="Sugestões"><CommandItem>...</CommandItem></CommandGroup>
+ */
+declare const CommandGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Linha divisória entre grupos.
+ * @example
+ * <CommandSeparator />
+ */
+declare const CommandSeparator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Item selecionável do command. Recebe `value` e `onSelect(value)`.
+ * @example
+ * <CommandItem value="users" onSelect={(v) => navigate(`/${v}`)}>Usuários</CommandItem>
+ */
+declare const CommandItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Atalho de teclado exibido à direita do item (estilo monospace, muted).
+ * @example
+ * <CommandItem>Salvar<CommandShortcut>⌘S</CommandShortcut></CommandItem>
+ */
+declare const CommandShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+    displayName: string;
+};
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandSeparator, CommandShortcut, };

package/dist/legacy/components/ui/context-menu.d.ts

@@ -0,0 +1,122 @@
+/**
+ * @module ContextMenu
+ * Menu acionado por clique direito (right-click). Composto por `ContextMenu` + `ContextMenuTrigger`
+ * (área que captura o right-click) + `ContextMenuContent` (com `ContextMenuItem`,
+ * `ContextMenuCheckboxItem`, `ContextMenuRadioItem`, `ContextMenuSub`, etc).
+ *
+ * @example
+ * ```tsx
+ * <ContextMenu>
+ *   <ContextMenuTrigger>Clique direito aqui</ContextMenuTrigger>
+ *   <ContextMenuContent>
+ *     <ContextMenuItem onSelect={onCopy}>Copiar<ContextMenuShortcut>⌘C</ContextMenuShortcut></ContextMenuItem>
+ *     <ContextMenuSeparator />
+ *     <ContextMenuItem onSelect={onDelete}>Excluir</ContextMenuItem>
+ *   </ContextMenuContent>
+ * </ContextMenu>
+ * ```
+ *
+ * @see `docs/design-system/navigation.md`
+ */
+import * as React from "react";
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+/**
+ * Raiz do ContextMenu. Controla estado open/onOpenChange.
+ * @example
+ * <ContextMenu><ContextMenuTrigger>...</ContextMenuTrigger><ContextMenuContent>...</ContextMenuContent></ContextMenu>
+ */
+declare const ContextMenu: React.FC<ContextMenuPrimitive.ContextMenuProps>;
+/**
+ * Área que captura o right-click. Use `asChild` para customizar.
+ * @example
+ * <ContextMenuTrigger asChild><div>Right-click here</div></ContextMenuTrigger>
+ */
+declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
+/**
+ * Agrupa items relacionados (sem visual próprio, apenas semântico).
+ * @example
+ * <ContextMenuGroup><ContextMenuItem>...</ContextMenuItem></ContextMenuGroup>
+ */
+declare const ContextMenuGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Portal que renderiza o conteúdo fora da árvore DOM atual.
+ * @example
+ * <ContextMenuPortal><ContextMenuContent>...</ContextMenuContent></ContextMenuPortal>
+ */
+declare const ContextMenuPortal: React.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
+/**
+ * Submenu aninhado. Use com `ContextMenuSubTrigger` e `ContextMenuSubContent`.
+ * @example
+ * <ContextMenuSub><ContextMenuSubTrigger>Mais</ContextMenuSubTrigger><ContextMenuSubContent>...</ContextMenuSubContent></ContextMenuSub>
+ */
+declare const ContextMenuSub: React.FC<ContextMenuPrimitive.ContextMenuSubProps>;
+/**
+ * Grupo de `ContextMenuRadioItem` (seleção única).
+ * @example
+ * <ContextMenuRadioGroup value={view} onValueChange={setView}>...</ContextMenuRadioGroup>
+ */
+declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Trigger de submenu (mostra ChevronRight à direita). Use dentro de `ContextMenuSub`.
+ * @example
+ * <ContextMenuSubTrigger>Compartilhar</ContextMenuSubTrigger>
+ */
+declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Conteúdo do submenu. Renderizado com animação de slide.
+ * @example
+ * <ContextMenuSubContent><ContextMenuItem>...</ContextMenuItem></ContextMenuSubContent>
+ */
+declare const ContextMenuSubContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Conteúdo principal do ContextMenu. Renderizado em Portal automaticamente.
+ * @example
+ * <ContextMenuContent><ContextMenuItem>...</ContextMenuItem></ContextMenuContent>
+ */
+declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Item clicável. Use `inset` para alinhar com items que têm ícone/checkbox.
+ * @example
+ * <ContextMenuItem onSelect={onCopy}>Copiar</ContextMenuItem>
+ */
+declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Item com checkbox. Suporta `checked` controlado e `onCheckedChange`.
+ * @example
+ * <ContextMenuCheckboxItem checked={visible} onCheckedChange={setVisible}>Mostrar</ContextMenuCheckboxItem>
+ */
+declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Item radio (seleção única). Deve estar dentro de `ContextMenuRadioGroup`.
+ * @example
+ * <ContextMenuRadioItem value="grid">Grid</ContextMenuRadioItem>
+ */
+declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Label não-clicável (cabeçalho de seção dentro do menu).
+ * @example
+ * <ContextMenuLabel>Ações</ContextMenuLabel>
+ */
+declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Linha divisória entre grupos de items.
+ * @example
+ * <ContextMenuSeparator />
+ */
+declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Atalho de teclado exibido à direita do item (estilo monospace, muted).
+ * @example
+ * <ContextMenuItem>Copiar<ContextMenuShortcut>⌘C</ContextMenuShortcut></ContextMenuItem>
+ */
+declare const ContextMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+    displayName: string;
+};
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };

package/dist/legacy/components/ui/data-list.d.ts

@@ -0,0 +1,86 @@
+import { ReactNode } from "react";
+/**
+ * DataListProps
+ *
+ * Propriedades do container raiz do DataList.
+ */
+interface DataListProps {
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * DataListItemProps
+ *
+ * Propriedades de um item individual do DataList.
+ */
+interface DataListItemProps {
+    children: ReactNode;
+    onClick?: () => void;
+    className?: string;
+}
+/**
+ * DataListFieldProps
+ *
+ * Propriedades de um campo (label/value) do DataList.
+ */
+interface DataListFieldProps {
+    label: string;
+    value: ReactNode;
+    className?: string;
+}
+/**
+ * DataListRoot
+ *
+ * Container raiz para uma lista de dados com espaçamento vertical.
+ */
+declare function DataListRoot({ children, className }: DataListProps): import("react").JSX.Element;
+/**
+ * DataListItem
+ *
+ * Item individual da lista, renderizado como um Card.
+ * Suporta clique e estados hover quando onClick é fornecido.
+ */
+declare function DataListItem({ children, onClick, className }: DataListItemProps): import("react").JSX.Element;
+/**
+ * DataListField
+ *
+ * Campo individual com label e valor, formatado horizontalmente.
+ */
+declare function DataListField({ label, value, className }: DataListFieldProps): import("react").JSX.Element;
+/**
+ * DataList Component
+ *
+ * Sistema de lista de dados com composição de componentes.
+ *
+ * @example
+ * ```tsx
+ * <DataList.Root>
+ *   <DataList.Item onClick={() => console.log('clicked')}>
+ *     <DataList.Field label=t('ap_name') value="João Silva" />
+ *     <DataList.Field label="Email" value="joao@exemplo.com" />
+ *     <DataList.Field label="Status" value={<Badge>Ativo</Badge>} />
+ *   </DataList.Item>
+ *   <DataList.Item>
+ *     <DataList.Field label=t('ap_name') value="Maria Santos" />
+ *     <DataList.Field label="Email" value="maria@exemplo.com" />
+ *   </DataList.Item>
+ * </DataList.Root>
+ * ```
+ *
+ * ## Características
+ * - Composição flexível de componentes
+ * - Suporte a valores customizados (ReactNode)
+ * - Estados hover interativos
+ * - Estilos consistentes com Cards
+ *
+ * ## Componentes
+ * - `DataList.Root`: Container principal
+ * - `DataList.Item`: Item individual (Card)
+ * - `DataList.Field`: Par label/value
+ */
+export declare const DataList: {
+    Root: typeof DataListRoot;
+    Item: typeof DataListItem;
+    Field: typeof DataListField;
+};
+export {};

package/dist/legacy/components/ui/date-picker.d.ts

@@ -0,0 +1,31 @@
+import * as React from "react";
+/**
+ * Tipo `DatePickerProps` exportado pela lib.
+ * @example
+ * const value: DatePickerProps = {} as DatePickerProps;
+ */
+export interface DatePickerProps {
+    date?: Date;
+    onDateChange?: (date: Date | undefined) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    disabledDates?: (date: Date) => boolean;
+    /**
+     * Layout do header do calendário.
+     * - `"label"` (default): apenas o rótulo do mês/ano com setas de navegação.
+     * - `"dropdown"`: dropdowns para selecionar mês e ano (recomendado para datas antigas, ex.: data de nascimento).
+     * - `"dropdown-months"` / `"dropdown-years"`: dropdown apenas para mês ou apenas para ano.
+     */
+    captionLayout?: "label" | "dropdown" | "dropdown-months" | "dropdown-years";
+    /** Ano inicial disponível no dropdown de anos. Default: 1970. */
+    fromYear?: number;
+    /** Ano final disponível no dropdown de anos. Default: ano atual + 10. */
+    toYear?: number;
+}
+/**
+ * Função utilitária `DatePicker`.
+ * @example
+ * DatePicker();
+ */
+export declare function DatePicker({ date, onDateChange, placeholder, disabled, className, disabledDates, captionLayout, fromYear, toYear, }: DatePickerProps): React.JSX.Element;