@embeddable.com/remarkable-ui 2.0.21 → 2.0.25

package/dist/index.d.ts

@@ -1,249 +1,14 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { FC, SVGProps, ImgHTMLAttributes, ReactNode, ReactElement } from 'react';
+import React__default, { FC, ReactElement, CSSProperties, RefObject, SVGProps, ImgHTMLAttributes, ReactNode } from 'react';
+import { ChartData, ChartOptions, CartesianTickOptions, GridLineOptions } from 'chart.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { S as StylesKeys } from './index-D70sAhnA.js';
+export { a as Styles, s as styles } from './index-D70sAhnA.js';
+import { DateRange } from 'react-day-picker';
+export { DateRange } from 'react-day-picker';
 import * as _tabler_icons_react from '@tabler/icons-react';
 import { IconProps, Icon } from '@tabler/icons-react';
 import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
-import { DateRange } from 'react-day-picker';
-export { DateRange } from 'react-day-picker';
-import { ChartData, ChartOptions, CartesianTickOptions, GridLineOptions } from 'chart.js';
-import { S as StylesKeys } from './index-CywKouhv.js';
-export { a as Styles, s as styles } from './index-CywKouhv.js';
-
-declare const Skeleton: () => react_jsx_runtime.JSX.Element;
-
-declare const Card: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
-    children?: React__default.ReactNode;
-} & React__default.RefAttributes<HTMLDivElement>>;
-type CardHeaderProps = {
-    title?: string;
-    subtitle?: string;
-    rightContent?: React__default.ReactNode;
-};
-declare const CardHeader: React__default.FC<CardHeaderProps>;
-type CardContentProps = {
-    children: React__default.ReactNode;
-};
-declare const CardContent: React__default.ForwardRefExoticComponent<CardContentProps & React__default.RefAttributes<HTMLDivElement>>;
-
-type CardFeedbackProps = {
-    className?: string;
-    icon?: React.ComponentType<IconProps>;
-    title: string;
-    message: string;
-    variant?: 'error' | 'info';
-};
-declare const CardFeedback: React.FC<CardFeedbackProps>;
-
-type TypographyElement = 'p' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label' | 'div';
-type TypographyProps = {
-    children: React__default.ReactNode;
-    as?: TypographyElement;
-    className?: string;
-    title?: string;
-    style?: React__default.CSSProperties;
-};
-declare function Typography({ children, as: Component, className, style, title, }: TypographyProps): React__default.JSX.Element;
-
-type ActionIconProps = {
-    className?: string;
-    icon: React__default.ComponentType<IconProps>;
-} & React__default.ButtonHTMLAttributes<HTMLButtonElement>;
-declare const ActionIcon: React__default.FC<ActionIconProps>;
-
-type ButtonIconProps = {
-    variant?: 'primary' | 'secondary';
-    size?: 'small' | 'medium';
-    icon: React__default.ComponentType<IconProps>;
-} & React__default.ButtonHTMLAttributes<HTMLButtonElement>;
-declare const ButtonIcon: React__default.FC<ButtonIconProps>;
-
-type DropdownProps = {
-    triggerComponent: React.ReactNode;
-    children: React.ReactNode;
-    disabled?: boolean;
-    open?: boolean;
-    side?: React.ComponentProps<typeof DropdownMenu.Content>['side'];
-    align?: React.ComponentProps<typeof DropdownMenu.Content>['align'];
-    onOpenChange?: (open: boolean) => void;
-};
-declare const Dropdown: FC<DropdownProps>;
-
-type SelectListOptionIcon = React.ReactElement<SVGProps<SVGSVGElement>> | React.ReactElement<ImgHTMLAttributes<HTMLImageElement>>;
-type SelectListOptionProps = {
-    value?: string;
-    isSelected?: boolean;
-    label: string;
-    rightLabel?: string;
-    startIcon?: SelectListOptionIcon;
-    endIcon?: SelectListOptionIcon;
-    disabled?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
-};
-type SelectListOptionPropsWithCategory = SelectListOptionProps & {
-    category: string;
-};
-declare const SelectListOption: FC<SelectListOptionProps>;
-
-type ButtonProps = {
-    startIcon?: React.ComponentType<IconProps>;
-    endIcon?: React.ComponentType<IconProps>;
-    children: string;
-    size?: 'small' | 'medium';
-    variant?: 'primary' | 'secondary';
-} & React.ButtonHTMLAttributes<HTMLButtonElement>;
-declare const Button: React.FC<ButtonProps>;
-
-type GhostButtonProps = {
-    startIcon?: Icon;
-    endIcon?: Icon;
-} & React__default.ButtonHTMLAttributes<HTMLButtonElement>;
-declare const GhostButton: React__default.FC<GhostButtonProps>;
-
-type OverlayProps = {
-    className?: string;
-    children?: ReactNode;
-};
-declare const Overlay: FC<OverlayProps>;
-
-type FieldHeaderProps = {
-    className?: string;
-    label?: string;
-    required?: boolean;
-    requiredLabel?: string;
-};
-declare const FieldHeader: ({ label, required, requiredLabel, className, }: FieldHeaderProps) => react_jsx_runtime.JSX.Element | null;
-
-type MultiSelectFieldProps = {
-    startIcon?: React.ComponentType<IconProps>;
-    disabled?: boolean;
-    isClearable?: boolean;
-    isLoading?: boolean;
-    isSearchable?: boolean;
-    noOptionsMessage?: string;
-    options: (SelectListOptionProps | SelectListOptionPropsWithCategory)[];
-    placeholder?: string;
-    submitLabel?: string;
-    values?: string[];
-    onChange: (value: string[]) => void;
-    onSearch?: (search: string) => void;
-    error?: boolean;
-    errorMessage?: string;
-} & FieldHeaderProps;
-declare const MultiSelectField: FC<MultiSelectFieldProps>;
-
-type SwitchProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {
-    onChange?: (checked: boolean) => void;
-    disabled?: boolean;
-    className?: string;
-    label?: string;
-};
-declare const Switch: React__default.FC<SwitchProps>;
-
-type FieldFeedbackProps = {
-    message: string;
-    variant?: 'error';
-    className?: string;
-};
-declare const FieldFeedback: FC<FieldFeedbackProps>;
-
-declare const SelectFieldTrigger: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
-    startIcon?: React.ComponentType<IconProps>;
-    valueLabel?: string;
-    placeholder?: string;
-    isClearable?: boolean;
-    isLoading?: boolean;
-    onClear?: () => void;
-    error?: boolean;
-} & React$1.RefAttributes<HTMLButtonElement>>;
-
-type SelectFieldContentProps = {
-    children: ReactNode;
-    autoFocus?: boolean;
-    className?: string;
-    fitContent?: boolean;
-};
-declare const SelectFieldContent: FC<SelectFieldContentProps>;
-type SelectFieldContentListProps = {
-    children: React.ReactNode;
-    autoFocus?: boolean;
-    className?: string;
-    disabled?: boolean;
-};
-declare const SelectFieldContentList: FC<SelectFieldContentListProps>;
-
-type SingleSelectFieldProps = {
-    options: (SelectListOptionProps | SelectListOptionPropsWithCategory)[];
-    startIcon?: React.ComponentType<IconProps>;
-    value?: string;
-    disabled?: boolean;
-    placeholder?: string;
-    searchable?: boolean;
-    clearable?: boolean;
-    isLoading?: boolean;
-    noOptionsMessage?: string;
-    onChange: (value: string) => void;
-    onSearch?: (search: string) => void;
-    error?: boolean;
-    errorMessage?: string;
-} & FieldHeaderProps;
-declare const SingleSelectField: FC<SingleSelectFieldProps>;
-
-declare const TextField: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange"> & {
-    value?: string;
-    placeholder?: string;
-    startIcon?: React.ComponentType<_tabler_icons_react.IconProps>;
-    endIcon?: React.ComponentType<_tabler_icons_react.IconProps>;
-    onChange: (value: string) => void;
-    clearable?: boolean;
-    error?: boolean;
-    errorMessage?: string;
-} & FieldHeaderProps & React$1.RefAttributes<HTMLInputElement>>;
-
-type InputFieldProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {
-    value?: string;
-    placeholder?: string;
-    startIcon?: React.ComponentType<IconProps>;
-    endIcon?: React.ComponentType<IconProps>;
-    onChange: (value: string) => void;
-    clearable?: boolean;
-    error?: boolean;
-    errorMessage?: string;
-} & FieldHeaderProps;
-
-declare const NumberField: React$1.ForwardRefExoticComponent<Omit<InputFieldProps, "onChange" | "value"> & {
-    value?: number | null;
-    step?: number;
-    min?: number;
-    max?: number;
-    onChange?: (value: number | null) => void;
-} & React$1.RefAttributes<HTMLInputElement>>;
-
-type SelectFieldCategoryProps = {
-    label: string;
-};
-declare const SelectFieldCategory: FC<SelectFieldCategoryProps>;
-
-type DateRangePickerProps = {
-    numberOfMonths?: number;
-    locale?: string;
-    value?: DateRange;
-    onChange: (dateRange: DateRange | undefined) => void;
-};
-declare const DateRangePicker: React__default.FC<DateRangePickerProps>;
-
-type DateRangePickerFieldProps = {
-    displayValue?: string;
-    startIcon?: React.ComponentType<IconProps>;
-    placeholder?: string;
-    disabled?: boolean;
-    error?: boolean;
-    errorMessage?: string;
-    clearable?: boolean;
-    onChange: (dateRange: DateRange | undefined) => void;
-    submitLabel?: string;
-} & FieldHeaderProps & DateRangePickerProps;
-declare const DateRangePickerField: FC<DateRangePickerFieldProps>;
 
 type BarChartDefaultConfigurationProps = {
     horizontal?: boolean;
@@ -346,50 +111,37 @@ declare const getDonutChartOptions: (options: PieChartConfigurationProps & {
     subLabel?: string;
 }) => Partial<ChartOptions<"pie">>;
 
-declare const TableSortDirection: {
-    readonly ASC: "asc";
-    readonly DESC: "desc";
+type HeatMapPropsDimension<T> = {
+    key: Extract<keyof T, string>;
+    label: string;
+    format?: (value: string) => string;
 };
-type TableSort<T> = {
-    id: keyof T;
-    direction: (typeof TableSortDirection)[keyof typeof TableSortDirection];
+type HeatMapPropsMeasure<T> = {
+    key: Extract<keyof T, string>;
+    label: string;
+    format?: (value: number) => string;
 };
-declare const TableHeaderAlign: {
-    readonly LEFT: "left";
-    readonly CENTER: "center";
-    readonly RIGHT: "right";
-};
-type TableHeaderItemAlign = (typeof TableHeaderAlign)[keyof typeof TableHeaderAlign];
-type TableHeaderCell = (props: {
-    value: any;
-    className?: string;
-}) => React.ReactElement<HTMLTableCellElement>;
-type TableHeaderItem<T> = {
-    id: keyof T;
-    title: React.ReactNode;
-    align?: TableHeaderItemAlign;
-    field?: keyof T;
-    minWidth?: CssSize;
-    sort?: TableSort<T>;
-    accessor?: (row: T) => React.ReactNode;
-    cell?: TableHeaderCell;
-};
-type TablePaginatedProps<T> = {
-    showIndex?: boolean;
+type HeatMapPropsThreshold = string | number | `${number}%` | undefined;
+type HeatMapProps<T extends Record<string, unknown>> = {
+    data: T[];
+    measure: HeatMapPropsMeasure<T>;
+    rowDimension: HeatMapPropsDimension<T>;
+    columnDimension: HeatMapPropsDimension<T>;
+    showValues?: boolean;
     className?: string;
-    headers: TableHeaderItem<T>[];
-    rows: T[];
-    page: number;
-    pageSize: number;
-    paginationLabel?: string;
-    total?: number;
-    sort?: TableSort<T>;
-    onRowIndexClick?: (rowIndex: number) => void;
-    onPageChange: (page: number) => void;
-    onSortChange?: (value: TableSort<T> | undefined) => void;
+    displayNullAs?: string | number;
+    /** Color thresholds — number = raw value, "NN%" = percentage of [min..max]. */
+    minThreshold?: HeatMapPropsThreshold;
+    maxThreshold?: HeatMapPropsThreshold;
+    minColor?: string;
+    midColor?: string;
+    maxColor?: string;
+    columnWidth?: number;
+    firstColumnWidth?: number;
+    missingCellColor?: string;
 };
 
-declare const TablePaginated: React$1.ForwardRefExoticComponent<TablePaginatedProps<any> & React$1.RefAttributes<HTMLDivElement>>;
+declare const HeatMap: <T extends Record<string, unknown>>({ data, showValues, className, columnDimension, rowDimension, measure, minThreshold, maxThreshold, minColor, midColor, maxColor, columnWidth, firstColumnWidth, displayNullAs, }: HeatMapProps<T>) => react_jsx_runtime.JSX.Element;
 
 type PivotTablePropsMeasure<T> = {
     key: Extract<keyof T, string>;
@@ -432,37 +184,55 @@ type PivotTableProps<T> = {
 
 declare const PivotTable: FC<PivotTableProps<any>>;
 
-type HeatMapPropsDimension<T> = {
-    key: Extract<keyof T, string>;
-    label: string;
-    format?: (value: string) => string;
+declare const TableSortDirection: {
+    readonly ASC: "asc";
+    readonly DESC: "desc";
 };
-type HeatMapPropsMeasure<T> = {
-    key: Extract<keyof T, string>;
-    label: string;
-    format?: (value: number) => string;
+type TableSort<T> = {
+    id: keyof T;
+    direction: (typeof TableSortDirection)[keyof typeof TableSortDirection];
 };
-type HeatMapPropsThreshold = string | number | `${number}%` | undefined;
-type HeatMapProps<T extends Record<string, unknown>> = {
-    data: T[];
-    measure: HeatMapPropsMeasure<T>;
-    rowDimension: HeatMapPropsDimension<T>;
-    columnDimension: HeatMapPropsDimension<T>;
-    showValues?: boolean;
+declare const TableHeaderAlign: {
+    readonly LEFT: "left";
+    readonly CENTER: "center";
+    readonly RIGHT: "right";
+};
+type TableHeaderItemAlign = (typeof TableHeaderAlign)[keyof typeof TableHeaderAlign];
+type TableHeaderCell = (props: {
+    value: any;
     className?: string;
-    displayNullAs?: string | number;
-    /** Color thresholds — number = raw value, "NN%" = percentage of [min..max]. */
-    minThreshold?: HeatMapPropsThreshold;
-    maxThreshold?: HeatMapPropsThreshold;
-    minColor?: string;
-    midColor?: string;
-    maxColor?: string;
-    columnWidth?: number;
-    firstColumnWidth?: number;
-    missingCellColor?: string;
+}) => React.ReactElement<HTMLTableCellElement>;
+type TableHeaderCellStyle = (props: {
+    value: any;
+    className?: string;
+}) => CSSProperties | undefined;
+type TableHeaderItem<T> = {
+    id: keyof T;
+    title: React.ReactNode;
+    align?: TableHeaderItemAlign;
+    field?: keyof T;
+    minWidth?: CssSize;
+    sort?: TableSort<T>;
+    accessor?: (row: T) => React.ReactNode;
+    cell?: TableHeaderCell;
+    cellStyle?: TableHeaderCellStyle;
 };
 
-declare const HeatMap: <T extends Record<string, unknown>>({ data, showValues, className, columnDimension, rowDimension, measure, minThreshold, maxThreshold, minColor, midColor, maxColor, columnWidth, firstColumnWidth, displayNullAs, }: HeatMapProps<T>) => react_jsx_runtime.JSX.Element;
+type TablePaginatedProps<T> = {
+    showIndex?: boolean;
+    className?: string;
+    headers: TableHeaderItem<T>[];
+    rows: T[];
+    page: number;
+    pageSize: number;
+    paginationLabel?: string;
+    total?: number;
+    sort?: TableSort<T>;
+    onRowIndexClick?: (rowIndex: number) => void;
+    onPageChange: (page: number) => void;
+    onSortChange?: (value: TableSort<T> | undefined) => void;
+};
+declare const TablePaginated: React$1.ForwardRefExoticComponent<TablePaginatedProps<any> & React$1.RefAttributes<HTMLDivElement>>;
 
 type UseTableGetRowsPerPageProps = {
     availableHeight: number;
@@ -472,13 +242,52 @@ type UseTableGetRowsPerPageProps = {
 };
 declare const useTableGetRowsPerPage: ({ availableHeight, headerHeight, rowHeight, footerHeight, }: UseTableGetRowsPerPageProps) => number;
 
-declare const getChartColors: () => string[];
-declare const getChartContrastColors: () => string[];
+type TableScrollableHandle = {
+    scrollToTop: (behavior?: ScrollBehavior) => void;
+    getScrollElement: () => HTMLDivElement | null;
+};
+type TableScrollableProps<T> = {
+    bottomDistanceToPrefetch?: number;
+    className?: string;
+    hasMoreData?: boolean;
+    headers: TableHeaderItem<T>[];
+    isLoading?: boolean;
+    loadingLabel?: string;
+    rows: T[];
+    showIndex?: boolean;
+    sort?: TableSort<T>;
+    onNextPage: () => void;
+    onRowIndexClick?: (rowIndex: number) => void;
+    onSortChange?: (value: TableSort<T> | undefined) => void;
+};
+declare const TableScrollable: React$1.ForwardRefExoticComponent<TableScrollableProps<any> & React$1.RefAttributes<TableScrollableHandle>>;
+
+type TableBodyProps<T> = Pick<TablePaginatedProps<T>, 'showIndex' | 'headers' | 'rows' | 'onRowIndexClick'> & {
+    pageSize?: number;
+    page?: number;
+    bottomRef?: RefObject<HTMLDivElement | null>;
+    isLoading?: boolean;
+    hasMoreData?: boolean;
+};
+declare const TableBody: <T>({ headers, rows, pageSize, page, showIndex, onRowIndexClick, bottomRef, isLoading, hasMoreData, }: TableBodyProps<T>) => react_jsx_runtime.JSX.Element;
+type TableBodyCellWithCopyProps = {
+    value: string;
+    align?: TableHeaderItemAlign;
+    children: React.ReactNode;
+    style?: CSSProperties | undefined;
+};
+declare const TableBodyCellWithCopy: FC<TableBodyCellWithCopyProps>;
+
+type TableHeaderProps<T> = Pick<TablePaginatedProps<T>, 'showIndex' | 'headers' | 'sort' | 'onSortChange'>;
+declare const TableHeader: <T>({ headers, sort, showIndex, onSortChange, }: TableHeaderProps<T>) => react_jsx_runtime.JSX.Element;
 
 type TablePaginationProps = Pick<TablePaginatedProps<unknown>, 'page' | 'pageSize' | 'paginationLabel' | 'total' | 'onPageChange'>;
 declare const getTableTotalPages: (total: number | undefined, pageSize: number) => number | undefined;
 declare const TablePagination: FC<TablePaginationProps>;
 
+declare const getChartColors: () => string[];
+declare const getChartContrastColors: () => string[];
+
 declare const getChartjsAxisOptionsPlugins: () => Partial<ChartOptions["plugins"]>;
 declare const getChartjsAxisOptionsScalesTicksDefault: () => Partial<CartesianTickOptions>;
 declare const getChartjsAxisOptionsScalesTicksMuted: () => Partial<CartesianTickOptions>;
@@ -489,14 +298,153 @@ declare const getChartjsAxisOptions: () => Partial<ChartOptions>;
 declare const chartjsAxisOptionsLayoutPadding: number;
 declare const getChartjsAxisOptionsScalesGridColor: (ctx: any) => string | undefined;
 
-declare const getStyle: (variableName: StylesKeys, fallbackValue?: string) => string;
-declare const getStyleNumber: (variableName: StylesKeys, fallbackValue?: string) => number | undefined;
+type DateRangePickerProps = {
+    numberOfMonths?: number;
+    locale?: string;
+    value?: DateRange;
+    onChange: (dateRange: DateRange | undefined) => void;
+};
+declare const DateRangePicker: React__default.FC<DateRangePickerProps>;
 
-declare const isSameDate: (a?: Date, b?: Date) => boolean;
-declare const isSameDateRange: (a?: DateRange, b?: DateRange) => boolean;
-declare const endOfDayUTC: (date: Date) => Date;
+type FieldHeaderProps = {
+    className?: string;
+    label?: string;
+    required?: boolean;
+    requiredLabel?: string;
+};
+declare const FieldHeader: ({ label, required, requiredLabel, className, }: FieldHeaderProps) => react_jsx_runtime.JSX.Element | null;
 
-declare const shallowEqual: (object1: any, object2: any) => boolean;
+type DateRangePickerFieldProps = {
+    displayValue?: string;
+    startIcon?: React.ComponentType<IconProps>;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+    clearable?: boolean;
+    onChange: (dateRange: DateRange | undefined) => void;
+    submitLabel?: string;
+} & FieldHeaderProps & DateRangePickerProps;
+declare const DateRangePickerField: FC<DateRangePickerFieldProps>;
+
+type InputFieldProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {
+    value?: string;
+    placeholder?: string;
+    startIcon?: React.ComponentType<IconProps>;
+    endIcon?: React.ComponentType<IconProps>;
+    onChange: (value: string) => void;
+    clearable?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+} & FieldHeaderProps;
+
+declare const NumberField: React$1.ForwardRefExoticComponent<Omit<InputFieldProps, "value" | "onChange"> & {
+    value?: number | null;
+    step?: number;
+    min?: number;
+    max?: number;
+    onChange?: (value: number | null) => void;
+} & React$1.RefAttributes<HTMLInputElement>>;
+
+declare const TextField: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange"> & {
+    value?: string;
+    placeholder?: string;
+    startIcon?: React.ComponentType<_tabler_icons_react.IconProps>;
+    endIcon?: React.ComponentType<_tabler_icons_react.IconProps>;
+    onChange: (value: string) => void;
+    clearable?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+} & FieldHeaderProps & React$1.RefAttributes<HTMLInputElement>>;
+
+type SelectListOptionIcon = React.ReactElement<SVGProps<SVGSVGElement>> | React.ReactElement<ImgHTMLAttributes<HTMLImageElement>>;
+type SelectListOptionProps = {
+    value?: string;
+    isSelected?: boolean;
+    label: string;
+    rightLabel?: string;
+    startIcon?: SelectListOptionIcon;
+    endIcon?: SelectListOptionIcon;
+    disabled?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+};
+type SelectListOptionPropsWithCategory = SelectListOptionProps & {
+    category: string;
+};
+declare const SelectListOption: FC<SelectListOptionProps>;
+
+type MultiSelectFieldProps = {
+    startIcon?: React.ComponentType<IconProps>;
+    disabled?: boolean;
+    isClearable?: boolean;
+    isLoading?: boolean;
+    isSearchable?: boolean;
+    noOptionsMessage?: string;
+    options: (SelectListOptionProps | SelectListOptionPropsWithCategory)[];
+    placeholder?: string;
+    submitLabel?: string;
+    values?: string[];
+    onChange: (value: string[]) => void;
+    onSearch?: (search: string) => void;
+    error?: boolean;
+    errorMessage?: string;
+} & FieldHeaderProps;
+declare const MultiSelectField: FC<MultiSelectFieldProps>;
+
+type SingleSelectFieldProps = {
+    options: (SelectListOptionProps | SelectListOptionPropsWithCategory)[];
+    startIcon?: React.ComponentType<IconProps>;
+    value?: string;
+    disabled?: boolean;
+    placeholder?: string;
+    searchable?: boolean;
+    clearable?: boolean;
+    isLoading?: boolean;
+    noOptionsMessage?: string;
+    onChange: (value: string) => void;
+    onSearch?: (search: string) => void;
+    error?: boolean;
+    errorMessage?: string;
+} & FieldHeaderProps;
+declare const SingleSelectField: FC<SingleSelectFieldProps>;
+
+type SelectFieldContentProps = {
+    children: ReactNode;
+    autoFocus?: boolean;
+    className?: string;
+    fitContent?: boolean;
+};
+declare const SelectFieldContent: FC<SelectFieldContentProps>;
+type SelectFieldContentListProps = {
+    children: React.ReactNode;
+    autoFocus?: boolean;
+    className?: string;
+    disabled?: boolean;
+};
+declare const SelectFieldContentList: FC<SelectFieldContentListProps>;
+
+type SelectFieldCategoryProps = {
+    label: string;
+};
+declare const SelectFieldCategory: FC<SelectFieldCategoryProps>;
+
+declare const SelectFieldTrigger: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+    startIcon?: React.ComponentType<IconProps>;
+    valueLabel?: string;
+    placeholder?: string;
+    isClearable?: boolean;
+    isLoading?: boolean;
+    onClear?: () => void;
+    error?: boolean;
+} & React$1.RefAttributes<HTMLButtonElement>>;
+
+type SwitchProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {
+    onChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    className?: string;
+    label?: string;
+};
+declare const Switch: React__default.FC<SwitchProps>;
 
 declare function useDebounce<T extends (...args: any[]) => void>(fn: T, delay?: number): (...args: Parameters<T>) => void;
 
@@ -506,4 +454,100 @@ type Size = {
 };
 declare const useResizeObserver: <T extends HTMLElement>(elRef: React.RefObject<T | null>, timeout?: number) => Size;
 
-export { ActionIcon, BarChart, type BarChartProps, Button, ButtonIcon, Card, CardContent, CardFeedback, CardHeader, type CssSize, DateRangePicker, DateRangePickerField, type DateRangePickerProps, DonutChart, type DonutLabelChartProps, Dropdown, type DropdownProps, FieldFeedback, type FieldFeedbackProps, FieldHeader, type FieldHeaderProps, GhostButton, HeatMap, type HeatMapProps, type HeatMapPropsDimension, type HeatMapPropsMeasure, type HeatMapPropsThreshold, KpiChart, LineChart, type LineChartProps, MultiSelectField, type MultiSelectFieldProps, NumberField, Overlay, PieChart, type PieChartProps, PivotTable, type PivotTableProps, type PivotTablePropsColumnDimension, type PivotTablePropsMeasure, type PivotTablePropsRowDimension, SelectFieldCategory, SelectFieldContent, SelectFieldContentList, SelectFieldTrigger, SelectListOption, type SelectListOptionProps, type SelectListOptionPropsWithCategory, SingleSelectField, type SingleSelectFieldProps, Skeleton, StylesKeys, Switch, TableHeaderAlign, type TableHeaderCell, type TableHeaderItem, type TableHeaderItemAlign, TablePaginated, type TablePaginatedProps, TablePagination, type TablePaginationProps, type TableSort, TableSortDirection, TextField, Typography, chartjsAxisOptionsLayoutPadding, endOfDayUTC, getBarChartData, getBarChartOptions, getChartColors, getChartContrastColors, getChartjsAxisOptions, getChartjsAxisOptionsPlugins, getChartjsAxisOptionsScales, getChartjsAxisOptionsScalesGrid, getChartjsAxisOptionsScalesGridColor, getChartjsAxisOptionsScalesTicksDefault, getChartjsAxisOptionsScalesTicksMuted, getChartjsAxisOptionsScalesTitle, getDonutChartOptions, getLineChartData, getLineChartOptions, getPieChartData, getPieChartOptions, getStyle, getStyleNumber, getTableTotalPages, isSameDate, isSameDateRange, shallowEqual, useDebounce, useResizeObserver, useTableGetRowsPerPage };
+type ActionIconProps = {
+    className?: string;
+    icon: React__default.ComponentType<IconProps>;
+} & React__default.ButtonHTMLAttributes<HTMLButtonElement>;
+declare const ActionIcon: React__default.FC<ActionIconProps>;
+
+type ButtonProps = {
+    startIcon?: React.ComponentType<IconProps>;
+    endIcon?: React.ComponentType<IconProps>;
+    children: string;
+    size?: 'small' | 'medium';
+    variant?: 'primary' | 'secondary';
+} & React.ButtonHTMLAttributes<HTMLButtonElement>;
+declare const Button: React.FC<ButtonProps>;
+
+type ButtonIconProps = {
+    variant?: 'primary' | 'secondary';
+    size?: 'small' | 'medium';
+    icon: React__default.ComponentType<IconProps>;
+} & React__default.ButtonHTMLAttributes<HTMLButtonElement>;
+declare const ButtonIcon: React__default.FC<ButtonIconProps>;
+
+declare const Card: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
+    children?: React__default.ReactNode;
+} & React__default.RefAttributes<HTMLDivElement>>;
+type CardHeaderProps = {
+    title?: string;
+    subtitle?: string;
+    rightContent?: React__default.ReactNode;
+};
+declare const CardHeader: React__default.FC<CardHeaderProps>;
+type CardContentProps = {
+    children: React__default.ReactNode;
+};
+declare const CardContent: React__default.ForwardRefExoticComponent<CardContentProps & React__default.RefAttributes<HTMLDivElement>>;
+
+type CardFeedbackProps = {
+    className?: string;
+    icon?: React.ComponentType<IconProps>;
+    title: string;
+    message: string;
+    variant?: 'error' | 'info';
+};
+declare const CardFeedback: React.FC<CardFeedbackProps>;
+
+type DropdownProps = {
+    triggerComponent: React.ReactNode;
+    children: React.ReactNode;
+    disabled?: boolean;
+    open?: boolean;
+    side?: React.ComponentProps<typeof DropdownMenu.Content>['side'];
+    align?: React.ComponentProps<typeof DropdownMenu.Content>['align'];
+    onOpenChange?: (open: boolean) => void;
+};
+declare const Dropdown: FC<DropdownProps>;
+
+type FieldFeedbackProps = {
+    message: string;
+    variant?: 'error';
+    className?: string;
+};
+declare const FieldFeedback: FC<FieldFeedbackProps>;
+
+type GhostButtonProps = {
+    startIcon?: Icon;
+    endIcon?: Icon;
+} & React__default.ButtonHTMLAttributes<HTMLButtonElement>;
+declare const GhostButton: React__default.FC<GhostButtonProps>;
+
+type OverlayProps = {
+    className?: string;
+    children?: ReactNode;
+};
+declare const Overlay: FC<OverlayProps>;
+
+declare const Skeleton: () => react_jsx_runtime.JSX.Element;
+
+type TypographyElement = 'p' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label' | 'div';
+type TypographyProps = {
+    children: React__default.ReactNode;
+    as?: TypographyElement;
+    className?: string;
+    title?: string;
+    style?: React__default.CSSProperties;
+};
+declare function Typography({ children, as: Component, className, style, title, }: TypographyProps): React__default.JSX.Element;
+
+declare const getStyle: (variableName: StylesKeys, fallbackValue?: string) => string;
+declare const getStyleNumber: (variableName: StylesKeys, fallbackValue?: string) => number | undefined;
+
+declare const isSameDate: (a?: Date, b?: Date) => boolean;
+declare const isSameDateRange: (a?: DateRange, b?: DateRange) => boolean;
+declare const endOfDayUTC: (date: Date) => Date;
+
+declare const shallowEqual: (object1: any, object2: any) => boolean;
+
+export { ActionIcon, BarChart, type BarChartProps, Button, ButtonIcon, Card, CardContent, CardFeedback, CardHeader, type CssSize, DateRangePicker, DateRangePickerField, type DateRangePickerProps, DonutChart, type DonutLabelChartProps, Dropdown, type DropdownProps, FieldFeedback, type FieldFeedbackProps, FieldHeader, type FieldHeaderProps, GhostButton, HeatMap, type HeatMapProps, type HeatMapPropsDimension, type HeatMapPropsMeasure, type HeatMapPropsThreshold, KpiChart, LineChart, type LineChartProps, MultiSelectField, type MultiSelectFieldProps, NumberField, Overlay, PieChart, type PieChartProps, PivotTable, type PivotTableProps, type PivotTablePropsColumnDimension, type PivotTablePropsMeasure, type PivotTablePropsRowDimension, SelectFieldCategory, SelectFieldContent, SelectFieldContentList, SelectFieldTrigger, SelectListOption, type SelectListOptionProps, type SelectListOptionPropsWithCategory, SingleSelectField, type SingleSelectFieldProps, Skeleton, StylesKeys, Switch, TableBody, TableBodyCellWithCopy, type TableBodyProps, TableHeader, TableHeaderAlign, type TableHeaderCell, type TableHeaderCellStyle, type TableHeaderItem, type TableHeaderItemAlign, type TableHeaderProps, TablePaginated, type TablePaginatedProps, TablePagination, type TablePaginationProps, TableScrollable, type TableScrollableHandle, type TableScrollableProps, type TableSort, TableSortDirection, TextField, Typography, chartjsAxisOptionsLayoutPadding, endOfDayUTC, getBarChartData, getBarChartOptions, getChartColors, getChartContrastColors, getChartjsAxisOptions, getChartjsAxisOptionsPlugins, getChartjsAxisOptionsScales, getChartjsAxisOptionsScalesGrid, getChartjsAxisOptionsScalesGridColor, getChartjsAxisOptionsScalesTicksDefault, getChartjsAxisOptionsScalesTicksMuted, getChartjsAxisOptionsScalesTitle, getDonutChartOptions, getLineChartData, getLineChartOptions, getPieChartData, getPieChartOptions, getStyle, getStyleNumber, getTableTotalPages, isSameDate, isSameDateRange, shallowEqual, useDebounce, useResizeObserver, useTableGetRowsPerPage };