@konstructio/ui 0.1.2-alpha.8 → 0.1.2-alpha.81

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

@@ -0,0 +1,21 @@
+import { FC } from 'react';
+import { Props } from './TimePicker.types';
+/**
+ * A scrollable time picker component with 12 or 24 hour format support.
+ * Features smooth scroll navigation through hours, minutes, and AM/PM options.
+ *
+ * @example
+ * ```tsx
+ * <TimePicker
+ *   label="Start Time"
+ *   name="startTime"
+ *   format="12"
+ *   time={selectedTime}
+ *   scrollBehavior="smooth"
+ * />
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-timepicker--docs Storybook}
+ */
+declare const TimePicker: FC<Props>;
+export { TimePicker };

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

@@ -0,0 +1,55 @@
+import { VariantProps } from 'class-variance-authority';
+import { timePickerVariants } from './TimePicker.variants';
+/**
+ * Props for the TimePicker component.
+ * A scrollable time picker with support for 12 and 24 hour formats.
+ *
+ * @example
+ * ```tsx
+ * <TimePicker
+ *   label="Meeting Time"
+ *   name="meetingTime"
+ *   format="12"
+ *   time={new Date()}
+ *   isRequired
+ * />
+ * ```
+ */
+export type Props = VariantProps<typeof timePickerVariants> & {
+    /** Time format: '12' for AM/PM or '24' for military time */
+    format?: '12' | '24';
+    /** Input mode: 'select' for dropdown only, 'input' for typing */
+    mode?: 'select' | 'input';
+    /** Whether to show the dropdown list (default: true) */
+    showList?: boolean;
+    /** Scroll behavior when navigating times */
+    scrollBehavior?: 'smooth' | 'auto';
+    /** Currently selected time */
+    time?: Date;
+    /** Form field name */
+    name?: string;
+    /** Label displayed above the picker */
+    label?: string;
+    /** Whether the field is required */
+    isRequired?: boolean;
+    /** Additional CSS classes for the wrapper */
+    className?: string;
+    /** Additional CSS classes for the scrollable list */
+    listClassName?: string;
+    /** Additional CSS classes for list items */
+    listItemClassName?: string;
+    /** Additional CSS classes for list item buttons */
+    listItemButtonClassName?: string;
+    /** Callback when time changes */
+    onChange?: (time: Date) => void;
+    /** Whether the picker is disabled */
+    disabled?: boolean;
+    /** Error message to display (overrides internal validation error) */
+    error?: string;
+    /** Placeholder text for input mode */
+    placeholder?: string;
+    /** Direction to open the dropdown list (default: 'bottom') */
+    listPosition?: 'top' | 'bottom';
+};
+/** @deprecated Use Props instead */
+export type TimePickerProps = Props;

package/dist/lib/components/TimePicker/TimePicker.variants.d.ts

@@ -0,0 +1,4 @@
+export declare const timePickerVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const ulVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const liVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const buttonVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/TimePicker/components/HoursList/HoursList.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { HourListProps } from './HoursList.types';
+declare const HoursList: FC<HourListProps>;
+export { HoursList };

package/dist/lib/components/TimePicker/components/HoursList/HoursList.types.d.ts

@@ -0,0 +1,8 @@
+import { Props as TimePickerProps } from '../../TimePicker.types';
+export type HourListProps = {
+    hours: number;
+    scrollBehavior?: TimePickerProps['scrollBehavior'];
+    listClassName?: TimePickerProps['listClassName'];
+    listItemClassName?: TimePickerProps['listItemClassName'];
+    listItemButtonClassName?: TimePickerProps['listItemButtonClassName'];
+};

package/dist/lib/components/TimePicker/components/MeridianList/MeridianList.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { MeridianListProps } from './MeridianList.types';
+declare const MeridianList: FC<MeridianListProps>;
+export { MeridianList };

package/dist/lib/components/TimePicker/components/MeridianList/MeridianList.types.d.ts

@@ -0,0 +1,7 @@
+import { Props as TimePickerProps } from '../../TimePicker.types';
+export type MeridianListProps = {
+    listClassName?: TimePickerProps['listClassName'];
+    listItemClassName?: TimePickerProps['listItemClassName'];
+    listItemButtonClassName?: TimePickerProps['listItemButtonClassName'];
+    onClose?: () => void;
+};

package/dist/lib/components/TimePicker/components/MinutesList/MinutesList.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { MinutesLitProps } from './MinutesList.types';
+declare const MinutesList: FC<MinutesLitProps>;
+export { MinutesList };

package/dist/lib/components/TimePicker/components/MinutesList/MinutesList.types.d.ts

@@ -0,0 +1,9 @@
+import { Props as TimePickerProps } from '../../TimePicker.types';
+export type MinutesLitProps = {
+    minutes: number;
+    scrollBehavior?: TimePickerProps['scrollBehavior'];
+    listClassName?: TimePickerProps['listClassName'];
+    listItemClassName?: TimePickerProps['listItemClassName'];
+    listItemButtonClassName?: TimePickerProps['listItemButtonClassName'];
+    onClose?: () => void;
+};

package/dist/lib/components/TimePicker/components/Wrapper/Wrapper.d.ts

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

package/dist/lib/components/TimePicker/components/Wrapper/Wrapper.types.d.ts

@@ -0,0 +1,6 @@
+import { Props as TimePickerProps } from '../../TimePicker.types';
+export type WrapperProps = Omit<TimePickerProps, 'format' | 'time' | 'onChange'> & {
+    mode?: 'select' | 'input';
+    showList?: boolean;
+    error?: string;
+};

package/dist/lib/components/TimePicker/components/WrapperList/WrapperList.d.ts

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

package/dist/lib/components/TimePicker/components/WrapperList/WrapperList.types.d.ts

@@ -0,0 +1,9 @@
+import { Props as TimePickerProps } from '../../TimePicker.types';
+export type WrapperListProps = {
+    isOpen: boolean;
+    scrollBehavior?: TimePickerProps['scrollBehavior'];
+    listClassName?: TimePickerProps['listClassName'];
+    listItemClassName?: TimePickerProps['listItemClassName'];
+    listItemButtonClassName?: TimePickerProps['listItemButtonClassName'];
+    onClose?: () => void;
+};

package/dist/lib/components/TimePicker/components/index.d.ts

@@ -0,0 +1 @@
+export * from './WrapperList/WrapperList';

package/dist/lib/components/TimePicker/contexts/index.d.ts

@@ -0,0 +1,3 @@
+export * from './time-picker.context';
+export * from './time-picker.provider';
+export * from './time-picker.hook';

package/dist/lib/components/TimePicker/contexts/time-picker.context.d.ts

@@ -0,0 +1,15 @@
+import { TimePickerProps } from '../TimePicker.types';
+export type TimePickerContextType = {
+    time: Date | undefined;
+    format: NonNullable<TimePickerProps['format']>;
+    formattedTime: string;
+    isAM: boolean;
+    isTyping: boolean;
+    onSelectHour: (hour: number) => void;
+    onSelectMinute: (minute: number) => void;
+    onSelectAM: () => void;
+    onSelectPM: () => void;
+    setTimeDirectly: (time: Date) => void;
+    setIsTyping: (value: boolean) => void;
+};
+export declare const TimePickerContext: import('react').Context<TimePickerContextType>;

package/dist/lib/components/TimePicker/contexts/time-picker.hook.d.ts

@@ -0,0 +1,2 @@
+import { TimePickerContextType } from './time-picker.context';
+export declare const useTimePickerContext: () => TimePickerContextType;

package/dist/lib/components/TimePicker/contexts/time-picker.provider.d.ts

@@ -0,0 +1,7 @@
+import { FC, PropsWithChildren } from 'react';
+import { TimePickerProps } from '../TimePicker.types';
+export declare const TimePickerProvider: FC<PropsWithChildren & {
+    time?: Date;
+    format: NonNullable<TimePickerProps['format']>;
+    onChange?: (time: Date) => void;
+}>;

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

@@ -0,0 +1,8 @@
+export declare const getFormattedTime: (time: Date, format: "12" | "24") => string;
+export declare const getHours: (time: Date | undefined) => number;
+export declare const getMinutes: (time: Date | undefined) => number;
+/**
+ * Parses a time string and returns a Date object.
+ * Supports formats: "HH:MM", "H:MM", "H:M", "HH:MM AM/PM", "H:MM AM/PM", "H:M AM/PM"
+ */
+export declare const parseTimeString: (value: string, format: "12" | "24") => Date | null;

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

@@ -0,0 +1,25 @@
+import { FC } from 'react';
+import { Props } from './Toast.types';
+/**
+ * A toast notification component built on Radix UI primitives.
+ * Wraps a trigger element and shows a toast when clicked.
+ *
+ * @example
+ * ```tsx
+ * const [open, setOpen] = useState(false);
+ *
+ * <Toast
+ *   open={open}
+ *   setOpen={setOpen}
+ *   title="Saved"
+ *   description="Your changes have been saved successfully"
+ *   variant="success"
+ *   duration={3000}
+ * >
+ *   <Button>Save Changes</Button>
+ * </Toast>
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-toast--docs Storybook}
+ */
+export declare const Toast: FC<Props>;

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

@@ -0,0 +1,48 @@
+import { VariantProps } from 'class-variance-authority';
+import { PropsWithChildren, ReactNode } from 'react';
+import { Theme } from '../../../domain/theme';
+import { toastVariants } from './Toast.variants';
+/**
+ * Props for the Toast component.
+ *
+ * @example
+ * ```tsx
+ * const [open, setOpen] = useState(false);
+ *
+ * <Toast
+ *   open={open}
+ *   setOpen={setOpen}
+ *   title="Success"
+ *   description="Your changes have been saved"
+ *   variant="success"
+ * >
+ *   <Button onClick={() => setOpen(true)}>Show Toast</Button>
+ * </Toast>
+ * ```
+ */
+export interface Props extends PropsWithChildren, VariantProps<typeof toastVariants> {
+    /** Additional CSS classes for the toast */
+    className?: string;
+    /** CSS classes for the close button */
+    closeButtonClassName?: string;
+    /** Description text or element */
+    description: string | ReactNode;
+    /** CSS classes for the description */
+    descriptionClassName?: string;
+    /** Auto-dismiss duration in ms (default: 5000) */
+    duration?: number;
+    /** Controlled open state */
+    open: boolean;
+    /** Show close button (default: true) */
+    showCloseButton?: boolean;
+    /** Theme override for this component */
+    theme?: Theme;
+    /** Title text or element */
+    title: string | ReactNode;
+    /** CSS classes for the title */
+    titleClassName?: string;
+    /** Callback to update open state */
+    setOpen: (open: boolean) => void;
+}
+/** @deprecated Use Props instead */
+export type ToastProps = Props;

package/dist/lib/components/Toast/Toast.variants.d.ts

@@ -0,0 +1,5 @@
+export declare const toastVariants: (props?: ({
+    variant?: "success" | "info" | "warning" | "error" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const viewportToastVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const closeToastVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+import { Props } from './Tooltip.types';
+/**
+ * A tooltip component that shows on hover.
+ * Built on Radix UI for accessible, well-positioned tooltips.
+ *
+ * @example
+ * ```tsx
+ * <Tooltip content="Click to save">
+ *   <Button>Save</Button>
+ * </Tooltip>
+ *
+ * <Tooltip content="More information" side="bottom">
+ *   <InfoIcon />
+ * </Tooltip>
+ *
+ * <Tooltip content="Danger!" bgClassName="bg-red-500">
+ *   <Button variant="danger">Delete</Button>
+ * </Tooltip>
+ * ```
+ */
+export declare const Tooltip: FC<Props>;

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

@@ -0,0 +1,41 @@
+import { ReactNode } from 'react';
+/**
+ * Props for the Tooltip component.
+ *
+ * @example
+ * ```tsx
+ * <Tooltip content="Click to edit">
+ *   <Button>Edit</Button>
+ * </Tooltip>
+ *
+ * <Tooltip content="More info here" side="bottom">
+ *   <InfoIcon />
+ * </Tooltip>
+ *
+ * <Tooltip content="Danger!" bgClassName="bg-red-500">
+ *   <Button variant="danger">Delete</Button>
+ * </Tooltip>
+ * ```
+ */
+export interface Props {
+    /** Tooltip text or content */
+    content: ReactNode | string;
+    /** The trigger element */
+    children: ReactNode;
+    /** Tooltip position relative to trigger */
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    /** Distance from trigger in px */
+    sideOffset?: number;
+    /** Background color class for tooltip (e.g. 'bg-slate-700', 'bg-red-500') */
+    bgClassName?: string;
+    /** Arrow fill color class (e.g. 'fill-slate-700', 'fill-red-500'). Should match bgClassName */
+    arrowClassName?: string;
+    /** Text color class (e.g. 'text-white') */
+    textClassName?: string;
+    /** Additional className for tooltip content */
+    className?: string;
+    /** Delay before showing tooltip in ms */
+    delayDuration?: number;
+}
+/** @deprecated Use Props instead */
+export type TooltipProps = Props;

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

@@ -0,0 +1,18 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { Props } from './Typography.types';
+/**
+ * A flexible typography component for consistent text styling.
+ * Automatically selects semantic HTML elements based on variant.
+ *
+ * @example
+ * ```tsx
+ * <Typography variant="h1">Main Heading</Typography>
+ * <Typography variant="body1">Paragraph text</Typography>
+ * <Typography variant="subtitle1" component="span">Inline text</Typography>
+ * <Typography variant="h3" component="label" htmlFor="input">Label</Typography>
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-typography--docs Storybook}
+ */
+declare const Typography: ForwardRefExoticComponent<Omit<Props, 'ref'> & RefAttributes<HTMLParagraphElement & HTMLHeadingElement & HTMLLabelElement>>;
+export { Typography };

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

@@ -0,0 +1,31 @@
+import { VariantProps } from 'class-variance-authority';
+import { ComponentRef, HTMLAttributes, ReactNode, Ref } from 'react';
+import { Theme } from '../../../domain/theme';
+import { typographyVariants } from './Typography.variants';
+/** Valid HTML heading tags */
+export type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+/**
+ * Props for the Typography component.
+ * A flexible text component with semantic variants and theming.
+ *
+ * @example
+ * ```tsx
+ * <Typography variant="h1">Page Title</Typography>
+ * <Typography variant="body1">Body text content</Typography>
+ * <Typography variant="h2" component="p">Styled as h2 but renders as p</Typography>
+ * ```
+ */
+export interface Props extends HTMLAttributes<ComponentRef<HeadingTag | 'p' | 'span'>>, VariantProps<typeof typographyVariants> {
+    /** Ref to the underlying DOM element */
+    ref?: Ref<HTMLHeadingElement | HTMLParagraphElement | HTMLSpanElement>;
+    /** Text content to display */
+    children: ReactNode;
+    /** Override the rendered HTML element */
+    component?: HeadingTag | 'p' | 'span' | 'label';
+    /** Theme override for this component */
+    theme?: Theme;
+    /** For use with label component to associate with form input */
+    htmlFor?: string;
+}
+/** @deprecated Use Props instead */
+export type TypographyProps = Props;

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

@@ -0,0 +1,3 @@
+export declare const typographyVariants: (props?: ({
+    variant?: "tooltip" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2" | "subtitle3" | "labelLarge" | "labelMedium" | "labelSmall" | "buttonSmall" | "body1" | "body2" | "body3" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,16 @@
+import { JSX } from 'react';
+import { Props, RowData } from './VirtualizedTable.types';
+import { TruncateText } from './components';
+import { Props as ActionProps } from './components/Actions/Actions.types';
+type VirtualizedTableCompound = (<TData extends RowData>(props: Props<TData>) => JSX.Element) & {
+    TruncateText: typeof TruncateText;
+    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;
+    };
+    displayName?: string;
+};
+declare const VirtualizedTable: VirtualizedTableCompound;
+export { TruncateText, VirtualizedTable };

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

@@ -0,0 +1,228 @@
+import { ColumnDef as ColumnDefPrimitive, 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 { virtualizeTableVariants } from './VirtualizedTable.variants';
+import { Option } from './components/Filter/Filter.types';
+import { UseQueryOptions } from '@tanstack/react-query';
+/** Base row data type from TanStack Table */
+export type RowData = RowDataPrimitive;
+export type ColumnDef<TData extends RowData> = ColumnDefPrimitive<TData, string>;
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        className?: string | ((row: TData) => string);
+        attributes?: Record<string, string | number | boolean>;
+        headerClassName?: string;
+    }
+}
+export interface RowMetadata {
+    className?: string;
+    attributes?: Record<string, string | number | boolean>;
+    expandedRow?: ReactNode;
+    [key: string]: unknown;
+}
+export type RowDataWithMeta = Record<string, unknown> & {
+    meta?: RowMetadata;
+};
+/**
+ * Base shape shared by all filter configurations.
+ */
+type FilterConfigBase = {
+    /** Unique key for the filter, used as query parameter key */
+    key: string;
+    /** Display label for the filter trigger button */
+    label: string;
+    /** Position of the dropdown relative to the button */
+    position?: 'right' | 'left';
+};
+/**
+ * Configuration for a badge multi-select filter.
+ * Options are displayed with Badge components.
+ */
+export type BadgeMultiSelectFilterConfig = FilterConfigBase & {
+    /** Filter type — defaults to 'badgeMultiSelect' when omitted */
+    type?: 'badgeMultiSelect';
+    /** Available filter options */
+    options: Option[];
+};
+/**
+ * Configuration for a text multi-select filter.
+ * Options are displayed as plain text labels.
+ */
+export type TextMultiSelectFilterConfig = FilterConfigBase & {
+    type: 'textMultiSelect';
+    /** Available filter options */
+    options: Option[];
+};
+/**
+ * Configuration for a single date filter.
+ */
+export type DateFilterConfig = FilterConfigBase & {
+    type: 'date';
+    /** Country code for locale formatting (default: 'US') */
+    countryCode?: string;
+};
+/**
+ * Configuration for a date range filter.
+ */
+export type DateRangeFilterConfig = FilterConfigBase & {
+    type: 'dateRange';
+    /** Whether to show time inputs (default: false) */
+    showTime?: boolean;
+    /** Time format: '12' for 12-hour or '24' for 24-hour */
+    timeFormat?: '12' | '24';
+    /** Whether to show preset options (default: true) */
+    showPresets?: boolean;
+    /** Initial date range */
+    defaultRange?: DateRange;
+    /** Minimum selectable date */
+    minDate?: Date;
+    /** Maximum selectable date */
+    maxDate?: Date;
+    /** Country code for locale formatting (default: 'US') */
+    countryCode?: string;
+    /** Callback when the date range changes */
+    onRangeChange?: (range: DateRangeWithTime) => void;
+};
+/**
+ * Configuration for an action button rendered inline with filters.
+ */
+export type ActionFilterConfig = {
+    type: 'action';
+    /** Text displayed inside the button. Also used as the React key. */
+    label: string;
+    /** Icon rendered before the label */
+    leftIcon?: ReactNode;
+    /** Icon rendered after the label */
+    rightIcon?: ReactNode;
+} & Omit<ButtonProps, 'children' | 'type'>;
+/**
+ * Configuration for a time filter with optional presets and a TimePicker.
+ */
+export type TimeFilterConfig = FilterConfigBase & {
+    type: 'time';
+    /** Time format: '12' for AM/PM or '24' for military time (default: '12') */
+    format?: '12' | '24';
+    /** Preset time options for quick selection */
+    presets?: TimePreset[];
+    /** Whether to show the TimePicker for custom time selection (default: true) */
+    showTimePicker?: boolean;
+};
+/**
+ * Union of all supported filter configurations.
+ */
+export type FilterConfig = BadgeMultiSelectFilterConfig | TextMultiSelectFilterConfig | DateFilterConfig | DateRangeFilterConfig | ActionFilterConfig | TimeFilterConfig;
+/**
+ * @deprecated Use FilterConfig instead
+ */
+export type MultiSelectFilter = BadgeMultiSelectFilterConfig;
+/**
+ * Props for the VirtualizedTable component.
+ * A feature-rich data table with filtering, pagination, and sorting.
+ *
+ * @example
+ * ```tsx
+ * <VirtualizedTable
+ *   id="users-table"
+ *   ariaLabel="Users list"
+ *   columns={[
+ *     { accessorKey: 'name', header: 'Name' },
+ *     { accessorKey: 'email', header: 'Email' },
+ *   ]}
+ *   data={users}
+ *   totalItems={totalUsers}
+ *   showPagination
+ *   showFilter
+ *   showFilterInput
+ *   filterSearchPlaceholder="Search users..."
+ * />
+ * ```
+ */
+export type Props<TData extends RowDataPrimitive> = VariantProps<typeof virtualizeTableVariants> & {
+    id: string | string[];
+    ariaLabel?: string;
+    columns: ColumnDefPrimitive<TData, string>[];
+    data: TData[];
+    className?: string;
+    classNameHeaderActiveArrows?: string;
+    classNameHeaderArrows?: string;
+    classNameHeaderTable?: string;
+    classNameTable?: string;
+    classNameWrapperTable?: string;
+    enableHoverRow?: boolean;
+    classNameHoverRow?: string;
+    queryOptions?: Omit<UseQueryOptions<any, any, any, any>, 'queryKey' | 'queryFn'>;
+    isLoading?: boolean;
+    getRowId?: (originalRow: TData, index: number) => string;
+    fetchData?: (params: Record<string, string | number | string[] | number[] | undefined>, signal?: AbortSignal) => Promise<{
+        data: TData[];
+        totalItemsCount?: number;
+    }>;
+} & ({
+    showPagination: true;
+    showTotalItems?: boolean;
+    showDropdownPagination?: boolean;
+    showDotPagination?: boolean;
+    showFormPagination?: boolean;
+    pageSizes?: number[] | string[];
+    totalItems: number;
+} | {
+    showPagination?: false | undefined;
+    showTotalItems?: never;
+    showDropdownPagination?: never;
+    showDotPagination?: never;
+    showFormPagination?: never;
+    pageSizes?: never;
+    totalItems?: never;
+}) & ({
+    filterSearchPlaceholder?: string;
+    /** @deprecated Use `filters` instead */
+    multiSelectFilter?: MultiSelectFilter[];
+    filters?: FilterConfig[];
+    showFilter: true;
+    showFilterInput?: boolean;
+    /** @deprecated Use `ActionFilterConfig` items in `filters` instead */
+    filterActions?: ActionFilterConfig[];
+    showResetButton?: boolean;
+    resetButtonClassName?: string;
+    closeOnApply?: boolean;
+} | {
+    filterSearchPlaceholder?: never;
+    /** @deprecated Use `filters` instead */
+    multiSelectFilter?: never;
+    filters?: never;
+    showFilter?: false | undefined;
+    showFilterInput?: never;
+    /** @deprecated Use `ActionFilterConfig` items in `filters` instead */
+    filterActions?: ActionFilterConfig[];
+    showResetButton?: never;
+    resetButtonClassName?: never;
+    closeOnApply?: never;
+}) & ({
+    enableExpandedRow: true;
+    expandedState?: ExpandedState;
+    defaultExpanded?: ExpandedState;
+    classNameExpandedRow?: string;
+    classNameExpandedCell?: string;
+    classNameExpandedContent?: string;
+    classNameExpandedHeader?: string;
+    classNameActiveExpandedRow?: string;
+    onExpandedChange?: OnChangeFn<ExpandedState>;
+    renderExpandedRow?: (data: TData) => ReactNode;
+    keepExpandColumnVisible?: boolean | Record<string, boolean>;
+} | {
+    enableExpandedRow?: false | undefined;
+    expandedState?: never;
+    defaultExpanded?: never;
+    classNameExpandedRow?: never;
+    classNameExpandedCell?: never;
+    classNameExpandedContent?: never;
+    classNameExpandedHeader?: never;
+    classNameActiveExpandedRow?: never;
+    onExpandedChange?: never;
+    renderExpandedRow?: never;
+    keepExpandColumnVisible?: never;
+});
+export {};

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

@@ -0,0 +1 @@
+export declare const virtualizeTableVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;