@loadsmart/loadsmart-ui 8.0.0 → 8.0.1

package/dist/components/Select/SelectOption.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { SelectOptionProps } from './Select.types';
-declare function SelectOption({ children, value, leading, trailing, ...rest }: SelectOptionProps): JSX.Element;
+declare function SelectOption({ children, value, leading, trailing, ...rest }: SelectOptionProps): React.JSX.Element;
 export default SelectOption;

package/dist/components/Select/useSelect.d.ts

@@ -1,8 +1,6 @@
 import { SelectProps, useSelectReturn } from './Select.types';
 /**
  * Based on https://www.w3.org/TR/wai-aria-practices-1.1/examples/combobox/aria1.1pattern/listbox-combo.html
- * @param props
- * @returns
  */
 declare function useSelect(props: SelectProps): useSelectReturn;
 export default useSelect;

package/dist/components/SideNavigation/Logo/Logo.d.ts

@@ -1,8 +1,8 @@
-import { PropsWithChildren } from 'react';
+import { default as React, PropsWithChildren } from 'react';
 export type LogoProps = PropsWithChildren<{
-    url: string;
-    className?: string;
+    readonly url: string;
+    readonly className?: string;
 }>;
-declare function Logo({ className, url, children }: LogoProps): JSX.Element;
+declare function Logo({ className, url, children }: LogoProps): React.JSX.Element;
 declare const _default: import('styled-components').StyledComponent<typeof Logo, any, LogoProps, never>;
 export default _default;

package/dist/components/SideNavigation/Menu/Menu.d.ts

@@ -1,16 +1,16 @@
-import { default as React, PropsWithChildren } from 'react';
+import { PropsWithChildren, default as React } from 'react';
 import { MenuExpandableProps } from './MenuExpandable';
 import { MenuLinkProps } from './MenuLink';
 export interface MenuProps extends React.HTMLAttributes<HTMLDivElement> {
-    label?: string;
+    readonly label?: string;
 }
-declare function Menu({ label, children, ...props }: MenuProps): JSX.Element;
+declare function Menu({ label, children, ...props }: MenuProps): React.JSX.Element;
 type MenuItemProps = {
-    active?: boolean;
+    readonly active?: boolean;
 } & PropsWithChildren<MenuLinkProps & MenuExpandableProps>;
 declare function MenuItem(props: MenuItemProps): React.JSX.Element;
 declare const _default: string & import('styled-components').StyledComponentBase<typeof Menu, any, {}, never> & import('hoist-non-react-statics').NonReactStatics<typeof Menu, {}> & {
     Item: typeof MenuItem;
-    SubItem: import('styled-components').StyledComponent<({ url, ...props }: MenuLinkProps) => JSX.Element, any, {}, never>;
+    SubItem: import('styled-components').StyledComponent<({ url, ...props }: MenuLinkProps) => React.JSX.Element, any, {}, never>;
 };
 export default _default;

package/dist/components/SideNavigation/Menu/MenuBaseItem.d.ts

@@ -1,11 +1,11 @@
-import { ReactNode, HTMLAttributes } from 'react';
+import { default as React, ReactNode, HTMLAttributes } from 'react';
 import { MenuLinkProps } from './MenuLink';
 export type MenuBaseItemProps = HTMLAttributes<HTMLElement> & {
-    label: string;
-    leading?: ReactNode;
-    trailing?: ReactNode;
-    url?: string;
-    subItems?: MenuLinkProps[];
+    readonly label: string;
+    readonly leading?: ReactNode;
+    readonly trailing?: ReactNode;
+    readonly url?: string;
+    readonly subItems?: MenuLinkProps[];
 };
-declare function MenuBaseItem({ label, leading, trailing, ...props }: MenuBaseItemProps): JSX.Element;
+declare function MenuBaseItem({ label, leading, trailing, ...props }: MenuBaseItemProps): React.JSX.Element;
 export default MenuBaseItem;

package/dist/components/SideNavigation/Menu/MenuExpandable.d.ts

@@ -1,6 +1,6 @@
-import { PropsWithChildren, HTMLAttributes } from 'react';
+import { default as React, PropsWithChildren, HTMLAttributes } from 'react';
 export type MenuExpandableProps = HTMLAttributes<HTMLDivElement> & PropsWithChildren<{
-    label: string;
+    readonly label: string;
 }>;
-declare function MenuExpandable({ label, children, ...props }: MenuExpandableProps): JSX.Element;
+declare function MenuExpandable({ label, children, ...props }: MenuExpandableProps): React.JSX.Element;
 export default MenuExpandable;

package/dist/components/SideNavigation/Menu/MenuLink.d.ts

@@ -1,10 +1,10 @@
 import { default as React, ReactNode } from 'react';
 export type MenuLinkProps = React.HTMLAttributes<HTMLAnchorElement> & {
-    label: string;
-    leading?: ReactNode;
-    trailing?: ReactNode;
-    url?: string;
+    readonly label: string;
+    readonly leading?: ReactNode;
+    readonly trailing?: ReactNode;
+    readonly url?: string;
 };
-declare function MenuLink({ url, ...props }: MenuLinkProps): JSX.Element;
+declare function MenuLink({ url, ...props }: MenuLinkProps): React.JSX.Element;
 declare const _default: import('styled-components').StyledComponent<typeof MenuLink, any, {}, never>;
 export default _default;

package/dist/components/SideNavigation/Separator/Separator.d.ts

@@ -1,5 +1,6 @@
+import { default as React } from 'react';
 export interface SeparatorProps {
-    className?: string;
+    readonly className?: string;
 }
-declare function Separator(props: SeparatorProps): JSX.Element;
+declare function Separator(props: SeparatorProps): React.JSX.Element;
 export default Separator;

package/dist/components/SideNavigation/SideNavigation.d.ts

@@ -1,26 +1,26 @@
 import { CloseButtonProps } from '../../common/CloseButton';
-import { default as React, ReactNode } from 'react';
+import { ReactNode, default as React } from 'react';
 export interface SideNavigationProps {
-    className?: string;
-    children: ReactNode;
+    readonly className?: string;
+    readonly children: ReactNode;
 }
-declare function SideNavigation({ className, children }: SideNavigationProps): JSX.Element;
+declare function SideNavigation({ className, children }: SideNavigationProps): React.JSX.Element;
 declare namespace SideNavigation {
-    var Logo: import("styled-components").StyledComponent<({ className, url, children }: import("./Logo/Logo").LogoProps) => JSX.Element, any, import("./Logo/Logo").LogoProps, never>;
-    var Menu: string & import("styled-components").StyledComponentBase<({ label, children, ...props }: import("./Menu/Menu").MenuProps) => JSX.Element, any, {}, never> & import("hoist-non-react-statics").NonReactStatics<({ label, children, ...props }: import("./Menu/Menu").MenuProps) => JSX.Element, {}> & {
+    var Logo: import("styled-components").StyledComponent<({ className, url, children }: import("./Logo/Logo").LogoProps) => React.JSX.Element, any, import("./Logo/Logo").LogoProps, never>;
+    var Menu: string & import("styled-components").StyledComponentBase<({ label, children, ...props }: import("./Menu/Menu").MenuProps) => React.JSX.Element, any, {}, never> & import("hoist-non-react-statics").NonReactStatics<({ label, children, ...props }: import("./Menu/Menu").MenuProps) => React.JSX.Element, {}> & {
         Item: (props: {
-            active?: boolean;
+            readonly active?: boolean;
         } & React.HTMLAttributes<HTMLAnchorElement> & {
-            label: string;
-            leading?: ReactNode;
-            trailing?: ReactNode;
-            url?: string;
+            readonly label: string;
+            readonly leading?: ReactNode;
+            readonly trailing?: ReactNode;
+            readonly url?: string;
         } & React.HTMLAttributes<HTMLDivElement> & {
-            label: string;
+            readonly label: string;
         } & {
             children?: ReactNode | undefined;
         }) => React.JSX.Element;
-        SubItem: import("styled-components").StyledComponent<({ url, ...props }: import("./Menu/MenuLink").MenuLinkProps) => JSX.Element, any, {}, never>;
+        SubItem: import("styled-components").StyledComponent<({ url, ...props }: import("./Menu/MenuLink").MenuLinkProps) => React.JSX.Element, any, {}, never>;
     };
     var Separator: typeof import("./Separator").Separator;
     var CloseButton: import("styled-components").StyledComponent<typeof import("common/CloseButton").default, any, CloseButtonProps, never>;

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

@@ -1,5 +1,6 @@
+import { default as React } from 'react';
 import { Meta } from '@storybook/react';
 import { SideNavigationProps } from './SideNavigation';
 declare const _default: Meta;
 export default _default;
-export declare function Playground(args: SideNavigationProps): JSX.Element;
+export declare function Playground(args: SideNavigationProps): React.JSX.Element;

package/dist/components/Steps/ProgressSteps/ProgressStep.d.ts

@@ -1,12 +1,12 @@
-import { ReactNode } from 'react';
+import { ReactNode, default as React } from 'react';
 import { Step } from '../Steps.types';
 export interface StepsProgressProps {
     steps: Array<Step>;
     current: number | string;
 }
 declare function ProgressStep(props: {
-    step: Step;
-    current: boolean;
-    indicator: ReactNode;
-}): JSX.Element;
+    readonly step: Step;
+    readonly current: boolean;
+    readonly indicator: ReactNode;
+}): React.JSX.Element;
 export default ProgressStep;

package/dist/components/Steps/ProgressSteps/ProgressSteps.d.ts

@@ -1,7 +1,8 @@
+import { default as React } from 'react';
 import { Step } from '../Steps.types';
 export interface StepsProgressProps {
-    steps: Array<Step>;
-    current: number | string;
+    readonly steps: Array<Step>;
+    readonly current: number | string;
 }
-declare function StepsProgress(props: StepsProgressProps): JSX.Element;
+declare function StepsProgress(props: StepsProgressProps): React.JSX.Element;
 export default StepsProgress;

package/dist/components/Steps/Steps.d.ts

@@ -1,15 +1,15 @@
-import { PropsWithChildren } from 'react';
+import { default as React, PropsWithChildren } from 'react';
 import { default as StepsStep } from './StepsStep';
 import { default as ColorScheme } from '../../utils/types/ColorScheme';
 import { Step } from './Steps.types';
 export interface StepsProps {
-    current: number | string;
-    id: number | string;
-    steps: Array<Step>;
-    className?: string;
-    scheme?: ColorScheme;
+    readonly current: number | string;
+    readonly id: number | string;
+    readonly steps: Array<Step>;
+    readonly className?: string;
+    readonly scheme?: ColorScheme;
 }
-declare function Steps({ id, children, current, steps, ...others }: PropsWithChildren<StepsProps>): JSX.Element;
+declare function Steps({ id, children, current, steps, ...others }: PropsWithChildren<StepsProps>): React.JSX.Element;
 declare namespace Steps {
     var Step: typeof StepsStep;
 }

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

@@ -1,5 +1,5 @@
-export type Step = {
+export interface Step {
     id: number | string;
     label: string;
     complete: boolean;
-};
+}

package/dist/components/Steps/StepsStep.d.ts

@@ -1,8 +1,8 @@
-import { PropsWithChildren } from 'react';
+import { default as React, PropsWithChildren } from 'react';
 export interface StepsStepProps {
-    id: number | string;
-    className?: string;
+    readonly id: number | string;
+    readonly className?: string;
 }
 export declare const StepWrapper: import('styled-components').StyledComponent<"article", any, import('../../theming').ThemedProps, never>;
-declare function StepsStep({ children, id, ...others }: PropsWithChildren<StepsStepProps>): JSX.Element;
+declare function StepsStep({ children, id, ...others }: PropsWithChildren<StepsStepProps>): React.JSX.Element;
 export default StepsStep;

package/dist/components/Steps/useSteps.d.ts

@@ -4,10 +4,10 @@ export interface useStepsProps {
     steps: Array<Step>;
     current?: number | string;
 }
-type State = {
+interface State {
     current: number | string;
     steps: Array<Step>;
-};
+}
 type Action = {
     type: 'navigate';
     payload: {

package/dist/components/Switch/Switch.d.ts

@@ -1,11 +1,11 @@
-import { ChangeEvent, InputHTMLAttributes } from 'react';
+import { ChangeEvent, InputHTMLAttributes, default as React } from 'react';
 interface WithAdditionalProps {
-    active?: boolean;
-    onToggle?: (event: ChangeEvent<HTMLInputElement>) => void;
-    scale?: 'default' | 'large';
+    readonly active?: boolean;
+    readonly onToggle?: (event: ChangeEvent<HTMLInputElement>) => void;
+    readonly scale?: 'default' | 'large';
 }
 export interface SwitchProps extends InputHTMLAttributes<HTMLInputElement>, WithAdditionalProps {
-    className?: string;
+    readonly className?: string;
 }
-declare function Switch({ active, className, disabled, name, onToggle, scale, ...others }: SwitchProps): JSX.Element;
+declare function Switch({ active, className, disabled, name, onToggle, scale, ...others }: SwitchProps): React.JSX.Element;
 export default Switch;

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

@@ -20,15 +20,15 @@ export interface TableSelectionCore<T extends Selectable = TableSelectableRow> {
 export declare function useTableSelectionCore<T extends Selectable>(config?: TableSelectionConfig<T>): TableSelectionCore<T>;
 export declare const TableSelectionContext: React.Context<TableSelectionCore<TableSelectableRow>>;
 type TableSelectionProviderProps = PropsWithChildren<{
-    selection?: TableSelectionConfig;
+    readonly selection?: TableSelectionConfig;
 }>;
-export declare function TableSelectionProvider({ children, selection, }: TableSelectionProviderProps): JSX.Element;
+export declare function TableSelectionProvider({ children, selection }: TableSelectionProviderProps): React.JSX.Element;
 export declare function useTableSelection<T extends Selectable = TableSelectableRow>(): TableSelectionCore<T>;
-type TableSelectionHook<T extends Selectable = TableSelectableRow> = {
+interface TableSelectionHook<T extends Selectable = TableSelectableRow> {
     values: T[];
     clear: TableSelectionCore<T>['clear'];
-};
+}
 export declare function useSelection<T extends Selectable = TableSelectableRow>(): TableSelectionHook<T>;
 export declare function isCellSelected<T extends Selectable>(value: T, selectedRows: SelectableState<T>, config: TableSelectionSelectable<T>): boolean;
-export declare function useIsCellSelected<T extends Selectable = TableSelectableRow>(value?: T): boolean;
+export declare function useIsCellSelected(value?: Selectable): boolean;
 export {};

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

@@ -1,7 +1,8 @@
+import { default as React } from 'react';
 import { useSelection, TableSelectableRow } from './Selection';
 import { default as TableSortHandle } from './TableSortHandle';
 import { TableProps, TableSectionProps, TableRowProps, TableCellProps, TableCaptionProps, TableSelectionProps, SelectionCellProps, TablePickerItemProps, TablePickerProps, ExpandableTableRowProps } from './Table.types';
-declare function Table<T extends TableSelectableRow>({ children, selection, scale, ...others }: TableProps<T>): JSX.Element;
+declare function Table<T extends TableSelectableRow>({ children, selection, scale, ...others }: TableProps<T>): React.JSX.Element;
 declare namespace Table {
     var Head: typeof TableHead;
     var Body: typeof TableBody;
@@ -19,18 +20,18 @@ declare namespace Table {
     var SortHandle: typeof TableSortHandle;
     var Picker: typeof TablePicker;
 }
-declare function TableCaption({ children, position, height }: TableCaptionProps): JSX.Element;
-declare function TableHead({ children, ...others }: TableSectionProps): JSX.Element;
-declare function TableBody({ children, ...others }: TableSectionProps): JSX.Element;
-declare function TableCell({ children, alignment, format, ...others }: TableCellProps): JSX.Element;
-declare function SelectionCell<T extends TableSelectableRow>({ value, ...props }: SelectionCellProps<T>): JSX.Element;
-declare function SelectionHeadCell<T extends TableSelectableRow>(props: SelectionCellProps<T>): JSX.Element;
-declare function TableRow({ children, ...others }: TableRowProps): JSX.Element;
-declare function ExpandableTableRow({ expandableContent, expanded, leading: propsLeading, children, onExpandedChange, initialExpanded, ...others }: ExpandableTableRowProps): JSX.Element;
-declare function TableHeadCell({ alignment, children, onClick, ...others }: TableCellProps): JSX.Element;
-declare function TableSelectionActions({ buttons, children, ...others }: TableSelectionProps): JSX.Element;
-declare function TablePickerItem<T>({ option, checked, children, ...props }: TablePickerItemProps<T>): JSX.Element;
-declare function TablePicker<T>({ value, onChange, options, align, children, trigger: propsTrigger, ...props }: TablePickerProps<T>): JSX.Element;
+declare function TableCaption({ children, position, height }: TableCaptionProps): React.JSX.Element;
+declare function TableHead({ children, ...others }: TableSectionProps): React.JSX.Element;
+declare function TableBody({ children, ...others }: TableSectionProps): React.JSX.Element;
+declare function TableCell({ children, alignment, format, ...others }: TableCellProps): React.JSX.Element;
+declare function SelectionCell<T extends TableSelectableRow>({ value, ...props }: SelectionCellProps<T>): React.JSX.Element;
+declare function SelectionHeadCell<T extends TableSelectableRow>({ children, ...props }: SelectionCellProps<T>): React.JSX.Element;
+declare function TableRow({ children, ...others }: TableRowProps): React.JSX.Element;
+declare function ExpandableTableRow({ expandableContent, expanded, leading: propsLeading, children, onExpandedChange, initialExpanded, ...others }: ExpandableTableRowProps): React.JSX.Element;
+declare function TableHeadCell({ alignment, children, onClick, ...others }: TableCellProps): React.JSX.Element;
+declare function TableSelectionActions({ buttons, children, ...others }: TableSelectionProps): React.JSX.Element;
+declare function TablePickerItem<T>({ option, checked, children, ...props }: TablePickerItemProps<T>): React.JSX.Element;
+declare function TablePicker<T>({ value, onChange, options, align, children, trigger: propsTrigger, ...props }: TablePickerProps<T>): React.JSX.Element;
 declare namespace TablePicker {
     var Item: typeof TablePickerItem;
 }

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

@@ -1,20 +1,21 @@
+import { default as React } from 'react';
 import { Meta } from '@storybook/react';
 import { TableProps } from './Table.types';
 declare const _default: Meta;
 export default _default;
-export declare function Playground(args: TableProps): JSX.Element;
+export declare function Playground(args: TableProps): React.JSX.Element;
 export declare namespace Playground {
     var args: {
         scale: string;
     };
 }
-export declare function WithSorting(args: TableProps): JSX.Element;
+export declare function WithSorting(args: TableProps): React.JSX.Element;
 export declare namespace WithSorting {
     var args: {
         scale: string;
     };
 }
-export declare function WithColumnPicker(args: TableProps): JSX.Element;
+export declare function WithColumnPicker(args: TableProps): React.JSX.Element;
 export declare namespace WithColumnPicker {
     var args: {
         scale: string;
@@ -30,7 +31,7 @@ export declare namespace WithColumnPicker {
         };
     };
 }
-export declare function WithRowSelection(args: TableProps): JSX.Element;
+export declare function WithRowSelection(args: TableProps): React.JSX.Element;
 export declare namespace WithRowSelection {
     var parameters: {
         docs: {
@@ -43,7 +44,7 @@ export declare namespace WithRowSelection {
         scale: string;
     };
 }
-export declare function WithCustomRowSelection(): JSX.Element;
+export declare function WithCustomRowSelection(): React.JSX.Element;
 export declare namespace WithCustomRowSelection {
     var parameters: {
         docs: {
@@ -53,7 +54,7 @@ export declare namespace WithCustomRowSelection {
         };
     };
 }
-export declare function WithExpandableRow(args: TableProps): JSX.Element;
+export declare function WithExpandableRow(args: TableProps): React.JSX.Element;
 export declare namespace WithExpandableRow {
     var args: {
         scale: string;

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

@@ -1,5 +1,5 @@
 import { Selectable } from '../../hooks/useSelectable';
-import { ComponentType, HTMLAttributes, PropsWithChildren, ReactNode, ReactElement } from 'react';
+import { ComponentType, HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
 import { DropdownMenuItemProps, DropdownMenuProps } from '../Dropdown';
 import { DropdownTriggerButtonProps } from '../Dropdown/DropdownTrigger';
 import { TableSelectableRow, TableSelectionConfig } from './Selection';
@@ -22,7 +22,7 @@ export interface SelectionCellProps<T extends TableSelectableRow = TableSelectab
     children?: (props: {
         selected: boolean;
         toggle: () => void;
-    }) => ReactElement;
+    }) => ReactNode;
 }
 export interface TableSectionProps extends HTMLAttributes<HTMLTableSectionElement> {
     scale?: Scale;
@@ -42,11 +42,11 @@ export interface TableCellProps extends HTMLAttributes<HTMLTableCellElement> {
     scale?: Scale;
     selected?: boolean;
 }
-export type TableColumn<T = Record<string, unknown>> = {
+export interface TableColumn<T = Record<string, unknown>> {
     /**
      * The accessor of you entry interface
      */
-    key: keyof T;
+    key: Exclude<keyof T, symbol>;
     /**
      * The label that should go in the Header cell
      */
@@ -56,7 +56,7 @@ export type TableColumn<T = Record<string, unknown>> = {
      * If omitted, `title` is used
      */
     option?: string;
-};
+}
 export type TableColumns<T> = Array<TableColumn<T>>;
 export interface TablePickerItemProps<T> extends DropdownMenuItemProps {
     option?: TableColumn<T>;

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

@@ -1,7 +1,8 @@
+import { default as React } from 'react';
 import { SortDirection } from './useSortBy.types';
 import { BoxProps } from '../Layout/Box';
 interface TableSortHandleProps extends BoxProps {
-    order?: SortDirection | null;
+    readonly order?: SortDirection | null;
 }
-declare function TableSortHandle({ order, ...rest }: TableSortHandleProps): JSX.Element | null;
+declare function TableSortHandle({ order, ...rest }: TableSortHandleProps): React.JSX.Element;
 export default TableSortHandle;

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

@@ -3,10 +3,10 @@ import { TableRowGroup, SortableColumn, ColumnGroup } from './useSortBy.types';
  * A hook that receives columns and table rows to sort them when sortByColumn function is called.
  * Exposes columnData, tableData and sortByColumn to be consumed by the Table component.
  *
- * @param {ColumnGroup} columnGroup a group of table columns
- * @param {TableRowGroup} tableRowGroup a group of table rows
+ * @param columnGroup a group of table columns
+ * @param tableRowGroup a group of table rows
  *
- * @returns {TableRowGroup} sorted table rows
+ * @returns sorted table rows
  */
 declare function useSortBy(columnGroup: ColumnGroup, tableRowGroup: TableRowGroup): {
     tableData: TableRowGroup;

package/dist/components/TablePagination/RowsPerPage.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { RowsPerPageProps } from './TablePagination.types';
-declare function RowsPerPage({ page, rowsPerPage, onRowsPerPageChange, labelRowsPerPage, count, rowsPerPageOptions, disabled, position, align, }: RowsPerPageProps): JSX.Element;
+declare function RowsPerPage({ page, rowsPerPage, onRowsPerPageChange, labelRowsPerPage, count, rowsPerPageOptions, disabled, position, align, }: RowsPerPageProps): React.JSX.Element;
 export default RowsPerPage;

package/dist/components/TablePagination/TablePagination.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { TablePaginationProps } from './TablePagination.types';
-declare function TablePagination(props: TablePaginationProps): JSX.Element;
+declare function TablePagination(props: TablePaginationProps): React.JSX.Element;
 export default TablePagination;

package/dist/components/TablePagination/TablePaginationActions.d.ts

@@ -7,5 +7,5 @@ export declare const ActionIcon: import('styled-components').StyledComponent<Rea
 } & IconProps & {
     rotate?: number;
 }, "size" | "color">;
-declare function TablePaginationActions({ variant, disabled, onPageChange, page, count, rowsPerPage, }: TablePaginationActionsProps): JSX.Element;
+declare function TablePaginationActions({ variant, disabled, onPageChange, page, count, rowsPerPage, }: TablePaginationActionsProps): React.JSX.Element;
 export default TablePaginationActions;

package/dist/components/Tabs/Tabs.d.ts

@@ -1,28 +1,28 @@
-import { default as React, HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, ReactNode, default as React } from 'react';
 import { WithDirectionProps } from './Tabs.types';
 type TabsItemsProps = HTMLAttributes<HTMLUListElement>;
 declare function TabsItems({ children, ...props }: TabsItemsProps): React.JSX.Element;
 interface TabsItemProps extends HTMLAttributes<HTMLInputElement> {
-    name: string;
-    default?: boolean;
-    leading?: ReactNode;
-    disabled?: boolean;
+    readonly name: string;
+    readonly default?: boolean;
+    readonly leading?: ReactNode;
+    readonly disabled?: boolean;
 }
 declare function TabsItem({ children, name, default: isDefault, className, onChange, leading, disabled, ...props }: TabsItemProps): React.JSX.Element;
 type PanelsItemsProps = HTMLAttributes<HTMLDivElement>;
 declare function PanelsItems({ children, ...props }: PanelsItemsProps): React.JSX.Element;
 interface PanelsItemProps extends HTMLAttributes<HTMLElement> {
-    name: string;
+    readonly name: string;
     /**
      * Renders the Panel.Item only when is visible
      * @default false
      */
-    lazy?: boolean;
+    readonly lazy?: boolean;
 }
 declare function PanelsItem({ children, name, lazy, ...props }: PanelsItemProps): React.JSX.Element;
 export interface TabsProps extends HTMLAttributes<HTMLElement>, WithDirectionProps {
-    activeTab?: string;
-    onTabChange?: (tab: string) => void;
+    readonly activeTab?: string;
+    readonly onTabChange?: (tab: string) => void;
 }
 /**
  * @example
@@ -39,7 +39,7 @@ export interface TabsProps extends HTMLAttributes<HTMLElement>, WithDirectionPro
     </Tabs.Panels>
  * </Tabs>
  */
-declare function Tabs({ children, direction, id: propId, activeTab: propTab, onTabChange, ...props }: TabsProps): JSX.Element;
+declare function Tabs({ children, direction, id: propId, activeTab: propTab, onTabChange, ...props }: TabsProps): React.JSX.Element;
 declare namespace Tabs {
     var Items: typeof TabsItems;
     var Item: typeof TabsItem;

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

@@ -1,14 +1,15 @@
+import { default as React } from 'react';
 import { Meta } from '@storybook/react';
 import { TabsProps } from './Tabs';
 declare const _default: Meta;
 export default _default;
-export declare function Playground(args: TabsProps): JSX.Element;
+export declare function Playground(args: TabsProps): React.JSX.Element;
 export declare namespace Playground {
     var args: {
         direction: string;
     };
 }
-export declare function Controlled(): JSX.Element;
+export declare function Controlled(): React.JSX.Element;
 export declare namespace Controlled {
     var args: {
         direction: string;

package/dist/components/Tag/Tag.d.ts

@@ -1,18 +1,18 @@
-import { default as React, ReactNode, ButtonHTMLAttributes } from 'react';
+import { default as React, ButtonHTMLAttributes, ReactNode } from 'react';
 interface WithSizeProps {
-    size?: 'small' | 'default' | 'large';
+    readonly size?: 'small' | 'default' | 'large';
 }
 export interface TagProps extends React.HTMLAttributes<HTMLElement>, WithSizeProps {
-    className?: string;
-    children?: ReactNode;
-    disabled?: boolean;
-    leading?: ReactNode;
-    removable?: boolean;
-    variant?: 'accent' | 'danger' | 'default' | 'outlined' | 'success' | 'warning';
-    onRemove?: () => void;
-    getRemoveButtonProps?: () => Partial<ButtonHTMLAttributes<HTMLButtonElement>> & {
+    readonly className?: string;
+    readonly children?: ReactNode;
+    readonly disabled?: boolean;
+    readonly leading?: ReactNode;
+    readonly removable?: boolean;
+    readonly variant?: 'accent' | 'danger' | 'default' | 'outlined' | 'success' | 'warning';
+    readonly onRemove?: () => void;
+    readonly getRemoveButtonProps?: () => Partial<ButtonHTMLAttributes<HTMLButtonElement>> & {
         'data-testid'?: string;
     };
 }
-declare function Tag(props: TagProps): JSX.Element;
+declare function Tag(props: TagProps): React.JSX.Element;
 export default Tag;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { default as Tag, TagProps } from './Tag';
+import { TagProps, default as Tag } from './Tag';
 declare const _default: {
     title: string;
     component: typeof Tag;
@@ -24,7 +24,7 @@ declare const _default: {
     };
 };
 export default _default;
-export declare function Default(args: TagProps): JSX.Element;
+export declare function Default(args: TagProps): React.JSX.Element;
 export declare namespace Default {
     var args: {
         size: string;
@@ -33,7 +33,7 @@ export declare namespace Default {
         href: string;
     };
 }
-export declare function Icon(args: TagProps): JSX.Element;
+export declare function Icon(args: TagProps): React.JSX.Element;
 export declare namespace Icon {
     var args: {
         size: string;
@@ -42,7 +42,7 @@ export declare namespace Icon {
         removable: boolean;
     };
 }
-export declare function Removable(args: TagProps): JSX.Element;
+export declare function Removable(args: TagProps): React.JSX.Element;
 export declare namespace Removable {
     var args: {
         size: string;
@@ -52,7 +52,7 @@ export declare namespace Removable {
         onRemove: () => void;
     };
 }
-export declare function Disabled(args: TagProps): JSX.Element;
+export declare function Disabled(args: TagProps): React.JSX.Element;
 export declare namespace Disabled {
     var args: {
         size: string;