grep-components 1.23.0 → 1.23.1-GREPF-2112.1

package/dist/components/AppBar/AppBar.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IAuthorizedPage, UserMenuItem, v0colors } from './types';
-declare type AppBarProps = {
+type AppBarProps = {
     isProd: boolean;
     username: string;
     currentPath: string;

package/dist/components/AppBar/MobileAppBar.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IAuthorizedPage, UserMenuItem, v0colors } from './types';
-declare type Props = {
+type Props = {
     userMenuItems: UserMenuItem[];
     menuItems: IAuthorizedPage[];
     colors: v0colors;

package/dist/components/AppBar/types.d.ts

@@ -1,4 +1,4 @@
-export declare type UserMenuItem = {
+export type UserMenuItem = {
     id: string;
     label: string;
     action?: () => void;
@@ -16,7 +16,7 @@ export interface IAuthorizedPage {
     link?: boolean;
     accessLink?: boolean;
 }
-export declare type v0colors = {
+export type v0colors = {
     body: string;
     headerBackgroundColor: string;
     borderColor: string;

package/dist/components/AppBarNavList/styles/index.d.ts

@@ -1,8 +1,6 @@
 import { Theme } from '@mui/material';
 export declare const useStyles: (params: void, styleOverrides?: {
-    props: {
-        classes?: Record<string, string> | undefined;
-    } & Record<string, unknown>;
+    props: any;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
     classes: Record<"tabs" | "tab" | "indicator", string>;
@@ -11,9 +9,7 @@ export declare const useStyles: (params: void, styleOverrides?: {
     cx: import("tss-react").Cx;
 };
 export declare const useMobileStyles: (params: void, styleOverrides?: {
-    props: {
-        classes?: Record<string, string> | undefined;
-    } & Record<string, unknown>;
+    props: any;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
     classes: Record<"mobileNavList", string>;

package/dist/components/AppBarProfile/styles/index.d.ts

@@ -1,7 +1,5 @@
 export declare const useStyles: (params: void, styleOverrides?: {
-    props: {
-        classes?: Record<string, string> | undefined;
-    } & Record<string, unknown>;
+    props: any;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
     classes: Record<"user", string>;

package/dist/components/ConfirmationDialog/styles/index.d.ts

@@ -1,7 +1,5 @@
 export declare const useStyles: (params: void, styleOverrides?: {
-    props: {
-        classes?: Record<string, string> | undefined;
-    } & Record<string, unknown>;
+    props: any;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
     classes: Record<"discard", string>;

package/dist/components/ContainedLinkList/styles/index.d.ts

@@ -1,7 +1,5 @@
 export declare const useStyles: (params: void, styleOverrides?: {
-    props: {
-        classes?: Record<string, string> | undefined;
-    } & Record<string, unknown>;
+    props: any;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
     classes: Record<"container" | "title", string>;

package/dist/components/DropdownMenu/components/collapsable-menu-item.d.ts

@@ -14,7 +14,7 @@ declare class CollapsableMenuStatusEvent {
     constructor(type: ToggleState, currentTarget: React.Ref<any>);
     preventDefault(): void;
 }
-export declare type ToggleState = 'collapse' | 'expand';
+export type ToggleState = 'collapse' | 'expand';
 export interface Properties extends Omit<MenuItemProps, 'button'> {
     items?: React.ReactNode;
     tooltipText?: string;

package/dist/components/DropdownMenu/components/tooltip-menu-item.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { MenuItemProps } from '@mui/material';
-declare type Props = MenuItemProps & {
+type Props = MenuItemProps & {
     tooltipText: string;
 };
 export declare const TooltipMenuItem: React.FC<Props>;

package/dist/components/DropdownMenu/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { MenuItemProps, MenuProps } from '@mui/material';
-declare type BooleanFunction<T> = (context?: T) => boolean;
-export declare type DropdownMenuItem<T> = Omit<MenuItemProps, 'disabled'> & {
+type BooleanFunction<T> = (context?: T) => boolean;
+export type DropdownMenuItem<T> = Omit<MenuItemProps, 'disabled'> & {
     label: string;
     tooltipText?: string;
     disabled?: BooleanFunction<T> | boolean;
@@ -12,5 +12,5 @@ export interface DropdownMenuProps<T> extends MenuProps {
     context?: T;
     menuItems: Array<DropdownMenuItem<T>>;
 }
-declare const DropdownMenu: <T>({ context, menuItems, ...menuProps }: DropdownMenuProps<T>) => JSX.Element;
+declare const DropdownMenu: <T>({ context, menuItems, ...menuProps }: DropdownMenuProps<T>) => React.JSX.Element;
 export default DropdownMenu;

package/dist/components/DropdownMenu/styles/collapsable-menu-item.style.d.ts

@@ -1,9 +1,7 @@
 export declare const useStyles: (params: {
     open: boolean;
 }, styleOverrides?: {
-    props: {
-        classes?: Record<string, string> | undefined;
-    } & Record<string, unknown>;
+    props: any;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
     classes: Record<"root" | "subMenu" | "expander", string>;

package/dist/components/DropdownMenu/styles/dropdown-menu.style.d.ts

@@ -1,7 +1,5 @@
 export declare const useStyles: (params: void, styleOverrides?: {
-    props: {
-        classes?: Record<string, string> | undefined;
-    } & Record<string, unknown>;
+    props: any;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
     classes: Record<"selected", string>;

package/dist/components/Footer/styles/index.d.ts

@@ -1,7 +1,5 @@
 export declare const useFooterStyles: (params: void, styleOverrides?: {
-    props: {
-        classes?: Record<string, string> | undefined;
-    } & Record<string, unknown>;
+    props: any;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
     classes: Record<"footer" | "content" | "serviceNameText" | "list" | "item" | "itemText" | "itemBtn", string>;

package/dist/components/GDPR/stories/GDPR.stories.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const renderGDPRText: () => JSX.Element;
+import * as React from 'react';
+export declare const renderGDPRText: () => React.JSX.Element;

package/dist/components/GDPR/styles/index.d.ts

@@ -1,7 +1,5 @@
 export declare const useStyles: (params: void, styleOverrides?: {
-    props: {
-        classes?: Record<string, string> | undefined;
-    } & Record<string, unknown>;
+    props: any;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
     classes: Record<"container" | "content" | "title" | "body" | "icon", string>;

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

@@ -1,7 +1,5 @@
 export declare const useStyles: (params: void, styleOverrides?: {
-    props: {
-        classes?: Record<string, string> | undefined;
-    } & Record<string, unknown>;
+    props: any;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
     classes: Record<"container" | "current" | "link", string>;

package/dist/components/GrepDatePicker/index.d.ts

@@ -4,7 +4,7 @@ import { DatePickerProps } from '@mui/x-date-pickers';
 import { TextFieldProps } from '@mui/material';
 import '../../utils/dateHelper';
 import { ParseableDate } from '../../utils/dateHelper';
-declare type InputProps = Pick<TextFieldProps, 'id' | 'variant' | 'label' | 'fullWidth' | 'placeholder' | 'helperText' | 'required' | 'onFocus' | 'margin' | 'sx'>;
+type InputProps = Pick<TextFieldProps, 'id' | 'variant' | 'label' | 'fullWidth' | 'placeholder' | 'helperText' | 'required' | 'onFocus' | 'margin' | 'sx'>;
 export interface GrepDatePickerProps extends Omit<DatePickerProps<Dayjs, Dayjs>, 'value' | 'renderInput'>, InputProps {
     value?: ParseableDate | null;
     errorMessage?: string;

package/dist/components/GrepDateRange/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { GridSpacing } from '@mui/material';
 import { DateRangeValue } from '../../utils/dateHelper';
 import { GrepDatePickerProps } from '../GrepDatePicker';
-declare type CommonProperties = Pick<GrepDatePickerProps, 'variant' | 'margin' | 'sx'>;
+type CommonProperties = Pick<GrepDatePickerProps, 'variant' | 'margin' | 'sx'>;
 interface Props extends CommonProperties {
     from: Omit<GrepDatePickerProps, 'onChange'>;
     to: Omit<GrepDatePickerProps, 'onChange'>;

package/dist/components/GrepEditor/components/buttons/InlineButton.d.ts

@@ -6,6 +6,6 @@ interface Properties extends Omit<ToggleButtonProps, 'value' | 'type'> {
     editor: React.MutableRefObject<Editor>;
     type: InlineStyle;
 }
-declare type Component = React.FunctionComponent<React.PropsWithChildren<Properties>>;
+type Component = React.FunctionComponent<React.PropsWithChildren<Properties>>;
 declare const InlineButton: Component;
 export default InlineButton;

package/dist/components/GrepEditor/components/buttons/button.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type InlineStyle = 'BOLD' | 'ITALIC' | 'STRIKETHROUGH' | string;
+export type InlineStyle = 'BOLD' | 'ITALIC' | 'STRIKETHROUGH' | string;
 export interface Button {
     type: string;
     children: React.ReactNode;
@@ -8,5 +8,5 @@ export declare enum ButtonType {
     bold = "BOLD",
     italic = "ITALIC"
 }
-export declare type Style = keyof typeof ButtonType;
+export type Style = keyof typeof ButtonType;
 export declare const createButton: (style: Style) => Button;

package/dist/components/GrepEditor/components/editor.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { Editor, ContentState, DraftBlockRenderMap } from 'draft-js';
 import { ToolbarPropperties } from './toolbars';
 import { Button, Style } from './buttons';
-export declare type ContentChanged = (content: ContentState) => void;
+export type ContentChanged = (content: ContentState) => void;
 export interface GrepEditor extends Editor {
     editor: HTMLElement;
     editorContainer: HTMLElement;
@@ -33,6 +33,6 @@ export interface Properties {
      */
     canInlineStyle?: boolean;
 }
-declare type Component = React.FunctionComponent<Properties>;
+type Component = React.FunctionComponent<Properties>;
 export declare const EditorComponent: Component;
 export default EditorComponent;

package/dist/components/GrepEditor/components/toolbars/floating-toolbar.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { ToolbarPropperties } from '.';
-declare type Component = React.FunctionComponent<ToolbarPropperties>;
+type Component = React.FunctionComponent<ToolbarPropperties>;
 export declare const FloatingToolbar: Component;
 export default FloatingToolbar;

package/dist/components/GrepEditor/index.d.ts

@@ -7,6 +7,6 @@ interface Properties extends GrepEditorProps {
 }
 export * from './misc/utils';
 export { ContentState };
-declare type Component = React.FunctionComponent<Properties>;
+type Component = React.FunctionComponent<Properties>;
 declare const GrepEditor: Component;
 export default GrepEditor;

package/dist/components/GrepEditor/misc/handlers/key.d.ts

@@ -1,6 +1,6 @@
 import { EditorState, DraftEditorCommand, DraftHandleValue } from 'draft-js';
 import { Style } from '../../components/buttons';
-export declare type CustomDraftCommand = DraftEditorCommand | 'shift-split-block';
+export type CustomDraftCommand = DraftEditorCommand | 'shift-split-block';
 export declare const customKeyHandler: (setEditorState: (state: EditorState) => void) => (command: CustomDraftCommand, editorState: EditorState) => DraftHandleValue;
 export declare const keyHandler: (setEditorState: (state: EditorState) => void, allowedStyles?: Array<Style>) => (command: CustomDraftCommand, editorState: EditorState) => DraftHandleValue;
 export default keyHandler;

package/dist/components/GrepEditor/misc/utils.d.ts

@@ -2,7 +2,7 @@ import { DraftDecorator, ContentState, EditorState } from 'draft-js';
 import { Options as Convert2htmlOptions } from 'draft-js-export-html';
 import { InlineStyle } from '../components/buttons';
 export declare const createState: (content?: string, decorators?: DraftDecorator[]) => EditorState;
-export declare type ParsedContent = {
+export type ParsedContent = {
     txt: string;
     html: string;
 };

package/dist/components/GrepEditor/styles/buttonStyles.d.ts

@@ -1,7 +1,5 @@
 export declare const useButtonStyles: (params: void, styleOverrides?: {
-    props: {
-        classes?: Record<string, string> | undefined;
-    } & Record<string, unknown>;
+    props: any;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
     classes: Record<"btn" | "btnSelected", string>;

package/dist/components/GrepEditor/styles/editorStyles.d.ts

@@ -4,9 +4,7 @@ interface Properties {
     readOnly?: boolean;
 }
 export declare const useEditorStyles: (params: Properties, styleOverrides?: {
-    props: {
-        classes?: Record<string, string> | undefined;
-    } & Record<string, unknown>;
+    props: any;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
     classes: Record<"root" | "legend" | "editor" | "label" | "helpertext" | "charcount", string>;

package/dist/components/GrepEditor/styles/toolbarStyles.d.ts

@@ -1,9 +1,7 @@
 export declare const useFloatingToolbarStyles: (params: {
     isVisible: boolean;
 }, styleOverrides?: {
-    props: {
-        classes?: Record<string, string> | undefined;
-    } & Record<string, unknown>;
+    props: any;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
     classes: Record<"root", string>;

package/dist/components/GrepInput/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TextFieldProps } from '@mui/material';
-export declare type GrepInputProps = TextFieldProps & {
+export type GrepInputProps = TextFieldProps & {
     shrink?: boolean;
     errorMessage?: string;
 };

package/dist/components/GrepTable/components/GrepPaginationActions.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Theme } from '@mui/material';
-export declare type PaginationActionsProps = {
+export type PaginationActionsProps = {
     count: number;
     onPageChange: (event: React.MouseEvent<HTMLElement> | null, page: number) => void;
     page: number;

package/dist/components/GrepTable/components/grep-table-cell.d.ts

@@ -7,7 +7,7 @@ export interface Properties<T> extends TableCellProps {
     lines?: number;
     selected?: boolean;
 }
-declare type ComponentProperties<T> = PropsWithChildren<Properties<T>>;
-export declare type Component<T> = FunctionComponent<ComponentProperties<T>>;
+type ComponentProperties<T> = PropsWithChildren<Properties<T>>;
+export type Component<T> = FunctionComponent<ComponentProperties<T>>;
 export declare const GrepTableRow: Component<any>;
 export default GrepTableRow;

package/dist/components/GrepTable/components/grep-table-header-cell.d.ts

@@ -6,6 +6,6 @@ interface Properties<T> extends TableSortLabelProps {
     onSortBy?: (row: T) => void;
     empty?: boolean;
 }
-declare type Component<T> = React.FunctionComponent<Properties<T>>;
+type Component<T> = React.FunctionComponent<Properties<T>>;
 export declare const TableHeaderCell: Component<any>;
 export default TableHeaderCell;

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

@@ -9,6 +9,6 @@ interface Properties<T> extends TableHeadProps {
     onSortBy?: (col: TableColumn<T>) => any;
     dropdownItems?: Array<DropdownMenuItem<T>>;
 }
-declare type Component<T> = React.FunctionComponent<Properties<T>>;
+type Component<T> = React.FunctionComponent<Properties<T>>;
 export declare const TableHeader: Component<any>;
 export default TableHeader;

package/dist/components/GrepTable/components/grep-table-placeholder.d.ts

@@ -5,6 +5,6 @@ interface Properties<T> extends Pick<TableCellProps, 'padding'> {
     columns: Array<TableColumn<T>>;
     text?: string;
 }
-declare type Component<T> = React.FunctionComponent<Properties<T>>;
+type Component<T> = React.FunctionComponent<Properties<T>>;
 export declare const GrepTablePlaceholder: Component<any>;
 export default GrepTablePlaceholder;

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

@@ -9,6 +9,6 @@ interface Properties<T> extends TableRowProps, Pick<TableCellProperties<T>, 'var
     height?: number;
     underlineOnFocus?: boolean;
 }
-declare type Component<T> = React.FunctionComponent<Properties<T>>;
+type Component<T> = React.FunctionComponent<Properties<T>>;
 export declare const GrepTableRow: Component<any>;
 export default GrepTableRow;

package/dist/components/GrepTable/index.d.ts

@@ -51,9 +51,7 @@ interface StyleProps {
     showHeader?: boolean;
 }
 export declare const useStyles: (params: StyleProps, styleOverrides?: {
-    props: {
-        classes?: Record<string, string> | undefined;
-    } & Record<string, unknown>;
+    props: any;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
     classes: Record<"table" | "body" | "header", string>;
@@ -68,6 +66,6 @@ export declare const useStyles: (params: StyleProps, styleOverrides?: {
  * @todo enhance page handling
  *
  */
-export declare const GrepTable: <T>({ placeholderText, dropdownItems, isRowDisabled, pagination, outlined, columns, header, data, onSelectedRowChange, sortBy, sortDirection, onSortBy, onRowClick, size, caption, stickyHeader, padding, disableSelectOnClick, menuButtonLabel, underlineOnFocus, rowTabIndex, ...props }: GrepTableProps<T>) => JSX.Element;
+export declare const GrepTable: <T>({ placeholderText, dropdownItems, isRowDisabled, pagination, outlined, columns, header, data, onSelectedRowChange, sortBy, sortDirection, onSortBy, onRowClick, size, caption, stickyHeader, padding, disableSelectOnClick, menuButtonLabel, underlineOnFocus, rowTabIndex, ...props }: GrepTableProps<T>) => React.JSX.Element;
 export { GrepTableRow };
 export default GrepTable;

package/dist/components/GrepTable/styles/index.d.ts

@@ -1,8 +1,6 @@
 import { TableColumn } from '..';
 export declare const usePaginationActionStyles: (params: void, styleOverrides?: {
-    props: {
-        classes?: Record<string, string> | undefined;
-    } & Record<string, unknown>;
+    props: any;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
     classes: Record<"button" | "textButton", string>;
@@ -11,9 +9,7 @@ export declare const usePaginationActionStyles: (params: void, styleOverrides?:
     cx: import("tss-react").Cx;
 };
 export declare const usePaginationStyles: (params: void, styleOverrides?: {
-    props: {
-        classes?: Record<string, string> | undefined;
-    } & Record<string, unknown>;
+    props: any;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
     classes: Record<"toolbar" | "selectLabel" | "displayedRows" | "spacer", string>;
@@ -24,9 +20,7 @@ export declare const usePaginationStyles: (params: void, styleOverrides?: {
 export declare const useTableHeaderStyles: (params: {
     column: TableColumn<any>;
 }, styleOverrides?: {
-    props: {
-        classes?: Record<string, string> | undefined;
-    } & Record<string, unknown>;
+    props: any;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
     classes: Record<"th", string>;

package/dist/components/GrepTableCard/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { GrepTableProps } from '../GrepTable';
 interface GrepTableCardProps<T> extends GrepTableProps<T> {
     title: string;
 }
-declare const GrepTableCard: <T>(props: GrepTableCardProps<T>) => JSX.Element;
+declare const GrepTableCard: <T>(props: GrepTableCardProps<T>) => React.JSX.Element;
 export default GrepTableCard;

package/dist/components/GrepTableCard/styles/index.d.ts

@@ -1,7 +1,5 @@
 export declare const useStyles: (params: void, styleOverrides?: {
-    props: {
-        classes?: Record<string, string> | undefined;
-    } & Record<string, unknown>;
+    props: any;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
     classes: Record<"container" | "title", string>;

package/dist/components/GreyCover/styles/index.d.ts

@@ -1,9 +1,7 @@
 export declare const useStyles: (params: {
     elevation?: boolean | undefined;
 }, styleOverrides?: {
-    props: {
-        classes?: Record<string, string> | undefined;
-    } & Record<string, unknown>;
+    props: any;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
     classes: Record<"cover", string>;

package/dist/components/NavGuard/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 export interface NavGuardProperties {
     when: boolean;
     title: string;
@@ -10,5 +10,5 @@ export interface NavGuardProperties {
     onCancel?: () => void;
     onSave?: () => void;
 }
-declare const NavGuard: ({ when, title, txt, txtSave, txtCancel, txtDiscard, onSave, onCancel, onDiscard, }: NavGuardProperties) => JSX.Element;
+declare const NavGuard: ({ when, title, txt, txtSave, txtCancel, txtDiscard, onSave, onCancel, onDiscard, }: NavGuardProperties) => React.JSX.Element;
 export default NavGuard;

package/dist/components/NavGuard/stories/_scaffold.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 declare const _default: ({ children }: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/dist/components/NavGuard/stories/standard.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
+import React from 'react';
+declare const _default: () => React.JSX.Element;
 export default _default;

package/dist/components/ProfileInfo/styles/index.d.ts

@@ -1,7 +1,5 @@
 export declare const useStyles: (params: void, styleOverrides?: {
-    props: {
-        classes?: Record<string, string> | undefined;
-    } & Record<string, unknown>;
+    props: any;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
     classes: Record<"container", string>;

package/dist/components/SearchBar/styles/index.d.ts

@@ -1,7 +1,5 @@
 export declare const useStyles: (params: void, styleOverrides?: {
-    props: {
-        classes?: Record<string, string> | undefined;
-    } & Record<string, unknown>;
+    props: any;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
     classes: Record<"outer" | "icon" | "input" | "helptext", string>;

package/dist/components/ServiceMessage/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-declare type Props = {
+import * as React from 'react';
+type Props = {
     id: number;
     message: string;
     isPublic?: boolean;
     onDismiss?: (id: number) => void;
 };
-declare const ServiceMessage: ({ id, message, isPublic, onDismiss }: Props) => JSX.Element;
+declare const ServiceMessage: ({ id, message, isPublic, onDismiss }: Props) => React.JSX.Element;
 export default ServiceMessage;

package/dist/components/ServiceMessage/styles/index.d.ts

@@ -1,7 +1,5 @@
 declare const _default: (params: void, styleOverrides?: {
-    props: {
-        classes?: Record<string, string> | undefined;
-    } & Record<string, unknown>;
+    props: any;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
     classes: Record<"message" | "messageText" | "messageType" | "warning" | "close" | "button", string>;

package/dist/components/Sidebar/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { NavigationProps } from '..';
 export interface SidebarProps {
     currentPageId?: number;
     pages: NavigationProps[];
     onPageClick: (page: NavigationProps) => any;
 }
-declare const Sidebar: ({ pages, onPageClick, currentPageId }: SidebarProps) => JSX.Element;
+declare const Sidebar: ({ pages, onPageClick, currentPageId }: SidebarProps) => React.JSX.Element;
 export default Sidebar;

package/dist/components/Sidebar/styles/index.d.ts

@@ -1,7 +1,5 @@
 export declare const useStyles: (params: void, styleOverrides?: {
-    props: {
-        classes?: Record<string, string> | undefined;
-    } & Record<string, unknown>;
+    props: any;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
     classes: Record<"container" | "text" | "item" | "icon" | "selected", string>;

package/dist/components/SortableTable/styles/row.style.d.ts

@@ -1,9 +1,7 @@
 export declare const useStyles: (params: {
     isDragging: boolean;
 }, styleOverrides?: {
-    props: {
-        classes?: Record<string, string> | undefined;
-    } & Record<string, unknown>;
+    props: any;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
     classes: Record<"row", string>;

package/dist/components/ToC/context/provider.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IdentifyElement } from '../utils/identity-element';
-export declare type GrepTableOfContentProviderProps = React.PropsWithChildren<{
+export type GrepTableOfContentProviderProps = React.PropsWithChildren<{
     container: HTMLElement | null;
     scrollTarget?: HTMLElement;
     className?: string;

package/dist/components/ToC/stories/_scaffold.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 declare const _default: ({ children }: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/dist/components/ToC/stories/_text.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
+import React from 'react';
+declare const _default: () => React.JSX.Element;
 export default _default;

package/dist/components/ToC/stories/standard.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
+import React from 'react';
+declare const _default: () => React.JSX.Element;
 export default _default;

package/dist/components/ToC/styles/nav-tree-node.style.d.ts

@@ -1,9 +1,7 @@
 export declare const useStyles: (params: {
     lvl: number;
 }, styleOverrides?: {
-    props: {
-        classes?: Record<string, string> | undefined;
-    } & Record<string, unknown>;
+    props: any;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
     classes: Record<"root" | "link", string>;