@konstructio/ui 0.1.2-alpha.99 → 0.1.4

package/dist/lib/components/Toast/store/create-toast-store.d.ts

@@ -0,0 +1,2 @@
+import { ToastStore, ToastStoreOptions } from './create-toast-store.types';
+export declare const createToastStore: (initialOptions?: ToastStoreOptions) => ToastStore;

package/dist/lib/components/Toast/store/create-toast-store.types.d.ts

@@ -0,0 +1,24 @@
+import { ToastInput, ToastItem } from '../Toast.types';
+export type ToastStoreState = {
+    toasts: ToastItem[];
+    add: (input: ToastInput) => string;
+    remove: (id: string) => void;
+    clear: () => void;
+};
+export type ToastStoreListener = (state: ToastStoreState, previous: ToastStoreState) => void;
+export type ToastStore = {
+    configure: (options: ToastStoreOptions) => void;
+    getState: () => ToastStoreState;
+    subscribe: (listener: ToastStoreListener) => () => void;
+};
+export type ToastStoreOptions = {
+    /** Auto-dismiss duration applied when a toast has none (default: 3000) */
+    duration?: number;
+    /** Toasts kept in the queue; the oldest is dropped past it (default: 5) */
+    limit?: number;
+};
+export type ToastActions = {
+    addToast: (input: ToastInput) => string;
+    removeToast: (id: string) => void;
+    clearAllToasts: () => void;
+};

package/dist/lib/components/Toast/store/default-toast-store.d.ts

@@ -0,0 +1 @@
+export declare const defaultToastStore: import('./create-toast-store.types').ToastStore;

package/dist/lib/components/Toast/store/index.d.ts

@@ -0,0 +1,2 @@
+export * from './create-toast-store';
+export * from './default-toast-store';

package/dist/lib/components/Toast/utils/compute-stack-layout/compute-stack-layout.d.ts

@@ -0,0 +1,2 @@
+import { StackLayout, StackLayoutInput } from './compute-stack-layout.types';
+export declare const computeStackLayout: ({ expanded, heights, maxVisible, toasts, }: StackLayoutInput) => StackLayout;

package/dist/lib/components/Toast/utils/compute-stack-layout/compute-stack-layout.types.d.ts

@@ -0,0 +1,12 @@
+import { ToastHeights, ToastItem } from '../../Toast.types';
+export type StackLayoutInput = {
+    expanded: boolean;
+    heights: ToastHeights;
+    maxVisible: number;
+    toasts: ToastItem[];
+};
+export type StackLayout = {
+    frontHeight: number;
+    offsets: number[];
+    regionHeight: number;
+};

package/dist/lib/components/Toast/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './compute-stack-layout/compute-stack-layout';
+export * from './should-dismiss-swipe/should-dismiss-swipe';

package/dist/lib/components/Toast/utils/should-dismiss-swipe/should-dismiss-swipe.d.ts

@@ -0,0 +1,2 @@
+import { SwipeInput } from './should-dismiss-swipe.types';
+export declare const shouldDismissSwipe: ({ offset, velocity, width, }: SwipeInput) => boolean;

package/dist/lib/components/Toast/utils/should-dismiss-swipe/should-dismiss-swipe.types.d.ts

@@ -0,0 +1,5 @@
+export type SwipeInput = {
+    offset: number;
+    velocity: number;
+    width: number;
+};

package/dist/lib/components/Tooltip/Tooltip.d.ts

@@ -17,6 +17,10 @@ import { Props } from './Tooltip.types';
  * <Tooltip content="Danger!" bgClassName="bg-red-500">
  *   <Button variant="danger">Delete</Button>
  * </Tooltip>
+ *
+ * <Tooltip content="This name is taken" asOverlay overlayClassName="right-0 top-7 h-10 w-8">
+ *   <Input label="Name" />
+ * </Tooltip>
  * ```
  */
 export declare const Tooltip: FC<Props>;

package/dist/lib/components/Tooltip/Tooltip.types.d.ts

@@ -22,6 +22,16 @@ export interface Props {
     content: ReactNode | string;
     /** The trigger element */
     children: ReactNode;
+    /** Render an invisible trigger over the children instead of wrapping them, for fields that cannot be wrapped or are disabled */
+    asOverlay?: boolean;
+    /** Keep the children as they are and never open the tooltip */
+    disabled?: boolean;
+    /** Position and size of the overlay trigger (defaults to `inset-0`) */
+    overlayClassName?: string;
+    /** Accessible name of the overlay trigger; defaults to `content` when it is a string */
+    overlayLabel?: string;
+    /** Additional className for the relative wrapper used in overlay mode */
+    wrapperClassName?: string;
     /** Tooltip position relative to trigger */
     side?: 'top' | 'bottom' | 'left' | 'right';
     /** Distance from trigger in px */

package/dist/lib/components/Typography/Typography.types.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import { ComponentRef, HTMLAttributes, ReactNode, Ref } from 'react';
-import { Theme } from '../../../domain/theme';
+import { Theme } from '../../domain/theme';
 import { typographyVariants } from './Typography.variants';
 /** Valid HTML heading tags */
 export type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';

package/dist/lib/components/VirtualizedTable/VirtualizedTable.d.ts

@@ -1,17 +1,24 @@
 import { JSX } from 'react';
 import { Props, RowData } from './VirtualizedTable.types';
-import { TruncateText } from './components';
 import { Props as ActionProps } from './components/Actions/Actions.types';
+import { EmptyResults } from './components/EmptyResults/EmptyResults';
+import { EmptyState } from './components/EmptyState/EmptyState';
+import { ErrorState } from './components/ErrorState/ErrorState';
+import { TruncateText } from './components/TruncateText/TruncateText';
 type VirtualizedTableCompound = (<TData extends RowData>(props: Props<TData>) => JSX.Element) & {
     TruncateText: typeof TruncateText;
+    EmptyState: typeof EmptyState;
+    EmptyResults: typeof EmptyResults;
+    ErrorState: typeof ErrorState;
     Actions: <TData extends RowData>(props: ActionProps<TData>) => JSX.Element | null;
     Events: {
         sendExpandRowEvent: (tableId: string, rowId: string) => void;
         sendCollapseRowEvent: (tableId: string, rowId: string) => void;
         sendToggleRowEvent: (tableId: string, rowId: string) => void;
         sendResetFiltersEvent: (tableId: string) => void;
+        sendRefreshEvent: (tableId?: string) => void;
     };
     displayName?: string;
 };
 declare const VirtualizedTable: VirtualizedTableCompound;
-export { TruncateText, VirtualizedTable };
+export { EmptyResults, EmptyState, ErrorState, TruncateText, VirtualizedTable };

package/dist/lib/components/VirtualizedTable/VirtualizedTable.types.d.ts

@@ -1,12 +1,15 @@
-import { ColumnDef as ColumnDefPrimitive, ExpandedState, OnChangeFn, RowData as RowDataPrimitive } from '@tanstack/react-table';
+import { ColumnDef as ColumnDefPrimitive, ColumnPinningState, ExpandedState, OnChangeFn, RowData as RowDataPrimitive } from '@tanstack/react-table';
 import { VariantProps } from 'class-variance-authority';
 import { ReactNode } from 'react';
-import { Props as ButtonProps } from '../../../components/Button/Button.types';
-import { DateRange, DateRangeWithTime } from '../../../components/DateRangePicker/DateRangePicker.types';
-import { TimePreset } from '../../../components/Filter/components/TimeFilterDropdown/TimeFilterDropdown.types';
+import { Props as ButtonProps } from '../Button/Button.types';
+import { DateRange, DateRangeWithTime } from '../DateRangePicker/DateRangePicker.types';
+import { Props as CustomDateRangeFilterDropdownProps } from '../Filter/components/CustomDateRangeFilterDropdown/CustomDateRangeFilterDropdown.types';
+import { TimePreset } from '../Filter/components/TimeFilterDropdown/TimeFilterDropdown.types';
 import { virtualizeTableVariants } from './VirtualizedTable.variants';
 import { Option } from './components/Filter/Filter.types';
+import { HideBelowBreakpoint } from './constants';
 import { UseQueryOptions } from '@tanstack/react-query';
+export type { ColumnPinningState, HideBelowBreakpoint };
 /** Base row data type from TanStack Table */
 export type RowData = RowDataPrimitive;
 export type ColumnDef<TData extends RowData> = ColumnDefPrimitive<TData, string>;
@@ -15,6 +18,8 @@ declare module '@tanstack/react-table' {
         className?: string | ((row: TData) => string);
         attributes?: Record<string, string | number | boolean>;
         headerClassName?: string;
+        /** Hides the column, header and cells, on viewports below this Tailwind breakpoint. */
+        hideBelow?: HideBelowBreakpoint;
     }
 }
 export interface RowMetadata {
@@ -86,6 +91,12 @@ export type DateRangeFilterConfig = FilterConfigBase & {
     /** Callback when the date range changes */
     onRangeChange?: (range: DateRangeWithTime) => void;
 };
+/**
+ * Configuration for a date range filter with custom presets.
+ */
+export type CustomDateRangeFilterConfig = FilterConfigBase & {
+    type: 'customDateRange';
+} & Omit<CustomDateRangeFilterDropdownProps, 'label' | 'position' | 'onApply'>;
 /**
  * Configuration for an action button rendered inline with filters.
  */
@@ -97,6 +108,11 @@ export type ActionFilterConfig = {
     leftIcon?: ReactNode;
     /** Icon rendered after the label */
     rightIcon?: ReactNode;
+    /**
+     * Below this Tailwind breakpoint the action renders as an icon-only
+     * button as tall as the search input, beside it, labelled by `label`.
+     */
+    iconOnlyBelow?: HideBelowBreakpoint;
 } & Omit<ButtonProps, 'children' | 'type'>;
 /**
  * Configuration for a time filter with optional presets and a TimePicker.
@@ -113,7 +129,7 @@ export type TimeFilterConfig = FilterConfigBase & {
 /**
  * Union of all supported filter configurations.
  */
-export type FilterConfig = BadgeMultiSelectFilterConfig | TextMultiSelectFilterConfig | DateFilterConfig | DateRangeFilterConfig | ActionFilterConfig | TimeFilterConfig;
+export type FilterConfig = BadgeMultiSelectFilterConfig | TextMultiSelectFilterConfig | DateFilterConfig | DateRangeFilterConfig | CustomDateRangeFilterConfig | ActionFilterConfig | TimeFilterConfig;
 /**
  * @deprecated Use FilterConfig instead
  */
@@ -157,6 +173,30 @@ export type Props<TData extends RowDataPrimitive> = VariantProps<typeof virtuali
     isLoading?: boolean;
     /** Rendered in place of rows when the table has no data (and is not loading). */
     emptyState?: ReactNode;
+    /**
+     * Rendered in place of rows when the query failed and there are no rows to
+     * display. With React Query's default retry (3 attempts) it appears after
+     * retries are exhausted; pass `queryOptions={{ retry: false }}` to show it
+     * immediately. When both `errorState` and `emptyState` are set, `errorState`
+     * wins on error.
+     */
+    errorState?: ReactNode | ((error: Error) => ReactNode);
+    /** Rendered as a full-width band above the column headers, inside the table. */
+    headerContent?: ReactNode;
+    classNameHeaderContent?: string;
+    /**
+     * Classes for the div wrapping the table body + pagination bar (the filter
+     * row stays outside, fixed to the container width). Pass e.g.
+     * `'overflow-x-auto contain-inline-size'` to get a horizontal scroll
+     * container whose pagination bar tracks the table width.
+     */
+    classNameScrollContainer?: string;
+    /**
+     * Columns, by id, that stay put while the table scrolls sideways. Left-pinned
+     * columns render first and right-pinned ones last, whatever their position in
+     * `columns`. Needs a scroll container (`classNameScrollContainer`) to stick to.
+     */
+    columnPinning?: ColumnPinningState;
     getRowId?: (originalRow: TData, index: number) => string;
     fetchData?: (params: Record<string, string | number | string[] | number[] | undefined>, signal?: AbortSignal) => Promise<{
         data: TData[];
@@ -170,6 +210,11 @@ export type Props<TData extends RowDataPrimitive> = VariantProps<typeof virtuali
     showFormPagination?: boolean;
     pageSizes?: number[] | string[];
     totalItems: number;
+    /**
+     * Direction of the page-size dropdown. 'auto' (default) opens downward
+     * and flips upward when there is no room below in the viewport.
+     */
+    dropdownPaginationDirection?: 'auto' | 'up' | 'down';
 } | {
     showPagination?: false | undefined;
     showTotalItems?: never;
@@ -178,6 +223,7 @@ export type Props<TData extends RowDataPrimitive> = VariantProps<typeof virtuali
     showFormPagination?: never;
     pageSizes?: never;
     totalItems?: never;
+    dropdownPaginationDirection?: never;
 }) & ({
     filterSearchPlaceholder?: string;
     /** @deprecated Use `filters` instead */
@@ -227,4 +273,3 @@ export type Props<TData extends RowDataPrimitive> = VariantProps<typeof virtuali
     renderExpandedRow?: never;
     keepExpandColumnVisible?: never;
 });
-export {};

package/dist/lib/components/VirtualizedTable/assets/chevron-down.d.ts

@@ -1,6 +1,5 @@
 import { FC } from 'react';
 declare const SvgComponent: FC<{
-    className: string;
-    onClick: VoidFunction;
+    className?: string;
 }>;
 export default SvgComponent;

package/dist/lib/components/VirtualizedTable/assets/chevron-up.d.ts

@@ -1,6 +1,5 @@
 import { FC } from 'react';
 declare const SvgComponent: FC<{
-    className: string;
-    onClick: VoidFunction;
+    className?: string;
 }>;
 export default SvgComponent;

package/dist/lib/components/VirtualizedTable/components/Actions/Actions.d.ts

@@ -1,3 +1,3 @@
 import { RowData } from '../../VirtualizedTable.types';
 import { Props } from './Actions.types';
-export declare const Actions: <TData extends RowData>({ actions, wrapperClassName, triggerButtonClassName, iconTriggerButtonClassName, wrapperActionsClassName, wrapperContentActionsClassName, ...delegated }: Props<TData>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Actions: <TData extends RowData>({ isPortal, ...props }: Props<TData>) => import('react').JSX.Element | null;

package/dist/lib/components/VirtualizedTable/components/Actions/Actions.types.d.ts

@@ -1,12 +1,16 @@
 import { CellContext } from '@tanstack/react-table';
-import { FC, ReactNode } from 'react';
+import { ElementType, ReactNode } from 'react';
+import { Props as TooltipProps } from '../../../Tooltip/Tooltip.types';
 import { RowData } from '../../VirtualizedTable.types';
 export type Action<TData> = {
     className?: string;
+    disabled?: boolean;
+    disabledReason?: ReactNode;
+    disabledReasonSide?: TooltipProps['side'];
     id?: string;
     onClick: (rowData: TData) => void;
 } & ({
-    component: FC;
+    component: ElementType;
     label?: string | ReactNode;
     componentProps?: Record<string, unknown>;
 } | {
@@ -16,7 +20,10 @@ export type Action<TData> = {
 });
 export type Props<TData extends RowData> = CellContext<TData, unknown> & {
     actions: Action<TData>[];
+    disabledReasonSide?: TooltipProps['side'];
     iconTriggerButtonClassName?: string;
+    isPortal?: boolean;
+    openOnHover?: boolean;
     triggerButtonClassName?: string;
     wrapperActionsClassName?: string;
     wrapperClassName?: string;

package/dist/lib/components/VirtualizedTable/components/Actions/Actions.variants.d.ts

@@ -0,0 +1,8 @@
+export declare const actionsTriggerVariants: (props?: ({
+    isOpen?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const actionsPanelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const actionsItemVariants: (props?: ({
+    isDisabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const actionsDisabledReasonVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/VirtualizedTable/components/Actions/components/ActionsList/ActionsList.d.ts

@@ -0,0 +1,3 @@
+import { RowData } from '../../../../VirtualizedTable.types';
+import { Props } from './ActionsList.types';
+export declare const ActionsList: <TData extends RowData>({ actions, className, disabledReasonSide, isMenu, rowData, onSelect, }: Props<TData>) => import('react').JSX.Element;

package/dist/lib/components/VirtualizedTable/components/Actions/components/ActionsList/ActionsList.types.d.ts

@@ -0,0 +1,11 @@
+import { Props as TooltipProps } from '../../../../../Tooltip/Tooltip.types';
+import { RowData } from '../../../../VirtualizedTable.types';
+import { Action } from '../../Actions.types';
+export type Props<TData extends RowData> = {
+    actions: Action<TData>[];
+    className?: string;
+    disabledReasonSide?: TooltipProps['side'];
+    isMenu?: boolean;
+    rowData: TData;
+    onSelect?: () => void;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/ActionsTrigger/ActionsTrigger.d.ts

@@ -0,0 +1,4 @@
+export declare const ActionsTrigger: import('react').ForwardRefExoticComponent<Omit<import('../../../../../Button/Button.types').Props, "ref"> & {
+    iconClassName?: string;
+    isOpen?: boolean;
+} & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/lib/components/VirtualizedTable/components/Actions/components/ActionsTrigger/ActionsTrigger.types.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from 'react';
+import { Button } from '../../../../../Button/Button';
+export type Props = Omit<ComponentProps<typeof Button>, 'ref'> & {
+    iconClassName?: string;
+    isOpen?: boolean;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/InlineActions/InlineActions.d.ts

@@ -0,0 +1,3 @@
+import { RowData } from '../../../../VirtualizedTable.types';
+import { Props } from '../../Actions.types';
+export declare const InlineActions: <TData extends RowData>({ actions, disabledReasonSide, openOnHover, wrapperClassName, triggerButtonClassName, iconTriggerButtonClassName, wrapperActionsClassName, wrapperContentActionsClassName, ...delegated }: Omit<Props<TData>, "isPortal">) => import('react').JSX.Element;

package/dist/lib/components/VirtualizedTable/components/Actions/components/InlineActions/constants/index.d.ts

@@ -0,0 +1,2 @@
+export declare const ITEM_HEIGHT = 36;
+export declare const LIST_PADDING = 16;

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/PortalActions.d.ts

@@ -0,0 +1,3 @@
+import { RowData } from '../../../../VirtualizedTable.types';
+import { Props } from '../../Actions.types';
+export declare const PortalActions: <TData extends RowData>({ actions, disabledReasonSide, openOnHover, wrapperClassName, triggerButtonClassName, iconTriggerButtonClassName, wrapperActionsClassName, wrapperContentActionsClassName, ...delegated }: Omit<Props<TData>, "isPortal">) => import('react').JSX.Element;

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/constants/index.d.ts

@@ -0,0 +1,2 @@
+export declare const CLOSE_DELAY_MS = 100;
+export declare const MENU_GAP_PX = 4;

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-actions-menu/use-actions-menu';

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-actions-menu/use-actions-menu.d.ts

@@ -0,0 +1,18 @@
+import { Params } from './use-actions-menu.types';
+export declare const useActionsMenu: ({ openOnHover }: Params) => {
+    buttonRef: import('react').RefObject<HTMLButtonElement | null>;
+    hasOpened: boolean;
+    isOpen: boolean;
+    menuId: string;
+    menuRef: import('react').RefObject<HTMLDivElement | null>;
+    triggerRef: import('react').RefObject<HTMLDivElement | null>;
+    closeMenu: () => void;
+    handleMenuKeyDown: (event: import('react').KeyboardEvent<HTMLDivElement>) => void;
+    handlePointerEnter: (event: import('react').PointerEvent<HTMLElement>) => void;
+    handlePointerLeave: (event: import('react').PointerEvent<HTMLElement>) => void;
+    handleTriggerClick: () => void;
+    handleTriggerKeyDown: (event: import('react').KeyboardEvent<HTMLDivElement>) => void;
+    handleTriggerPointerDown: (event: import('react').PointerEvent<HTMLElement>) => void;
+    handleButtonPointerLeave: () => void;
+    selectAndClose: () => void;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-actions-menu/use-actions-menu.types.d.ts

@@ -0,0 +1,3 @@
+export type Params = {
+    openOnHover: boolean;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-menu-interactions/use-menu-interactions.d.ts

@@ -0,0 +1,12 @@
+import { PointerEvent as ReactPointerEvent } from 'react';
+import { Params } from './use-menu-interactions.types';
+export declare const useMenuInteractions: ({ isOpen, menuRef, openOnHover, triggerRef, setIsOpen, }: Params) => {
+    closeMenu: () => void;
+    handlePointerEnter: (event: ReactPointerEvent<HTMLElement>) => void;
+    handlePointerLeave: (event: ReactPointerEvent<HTMLElement>) => void;
+    handleTriggerClick: () => void;
+    handleTriggerPointerDown: (event: ReactPointerEvent<HTMLElement>) => void;
+    handleButtonPointerLeave: () => void;
+    openMenu: () => void;
+    selectAndClose: () => void;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-menu-interactions/use-menu-interactions.types.d.ts

@@ -0,0 +1,8 @@
+import { Dispatch, RefObject, SetStateAction } from 'react';
+export type Params = {
+    isOpen: boolean;
+    menuRef: RefObject<HTMLDivElement | null>;
+    openOnHover: boolean;
+    triggerRef: RefObject<HTMLDivElement | null>;
+    setIsOpen: Dispatch<SetStateAction<boolean>>;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-menu-keyboard-navigation/use-menu-keyboard-navigation.d.ts

@@ -0,0 +1,6 @@
+import { KeyboardEvent } from 'react';
+import { Params } from './use-menu-keyboard-navigation.types';
+export declare const useMenuKeyboardNavigation: ({ buttonRef, isOpen, menuRef, closeMenu, openMenu, }: Params) => {
+    handleMenuKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+    handleTriggerKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-menu-keyboard-navigation/use-menu-keyboard-navigation.types.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+export type Params = {
+    buttonRef: RefObject<HTMLButtonElement | null>;
+    isOpen: boolean;
+    menuRef: RefObject<HTMLDivElement | null>;
+    closeMenu: () => void;
+    openMenu: () => void;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-row-highlight/use-row-highlight.d.ts

@@ -0,0 +1,2 @@
+import { Params } from './use-row-highlight.types';
+export declare const useRowHighlight: ({ isOpen, triggerRef }: Params) => void;

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-row-highlight/use-row-highlight.types.d.ts

@@ -0,0 +1,5 @@
+import { RefObject } from 'react';
+export type Params = {
+    isOpen: boolean;
+    triggerRef: RefObject<HTMLElement | null>;
+};

package/dist/lib/components/VirtualizedTable/components/Body/Body.d.ts

@@ -1,3 +1,3 @@
 import { RowData } from '../../VirtualizedTable.types';
 import { BodyProps } from './Body.types';
-export declare const Body: <TData extends RowData = RowData>({ isLoading, showPagination, emptyState, }: BodyProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const Body: <TData extends RowData = RowData>({ isLoading, showPagination, emptyState, errorState, }: BodyProps<TData>) => import('react').JSX.Element;

package/dist/lib/components/VirtualizedTable/components/Body/Body.types.d.ts

@@ -4,4 +4,5 @@ export type BodyProps<_TData extends RowData = RowData> = {
     isLoading?: boolean;
     showPagination?: boolean;
     emptyState?: ReactNode;
+    errorState?: ReactNode | ((error: Error) => ReactNode);
 };

package/dist/lib/components/VirtualizedTable/components/DotPaginate/DotPaginate.d.ts

@@ -1 +1 @@
-export declare const DotPaginate: () => import("react/jsx-runtime").JSX.Element;
+export declare const DotPaginate: () => import('react').JSX.Element;

package/dist/lib/components/VirtualizedTable/components/DropdownPaginate/DropdownPaginate.types.d.ts

@@ -1,3 +1,5 @@
 export type Props = {
     pageSizes?: number[] | string[];
+    isListPortal?: boolean;
+    direction?: 'auto' | 'up' | 'down';
 };

package/dist/lib/components/VirtualizedTable/components/EmptyResults/EmptyResults.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './EmptyResults.types';
+export declare const EmptyResults: FC<Props>;

package/dist/lib/components/VirtualizedTable/components/EmptyResults/EmptyResults.types.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type Props = {
+    className?: string;
+    description?: ReactNode;
+    image?: ReactNode;
+    resetLabel?: ReactNode;
+    title?: ReactNode;
+    onResetFilters?: () => void;
+};

package/dist/lib/components/VirtualizedTable/components/EmptyState/EmptyState.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './EmptyState.types';
+export declare const EmptyState: FC<Props>;

package/dist/lib/components/VirtualizedTable/components/EmptyState/EmptyState.types.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export type Props = {
+    action?: ReactNode;
+    className?: string;
+    description?: ReactNode;
+    image?: ReactNode;
+    title: ReactNode;
+};

package/dist/lib/components/VirtualizedTable/components/ErrorState/ErrorState.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './ErrorState.types';
+export declare const ErrorState: FC<Props>;

package/dist/lib/components/VirtualizedTable/components/ErrorState/ErrorState.types.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type Props = {
+    className?: string;
+    description?: ReactNode;
+    icon?: ReactNode;
+    retryLabel?: ReactNode;
+    title?: ReactNode;
+    onRetry?: () => void;
+};

package/dist/lib/components/VirtualizedTable/components/Filter/Filter.types.d.ts

@@ -1,5 +1,5 @@
 import { ActionFilterConfig, FilterConfig, MultiSelectFilter } from '../../VirtualizedTable.types';
-export type { Option } from '../../../../../components/Filter/Filter.types';
+export type { Option } from '../../../Filter/Filter.types';
 /** @deprecated Use `ActionFilterConfig` with `type: 'action'` in the `filters` array instead */
 export type FilterAction = ActionFilterConfig;
 export type Props = {

package/dist/lib/components/VirtualizedTable/components/FormPaginate/FormPaginate.d.ts

@@ -1 +1 @@
-export declare const FormPaginate: () => import("react/jsx-runtime").JSX.Element;
+export declare const FormPaginate: () => import('react').JSX.Element;

package/dist/lib/components/VirtualizedTable/components/Header/Header.d.ts

@@ -1,3 +1,3 @@
 import { RowData } from '../../VirtualizedTable.types';
 import { Props } from './Header.types';
-export declare const Header: <TData extends RowData>({ className, classNameArrows, classNameActiveArrows, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Header: <TData extends RowData>({ className, classNameArrows, classNameActiveArrows, classNameHeaderContent, }: Props) => import('react').JSX.Element;

package/dist/lib/components/VirtualizedTable/components/Header/Header.types.d.ts

@@ -2,4 +2,5 @@ export type Props = {
     className?: string;
     classNameArrows?: string;
     classNameActiveArrows?: string;
+    classNameHeaderContent?: string;
 };

package/dist/lib/components/VirtualizedTable/components/Pagination/Pagination.types.d.ts

@@ -6,4 +6,6 @@ export type Props = {
     pageSizes?: number[] | string[];
     classNamePagination?: string;
     isLoading?: boolean;
+    isListPortal?: boolean;
+    dropdownPaginationDirection?: 'auto' | 'up' | 'down';
 };

package/dist/lib/components/VirtualizedTable/components/ScrollContainer/ScrollContainer.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { Props } from './ScrollContainer.types';
+/**
+ * The horizontal scroll container. It flags itself with `data-kvt-overflow`
+ * while the content is wider than the viewport, which is what the pinned
+ * column dividers key on. With pinned columns it also swaps the native
+ * scrollbar for a thin one that only spans the columns that actually move and
+ * stays visible, and fades the content on whichever side still has more to show.
+ */
+export declare const ScrollContainer: FC<Props>;

package/dist/lib/components/VirtualizedTable/components/ScrollContainer/ScrollContainer.types.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+export type Props = PropsWithChildren & {
+    className?: string;
+    /** Hides the native scrollbar and draws one under the scrolling columns only. */
+    hasPinnedColumns?: boolean;
+};

package/dist/lib/components/VirtualizedTable/components/Skeleton/Skeleton.d.ts

@@ -1,2 +1,2 @@
 import { SkeletonProps } from './Skeleton.types';
-export declare const Skeleton: <T>({ numberOfRows, table }: SkeletonProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Skeleton: <T>({ numberOfRows, table }: SkeletonProps<T>) => import('react').JSX.Element;

package/dist/lib/components/VirtualizedTable/components/TruncateText/TruncateText.d.ts

@@ -1,2 +1,3 @@
+import { RowData } from '../../VirtualizedTable.types';
 import { Props } from './TruncateText.types';
-export declare const TruncateText: <TData>({ getValue, value, textClassName, side, sideOffset, bgClassName, arrowClassName, className, delayDuration, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const TruncateText: <TData extends RowData = RowData>({ getValue, value, textClassName, variant, component, copyable, copyButtonProps, side, sideOffset, bgClassName, arrowClassName, className, delayDuration, }: Props<TData>) => import('react').JSX.Element;

package/dist/lib/components/VirtualizedTable/components/TruncateText/TruncateText.types.d.ts

@@ -1,8 +1,13 @@
 import { CellContext } from '@tanstack/react-table';
-import { Props as TooltipProps } from '../../../../../components/Tooltip/Tooltip.types';
+import { Props as CopyButtonProps } from '../../../CopyButton/CopyButton.types';
+import { Props as TooltipProps } from '../../../Tooltip/Tooltip.types';
+import { Props as TypographyProps } from '../../../Typography/Typography.types';
 import { RowData } from '../../VirtualizedTable.types';
-export type Props<TData extends RowData> = CellContext<TData, string> & Partial<Omit<TooltipProps, 'content' | 'children' | 'textClassName'>> & {
-    value?: string;
-    /** Additional className for the text element */
+export type Props<TData extends RowData = RowData> = Partial<CellContext<TData, string>> & Partial<Omit<TooltipProps, 'content' | 'children' | 'textClassName'>> & {
+    component?: TypographyProps['component'];
+    copyable?: boolean;
+    copyButtonProps?: Partial<Omit<CopyButtonProps, 'text'>>;
     textClassName?: string;
+    value?: string;
+    variant?: TypographyProps['variant'];
 };