gridular 2.1.0 → 3.0.0

package/dist/index.d.mts

@@ -1,797 +0,0 @@
-import * as React$1 from 'react';
-import React__default, { ReactNode } from 'react';
-import { ClassValue } from 'clsx';
-import * as tss_react from 'tss-react';
-import { CSSObject } from 'tss-react';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import * as SelectPrimitive from '@radix-ui/react-select';
-
-interface CellPosition {
-    rowId: string;
-    columnId: string;
-}
-
-type SortDirection = "asc" | "desc" | null;
-interface ColumnDef<T> {
-    id: string;
-    header: string;
-    width?: number;
-    enableSorting?: boolean;
-    enableFiltering?: boolean;
-    enableResize?: boolean;
-    filterFn?: (row: T, columnId: string, filterValue: string) => boolean;
-    sortFn?: (a: T, b: T, columnId: string) => number;
-    headerClassName?: string;
-    cellClassName?: string;
-    filterMenuPosition?: {
-        top: number;
-        left: number;
-    };
-    renderCell?: (row: T) => React.ReactNode;
-    cell?: (row: T) => React.ReactNode;
-    index?: number;
-    groupFormatter?: (value: any) => string;
-    enableGrouping?: boolean;
-}
-type FilterValue = string | null;
-interface ColumnResizeState {
-    [key: string]: number;
-}
-type RowSelectionState = Record<string, boolean>;
-interface ThemeProviderContextType {
-    container: string;
-    header: string;
-    headerCell: string;
-    row: string;
-    cell: string;
-    pagination: string;
-    filterMenu: string;
-    filterMenuContent: string;
-    filterMenuHeader: string;
-    filterMenuInput: string;
-    filterMenuClearButton: string;
-    filterMenuApplyButton: string;
-    columnResizeHandle: string;
-    columnResizeHandleActive: string;
-    sortIcon: string;
-    sortIconActive: string;
-    [key: string]: string;
-}
-interface DataGridRenderProps<T> {
-    renderCell: ((row: T, column: ColumnDef<T>) => ReactNode) | undefined;
-    renderGroupRow: ((props: any) => ReactNode) | undefined;
-    filterState: Record<string, string>;
-    sortState?: SortState | null;
-    selectedRows: Record<string, boolean>;
-    data: T[];
-    visibleColumns: string[];
-    pageIndex: number;
-    pageCount: number;
-    pageSize: number;
-    isLoading: boolean;
-}
-interface DataGridClasses {
-    footer(arg0: string, footer: any): unknown;
-    toolbarTop(arg0: string, toolbarTop: any): unknown;
-    selectedCell: string | undefined;
-    paginationButton: string | undefined;
-    paginationButtons: string | undefined;
-    pageInfo: string | undefined;
-    pageSize: string | undefined;
-    container?: string;
-    header?: string;
-    headerCell?: string;
-    row?: string;
-    cell?: string;
-    selectedRow?: string;
-    pagination?: string;
-    emptyState?: string;
-    loadingState?: string;
-    columnManager?: string;
-}
-interface SortState {
-    column: string;
-    direction: "asc" | "desc";
-}
-interface GroupingState {
-    groupByColumns: string[];
-    expandedGroups: Record<string, boolean>;
-}
-interface GridPreferences$1 {
-    columnWidths: Record<string, number>;
-    columnOrder: string[];
-    hiddenColumns: string[];
-    groupByColumns: string[];
-    expandedGroups: Record<string, boolean>;
-}
-interface DataGridProps$1<T> {
-    columns: ColumnDef<T>[];
-    data: T[];
-    sortState?: SortState | null;
-    onSortChange?: (sortState: SortState | null) => void;
-    filterState?: Record<string, string>;
-    onFilterChange?: (filterState: Record<string, string>) => void;
-    selectedRows?: Record<string, boolean>;
-    onRowSelectionChange?: (selectedRows: Record<string, boolean>) => void;
-    pageIndex: number;
-    pageCount: number;
-    pageSize: number;
-    onPageChange?: (page: number) => void;
-    onPageSizeChange?: (size: number) => void;
-    onRowClick?: (row: T) => void;
-    enableCellSelection?: boolean;
-    onCellSelect?: (rowId: string, columnId: string) => void;
-    selectedCell?: CellPosition | null;
-    selectedCellClassName?: string;
-    expandedRows?: Record<string, boolean>;
-    onExpandedRowsChange?: (expandedRows: Record<string, boolean>) => void;
-    renderExpandedRow?: (row: T) => React.ReactNode;
-    expandIcon?: React.ReactNode;
-    collapseIcon?: React.ReactNode;
-    getRowId?: (row: T) => string;
-    enableFiltering?: boolean;
-    enableSorting?: boolean;
-    enableColumnResize?: boolean;
-    enableRowSelection?: boolean;
-    enablePagination?: boolean;
-    enableExpandableRows?: boolean;
-    hideGroupControls?: boolean;
-    hideColumnManager?: boolean;
-    pageSizeOptions?: number[];
-    emptyMessage?: string;
-    loadingMessage?: string;
-    isLoading?: boolean;
-    gridId?: string;
-    totalRows: number;
-    classes?: {
-        selectedCell?: string;
-        container?: string;
-        columnManager?: string;
-        header?: string;
-        row?: string;
-        cell?: string;
-        selectedRow?: string;
-        pagination?: string;
-        emptyState?: string;
-        loadingState?: string;
-        toolbar?: string;
-        loadingContainer?: string;
-        emptyContainer?: string;
-        errorContainer?: string;
-    };
-    className?: string;
-    renderCell?: (props: {
-        value: any;
-        row: T;
-        column: ColumnDef<T>;
-    }) => React.ReactNode;
-    renderHeader?: (props: {
-        column: ColumnDef<T>;
-        sortDirection?: SortDirection;
-    }) => React.ReactNode;
-    renderSortIcon?: (props: {
-        isSorted: boolean;
-        sortDirection?: SortDirection;
-    }) => React.ReactNode;
-    renderFilterIcon?: (props: {
-        isFiltered: boolean;
-    }) => React.ReactNode;
-    sortIconVariant?: "arrows" | "chevrons";
-    children?: (props: DataGridRenderProps<T>) => React.ReactNode;
-    filterMenu?: React.ReactNode;
-    groupingState?: GroupingState;
-    onGroupingChange?: (groupingState: GroupingState) => void;
-    enableGrouping?: boolean;
-    defaultGroupTemplate?: string;
-    renderGroupRow?: (props: GroupRowRenderProps) => React.ReactNode;
-    groupExpandIcon?: React.ReactNode;
-    groupCollapseIcon?: React.ReactNode;
-    preventRowSelection?: boolean;
-    contextMenuContent?: (row: T, column: ColumnDef<T>) => React.ReactNode;
-}
-interface FilterMenuCustomization {
-    classes?: {
-        container?: string;
-        header?: string;
-        activeIndicator?: string;
-        currentFilter?: string;
-        input?: string;
-        buttonContainer?: string;
-        clearButton?: string;
-        applyButton?: string;
-    };
-    renderHeader?: (column: ColumnDef<any>, isActive: boolean) => ReactNode;
-    renderCurrentFilter?: (filterValue: string) => ReactNode;
-    renderInput?: (props: {
-        value: string;
-        onChange: (value: string) => void;
-        onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
-        isActive: boolean;
-    }) => ReactNode;
-    renderButtons?: (props: {
-        onClear: () => void;
-        onApply: () => void;
-        isActive: boolean;
-    }) => ReactNode;
-    renderCustomContent?: (props: {
-        column: ColumnDef<any>;
-        filterValue: string;
-        setFilterValue: (value: string) => void;
-        onApply: () => void;
-        onClear: () => void;
-        isActive: boolean;
-    }) => ReactNode;
-}
-interface GroupRowRenderProps {
-    groupKey: string;
-    columnId: string;
-    value: any;
-    depth: number;
-    isExpanded: boolean;
-    onToggleExpand: () => void;
-    count: number;
-}
-
-interface PaginationProps {
-    pageIndex: number;
-    pageCount: number;
-    pageSize: number;
-    totalRows: number;
-    setPageIndex: (index: number) => void;
-    setPageSize: (size: number) => void;
-    pageSizeOptions: number[];
-    processedDataLength: number;
-    className?: string;
-    showFirstLastButtons?: boolean;
-    showPageSizeSelector?: boolean;
-    showPageInfo?: boolean;
-    renderPageSizeSelector?: (props: {
-        pageSize: number;
-        options: number[];
-        onChange: (size: number) => void;
-    }) => React__default.ReactNode;
-    renderPageInfo?: (props: {
-        start: number;
-        end: number;
-        total: number;
-    }) => React__default.ReactNode;
-    renderFirstPageButton?: (props: {
-        onClick: () => void;
-        disabled: boolean;
-    }) => React__default.ReactNode;
-    renderPrevPageButton?: (props: {
-        onClick: () => void;
-        disabled: boolean;
-    }) => React__default.ReactNode;
-    renderNextPageButton?: (props: {
-        onClick: () => void;
-        disabled: boolean;
-    }) => React__default.ReactNode;
-    renderLastPageButton?: (props: {
-        onClick: () => void;
-        disabled: boolean;
-    }) => React__default.ReactNode;
-    pageSizeClassName?: string;
-    pageInfoClassName?: string;
-    buttonsClassName?: string;
-    buttonClassName?: string;
-}
-declare const Pagination: ({ pageIndex, pageCount, pageSize, totalRows, setPageIndex, setPageSize, pageSizeOptions, processedDataLength, className, showFirstLastButtons, showPageSizeSelector, showPageInfo, renderPageSizeSelector, renderPageInfo, renderFirstPageButton, renderPrevPageButton, renderNextPageButton, renderLastPageButton, pageSizeClassName, pageInfoClassName, buttonsClassName, buttonClassName, }: PaginationProps) => React__default.JSX.Element;
-
-interface ColumnManagerProps<T> {
-    columns: ColumnDef<T>[];
-    visibleColumns: string[];
-    toggleColumnVisibility: (columnId: string, visible: boolean) => void;
-    resetGridPreferences: () => void;
-    renderTrigger?: (props: {
-        onClick: () => void;
-    }) => React__default.ReactNode;
-    renderResetButton?: (props: {
-        onClick: () => void;
-    }) => React__default.ReactNode;
-    renderColumnItem?: (props: {
-        column: ColumnDef<T>;
-        isVisible: boolean;
-        onToggle: (checked: boolean) => void;
-    }) => React__default.ReactNode;
-    align?: "start" | "center" | "end";
-    showResetButton?: boolean;
-    className?: string;
-    triggerClassName?: string;
-    contentClassName?: string;
-    itemClassName?: string;
-    resetClassName?: string;
-}
-declare function ColumnManager<T>({ columns, visibleColumns, toggleColumnVisibility, resetGridPreferences, renderTrigger, renderResetButton, renderColumnItem, align, showResetButton, className, triggerClassName, contentClassName, itemClassName, resetClassName, }: ColumnManagerProps<T>): React__default.JSX.Element;
-
-interface GroupManagerProps<T> {
-    columns: ColumnDef<T>[];
-    groupByColumns: string[];
-    updateGroupByColumns: (groupByColumns: string[]) => void;
-    removeGroupByColumn: (columnId: string) => void;
-    clearGrouping: () => void;
-    className?: string;
-    triggerClassName?: string;
-    contentClassName?: string;
-    itemClassName?: string;
-    activeGroupsClassName?: string;
-    renderTrigger?: (props: {
-        onClick: () => void;
-    }) => React__default.ReactNode;
-    renderActiveGroup?: (props: {
-        column: ColumnDef<T>;
-        onRemove: () => void;
-    }) => React__default.ReactNode;
-    align?: "start" | "center" | "end";
-}
-declare function GroupManager<T>({ columns, groupByColumns, updateGroupByColumns, removeGroupByColumn, clearGrouping, className, triggerClassName, contentClassName, itemClassName, activeGroupsClassName, renderTrigger, renderActiveGroup, align, }: GroupManagerProps<T>): React__default.JSX.Element;
-
-interface DataGridProps<T> extends DataGridProps$1<T> {
-    columnManagerProps?: Partial<Omit<React__default.ComponentProps<typeof ColumnManager<T>>, "columns" | "visibleColumns" | "toggleColumnVisibility" | "resetGridPreferences">>;
-    paginationProps?: Partial<Omit<React__default.ComponentProps<typeof Pagination>, "pageIndex" | "pageCount" | "pageSize" | "setPageIndex" | "setPageSize" | "pageSizeOptions" | "processedDataLength" | "totalRows">>;
-    groupManagerProps?: Partial<Omit<React__default.ComponentProps<typeof GroupManager<T>>, "columns" | "groupByColumns" | "updateGroupByColumns" | "removeGroupByColumn" | "clearGrouping">>;
-    groupRowProps?: {
-        className?: string;
-        rowClassName?: string;
-        cellClassName?: string;
-        contentClassName?: string;
-        labelClassName?: string;
-        iconClassName?: string;
-        countClassName?: string;
-        indentSize?: number;
-        style?: React__default.CSSProperties;
-        rowStyle?: React__default.CSSProperties;
-        cellStyle?: React__default.CSSProperties;
-        contentStyle?: React__default.CSSProperties;
-    };
-}
-declare function DataGrid<T>({ columns, data, sortState, onSortChange, filterState, onFilterChange, selectedRows, onRowSelectionChange, pageIndex, pageCount, pageSize, onPageChange, onPageSizeChange, onRowClick, enableSorting, enableFiltering, enableColumnResize, enableRowSelection, enablePagination, enableGrouping, enableExpandableRows, hideGroupControls, hideColumnManager, pageSizeOptions, emptyMessage, loadingMessage, isLoading, gridId, classes, className, renderCell, renderHeader, renderSortIcon, renderFilterIcon, renderGroupRow, sortIconVariant, columnManagerProps, paginationProps, groupManagerProps, groupRowProps, groupingState, onGroupingChange, groupExpandIcon, groupCollapseIcon, totalRows, filterMenu, selectedCell: propSelectedCell, enableCellSelection, onCellSelect, preventRowSelection, contextMenuContent, expandedRows, onExpandedRowsChange, renderExpandedRow, expandIcon, collapseIcon, getRowId, }: DataGridProps<T>): React__default.JSX.Element;
-
-interface FilterMenuClasses {
-    container?: string;
-    header?: string;
-    activeIndicator?: string;
-    currentFilter?: string;
-    input?: string;
-    buttonContainer?: string;
-    clearButton?: string;
-    applyButton?: string;
-}
-interface FilterMenuRenderProps {
-    renderHeader?: (column: ColumnDef<any>, isActive: boolean) => ReactNode;
-    renderCurrentFilter?: (filterValue: string) => ReactNode;
-    renderInput?: (props: {
-        value: string;
-        onChange: (value: string) => void;
-        onKeyDown: (e: React__default.KeyboardEvent<HTMLInputElement>) => void;
-        isActive: boolean;
-    }) => ReactNode;
-    renderButtons?: (props: {
-        onClear: () => void;
-        onApply: () => void;
-        isActive: boolean;
-    }) => ReactNode;
-    renderCustomContent?: (props: {
-        column: ColumnDef<any>;
-        filterValue: string;
-        setFilterValue: (value: string) => void;
-        onApply: () => void;
-        onClear: () => void;
-        isActive: boolean;
-    }) => ReactNode;
-}
-interface FilterMenuProps extends FilterMenuRenderProps {
-    column: ColumnDef<any>;
-    filterValue: string;
-    setFilterValue: (value: string) => void;
-    onApplyFilter: (value: string) => void;
-    onClearFilter: () => void;
-    isOpen: boolean;
-    onOpenChange: (open: boolean) => void;
-    trigger: React__default.ReactNode;
-    isActive?: boolean;
-    classes?: FilterMenuClasses;
-    totalColumns?: number;
-}
-declare const FilterMenu: ({ column, filterValue, setFilterValue, onApplyFilter, onClearFilter, isOpen, onOpenChange, trigger, isActive, classes, renderHeader, renderCurrentFilter, renderInput, renderButtons, renderCustomContent, totalColumns, }: FilterMenuProps) => React__default.JSX.Element;
-
-interface TableBodyProps<T> {
-    paginatedData: any[];
-    columns: ColumnDef<T>[];
-    selectedRows: Record<string, boolean>;
-    enableRowSelection: boolean;
-    onRowSelect: (rowId: string) => void;
-    onRowClick?: (row: T) => void;
-    rowClassName?: string;
-    cellClassName?: string;
-    columnWidths: Record<string, number>;
-    theme: any;
-    selectedRowClassName?: string;
-    renderCell?: (row: T, column: ColumnDef<T>) => React__default.ReactNode;
-    enableGrouping?: boolean;
-    groupingState?: {
-        groupByColumns: string[];
-        expandedGroups: Record<string, boolean>;
-    };
-    toggleGroupExpanded?: (groupKey: string) => void;
-    renderGroupRow?: (props: any) => React__default.ReactNode;
-    groupExpandIcon?: React__default.ReactNode;
-    groupCollapseIcon?: React__default.ReactNode;
-    groupRowProps?: Record<string, any>;
-    selectedCell?: CellPosition | null;
-    onCellSelect?: (rowId: string, columnId: string) => void;
-    selectedCellClassName?: string;
-    preventRowSelection?: boolean;
-    contextMenuContent?: (row: T, column: ColumnDef<T>) => React__default.ReactNode;
-    enableExpandableRows?: boolean;
-    expandedRows?: Record<string, boolean>;
-    onToggleRowExpand?: (rowId: string) => void;
-    renderExpandedRow?: (row: T) => React__default.ReactNode;
-    expandIcon?: React__default.ReactNode;
-    collapseIcon?: React__default.ReactNode;
-    getRowId?: (row: T, index: number) => string;
-}
-declare const TableBody: <T>({ paginatedData, columns, selectedRows, enableRowSelection, onRowSelect, onRowClick, rowClassName, cellClassName, columnWidths, theme, selectedRowClassName, enableGrouping, groupingState, toggleGroupExpanded, renderGroupRow, groupExpandIcon, groupCollapseIcon, groupRowProps, selectedCell, onCellSelect, selectedCellClassName, preventRowSelection, contextMenuContent, enableExpandableRows, expandedRows, onToggleRowExpand, renderExpandedRow, expandIcon, collapseIcon, getRowId, }: TableBodyProps<T>) => React__default.JSX.Element;
-
-interface TableCellProps<T> {
-    column: ColumnDef<T>;
-    row: T;
-    cellClassName?: string;
-    isSelected?: boolean;
-    onSelect?: (selected: boolean) => void;
-    selectedCellClassName?: string;
-    preventRowSelection?: boolean;
-    rowId?: string;
-    contextMenuContent?: (row: T, column: ColumnDef<T>) => React__default.ReactNode;
-    enableExpandableRows?: boolean;
-    isExpanded?: boolean;
-    onToggleExpand?: () => void;
-    expandIcon?: React__default.ReactNode;
-    collapseIcon?: React__default.ReactNode;
-}
-declare const TableCell: <T>({ column, row, cellClassName, isSelected, onSelect, contextMenuContent, selectedCellClassName, preventRowSelection, enableExpandableRows, isExpanded, onToggleExpand, expandIcon, collapseIcon, }: TableCellProps<T>) => React__default.JSX.Element;
-
-interface TableHeaderProps<T> {
-    columns: ColumnDef<T>[];
-    sortState: {
-        column: string;
-        direction: "asc" | "desc";
-    } | null;
-    onSortChange: (columnId: string) => void;
-    enableSorting: boolean;
-    filterState: Record<string, string>;
-    filterMenuOpen: string | null;
-    onFilterMenuToggle: (columnId: string | null) => void;
-    columnWidths: Record<string, number>;
-    onColumnResize: (columnId: string, width: number) => void;
-    headerClassName?: string;
-    filterValueRefs: React__default.MutableRefObject<Record<string, string>>;
-    onApplyFilter: (value: string) => void;
-    onClearFilter: () => void;
-    onColumnReorder: (draggedId: string, targetId: string) => void;
-    renderHeader?: (column: ColumnDef<T>, sortDirection: SortDirection) => ReactNode;
-    renderSortIcon?: (column: ColumnDef<T>, sortDirection: SortDirection) => ReactNode;
-    renderFilterIcon?: (column: ColumnDef<T>, isActive: boolean) => ReactNode;
-    sortIconVariant?: "arrows" | "chevrons" | "none";
-    filterMenu?: FilterMenuCustomization;
-    filterMenuRef: React__default.RefObject<HTMLDivElement | null>;
-}
-declare function TableHeader<T>({ columns, sortState, onSortChange, enableSorting, filterState, filterMenuOpen, onFilterMenuToggle, columnWidths, onColumnResize, headerClassName, filterValueRefs, onApplyFilter, onClearFilter, onColumnReorder, renderHeader, renderSortIcon, renderFilterIcon, sortIconVariant, filterMenu, filterMenuRef, }: TableHeaderProps<T>): React__default.JSX.Element;
-
-interface TableRowProps<T> {
-    row: T;
-    columns: ColumnDef<T>[];
-    rowId: string;
-    isSelected: boolean;
-    onRowSelect?: () => void;
-    onRowClick?: (row: T) => void;
-    selectedRowClassName?: string;
-    rowClassName?: string;
-    cellClassName?: string;
-    columnWidths: Record<string, number>;
-    selectedCell?: CellPosition | null;
-    onCellSelect?: (rowId: string, columnId: string) => void;
-    selectedCellClassName?: string;
-    preventRowSelection?: boolean;
-    contextMenuContent?: (row: T, column: ColumnDef<T>) => React__default.ReactNode;
-    enableExpandableRows?: boolean;
-    isExpanded?: boolean;
-    onToggleExpand?: () => void;
-    expandIcon?: React__default.ReactNode;
-    collapseIcon?: React__default.ReactNode;
-}
-declare function TableRow<T>({ row, columns, rowId, isSelected, onRowSelect, onRowClick, selectedRowClassName, rowClassName, cellClassName, columnWidths, selectedCell, onCellSelect, selectedCellClassName, preventRowSelection, contextMenuContent, enableExpandableRows, isExpanded, onToggleExpand, expandIcon, collapseIcon, }: TableRowProps<T>): React__default.JSX.Element;
-
-interface ExpandableRowProps<T> {
-    row: T;
-    rowId: string;
-    columns: any[];
-    isExpanded: boolean;
-    onToggleExpand: () => void;
-    renderExpandedContent: (row: T) => React__default.ReactNode;
-    expandIcon?: React__default.ReactNode;
-    collapseIcon?: React__default.ReactNode;
-    expandButtonClassName?: string;
-}
-declare function ExpandableRow<T>({ row, rowId, columns, isExpanded, onToggleExpand, renderExpandedContent, expandIcon, collapseIcon, expandButtonClassName, }: ExpandableRowProps<T>): React__default.JSX.Element | null;
-
-declare const useColumnResize: (enableColumnResize: boolean) => {
-    columnResizeState: {};
-    isResizing: boolean;
-    handleColumnResizeStart: (columnId: string, startWidth: number, e: MouseEvent) => void;
-};
-
-interface GridPreferences {
-    columnWidths: Record<string, number>;
-    columnOrder: string[];
-    hiddenColumns: string[];
-    groupByColumns: string[];
-    expandedGroups: Record<string, boolean>;
-}
-declare function useGridPersistence(gridId: string, columns: {
-    id: string;
-}[], defaultColumnWidth?: number): {
-    preferences: GridPreferences;
-    updateColumnWidth: (columnId: string, width: number) => void;
-    updateColumnOrder: (newOrder: string[]) => void;
-    toggleColumnVisibility: (columnId: string, visible: boolean) => void;
-    updateGroupByColumns: (groupByColumns: string[]) => void;
-    toggleGroupExpanded: (groupKey: string, expanded: boolean) => void;
-    resetPreferences: () => void;
-};
-
-declare function cn(...inputs: ClassValue[]): string;
-/**
- * Merges TSS-React styles with Tailwind classes
- *
- * @param tssStyles - TSS-React style object
- * @param tailwindClasses - Tailwind class string or array of strings
- * @returns A style object for React components
- */
-declare function mergeStyles<T extends object = {}>(tssStyles: CSSObject | undefined, tailwindClasses: string | string[]): {
-    className: string;
-    [key: string]: any;
-};
-
-type ThemeProviderContext = Record<string, string>;
-declare const lightTheme: TssTheme;
-declare const darkTheme: TssTheme;
-interface TssTheme {
-    colors?: {
-        primary?: string;
-        secondary?: string;
-        background?: string;
-        foreground?: string;
-        muted?: string;
-        mutedForeground?: string;
-        border?: string;
-        [key: string]: string | undefined;
-    };
-    spacing?: number | SpacingFunction;
-    [key: string]: any;
-}
-type SpacingFunction = {
-    (value: number): string;
-    (topBottom: number, rightLeft: number): string;
-    (top: number, rightLeft: number, bottom: number): string;
-    (top: number, right: number, bottom: number, left: number): string;
-    baseSpacing: number;
-    [key: string]: any;
-};
-interface CompleteTssTheme {
-    colors: {
-        primary: string;
-        secondary: string;
-        background: string;
-        foreground: string;
-        muted: string;
-        mutedForeground: string;
-        border: string;
-        [key: string]: string;
-    };
-    spacing: SpacingFunction;
-    [key: string]: any;
-}
-interface UnifiedTheme {
-    classes: ThemeProviderContext;
-    colors: CompleteTssTheme["colors"];
-    spacing: SpacingFunction;
-    [key: string]: any;
-}
-interface ThemeContext {
-    theme: UnifiedTheme;
-    setTailwindTheme: (theme: Partial<ThemeProviderContext>) => void;
-    setTssTheme: (theme: TssTheme) => void;
-    resetTheme: () => void;
-    toggleThemeMode: () => void;
-}
-interface ThemeProviderProps {
-    children: React__default.ReactNode;
-    initialTailwindTheme?: Partial<ThemeProviderContext>;
-    initialTssTheme?: TssTheme;
-    darkMode?: boolean;
-}
-declare const ThemeProvider: ({ children, initialTailwindTheme, initialTssTheme, darkMode, }: ThemeProviderProps) => React__default.JSX.Element;
-declare const useTheme: () => ThemeContext;
-declare const useTailwindTheme: () => ThemeProviderContext;
-declare const useTssTheme: () => {
-    colors: {
-        [key: string]: string;
-        primary: string;
-        secondary: string;
-        background: string;
-        foreground: string;
-        muted: string;
-        mutedForeground: string;
-        border: string;
-    };
-    spacing: SpacingFunction;
-};
-declare const makeStyles: <Params = void, RuleNameSubsetReferencableInNestedSelectors extends string = never>(params?: {
-    name?: string | Record<string, unknown> | undefined;
-    uniqId?: string | undefined;
-} | undefined) => <RuleName extends string>(cssObjectByRuleNameOrGetCssObjectByRuleName: Record<RuleName, tss_react.CSSObject> | ((theme: {
-    colors: {
-        [key: string]: string;
-        primary: string;
-        secondary: string;
-        background: string;
-        foreground: string;
-        muted: string;
-        mutedForeground: string;
-        border: string;
-    };
-    spacing: SpacingFunction;
-}, params: Params, classes: Record<RuleNameSubsetReferencableInNestedSelectors, string>) => Record<RuleNameSubsetReferencableInNestedSelectors | RuleName, tss_react.CSSObject>)) => (params: Params, muiStyleOverridesParams?: {
-    props: Record<string, unknown>;
-    ownerState?: Record<string, unknown>;
-} | undefined) => {
-    classes: Record<RuleName, string>;
-    theme: {
-        colors: {
-            [key: string]: string;
-            primary: string;
-            secondary: string;
-            background: string;
-            foreground: string;
-            muted: string;
-            mutedForeground: string;
-            border: string;
-        };
-        spacing: SpacingFunction;
-    };
-    css: tss_react.Css;
-    cx: tss_react.Cx;
-};
-declare const useTssStyles: () => {
-    theme: {
-        colors: {
-            [key: string]: string;
-            primary: string;
-            secondary: string;
-            background: string;
-            foreground: string;
-            muted: string;
-            mutedForeground: string;
-            border: string;
-        };
-        spacing: SpacingFunction;
-    };
-    css: tss_react.Css;
-    cx: tss_react.Cx;
-};
-/**
- * Hook for creating styles with TSS.
- * USAGE:
- * const { styles, cx } = useStyles((theme) => ({
- *   container: { borderLeft: `4px solid ${theme.colors?.primary}` },
- * }));
- *
- * return <div className={cx("tailwind-class", styles.container)}>...</div>;
- */
-declare const useStyles: <T extends Record<string, any>>(stylesFn: (theme: ReturnType<typeof useTssTheme>) => T) => {
-    styles: Record<string, string>;
-    cx: tss_react.Cx;
-};
-
-interface ThemeSwitcherProps {
-    className?: string;
-}
-declare const ThemeSwitcher: React__default.FC<ThemeSwitcherProps>;
-
-interface ThemeWrapperProps {
-    children: React__default.ReactNode;
-    customTheme?: Record<string, any>;
-}
-declare const ThemeWrapper: React__default.FC<ThemeWrapperProps>;
-
-declare const badgeVariants: (props?: ({
-    variant?: "outline" | "secondary" | "default" | "destructive" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Badge({ className, variant, asChild, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
-    asChild?: boolean;
-}): React$1.JSX.Element;
-
-declare const buttonVariants: (props?: ({
-    variant?: "outline" | "secondary" | "link" | "default" | "destructive" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    asChild?: boolean;
-}
-declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
-
-declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-
-declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
-
-declare function ContextMenu({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Root>): React$1.JSX.Element;
-declare function ContextMenuTrigger({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Trigger>): React$1.JSX.Element;
-declare function ContextMenuGroup({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Group>): React$1.JSX.Element;
-declare function ContextMenuPortal({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Portal>): React$1.JSX.Element;
-declare function ContextMenuSub({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Sub>): React$1.JSX.Element;
-declare function ContextMenuRadioGroup({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): React$1.JSX.Element;
-declare function ContextMenuSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
-    inset?: boolean;
-}): React$1.JSX.Element;
-declare function ContextMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.SubContent>): React$1.JSX.Element;
-declare function ContextMenuContent({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Content>): React$1.JSX.Element;
-declare function ContextMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Item> & {
-    inset?: boolean;
-    variant?: "default" | "destructive";
-}): React$1.JSX.Element;
-declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): React$1.JSX.Element;
-declare function ContextMenuRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): React$1.JSX.Element;
-declare function ContextMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Label> & {
-    inset?: boolean;
-}): React$1.JSX.Element;
-declare function ContextMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Separator>): React$1.JSX.Element;
-declare function ContextMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
-
-declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
-declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
-declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
-declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuShortcut: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): React$1.JSX.Element;
-    displayName: string;
-};
-
-declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
-declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const PopoverAnchor: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
-declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
-declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-export { Badge, Button, type ButtonProps, Checkbox, type ColumnDef, type ColumnResizeState, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataGrid, type DataGridClasses, type DataGridProps$1 as DataGridProps, type DataGridRenderProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ExpandableRow, FilterMenu, type FilterMenuCustomization, type FilterValue, type GridPreferences$1 as GridPreferences, type GroupRowRenderProps, type GroupingState, Input, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type RowSelectionState, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type SortDirection, type SortState, type SpacingFunction, TableBody, TableCell, TableHeader, TableRow, type ThemeContext, ThemeProvider, type ThemeProviderContext, type ThemeProviderContextType, ThemeSwitcher, ThemeWrapper, type TssTheme, type UnifiedTheme, badgeVariants, buttonVariants, cn, darkTheme, lightTheme, makeStyles, mergeStyles, useColumnResize, useGridPersistence, useStyles, useTailwindTheme, useTheme, useTssStyles, useTssTheme };