@l3mpire/ui 2.24.1 → 2.25.0

package/USAGE.md

@@ -1041,6 +1041,39 @@ import {
 
 **Advanced filter shortcut:** the PropertySelector footer shows an "Advanced filter · N rule(s)" item. Clicking it closes the property selector and opens the advanced popover directly in its initial empty state — where the user picks the first property inline via a "Where | [Select property ▾]" draft row. When no advanced filters exist yet, clicking this shortcut makes the AdvancedChip appear with the popover already open; closing without adding a filter removes the chip automatically.
 
+**Two-row layout (full mode only):** when filters exist, `FilterSystem` splits into two rows so the top-right `actions` slot (Create / Import / Start tasks…) stays visible while the user edits filters.
+
+- **Row 1** (always): children (SearchBar), SortButton, Filters button on the left; `actions` on the right.
+- **Row 2** (conditional): filter chips, `+` add, `Clear` on the left; new `filterActions` slot on the right for Save/Discard controls that only make sense while editing.
+- The Filters button on Row 1 **opens the PropertySelector when no filters exist** and **toggles Row 2 visibility when filters exist**. The count badge always reflects `totalCount`.
+- When Row 2 first appears (totalCount 0 → 1) it's expanded by default. Use `defaultFiltersRowExpanded` (uncontrolled) or `filtersRowExpanded` + `onFiltersRowExpandedChange` (controlled) to override.
+- Minimal / icon modes are unchanged (single row, SummaryChip).
+
+```tsx
+<FilterSystem
+  properties={PROPERTIES}
+  filterState={state}
+  onFilterStateChange={setState}
+  sortFields={SORT_FIELDS}
+  // Row 1 right — always visible
+  actions={
+    <>
+      <Button appearance="outlined">Import</Button>
+      <Button appearance="solid">Start tasks</Button>
+    </>
+  }
+  // Row 2 right — only visible while filters row is rendered
+  filterActions={
+    <>
+      <Button appearance="ghost">Discard</Button>
+      <SaveViewButton />
+    </>
+  }
+>
+  <SearchBar size="sm" />
+</FilterSystem>
+```
+
 **Pinned groups (hoist a group to root):** mark a property group as "primary" so its properties render flat at the top of the `PropertySelector` popover — no category click needed. Set `groupPinned: true` on any property and the entire group is hoisted; remaining groups stay nested as categories below. Search works across everything (pinned + nested). The popover has a max-height and the "Advanced filter" footer stays sticky at the bottom when the list scrolls. The same flattening is applied in `AdvancedRow`'s property-swap popover and in `InteractiveFilterChip`'s swap popover.
 
 ```tsx
@@ -1324,6 +1357,9 @@ const columns: ColumnDef<Person>[] = [
 | `enableColumnPinning` | `false` | Pin columns left/right |
 | `enableColumnResizing` | `false` | Drag to resize columns |
 | `enableColumnDrag` | `false` | Drag to reorder columns |
+| `enableTableSettings` | `false` | Sticky-right "Manage table" button + modal (implies `enableColumnVisibility`) |
+| `lockedColumnIds` | inferred | Column IDs the manage-table modal hides (defaults to `enableHiding: false` columns plus `select`) |
+| `tableSettingsTitle` | `"Manage table"` | Override the manage-table modal title |
 | `bordered` | `false` | Border-top on header (full-width layouts) |
 | `emptyState` | — | `ReactNode` shown when `data` is empty |
 | `sorting` | — | Controlled sorting state |
@@ -1353,6 +1389,44 @@ const columns: ColumnDef<Item>[] = [
 ];
 ```
 
+#### Manage Table (Column Visibility Modal)
+
+Set `enableTableSettings` to render a sticky-right "Manage table" button in the header row. The button is hidden by default and reveals on header-row hover. Clicking it opens a modal with a search input and a checkbox per column. Locked columns (those with `enableHiding: false`, plus any column with id `select`) are filtered out.
+
+```tsx
+const [columnVisibility, setColumnVisibility] = useState<Record<string, boolean>>({});
+
+<DataTable
+  columns={columns}
+  data={data}
+  enableTableSettings
+  columnVisibility={columnVisibility}
+  onColumnVisibilityChange={(updater) =>
+    setColumnVisibility(typeof updater === "function" ? updater(columnVisibility) : updater)
+  }
+/>
+```
+
+For composition (custom trigger, controlled modal state, etc.), import `DataTableSettingsModal` directly:
+
+```tsx
+import { DataTable, DataTableSettingsModal } from "@l3mpire/ui";
+
+const [open, setOpen] = useState(false);
+
+<>
+  <Button onClick={() => setOpen(true)}>Manage columns</Button>
+  <DataTable columns={columns} data={data} columnVisibility={visibility} onColumnVisibilityChange={setVisibility} />
+  <DataTableSettingsModal
+    open={open}
+    onOpenChange={setOpen}
+    columns={columns}
+    columnVisibility={visibility}
+    onApply={setVisibility}
+  />
+</>
+```
+
 #### Cell Renderers
 
 Pre-built cell components for common patterns:

package/dist/index.d.mts

@@ -588,6 +588,33 @@ interface RowActionsProps {
 }
 declare const RowActions: React.FC<RowActionsProps>;
 
+type AnyColumnDef = ColumnDef<any, any>;
+interface DataTableSettingsModalProps {
+    /** Controlled open state */
+    open: boolean;
+    /** Open-state change handler */
+    onOpenChange: (open: boolean) => void;
+    /** All column definitions to expose for hide/show */
+    columns: AnyColumnDef[];
+    /** Current visibility map: `{ [columnId]: boolean }` */
+    columnVisibility: Record<string, boolean>;
+    /** Called when the user presses Apply with the next visibility map */
+    onApply: (visibility: Record<string, boolean>) => void;
+    /**
+     * Column IDs the user cannot hide (filtered out of the list).
+     * Defaults to columns whose `enableHiding` is `false`, plus any column with id `select`.
+     */
+    lockedColumnIds?: string[];
+    /** Modal title — defaults to "Manage table" */
+    title?: string;
+    /** Optional class for the modal content */
+    className?: string;
+}
+declare function DataTableSettingsModal({ open, onOpenChange, columns, columnVisibility, onApply, lockedColumnIds, title, className, }: DataTableSettingsModalProps): react_jsx_runtime.JSX.Element;
+declare namespace DataTableSettingsModal {
+    var displayName: string;
+}
+
 interface DataTableProps<TData, TValue> {
     /** Column definitions — see TanStack Table docs */
     columns: ColumnDef<TData, TValue>[];
@@ -609,6 +636,21 @@ interface DataTableProps<TData, TValue> {
     enableColumnResizing?: boolean;
     /** Enable column drag reordering */
     enableColumnDrag?: boolean;
+    /**
+     * Render a sticky-right "Manage table" button in the header row that opens
+     * a modal letting the user toggle column visibility. Reads/writes the
+     * controlled `columnVisibility` + `onColumnVisibilityChange` props.
+     *
+     * Implies `enableColumnVisibility`.
+     */
+    enableTableSettings?: boolean;
+    /**
+     * Column IDs that cannot be hidden from the manage-table modal.
+     * Defaults to columns with `enableHiding: false`, plus any column with id `select`.
+     */
+    lockedColumnIds?: string[];
+    /** Override the manage-table modal title. Defaults to "Manage table". */
+    tableSettingsTitle?: string;
     /** Controlled sorting state */
     sorting?: SortingState;
     onSortingChange?: OnChangeFn<SortingState>;
@@ -650,7 +692,7 @@ declare module "@tanstack/react-table" {
     }
 }
 type FilterOperator = "contains" | "does_not_contain" | "is" | "is_not" | "starts_with" | "ends_with" | "is_empty" | "is_not_empty" | "equals" | "not_equals" | "greater_than" | "less_than" | "greater_than_or_equal" | "less_than_or_equal" | "between" | "is_before" | "is_after" | "is_between" | "is_any_of" | "is_none_of";
-declare function DataTableInner<TData, TValue>({ columns, data, enableSorting, enableFiltering, enablePagination, enableRowSelection, enableColumnVisibility, enableColumnPinning, enableColumnResizing, enableColumnDrag, sorting: sortingProp, onSortingChange, columnFilters: columnFiltersProp, onColumnFiltersChange, pagination: paginationProp, onPaginationChange, rowSelection: rowSelectionProp, onRowSelectionChange, columnVisibility: columnVisibilityProp, onColumnVisibilityChange, columnOrder: columnOrderProp, onColumnOrderChange, columnPinning: columnPinningProp, onColumnPinningChange, children, className, emptyState, emptyMessage, bordered, }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+declare function DataTableInner<TData, TValue>({ columns, data, enableSorting, enableFiltering, enablePagination, enableRowSelection, enableColumnVisibility, enableColumnPinning, enableColumnResizing, enableColumnDrag, enableTableSettings, lockedColumnIds, tableSettingsTitle, sorting: sortingProp, onSortingChange, columnFilters: columnFiltersProp, onColumnFiltersChange, pagination: paginationProp, onPaginationChange, rowSelection: rowSelectionProp, onRowSelectionChange, columnVisibility: columnVisibilityProp, onColumnVisibilityChange, columnOrder: columnOrderProp, onColumnOrderChange, columnPinning: columnPinningProp, onColumnPinningChange, children, className, emptyState, emptyMessage, bordered, }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
 interface DataTablePaginationProps<TData> {
     table: Table$1<TData>;
     pageSizeOptions?: number[];
@@ -1006,7 +1048,27 @@ interface FilterSystemProps {
      */
     bounded?: boolean;
     children?: React.ReactNode;
+    /**
+     * Right-aligned slot on Row 1 — always visible, even while the user edits
+     * filters. Use for "Create", "Import", "Start tasks" and similar page-level
+     * actions.
+     */
     actions?: React.ReactNode;
+    /**
+     * Right-aligned slot on Row 2 — only visible when the filters row is
+     * rendered. Use for view-related actions that only make sense while editing
+     * filters, e.g. "Discard changes" + "Save view".
+     */
+    filterActions?: React.ReactNode;
+    /**
+     * Uncontrolled initial state of Row 2 (filter chips row). Defaults to `true`
+     * — the row is expanded as soon as a filter exists. Toggled by clicking the
+     * Filters button on Row 1. Ignored when `filtersRowExpanded` is provided.
+     */
+    defaultFiltersRowExpanded?: boolean;
+    /** Controlled expanded state of Row 2. */
+    filtersRowExpanded?: boolean;
+    onFiltersRowExpandedChange?: (expanded: boolean) => void;
     className?: string;
 }
 declare const FilterSystem: React.FC<FilterSystemProps>;
@@ -1103,4 +1165,4 @@ declare const DatePickerTrigger: React.ForwardRefExoticComponent<PopoverPrimitiv
 declare const DatePickerPopover: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare function getDefaultSuggestions(referenceDate?: Date): DatePickerSuggestion[];
 
-export { AdvancedChip, type AdvancedChipProps, AdvancedPopover, type AdvancedPopoverProps, AdvancedRow, type AdvancedRowProps, Avatar, AvatarCell, type AvatarCellProps, type AvatarProps, Badge, type BadgeProps, type BooleanOperator, BrowserTab, BrowserTabItem, type BrowserTabItemProps, type BrowserTabProps, BulkAction, type BulkActionItem, type BulkActionProps, Button, ButtonCell, type ButtonCellProps, type ButtonProps, Checkbox, type CheckboxProps, ChipInput, type ChipInputProps, DEFAULT_OPERATOR_BY_TYPE, DataTable, DataTablePagination, type DataTablePaginationProps, type DataTableProps, type DataType, DateCell, type DateCellProps, type DateOperator, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, DatePickerFooter, type DatePickerFooterProps, type DatePickerMode, DatePickerPanel, type DatePickerPanelProps, DatePickerPopover, type DatePickerProps, DatePickerRoot, DatePickerSelects, type DatePickerSelectsProps, type DatePickerSuggestion, DatePickerSuggestions, type DatePickerSuggestionsProps, DatePickerTrigger, type DateRange, Dialog, type DialogProps, DropdownMenu, DropdownMenuClear, type DropdownMenuClearProps, DropdownMenuContent, DropdownMenuHeading, type DropdownMenuHeadingProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuList, type DropdownMenuListProps, type DropdownMenuProps, DropdownMenuRadixItem, type DropdownMenuRadixItemProps, DropdownMenuRoot, DropdownMenuTrigger, EditableCell, type EditableCellProps, EmailCell, type EmailCellProps, EmptyState, type EmptyStateProps, type EnumOperator, FilterBar, FilterBarButton, type FilterBarButtonProps, FilterBarLeft, type FilterBarLeftProps, type FilterBarMode, type FilterBarProps, FilterBarRight, type FilterBarRightProps, FilterChip, type FilterChipProps, FilterChipSegment, type FilterChipSegmentProps, type FilterCondition, FilterEditor, type FilterEditorProps, type FilterOperator, type FilterState, FilterSystem, type FilterSystemProps, type FilterValue, InfoMessage, type InfoMessageProps, InputLabel, type InputLabelProps, InteractiveFilterChip, type InteractiveFilterChipProps, KebabMenu, type KebabMenuProps, Link, LinkCell, type LinkCellProps, type LinkProps, Modal, ModalBody, ModalClose, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalOverlay, ModalTitle, ModalTrigger, NumberCell, type NumberCellProps, NumberInput, type NumberInputProps, type NumberOperator, OPERATORS_BY_TYPE, OperatorList, type OperatorListProps, OperatorSelector, type OperatorSelectorProps, type OperatorType, type Product, ProductLogo, type ProductLogoProps, type PropertyDefinition, PropertySelector, type PropertySelectorProps, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RelationOperator, RowActions, type RowActionsProps, SaveViewButton, type SaveViewButtonProps, SearchBar, type SearchBarProps, Select, type SelectProps, SidePanel, SidePanelClose, SidePanelContent, type SidePanelContentProps, SidePanelTrigger, Sidebar, SidebarFooter, type SidebarFooterProps, SidebarHeader, SidebarHeadingItem, type SidebarHeadingItemProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, SortButton, type SortButtonProps, type SortField, StatusCell, type StatusCellProps, SummaryChip, type SummaryChipProps, Switch, SwitchCard, type SwitchCardProps, type SwitchProps, TabContent, type TabContentProps, TabList, type TabListProps, TabTrigger, type TabTriggerProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, type TabsProps, Tag, type TagProps, type TagsOperator, TextArea, type TextAreaProps, TextCell, type TextCellProps, TextInput, type TextInputProps, type TextOperator, Toast, type ToastProps, ToastProvider, ToastViewport, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Typography, type TypographyProps, UserMenu, UserMenuInfoRow, type UserMenuInfoRowProps, type UserMenuProps, UserMenuSection, type UserMenuSectionProps, ValueInput, type ValueInputProps, avatarVariants, badgeVariants, buttonVariants, chipInputVariants, cn, createFilterWithDefaults, emptyStateVariants, filterChipSegmentVariants, getDefaultOperator, getDefaultSuggestions, getValueInputType, infoMessageVariants, isNoValueOperator, linkVariants, modalVariants, productLogoVariants, searchBarVariants, selectVariants, sidebarItemVariants, tagVariants, textInputVariants, toastVariants, tooltipContentVariants, typographyVariants, useFilterBarMode, useSidebarContext };
+export { AdvancedChip, type AdvancedChipProps, AdvancedPopover, type AdvancedPopoverProps, AdvancedRow, type AdvancedRowProps, Avatar, AvatarCell, type AvatarCellProps, type AvatarProps, Badge, type BadgeProps, type BooleanOperator, BrowserTab, BrowserTabItem, type BrowserTabItemProps, type BrowserTabProps, BulkAction, type BulkActionItem, type BulkActionProps, Button, ButtonCell, type ButtonCellProps, type ButtonProps, Checkbox, type CheckboxProps, ChipInput, type ChipInputProps, DEFAULT_OPERATOR_BY_TYPE, DataTable, DataTablePagination, type DataTablePaginationProps, type DataTableProps, DataTableSettingsModal, type DataTableSettingsModalProps, type DataType, DateCell, type DateCellProps, type DateOperator, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, DatePickerFooter, type DatePickerFooterProps, type DatePickerMode, DatePickerPanel, type DatePickerPanelProps, DatePickerPopover, type DatePickerProps, DatePickerRoot, DatePickerSelects, type DatePickerSelectsProps, type DatePickerSuggestion, DatePickerSuggestions, type DatePickerSuggestionsProps, DatePickerTrigger, type DateRange, Dialog, type DialogProps, DropdownMenu, DropdownMenuClear, type DropdownMenuClearProps, DropdownMenuContent, DropdownMenuHeading, type DropdownMenuHeadingProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuList, type DropdownMenuListProps, type DropdownMenuProps, DropdownMenuRadixItem, type DropdownMenuRadixItemProps, DropdownMenuRoot, DropdownMenuTrigger, EditableCell, type EditableCellProps, EmailCell, type EmailCellProps, EmptyState, type EmptyStateProps, type EnumOperator, FilterBar, FilterBarButton, type FilterBarButtonProps, FilterBarLeft, type FilterBarLeftProps, type FilterBarMode, type FilterBarProps, FilterBarRight, type FilterBarRightProps, FilterChip, type FilterChipProps, FilterChipSegment, type FilterChipSegmentProps, type FilterCondition, FilterEditor, type FilterEditorProps, type FilterOperator, type FilterState, FilterSystem, type FilterSystemProps, type FilterValue, InfoMessage, type InfoMessageProps, InputLabel, type InputLabelProps, InteractiveFilterChip, type InteractiveFilterChipProps, KebabMenu, type KebabMenuProps, Link, LinkCell, type LinkCellProps, type LinkProps, Modal, ModalBody, ModalClose, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalOverlay, ModalTitle, ModalTrigger, NumberCell, type NumberCellProps, NumberInput, type NumberInputProps, type NumberOperator, OPERATORS_BY_TYPE, OperatorList, type OperatorListProps, OperatorSelector, type OperatorSelectorProps, type OperatorType, type Product, ProductLogo, type ProductLogoProps, type PropertyDefinition, PropertySelector, type PropertySelectorProps, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RelationOperator, RowActions, type RowActionsProps, SaveViewButton, type SaveViewButtonProps, SearchBar, type SearchBarProps, Select, type SelectProps, SidePanel, SidePanelClose, SidePanelContent, type SidePanelContentProps, SidePanelTrigger, Sidebar, SidebarFooter, type SidebarFooterProps, SidebarHeader, SidebarHeadingItem, type SidebarHeadingItemProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, SortButton, type SortButtonProps, type SortField, StatusCell, type StatusCellProps, SummaryChip, type SummaryChipProps, Switch, SwitchCard, type SwitchCardProps, type SwitchProps, TabContent, type TabContentProps, TabList, type TabListProps, TabTrigger, type TabTriggerProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, type TabsProps, Tag, type TagProps, type TagsOperator, TextArea, type TextAreaProps, TextCell, type TextCellProps, TextInput, type TextInputProps, type TextOperator, Toast, type ToastProps, ToastProvider, ToastViewport, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Typography, type TypographyProps, UserMenu, UserMenuInfoRow, type UserMenuInfoRowProps, type UserMenuProps, UserMenuSection, type UserMenuSectionProps, ValueInput, type ValueInputProps, avatarVariants, badgeVariants, buttonVariants, chipInputVariants, cn, createFilterWithDefaults, emptyStateVariants, filterChipSegmentVariants, getDefaultOperator, getDefaultSuggestions, getValueInputType, infoMessageVariants, isNoValueOperator, linkVariants, modalVariants, productLogoVariants, searchBarVariants, selectVariants, sidebarItemVariants, tagVariants, textInputVariants, toastVariants, tooltipContentVariants, typographyVariants, useFilterBarMode, useSidebarContext };

package/dist/index.d.ts

@@ -588,6 +588,33 @@ interface RowActionsProps {
 }
 declare const RowActions: React.FC<RowActionsProps>;
 
+type AnyColumnDef = ColumnDef<any, any>;
+interface DataTableSettingsModalProps {
+    /** Controlled open state */
+    open: boolean;
+    /** Open-state change handler */
+    onOpenChange: (open: boolean) => void;
+    /** All column definitions to expose for hide/show */
+    columns: AnyColumnDef[];
+    /** Current visibility map: `{ [columnId]: boolean }` */
+    columnVisibility: Record<string, boolean>;
+    /** Called when the user presses Apply with the next visibility map */
+    onApply: (visibility: Record<string, boolean>) => void;
+    /**
+     * Column IDs the user cannot hide (filtered out of the list).
+     * Defaults to columns whose `enableHiding` is `false`, plus any column with id `select`.
+     */
+    lockedColumnIds?: string[];
+    /** Modal title — defaults to "Manage table" */
+    title?: string;
+    /** Optional class for the modal content */
+    className?: string;
+}
+declare function DataTableSettingsModal({ open, onOpenChange, columns, columnVisibility, onApply, lockedColumnIds, title, className, }: DataTableSettingsModalProps): react_jsx_runtime.JSX.Element;
+declare namespace DataTableSettingsModal {
+    var displayName: string;
+}
+
 interface DataTableProps<TData, TValue> {
     /** Column definitions — see TanStack Table docs */
     columns: ColumnDef<TData, TValue>[];
@@ -609,6 +636,21 @@ interface DataTableProps<TData, TValue> {
     enableColumnResizing?: boolean;
     /** Enable column drag reordering */
     enableColumnDrag?: boolean;
+    /**
+     * Render a sticky-right "Manage table" button in the header row that opens
+     * a modal letting the user toggle column visibility. Reads/writes the
+     * controlled `columnVisibility` + `onColumnVisibilityChange` props.
+     *
+     * Implies `enableColumnVisibility`.
+     */
+    enableTableSettings?: boolean;
+    /**
+     * Column IDs that cannot be hidden from the manage-table modal.
+     * Defaults to columns with `enableHiding: false`, plus any column with id `select`.
+     */
+    lockedColumnIds?: string[];
+    /** Override the manage-table modal title. Defaults to "Manage table". */
+    tableSettingsTitle?: string;
     /** Controlled sorting state */
     sorting?: SortingState;
     onSortingChange?: OnChangeFn<SortingState>;
@@ -650,7 +692,7 @@ declare module "@tanstack/react-table" {
     }
 }
 type FilterOperator = "contains" | "does_not_contain" | "is" | "is_not" | "starts_with" | "ends_with" | "is_empty" | "is_not_empty" | "equals" | "not_equals" | "greater_than" | "less_than" | "greater_than_or_equal" | "less_than_or_equal" | "between" | "is_before" | "is_after" | "is_between" | "is_any_of" | "is_none_of";
-declare function DataTableInner<TData, TValue>({ columns, data, enableSorting, enableFiltering, enablePagination, enableRowSelection, enableColumnVisibility, enableColumnPinning, enableColumnResizing, enableColumnDrag, sorting: sortingProp, onSortingChange, columnFilters: columnFiltersProp, onColumnFiltersChange, pagination: paginationProp, onPaginationChange, rowSelection: rowSelectionProp, onRowSelectionChange, columnVisibility: columnVisibilityProp, onColumnVisibilityChange, columnOrder: columnOrderProp, onColumnOrderChange, columnPinning: columnPinningProp, onColumnPinningChange, children, className, emptyState, emptyMessage, bordered, }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+declare function DataTableInner<TData, TValue>({ columns, data, enableSorting, enableFiltering, enablePagination, enableRowSelection, enableColumnVisibility, enableColumnPinning, enableColumnResizing, enableColumnDrag, enableTableSettings, lockedColumnIds, tableSettingsTitle, sorting: sortingProp, onSortingChange, columnFilters: columnFiltersProp, onColumnFiltersChange, pagination: paginationProp, onPaginationChange, rowSelection: rowSelectionProp, onRowSelectionChange, columnVisibility: columnVisibilityProp, onColumnVisibilityChange, columnOrder: columnOrderProp, onColumnOrderChange, columnPinning: columnPinningProp, onColumnPinningChange, children, className, emptyState, emptyMessage, bordered, }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
 interface DataTablePaginationProps<TData> {
     table: Table$1<TData>;
     pageSizeOptions?: number[];
@@ -1006,7 +1048,27 @@ interface FilterSystemProps {
      */
     bounded?: boolean;
     children?: React.ReactNode;
+    /**
+     * Right-aligned slot on Row 1 — always visible, even while the user edits
+     * filters. Use for "Create", "Import", "Start tasks" and similar page-level
+     * actions.
+     */
     actions?: React.ReactNode;
+    /**
+     * Right-aligned slot on Row 2 — only visible when the filters row is
+     * rendered. Use for view-related actions that only make sense while editing
+     * filters, e.g. "Discard changes" + "Save view".
+     */
+    filterActions?: React.ReactNode;
+    /**
+     * Uncontrolled initial state of Row 2 (filter chips row). Defaults to `true`
+     * — the row is expanded as soon as a filter exists. Toggled by clicking the
+     * Filters button on Row 1. Ignored when `filtersRowExpanded` is provided.
+     */
+    defaultFiltersRowExpanded?: boolean;
+    /** Controlled expanded state of Row 2. */
+    filtersRowExpanded?: boolean;
+    onFiltersRowExpandedChange?: (expanded: boolean) => void;
     className?: string;
 }
 declare const FilterSystem: React.FC<FilterSystemProps>;
@@ -1103,4 +1165,4 @@ declare const DatePickerTrigger: React.ForwardRefExoticComponent<PopoverPrimitiv
 declare const DatePickerPopover: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare function getDefaultSuggestions(referenceDate?: Date): DatePickerSuggestion[];
 
-export { AdvancedChip, type AdvancedChipProps, AdvancedPopover, type AdvancedPopoverProps, AdvancedRow, type AdvancedRowProps, Avatar, AvatarCell, type AvatarCellProps, type AvatarProps, Badge, type BadgeProps, type BooleanOperator, BrowserTab, BrowserTabItem, type BrowserTabItemProps, type BrowserTabProps, BulkAction, type BulkActionItem, type BulkActionProps, Button, ButtonCell, type ButtonCellProps, type ButtonProps, Checkbox, type CheckboxProps, ChipInput, type ChipInputProps, DEFAULT_OPERATOR_BY_TYPE, DataTable, DataTablePagination, type DataTablePaginationProps, type DataTableProps, type DataType, DateCell, type DateCellProps, type DateOperator, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, DatePickerFooter, type DatePickerFooterProps, type DatePickerMode, DatePickerPanel, type DatePickerPanelProps, DatePickerPopover, type DatePickerProps, DatePickerRoot, DatePickerSelects, type DatePickerSelectsProps, type DatePickerSuggestion, DatePickerSuggestions, type DatePickerSuggestionsProps, DatePickerTrigger, type DateRange, Dialog, type DialogProps, DropdownMenu, DropdownMenuClear, type DropdownMenuClearProps, DropdownMenuContent, DropdownMenuHeading, type DropdownMenuHeadingProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuList, type DropdownMenuListProps, type DropdownMenuProps, DropdownMenuRadixItem, type DropdownMenuRadixItemProps, DropdownMenuRoot, DropdownMenuTrigger, EditableCell, type EditableCellProps, EmailCell, type EmailCellProps, EmptyState, type EmptyStateProps, type EnumOperator, FilterBar, FilterBarButton, type FilterBarButtonProps, FilterBarLeft, type FilterBarLeftProps, type FilterBarMode, type FilterBarProps, FilterBarRight, type FilterBarRightProps, FilterChip, type FilterChipProps, FilterChipSegment, type FilterChipSegmentProps, type FilterCondition, FilterEditor, type FilterEditorProps, type FilterOperator, type FilterState, FilterSystem, type FilterSystemProps, type FilterValue, InfoMessage, type InfoMessageProps, InputLabel, type InputLabelProps, InteractiveFilterChip, type InteractiveFilterChipProps, KebabMenu, type KebabMenuProps, Link, LinkCell, type LinkCellProps, type LinkProps, Modal, ModalBody, ModalClose, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalOverlay, ModalTitle, ModalTrigger, NumberCell, type NumberCellProps, NumberInput, type NumberInputProps, type NumberOperator, OPERATORS_BY_TYPE, OperatorList, type OperatorListProps, OperatorSelector, type OperatorSelectorProps, type OperatorType, type Product, ProductLogo, type ProductLogoProps, type PropertyDefinition, PropertySelector, type PropertySelectorProps, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RelationOperator, RowActions, type RowActionsProps, SaveViewButton, type SaveViewButtonProps, SearchBar, type SearchBarProps, Select, type SelectProps, SidePanel, SidePanelClose, SidePanelContent, type SidePanelContentProps, SidePanelTrigger, Sidebar, SidebarFooter, type SidebarFooterProps, SidebarHeader, SidebarHeadingItem, type SidebarHeadingItemProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, SortButton, type SortButtonProps, type SortField, StatusCell, type StatusCellProps, SummaryChip, type SummaryChipProps, Switch, SwitchCard, type SwitchCardProps, type SwitchProps, TabContent, type TabContentProps, TabList, type TabListProps, TabTrigger, type TabTriggerProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, type TabsProps, Tag, type TagProps, type TagsOperator, TextArea, type TextAreaProps, TextCell, type TextCellProps, TextInput, type TextInputProps, type TextOperator, Toast, type ToastProps, ToastProvider, ToastViewport, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Typography, type TypographyProps, UserMenu, UserMenuInfoRow, type UserMenuInfoRowProps, type UserMenuProps, UserMenuSection, type UserMenuSectionProps, ValueInput, type ValueInputProps, avatarVariants, badgeVariants, buttonVariants, chipInputVariants, cn, createFilterWithDefaults, emptyStateVariants, filterChipSegmentVariants, getDefaultOperator, getDefaultSuggestions, getValueInputType, infoMessageVariants, isNoValueOperator, linkVariants, modalVariants, productLogoVariants, searchBarVariants, selectVariants, sidebarItemVariants, tagVariants, textInputVariants, toastVariants, tooltipContentVariants, typographyVariants, useFilterBarMode, useSidebarContext };
+export { AdvancedChip, type AdvancedChipProps, AdvancedPopover, type AdvancedPopoverProps, AdvancedRow, type AdvancedRowProps, Avatar, AvatarCell, type AvatarCellProps, type AvatarProps, Badge, type BadgeProps, type BooleanOperator, BrowserTab, BrowserTabItem, type BrowserTabItemProps, type BrowserTabProps, BulkAction, type BulkActionItem, type BulkActionProps, Button, ButtonCell, type ButtonCellProps, type ButtonProps, Checkbox, type CheckboxProps, ChipInput, type ChipInputProps, DEFAULT_OPERATOR_BY_TYPE, DataTable, DataTablePagination, type DataTablePaginationProps, type DataTableProps, DataTableSettingsModal, type DataTableSettingsModalProps, type DataType, DateCell, type DateCellProps, type DateOperator, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, DatePickerFooter, type DatePickerFooterProps, type DatePickerMode, DatePickerPanel, type DatePickerPanelProps, DatePickerPopover, type DatePickerProps, DatePickerRoot, DatePickerSelects, type DatePickerSelectsProps, type DatePickerSuggestion, DatePickerSuggestions, type DatePickerSuggestionsProps, DatePickerTrigger, type DateRange, Dialog, type DialogProps, DropdownMenu, DropdownMenuClear, type DropdownMenuClearProps, DropdownMenuContent, DropdownMenuHeading, type DropdownMenuHeadingProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuList, type DropdownMenuListProps, type DropdownMenuProps, DropdownMenuRadixItem, type DropdownMenuRadixItemProps, DropdownMenuRoot, DropdownMenuTrigger, EditableCell, type EditableCellProps, EmailCell, type EmailCellProps, EmptyState, type EmptyStateProps, type EnumOperator, FilterBar, FilterBarButton, type FilterBarButtonProps, FilterBarLeft, type FilterBarLeftProps, type FilterBarMode, type FilterBarProps, FilterBarRight, type FilterBarRightProps, FilterChip, type FilterChipProps, FilterChipSegment, type FilterChipSegmentProps, type FilterCondition, FilterEditor, type FilterEditorProps, type FilterOperator, type FilterState, FilterSystem, type FilterSystemProps, type FilterValue, InfoMessage, type InfoMessageProps, InputLabel, type InputLabelProps, InteractiveFilterChip, type InteractiveFilterChipProps, KebabMenu, type KebabMenuProps, Link, LinkCell, type LinkCellProps, type LinkProps, Modal, ModalBody, ModalClose, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalOverlay, ModalTitle, ModalTrigger, NumberCell, type NumberCellProps, NumberInput, type NumberInputProps, type NumberOperator, OPERATORS_BY_TYPE, OperatorList, type OperatorListProps, OperatorSelector, type OperatorSelectorProps, type OperatorType, type Product, ProductLogo, type ProductLogoProps, type PropertyDefinition, PropertySelector, type PropertySelectorProps, RadioCard, RadioCardGroup, type RadioCardGroupProps, type RadioCardProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RelationOperator, RowActions, type RowActionsProps, SaveViewButton, type SaveViewButtonProps, SearchBar, type SearchBarProps, Select, type SelectProps, SidePanel, SidePanelClose, SidePanelContent, type SidePanelContentProps, SidePanelTrigger, Sidebar, SidebarFooter, type SidebarFooterProps, SidebarHeader, SidebarHeadingItem, type SidebarHeadingItemProps, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, SortButton, type SortButtonProps, type SortField, StatusCell, type StatusCellProps, SummaryChip, type SummaryChipProps, Switch, SwitchCard, type SwitchCardProps, type SwitchProps, TabContent, type TabContentProps, TabList, type TabListProps, TabTrigger, type TabTriggerProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, type TabsProps, Tag, type TagProps, type TagsOperator, TextArea, type TextAreaProps, TextCell, type TextCellProps, TextInput, type TextInputProps, type TextOperator, Toast, type ToastProps, ToastProvider, ToastViewport, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Typography, type TypographyProps, UserMenu, UserMenuInfoRow, type UserMenuInfoRowProps, type UserMenuProps, UserMenuSection, type UserMenuSectionProps, ValueInput, type ValueInputProps, avatarVariants, badgeVariants, buttonVariants, chipInputVariants, cn, createFilterWithDefaults, emptyStateVariants, filterChipSegmentVariants, getDefaultOperator, getDefaultSuggestions, getValueInputType, infoMessageVariants, isNoValueOperator, linkVariants, modalVariants, productLogoVariants, searchBarVariants, selectVariants, sidebarItemVariants, tagVariants, textInputVariants, toastVariants, tooltipContentVariants, typographyVariants, useFilterBarMode, useSidebarContext };