@epilot/volt-ui 1.1.20 → 1.1.22

package/dist/components/alert-dialog/alert-dialog.d.ts

@@ -10,7 +10,7 @@ declare const AlertDialogHeader: ({ className, ...props }: React.ComponentProps<
 declare const AlertDialogFooter: ({ className, ...props }: React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
 declare const AlertDialogTitle: ({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>) => import("react/jsx-runtime").JSX.Element;
 declare const AlertDialogDescription: ({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>) => import("react/jsx-runtime").JSX.Element;
-declare const AlertDialogAction: ({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & {
+declare const AlertDialogAction: ({ className, variant, size, destructive, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & {
     variant?: ButtonVariant;
     size?: ButtonSize;
     destructive?: boolean;

package/dist/components/data-table/data-table-context.d.ts

@@ -45,8 +45,6 @@ export type DataTableContextValue<TData> = {
     clickableRowClassName?: string;
     /** Custom class for selected rows. Default: 'data-[state=selected]:bg-accent-a3' */
     selectedRowClassName?: string;
-    /** Column sizing mode. 'fixed' maintains column widths with scroll, 'fluid' squeezes to fit. Default: 'fixed' */
-    sizing?: "fixed" | "fluid";
     /** Controls how cell content handles overflow. 'grow' expands cells (default), 'wrap' wraps text, 'truncate' shows ellipsis. */
     cellOverflow?: DataTableCellOverflow;
     /** Whether column resizing is disabled (enabled by default) */
@@ -55,10 +53,19 @@ export type DataTableContextValue<TData> = {
     showHeaderBorder?: boolean;
     /** Show bottom borders on data rows. Default: true */
     showRowBorders?: boolean;
+    /** Controls when resize handles are visible. 'always' shows handles persistently, 'onHeaderHover' only shows on header row hover. Default: 'onHeaderHover' */
+    resizeHandleVisibility?: "always" | "onHeaderHover";
 };
 export type DataTableVirtualizerContextValue = {
     virtualizer: Virtualizer<HTMLDivElement, Element>;
     scrollContainerRef: RefObject<HTMLDivElement>;
 } | null;
+export type DataTableContentContextValue = {
+    /** Sync column widths to visual values before resize starts (prevents snap/jump) */
+    syncColumnWidthsBeforeResize: () => void;
+    /** Width of the spacer column to fill remaining container space (0 if columns fill or exceed container) */
+    spacerWidth: number;
+} | null;
 export declare const DataTableContext: import("react").Context<DataTableContextValue<any> | null>;
 export declare const DataTableVirtualizerContext: import("react").Context<DataTableVirtualizerContextValue>;
+export declare const DataTableContentContext: import("react").Context<DataTableContentContextValue>;

package/dist/components/data-table/data-table-resize-handle.d.ts

@@ -3,13 +3,15 @@ export type DataTableResizeHandleProps<TData, TValue> = {
     header: Header<TData, TValue>;
     /** Accessible label for the resize handle. Recommended for i18n and accessibility. Receives column.id as parameter. */
     ariaLabel?: string | ((columnId: string) => string);
+    /** Whether the handle is visible. When false, handle is hidden but becomes visible on direct hover. */
+    isVisible?: boolean;
     className?: string;
 };
 /**
  * Resize handle for column headers.
- * Invisible by default, shows a vertical line on hover and during drag.
+ * Subtly visible by default, more prominent on hover and during drag.
  */
-declare function DataTableResizeHandle<TData, TValue>({ header, ariaLabel, className, }: DataTableResizeHandleProps<TData, TValue>): import("react/jsx-runtime").JSX.Element | null;
+declare function DataTableResizeHandle<TData, TValue>({ header, ariaLabel, isVisible, className, }: DataTableResizeHandleProps<TData, TValue>): import("react/jsx-runtime").JSX.Element | null;
 declare namespace DataTableResizeHandle {
     var displayName: string;
 }

package/dist/components/data-table/data-table.d.ts

@@ -57,12 +57,12 @@ export type DataTableProps<TData> = {
     clickableRowClassName?: string;
     /** Custom class for selected rows. Default: 'data-[state=selected]:bg-accent-a3' */
     selectedRowClassName?: string;
-    /** Column sizing mode. 'fixed' maintains column widths with scroll, 'fluid' squeezes to fit. Default: 'fixed' */
-    sizing?: "fixed" | "fluid";
     /** Controls how cell content handles overflow. 'grow' expands cells (default), 'wrap' wraps text, 'truncate' shows ellipsis. Can be overridden per-column via column meta. */
     cellOverflow?: DataTableCellOverflow;
     /** Disable column width resizing (enabled by default) */
     disableColumnResizing?: boolean;
+    /** Controls when resize handles are visible. 'always' shows handles persistently, 'onHeaderHover' only shows on header row hover. Default: 'onHeaderHover' */
+    resizeHandleVisibility?: "always" | "onHeaderHover";
     /** Resize mode: 'onChange' updates during drag, 'onEnd' updates when drag finishes. Default: 'onEnd' */
     columnResizeMode?: "onChange" | "onEnd";
     /** Controlled column sizing state */
@@ -86,7 +86,7 @@ export type DataTableProps<TData> = {
     /** Additional class name */
     className?: string;
 };
-declare function DataTable<TData>({ columns, data, children, getRowId, enableRowSelection, enableSorting, manualSorting, enableFiltering, manualFiltering, enableGlobalFilter, pagination, virtualization, sorting: controlledSorting, onSortingChange, defaultSorting, rowSelection: controlledRowSelection, onRowSelectionChange, defaultRowSelection, columnFilters: controlledColumnFilters, onColumnFiltersChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange, globalFilter: controlledGlobalFilter, onGlobalFilterChange, onRowClick, clickableRowClassName, selectedRowClassName, sizing, cellOverflow, disableColumnResizing, columnResizeMode, columnSizing: controlledColumnSizing, onColumnSizingChange, defaultColumnSizing, columnPinning: controlledColumnPinning, onColumnPinningChange, defaultColumnPinning, autoPinSelection, showHeaderBorder, showRowBorders, className, }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
+declare function DataTable<TData>({ columns, data, children, getRowId, enableRowSelection, enableSorting, manualSorting, enableFiltering, manualFiltering, enableGlobalFilter, pagination, virtualization, sorting: controlledSorting, onSortingChange, defaultSorting, rowSelection: controlledRowSelection, onRowSelectionChange, defaultRowSelection, columnFilters: controlledColumnFilters, onColumnFiltersChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange, globalFilter: controlledGlobalFilter, onGlobalFilterChange, onRowClick, clickableRowClassName, selectedRowClassName, cellOverflow, disableColumnResizing, resizeHandleVisibility, columnResizeMode, columnSizing: controlledColumnSizing, onColumnSizingChange, defaultColumnSizing, columnPinning: controlledColumnPinning, onColumnPinningChange, defaultColumnPinning, autoPinSelection, showHeaderBorder, showRowBorders, className, }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
 declare namespace DataTable {
     var displayName: string;
 }

package/dist/components/data-table/hooks/index.d.ts

@@ -1,2 +1,3 @@
 export { useDataTable } from "./use-data-table";
 export { useDataTableVirtualizer } from "./use-data-table-virtualizer";
+export { useDataTableContent } from "./use-data-table-content";

package/dist/components/data-table/hooks/use-data-table-content.d.ts

@@ -0,0 +1 @@
+export declare function useDataTableContent(): import("../data-table-context").DataTableContentContextValue;