@orfium/ictinus 5.7.2 → 5.8.0

package/dist/src/components/ButtonBase/constants.d.ts

@@ -1,6 +1,6 @@
 import { SemanticColorsKey } from '../../theme/tokens/semantic/colors';
 import { SemanticTypographyKey } from '../../theme/tokens/semantic/typography';
-import { ComponentSizes } from 'types';
+import { ComponentSizes } from '../../utils/types';
 import { ButtonTypes } from '../Button/Button.types';
 
 export declare const buttonColorToSemColor: Record<ButtonTypes, Record<string, SemanticColorsKey>>;

package/dist/src/components/DatePicker/DatePicker.types.d.ts

@@ -32,6 +32,8 @@ export type DatePickerProps = {
     /** if the datepicker's default date is today instead of placeholder text */
     /** @deprecated This prop is being deprecated and is not used as you can manipulate date from value, will be removed in the future **/
     isDefaultNow?: boolean;
+    /** placement of the datepicker which will open. Either above of the parent or below. Defaults to bottom */
+    placement?: 'top' | 'bottom';
     /** Style properties for the DatePicker with a filter base */
     filterConfig?: {
         /** The filter's label */

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

@@ -1,4 +1,4 @@
-import { ComponentSizes } from 'types';
+import { ComponentSizes } from '../../utils/types';
 import * as React from 'react';
 export type LabelProps = {
     /** If the label has error */

package/dist/src/components/List/components/ListItemWrapper/ListItemWrapper.style.d.ts

@@ -6,4 +6,4 @@ export declare const ListItemWrapperStyled: import('@emotion/styled').StyledComp
 } & {
     rowSize?: ListRowSize;
     isDisabled: boolean;
-}, Pick<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "color" | "value" | "hidden" | "onClick" | "children" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key" | "css">, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "color" | "value" | "hidden" | "onClick" | "children" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "data-tooltip-id" | "data-tooltip-place" | "data-tooltip-content" | "data-tooltip-html" | "data-tooltip-variant" | "data-tooltip-offset" | "data-tooltip-wrapper" | "data-tooltip-events" | "data-tooltip-position-strategy" | "data-tooltip-delay-show" | "data-tooltip-delay-hide" | "data-tooltip-float" | "data-tooltip-hidden" | "data-tooltip-class-name" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key" | "css">, {}>;

package/dist/src/components/List/types.d.ts

@@ -1,5 +1,5 @@
 import { Key } from 'react';
-import { ComponentSizes } from 'types';
+import { ComponentSizes } from '../../utils/types';
 import { SelectOption } from '../Select';
 
 export type ListSelection = Set<Key>;

package/dist/src/components/List/utils.d.ts

@@ -1,4 +1,4 @@
-import { ComponentSizes } from 'types';
+import { ComponentSizes } from '../../utils/types';
 
 /** For this amount of List Items the list of Filter will be non-virtualized */
 export declare const MAX_NON_VIRTUALIZED_ITEMS_FILTER = 6;

package/dist/src/components/Select/components/SelectMenu/SelectMenu.d.ts

@@ -1,6 +1,6 @@
 import { CSSObject } from '@emotion/react';
 import { default as React } from 'react';
-import { ComponentSizes } from 'types';
+import { ComponentSizes } from '../../../../utils/types';
 import { SelectOption } from '../../types';
 import { TextInputBaseProps } from '../../../TextInputBase';
 

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

@@ -1,70 +1,5 @@
-import { default as React } from 'react';
-import { ExtendedColumn, Sort, SortingOrder } from './types';
+import { NoUndefined, TableProps } from '.';
 
-export type ContentComponent<T> = (data: Cell<T>) => React.ReactNode;
-export type Cell<T> = {
-    /** the content of the cell to be displayed. You can pass also custom component. `ContentComponent: (data: Cell<T>) => React.ReactNode`. The type defines that will be a function that returns cell to use cell data.  */
-    content: number | string | ContentComponent<T>;
-    /** the truncated tooltip content, you can override it or it will take the content @default content */
-    tooltipContent?: string;
-    /** show or not the truncated tooltip @default true if the text is truncated */
-    hasTruncatedTooltip?: boolean;
-    /** the colSpan of the cell to be displayed */
-    colSpan?: number;
-    /** the type of the cell to be displayed @default normal */
-    type?: 'financial' | 'normal';
-    /** the alignment of the cell to be displayed */
-    align?: 'left' | 'right';
-    /** the width of the cell to be displayed */
-    widthPercentage?: number;
-};
-export type Row<T> = {
-    /** the id of the row */
-    id: string | number;
-    /** the cells of the row, see Cell type for each */
-    cells: Cell<T>[];
-    /** the expanded content of the row, if its expandable */
-    expanded?: ({ row, isSelected, isExpanded, }: {
-        row: Row<T>;
-        isSelected: boolean;
-        isExpanded: boolean;
-    }) => React.ReactNode;
-    rowSpan?: number;
-};
-export type Selection = string | number;
-export type TableType = 'normal' | 'nested-header';
-export type TableProps<T> = {
-    /** The data for the table that needs to display. */
-    data: Row<T>[];
-    /** An array of titles or objects to define columns. */
-    columns: (string | ExtendedColumn)[];
-    /** Boolean defining if the header is fixed or not. */
-    hasFixedHeader?: boolean;
-    /** Boolean defining if the CTA's container is fixed or not. */
-    hasFixedCTA?: boolean;
-    /** Type of the table which determine the headers display. */
-    type?: TableType;
-    /** Boolean defining the padding all over the table cells and rows. */
-    isPadded?: boolean;
-    /** Function that once provided on each check will return the selection. */
-    onCheck?: (data: Selection[]) => void;
-    /** Function that once provided will provide the currently selected sorting configuration */
-    onSort?: (column: string, order: SortingOrder) => void;
-    /** Initial sorting column and order. Should be provided along with onSort */
-    initialSort?: Sort;
-    /** If provided sort will only work with this option (asc or desc only). By default supports bidirectional sort*/
-    sortDir?: SortingOrder;
-    /** Top left text on the table - showing a counter, text etc. */
-    topLeftText?: string | React.ReactElement;
-    /** Top right area to define a custom component for buttons or other usage. */
-    topRightArea?: (data: Row<T>[], selectionData?: Selection[]) => React.ReactNode;
-    /** Action cell width for Table with Expandable Rows (in %)*/
-    actionWidth?: number;
-    /** If true, table's expandable rows will be expanded on initial render. */
-    isInitiallyExpanded?: boolean;
-    /** Data test id prefix for all th/td elements */
-    dataTestIdPrefix?: string;
-};
-declare function Table<T>({ data, columns, type, hasFixedHeader, hasFixedCTA, onCheck, isPadded, onSort, initialSort, sortDir, topLeftText, topRightArea, actionWidth, isInitiallyExpanded, dataTestIdPrefix, }: TableProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof Table>;
+declare const Table: <TData extends NoUndefined<TData>>({ type, rowsConfig, data, columns, rowSize, columnsConfig, sorting, hasStickyHeader, pagination, sx, dataTestPrefixId, }: TableProps<TData>) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const _default: typeof Table;
 export default _default;

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

@@ -1,6 +1,7 @@
-import { SerializedStyles } from '@emotion/react';
-import { Theme } from '../../theme';
+import { CSSObject, SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
 
-export declare const tableStyle: () => () => SerializedStyles;
-export declare const tableCTAStyle: (isFixed: boolean) => (theme: Theme) => SerializedStyles;
-export declare const tableRowHeadersStyle: (hasExpandableRows: boolean, hasOnCheck: boolean, hasFixedHeader: boolean) => (theme: Theme) => SerializedStyles;
+export declare const tableContainer: () => (theme: Theme) => SerializedStyles;
+export declare const tableStyles: ({ sx }: {
+    sx?: CSSObject;
+}) => SerializedStyles;

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

@@ -0,0 +1,15 @@
+import { CSSObject } from '@emotion/react';
+import { default as React } from 'react';
+import { TableProps } from '../../types';
+
+export type TBodyProps = Pick<TableProps<any>, 'hasStickyHeader'> & {
+    children?: React.ReactNode;
+    /** Style overrides */
+    sx?: CSSObject;
+};
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<TableProps<any>, "hasStickyHeader"> & {
+    children?: React.ReactNode;
+    /** Style overrides */
+    sx?: CSSObject;
+} & React.RefAttributes<HTMLTableSectionElement>>>;
+export default _default;

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

@@ -0,0 +1,16 @@
+declare const _default: {
+    title: string;
+    component: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<Pick<import('../..').TableProps<any>, "hasStickyHeader"> & {
+        children?: import('react').ReactNode;
+        sx?: import('@emotion/serialize').CSSObject;
+    } & import('react').RefAttributes<HTMLTableSectionElement>>>;
+    parameters: {
+        storyshots: {
+            disable: boolean;
+        };
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export default _default;

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

@@ -0,0 +1,6 @@
+import { CSSObject, SerializedStyles } from '@emotion/react';
+import { TBodyProps } from './TBody';
+
+export declare const tBodyContainer: ({ hasStickyHeader, sx }: Pick<TBodyProps, "hasStickyHeader"> & {
+    sx?: CSSObject;
+}) => () => SerializedStyles;

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

@@ -0,0 +1 @@
+export { default } from './TBody';

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

@@ -0,0 +1,24 @@
+import { CSSObject } from '@emotion/react';
+import { RowSize, TestProps } from 'index';
+import { default as React } from 'react';
+
+type Props = {
+    /** The html colSpan attribute */
+    colSpan?: number;
+    /** Size of Row */
+    rowSize?: RowSize;
+    /** The width of the cell */
+    width?: number;
+    /** Style overrides */
+    sx?: CSSObject;
+    /** Column Id */
+    columnId?: string;
+    /** Row Id */
+    rowId?: string;
+    /** Whether is a row details td element */
+    isDetails?: boolean;
+    /** Metadata for the td element */
+    metaData?: any;
+} & TestProps;
+declare const _default: React.NamedExoticComponent<React.PropsWithChildren<Props>>;
+export default _default;

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

@@ -0,0 +1,22 @@
+declare const _default: {
+    title: string;
+    component: import('react').NamedExoticComponent<import('react').PropsWithChildren<{
+        colSpan?: number;
+        rowSize?: import('../..').RowSize;
+        width?: number;
+        sx?: import('@emotion/serialize').CSSObject;
+        columnId?: string;
+        rowId?: string;
+        isDetails?: boolean;
+        metaData?: any;
+    } & import('../../../..').TestProps>>;
+    parameters: {
+        storyshots: {
+            disable: boolean;
+        };
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export default _default;

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

@@ -0,0 +1,14 @@
+import { CSSObject, SerializedStyles, Theme } from '@emotion/react';
+import { ContentAlign, TableProps } from '../..';
+
+export declare const simpleTdContainer: () => (theme: Theme) => SerializedStyles;
+export declare const tdContainer: ({ rowSize, width, isCheckbox, isExpandedButton, sx, }: Pick<TableProps<any>, "rowSize"> & {
+    isCheckbox?: boolean;
+    isExpandedButton?: boolean;
+    width?: number;
+    isLastCell?: boolean;
+    sx?: CSSObject;
+}) => (theme: Theme) => SerializedStyles;
+export declare const tdContent: ({ contentAlign }: {
+    contentAlign: ContentAlign;
+}) => SerializedStyles;

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

@@ -0,0 +1 @@
+export { default } from './TD';

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

@@ -0,0 +1,29 @@
+import { CSSObject } from '@emotion/react';
+import { ColumnSort } from '@tanstack/react-table';
+import { default as React } from 'react';
+import { RowSize } from '../../types';
+import { TestProps } from '../../../../utils/types';
+
+declare const _default: React.NamedExoticComponent<React.PropsWithChildren<{
+    /** The html colSpan attribute */
+    colSpan?: number;
+    /** Size of Row */
+    rowSize: RowSize;
+    /** Width of the cell */
+    width?: number;
+    /** Sorting callback  */
+    onSort?: (desc?: boolean, isMulti?: boolean) => void;
+    /** Whether multi-sorting is enabled */
+    isMultiSortable?: boolean;
+    /** The Sorting State of the column */
+    colSortingState?: ColumnSort & {
+        badge?: number;
+    };
+    /** Callback to reset sorting for this column */
+    resetSorting?: () => void;
+    /** Metadata for the th element */
+    metaData?: any;
+    /** Style overrides */
+    sx?: CSSObject;
+} & TestProps & Pick<Partial<Omit<React.HTMLProps<HTMLDivElement>, "color" | "css" | "size">>, "onClick" | "id">>>;
+export default _default;

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

@@ -0,0 +1,25 @@
+declare const _default: {
+    title: string;
+    component: import('react').NamedExoticComponent<import('react').PropsWithChildren<{
+        colSpan?: number;
+        rowSize: import('../..').RowSize;
+        width?: number;
+        onSort?: (desc?: boolean, isMulti?: boolean) => void;
+        isMultiSortable?: boolean;
+        colSortingState?: import('@tanstack/table-core').ColumnSort & {
+            badge?: number;
+        };
+        resetSorting?: () => void;
+        metaData?: any;
+        sx?: import('@emotion/serialize').CSSObject;
+    } & import('../../../..').TestProps & Pick<Partial<Omit<import('react').HTMLProps<HTMLDivElement>, "color" | "css" | "size">>, "onClick" | "id">>>;
+    parameters: {
+        storyshots: {
+            disable: boolean;
+        };
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export default _default;

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

@@ -0,0 +1,15 @@
+import { CSSObject, SerializedStyles, Theme } from '@emotion/react';
+import { TableProps } from '../..';
+
+export declare const thContainer: ({ isCheckbox, isExpandedButton, rowSize, width, hasVisibleOptions, isSortable, sx, }: Pick<TableProps<any>, "rowSize"> & {
+    isCheckbox?: boolean;
+    isExpandedButton?: boolean;
+    width?: number;
+    hasVisibleOptions?: boolean;
+    isSortable?: boolean;
+    sx?: CSSObject;
+}) => (theme: Theme) => SerializedStyles;
+export declare const thContent: ({ contentAlign }: {
+    contentAlign: string;
+}) => (theme: Theme) => SerializedStyles;
+export declare const optionsContainer: () => SerializedStyles;

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { TestProps } from '../../../../../../utils/types';
+
+type Props = {
+    /** ID of the columns */
+    id: string;
+    /** Whether the sorting direction is descending or not */
+    isDesc: boolean;
+    /** Callback for sorting button  */
+    onClick: () => void;
+    /** Indicates the sorting order */
+    badge?: number;
+} & TestProps;
+declare const SortingButton: React.FC<Props>;
+export default SortingButton;

package/dist/src/components/Table/components/TH/components/SortingButton/SortingButton.style.d.ts

@@ -0,0 +1,4 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from '../../../../../../theme';
+
+export declare const badgeContainer: () => (theme: Theme) => SerializedStyles;

package/dist/src/components/Table/components/TH/components/SortingButton/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SortingButton';

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { TestProps } from '../../../../../../utils/types';
+
+type Props = {
+    /** Whether multi-sorting is enabled */
+    isMultiSortable?: boolean;
+    /** Sorting Callback */
+    onSort: (desc?: boolean, isMulti?: boolean) => void;
+    /** External callback for when the Dropdown Button is clicked */
+    onButtonClick?: (value: boolean) => void;
+} & TestProps;
+declare const THOptions: React.FC<Props>;
+export default THOptions;

package/dist/src/components/Table/components/TH/components/THOptions/THOptions.style.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from 'theme';
+
+export declare const menuStyle: () => (theme: Theme) => import('@emotion/react').SerializedStyles;

package/dist/src/components/Table/components/TH/components/THOptions/components/SortingOption.d.ts

@@ -0,0 +1,8 @@
+import { TestProps } from '../../../../../../../utils/types';
+
+type SortingOptionProps = {
+    key?: string | number;
+    isDescending?: boolean;
+} & TestProps;
+declare const SortingOption: React.FC<SortingOptionProps>;
+export default SortingOption;

package/dist/src/components/Table/components/TH/components/THOptions/components/index.d.ts

@@ -0,0 +1 @@
+export { default as SortingOption } from './SortingOption';

package/dist/src/components/Table/components/TH/components/THOptions/index.d.ts

@@ -0,0 +1 @@
+export { default } from './THOptions';

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

@@ -0,0 +1 @@
+export { default as THOptions } from './THOptions';

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

@@ -0,0 +1 @@
+export { default } from './TH';

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

@@ -0,0 +1,12 @@
+import { CSSObject } from '@emotion/react';
+import { default as React } from 'react';
+import { TableProps } from '../../types';
+
+export type THeadProps = Pick<TableProps<any>, 'hasStickyHeader'> & {
+    /** Whether the tbody has a scrollbar. When true, a padding-right is added to the thead in order for the element to align with the tbody correctly  */
+    hasScrollbar?: boolean;
+    /** Style overrides */
+    sx?: CSSObject;
+};
+declare const _default: React.NamedExoticComponent<React.PropsWithChildren<THeadProps>>;
+export default _default;

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

@@ -0,0 +1,13 @@
+declare const _default: {
+    title: string;
+    component: import('react').NamedExoticComponent<import('react').PropsWithChildren<import('./THead').THeadProps>>;
+    parameters: {
+        storyshots: {
+            disable: boolean;
+        };
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export default _default;

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

@@ -0,0 +1,7 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+import { THeadProps } from './THead';
+
+export declare const tHeadContainer: ({ hasStickyHeader, hasScrollbar, sx, }: Pick<THeadProps, "hasStickyHeader" | "sx"> & {
+    hasScrollbar?: boolean;
+}) => (theme: Theme) => SerializedStyles;

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

@@ -0,0 +1 @@
+export { default } from './THead';

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

@@ -0,0 +1,9 @@
+import { TableProps } from '../../types';
+import { TestProps } from '../../../../utils/types';
+
+export type TPaginationProps = Pick<TableProps<any>, 'pagination'> & {
+    /** Whether the pagination footer is sticky */
+    isSticky?: boolean;
+} & TestProps;
+declare const TPagination: React.FC<TPaginationProps>;
+export default TPagination;

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

@@ -0,0 +1,8 @@
+import { SerializedStyles, Theme } from '@emotion/react';
+import { TPaginationProps } from './TPagination';
+
+export declare const paginationContainer: ({ isSticky }: Pick<TPaginationProps, "isSticky">) => (theme: Theme) => SerializedStyles;
+export declare const itemsPerPageContainer: () => (theme: Theme) => SerializedStyles;
+export declare const counterContainer: () => (theme: Theme) => SerializedStyles;
+export declare const counterWrapper: () => (theme: Theme) => SerializedStyles;
+export declare const buttonsContainer: () => SerializedStyles;

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

@@ -0,0 +1 @@
+export { default } from './TPagination';

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

@@ -0,0 +1,17 @@
+import { CSSObject } from '@emotion/react';
+import { default as React } from 'react';
+
+export type TRProps = {
+    /** Whether the row is expandable */
+    isExpandable?: boolean;
+    /** Whether the row is expanded */
+    isExpanded?: boolean;
+    /** Whether the row is selected */
+    isSelected?: boolean;
+    /** Whether the row is selectable */
+    isSelectable?: boolean;
+    /** Style overrides */
+    sx?: CSSObject;
+};
+declare const _default: React.NamedExoticComponent<React.PropsWithChildren<TRProps & Pick<Partial<Omit<React.HTMLProps<HTMLDivElement>, "color" | "css" | "size">>, "onClick">>>;
+export default _default;

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

@@ -0,0 +1,13 @@
+declare const _default: {
+    title: string;
+    component: import('react').NamedExoticComponent<import('react').PropsWithChildren<import('./TR').TRProps & Pick<Partial<Omit<import('react').HTMLProps<HTMLDivElement>, "color" | "css" | "size">>, "onClick">>>;
+    parameters: {
+        storyshots: {
+            disable: boolean;
+        };
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export default _default;

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

@@ -0,0 +1,5 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+import { TRProps } from './TR';
+
+export declare const trContainer: ({ isExpandable, isSelected, isExpanded, isSelectable, sx, }: Pick<TRProps, "sx" | "isSelectable" | "isSelected" | "isExpandable" | "isExpanded">) => (theme: Theme) => SerializedStyles;

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

@@ -0,0 +1 @@
+export { default } from './TR';

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { TableProps } from '../../types';
+import { TestProps } from '../../../../utils/types';
+
+type Props = Pick<TableProps<any>, 'columnsConfig' | 'columns' | 'rowsConfig' | 'type'> & {
+    /** Element that that serves as the positioning boundary of the ColumnChooser Menu */
+    containerRef: React.MutableRefObject<any>;
+    /** Number of rows */
+    rowsCount?: number;
+} & TestProps;
+declare const _default: React.NamedExoticComponent<React.PropsWithChildren<Props>>;
+export default _default;

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

@@ -0,0 +1,16 @@
+declare const _default: {
+    title: string;
+    component: import('react').NamedExoticComponent<import('react').PropsWithChildren<Pick<import('../..').TableProps<any>, "type" | "columns" | "rowsConfig" | "columnsConfig"> & {
+        containerRef: import('react').MutableRefObject<any>;
+        rowsCount?: number;
+    } & import('../../../..').TestProps>>;
+    parameters: {
+        storyshots: {
+            disable: boolean;
+        };
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export default _default;

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

@@ -0,0 +1,5 @@
+import { SerializedStyles, Theme } from '@emotion/react';
+
+export declare const tTitleContainer: () => (theme: Theme) => SerializedStyles;
+export declare const titleContent: () => (theme: Theme) => SerializedStyles;
+export declare const actionsContent: () => (theme: Theme) => SerializedStyles;

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { TableProps } from '../../../../types';
+import { TestProps } from '../../../../../../utils/types';
+
+type Props = Pick<TableProps<any>, 'columns' | 'columnsConfig'> & {
+    /** Element that that serves as the positioning boundary of the ColumnChooser Menu */
+    containerRef: React.MutableRefObject<any>;
+} & TestProps;
+/** @TODO create a generic Popover component */
+declare const ColumnChooser: React.FC<Props>;
+export default ColumnChooser;

package/dist/src/components/Table/components/TTitle/components/ColumnChooser/ColumnChooser.style.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@emotion/react';
+
+export declare const menuStyle: () => (theme: Theme) => import('@emotion/react').SerializedStyles;

package/dist/src/components/Table/components/TTitle/components/ColumnChooser/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ColumnChooser';

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

@@ -0,0 +1 @@
+export declare const flattenColumns: (columns: any) => any;

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

@@ -0,0 +1 @@
+export { default } from './TTitle';

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

@@ -0,0 +1,7 @@
+export { default as TBody } from './TBody';
+export { default as THead } from './THead';
+export { default as TH } from './TH';
+export { default as TR } from './TR';
+export { default as TD } from './TD';
+export { default as TTitle } from './TTitle';
+export { default as TPagination } from './TPagination';