@snksergio/design-system 0.5.0 → 0.17.0

package/dist-lib/src/components/ui/DataTable/utils/tree-rows.d.ts

@@ -0,0 +1,75 @@
+import { GridRowId } from '../data-table.types';
+/** Marker symbol pra distinguir TreeRow (data row enriquecida com metadados de
+ *  hierarquia) de uma data row T crua. Symbol-as-discriminator no padrão de
+ *  group-rows.ts / expand-rows.ts — evita colisão com props do T. */
+export declare const TREE_ROW_TYPE: unique symbol;
+/**
+ * Wrapper de uma data row no modo tree-data. Carrega a row original (`row`)
+ * intacta — pra render de cells, edit, selection etc — + metadados de
+ * hierarquia computados a partir do `getTreeDataPath`.
+ *
+ * Pattern: NÃO substitui a row; envelopa. O render branch desembrulha via
+ * `isTreeRow` e usa `node.row` como a row real. Assim filter/sort/selection/
+ * edit continuam operando em `T` sem saber de árvore.
+ */
+export type DataTableTreeRow<T = unknown> = {
+    __type: typeof TREE_ROW_TYPE;
+    /** Row original — usada em todo render/edit/selection. */
+    row: T;
+    /** Id estável da row (== getRowId(row)). */
+    id: GridRowId;
+    /** Profundidade na árvore (0 = raiz). Indentação = level * unidade. */
+    level: number;
+    /** Tem ao menos 1 descendente direto? Define se renderiza chevron. */
+    hasChildren: boolean;
+    /** Está expandido? (só relevante quando hasChildren). */
+    isExpanded: boolean;
+    /** Quantidade total de descendentes (todos os níveis abaixo). */
+    descendantCount: number;
+    /** Quantidade de filhos diretos. */
+    childCount: number;
+    /** Caminho completo até esta row (output do getTreeDataPath). */
+    path: Array<string | number>;
+};
+/** Type guard pra TreeRow. União ampla pra coexistir com outras transformações. */
+export declare function isTreeRow<T>(item: unknown): item is DataTableTreeRow<T>;
+/**
+ * Reshape de um array FLAT de rows em uma sequência ordenada de TreeRows,
+ * respeitando a hierarquia derivada de `getTreeDataPath` e o estado de expansão.
+ *
+ * ## Como funciona
+ * 1. Cada row produz um path (ex: `["A"]`, `["A","B"]`, `["A","B","C"]`).
+ * 2. Construímos uma árvore por prefixo de path (trie). Rows cujo path tem
+ *    comprimento N viram nós em profundidade N-1.
+ * 3. Se um path intermediário não tiver row própria (ex: existe `["A","B"]`
+ *    mas não `["A"]`), criamos um nó "filler" sintético sem `row` — necessário
+ *    pra manter a indentação correta. Filler nodes NÃO entram no render (não
+ *    têm row pra pintar); seus filhos sobem um nível visualmente? Não — pra
+ *    simplicidade e previsibilidade, filler nodes SÃO renderizados como uma
+ *    TreeRow "stub" carregando a primeira row-filho como representante NÃO —
+ *    decisão: filler nodes são pulados no flatten mas seus filhos preservam o
+ *    nível real (mantém alinhamento com o path). Ver `flatten`.
+ * 4. Flatten em pré-ordem (pai antes dos filhos). Filhos só entram se TODOS os
+ *    ancestrais estão expandidos.
+ *
+ * ## Expansão
+ * `expandedIds` guarda os ids de nós EXPANDIDOS (semântica explícita, igual a
+ * row-expansion). Quando `defaultExpanded=true`, um id AUSENTE de `expandedIds`
+ * conta como expandido e um id PRESENTE conta como colapsado (toggle inverte o
+ * default) — mesma convenção de group-rows. Quando `defaultExpanded=false`,
+ * vice-versa.
+ *
+ * @param rows Rows já filtradas/buscadas/ordenadas (output do processor).
+ * @param getTreeDataPath Deriva o caminho hierárquico de cada row.
+ * @param getRowId Extrai id estável da row.
+ * @param expandedIds Set de ids que DIFEREM do estado default de expansão.
+ * @param defaultExpanded Estado de expansão default dos nós com filhos.
+ */
+export declare function buildTreeRows<T>(rows: T[], getTreeDataPath: (row: T) => Array<string | number>, getRowId: (row: T) => GridRowId, expandedIds: Set<GridRowId>, defaultExpanded: boolean): Array<DataTableTreeRow<T>>;
+/**
+ * Coleta todos os ids de nós que TÊM filhos (expansíveis) — usado por
+ * expand-all / collapse-all pra montar o Set de toggles. Independe do estado
+ * de expansão atual: retorna todo nó ramo da árvore.
+ */
+export declare function collectExpandableTreeIds<T>(rows: T[], getTreeDataPath: (row: T) => Array<string | number>, getRowId: (row: T) => GridRowId): GridRowId[];
+//# sourceMappingURL=tree-rows.d.ts.map

package/dist-lib/src/components/ui/DataTable/utils/tree-rows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-rows.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/DataTable/utils/tree-rows.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD;;qEAEqE;AACrE,eAAO,MAAM,aAAa,eAAwB,CAAC;AAEnD;;;;;;;;GAQG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,OAAO,IAAI;IAC1C,MAAM,EAAE,OAAO,aAAa,CAAC;IAC7B,0DAA0D;IAC1D,GAAG,EAAE,CAAC,CAAC;IACP,4CAA4C;IAC5C,EAAE,EAAE,SAAS,CAAC;IACd,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,WAAW,EAAE,OAAO,CAAC;IACrB,yDAAyD;IACzD,UAAU,EAAE,OAAO,CAAC;IACpB,iEAAiE;IACjE,eAAe,EAAE,MAAM,CAAC;IACxB,oCAAoC;IACpC,UAAU,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,IAAI,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;CAC9B,CAAC;AAEF,mFAAmF;AACnF,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAOvE;AAaD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAC7B,IAAI,EAAE,CAAC,EAAE,EACT,eAAe,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,EACnD,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,EAC/B,WAAW,EAAE,GAAG,CAAC,SAAS,CAAC,EAC3B,eAAe,EAAE,OAAO,GACvB,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAiG5B;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,EACxC,IAAI,EAAE,CAAC,EAAE,EACT,eAAe,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,EACnD,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,GAC9B,SAAS,EAAE,CAwBb"}

package/dist-lib/src/components/ui/DatePicker/datepicker.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+export interface DatePickerProps {
+    /** Data selecionada (controlado). */
+    value?: Date;
+    /** Disparado ao escolher uma data (ou limpar → undefined). */
+    onValueChange?: (date: Date | undefined) => void;
+    /** Texto do trigger quando nada está selecionado. */
+    placeholder?: string;
+    /** Desabilita o trigger. */
+    disabled?: boolean;
+    /** Alinhamento do popover. Default `"start"`. */
+    align?: "start" | "center" | "end";
+    /** className do trigger (mesmos overrides de um input/SelectTrigger). */
+    className?: string;
+}
+/**
+ * DatePicker — seletor de data único. Composto sobre Popover + Calendar, com
+ * trigger no estilo input do DS (ícone + data formatada / placeholder).
+ * Controlado via `value` / `onValueChange`. Fecha ao escolher a data.
+ */
+export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=datepicker.d.ts.map

package/dist-lib/src/components/ui/DatePicker/datepicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/DatePicker/datepicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,eAAe;IAC9B,qCAAqC;IACrC,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,8DAA8D;IAC9D,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IACjD,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD;;;;GAIG;AACH,eAAO,MAAM,UAAU,2FAwCtB,CAAC"}

package/dist-lib/src/components/ui/DatePicker/index.d.ts

@@ -0,0 +1,3 @@
+export { DatePicker } from './datepicker';
+export type { DatePickerProps } from './datepicker';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/components/ui/DatePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/DatePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist-lib/src/components/ui/FloatingPanel/floating-panel-parts.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+export type FloatingPanelSectionProps = {
+    /** Título da seção (header). */
+    title: ReactNode;
+    /** Conteúdo (geralmente `<FloatingPanelField>`). */
+    children: ReactNode;
+    /** Colapsável (header clicável + chevron). Default: true. */
+    collapsible?: boolean;
+    /** Estado inicial quando colapsável. Default: true (aberta). */
+    defaultOpen?: boolean;
+};
+export declare function FloatingPanelSection({ title, children, collapsible, defaultOpen, }: FloatingPanelSectionProps): import("react/jsx-runtime").JSX.Element;
+export type FloatingPanelFieldProps = {
+    label: ReactNode;
+    value: ReactNode;
+};
+export declare function FloatingPanelField({ label, value }: FloatingPanelFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=floating-panel-parts.d.ts.map

package/dist-lib/src/components/ui/FloatingPanel/floating-panel-parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-panel-parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FloatingPanel/floating-panel-parts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAkCjD,MAAM,MAAM,yBAAyB,GAAG;IACtC,gCAAgC;IAChC,KAAK,EAAE,SAAS,CAAC;IACjB,oDAAoD;IACpD,QAAQ,EAAE,SAAS,CAAC;IACpB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,WAAkB,EAClB,WAAkB,GACnB,EAAE,yBAAyB,2CA2B3B;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,uBAAuB,2CAQ3E"}

package/dist-lib/src/components/ui/FloatingPanel/floating-panel.d.ts

@@ -0,0 +1,45 @@
+import { FloatingPanelProps } from './floating-panel.types';
+/**
+ * FloatingPanel — drawer "card flutuante" non-modal.
+ *
+ * No desktop, diferente do `<Panel>`, NÃO renderiza backdrop nem trap de foco —
+ * a página atrás continua interativa. Útil pra detail panels, side info,
+ * configurações secundárias que precisam coexistir com a tela principal.
+ *
+ * Features:
+ *   - Resize horizontal (drag handle no edge) com persistência opcional
+ *   - Maximize toggle (botão no header) — ocupa quase a tela toda
+ *   - Responsive: vira sheet bottom-up colado nas bordas em max-md, com
+ *     backdrop suave (toque fecha) — só em mobile; desktop segue non-modal
+ *   - max-height 92vh em mobile; body com scroll automático
+ *   - ESC fecha (configurável)
+ *   - Renderizado via portal em document.body (escapa de overflow/transform de ancestrais)
+ *
+ * Exemplo:
+ * ```tsx
+ * <FloatingPanel
+ *   open={open}
+ *   onOpenChange={setOpen}
+ *   title="Detalhes do cliente"
+ *   description="ID: CLI-2401"
+ *   resizable
+ *   maximizable
+ *   headerActions={
+ *     <>
+ *       <Button variant="soft" color="secondary" size="icon-sm"><Pencil /></Button>
+ *       <Button variant="soft" color="critical" size="icon-sm"><Trash2 /></Button>
+ *     </>
+ *   }
+ *   footer={
+ *     <>
+ *       <Button variant="outline" color="secondary" onClick={() => setOpen(false)}>Cancelar</Button>
+ *       <Button variant="filled" color="primary">Salvar</Button>
+ *     </>
+ *   }
+ * >
+ *   <DetailContent />
+ * </FloatingPanel>
+ * ```
+ */
+export declare function FloatingPanel({ open, onOpenChange, side, size, title, description, titleIcon: TitleIcon, titleSlot, headerActions, hideClose, footer, children, resizable, resizableMinWidth, resizableMaxWidth, resizableStorageKey, maximizable, defaultMaximized, closeOnEscape, bodyPadded, className, }: FloatingPanelProps): import('react').ReactPortal | null;
+//# sourceMappingURL=floating-panel.d.ts.map

package/dist-lib/src/components/ui/FloatingPanel/floating-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-panel.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FloatingPanel/floating-panel.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAqB,MAAM,wBAAwB,CAAC;AAUpF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,IAAc,EACd,IAAW,EACX,KAAK,EACL,WAAW,EACX,SAAS,EAAE,SAAS,EACpB,SAAS,EACT,aAAa,EACb,SAAS,EACT,MAAM,EACN,QAAQ,EACR,SAAiB,EACjB,iBAAuB,EACvB,iBAAuB,EACvB,mBAAmB,EACnB,WAAmB,EACnB,gBAAwB,EACxB,aAAoB,EACpB,UAAiB,EACjB,SAAS,GACV,EAAE,kBAAkB,sCAoIpB"}

package/dist-lib/src/components/ui/FloatingPanel/floating-panel.styles.d.ts

@@ -0,0 +1,119 @@
+/**
+ * FloatingPanel — drawer "card flutuante" que convive com a interação
+ * atrás (sem backdrop modal). Versão do `<Panel>` para casos non-modal:
+ * detail panels, side info, configurações secundárias.
+ *
+ * Diferenças vs `<Panel>`:
+ *   - Sem Sheet/Dialog (sem foco trap, sem overlay scrim)
+ *   - Suporte a resize horizontal (drag handle no edge)
+ *   - Suporte a maximize (toggle pra ocupar quase a tela toda)
+ *   - Em max-md vira sheet bottom-up (responsive)
+ */
+export declare const floatingPanelStyles: import('tailwind-variants').TVReturnType<{
+    side: {
+        right: {
+            root: string;
+            handle: string;
+        };
+        left: {
+            root: string;
+            handle: string;
+        };
+    };
+    maximized: {
+        true: {
+            root: string;
+            handle: string;
+        };
+    };
+    bodyPadded: {
+        true: {
+            body: string;
+        };
+        false: {};
+    };
+}, {
+    root: string[];
+    backdrop: string[];
+    handle: string[];
+    header: string[];
+    headerText: string;
+    headerTitle: string[];
+    headerTitleIcon: string;
+    headerDescription: string;
+    headerActions: string;
+    body: string[];
+    footer: string[];
+}, undefined, {
+    side: {
+        right: {
+            root: string;
+            handle: string;
+        };
+        left: {
+            root: string;
+            handle: string;
+        };
+    };
+    maximized: {
+        true: {
+            root: string;
+            handle: string;
+        };
+    };
+    bodyPadded: {
+        true: {
+            body: string;
+        };
+        false: {};
+    };
+}, {
+    root: string[];
+    backdrop: string[];
+    handle: string[];
+    header: string[];
+    headerText: string;
+    headerTitle: string[];
+    headerTitleIcon: string;
+    headerDescription: string;
+    headerActions: string;
+    body: string[];
+    footer: string[];
+}, import('tailwind-variants').TVReturnType<{
+    side: {
+        right: {
+            root: string;
+            handle: string;
+        };
+        left: {
+            root: string;
+            handle: string;
+        };
+    };
+    maximized: {
+        true: {
+            root: string;
+            handle: string;
+        };
+    };
+    bodyPadded: {
+        true: {
+            body: string;
+        };
+        false: {};
+    };
+}, {
+    root: string[];
+    backdrop: string[];
+    handle: string[];
+    header: string[];
+    headerText: string;
+    headerTitle: string[];
+    headerTitleIcon: string;
+    headerDescription: string;
+    headerActions: string;
+    body: string[];
+    footer: string[];
+}, undefined, unknown, unknown, undefined>>;
+export declare const FLOATING_PANEL_SIZE_PX: Record<"sm" | "md" | "lg" | "xl", number>;
+//# sourceMappingURL=floating-panel.styles.d.ts.map

package/dist-lib/src/components/ui/FloatingPanel/floating-panel.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-panel.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FloatingPanel/floating-panel.styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA4F9B,CAAC;AAGH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CACzC,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,EACzB,MAAM,CAMP,CAAC"}

package/dist-lib/src/components/ui/FloatingPanel/floating-panel.types.d.ts

@@ -0,0 +1,63 @@
+import { ReactNode } from 'react';
+import { LucideIcon } from '../../../lib/lucide-types';
+/** Lado de ancoragem do panel — default: "right". */
+export type FloatingPanelSide = "left" | "right";
+/**
+ * Sizes pré-definidos (px).
+ *   sm = 320 / md = 400 / lg = 560 / xl = 720
+ * Pra casos avançados use `number` (px) ou override via `className`.
+ */
+export type FloatingPanelSize = "sm" | "md" | "lg" | "xl";
+export type FloatingPanelProps = {
+    /** Controlled open state */
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Lado de ancoragem. Default: "right" */
+    side?: FloatingPanelSide;
+    /** Tamanho default. Se `resizable`, vira a largura inicial. Default: "md" (400px). */
+    size?: FloatingPanelSize | number;
+    /** Header — título principal */
+    title?: string;
+    /** Header — descrição abaixo do título */
+    description?: string;
+    /** Header — ícone à esquerda do título */
+    titleIcon?: LucideIcon;
+    /**
+     * Header — substitui o bloco padrão de title/description por JSX custom
+     * (ex: avatar + nome + status dot). headerActions / close / maximize
+     * continuam na posição à direita.
+     */
+    titleSlot?: ReactNode;
+    /** Header — slot extra de ações entre titleSlot e close (ex: Edit/Delete) */
+    headerActions?: ReactNode;
+    /** Esconde o botão X de fechar. Default: false */
+    hideClose?: boolean;
+    /** Footer — geralmente botões de ação. */
+    footer?: ReactNode;
+    /** Conteúdo (body scrollable). */
+    children: ReactNode;
+    /** Ativa o drag-resize horizontal. Desabilitado em mobile (max-md). */
+    resizable?: boolean;
+    /** Bound mínimo do resize (px). Default: 320 */
+    resizableMinWidth?: number;
+    /** Bound máximo do resize (px). Default: 800 */
+    resizableMaxWidth?: number;
+    /** Chave do localStorage pra persistir width entre sessões. */
+    resizableStorageKey?: string;
+    /** Mostra botão maximize/restore no header. Default: false */
+    maximizable?: boolean;
+    /** Inicia maximizado. Default: false */
+    defaultMaximized?: boolean;
+    /** Fecha com ESC. Default: true */
+    closeOnEscape?: boolean;
+    /**
+     * Padding interno padrão do body (gutter 18px lateral + vertical). Default:
+     * `true` — conteúdo livre já respira sem o consumer adicionar padding.
+     * Use `false` quando o conteúdo são `<FloatingPanelSection>` edge-to-edge
+     * (sections gerenciam o próprio padding + divisórias full-width).
+     */
+    bodyPadded?: boolean;
+    /** className extra no `<aside>` */
+    className?: string;
+};
+//# sourceMappingURL=floating-panel.types.d.ts.map

package/dist-lib/src/components/ui/FloatingPanel/floating-panel.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-panel.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FloatingPanel/floating-panel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,qDAAqD;AACrD,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEjD;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,4BAA4B;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC,0CAA0C;IAC1C,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB,sFAAsF;IACtF,IAAI,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAC;IAElC,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,6EAA6E;IAC7E,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,kCAAkC;IAClC,QAAQ,EAAE,SAAS,CAAC;IAEpB,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,+DAA+D;IAC/D,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,mCAAmC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist-lib/src/components/ui/FloatingPanel/index.d.ts

@@ -0,0 +1,8 @@
+export { FloatingPanel } from './floating-panel';
+export type { FloatingPanelProps, FloatingPanelSide, FloatingPanelSize, } from './floating-panel.types';
+export { FloatingPanelSection, FloatingPanelField, } from './floating-panel-parts';
+export type { FloatingPanelSectionProps, FloatingPanelFieldProps, } from './floating-panel-parts';
+export { floatingPanelStyles, FLOATING_PANEL_SIZE_PX } from './floating-panel.styles';
+export { useFloatingPanelResize } from './use-floating-panel-resize';
+export type { UseFloatingPanelResizeOptions, UseFloatingPanelResizeResult, } from './use-floating-panel-resize';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/components/ui/FloatingPanel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FloatingPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EACV,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,yBAAyB,EACzB,uBAAuB,GACxB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEtF,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,YAAY,EACV,6BAA6B,EAC7B,4BAA4B,GAC7B,MAAM,6BAA6B,CAAC"}

package/dist-lib/src/components/ui/FloatingPanel/use-floating-panel-resize.d.ts

@@ -0,0 +1,31 @@
+export type UseFloatingPanelResizeOptions = {
+    /** Largura inicial (em px) antes do localStorage hidratar. */
+    initial: number;
+    /** Largura mínima permitida (em px). */
+    min: number;
+    /** Largura máxima permitida (em px). */
+    max: number;
+    /** Lado em que o panel está ancorado — determina o sentido do delta. */
+    side: "left" | "right";
+    /** Chave no localStorage pra persistir (opcional). */
+    storageKey?: string;
+    /** Se false, o hook não atualiza width (modo "maximizado" ou disabled). */
+    enabled?: boolean;
+};
+export type UseFloatingPanelResizeResult = {
+    width: number;
+    /** Handler pra começar o drag — atribuir em `onMouseDown` do handle. */
+    onResizeStart: (e: React.MouseEvent) => void;
+};
+/**
+ * Hook de drag-resize horizontal pra panels flutuantes com persist opcional
+ * em localStorage. Suporta painéis ancorados à direita OU à esquerda — o
+ * sentido do delta é invertido automaticamente.
+ *
+ *   side="right" → handle no LEFT edge → arrastar pra esquerda AUMENTA width
+ *   side="left"  → handle no RIGHT edge → arrastar pra direita AUMENTA width
+ *
+ * Cleanup: listeners globais são removidos no mouseup + restaura cursor/userSelect.
+ */
+export declare function useFloatingPanelResize({ initial, min, max, side, storageKey, enabled, }: UseFloatingPanelResizeOptions): UseFloatingPanelResizeResult;
+//# sourceMappingURL=use-floating-panel-resize.d.ts.map

package/dist-lib/src/components/ui/FloatingPanel/use-floating-panel-resize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-floating-panel-resize.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FloatingPanel/use-floating-panel-resize.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,6BAA6B,GAAG;IAC1C,8DAA8D;IAC9D,OAAO,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,GAAG,EAAE,MAAM,CAAC;IACZ,wCAAwC;IACxC,GAAG,EAAE,MAAM,CAAC;IACZ,wEAAwE;IACxE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,GAAG,EACH,GAAG,EACH,IAAI,EACJ,UAAU,EACV,OAAc,GACf,EAAE,6BAA6B,GAAG,4BAA4B,CA2D9D"}

package/dist-lib/src/components/ui/FooterTable/footer-table.d.ts

@@ -0,0 +1,29 @@
+import { FooterTableProps } from './footer-table.types';
+/**
+ * FooterTable — footer completo de tabela com paginação + page-size + range.
+ *
+ * Compõe:
+ *   - Select de "Linhas" por página (Select do shadcn)
+ *   - Range "1–10 de 87 rows"
+ *   - Contagem de seleção opcional ("· 1 selecionado")
+ *   - Pagination (« ‹ pages › ») com ellipsis automática
+ *
+ * Layout: flex justify-between, mobile empilha (flex-col).
+ *
+ * Replica o `.tbl-footer` do design-and-table-v2.
+ */
+export declare function FooterTable({ totalCount, page, pageSize, onPageChange, onPageSizeChange, pageSizeOptions, selectionCount, pageSizeLabel, rowLabel, locale, hidePageSize, hideRange, hideFirstLast, className, }: FooterTableProps): import("react/jsx-runtime").JSX.Element;
+export type FooterTableSkeletonProps = {
+    /** Quantos botões de página simular no skeleton. Default: 5. */
+    pageButtonCount?: number;
+    className?: string;
+};
+/**
+ * Estado loading do FooterTable — usado pelo DataTable enquanto a primeira
+ * chamada de `fetchData` não retornou totalCount.
+ *
+ * Mantém a mesma silhueta do footer real (page-size select + range + pagination)
+ * pra evitar layout shift quando o conteúdo chega.
+ */
+export declare function FooterTableSkeleton({ pageButtonCount, className, }: FooterTableSkeletonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=footer-table.d.ts.map

package/dist-lib/src/components/ui/FooterTable/footer-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-table.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FooterTable/footer-table.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAI7D;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,eAAoC,EACpC,cAAkB,EAClB,aAAwB,EACxB,QAAiB,EACjB,MAAgB,EAChB,YAAY,EACZ,SAAS,EACT,aAAa,EACb,SAAS,GACV,EAAE,gBAAgB,2CAgHlB;AAID,MAAM,MAAM,wBAAwB,GAAG;IACrC,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,eAAmB,EACnB,SAAS,GACV,EAAE,wBAAwB,2CA2B1B"}

package/dist-lib/src/components/ui/FooterTable/footer-table.types.d.ts

@@ -0,0 +1,29 @@
+export type FooterTableProps = {
+    /** Total de registros */
+    totalCount: number;
+    /** Página atual (1-indexed) */
+    page: number;
+    /** Linhas por página */
+    pageSize: number;
+    onPageChange: (page: number) => void;
+    onPageSizeChange: (size: number) => void;
+    /** Opções do dropdown de page-size. Default: [10, 25, 50, 100]. */
+    pageSizeOptions?: number[];
+    /** Contagem de itens selecionados (opcional — exibe "· N selecionado") */
+    selectionCount?: number;
+    /** Label do select (default "Linhas") */
+    pageSizeLabel?: string;
+    /** Sufixo do range (ex "rows", "registros"). Default "rows" */
+    rowLabel?: string;
+    /** Locale pra formatar números (default "pt-BR") */
+    locale?: string;
+    /** Esconde o select de linhas/page (mantém só range + nav) */
+    hidePageSize?: boolean;
+    /** Esconde o "1–10 de 87 rows" */
+    hideRange?: boolean;
+    /** Esconde os botões « » (mantém só ‹ ›) */
+    hideFirstLast?: boolean;
+    /** className extra no <footer> */
+    className?: string;
+};
+//# sourceMappingURL=footer-table.types.d.ts.map

package/dist-lib/src/components/ui/FooterTable/footer-table.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-table.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FooterTable/footer-table.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,yBAAyB;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,wBAAwB;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC,mEAAmE;IACnE,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAE3B,0EAA0E;IAC1E,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist-lib/src/components/ui/FooterTable/index.d.ts

@@ -0,0 +1,4 @@
+export { FooterTable, FooterTableSkeleton } from './footer-table';
+export type { FooterTableSkeletonProps } from './footer-table';
+export type { FooterTableProps } from './footer-table.types';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/components/ui/FooterTable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FooterTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAClE,YAAY,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAC/D,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist-lib/src/components/ui/FormField/form-field-checkbox.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+import { FormFieldBaseProps } from './form-field.types';
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+/**
+ * FormFieldCheckbox — wrapper "one-shot" pra checkbox com label inline.
+ *
+ * Layout (diferente de FormFieldInput/Select):
+ *   ┌──────────────────────────────────────┐
+ *   │ [☑] Label texto                      │
+ *   │     Helper / error message           │
+ *   └──────────────────────────────────────┘
+ *
+ * Reaproveita o Checkbox do shadcn. O label fica à direita (não em cima).
+ */
+export type FormFieldCheckboxProps = Omit<FormFieldBaseProps, "label"> & {
+    /** Texto do label (inline à direita do checkbox) */
+    label?: ReactNode;
+} & Omit<ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, "id" | "className">;
+export declare const FormFieldCheckbox: import('react').ForwardRefExoticComponent<Omit<FormFieldBaseProps, "label"> & {
+    /** Texto do label (inline à direita do checkbox) */
+    label?: ReactNode;
+} & Omit<Omit<CheckboxPrimitive.CheckboxProps & import('react').RefAttributes<HTMLButtonElement>, "ref">, "className" | "id"> & import('react').RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=form-field-checkbox.d.ts.map

package/dist-lib/src/components/ui/FormField/form-field-checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FormField/form-field-checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAS9D,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,oBAAoB,CAAC;AAEzE;;;;;;;;;;GAUG;AACH,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,GAAG;IACvE,oDAAoD;IACpD,KAAK,CAAC,EAAE,SAAS,CAAC;CAEnB,GAAG,IAAI,CACJ,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EACvD,IAAI,GAAG,WAAW,CACnB,CAAC;AAEJ,eAAO,MAAM,iBAAiB;IAR5B,oDAAoD;YAC5C,SAAS;iLA6ElB,CAAC"}

package/dist-lib/src/components/ui/FormField/form-field-input.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+import { InputProps } from '../../shadcn/input';
+import { FormFieldBaseProps } from './form-field.types';
+/**
+ * FormFieldInput — wrapper "one-shot" pra um campo de texto.
+ *
+ * Renderização condicional:
+ *   - sem addon → renderiza <Input> puro
+ *   - com `startAddon` ou `endAddon` → renderiza <InputGroup> com InputGroupInput
+ *
+ * Os addons aceitam string (renderiza como InputGroupText, ex "R$") ou ReactNode
+ * (ícone, botão — passa direto). Não há mais startIcon vs startAdornment: o
+ * InputGroup trata ambos via composição.
+ */
+export type FormFieldInputProps = FormFieldBaseProps & Omit<InputProps, "state" | "id"> & {
+    /** Conteúdo à esquerda. String vira `<InputGroupText>`, ReactNode (ícone/botão) passa direto. */
+    startAddon?: ReactNode;
+    /** Conteúdo à direita. Mesma regra do startAddon. */
+    endAddon?: ReactNode;
+};
+export declare const FormFieldInput: import('react').ForwardRefExoticComponent<FormFieldBaseProps & Omit<InputProps, "id" | "state"> & {
+    /** Conteúdo à esquerda. String vira `<InputGroupText>`, ReactNode (ícone/botão) passa direto. */
+    startAddon?: ReactNode;
+    /** Conteúdo à direita. Mesma regra do startAddon. */
+    endAddon?: ReactNode;
+} & import('react').RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=form-field-input.d.ts.map

package/dist-lib/src/components/ui/FormField/form-field-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FormField/form-field-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAQnE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE7D;;;;;;;;;;GAUG;AACH,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,GAClD,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI,CAAC,GAAG;IACjC,iGAAiG;IACjG,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAiBJ,eAAO,MAAM,cAAc;IArBvB,iGAAiG;iBACpF,SAAS;IACtB,qDAAqD;eAC1C,SAAS;oDA0EvB,CAAC"}

package/dist-lib/src/components/ui/FormField/form-field-select.d.ts

@@ -0,0 +1,34 @@
+import { ReactNode } from 'react';
+import { FormFieldBaseProps } from './form-field.types';
+export type FormFieldSelectOption = {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+};
+/**
+ * FormFieldSelect — wrapper "one-shot" pra um select dropdown.
+ *
+ * Compõe FormField + Select (radix) — reutiliza os Select* primitives existentes.
+ *
+ * Uso simples via `options`:
+ *   <FormFieldSelect label="País" placeholder="Selecione..." options={[
+ *     { value: "br", label: "Brasil" },
+ *     { value: "us", label: "Estados Unidos" },
+ *   ]} />
+ *
+ * Pra casos avançados (groups, separators), use o Select primitive direto.
+ */
+export type FormFieldSelectProps = FormFieldBaseProps & {
+    options: FormFieldSelectOption[];
+    placeholder?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+    /** className aplicado ao <SelectTrigger>. Pra estilizar o wrapper, use `className` (vai pro FormField root). */
+    triggerClassName?: string;
+    /** Largura/maxHeight customizada do dropdown */
+    contentClassName?: string;
+};
+export declare function FormFieldSelect({ label, required, helperText, state, errorMessage, warningMessage, successMessage, className, id, options, placeholder, value, defaultValue, onValueChange, disabled, triggerClassName, contentClassName, }: FormFieldSelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form-field-select.d.ts.map

package/dist-lib/src/components/ui/FormField/form-field-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-select.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/FormField/form-field-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE7D,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,oBAAoB,GAAG,kBAAkB,GAAG;IACtD,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,UAAU,EACV,KAAK,EACL,YAAY,EACZ,cAAc,EACd,cAAc,EACd,SAAS,EACT,EAAE,EACF,OAAO,EACP,WAAW,EACX,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,GACjB,EAAE,oBAAoB,2CA2CtB"}