@snksergio/design-system 0.5.0 → 0.17.0

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

@@ -0,0 +1,60 @@
+import { ReactNode } from 'react';
+/** Item de um menu dropdown (ou do colapso mobile). */
+export type ToolbarActionMenuItem = {
+    label: ReactNode;
+    icon?: ReactNode;
+    onClick?: () => void;
+    /** Marca o item como selecionado (ex.: período corrente). */
+    active?: boolean;
+    destructive?: boolean;
+    disabled?: boolean;
+    separator?: boolean;
+};
+type ActionBase = {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+};
+/**
+ * Ação custom do toolbar. Três formas — todas colapsam no ⋯ no mobile:
+ * - `button`   → botão de ação.
+ * - `dropdown` → botão com menu (ex.: trocar período).
+ * - `input`    → campo de texto compacto (ex.: busca secundária).
+ */
+export type ToolbarAction = (ActionBase & {
+    kind: "button";
+    onClick: () => void;
+    isActive?: boolean;
+    disabled?: boolean;
+}) | (ActionBase & {
+    kind: "dropdown";
+    items: ToolbarActionMenuItem[];
+    /** Esconde o chevron ▾ ao lado do label (default false). */
+    hideChevron?: boolean;
+}) | (ActionBase & {
+    kind: "input";
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+});
+export type ToolbarActionsProps = {
+    /** Ações custom do consumer (button/dropdown/input). */
+    actions: ToolbarAction[];
+    /**
+     * Itens extras que entram SÓ no menu ⋯ do mobile (ex.: os `moreActions`
+     * antigos) — assim tudo colapsa num único ⋯ em telas pequenas.
+     */
+    extraItems?: ToolbarActionMenuItem[];
+    className?: string;
+};
+/**
+ * ToolbarActions — slot de ações custom do toolbar (DataTable / DataList).
+ *
+ * Desktop (≥ md): renderiza as ações inline (button/dropdown/input).
+ * Mobile  (< md): colapsa tudo num único ⋯ — buttons viram item, dropdowns
+ * viram um grupo (label + itens), inputs viram um campo dentro do menu. Os
+ * `extraItems` (ex.: o ⋯ antigo) entram no mesmo menu, evitando dois ⋯.
+ */
+export declare function ToolbarActions({ actions, extraItems, className, }: ToolbarActionsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=toolbar-actions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-actions.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/parts/toolbar-actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBvC,uDAAuD;AACvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,UAAU,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAElE;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GACrB,CAAC,UAAU,GAAG;IACZ,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,GACF,CAAC,UAAU,GAAG;IACZ,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,4DAA4D;IAC5D,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC,GACF,CAAC,UAAU,GAAG;IACZ,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC,CAAC;AAEP,MAAM,MAAM,mBAAmB,GAAG;IAChC,wDAAwD;IACxD,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAqFF;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,UAAU,EACV,SAAS,GACV,EAAE,mBAAmB,kDA8FrB"}

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;AAoBF;;;;;;;;;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,kDAiErB"}

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-filter-button.d.ts

@@ -0,0 +1,18 @@
+export type ToolbarFilterButtonProps = {
+    /** Borda+texto em brand (há filtros aplicados). */
+    isActive?: boolean;
+    /** Dot indicator no canto (há filtros aplicados). */
+    hasIndicator?: boolean;
+    onClick?: () => void;
+    /** Override do rótulo acessível. Default "Filtros". */
+    ariaLabel?: string;
+};
+/**
+ * ToolbarFilterButton — botão de Filtros PADRÃO (funil, icon-only).
+ *
+ * Fonte única pro botão de filtro simples do `DataTable` e do `DataList`, pra o
+ * ícone/affordance virem do componente (sem cada consumer escolher o ícone e
+ * divergir). Abre o drawer/popover de filtro via `onClick`.
+ */
+export declare function ToolbarFilterButton({ isActive, hasIndicator, onClick, ariaLabel, }: ToolbarFilterButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=toolbar-filter-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-filter-button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/parts/toolbar-filter-button.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,wBAAwB,GAAG;IACrC,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,SAAqB,GACtB,EAAE,wBAAwB,2CAW1B"}

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

@@ -0,0 +1,63 @@
+import { FilterPopoverColumn, FilterPopoverEntry, FilterPopoverOperator, FilterPopoverProps } from '../popovers/filter-popover';
+import { UseToolbarFilterControlResult } from '../hooks/use-toolbar-filter-control';
+import { FilterModel } from '../../DataTable/data-table.types';
+/**
+ * ToolbarFilterControl — controle de filtros nativo da TableToolbar.
+ *
+ * Encapsula o pattern "split button + drawer + advanced popover" como
+ * único componente plug-and-play. Quando `enabled !== false` (default true),
+ * renderiza:
+ *   - **Primary** do ButtonGroup → abre `<ToolbarSimpleFilterDrawer>` lateral
+ *     (lista vertical de todos os campos filtráveis, aplicação LIVE, operator
+ *     inferido do filterType).
+ *   - **Chevron** do ButtonGroup → abre o `<FilterPopover>` (query builder
+ *     advanced com AND/OR, operadores explícitos, Adicionar condição).
+ *
+ * Quando `enabled === false`, renderiza apenas o `<FilterPopover>` legacy
+ * (botão único = abre o query builder direto). Útil pra reverter ao
+ * comportamento pré-v0.7 ou pra tabelas onde drawer não faz sentido.
+ *
+ * Não tem state interno — usa o hook `useToolbarFilterControl()` internamente.
+ * Se o consumer precisa controlar abertura externamente (ex: deep-link),
+ * passe `controlState` explicitamente.
+ */
+export type ToolbarFilterControlProps = {
+    /** Colunas filtráveis — vem do `useFilterPopoverAdapter` do DataTable. */
+    columns: FilterPopoverColumn[];
+    /** Entries atuais (filtros aplicados) — pra contagem e advanced popover. */
+    entries: FilterPopoverEntry[];
+    /** Handler de mudança das entries (consumer aplica no filterModel). */
+    onEntriesChange: (next: FilterPopoverEntry[]) => void;
+    /** FilterModel atual + setter — usado pelo drawer simple (aplicação LIVE). */
+    filterModel: FilterModel;
+    onFilterModelChange: (model: FilterModel) => void;
+    /**
+     * Liga o split button + drawer. **Default false** (opt-IN).
+     * Botão Filtros único abre query builder direto até consumer ativar.
+     * Quando `true`: Primary do split → drawer simple; Chevron → query builder.
+     */
+    enabled?: boolean;
+    /**
+     * Fields que NÃO aparecem no drawer (mesmo sendo filtráveis). Default [].
+     */
+    hiddenFields?: string[];
+    /** Override do título do drawer. Default "Filtros". */
+    drawerTitle?: string;
+    /** Tamanho do drawer. Default "md" (400px). */
+    drawerSize?: "sm" | "md" | "lg" | "xl";
+    /**
+     * Operators column-aware — restringe o dropdown do query builder aos
+     * operators do column-type. DataTable passa via `ColumnTypeRegistry`.
+     */
+    getOperatorsForColumn?: (column: FilterPopoverColumn) => FilterPopoverOperator[] | undefined;
+    /** Override do render do input de valor (registry-aware no DataTable). */
+    renderValueInput?: FilterPopoverProps["renderValueInput"];
+    /**
+     * State control externo (opcional). Se omitido, hook interno gerencia
+     * tudo automaticamente. Útil quando consumer precisa abrir drawer
+     * programaticamente (ex: query-param `?filters=true` → openSimple()).
+     */
+    controlState?: UseToolbarFilterControlResult;
+};
+export declare function ToolbarFilterControl({ columns, entries, onEntriesChange, filterModel, onFilterModelChange, enabled, hiddenFields, drawerTitle, drawerSize, getOperatorsForColumn, renderValueInput, controlState, }: ToolbarFilterControlProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=toolbar-filter-control.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-filter-control.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/parts/toolbar-filter-control.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EAEL,KAAK,6BAA6B,EACnC,MAAM,qCAAqC,CAAC;AAG7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAEpE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACtC,0EAA0E;IAC1E,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAE/B,4EAA4E;IAC5E,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,uEAAuE;IACvE,eAAe,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IAEtD,8EAA8E;IAC9E,WAAW,EAAE,WAAW,CAAC;IACzB,mBAAmB,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAElD;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAEvC;;;OAGG;IACH,qBAAqB,CAAC,EAAE,CACtB,MAAM,EAAE,mBAAmB,KACxB,qBAAqB,EAAE,GAAG,SAAS,CAAC;IAEzC,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;IAE1D;;;;OAIG;IACH,YAAY,CAAC,EAAE,6BAA6B,CAAC;CAC9C,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,OAAO,EACP,eAAe,EACf,WAAW,EACX,mBAAmB,EACnB,OAAe,EACf,YAAY,EACZ,WAAW,EACX,UAAU,EACV,qBAAqB,EACrB,gBAAgB,EAChB,YAAY,GACb,EAAE,yBAAyB,2CAiF3B"}

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,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWjD,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-settings-menu.d.ts

@@ -0,0 +1,54 @@
+import { ReactNode } from 'react';
+export type ToolbarSettingsMenuView = {
+    id: string;
+    name: ReactNode;
+};
+export type ToolbarSettingsMenuProps = {
+    /** Botão que abre o menu (ícone sliders). */
+    trigger: ReactNode;
+    /** Painel de ordenação (recebe `onBack`). Omitir → não mostra a seção. */
+    sortPanel?: (onBack: () => void) => ReactNode;
+    /** Painel de colunas (recebe `onBack`). */
+    colsPanel?: (onBack: () => void) => ReactNode;
+    /** Painel de filtros avançados (recebe `onBack`). */
+    filterPanel?: (onBack: () => void) => ReactNode;
+    /** Controle de densidade (segmented) renderizado inline no nível 0. */
+    density?: ReactNode;
+    /**
+     * Toggle de visualização (Kanban/Lista) — seção inline só-mobile (`md:hidden`).
+     * Passe o `<ToolbarSegmented fluid>` aqui pra ele aparecer no menu em <md.
+     */
+    mobileViewToggle?: ReactNode;
+    /**
+     * Toggle de EXIBIÇÃO da tabela no mobile (Linhas/Cards) — seção inline
+     * só-mobile (`md:hidden`). Eixo independente do `mobileViewToggle`
+     * (table/kanban): controla se a tabela renderiza como linhas ou cards.
+     */
+    mobileDisplayToggle?: ReactNode;
+    /**
+     * Visões pré-definidas — entrada drill-down só-mobile (`md:hidden`). Lista só
+     * as views default da montagem (sem salvas, sem adicionar). A selecionada
+     * aparece à direita da entrada.
+     */
+    mobileViews?: {
+        items: ToolbarSettingsMenuView[];
+        activeId?: string;
+        onSelect: (id: string) => void;
+    };
+    /** Título do nível 0. Default "Configurações da tabela". */
+    title?: ReactNode;
+    /** Labels das seções. */
+    densityLabel?: ReactNode;
+    sortLabel?: ReactNode;
+    colsLabel?: ReactNode;
+    filterLabel?: ReactNode;
+    viewToggleLabel?: ReactNode;
+    mobileDisplayLabel?: ReactNode;
+    viewsLabel?: ReactNode;
+    align?: "start" | "center" | "end";
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+};
+export declare function ToolbarSettingsMenu({ trigger, sortPanel, colsPanel, filterPanel, density, mobileViewToggle, mobileDisplayToggle, mobileViews, title, densityLabel, sortLabel, colsLabel, filterLabel, viewToggleLabel, mobileDisplayLabel, viewsLabel, align, open, onOpenChange, className, }: ToolbarSettingsMenuProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=toolbar-settings-menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-settings-menu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/parts/toolbar-settings-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAsCrE,MAAM,MAAM,uBAAuB,GAAG;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,6CAA6C;IAC7C,OAAO,EAAE,SAAS,CAAC;IAEnB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;IAC9C,2CAA2C;IAC3C,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;IAC9C,qDAAqD;IACrD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;IAEhD,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC;;;;OAIG;IACH,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,uBAAuB,EAAE,CAAC;QACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;KAChC,CAAC;IAEF,4DAA4D;IAC5D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,yBAAyB;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAqCF,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,SAAS,EACT,SAAS,EACT,WAAW,EACX,OAAO,EACP,gBAAgB,EAChB,mBAAmB,EACnB,WAAW,EACX,KAAiC,EACjC,YAA0B,EAC1B,SAAuB,EACvB,SAAqB,EACrB,WAAiC,EACjC,eAAgC,EAChC,kBAA+B,EAC/B,UAAqB,EACrB,KAAa,EACb,IAAI,EACJ,YAAY,EACZ,SAAS,GACV,EAAE,wBAAwB,2CAkI1B"}

package/dist-lib/src/components/ui/TableToolbar/parts/toolbar-simple-filter-drawer.d.ts

@@ -0,0 +1,47 @@
+import { FilterModel } from '../../DataTable/data-table.types';
+import { FilterPopoverColumn } from '../popovers/filter-popover';
+/**
+ * SimpleFilterDrawer — alternativa simplificada ao query builder do FilterPopover.
+ *
+ * Renderiza uma lista vertical com TODOS os campos filtráveis das colunas
+ * (cada linha: label da coluna + widget de filtro do column-type). Sem
+ * "Adicionar condição" — todos os campos estão sempre visíveis.
+ *
+ * Aplicação LIVE — não tem botão "Aplicar". Cada mudança no widget atualiza
+ * `filterModel` na hora (mesmo flow do filter shortcut do header). User vê
+ * a tabela filtrar enquanto edita.
+ *
+ * Comportamento:
+ *   - Cada coluna filtrável vira 1 linha (escondida se field listado em hiddenFields)
+ *   - Operator é INFERIDO automaticamente do filterType (multiSelect → isAnyOf,
+ *     text → contains, etc) — user não escolhe operator no drawer (pra isso,
+ *     existe o query builder via chevron)
+ *   - Footer: "Limpar todos" remove todos items do filterModel
+ *   - Drawer é non-modal — coexiste com tabela atrás
+ */
+export type ToolbarSimpleFilterDrawerProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Colunas filtráveis — vem do filterPopoverColumns do adapter. */
+    columns: FilterPopoverColumn[];
+    /** FilterModel atual + setter. */
+    filterModel: FilterModel;
+    onFilterModelChange: (model: FilterModel) => void;
+    /**
+     * Lista de field names que NÃO devem aparecer no drawer (mesmo sendo
+     * filtráveis). Útil pra ocultar filtros que só fazem sentido no advanced
+     * (ex: filtros internos). Default: array vazio (mostra todos).
+     */
+    hiddenFields?: string[];
+    /** Override do título do drawer. Default: "Filtros". */
+    title?: string;
+    /** Override da descrição do drawer. Default: contagem de filtros ativos. */
+    description?: string;
+    /**
+     * Tamanho do drawer. Default: "md" (400px). Use "lg" (560px) se há muitos
+     * campos com widgets largos (dates, multi-select com muitas options).
+     */
+    size?: "sm" | "md" | "lg" | "xl";
+};
+export declare function ToolbarSimpleFilterDrawer({ open, onOpenChange, columns, filterModel, onFilterModelChange, hiddenFields, title, description, size, }: ToolbarSimpleFilterDrawerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=toolbar-simple-filter-drawer.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/parts/toolbar-simple-filter-drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-simple-filter-drawer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/parts/toolbar-simple-filter-drawer.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAEV,WAAW,EAEZ,MAAM,kCAAkC,CAAC;AAO1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEtE;;;;;;;;;;;;;;;;;;GAkBG;AAEH,MAAM,MAAM,8BAA8B,GAAG;IAC3C,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC,mEAAmE;IACnE,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAE/B,kCAAkC;IAClC,WAAW,EAAE,WAAW,CAAC;IACzB,mBAAmB,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAElD;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAExB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAClC,CAAC;AAIF,wBAAgB,yBAAyB,CAAC,EACxC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,WAAW,EACX,mBAAmB,EACnB,YAAY,EACZ,KAAiB,EACjB,WAAW,EACX,IAAW,GACZ,EAAE,8BAA8B,2CAmLhC"}

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"}

package/dist-lib/src/components/ui/TableToolbar/popovers/add-view-modal.d.ts

@@ -0,0 +1,23 @@
+export type AddViewModalSubmit = {
+    name: string;
+    isPublic: boolean;
+};
+export type AddViewModalProps = {
+    /** Controlled open. */
+    open: boolean;
+    /** Callback de fechamento (X, ESC, overlay click, ou apos submit). */
+    onClose: () => void;
+    /** Disparado quando user clica em Salvar Visao com nome valido. */
+    onSubmit?: (data: AddViewModalSubmit) => void | Promise<void>;
+};
+/**
+ * Modal "Adicionar nova visao" — replica do sandbox /design-and-table-v2.
+ * Header: icon container (Eye) + titulo + sub + X custom no canto direito.
+ * Body: campo "Nome da visao" + toggle card "Tornar publica".
+ * Footer: Fechar (outline secondary) + Salvar Visao (primary, disabled se nome vazio).
+ *
+ * Reseta state ao fechar. Card toggle inteiro eh <label> — click em qualquer
+ * area liga o Switch. Enter no input dispara submit.
+ */
+export declare function AddViewModal({ open, onClose, onSubmit }: AddViewModalProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=add-view-modal.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/popovers/add-view-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-view-modal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/popovers/add-view-modal.tsx"],"names":[],"mappings":"AA6BA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,uBAAuB;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,sEAAsE;IACtE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC/D,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CA4F1E"}