/** * @fileoverview Saasflare DataToolbar — toolbar for data views with search, filters, and actions. * @module packages/ui/components/ui/data-toolbar * @layer core * * A flexible toolbar layout for tables, lists, and data grids. * Provides slots for search, filters, view toggles, and bulk actions. * * @example * import { DataToolbar, DataToolbarSearch, DataToolbarActions, DataToolbarFilters } from "@saasflare/ui"; * * * * * * * * * * */ import * as React from "react"; import { type SaasflareComponentProps } from "../../providers"; /** * Props for {@link DataToolbar}. * * Extends the native div props with {@link SaasflareComponentProps}, so * `surface`, `radius`, `animated`, and `iconWeight` can be supplied * per-instance or inherited from . */ interface DataToolbarProps extends Omit, keyof SaasflareComponentProps>, SaasflareComponentProps { } /** Props for {@link DataToolbarSearch}. */ interface DataToolbarSearchProps extends Omit, keyof SaasflareComponentProps>, SaasflareComponentProps { } /** Props for {@link DataToolbarFilters}. */ interface DataToolbarFiltersProps extends Omit, keyof SaasflareComponentProps>, SaasflareComponentProps { } /** Props for {@link DataToolbarActions}. */ interface DataToolbarActionsProps extends Omit, keyof SaasflareComponentProps>, SaasflareComponentProps { } /** * Toolbar container for data views. * * @component * @layer core * * @example * * * * * * */ declare function DataToolbar({ className, surface, radius, animated, iconWeight, ...props }: DataToolbarProps): import("react/jsx-runtime").JSX.Element; /** * Search slot within the data toolbar. * * @component * @layer core * * @example * * * */ declare function DataToolbarSearch({ className, surface, radius, animated, iconWeight, ...props }: DataToolbarSearchProps): import("react/jsx-runtime").JSX.Element; /** * Filters slot within the data toolbar. * * @component * @layer core * * @example * * * */ declare function DataToolbarFilters({ className, surface, radius, animated, iconWeight, ...props }: DataToolbarFiltersProps): import("react/jsx-runtime").JSX.Element; /** * Actions slot within the data toolbar (right-aligned). * * @component * @layer core * * @example * * * */ declare function DataToolbarActions({ className, surface, radius, animated, iconWeight, ...props }: DataToolbarActionsProps): import("react/jsx-runtime").JSX.Element; export { DataToolbar, DataToolbarSearch, DataToolbarFilters, DataToolbarActions, type DataToolbarProps, type DataToolbarSearchProps, type DataToolbarFiltersProps, type DataToolbarActionsProps, };