gantri-components 2.107.1 → 2.107.2

package/dist/components/button-menu/button-menu.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { ButtonMenuProps } from './button-menu.types';
 export declare const ButtonMenu: {
-    <T extends Record<any, any>>(props: ButtonMenuProps<T>): JSX.Element;
+    <T extends Record<any, any>>(props: ButtonMenuProps<T>): React.JSX.Element;
     defaultProps: Partial<ButtonMenuProps<Record<string, unknown>>>;
 };

package/dist/components/circular-progress/circular-progress.styles.d.ts

@@ -1 +1,2 @@
-export declare const StyledCircularProgressIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+/// <reference types="react" />
+export declare const StyledCircularProgressIcon: import("styled-components").StyledComponent<import("react").FC<import("../icon/icon.types").IconProps>, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/color-picker/components/color-picker-item/color-picker-item.styles.d.ts

@@ -1,9 +1,14 @@
 import { CSSProperties } from 'styled-components';
 import { ColorPickerVariant } from '../../color-picker.types';
+import { ProductColorCode } from '../../../../styles/theme';
 export declare const StyledColorOutline: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     $isClickable: boolean;
     $selected?: boolean | undefined;
     $size?: CSSProperties['width'];
     $variant?: ColorPickerVariant | undefined;
 }, never>;
-export declare const StyledColor: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+export declare const StyledColor: import("styled-components").StyledComponent<import("@react-spring/web").AnimatedComponent<"span">, import("styled-components").DefaultTheme, {
+    $size?: CSSProperties['width'];
+    $variant?: ColorPickerVariant | undefined;
+    color: ProductColorCode;
+}, never>;

package/dist/components/dropdown/dropdown.styles.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import { Property } from 'csstype';
 import { TextFieldSize } from '../text-field';
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
-export declare const StyledOption: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+export declare const StyledOption: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../typography").TypographyProps & import("react").RefAttributes<unknown>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledSelect: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     $maxWidth?: Property.Width<string | number> | undefined;
 }, never>;
@@ -11,4 +12,6 @@ export declare const StyledCustomPlaceholderContainer: import("styled-components
     $size?: ResolutionAwareProp<TextFieldSize> | undefined;
     disabled: boolean | undefined;
 }, never>;
-export declare const StyledTextField: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+export declare const StyledTextField: import("styled-components").StyledComponent<import("react").FC<import("../text-field").TextFieldProps>, import("styled-components").DefaultTheme, {
+    $transparentInputText: boolean;
+}, never>;

package/dist/components/dropdown-menu/dropdown-menu.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { DropdownMenuProps } from './dropdown-menu.types';
 export declare const DropdownMenu: {
-    <T extends Record<any, any>>(props: DropdownMenuProps<T>): JSX.Element;
+    <T extends Record<any, any>>(props: DropdownMenuProps<T>): React.JSX.Element;
     defaultProps: Partial<DropdownMenuProps<Record<string, unknown>>>;
 };

package/dist/components/filter-button/filter-button.types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
 import { ButtonSize } from '../button/button.types';
 export interface FilterButtonProps {

package/dist/components/flex/flex.styles.d.ts

@@ -1 +1,3 @@
-export declare const StyledFlexContainer: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+/// <reference types="react" />
+import { FlexProps } from './flex.types';
+export declare const StyledFlexContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../box/box.types").BoxProps & import("react").RefAttributes<import("../box/box.types").BoxProps>>, import("styled-components").DefaultTheme, FlexProps, never>;

package/dist/components/input-group/input-group.styles.d.ts

@@ -1,4 +1,5 @@
-export declare const StyledButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+/// <reference types="react" />
+export declare const StyledButton: import("styled-components").StyledComponent<import("react").FC<import("../button/button.types").ButtonProps>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledInputGroupContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     $disabled?: boolean | undefined;
     $size?: string | undefined;

package/dist/components/modal/modal.styles.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DefaultTheme } from 'styled-components';
 import { Property } from 'csstype';
 import { ModalProps } from './modal.types';
@@ -10,12 +11,17 @@ export declare const StyledModalBody: import("styled-components").StyledComponen
     $height?: ResolutionAwareProp<Property.Height<0 | (string & {})>> | undefined;
     $width?: ResolutionAwareProp<Property.Width<0 | (string & {})>> | undefined;
 }, never>;
-export declare const StyledModalContent: import("styled-components").StyledComponent<any, DefaultTheme, any, any>;
+export declare const StyledModalContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../stack/stack.types").StackProps & import("react").RefAttributes<import("../stack/stack.types").StackProps>>, DefaultTheme, {
+    isFullScreen?: boolean | undefined;
+    noTopSpacing?: boolean | undefined;
+}, never>;
 export declare const getModalDetailsPanelBackgroundColor: ({ theme, isFullScreen, }: {
     isFullScreen: boolean | undefined;
     theme: DefaultTheme;
 }) => string;
-export declare const StyledDetailsPanelContainer: import("styled-components").StyledComponent<any, DefaultTheme, any, any>;
+export declare const StyledDetailsPanelContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../box/box.types").BoxProps & import("react").RefAttributes<import("../box/box.types").BoxProps>>, DefaultTheme, {
+    isFullScreen?: boolean | undefined;
+}, never>;
 export declare const StyledModalHeader: import("styled-components").StyledComponent<"header", DefaultTheme, {
     $closeable?: boolean | undefined;
     isFullScreen?: boolean | undefined;

package/dist/components/multi-select-list/multi-select-list.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { MultiSelectListProps } from './multi-select-list.types';
 export declare const MultiSelectList: {
-    <Item extends Record<any, any>>(props: MultiSelectListProps<Item>): JSX.Element;
+    <Item extends Record<any, any>>(props: MultiSelectListProps<Item>): React.JSX.Element;
     defaultProps: import("./multi-select-list.types").MultiSelectListDefaultProps<Record<string, unknown>>;
 };

package/dist/components/multi-select-list/multi-select-list.styles.d.ts

@@ -1 +1,2 @@
-export declare const StyledFlexItem: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+/// <reference types="react" />
+export declare const StyledFlexItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../flex/flex.types").FlexProps & import("react").RefAttributes<import("../flex/flex.types").FlexProps>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/overlay/useOverlay.hook.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { UseOverlayParams } from './overlay.types';
 export declare const useOverlay: (params: UseOverlayParams) => {
     closeOverlay: () => void;
-    overlayComponent: JSX.Element;
+    overlayComponent: React.JSX.Element;
     showRelativeTo: (parent: string | Element) => void;
 };

package/dist/components/pills/components/pill/pill.types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface PillProps {
     icon?: JSX.Element;
     onSelected?: (value: string | number) => void;

package/dist/components/radio/radio.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { RadioProps } from './radio.types';
 export declare const Radio: {
-    (props: RadioProps): JSX.Element;
+    (props: RadioProps): React.JSX.Element;
     defaultProps: RadioProps;
 };

package/dist/components/search-field/search-field.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { SearchFieldProps } from './search-field.types';
 export declare const SearchField: {
-    <T extends Record<any, any>>(props: SearchFieldProps<T>): JSX.Element;
+    <T extends Record<any, any>>(props: SearchFieldProps<T>): React.JSX.Element;
     defaultProps: Partial<SearchFieldProps<any>>;
 };

package/dist/components/table/components/after-row-component/after-row-component.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { RowData } from '@tanstack/react-table';
 import { AfterRowComponentProps } from './after-row-component.types';
-export declare const AfterRowComponent: <TData extends RowData<import("../..").CustomTData>>(props: AfterRowComponentProps<TData>) => JSX.Element | null;
+export declare const AfterRowComponent: <TData extends RowData<import("../..").CustomTData>>(props: AfterRowComponentProps<TData>) => React.JSX.Element | null;

package/dist/components/table/components/cell-reorder-wrapper/cell-reorder-wrapper.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import { RowData } from '@tanstack/react-table';
 import { CellReorderWrapperProps } from './cell-reorder-wrapper.types';
 /** When reordering is provided, wraps the first column in the provided props. */
-export declare const CellReorderWrapper: <TData extends RowData<import("../..").CustomTData>>(props: CellReorderWrapperProps<TData>) => JSX.Element;
+export declare const CellReorderWrapper: <TData extends RowData<import("../..").CustomTData>>(props: CellReorderWrapperProps<TData>) => React.JSX.Element;

package/dist/components/table/components/custom-columns-toggle/components/user-preferences-toggle/components/user-preferences-modal/user-preferences-modal.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import { UserPreferencesModalProps } from './user-preferences-modal.types';
-export declare const UserPreferencesModal: (props: UserPreferencesModalProps) => JSX.Element;
+export declare const UserPreferencesModal: (props: UserPreferencesModalProps) => React.JSX.Element;

package/dist/components/table/components/custom-columns-toggle/components/user-preferences-toggle/components/user-preferences-modal/user-preferences-modal.styles.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 export declare const StyledPreferencesPopUp: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledHeading: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
-export declare const StyledClickableIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+export declare const StyledHeading: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../../../grid/grid.types").GridProps & import("react").RefAttributes<import("../../../../../../../grid/grid.types").GridProps>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledClickableIcon: import("styled-components").StyledComponent<import("react").FC<import("../../../../../../../icon/icon.types").IconProps>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/table/components/custom-columns-toggle/components/user-preferences-toggle/user-preferences-toggle.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { UserPreferencesToggleProps } from './user-preferences-toggle.types';
 /** Toggles a dialog where the user can save their preferences for the specified `page`. */
-export declare const UserPreferencesToggle: (props: UserPreferencesToggleProps) => JSX.Element;
+export declare const UserPreferencesToggle: (props: UserPreferencesToggleProps) => React.JSX.Element;

package/dist/components/table/components/custom-columns-toggle/components/user-preferences-toggle/user-preferences-toggle.styles.d.ts

@@ -1 +1,4 @@
-export declare const StyledButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+/// <reference types="react" />
+export declare const StyledButton: import("styled-components").StyledComponent<import("react").FC<import("../../../../../button/button.types").ButtonProps>, import("styled-components").DefaultTheme, {
+    'data-is-active': boolean;
+}, never>;

package/dist/components/table/components/custom-columns-toggle/custom-columns-toggle.d.ts

@@ -1,3 +1,4 @@
 import { RowData } from '@tanstack/react-table';
+import React from 'react';
 import { CustomColumnsWrapperProps } from './custom-columns-toggle.types';
-export declare const CustomColumnsToggle: <TData extends RowData<import("../..").CustomTData>>(props: CustomColumnsWrapperProps<TData>) => JSX.Element;
+export declare const CustomColumnsToggle: <TData extends RowData<import("../..").CustomTData>>(props: CustomColumnsWrapperProps<TData>) => React.JSX.Element;

package/dist/components/table/components/selectable-row-checkbox-wrapper/selectable-row-checkbox-wrapper.d.ts

@@ -1,3 +1,3 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 import { SelectableRowCheckboxWrapperProps } from './selectable-row-checkbox-wrapper.types';
-export declare const SelectableRowCheckboxWrapper: (props: PropsWithChildren<SelectableRowCheckboxWrapperProps>) => JSX.Element;
+export declare const SelectableRowCheckboxWrapper: (props: PropsWithChildren<SelectableRowCheckboxWrapperProps>) => React.JSX.Element;

package/dist/components/table/components/selectable-row-checkbox-wrapper/selectable-row-checkbox-wrapper.types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface SelectableRowCheckboxWrapperProps {
     Component: JSX.Element;
     index: number;

package/dist/components/table/components/table-actions-wrapper/components/clear-selected-rows/clear-selected-rows.d.ts

@@ -1 +1,2 @@
-export declare const ClearSelectedRows: () => JSX.Element;
+import React from 'react';
+export declare const ClearSelectedRows: () => React.JSX.Element;

package/dist/components/table/components/table-actions-wrapper/components/clear-selected-rows/clear-selected-rows.styles.d.ts

@@ -1 +1,4 @@
-export declare const StyledPointerFlex: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+/// <reference types="react" />
+export declare const StyledPointerFlex: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../flex/flex.types").FlexProps & import("react").RefAttributes<import("../../../../../flex/flex.types").FlexProps>>, import("styled-components").DefaultTheme, {
+    disabled?: boolean | undefined;
+}, never>;

package/dist/components/table/components/table-actions-wrapper/components/paging/paging.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { PagingComponentProps } from './paging.types';
 export declare const Paging: {
-    (props: PagingComponentProps): JSX.Element;
+    (props: PagingComponentProps): React.JSX.Element;
     defaultProps: Partial<import("./paging.types").PagingProps>;
 };

package/dist/components/table/components/table-actions-wrapper/components/paging/paging.styles.d.ts

@@ -1,2 +1,3 @@
-export declare const StyledFlex: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
-export declare const StyledPagingButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+/// <reference types="react" />
+export declare const StyledFlex: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../flex/flex.types").FlexProps & import("react").RefAttributes<import("../../../../../flex/flex.types").FlexProps>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledPagingButton: import("styled-components").StyledComponent<import("react").FC<import("../../../../../button/button.types").ButtonProps>, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/table/components/table-actions-wrapper/components/search/search.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { SearchComponentProps } from './search.types';
 export declare const Search: {
-    (props: SearchComponentProps): JSX.Element;
+    (props: SearchComponentProps): React.JSX.Element;
     defaultProps: import("./search.types").SearchDefaultProps;
 };

package/dist/components/table/components/table-actions-wrapper/components/sort/sort.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import { SortComponentProps } from './sort.types';
-export declare const Sort: (props: SortComponentProps) => JSX.Element;
+export declare const Sort: (props: SortComponentProps) => React.JSX.Element;

package/dist/components/table/components/table-actions-wrapper/components/sort/sort.styles.d.ts

@@ -1 +1,2 @@
-export declare const StyledDropdown: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+/// <reference types="react" />
+export declare const StyledDropdown: import("styled-components").StyledComponent<import("react").FC<import("react").PropsWithChildren<import("../../../../../dropdown").DropdownProps<any>>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/table/components/table-actions-wrapper/table-actions-wrapper.d.ts

@@ -2,4 +2,4 @@ import React, { PropsWithChildren } from 'react';
 import { RowData } from '@tanstack/react-table';
 import { TableActionsWrapperProps } from './table-actions-wrapper.types';
 /** Wraps the table with relevant components for paging, filters, sort, and table actions. */
-export declare const TableActionsWrapper: <TData extends RowData<import("../..").CustomTData>>(props: React.PropsWithChildren<TableActionsWrapperProps<TData>>) => JSX.Element;
+export declare const TableActionsWrapper: <TData extends RowData<import("../..").CustomTData>>(props: React.PropsWithChildren<TableActionsWrapperProps<TData>>) => React.JSX.Element;

package/dist/components/table/components/table-actions-wrapper/table-actions-wrapper.styles.d.ts

@@ -1 +1,4 @@
-export declare const StyledBottomActionsFlex: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+/// <reference types="react" />
+export declare const StyledBottomActionsFlex: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../flex/flex.types").FlexProps & import("react").RefAttributes<import("../../../flex/flex.types").FlexProps>>, import("styled-components").DefaultTheme, {
+    showClearSelectedRows: boolean;
+}, never>;

package/dist/components/table/components/table-draggable-row/table-draggable-row.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { RowData } from '@tanstack/react-table';
 import { DraggableRowProps } from './table-draggable-row.types';
-export declare const TableDraggableRow: <TData extends RowData<import("../..").CustomTData>>(props: DraggableRowProps<TData>) => JSX.Element;
+export declare const TableDraggableRow: <TData extends RowData<import("../..").CustomTData>>(props: DraggableRowProps<TData>) => React.JSX.Element;

package/dist/components/table/components/table-footer/components/selectable-row-footer-wrapper/selectable-row-footer-wrapper.d.ts

@@ -1,3 +1,3 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 import { SelectableRowFooterWrapperProps } from './selectable-row-footer-wrapper.types';
-export declare const SelectableRowFooterWrapper: (props: PropsWithChildren<SelectableRowFooterWrapperProps>) => JSX.Element;
+export declare const SelectableRowFooterWrapper: (props: PropsWithChildren<SelectableRowFooterWrapperProps>) => React.JSX.Element;

package/dist/components/table/components/table-footer/table-footer.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { RowData } from '@tanstack/react-table';
 import { TableFooterProps } from './table-footer.types';
-export declare const TableFooter: <TData extends RowData<import("../..").CustomTData>>(props: TableFooterProps<TData>) => JSX.Element;
+export declare const TableFooter: <TData extends RowData<import("../..").CustomTData>>(props: TableFooterProps<TData>) => React.JSX.Element;

package/dist/components/table/components/table-header/components/selectable-row-header-wrapper/selectable-row-header-wrapper.d.ts

@@ -1,4 +1,4 @@
 import React, { PropsWithChildren } from 'react';
 import { RowData } from '@tanstack/react-table';
 import { SelectableRowHeaderWrapperProps } from './selectable-row-header-wrapper.types';
-export declare const SelectableRowHeaderWrapper: <TData extends RowData<import("../../../..").CustomTData>>(props: React.PropsWithChildren<SelectableRowHeaderWrapperProps<TData>>) => JSX.Element;
+export declare const SelectableRowHeaderWrapper: <TData extends RowData<import("../../../..").CustomTData>>(props: React.PropsWithChildren<SelectableRowHeaderWrapperProps<TData>>) => React.JSX.Element;

package/dist/components/table/components/table-header/table-header.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { RowData } from '@tanstack/react-table';
 import { TableHeaderProps } from './table-header.types';
-export declare const TableHeader: <TData extends RowData<import("../..").CustomTData>>(props: TableHeaderProps<TData>) => JSX.Element;
+export declare const TableHeader: <TData extends RowData<import("../..").CustomTData>>(props: TableHeaderProps<TData>) => React.JSX.Element;

package/dist/components/table/components/table-row/helpers/get-row-component-props/get-row-component-props.d.ts

@@ -12,6 +12,7 @@ export declare const getRowComponentProps: <TData extends RowData<import("../../
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
     contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
@@ -19,6 +20,7 @@ export declare const getRowComponentProps: <TData extends RowData<import("../../
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
+    nonce?: string | undefined;
     placeholder?: string | undefined;
     slot?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
@@ -29,11 +31,14 @@ export declare const getRowComponentProps: <TData extends RowData<import("../../
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined;
+    content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
     prefix?: string | undefined;
     property?: string | undefined;
+    rel?: string | undefined;
     resource?: string | undefined;
+    rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
     autoCapitalize?: string | undefined;
@@ -48,59 +53,59 @@ export declare const getRowComponentProps: <TData extends RowData<import("../../
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "off" | "on" | undefined;
-    inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+    inputMode?: "text" | "none" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     children?: import("react-i18next").ReactI18NextChild | Iterable<import("react-i18next").ReactI18NextChild>;
-    'aria-activedescendant'?: string | undefined;
-    'aria-atomic'?: (boolean | "true" | "false") | undefined;
-    'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
-    'aria-busy'?: (boolean | "true" | "false") | undefined;
-    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
-    'aria-colcount'?: number | undefined;
-    'aria-colindex'?: number | undefined;
-    'aria-colspan'?: number | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-details'?: string | undefined;
-    'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
-    'aria-errormessage'?: string | undefined;
-    'aria-expanded'?: (boolean | "true" | "false") | undefined;
-    'aria-flowto'?: string | undefined;
-    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
-    'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-    'aria-keyshortcuts'?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-level'?: number | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    'aria-modal'?: (boolean | "true" | "false") | undefined;
-    'aria-multiline'?: (boolean | "true" | "false") | undefined;
-    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
-    'aria-orientation'?: "horizontal" | "vertical" | undefined;
-    'aria-owns'?: string | undefined;
-    'aria-placeholder'?: string | undefined;
-    'aria-posinset'?: number | undefined;
-    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
-    'aria-readonly'?: (boolean | "true" | "false") | undefined;
-    'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    'aria-required'?: (boolean | "true" | "false") | undefined;
-    'aria-roledescription'?: string | undefined;
-    'aria-rowcount'?: number | undefined;
-    'aria-rowindex'?: number | undefined;
-    'aria-rowspan'?: number | undefined;
-    'aria-selected'?: (boolean | "true" | "false") | undefined;
-    'aria-setsize'?: number | undefined;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-    'aria-valuemax'?: number | undefined;
-    'aria-valuemin'?: number | undefined;
-    'aria-valuenow'?: number | undefined;
-    'aria-valuetext'?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined;
     onCopy?: import("react").ClipboardEventHandler<HTMLTableRowElement> | undefined;
     onCopyCapture?: import("react").ClipboardEventHandler<HTMLTableRowElement> | undefined;

package/dist/components/table/components/table-row/table-row.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { RowData } from '@tanstack/react-table';
 import { TableRowProps } from './table-row.types';
-export declare const TableRow: <TData extends RowData<import("../..").CustomTData>>(props: TableRowProps<TData>) => JSX.Element;
+export declare const TableRow: <TData extends RowData<import("../..").CustomTData>>(props: TableRowProps<TData>) => React.JSX.Element;

package/dist/components/table/components/table-row-cells/components/selectable-row-cell-wrapper/selectable-row-cell-wrapper.d.ts

@@ -1,4 +1,4 @@
 import React, { PropsWithChildren } from 'react';
 import { RowData } from '@tanstack/react-table';
 import { SelectableRowCellWrapperProps } from './selectable-row-cell-wrapper.types';
-export declare const SelectableRowCellWrapper: <TData extends RowData<import("../../../..").CustomTData>>(props: React.PropsWithChildren<SelectableRowCellWrapperProps<TData>>) => JSX.Element;
+export declare const SelectableRowCellWrapper: <TData extends RowData<import("../../../..").CustomTData>>(props: React.PropsWithChildren<SelectableRowCellWrapperProps<TData>>) => React.JSX.Element;

package/dist/components/table/components/table-row-cells/components/selectable-row-cell-wrapper/selectable-row-cell-wrapper.styles.d.ts

@@ -1 +1,2 @@
-export declare const StyledCheckboxCell: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+/// <reference types="react" />
+export declare const StyledCheckboxCell: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../cell/cell.types").CellProps & import("react").RefAttributes<import("../../../../../cell/cell.types").CellProps>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/table/components/table-row-cells/components/table-cell/table-cell.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { RowData } from '@tanstack/react-table';
 import { TableCellProps } from './table-cell.types';
-export declare const TableCell: <TData extends RowData<import("../../../..").CustomTData>>(props: TableCellProps<TData>) => JSX.Element;
+export declare const TableCell: <TData extends RowData<import("../../../..").CustomTData>>(props: TableCellProps<TData>) => React.JSX.Element;

package/dist/components/table/components/table-row-cells/table-row-cells.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { RowData } from '@tanstack/react-table';
 import { TableRowCellsProps } from './table-row-cells.types';
-export declare const TableRowCells: <TData extends RowData<import("../..").CustomTData>>(props: TableRowCellsProps<TData>) => JSX.Element;
+export declare const TableRowCells: <TData extends RowData<import("../..").CustomTData>>(props: TableRowCellsProps<TData>) => React.JSX.Element;

package/dist/components/table/components/table-row-overlay/table-row-overlay.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { RowData } from '@tanstack/react-table';
 import { TableRowOverlayProps } from './table-row-overlay.types';
-export declare const TableRowOverlay: <TData extends RowData<import("../..").CustomTData>>(props: TableRowOverlayProps<TData>) => JSX.Element;
+export declare const TableRowOverlay: <TData extends RowData<import("../..").CustomTData>>(props: TableRowOverlayProps<TData>) => React.JSX.Element;

package/dist/components/table/table.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { RowData } from '@tanstack/react-table';
 import { TableProps } from './table.types';
 /**
@@ -6,6 +7,6 @@ import { TableProps } from './table.types';
  * Official docs: https://tanstack.com/table/v8/docs/guide/overview
  */
 export declare const Table: {
-    <TData extends RowData<import("./table.types").CustomTData>>(props: TableProps<TData>): JSX.Element;
+    <TData extends RowData<import("./table.types").CustomTData>>(props: TableProps<TData>): React.JSX.Element;
     defaultProps: import("./table.types").TableDefaultProps;
 };

package/dist/components/table/table.providers.d.ts

@@ -1,2 +1,2 @@
-import { PropsWithChildren } from 'react';
-export declare const RowSelectionProviders: ({ children, }: PropsWithChildren<Record<never, never>>) => JSX.Element;
+import React, { PropsWithChildren } from 'react';
+export declare const RowSelectionProviders: ({ children, }: PropsWithChildren<Record<never, never>>) => React.JSX.Element;

package/dist/styles/theme.stories.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { Meta } from '@storybook/react/types-6-0';
 declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
 export default _default;
-export declare const ColorsPalette: () => JSX.Element;
-export declare const ThemeColors: () => JSX.Element;
+export declare const ColorsPalette: () => React.JSX.Element;
+export declare const ThemeColors: () => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gantri-components",
-  "version": "2.107.1",
+  "version": "2.107.2",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "umd": "dist/index.umd.js",
@@ -33,6 +33,10 @@
     "styled-components": "^5.3.5",
     "yup": "^0.32.11"
   },
+  "resolutions": {
+    "@types/react": "17.0.80",
+    "@types/react-dom": "17.0.25"
+  },
   "devDependencies": {
     "@axe-core/react": "^4.4.4",
     "@babel/core": "7.18.6",
@@ -74,7 +78,7 @@
     "@types/jest-axe": "^3.5.5",
     "@types/lodash.capitalize": "^4.2.7",
     "@types/lodash.isobject": "^3.0.6",
-    "@types/react": "17.0.39",
+    "@types/react": "17.0.80",
     "@types/react-input-mask": "^3.0.1",
     "@types/styled-components": "^5.1.25",
     "@types/throttle-debounce": "^5.0.0",
@@ -133,7 +137,7 @@
     "@dnd-kit/utilities": "^3.2.1",
     "@tanstack/react-table": "^8.9.2",
     "@types/lodash": "^4.14.182",
-    "@types/react-dom": "^17.0.17",
+    "@types/react-dom": "^17.0.25",
     "eslint-plugin-unused-imports": "^3.1.0",
     "formik": "^2.2.9",
     "intersection-observer": "^0.12.2",