@iress-oss/ids-components 6.0.0-alpha.3 → 6.0.0-alpha.30

package/dist/src/components/Field/FieldGroup/FieldGroup.styles.d.ts

@@ -1,81 +0,0 @@
-export declare const fieldGroup: import('../../../styled-system/types').SlotRecipeRuntimeFn<"legend" | "hint" | "root" | "fields", {
-    hasError: {
-        true: {
-            root: {
-                _nestedFormElements: {
-                    borderColor: "colour.system.danger.fill";
-                };
-            };
-        };
-    };
-    hiddenLabel: {
-        true: {
-            legend: {
-                mb: "none";
-            };
-        };
-    };
-    inline: {
-        true: {
-            fields: {
-                alignItems: "flex-end";
-                flexDirection: "row";
-                columnGap: "sm";
-                '& > *': {
-                    flexGrow: "1";
-                };
-                _directNestedFormElements: {
-                    mb: "field.footer";
-                };
-                _directNestedSizedElements: {
-                    flexGrow: "0";
-                    alignSelf: "flex-end";
-                };
-            };
-        };
-    };
-    join: {
-        true: {
-            fields: {
-                alignItems: "flex-end";
-                flexDirection: "row";
-                columnGap: "none";
-                '& > *': {
-                    flexGrow: "1";
-                };
-                _directNestedFormElements: {
-                    mb: "field.footer";
-                };
-                _directNestedSizedElements: {
-                    flexGrow: "0";
-                    alignSelf: "flex-end";
-                };
-                _nestedFieldsExceptFirst: {
-                    borderTopLeftRadius: "radius.000";
-                    borderBottomLeftRadius: "radius.000";
-                    _before: {
-                        borderTopLeftRadius: "radius.000";
-                        borderBottomLeftRadius: "radius.000";
-                    };
-                    _after: {
-                        borderTopLeftRadius: "radius.000";
-                        borderBottomLeftRadius: "radius.000";
-                    };
-                };
-                _nestedFieldsExceptLast: {
-                    borderTopRightRadius: "radius.000";
-                    borderBottomRightRadius: "radius.000";
-                    borderRightWidth: "[0px]";
-                    _before: {
-                        borderTopRightRadius: "radius.000";
-                        borderBottomRightRadius: "radius.000";
-                    };
-                    _after: {
-                        borderTopRightRadius: "radius.000";
-                        borderBottomRightRadius: "radius.000";
-                    };
-                };
-            };
-        };
-    };
-}>;

package/dist/src/components/Field/components/FieldFooter.d.ts

@@ -1,22 +0,0 @@
-import { ReactNode } from 'react';
-import { ValidationMessageObj } from '../../../interfaces';
-import { IressStyledProps } from '../../../types';
-export interface FieldFooterProps extends IressStyledProps {
-    /**
-     * Validation error to be displayed above the field.
-     */
-    error?: ReactNode;
-    /**
-     * Validation errors to be displayed above the field, an array of validation messages to be displayed in `IressValidationSummary`.
-     */
-    errorMessages?: ValidationMessageObj[];
-    /**
-     * If true, the supplementary area will be displayed with a border to distinguish it from other fields.
-     */
-    multipleFields?: boolean;
-    /**
-     * Supplementary content to be displayed below the field. Is only shown when the field is not in an error state.
-     */
-    supplementary?: ReactNode;
-}
-export declare const FieldFooter: ({ className, "data-testid": dataTestId, error, errorMessages, multipleFields, supplementary, ...restProps }: FieldFooterProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/Field/components/FieldHint.d.ts

@@ -1,27 +0,0 @@
-import { ReactNode } from 'react';
-export interface FieldHintProps {
-    /**
-     * The hint content to display
-     */
-    hint: ReactNode;
-    /**
-     * Whether the field is in horizontal mode
-     */
-    horizontal?: boolean;
-    /**
-     * Whether the label is hidden
-     */
-    hiddenLabel?: boolean;
-    /**
-     * Data test ID for the hint element
-     */
-    dataTestId?: string;
-    /**
-     * The label content to wrap (only used in horizontal mode)
-     */
-    children: ReactNode;
-}
-export declare const FieldHint: ({ hint, horizontal, hiddenLabel, dataTestId, children, }: FieldHintProps) => import("react/jsx-runtime").JSX.Element;
-export declare const FieldHintIcon: ({ hint }: {
-    hint: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Filter/Filter.d.ts

@@ -1,75 +0,0 @@
-import { ReactElement, ReactNode, ForwardedRef } from 'react';
-import { IressPopoverProps } from '../Popover';
-import { IressSelectMenuProps } from '../RichSelect';
-import { AutocompleteSearchHookProps, AutocompleteSearchHookReturn } from '../Autocomplete';
-import { IressInputProps } from '../Input';
-import { ControlledValue } from '../../hooks/useControlledState';
-import { IressHTMLAttributes, LabelValueMeta } from '../../interfaces';
-export interface IressFilterProps<TMultiple extends boolean = false> extends Omit<IressHTMLAttributes, 'defaultValue' | 'onChange'>, Omit<AutocompleteSearchHookProps, 'query'>, Pick<IressSelectMenuProps, 'limitMobile' | 'limitDesktop'> {
-    /**
-     * Value of selected option for uncontrolled filter.
-     */
-    defaultValue?: ControlledValue<LabelValueMeta, TMultiple>;
-    /**
-     * Customise the searchable `IressInput` props for your needs.
-     * @default { clearable: true, prepend: <IressIcon name="search" /> }
-     */
-    inputProps?: Pick<IressInputProps, 'append' | 'clearable' | 'placeholder' | 'prepend'>;
-    /**
-     * Label to display in the activator button.
-     */
-    label: ReactNode;
-    /**
-     * Multi-select mode. When `true`, multiple options can be selected.
-     */
-    multiSelect?: TMultiple;
-    /**
-     * Emitted when the value changes.
-     */
-    onChange?: (selected?: ControlledValue<LabelValueMeta, TMultiple>) => void;
-    /**
-     * Emitted when the value is reset.
-     */
-    onReset?: () => void;
-    /**
-     * Customise the IressPopover props for your needs.
-     * @default { align: 'bottom-start' }
-     */
-    popoverProps?: FilterPopoverProps;
-    /**
-     * When `true` a search field is shown to search for specific filter option(s).
-     */
-    searchable?: boolean;
-    /**
-     * Text to be displayed when no results are found from search. Ignored when `searchable` is `false`
-     */
-    searchNoResultsText?: ReactNode;
-    /**
-     * Text displayed next to label when two or more options are selected.
-     * @default {{numOptions}} selected
-     */
-    selectedOptionsText?: string;
-    /**
-     * Value of selected option for controlled filter.
-     */
-    value?: ControlledValue<LabelValueMeta, TMultiple>;
-    /**
-     * When `true`, a reset button will be shown above the options.
-     * If provided a string, it will be used as the reset button label.
-     */
-    visibleResetButton?: boolean | string;
-}
-export interface FilterResultsDescriptorProps extends Pick<IressFilterProps, 'searchNoResultsText'>, Pick<AutocompleteSearchHookReturn, 'loading' | 'results'>, Omit<IressHTMLAttributes, 'children' | 'className' | 'results'> {
-}
-export interface FilterRef {
-    element?: HTMLDivElement;
-    clearSearch: () => void;
-    reset: () => void;
-}
-export interface FilterPopoverProps extends Pick<IressPopoverProps, 'align' | 'className' | 'container' | 'displayMode'> {
-    footer?: ReactNode;
-    header?: ReactNode;
-}
-export declare const IressFilter: <TMultiple extends boolean = false>(props: IressFilterProps<TMultiple> & {
-    ref?: ForwardedRef<FilterRef>;
-}) => ReactElement;

package/dist/src/components/Filter/Filter.styles.d.ts

@@ -1,2 +0,0 @@
-export declare const filter: import('../../styled-system/types').SlotRecipeRuntimeFn<"reset" | "root" | "popoverContent" | "optionList" | "noResults" | "chevron" | "searchInput" | "optionContent" | "optionMeta" | "optionMetaText", {}>;
-export type FilterVariants = Parameters<typeof filter>[0];

package/dist/src/components/Filter/components/FilterLabel.d.ts

@@ -1,3 +0,0 @@
-import { IressFilterProps } from '../Filter';
-export type FilterLabelProps<TMultiple extends boolean = false> = Pick<IressFilterProps<TMultiple>, 'label' | 'selectedOptionsText' | 'value'>;
-export declare const FilterLabel: <TMultiple extends boolean = false>({ label, selectedOptionsText, value, }: FilterLabelProps<TMultiple>) => import('react').ReactNode;

package/dist/src/components/Filter/components/FilterResetButton.d.ts

@@ -1 +0,0 @@
-export declare const FilterResetButton: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, keyof import('../../Button').InternalButtonProps<C, THref>> & import('../../Button').InternalButtonProps<undefined, undefined> & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/src/components/Filter/components/FilterResultsDescriptor.d.ts

@@ -1,15 +0,0 @@
-import { ReactNode } from 'react';
-import { IressHTMLAttributes, LabelValueMeta } from '../../../interfaces';
-import { AutocompleteSearchHookReturn } from '../../Autocomplete';
-import { IressPopoverProps } from '../../Popover';
-export interface FilterResultsDescriptorProps extends Partial<Pick<AutocompleteSearchHookReturn, 'loading' | 'results'>>, Pick<IressPopoverProps, 'show'>, Omit<IressHTMLAttributes, 'children' | 'className' | 'results'> {
-    /**
-     * Text to be displayed when no results are found.
-     */
-    noResultsText?: ReactNode;
-    /**
-     * Value of selected option for controlled combobox.
-     */
-    value?: LabelValueMeta;
-}
-export declare const FilterResultsDescriptor: ({ loading, noResultsText, results, show, value, ...restProps }: FilterResultsDescriptorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Filter/components/FilterSearch.d.ts

@@ -1,15 +0,0 @@
-import { InputRef } from '../../Input/InputBase/InputBase';
-export declare const FilterSearch: import('react').ForwardRefExoticComponent<Omit<import('../../Input').InputBaseProps<undefined>, "defaultValue" | "onChange" | "value"> & {
-    alignRight?: boolean;
-    append?: import('react').ReactNode;
-    clearable?: boolean;
-    defaultValue?: string | number | undefined;
-    formatter?: ((value?: string | number | undefined) => string | number) | undefined;
-    inline?: boolean;
-    loading?: boolean | string;
-    onChange?: ((e: import('react').ChangeEvent<HTMLInputElement>, value?: string | number | undefined) => void) | undefined;
-    onClear?: ((e: import('react').ChangeEvent<HTMLInputElement>) => void) | undefined;
-    prepend?: import('react').ReactNode;
-    value?: string | number | undefined;
-    width?: import('../../../types').FormElementWidths;
-} & import('react').RefAttributes<InputRef>>;

package/dist/src/components/Filter/hooks/useFilterFlags.d.ts

@@ -1,7 +0,0 @@
-import { IressFilterProps } from '../Filter';
-import { AutocompleteSearchHookReturn } from '../../Autocomplete';
-export declare const useFilterFlags: ({ debouncedQuery, loading, results, searchable, visibleResetButton, }: Omit<AutocompleteSearchHookReturn, "clearError" | "error" | "stopSearch"> & Pick<IressFilterProps, "searchable" | "visibleResetButton">) => {
-    showHeader: string | boolean | undefined;
-    showNoResults: string | false;
-    showResults: boolean;
-};

package/dist/src/components/Filter/index.d.ts

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

package/dist/src/components/Hide/Hide.d.ts

@@ -1,28 +0,0 @@
-import { ResponsiveSizing } from '../../interfaces';
-import { ReactNode } from 'react';
-import { IressStyledProps } from '../../types';
-/**
- * @deprecated IressHide has been deprecated.
- * - Please use the `srOnly` prop on any component to show or hide content from screen readers.
- * - Please use the `hide` prop on any component to show or hide content at different breakpoints.
- */
-export interface IressHideProps extends IressStyledProps {
-    /**
-     * Content to hide.
-     */
-    children: ReactNode;
-    /**
-     * Content will be hidden on any screen sizes that are set to true.
-     */
-    hiddenOn: ResponsiveSizing<boolean>;
-    /**
-     * If true, the content will not be visible, but will be available to screen readers
-     */
-    visuallyHidden?: boolean;
-}
-/**
- * @deprecated IressHide has been deprecated.
- * - Please use the `srOnly` prop on any component to show or hide content from screen readers.
- * - Please use the `hide` prop on any component to show or hide content at different breakpoints.
- */
-export declare const IressHide: ({ children, hiddenOn, visuallyHidden, ...restProps }: IressHideProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Hide/helpers/normaliseHideValues.d.ts

@@ -1,2 +0,0 @@
-import { ResponsiveSizing } from '../../../interfaces';
-export declare const normaliseHideValues: (values?: ResponsiveSizing<boolean>) => Record<string, boolean>;

package/dist/src/components/Icon/Icon.d.ts

@@ -1,36 +0,0 @@
-import { IressStyledProps } from '../../types';
-import { IconName } from '@fortawesome/fontawesome-common-types';
-export interface IressIconProps extends IressStyledProps<'span'> {
-    /**
-     * The name of the icon
-     */
-    name: IconName;
-    /**
-     * Adds screen reader text if the icon needs to be visible to screen reader users
-     */
-    screenreaderText?: string;
-    /**
-     * The icon set to be used:
-     * - `fal`: Font Awesome Light
-     * - `fab`: Font Awesome Brand
-     * @default 'fal'
-     */
-    set?: 'fal' | 'fab';
-    /**
-     * Amount of degrees to rotate the icon.
-     */
-    rotate?: 90 | 180 | 270;
-    /**
-     * Adds fixed width class for Font Awesome icons - fa-fw
-     */
-    fixedWidth?: boolean;
-    /**
-     * Flip the icon horizontally, vertically or both axes.
-     */
-    flip?: 'horizontal' | 'vertical' | 'both';
-    /**
-     * Accepts a numeric value for speed for one rotation.
-     */
-    spin?: 'half' | 1 | 2 | 3;
-}
-export declare const IressIcon: ({ className, fixedWidth, flip, name, rotate, screenreaderText, set, spin, ...restProps }: IressIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Icon/Icon.styles.d.ts

@@ -1,38 +0,0 @@
-export declare const icon: import('../../styled-system/types').RecipeRuntimeFn<{
-    flip: {
-        horizontal: {
-            transform: "scaleX(-1)";
-        };
-        vertical: {
-            transform: "scaleY(-1)";
-        };
-        both: {
-            transform: "scale(-1)";
-        };
-    };
-    rotate: {
-        90: {
-            transform: "rotate(90deg)";
-        };
-        180: {
-            transform: "rotate(180deg)";
-        };
-        270: {
-            transform: "rotate(270deg)";
-        };
-    };
-    spin: {
-        half: {
-            animationStyle: "icon-spin-half";
-        };
-        1: {
-            animationStyle: "icon-spin-1";
-        };
-        2: {
-            animationStyle: "icon-spin-2";
-        };
-        3: {
-            animationStyle: "icon-spin-3";
-        };
-    };
-}>;

package/dist/src/components/Icon/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Icon';
-export * from './Icon.styles';

package/dist/src/components/Image/Image.d.ts

@@ -1,16 +0,0 @@
-import { IressStyledProps } from '../../types';
-export interface IressImageProps extends Omit<IressStyledProps<'img'>, 'maxWidth' | 'alt' | 'src'> {
-    /**
-     * The alternative text representation of the image. It is used by screen readers to describe the image. If the image is intended for decoration purposes only, make it an empty string.
-     */
-    alt: string;
-    /**
-     * Override the maximum width of the image
-     */
-    maxWidth?: string | number;
-    /**
-     * The address of the image
-     */
-    src: string;
-}
-export declare const IressImage: ({ className, maxWidth, style, ...restProps }: IressImageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Inline/Inline.d.ts

@@ -1,31 +0,0 @@
-import { HorizontalAligns, VerticalAligns, IressStyledProps, ResponsiveProp, PositiveSpacingToken } from '../../types';
-import { ReactNode } from 'react';
-export interface IressInlineProps extends IressStyledProps {
-    /**
-     * Content to be displayed inline.
-     */
-    children?: ReactNode;
-    /**
-     * Sets the gap between direct children.
-     * @see https://developer.mozilla.org/docs/Web/CSS/gap
-     */
-    gap?: ResponsiveProp<PositiveSpacingToken>;
-    /**
-     * Sets the horizontal alignment of the inline content.
-     */
-    horizontalAlign?: HorizontalAligns;
-    /**
-     * Wraps content when stretches beyond container.
-     */
-    noWrap?: boolean;
-    /**
-     * Sets the size of the top and bottom gap between direct children when they begin to wrap.
-     * @see https://developer.mozilla.org/docs/Web/CSS/row-gap
-     */
-    rowGap?: ResponsiveProp<PositiveSpacingToken>;
-    /**
-     * Sets the vertical alignment of the inline content.
-     */
-    verticalAlign?: VerticalAligns;
-}
-export declare const IressInline: ({ className, ...restProps }: IressInlineProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Input/Input.d.ts

@@ -1,57 +0,0 @@
-import { ChangeEvent, RefAttributes, ReactElement, ReactNode } from 'react';
-import { InputRef, InputBaseProps, InputBaseElement } from './InputBase/InputBase';
-import { FormControlValue, FormElementWidths } from '../../types';
-export type IressInputProps<T extends FormControlValue = string | number, TRows extends number | undefined = undefined> = Omit<InputBaseProps<TRows>, 'defaultValue' | 'onChange' | 'value'> & {
-    /**
-     * Set input content align to right, useful for numeric inputs.
-     * @default false
-     */
-    alignRight?: boolean;
-    /**
-     * Content to append to the input field, usually a button or icon.
-     **/
-    append?: ReactNode;
-    /**
-     * If `true`, then user can clear the value of the input. Will be ignored if `rows` prop is in use.
-     * @default false
-     */
-    clearable?: boolean;
-    /**
-     * The value of the input. Can be a string or a number. Use for uncontrolled inputs.
-     */
-    defaultValue?: T;
-    /**
-     * Bring your own formatter that will be used to format the value when the input is not focused, allowing you to display the value in a different format.
-     * e.g. User type in value="dsf 987kkk123" => result after formatter: $987,123 (string)
-     */
-    formatter?: (value?: T) => string | number;
-    /**
-     * Make prepend/append element closer to the input content.
-     */
-    inline?: boolean;
-    /**
-     * The loading states of the input field. If provided a string, will use that text as the loading message.
-     */
-    loading?: boolean | string;
-    /**
-     * Emitted when the input value changes with the new changed value.
-     */
-    onChange?: (e: ChangeEvent<InputBaseElement<TRows>>, value?: T) => void;
-    /**
-     * Emitted when the input is manually cleared.
-     */
-    onClear?: (e: ChangeEvent<InputBaseElement<TRows>>) => void;
-    /**
-     * Content to prepended to the input field, usually an icon.
-     */
-    prepend?: ReactNode;
-    /**
-     * The value of the input. Can be a string or a number. Use for controlled inputs.
-     */
-    value?: T;
-    /**
-     * The width of the input.
-     */
-    width?: FormElementWidths;
-};
-export declare const IressInput: <T extends FormControlValue = string | number, TRows extends number | undefined = undefined>(props: IressInputProps<T, TRows> & RefAttributes<InputRef<TRows> | null>) => ReactElement;

package/dist/src/components/Input/Input.styles.d.ts

@@ -1,121 +0,0 @@
-export declare const input: import('../../styled-system/types').SlotRecipeRuntimeFn<"inline" | "wrapper" | "root" | "addon" | "internal" | "formControl", {
-    alignRight: {
-        true: {
-            formControl: {
-                textAlign: "right";
-            };
-        };
-    };
-    inline: {
-        true: {
-            wrapper: {
-                display: "inline-flex";
-            };
-        };
-    };
-    isTextarea: {
-        true: {
-            formControl: {
-                lineHeight: number;
-                height: "auto";
-            };
-        };
-    };
-    readOnly: {
-        true: {
-            wrapper: {
-                border: "[none]";
-            };
-        };
-    };
-    width: {
-        '2': {
-            wrapper: {
-                maxWidth: "[fit-content]";
-            };
-            formControl: {
-                width: "input.2";
-            };
-        };
-        '4': {
-            wrapper: {
-                maxWidth: "[fit-content]";
-            };
-            formControl: {
-                width: "input.4";
-            };
-        };
-        '6': {
-            wrapper: {
-                maxWidth: "[fit-content]";
-            };
-            formControl: {
-                width: "input.6";
-            };
-        };
-        '8': {
-            wrapper: {
-                maxWidth: "[fit-content]";
-            };
-            formControl: {
-                width: "input.8";
-            };
-        };
-        '10': {
-            wrapper: {
-                maxWidth: "[fit-content]";
-            };
-            formControl: {
-                width: "input.10";
-            };
-        };
-        '12': {
-            wrapper: {
-                maxWidth: "[fit-content]";
-            };
-            formControl: {
-                width: "input.12";
-            };
-        };
-        '16': {
-            wrapper: {
-                maxWidth: "[fit-content]";
-            };
-            formControl: {
-                width: "input.16";
-            };
-        };
-        '25perc': {
-            wrapper: {
-                width: "input.25perc";
-            };
-            formControl: {
-                width: "[100%]";
-            };
-        };
-        '50perc': {
-            wrapper: {
-                width: "input.50perc";
-            };
-            formControl: {
-                width: "[100%]";
-            };
-        };
-        '75perc': {
-            wrapper: {
-                width: "input.75perc";
-            };
-            formControl: {
-                width: "[100%]";
-            };
-        };
-        '100perc': {
-            wrapper: {
-                width: "input.100perc";
-            };
-            formControl: {
-                width: "[100%]";
-            };
-        };
-    };
-}>;

package/dist/src/components/Input/InputBase/InputBase.d.ts

@@ -1,39 +0,0 @@
-import { ReactElement, Ref } from 'react';
-import { IressStyledProps } from '../../../types';
-import { ReactHookFormCompatibleRef } from '../../../interfaces';
-type InputElement<TRows extends number | undefined = undefined> = TRows extends number ? 'textarea' : 'input';
-/**
- * InputBaseElement is a type that maps to either an HTMLInputElement or HTMLTextAreaElement
- * based on the `TRows` type parameter.
- * If `TRows` is a number, it maps to HTMLTextAreaElement; otherwise, it maps to HTMLInputElement.
- */
-export type InputBaseElement<TRows extends number | undefined = undefined> = HTMLElementTagNameMap[InputElement<TRows>];
-/**
- * InputRef is a type that represents a ref to the InputBaseElement.
- * It is compatible with React Hook Form and can be used to access the input or textarea element.
- */
-export type InputRef<TRows extends number | undefined = undefined> = ReactHookFormCompatibleRef<InputBaseElement<TRows>>;
-/**
- * `InputBase` is a versatile input field component that can be used as either a text input or a textarea.
- *
- * If the `rows` prop is greater than 0, it will render a textarea; otherwise, it will render a regular text input.
- *
- * - **Ref Forwarding and Imperative Handle**: This component forwards a ref to the input or textarea element and provides a `focus` method via `useImperativeHandle`. This allows parent components to programmatically focus the input.
- */
-export type InputBaseProps<TRows extends number | undefined = undefined> = Omit<IressStyledProps<InputElement<TRows>>, 'width'> & {
-    /**
-     * Number of rows in the `textarea` (when set the component renders a textarea element)
-     */
-    rows?: TRows;
-};
-/**
- * `InputBase` is a versatile input field component that can be used as either a text input or a textarea.
- *
- * If the `rows` prop is greater than 0, it will render a textarea; otherwise, it will render a regular text input.
- *
- * - **Ref Forwarding and Imperative Handle**: This component forwards a ref to the input or textarea element and provides a `focus` method via `useImperativeHandle`. This allows parent components to programmatically focus the input.
- */
-export declare const InputBase: <TRows extends number | undefined = undefined>(props: InputBaseProps<TRows> & {
-    ref?: Ref<InputRef<TRows>>;
-}) => ReactElement;
-export {};