@snksergio/design-system 0.4.0 → 0.5.1

package/dist-lib/src/components/ui/Table/use-column-widths.d.ts

@@ -0,0 +1,36 @@
+import { ColumnPinned } from './table.types';
+/** Minimal column shape this hook needs. Real ColumnDef do DataTable é superset. */
+export type WidthColumnInput = {
+    field: string;
+    width?: number;
+    /** Default width usado quando `width` undefined. */
+    defaultWidth?: number;
+    pinned?: ColumnPinned;
+};
+export type ColumnWidthsResult = {
+    /** Largura efetiva por field (px). */
+    widths: Record<string, number>;
+    /** Offset sticky por field (px). Só faz sentido pra colunas pinned. */
+    offsets: Record<string, number>;
+    /** Total de largura ocupada pelas colunas pinned left. Usado pra calcular shadow lateral. */
+    totalPinLeft: number;
+    /** Total de largura ocupada pelas colunas pinned right. */
+    totalPinRight: number;
+};
+/**
+ * Calcula widths efetivos e offsets sticky cumulativos.
+ *
+ * Algoritmo:
+ *   1. widths[field] = column.width ?? column.defaultWidth ?? DEFAULT_COLUMN_WIDTH
+ *   2. Para colunas pinned="left": offsets[field] = soma das widths das colunas pinned=left que vêm ANTES
+ *   3. Para colunas pinned="right": offsets[field] = soma das widths das colunas pinned=right que vêm DEPOIS
+ *   4. Colunas não-pinned: offset = undefined
+ *
+ * @example
+ *   useColumnWidths([{field:'a',width:50,pinned:'left'}, {field:'b',width:80,pinned:'left'}, {field:'c'}])
+ *   → widths: {a:50, b:80, c:160}
+ *   → offsets: {a:0, b:50}
+ *   → totalPinLeft: 130, totalPinRight: 0
+ */
+export declare function useColumnWidths(columns: ReadonlyArray<WidthColumnInput>): ColumnWidthsResult;
+//# sourceMappingURL=use-column-widths.d.ts.map

package/dist-lib/src/components/ui/Table/use-column-widths.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-column-widths.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Table/use-column-widths.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,oFAAoF;AACpF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,sCAAsC;IACtC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,uEAAuE;IACvE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,6FAA6F;IAC7F,YAAY,EAAE,MAAM,CAAC;IACrB,2DAA2D;IAC3D,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAIF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,aAAa,CAAC,gBAAgB,CAAC,GACvC,kBAAkB,CAoCpB"}

package/dist-lib/src/components/ui/TableToolbar/hooks/use-toolbar-filters.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Filtro genérico — mantém o shape mínimo necessário pra UI/lógica.
+ * O consumer pode estender via generics se precisar de campos custom.
+ */
+export type ToolbarFilterEntry = {
+    id: string;
+    columnKey: string;
+    op: string;
+    value: unknown;
+};
+export type UseToolbarFiltersOptions<T extends ToolbarFilterEntry = ToolbarFilterEntry> = {
+    /** Filtros iniciais */
+    initial?: T[];
+    /** Gerador de ID — default usa crypto.randomUUID() ou timestamp fallback */
+    generateId?: () => string;
+};
+/**
+ * useToolbarFilters — helper opcional pra gerenciar estado de filtros.
+ *
+ * Retorna:
+ *   - `list`: array de filtros
+ *   - `add(entry)`: adiciona um filtro (gera id automático se omitido)
+ *   - `remove(id)`: remove por id
+ *   - `update(id, patch)`: atualiza parcialmente
+ *   - `clear()`: zera tudo
+ *   - `replaceAll(next)`: substitui array completo
+ *   - `count`: total de filtros com `value` truthy (válidos pra aplicar)
+ *
+ * Uso (opcional — vc pode usar useState direto também):
+ *
+ *   const filters = useToolbarFilters({ initial: [...] });
+ *   filters.add({ columnKey: "status", op: "eq", value: "active" });
+ *   filters.remove("f_abc");
+ */
+export declare function useToolbarFilters<T extends ToolbarFilterEntry = ToolbarFilterEntry>(options?: UseToolbarFiltersOptions<T>): {
+    readonly list: T[];
+    readonly add: (entry: Omit<T, "id"> & {
+        id?: string;
+    }) => void;
+    readonly remove: (id: string) => void;
+    readonly update: (id: string, patch: Partial<T>) => void;
+    readonly clear: () => void;
+    readonly replaceAll: (next: T[]) => void;
+    readonly count: number;
+};
+//# sourceMappingURL=use-toolbar-filters.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/hooks/use-toolbar-filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toolbar-filters.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/hooks/use-toolbar-filters.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,wBAAwB,CAAC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB,IAAI;IACxF,uBAAuB;IACvB,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;IACd,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,MAAM,CAAC;CAC3B,CAAC;AASF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB,EACjF,OAAO,CAAC,EAAE,wBAAwB,CAAC,CAAC,CAAC;;0BAM3B,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE;0BAST,MAAM;0BAIN,MAAM,SAAS,OAAO,CAAC,CAAC,CAAC;;gCAOnB,CAAC,EAAE;;EAc1C"}

package/dist-lib/src/components/ui/TableToolbar/hooks/use-toolbar-sort.d.ts

@@ -0,0 +1,35 @@
+import { SortDirection } from '../table-toolbar.types';
+export type { SortDirection };
+export type ToolbarSortEntry = {
+    columnKey: string;
+    direction: SortDirection;
+};
+export type UseToolbarSortOptions = {
+    initial?: ToolbarSortEntry[];
+    /** Limite máximo de colunas ordenadas simultaneamente. Default: Infinity. */
+    maxColumns?: number;
+};
+/**
+ * useToolbarSort — helper opcional pra ordenação multi-coluna.
+ *
+ * Retorna:
+ *   - `list`: array de { columnKey, direction }
+ *   - `toggle(columnKey)`: cicla asc → desc → off (remove)
+ *   - `set(columnKey, direction)`: força um valor
+ *   - `remove(columnKey)`: remove a ordenação de uma coluna
+ *   - `clear()`: zera
+ *   - `replaceAll(next)`: substitui
+ *   - `count`: tamanho da lista
+ *   - `directionOf(columnKey)`: lookup helper
+ */
+export declare function useToolbarSort(options?: UseToolbarSortOptions): {
+    readonly list: ToolbarSortEntry[];
+    readonly toggle: (columnKey: string) => void;
+    readonly set: (columnKey: string, direction: SortDirection) => void;
+    readonly remove: (columnKey: string) => void;
+    readonly clear: () => void;
+    readonly replaceAll: (next: ToolbarSortEntry[]) => void;
+    readonly count: number;
+    readonly directionOf: (columnKey: string) => SortDirection | undefined;
+};
+//# sourceMappingURL=use-toolbar-sort.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/hooks/use-toolbar-sort.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toolbar-sort.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/hooks/use-toolbar-sort.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAG5D,YAAY,EAAE,aAAa,EAAE,CAAC;AAE9B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,aAAa,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAAC,OAAO,CAAC,EAAE,qBAAqB;;iCAK9C,MAAM;8BAwBN,MAAM,aAAa,aAAa;iCAgBP,MAAM;;gCAMpC,gBAAgB,EAAE;;sCAKb,MAAM,KAAG,aAAa,GAAG,SAAS;EAejD"}

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

@@ -0,0 +1,46 @@
+export { TableToolbar } from './table-toolbar';
+export type { TableToolbarProps } from './table-toolbar';
+export { ToolbarSearch } from './parts/toolbar-search';
+export type { ToolbarSearchProps } from './parts/toolbar-search';
+export { ToolbarDivider } from './parts/toolbar-divider';
+export type { ToolbarDividerProps } from './parts/toolbar-divider';
+export { ToolbarSegmented } from './parts/toolbar-segmented';
+export type { ToolbarSegmentedProps } from './parts/toolbar-segmented';
+export { ToolbarTabs } from './parts/toolbar-tabs';
+export type { ToolbarTabsProps } from './parts/toolbar-tabs';
+export { ToolbarToolButton, ToolbarSaveButton, } from './parts/toolbar-tool-button';
+export type { ToolbarToolButtonProps, ToolbarSaveButtonProps, } from './parts/toolbar-tool-button';
+export { ToolbarApplied } from './parts/toolbar-applied';
+export type { ToolbarAppliedProps } from './parts/toolbar-applied';
+/**
+ * Mobile collapse pattern — consumido pelo `<DataTable>` automaticamente
+ * (controles secundários colapsam em viewports < md). Também disponível
+ * pra `<TableToolbar>` custom: usar `ToolbarMobileDialog` como icon button
+ * trigger e `ToolbarMobileSection` pra agrupar items dentro do dialog.
+ *
+ * `ToolbarMobileSheet` é alias legado de `ToolbarMobileDialog` (mesmo componente).
+ */
+export { ToolbarMobileDialog, ToolbarMobileSheet, ToolbarMobileSection, } from './parts/toolbar-mobile-sheet';
+export type { ToolbarMobileDialogProps, ToolbarMobileSheetProps, ToolbarMobileSectionProps, } from './parts/toolbar-mobile-sheet';
+export { BulkActionsBar, BulkActionButton } from './parts/bulk-actions-bar';
+export type { BulkActionsBarProps, BulkActionButtonProps, } from './parts/bulk-actions-bar';
+export type { ToolbarSegmentedItem, ToolbarTab, AppliedFilter, AppliedFilterOp, SortDirection, } from './table-toolbar.types';
+export { MoreMenu, MoreMenuItem, MoreMenuCheckboxItem, MoreMenuRadioGroup, MoreMenuRadioItem, MoreMenuSeparator, MoreMenuLabel, } from './popovers/more-menu';
+export type { MoreMenuProps } from './popovers/more-menu';
+export { ColsPopover } from './popovers/cols-popover';
+export type { ColsPopoverProps, ColsPopoverColumn, } from './popovers/cols-popover';
+export { SortPopover } from './popovers/sort-popover';
+export type { SortPopoverProps, SortPopoverColumn, SortPopoverCriterion, } from './popovers/sort-popover';
+export { ViewsPopover } from './popovers/views-popover';
+export type { ViewsPopoverProps, ViewsPopoverView, } from './popovers/views-popover';
+export { AddViewModal } from './popovers/add-view-modal';
+export type { AddViewModalProps, AddViewModalSubmit, } from './popovers/add-view-modal';
+export { TableToolbarViews } from './parts/table-toolbar-views';
+export type { TableToolbarViewsProps, TableToolbarViewsItem, } from './parts/table-toolbar-views';
+export { FilterPopover, DEFAULT_FILTER_OPERATORS, } from './popovers/filter-popover';
+export type { FilterPopoverProps, FilterPopoverColumn, FilterPopoverOperator, FilterPopoverEntry, } from './popovers/filter-popover';
+export { useToolbarFilters } from './hooks/use-toolbar-filters';
+export type { ToolbarFilterEntry, UseToolbarFiltersOptions, } from './hooks/use-toolbar-filters';
+export { useToolbarSort } from './hooks/use-toolbar-sort';
+export type { ToolbarSortEntry, UseToolbarSortOptions, } from './hooks/use-toolbar-sort';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/TableToolbar/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGzD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAEjE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,YAAY,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAEvE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,OAAO,EACL,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,6BAA6B,CAAC;AACrC,YAAY,EACV,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEnE;;;;;;;GAOG;AACH,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EACV,wBAAwB,EACxB,uBAAuB,EACvB,yBAAyB,GAC1B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,YAAY,EACV,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,0BAA0B,CAAC;AAGlC,YAAY,EACV,oBAAoB,EACpB,UAAU,EACV,aAAa,EACb,eAAe,EACf,aAAa,GACd,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,GACd,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,YAAY,EACV,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,YAAY,EACV,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,YAAY,EACV,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,YAAY,EACV,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,YAAY,EACV,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EACL,aAAa,EACb,wBAAwB,GACzB,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,2BAA2B,CAAC;AAGnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,YAAY,EACV,kBAAkB,EAClB,wBAAwB,GACzB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,YAAY,EACV,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,0BAA0B,CAAC"}

package/dist-lib/src/components/ui/TableToolbar/parts/bulk-actions-bar.d.ts

@@ -0,0 +1,56 @@
+import { ReactNode } from 'react';
+/**
+ * BulkActionsBar — barra de ações em massa (versão da toolbar quando há
+ * itens selecionados na tabela).
+ *
+ * Visual alinhado com `.tbl-bulk-bar` do design-and-table-v2:
+ *   - fundo brand-subtle, borda brand, radius xl
+ *   - contagem à esquerda (ícone Check + label dinâmica)
+ *   - ações no meio (botões outline primary; danger usa soft critical)
+ *   - link "Cancelar seleção" no final
+ *
+ * Renderização condicional: quando `count === 0`, retorna `null`.
+ * Use como `bulkBar` prop do `<TableToolbar>` pra trocar a view inteira,
+ * ou renderize solto onde precisar.
+ */
+export type BulkActionsBarProps = {
+    /** Quantidade de itens selecionados. Quando 0, o componente não renderiza. */
+    count: number;
+    /**
+     * Label da contagem. Default: `${count} selecionado(s)`.
+     * Recebe `count` pra você customizar singular/plural.
+     */
+    countLabel?: (count: number) => ReactNode;
+    /** Callback do link "Cancelar seleção". */
+    onClear?: () => void;
+    /** Texto do link de limpar. Default: "Cancelar seleção". */
+    clearLabel?: ReactNode;
+    /** Ações da barra — use `<BulkActionButton>` ou compose como quiser. */
+    children?: ReactNode;
+    className?: string;
+};
+export declare function BulkActionsBar({ count, countLabel, onClear, clearLabel, children, className, }: BulkActionsBarProps): import("react/jsx-runtime").JSX.Element | null;
+export type BulkActionButtonProps = {
+    icon?: ReactNode;
+    children?: ReactNode;
+    /** "default" usa primary outline; "danger" usa critical soft. */
+    variant?: "default" | "danger";
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    disabled?: boolean;
+    className?: string;
+    /** aria-label quando só ícone. */
+    "aria-label"?: string;
+};
+/**
+ * Helper que padroniza o botão de ação dentro da bulk bar.
+ * Usa `<Button>` do DS por baixo, com shape="pill":
+ *
+ *   default → primary outline pill xs
+ *     - light: bg-surface + border-brand + fg-brand
+ *     - dark : bg transparente + border + fg-brand (verde brilhante)
+ *
+ *   danger  → critical soft pill xs
+ *     - light/dark: bg-danger-muted + fg-danger (sem overrides)
+ */
+export declare function BulkActionButton({ icon, children, variant, onClick, disabled, className, ...rest }: BulkActionButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=bulk-actions-bar.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/parts/bulk-actions-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bulk-actions-bar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/parts/bulk-actions-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,8EAA8E;IAC9E,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC1C,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,UAAU,EACV,OAAO,EACP,UAA+B,EAC/B,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,kDA0BrB;AAID,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iEAAiE;IACjE,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,OAAmB,EACnB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAuBvB"}

package/dist-lib/src/components/ui/TableToolbar/parts/table-toolbar-views.d.ts

@@ -0,0 +1,74 @@
+import { ReactNode } from 'react';
+import { ViewsPopoverView } from '../popovers/views-popover';
+import { AddViewModalSubmit } from '../popovers/add-view-modal';
+/** ID fixo da tab "Default" — virtual (nao tem entrada no storage). */
+export declare const DEFAULT_VIEW_ID = "__default__";
+export type TableToolbarViewsItem = ViewsPopoverView;
+export type TableToolbarViewsProps = {
+    /** Lista completa de views salvas (sem Default — esse e injetado internamente). */
+    views: TableToolbarViewsItem[];
+    /** ID da view atualmente aplicada. `null`/`undefined` ⇒ tab Default ativa. */
+    activeViewId?: string | null;
+    /** Aplicar uma view (click numa tab OU click num item do popover). */
+    onApply: (id: string) => void;
+    /** Resetar pra "Default" (limpar filtros, sort, cols, density). */
+    onApplyDefault: () => void;
+    /**
+     * Excluir PERMANENTEMENTE uma view do storage. So eh chamado apos
+     * confirmacao via AlertModal danger — disparado pelo lixinho no popover.
+     *
+     * X em tab NAO chama isso (apenas remove da barra — view continua salva).
+     */
+    onDelete: (id: string) => void | Promise<void>;
+    /** Disparado quando user salva uma nova view via modal. */
+    onSave: (data: AddViewModalSubmit) => void | Promise<void>;
+    /** Quantas tabs ficam visiveis (incluindo Default). Default 3 — Default + ate 2 views customizadas. */
+    maxTabs?: number;
+    /** Key que identifica views "minhas" (default `"me"`). Controla X em tab e delete no popover. */
+    myOwnerKey?: string;
+    /** Slot opcional pra divider antes das tabs (default renderiza um ToolbarDivider). */
+    divider?: ReactNode;
+    /** Esconde o divider default — usado quando ja ha um divider adjacente. */
+    hideDivider?: boolean;
+};
+/**
+ * TableToolbarViews — **compound component** (smart) de Saved Views.
+ *
+ * ⚠️ **Pattern compound smart** — este é um dos POUCOS componentes do TableToolbar
+ * que mantém estado interno (`tabViewIds`, `addModalOpen`, `confirmDeleteView`).
+ * É uma exceção consciente ao princípio dumb do toolbar: orquestra 4 filhos
+ * (ToolbarTabs + ViewsPopover + AddViewModal + AlertModal) como "bloco pronto".
+ *
+ * **Quando usar este compound**: caso de uso saved views completo (CRM admin).
+ * **Quando NÃO usar**: se precisar reordenar/customizar a interação entre os
+ * 4 filhos, COMPONHA OS PARTS DIRETAMENTE — ToolbarTabs + ViewsPopover +
+ * AddViewModal + AlertModal são exportados standalone pelo TableToolbar. Você
+ * controla os 4 states (open, deleting, etc) e a ordem visual.
+ *
+ * Renderiza no slot esquerdo do TableToolbar:
+ *   1. ToolbarDivider
+ *   2. ToolbarTabs com "Default" + ate (maxTabs - 1) views como tabs
+ *      - Default sem X (custom: false)
+ *      - Views minhas com X — X apenas remove da barra (view continua salva)
+ *   3. ViewsPopover via ToolbarSaveButton "+"
+ *      - Click no item: pina como tab + aplica + fecha popover
+ *      - Lixinho no item: abre AlertModal danger pra exclusao definitiva
+ *      - Footer "Salvar visao atual": abre AddViewModal mode create
+ *   4. AddViewModal (estado interno) — disparado pelo footer do popover
+ *   5. AlertModal danger (estado interno) — confirma exclusao definitiva
+ *
+ * Distinção crítica:
+ *   - X em tab            → unpin (cosmetico, view fica no popover/storage)
+ *   - Lixinho no popover  → confirm + delete permanente (chama onDelete)
+ *
+ * Comportamento de pin (push-out):
+ *   - `tabViewIds` eh um state local com as view IDs que ocupam slots de tab.
+ *   - Inicializa com as (maxTabs - 1) primeiras views.
+ *   - Click numa view que NAO esta como tab: pina (push out da ultima se cheio).
+ *   - X em tab: remove o ID daqui (sem promover proxima).
+ *   - View deletada permanente: remove o ID daqui (se estiver).
+ *   - View nova criada: anexa se ha slot livre.
+ *   - Re-mount (reload) reseta — pega as N-1 primeiras de novo.
+ */
+export declare function TableToolbarViews({ views, activeViewId, onApply, onApplyDefault, onDelete, onSave, maxTabs, myOwnerKey, divider, hideDivider, }: TableToolbarViewsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=table-toolbar-views.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/parts/table-toolbar-views.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-toolbar-views.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/parts/table-toolbar-views.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK7E,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,4BAA4B,CAAC;AAGpC,uEAAuE;AACvE,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAE7C,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,CAAC;AAErD,MAAM,MAAM,sBAAsB,GAAG;IACnC,mFAAmF;IACnF,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,sEAAsE;IACtE,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,mEAAmE;IACnE,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,2DAA2D;IAC3D,MAAM,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3D,uGAAuG;IACvG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iGAAiG;IACjG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sFAAsF;IACtF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,YAAY,EACZ,OAAO,EACP,cAAc,EACd,QAAQ,EACR,MAAM,EACN,OAAW,EACX,UAAiB,EACjB,OAAO,EACP,WAAW,GACZ,EAAE,sBAAsB,2CA0JxB"}

package/dist-lib/src/components/ui/TableToolbar/parts/toolbar-applied.d.ts

@@ -0,0 +1,51 @@
+import { ReactNode } from 'react';
+import { AppliedFilter } from '../table-toolbar.types';
+/** Helper exportado pra renderizar um valor como tag estilizada — uso em renderChip custom. */
+export declare const toolbarAppliedTagClass: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export type ToolbarAppliedProps = {
+    filters: AppliedFilter[];
+    onRemove: (id: string) => void;
+    onClearAll?: () => void;
+    /** Label do link "Limpar todos". Default "Limpar todos". Passe `null` pra esconder. */
+    clearLabel?: React.ReactNode | null;
+    /** Mapa operador → símbolo exibido (ex: { eq: "=", contains: "contém" }) */
+    opLabels?: Partial<Record<string, string>>;
+    /**
+     * Render custom do chip — recebe o chip default (`<span>` com a estrutura
+     * padrao) e permite envolver (ex: com PopoverTrigger). Use pra adicionar
+     * comportamento (click reabre edicao) mantendo o layout visual.
+     *
+     * 2º param `isPendingOpen` informa se este chip está marcado como
+     * "abrir popover automaticamente" via `pendingOpenId` — consumer usa pra
+     * controlar `open={isPendingOpen}` do Popover wrapper.
+     */
+    renderChip?: (filter: AppliedFilter, defaultChip: ReactNode, isPendingOpen: boolean) => ReactNode;
+    /**
+     * Mostra separator (margem-topo + border) entre o toolbar header e os chips.
+     * Default `true` (uso standalone). Setar `false` quando ja ha gap externo
+     * (ex: dentro do DataTable que controla espacamento via wrapper).
+     */
+    separator?: boolean;
+    /**
+     * ID de chip que deve abrir popover automaticamente (controlled).
+     * Quando definido, `renderChip` recebe `isPendingOpen=true` pro chip
+     * com `filter.id === pendingOpenId`. Pattern usado pra "filter shortcut"
+     * do header — clicar ícone na coluna abre o popover do chip aqui.
+     */
+    pendingOpenId?: string | null;
+    /** Disparado quando o pending muda (null = popover fechado ou cleared). */
+    onPendingOpenIdChange?: (next: string | null) => void;
+    className?: string;
+};
+/**
+ * ToolbarApplied — chips dos filtros aplicados (renderiza embaixo da toolbar).
+ *
+ * Quando `filters` está vazio, retorna `null` (sem render).
+ * Cada chip tem: [X remove] [Nome] [Operador] [Valor formatado]
+ * Link "Limpar todos" à direita se houver mais de 0 filtros.
+ *
+ * Componente dumb: o consumer mantém o array de filtros e implementa o
+ * delete/clear. Para gerenciar estado com menos boilerplate, veja `useToolbarFilters`.
+ */
+export declare function ToolbarApplied({ filters, onRemove, onClearAll, clearLabel, opLabels, renderChip, separator, pendingOpenId, className, }: ToolbarAppliedProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=toolbar-applied.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/parts/toolbar-applied.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-applied.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/parts/toolbar-applied.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC,OAAO,KAAK,EAAE,aAAa,EAAmB,MAAM,wBAAwB,CAAC;AAE7E,+FAA+F;AAC/F,eAAO,MAAM,sBAAsB,sMAA0B,CAAC;AAE9D,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,uFAAuF;IACvF,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IACpC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC3C;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,CACX,MAAM,EAAE,aAAa,EACrB,WAAW,EAAE,SAAS,EACtB,aAAa,EAAE,OAAO,KACnB,SAAS,CAAC;IACf;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,2EAA2E;IAC3E,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAUF;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,UAAU,EACV,UAA2B,EAC3B,QAAQ,EACR,UAAU,EACV,SAAgB,EAChB,aAAa,EACb,SAAS,GACV,EAAE,mBAAmB,kDAyDrB"}

package/dist-lib/src/components/ui/TableToolbar/parts/toolbar-divider.d.ts

@@ -0,0 +1,6 @@
+export type ToolbarDividerProps = React.HTMLAttributes<HTMLSpanElement>;
+/**
+ * Divisor vertical 1px × 24px usado entre grupos da toolbar.
+ */
+export declare function ToolbarDivider({ className, ...props }: ToolbarDividerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=toolbar-divider.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/parts/toolbar-divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-divider.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/parts/toolbar-divider.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;AAExE;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAQ1E"}

package/dist-lib/src/components/ui/TableToolbar/parts/toolbar-mobile-sheet.d.ts

@@ -0,0 +1,82 @@
+import { ReactNode } from 'react';
+export type ToolbarMobileDialogProps = {
+    /**
+     * Conteúdo do dialog — geralmente uma stack vertical com `ToolbarMobileSection`,
+     * segmented groups, e botões outline fullWidth.
+     */
+    children: ReactNode;
+    /** Trigger custom. Se omitido, usa um Button outline icon-md com ícone Sliders. */
+    trigger?: ReactNode;
+    /**
+     * Título (acessibilidade — fica visually-hidden por default pra não competir
+     * com o conteúdo). Default "Filtros e ações".
+     */
+    title?: string;
+    /** Estado controlado. Se omitido, gerencia internamente. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Breakpoint acima do qual o trigger fica escondido (= "desktop").
+     * Default: `"md"` (≥768px esconde). Use `"xl"` (≥1280px) pra colapsar mais
+     * cedo em laptops onde a toolbar começa a quebrar em multi-linha.
+     */
+    desktopBreakpoint?: "md" | "lg" | "xl" | "2xl";
+    /**
+     * className aplicada no trigger wrapper. Default vem com `{breakpoint}:hidden`
+     * (só aparece abaixo do breakpoint). Passe override se precisar.
+     */
+    className?: string;
+    /** className do DialogContent (caso queira ajustar largura ou padding) */
+    contentClassName?: string;
+};
+/**
+ * ToolbarMobileDialog — modal centralizado pra colapsar actions da toolbar em mobile.
+ *
+ * Visual alinhado com o `<CommandDialog>` do shadcn: 384px, radius 12px,
+ * border-default + outline-float (halo), sem header visível, conteúdo direto.
+ *
+ * Padrão de uso:
+ *
+ *   <TableToolbar
+ *     actions={
+ *       <>
+ *         <div className="hidden md:flex ...">{...desktop...}</div>
+ *         <ToolbarMobileDialog>
+ *           <ToolbarMobileSection title="Densidade">
+ *             <ToolbarSegmented fluid ... />
+ *           </ToolbarMobileSection>
+ *           ...
+ *         </ToolbarMobileDialog>
+ *       </>
+ *     }
+ *   />
+ *
+ * Fecha com ESC ou click no overlay (default do Radix Dialog). Não tem botão X
+ * pra manter o visual limpo do Command.
+ */
+export declare function ToolbarMobileDialog({ children, trigger, title, open: openProp, onOpenChange, desktopBreakpoint, className, contentClassName, }: ToolbarMobileDialogProps): import("react/jsx-runtime").JSX.Element;
+/** Alias legado — usar `ToolbarMobileDialog`. */
+export declare const ToolbarMobileSheet: typeof ToolbarMobileDialog;
+export type ToolbarMobileSheetProps = ToolbarMobileDialogProps;
+/**
+ * ToolbarMobileSection — grupo lógico dentro do `ToolbarMobileDialog`.
+ * Title sutil (peso medium, sem caps), conteúdo empilhado.
+ *
+ *   <ToolbarMobileSection title="Densidade">
+ *     <ToolbarSegmented fluid ... />
+ *   </ToolbarMobileSection>
+ *
+ *   <ToolbarMobileSection title="Ações">
+ *     <Button color="secondary" variant="outline" iconLeft={<Filter />} fullWidth
+ *             className="justify-start">
+ *       Filtrar
+ *     </Button>
+ *   </ToolbarMobileSection>
+ */
+export type ToolbarMobileSectionProps = {
+    title?: ReactNode;
+    children: ReactNode;
+    className?: string;
+};
+export declare function ToolbarMobileSection({ title, children, className, }: ToolbarMobileSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=toolbar-mobile-sheet.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/parts/toolbar-mobile-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-mobile-sheet.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/parts/toolbar-mobile-sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWxD,MAAM,MAAM,wBAAwB,GAAG;IACrC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB,mFAAmF;IACnF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAC/C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAaF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,OAAO,EACP,KAAyB,EACzB,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,iBAAwB,EACxB,SAAS,EACT,gBAAgB,GACjB,EAAE,wBAAwB,2CAwC1B;AAED,iDAAiD;AACjD,eAAO,MAAM,kBAAkB,4BAAsB,CAAC;AACtD,MAAM,MAAM,uBAAuB,GAAG,wBAAwB,CAAC;AAE/D;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,yBAAyB,2CAS3B"}

package/dist-lib/src/components/ui/TableToolbar/parts/toolbar-search.d.ts

@@ -0,0 +1,21 @@
+export type ToolbarSearchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    /** className do wrapper (não do input) */
+    wrapperClassName?: string;
+    /** Largura expandida quando focus ou tem value. Default true. */
+    autoExpand?: boolean;
+};
+/**
+ * ToolbarSearch — input de busca compacto que expande no foco / quando tem valor.
+ *
+ * Wrapper é um `<label>` semântico — clicar em qualquer parte (ícone, espaço
+ * vazio, etc) foca o input nativamente. Sem JS necessário.
+ *
+ * Dumb: estado vem de fora via `value` + `onChange`.
+ */
+export declare const ToolbarSearch: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    /** className do wrapper (não do input) */
+    wrapperClassName?: string;
+    /** Largura expandida quando focus ou tem value. Default true. */
+    autoExpand?: boolean;
+} & import('react').RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=toolbar-search.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/parts/toolbar-search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-search.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/parts/toolbar-search.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,CACP,GAAG;IACF,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa;IAdxB,0CAA0C;uBACvB,MAAM;IACzB,iEAAiE;iBACpD,OAAO;oDA0CrB,CAAC"}

package/dist-lib/src/components/ui/TableToolbar/parts/toolbar-segmented.d.ts

@@ -0,0 +1,21 @@
+import { ToolbarSegmentedItem } from '../table-toolbar.types';
+export type ToolbarSegmentedProps<TValue extends string = string> = {
+    /** Valor atualmente selecionado */
+    value: TValue;
+    onValueChange: (value: TValue) => void;
+    items: ToolbarSegmentedItem<TValue>[];
+    /** Aria-label do radiogroup */
+    ariaLabel?: string;
+    /** Quando `true`, ocupa toda a largura disponível e cada item vira flex-1. */
+    fluid?: boolean;
+    className?: string;
+};
+/**
+ * ToolbarSegmented — grupo de botões segmentado (track bg-muted, item ativo bg-accent).
+ * Padrão usado por: density-toggle (3 níveis), view-mode-toggle (table/kanban).
+ *
+ * `fluid` faz o grupo ocupar 100% do pai e cada item dividir o espaço igualmente
+ * (útil em sheet/drawer mobile).
+ */
+export declare function ToolbarSegmented<TValue extends string = string>({ value, onValueChange, items, ariaLabel, fluid, className, }: ToolbarSegmentedProps<TValue>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=toolbar-segmented.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/parts/toolbar-segmented.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-segmented.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/parts/toolbar-segmented.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAEnE,MAAM,MAAM,qBAAqB,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,IAAI;IAClE,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,oBAAoB,CAAC,MAAM,CAAC,EAAE,CAAC;IACtC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,EAAE,EAC/D,KAAK,EACL,aAAa,EACb,KAAK,EACL,SAAS,EACT,KAAK,EACL,SAAS,GACV,EAAE,qBAAqB,CAAC,MAAM,CAAC,2CA4B/B"}

package/dist-lib/src/components/ui/TableToolbar/parts/toolbar-tabs.d.ts

@@ -0,0 +1,20 @@
+import { ToolbarTab } from '../table-toolbar.types';
+export type ToolbarTabsProps = {
+    tabs: ToolbarTab[];
+    activeId: string;
+    onSelect: (id: string) => void;
+    /** Callback do X em tabs custom. Se omitido, X não dispara nada (só visual). */
+    onClose?: (id: string) => void;
+    ariaLabel?: string;
+    /** Quando `true`, ocupa toda a largura disponível e cada tab vira flex-1. */
+    fluid?: boolean;
+    className?: string;
+};
+/**
+ * ToolbarTabs — grupo de view tabs salvas (Todos / Meus / Ativos / Royals…).
+ * Tabs com `custom: true` exibem botão X (escondido no rest, visível no hover do wrap).
+ *
+ * `fluid` faz cada tab dividir o espaço igualmente (útil em sheet/drawer mobile).
+ */
+export declare function ToolbarTabs({ tabs, activeId, onSelect, onClose, ariaLabel, fluid, className, }: ToolbarTabsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=toolbar-tabs.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/parts/toolbar-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-tabs.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/parts/toolbar-tabs.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEzD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,gFAAgF;IAChF,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAA0B,EAC1B,KAAK,EACL,SAAS,GACV,EAAE,gBAAgB,2CAyClB"}

package/dist-lib/src/components/ui/TableToolbar/parts/toolbar-tool-button.d.ts

@@ -0,0 +1,47 @@
+import { ReactNode } from 'react';
+export type ToolbarToolButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children" | "color"> & {
+    /** Ícone à esquerda */
+    icon?: ReactNode;
+    /** Label do botão. Se omitido, vira icon-only (40×40). */
+    label?: ReactNode;
+    /** Borda+texto em brand (estado "tem filtros aplicados") */
+    isActive?: boolean;
+    /** Mostra dot indicator no canto superior direito (filtros aplicados) */
+    hasIndicator?: boolean;
+};
+/**
+ * ToolbarToolButton — botão usado nas actions da toolbar (Filtrar/Exportar/Ordenar/Cols/More).
+ *
+ * **Implementação:** usa `<Button>` do DS por baixo. Visual vem direto do Button
+ * (`secondary outline` no rest, `primary soft` em isActive). Só adicionamos
+ * `border-border-brand` no isActive (variant soft não tem border) e wrapper
+ * `relative` pra ancorar o dot indicator.
+ *
+ * Variantes:
+ *   - Com label → size="md"
+ *   - Sem label → size="icon-md" (40×40)
+ *   - isActive → primary soft com border-brand
+ *   - hasIndicator → dot brand absoluto no canto
+ */
+export declare const ToolbarToolButton: import('react').ForwardRefExoticComponent<Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "color" | "children"> & {
+    /** Ícone à esquerda */
+    icon?: ReactNode;
+    /** Label do botão. Se omitido, vira icon-only (40×40). */
+    label?: ReactNode;
+    /** Borda+texto em brand (estado "tem filtros aplicados") */
+    isActive?: boolean;
+    /** Mostra dot indicator no canto superior direito (filtros aplicados) */
+    hasIndicator?: boolean;
+} & import('react').RefAttributes<HTMLButtonElement>>;
+export type ToolbarSaveButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color"> & {
+    isOpen?: boolean;
+};
+/**
+ * ToolbarSaveButton — botão "+" pra abrir o popover de visões salvas.
+ * Usa `<Button>` do DS (variant=ghost, size=icon-md). Quando `isOpen`,
+ * aplica o visual de hover persistente.
+ */
+export declare const ToolbarSaveButton: import('react').ForwardRefExoticComponent<Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "color"> & {
+    isOpen?: boolean;
+} & import('react').RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=toolbar-tool-button.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/parts/toolbar-tool-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-tool-button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/parts/toolbar-tool-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKnD,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,UAAU,GAAG,OAAO,CACrB,GAAG;IACF,uBAAuB;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,iBAAiB;IAxB5B,uBAAuB;WAChB,SAAS;IAChB,0DAA0D;YAClD,SAAS;IACjB,4DAA4D;eACjD,OAAO;IAClB,yEAAyE;mBAC1D,OAAO;qDAuDvB,CAAC;AAKF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,OAAO,CACR,GAAG;IACF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;aARnB,OAAO;qDAyBhB,CAAC"}