@iress-oss/ids-components 5.16.0 → 6.0.0-alpha.0

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

@@ -1,2 +1,71 @@
-import { IressSliderProps } from './Slider.types';
+import { ReactNode, ChangeEvent, CSSProperties } from 'react';
+import { SliderTickLabel, SliderTickLabelValue } from './components/SliderTicks';
+import { IressStyledProps, IressUnstyledProps } from '../../types';
+export interface IressSliderProps extends Omit<IressStyledProps<'input'>, 'children' | 'onInput' | 'onChange'> {
+    /**
+     * Initial value of the slider. Used for uncontrolled sliders.
+     */
+    defaultValue?: number;
+    /**
+     * Format the changed value.
+     */
+    formatValue?: (value: number, tick?: SliderTickLabelValue, readOnly?: boolean) => ReactNode;
+    /**
+     * If `true`, the value tooltip will be hidden.
+     */
+    hiddenValueTooltip?: boolean;
+    /**
+     * Set the maximum value for the slider.
+     * @default 10
+     */
+    max?: number;
+    /**
+     * Sets minimum value for the slider.
+     * @default 0
+     */
+    min?: number;
+    /**
+     * The name of the control, which is submitted with the form data.
+     */
+    name?: string;
+    /**
+     * Emitted when the slider value changes.
+     */
+    onChange?: (e: ChangeEvent<HTMLInputElement>, value?: number) => void;
+    /**
+     * If `true`, the user cannot modify the value.
+     */
+    readOnly?: boolean;
+    /**
+     * Sets the step value of the slider.
+     * @default 1
+     */
+    step?: number;
+    /**
+     * List of labels to be displayed.
+     */
+    tickLabels?: SliderTickLabel[] | boolean;
+    /**
+     * Value of the slider. Used for controlled sliders.
+     */
+    value?: number;
+}
+export interface SliderReadonlyProps extends Omit<IressUnstyledProps<'input'>, 'value'> {
+    /**
+     * The label of the value.
+     */
+    label?: ReactNode;
+    /**
+     * The name of the control, which is submitted with the form data.
+     */
+    name?: string;
+    /**
+     * The current value of the slider.
+     */
+    value?: number;
+}
+export interface SliderCustomCSSProperties extends CSSProperties {
+    '--iress-thumb-value-offset'?: string;
+    '--iress-tick-label-width'?: string;
+}
 export declare const IressSlider: import('react').ForwardRefExoticComponent<IressSliderProps & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1 @@
+export declare const slider: import('../../styled-system/types').SlotRecipeRuntimeFn<"root" | "control" | "thumbValue" | "tickMarkList" | "tickMark" | "tickMarkLabel", {}>;

package/dist/src/components/Slider/components/SliderTicks.d.ts

@@ -1,2 +1,58 @@
-import { SliderTicksProps } from '../Slider.types';
+import { ReactNode } from 'react';
+import { IressStyledProps, IressUnstyledProps } from '../../../types';
+import { IressTestProps } from '../../../interfaces';
+export interface SliderTicksProps extends IressUnstyledProps<'datalist'> {
+    /**
+     * Set the maximum value for the slider.
+     * @default 10
+     */
+    max?: number;
+    /**
+     * Sets minimum value for the slider.
+     * @default 0
+     */
+    min?: number;
+    /**
+     * List of labels to be displayed.
+     */
+    tickLabels?: SliderTickLabelValue[];
+}
+export interface SliderTickMarkProps extends IressTestProps {
+    /**
+     * List of all tick labels for the slider.
+     * Used to calculate the relative width of each tick mark.
+     */
+    allTickLabels: SliderTickLabelValue[];
+    /**
+     * The index of the tick label in the list.
+     */
+    index: number;
+    /**
+     * The maximum value of the slider.
+     */
+    max: number;
+    /**
+     * The minimum value of the slider.
+     */
+    min: number;
+    /**
+     * The tick label to be displayed.
+     */
+    tickLabel: SliderTickLabelValue;
+}
+export interface SliderTickLabelValue extends Omit<IressStyledProps, 'children'> {
+    /**
+     * The label of the tick mark. If not provided, the value will be displayed.
+     */
+    label?: ReactNode;
+    /**
+     * The value of the tick mark. Will be used as the value of the form control.
+     */
+    value: number;
+}
+/**
+ * Represents a tick label for the slider.
+ * It can either be a number or an object containing a value, optional label as well as optional styling.
+ */
+export type SliderTickLabel = number | SliderTickLabelValue;
 export declare const SliderTicks: ({ max, min, tickLabels, ...restProps }: SliderTicksProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
-export * from './Slider.types';
 export * from './Slider';
+export * from './Slider.styles';

package/dist/src/components/Slider/meta/Thumbnail.d.ts

@@ -0,0 +1,2 @@
+declare const Thumbnail: () => import("react/jsx-runtime").JSX.Element;
+export default Thumbnail;

package/dist/src/components/Slider/meta/index.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    heading: string;
+    href: string;
+    tags: string[];
+    Thumbnail: import('react').LazyExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+};
+export default _default;

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

@@ -1,2 +1,9 @@
-import { IressSpinnerProps } from './Spinner.types';
-export declare const IressSpinner: ({ className, name, spin, ...restProps }: IressSpinnerProps) => import("react/jsx-runtime").JSX.Element;
+import { IressIconProps } from '../Icon';
+export interface IressSpinnerProps extends Omit<IressIconProps, 'name'> {
+    /**
+     * Spin speed of spinner.
+     * @default half
+     **/
+    spin?: IressIconProps['spin'];
+}
+export declare const IressSpinner: ({ className, spin, ...restProps }: IressSpinnerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare const spinner: import('../../styled-system/types').RecipeRuntimeFn<{}>;

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

@@ -1,2 +1,2 @@
-export * from './Spinner.types';
 export * from './Spinner';
+export * from './Spinner.styles';

package/dist/src/components/Spinner/meta/Thumbnail.d.ts

@@ -0,0 +1,2 @@
+declare const Thumbnail: () => import("react/jsx-runtime").JSX.Element;
+export default Thumbnail;

package/dist/src/components/Spinner/meta/index.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    heading: string;
+    href: string;
+    tags: string[];
+    Thumbnail: import('react').LazyExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+};
+export default _default;

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

@@ -1,2 +1,24 @@
-import { StackWithEnums } from './Stack.types';
-export declare const IressStack: StackWithEnums;
+import { ReactNode } from 'react';
+import { HorizontalAligns, IressStyledProps, ResponsiveProp } from '../../types';
+import { PositiveSpacingToken } from '../../../theme-preset/tokens/spacing';
+export type IressStackProps<E extends keyof React.JSX.IntrinsicElements = 'div'> = IressStyledProps<E> & {
+    /**
+     * Content to be separated by a gutter.
+     */
+    children?: ReactNode;
+    /**
+     * The HTML element that should be rendered.
+     * @default 'div'
+     */
+    element?: E;
+    /**
+     * Sets the gap between direct children.
+     * @see https://developer.mozilla.org/docs/Web/CSS/gap
+     */
+    gap?: ResponsiveProp<PositiveSpacingToken>;
+    /**
+     * Sets the horizontal alignment of the stack content.
+     */
+    horizontalAlign?: HorizontalAligns;
+};
+export declare const IressStack: <E extends keyof React.JSX.IntrinsicElements = "div">({ className, element, ...restProps }: IressStackProps<E>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+export declare const stack: import('../../styled-system/types').RecipeRuntimeFn<{
+    horizontalAlign: {
+        center: {
+            alignItems: "center";
+        };
+        left: {
+            alignItems: "flex-start";
+        };
+        right: {
+            alignItems: "flex-end";
+        };
+    };
+}>;

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

@@ -1,2 +1,2 @@
-export * from './Stack.types';
+export * from './Stack.styles';
 export * from './Stack';

package/dist/src/components/Stack/meta/Thumbnail.d.ts

@@ -0,0 +1,2 @@
+declare const Thumbnail: () => import("react/jsx-runtime").JSX.Element;
+export default Thumbnail;

package/dist/src/components/Stack/meta/index.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    heading: string;
+    href: string;
+    tags: string[];
+    Thumbnail: import('react').LazyExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+};
+export default _default;

package/dist/src/components/TabSet/Tab/Tab.d.ts

@@ -1,2 +1,31 @@
-import { IressTabProps } from './Tab.types';
-export declare const IressTab: import('react').ForwardRefExoticComponent<IressTabProps & import('react').RefAttributes<HTMLButtonElement>>;
+import { ReactNode, Ref, ReactElement } from 'react';
+import { FormControlValue, IressStyledProps } from '../../../types';
+import { ButtonElement } from '../../Button';
+export type IressTabProps<THref extends string | undefined = undefined> = Omit<IressStyledProps<ButtonElement<undefined, THref>>, 'value'> & {
+    /**
+     * Sets the active styling of the tab.
+     */
+    active?: boolean;
+    /**
+     * Text to be displayed inside the tab panel.
+     */
+    children?: ReactNode;
+    /**
+     * Contains a URL or a URL fragment that the hyperlink points to.
+     * If this property is set, an anchor tag will be rendered.
+     *
+     * **Note:** This prop should be avoided when using `children`.
+     */
+    href?: THref;
+    /**
+     * The label of this tab.
+     */
+    label: ReactNode;
+    /**
+     * You can provide your own value to allow you to control its active state when used in `IressTabSet`.
+     */
+    value?: FormControlValue;
+};
+export declare const IressTab: <THref extends string | undefined = undefined>(props: IressTabProps<THref> & {
+    ref?: Ref<HTMLElementTagNameMap[ButtonElement<undefined, THref>]>;
+}) => ReactElement;

package/dist/src/components/TabSet/Tab/Tab.styles.d.ts

@@ -0,0 +1,17 @@
+export declare const tab: import('../../../styled-system/types').RecipeRuntimeFn<{
+    active: {
+        true: {
+            borderBottomColor: "colour.primary.text";
+            color: "colour.primary.text";
+            textStyle: "typography.body.md.strong";
+        };
+    };
+    insideTabSet: {
+        true: {
+            borderBottomWidth: "0px";
+            _hover: {
+                bg: "[none]";
+            };
+        };
+    };
+}>;

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

@@ -1,2 +1,29 @@
-import { TabSetWithEnums } from './TabSet.types';
-export declare const IressTabSet: TabSetWithEnums;
+import { TabSetChangedEventDetail } from './TabSetProvider';
+import { ReactNode } from 'react';
+import { FormControlValue, IressStyledProps } from '../../types';
+export interface IressTabSetProps extends Omit<IressStyledProps, 'onChange'> {
+    /**
+     * Content to be displayed inside the IressTabs, usually multiple `IressTab`.
+     */
+    children?: ReactNode;
+    /**
+     * Set the selected tab for uncontrolled tabs.
+     * If the `IressTab` does not have a `value` prop, it will match by index.
+     */
+    defaultSelected?: FormControlValue;
+    /**
+     * Layout options for the positioning of tabs.
+     * @default top-left
+     */
+    layout?: 'top-left' | 'top-center' | 'top-right';
+    /**
+     * Emitted when a tab changes.
+     */
+    onChange?: (event: TabSetChangedEventDetail) => void;
+    /**
+     * Set the selected tab for controlled tabs.
+     * If the `IressTab` does not have a `value` prop, it will match by index.
+     */
+    selected?: FormControlValue;
+}
+export declare const IressTabSet: ({ children, className, defaultSelected, layout, onChange, selected, ...restProps }: IressTabSetProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,25 @@
+export declare const tabSet: import('../../styled-system/types').SlotRecipeRuntimeFn<"list" | "root" | "panel" | "hoverIndicator" | "listHolder" | "activeIndicator", {
+    layout: {
+        'top-left': {
+            list: {
+                justifyContent: "flex-start";
+            };
+        };
+        'top-center': {
+            list: {
+                justifyContent: "center";
+            };
+            activeIndicator: {
+                left: "[50%]";
+            };
+        };
+        'top-right': {
+            list: {
+                justifyContent: "flex-end";
+            };
+            activeIndicator: {
+                left: "[100%]";
+            };
+        };
+    };
+}>;

package/dist/src/components/TabSet/TabSetProvider.d.ts

@@ -1,3 +1,32 @@
-import { TabSetContextValue, TabSetProviderProps } from './TabSet.types';
-export declare const TabSetItemsContext: import('react').Context<TabSetContextValue | undefined>;
-export declare const TabSetProvider: ({ children, onChange, defaultSelected, panel, selected: selectedProp, }: TabSetProviderProps) => import("react/jsx-runtime").JSX.Element;
+import { MutableRefObject, PropsWithChildren } from 'react';
+import { FormControlValue } from '../../types';
+export interface TabSetContextValue {
+    activate: (node?: HTMLElement | null) => void;
+    active?: HTMLElement;
+    hover?: HTMLElement;
+    isActive: (node?: HTMLElement | null) => boolean;
+    panel: HTMLDivElement | null;
+    register: (node: HTMLElement, value?: FormControlValue) => void;
+    setHover: (node?: HTMLElement) => void;
+    unregister: (node: HTMLElement) => void;
+}
+export interface TabSetProviderProps extends PropsWithChildren {
+    defaultSelected?: FormControlValue;
+    hoverIndicator?: MutableRefObject<HTMLElement | null>;
+    onChange?: (event: TabSetChangedEventDetail) => void;
+    panel: HTMLDivElement | null;
+    selected?: FormControlValue;
+}
+export interface TabSetChangedEventDetail {
+    /**
+     * The index of the tab that was selected.
+     */
+    index: number;
+    /**
+     * The value of the tab that was selected.
+     * If the tab does not have a value, this will be the same as `index`.
+     */
+    value?: FormControlValue;
+}
+export declare const TabSetContext: import('react').Context<TabSetContextValue | undefined>;
+export declare const TabSetProvider: ({ children, defaultSelected, onChange, panel, selected: selectedProp, }: TabSetProviderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
-export * from './Tab/Tab.types';
-export * from './Tab/Tab';
-export * from './TabSet.types';
 export * from './TabSet';
-export * from './helpers/mapTabs';
+export * from './TabSet.styles';
+export * from './Tab/Tab';
+export * from './Tab/Tab.styles';
+export type { TabSetChangedEventDetail } from './TabSetProvider';

package/dist/src/components/TabSet/meta/Thumbnail.d.ts

@@ -0,0 +1,2 @@
+declare const Thumbnail: () => import("react/jsx-runtime").JSX.Element;
+export default Thumbnail;

package/dist/src/components/TabSet/meta/index.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    heading: string;
+    href: string;
+    tags: string[];
+    Thumbnail: import('react').LazyExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+};
+export default _default;

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

@@ -1,6 +1,67 @@
-import { IressTableProps, TableScope } from './Table.types';
-export declare const IressTable: {
-    <TRow extends object = never, TVal = never>({ caption, children, columns, compact, className, "data-testid": dataTestId, empty, hiddenCaption, hiddenHeader, hover, rowProps, rows, scope, ...restProps }: IressTableProps<TRow, TVal>): import("react/jsx-runtime").JSX.Element;
-    /** @deprecated IressTable.Scope enum is now deprecated and will be removed in a future version. Please use the value directly instead. **/
-    Scope: typeof TableScope;
+import { TableRowsProps } from './components/TableRows';
+import { ReactNode } from 'react';
+import { TableColumn } from './helpers/composeTableColumnDefs';
+import { IressStyledProps } from '../../types';
+export type IressTableProps<TRow extends object = never, TVal = never, E extends 'table' | 'tbody' = 'table'> = Omit<IressStyledProps<E>, 'border'> & {
+    /**
+     * If set to true, the table will have alternating row colors.
+     * This is useful for improving readability in tables with many rows.
+     */
+    alternate?: boolean;
+    /**
+     * Caption that describes the data in the table, required for accessibility.
+     */
+    caption: ReactNode;
+    /**
+     * Multiple table elements can be passed as children.
+     * Used to create a static table, or add a `<tfoot />` element to a `rows` based table.
+     */
+    children?: ReactNode;
+    /**
+     * A mapping of columns to be displayed in the table.
+     * If not provided, it will be automatically regenerated from the row data.
+     */
+    columns?: TableColumn<TRow, TVal>[];
+    /**
+     * Compact view of the table, used for tables with a lot of data.
+     */
+    compact?: boolean;
+    /**
+     * Content to be show when there is no rowData (columns must also be provided).
+     */
+    empty?: ReactNode;
+    /**
+     * When set to true, the table caption will be visually hidden.
+     */
+    hiddenCaption?: boolean;
+    /**
+     * When set to true, the table header (`<thead></thead>`) will be not be rendered.
+     * Only use with very simple tables.
+     */
+    hiddenHeader?: boolean;
+    /**
+     * When set to true, hovering over a row will trigger a UI change.
+     */
+    hover?: boolean;
+    /**
+     * If set to true, the table will not have borders between rows.
+     * This is useful for simpler tables where the row borders are not needed.
+     */
+    removeRowBorders?: boolean;
+    /**
+     * Add additional props to the row element.
+     * Can be a props map or a function that returns an props map. The function is called with the row data.
+     */
+    rowProps?: TableRowsProps<TRow>['rowProps'];
+    /**
+     * Each object in the array contains the data for a row.
+     * @default []
+     */
+    rows?: TRow[];
+    /**
+     * Defaults to 'row' - the first cell in the row is a `<th>`, otherwise it's a `<td>`.
+     * @default 'row'
+     */
+    scope?: 'row' | 'col';
 };
+export declare const IressTable: <TRow extends object = never, TVal = never>({ alternate, caption, children, columns, compact, className, "data-testid": dataTestId, empty, hiddenCaption, hiddenHeader, hover, removeRowBorders, rowProps, rows, scope, ...restProps }: IressTableProps<TRow, TVal>) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,23 @@
+export { table } from '../../styled-system/recipes';
+export declare const tableCell: import('../../styled-system/types').RecipeRuntimeFn<{
+    format: {
+        default: {
+            textAlign: "start";
+        };
+        number: {
+            '&&': {
+                textAlign: "end";
+            };
+        };
+        currency: {
+            '&&': {
+                textAlign: "end";
+            };
+        };
+    };
+    divider: {
+        true: {
+            borderInlineEnd: "table";
+        };
+    };
+}>;

package/dist/src/components/Table/TableBody/TableBody.d.ts

@@ -1,2 +1,29 @@
-import { IressTableBodyProps } from './TableBody.types';
-export declare const IressTableBody: <TRow extends object = never, TVal = never>({ caption, children, columns, className, "data-testid": dataTestId, empty, hiddenCaption, hiddenHeader, onOpened, onClosed, open, rowProps, rows, scope, ...restProps }: IressTableBodyProps<TRow, TVal>) => import("react/jsx-runtime").JSX.Element | null;
+import { ReactNode } from 'react';
+import { IressTableProps } from '../Table';
+export interface IressTableBodyProps<TRow extends object = never, TVal = never> extends Omit<IressTableProps<TRow, TVal, 'tbody'>, 'alternate' | 'compact' | 'hover' | 'removeRowBorders'> {
+    /**
+     * Caption that describes the data in the inner table, required for accessibility.
+     * Used to open/close the inner table.
+     *
+     * **Note:** Do not include interactive elements inside the caption.
+     */
+    caption: ReactNode;
+    /**
+     * When set to true, the table caption will be visually hidden.
+     * If set, the inner table will always be open.
+     */
+    hiddenCaption?: boolean;
+    /**
+     * Is called when table is opened.
+     */
+    onOpened?: () => void;
+    /**
+     * Is called when table is closed.
+     */
+    onClosed?: () => void;
+    /**
+     * When true, all rows will be visible, otherwise they are hidden.
+     */
+    open?: boolean;
+}
+export declare const IressTableBody: <TRow extends object = never, TVal = never>({ caption, children, columns, "data-testid": dataTestId, empty, hiddenCaption, hiddenHeader, onOpened, onClosed, open, rowProps, rows, scope, ...restProps }: IressTableBodyProps<TRow, TVal>) => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/Table/TableFormattedValue/TableFormattedValue.d.ts

@@ -1,2 +1,26 @@
-import { IressTableFormattedValueProps } from './TableFormattedValue.types';
-export declare const IressTableFormattedValue: <TRow extends object, TVal = unknown>({ currencyCode, currencyFormatOptions, format, row, value, }: IressTableFormattedValueProps<TRow, TVal>) => string | number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | TVal | null | undefined;
+import { CurrencyFormatterProps } from '../../../helpers/formatting/formatCurrency';
+import { ReactNode } from 'react';
+export interface IressTableFormattedValueProps<TRow extends object, TVal = unknown> {
+    /**
+     * The currency code to prefix to the value if `format` is set to currency.
+     * @default { locale: 'en-AU', currencyCode: 'AUD' }
+     */
+    currencyFormatOptions?: Omit<CurrencyFormatterProps, 'value'>;
+    /**
+     * Formats the cell content.
+     * To use the in-built formatters, set this to: string, number, date, currency, percent.
+     * Use a custom formatter by passing a function that returns a ReactNode.
+     */
+    format?: TableCellFormats | ((value: TVal, row?: TRow) => ReactNode);
+    /**
+     * The row data.
+     */
+    row?: TRow;
+    /**
+     * The value to format.
+     */
+    value: TVal;
+}
+export declare const TABLE_CELL_FORMATS: readonly ["string", "number", "date", "shortDate", "isoDateTime", "relativeTime", "currency", "percent"];
+export type TableCellFormats = (typeof TABLE_CELL_FORMATS)[number];
+export declare const IressTableFormattedValue: <TRow extends object, TVal = unknown>({ currencyFormatOptions, format, row, value, }: IressTableFormattedValueProps<TRow, TVal>) => string | number | boolean | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | TVal | null | undefined;

package/dist/src/components/Table/TableProvider.d.ts

@@ -1,2 +1,14 @@
-import { IressTableProviderProps } from './Table.types';
-export declare const IressTableProvider: <TRow extends object, TVal = unknown>({ children, columns, rows, }: IressTableProviderProps<TRow, TVal>) => import("react/jsx-runtime").JSX.Element;
+import { Context, PropsWithChildren } from 'react';
+import { Table } from '@tanstack/react-table';
+import { TableColumn } from './helpers/composeTableColumnDefs';
+export interface TableProviderProps<TRow extends object, TVal = unknown> extends PropsWithChildren {
+    columns?: TableColumn<TRow, TVal>[];
+    rows: TRow[];
+}
+export interface TableContextValue<TRow extends object, TVal = unknown> {
+    api: Table<TRow>;
+    getColumnByKey: (key: string) => TableColumn<TRow, TVal> | undefined;
+}
+export declare function getTableContext<TRow extends object, TVal = unknown>(): Context<TableContextValue<TRow, TVal>>;
+export declare const TableContext: Context<TableContextValue<object, unknown> | undefined>;
+export declare const TableProvider: <TRow extends object, TVal = unknown>({ children, columns, rows, }: TableProviderProps<TRow, TVal>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Table/components/TableBodyCell.d.ts

@@ -1,2 +1,12 @@
-import { TableBodyCellProps } from '../Table.types';
+import { IressTestProps } from '../../../interfaces';
+import { PropsWithChildren } from 'react';
+import { Cell } from '@tanstack/react-table';
+export interface TableBodyCellProps<TRow extends object = never> extends PropsWithChildren, IressTestProps {
+    additionalHeaders?: string;
+    cellApi: Pick<Cell<TRow, unknown>, 'column' | 'row' | 'id'>;
+    hiddenHeader?: boolean;
+    index: number;
+    scope?: 'row' | 'col';
+    tableId: string;
+}
 export declare const TableBodyCell: <TRow extends object = never>({ additionalHeaders, cellApi, children, hiddenHeader, index, scope, tableId, ...restProps }: TableBodyCellProps<TRow>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Table/components/TableHeader.d.ts

@@ -1,2 +1,8 @@
-import { TableHeaderProps } from '../Table.types';
-export declare const TableHeader: ({ additionalHeaders, className, setControlViaRef, tableId, testId, }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element[] | null;
+import { AriaRelationshipProps } from '../../../hooks/useAriaRelationship';
+export interface TableHeaderProps extends Partial<Pick<AriaRelationshipProps, 'setControlViaRef'>> {
+    additionalHeaders?: string;
+    className?: string;
+    tableId: string;
+    testId?: string;
+}
+export declare const TableHeader: ({ additionalHeaders, className, setControlViaRef, tableId, testId, }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element[] | null | undefined;

package/dist/src/components/Table/components/TableHeaderCell.d.ts

@@ -1,2 +1,9 @@
-import { TableHeaderCellProps } from '../Table.types';
+import { PropsWithChildren } from 'react';
+import { IressTestProps } from '../../../interfaces';
+import { Column } from '@tanstack/react-table';
+export interface TableHeaderCellProps extends PropsWithChildren, IressTestProps {
+    additionalHeaders?: string;
+    columnApi: Pick<Column<object, unknown>, 'getCanSort' | 'toggleSorting' | 'id'>;
+    tableId: string;
+}
 export declare const TableHeaderCell: ({ additionalHeaders, children, columnApi, tableId, ...restProps }: TableHeaderCellProps) => import("react/jsx-runtime").JSX.Element;