From cdb17d7f6b4f694a910214927a423b902fd32753 Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Thu, 23 May 2024 15:33:34 -0300
Subject: [PATCH 01/27] fix: adjust Actions component

---
 src/experimental/actions/actions.stories.tsx | 109 +++++++++++++++++--
 src/experimental/actions/index.tsx           |  35 ++----
 src/experimental/actions/styles.ts           |  16 +++
 src/experimental/index.ts                    |   2 +-
 4 files changed, 129 insertions(+), 33 deletions(-)
 create mode 100644 src/experimental/actions/styles.ts

diff --git a/src/experimental/actions/actions.stories.tsx b/src/experimental/actions/actions.stories.tsx
index b747fb2f..5dad7c95 100644
--- a/src/experimental/actions/actions.stories.tsx
+++ b/src/experimental/actions/actions.stories.tsx
@@ -1,14 +1,107 @@
 import React from 'react'
-import type { Meta, StoryFn } from '@storybook/react'
-import { Actions } from '.'
+import type { Meta, StoryObj } from '@storybook/react'
+import Actions from '.'
 
-export default {
+const meta: Meta<typeof Actions> = {
     title: 'Experimental/Actions',
-    component: Actions
-} as Meta<typeof Actions>
+    component: Actions,
+    argTypes: {
+        names: {
+            table: {
+                disable: true
+            }
+        },
+        readonly: {
+            table: {
+                disable: true
+            }
+        },
 
-const Template: StoryFn<typeof Actions> = args => {
-    return <Actions {...args} />
+        prefix: {
+            table: {
+                disable: true
+            }
+        },
+        align: {
+            options: ['flex-end', 'flex-start', 'center'],
+            control: { type: 'radio' },
+            description:
+                "The buttons position. Must be `'flex-end' | 'flex-start' | 'center'`"
+        },
+        buttons: {
+            control: false,
+            description:
+                "The buttons inner text. Must be `Array<'confirm' | 'cancel'>`" +
+                "If not informed, it will be used the default 'Cancelar' and 'Confirmar'"
+        },
+        labels: {
+            cancel: {
+                control: 'text'
+            },
+            confirm: {
+                control: 'text'
+            },
+            description:
+                'The buttons inner label. Must be and object with the cancel and confirm keys.'
+        },
+        padding: {
+            control: 'text',
+            description: 'The buttons padding'
+        },
+        margin: {
+            control: 'text',
+            description: 'The buttons margin.'
+        },
+        actionButtonColor: {
+            options: ['inherit', 'primary', 'secondary', 'default', undefined],
+            control: { type: 'radio' },
+            description:
+                'The "Confirmar" button color.' +
+                'Must be `"inherit" | "primary" | "secondary" | "default" | undefined`' +
+                'If not set, the default is "secondary"'
+        },
+        disabled: {
+            control: 'boolean',
+            description: 'If `true`, the buttons are disabled.'
+        },
+        disabledCancel: {
+            control: 'boolean',
+            description: 'If `true`, the Cancel button is disabled.'
+        },
+        disabledConfirm: {
+            control: 'boolean',
+            description: 'If `true`, the Confirm button is disabled.'
+        },
+        onCancel: {
+            control: false,
+            description: 'The onCancel function, must be `() => void | boolean`'
+        },
+        onConfirm: {
+            control: false,
+            description: 'The onConfirm function, must be `() => void`'
+        }
+    }
 }
 
-export const Default = Template.bind({})
+export default meta
+
+type Story = StoryObj<typeof Actions>
+
+export const actions: Story = {
+    render: ({ ...args }) => {
+        return <Actions {...args} />
+    },
+    args: {
+        align: 'flex-end',
+        margin: '',
+        padding: '',
+        buttons: ['cancel', 'confirm'],
+        labels: { cancel: 'Cancelar', confirm: 'Confirmar' },
+        actionButtonColor: 'primary',
+        disabled: false,
+        disabledCancel: false,
+        disabledConfirm: false,
+        onCancel: () => alert('Cancelar'),
+        onConfirm: () => alert('Confirmar')
+    }
+}
diff --git a/src/experimental/actions/index.tsx b/src/experimental/actions/index.tsx
index be70b954..fdcf51ec 100644
--- a/src/experimental/actions/index.tsx
+++ b/src/experimental/actions/index.tsx
@@ -1,13 +1,15 @@
 import React from 'react'
-import { default as styled } from 'styled-components'
 import type { ButtonProps } from '@material-ui/core'
 import { Button } from '@/index'
+import { Wrapper } from './styles'
 
 export interface IProps {
     padding?: number | string
     margin?: number | string
     align?: 'flex-end' | 'flex-start' | 'center'
-    disabled?: boolean
+    prefix?: string
+    buttons?: Array<'confirm' | 'cancel'>
+    actionButtonColor?: ButtonProps['color']
     names?: {
         cancel: string
         confirm: string
@@ -17,29 +19,14 @@ export interface IProps {
         confirm: string
     }
     readonly?: boolean
-    prefix?: string
-    buttons?: Array<'confirm' | 'cancel'>
-    actionButtonColor?: ButtonProps['color']
+    disabled?: boolean
+    disabledCancel?: boolean
+    disabledConfirm?: boolean
     onCancel?(): void | boolean
     onConfirm(): void
 }
 
-interface IWrapper {
-    padding?: IProps['padding']
-    margin?: IProps['margin']
-    align: IProps['align']
-}
-
-export const Wrapper = styled.div<IWrapper>`
-    grid-area: actions;
-    display: flex;
-    flex: 1;
-    justify-content: flex-end;
-    padding: ${props => props.padding};
-    margin: ${props => props.margin};
-`
-
-export const Actions = (props: IProps) => {
+const Actions = (props: IProps) => {
     const showButton =
         !props.readonly && (!props.buttons || props.buttons.includes('confirm'))
 
@@ -51,7 +38,7 @@ export const Actions = (props: IProps) => {
             {(!props.buttons || props.buttons.includes('cancel')) && (
                 <Button
                     margin='0 16px'
-                    disabled={props.disabled}
+                    disabled={props.disabled || props.disabledCancel}
                     name={props.names ? props.names.cancel : 'cancel-action'}
                     data-testid='cancel-action'
                     onClick={props.onCancel}>
@@ -60,9 +47,9 @@ export const Actions = (props: IProps) => {
             )}
             {showButton && (
                 <Button
-                    color={props.actionButtonColor || 'primary'}
+                    color={props.actionButtonColor || 'secondary'}
                     variant='contained'
-                    disabled={props.disabled}
+                    disabled={props.disabled || props.disabledConfirm}
                     name={props.names ? props.names.confirm : 'confirm-action'}
                     data-testid='confirm-action'
                     onClick={props.onConfirm}>
diff --git a/src/experimental/actions/styles.ts b/src/experimental/actions/styles.ts
new file mode 100644
index 00000000..a2456a9b
--- /dev/null
+++ b/src/experimental/actions/styles.ts
@@ -0,0 +1,16 @@
+import { default as styled } from 'styled-components'
+
+interface IWrapper {
+    padding?: number | string
+    margin?: number | string
+    align?: 'flex-end' | 'flex-start' | 'center'
+}
+
+export const Wrapper = styled.div<IWrapper>`
+    grid-area: actions;
+    display: flex;
+    flex: 1;
+    justify-content: ${props => props.align};
+    padding: ${props => props.padding};
+    margin: ${props => props.margin};
+`
diff --git a/src/experimental/index.ts b/src/experimental/index.ts
index 8a1128a1..2371efd2 100644
--- a/src/experimental/index.ts
+++ b/src/experimental/index.ts
@@ -1,7 +1,7 @@
 export * from './fab'
 export * from './dialog'
 export { default as Avatar } from './avatar'
-export { default as Actions, Wrapper } from './actions'
+export { default as Actions } from './actions'
 export { default as Breadcrumbs } from './breadcrumbs'
 export { default as Button } from './button'
 export { default as Card } from './card'

From ba02abf6fe2d51c3b48f7535f3d253b4177f1a24 Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Thu, 23 May 2024 15:50:58 -0300
Subject: [PATCH 02/27] fix: adjust breadcrumbs component

---
 .../breadcrumbs/breadcrumbs.stories.tsx       | 64 ++++++++++++++-----
 src/experimental/breadcrumbs/index.tsx        | 14 ++--
 src/experimental/breadcrumbs/styles.ts        | 25 ++++++--
 3 files changed, 77 insertions(+), 26 deletions(-)

diff --git a/src/experimental/breadcrumbs/breadcrumbs.stories.tsx b/src/experimental/breadcrumbs/breadcrumbs.stories.tsx
index 1afe1791..17c8179e 100644
--- a/src/experimental/breadcrumbs/breadcrumbs.stories.tsx
+++ b/src/experimental/breadcrumbs/breadcrumbs.stories.tsx
@@ -1,23 +1,57 @@
 import React from 'react'
-import type { Meta, StoryFn } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/react'
 import Breadcrumbs from '.'
+import { BreadcrumbStoryLink } from './styles'
 
-export default {
+const meta: Meta<typeof Breadcrumbs> = {
     title: 'Experimental/Breadcrumbs',
-    component: Breadcrumbs
-} as Meta<typeof Breadcrumbs>
-
-const Template: StoryFn<typeof Breadcrumbs> = args => {
-    return <Breadcrumbs {...args} />
+    component: Breadcrumbs,
+    argTypes: {
+        linkWrapper: {
+            table: {
+                disable: true
+            }
+        },
+        pathname: {
+            control: 'text',
+            description:
+                'The pathname to render breadcrumbs `(default: window.location.pathname)`'
+        },
+        homeId: {
+            control: false,
+            description: 'The homeId (eg: "-"), must be a key of `pathMapping`'
+        },
+        pathMapping: {
+            control: 'object',
+            description:
+                'A mapping between the pathname and the friendly name `{ "*": "Home", "foo": "Bar"}`'
+        }
+    }
 }
 
-export const Default = Template.bind({})
-Default.args = {
-    pathname: '/foo/bar',
-    homeId: '-',
-    pathMapping: {
-        '-': 'Home',
-        foo: 'Foo',
-        bar: 'Bar'
+export default meta
+
+type Story = StoryObj<typeof Breadcrumbs>
+
+export const breadcrumbs: Story = {
+    render: ({ ...args }) => {
+        // the storybook doesn't understand the react-router Link
+        // using this <a></a> tag to exemplify only
+        const defaultLinkWrapper = (link: string, label: string) => (
+            <BreadcrumbStoryLink key={link} href={link}>
+                {label}
+            </BreadcrumbStoryLink>
+        )
+
+        return <Breadcrumbs {...args} linkWrapper={defaultLinkWrapper} />
+    },
+    args: {
+        pathname: '/foo/bar',
+        homeId: '-',
+        pathMapping: {
+            '-': 'Home',
+            foo: 'Foo',
+            bar: 'Bar'
+        }
     }
 }
diff --git a/src/experimental/breadcrumbs/index.tsx b/src/experimental/breadcrumbs/index.tsx
index a172928b..34e2431e 100644
--- a/src/experimental/breadcrumbs/index.tsx
+++ b/src/experimental/breadcrumbs/index.tsx
@@ -1,9 +1,9 @@
 import React from 'react'
 import type { ReactNode } from 'react'
+import MuiBreadcrumbs from '@material-ui/core/Breadcrumbs'
 import { ChevronRight as IconChevronRight } from '@mui/icons-material'
 import { addIndex, map } from 'ramda'
-import { Breadcrumb } from '@/index'
-import { LinkStyled, TextTypography } from './styles'
+import { BreadcrumbLink, TextTypography } from './styles'
 
 const imap = addIndex(map)
 
@@ -21,9 +21,9 @@ type Props = {
 }
 
 const defaultLinkWrapper = (link: string, label: string) => (
-    <LinkStyled key={link} href={link}>
+    <BreadcrumbLink key={link} to={link}>
         {label}
-    </LinkStyled>
+    </BreadcrumbLink>
 )
 
 const Breadcrumbs = ({
@@ -53,7 +53,11 @@ const Breadcrumbs = ({
         return validChunkWord && (isLastChunk ? text : linkWrapper(link, text))
     }, allChunks) as ReactNode[]
 
-    return <Breadcrumb separator={<IconChevronRight />}>{links}</Breadcrumb>
+    return (
+        <MuiBreadcrumbs separator={<IconChevronRight />}>
+            {links}
+        </MuiBreadcrumbs>
+    )
 }
 
 export default Breadcrumbs
diff --git a/src/experimental/breadcrumbs/styles.ts b/src/experimental/breadcrumbs/styles.ts
index 5bf386b2..e3e38ac2 100644
--- a/src/experimental/breadcrumbs/styles.ts
+++ b/src/experimental/breadcrumbs/styles.ts
@@ -1,14 +1,27 @@
+import { Link as LinkRouter } from 'react-router-dom'
 import { default as styled } from 'styled-components'
 import { default as Typography } from '@/core/data-display/typography'
 import { theme } from '@/theme'
 
-export const LinkStyled = styled.a({
-    textDecoration: 'none',
-    color: theme.colors.primary.main,
-    ':hover': {
-        textDecoration: 'underline'
+const { primary } = theme.colors
+
+export const BreadcrumbLink = styled(LinkRouter)`
+    text-decoration: none;
+    color: ${primary.main};
+
+    &:hover {
+        text-decoration: underline;
     }
-})
+`
+
+export const BreadcrumbStoryLink = styled.a`
+    text-decoration: none;
+    color: ${primary.main};
+
+    &:hover {
+        text-decoration: underline;
+    }
+`
 
 export const TextTypography = styled(Typography)`
     && {

From f059252e4027d07fc55e127b97866431b98dd891 Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Thu, 23 May 2024 16:12:50 -0300
Subject: [PATCH 03/27] fix: adjust card component

---
 src/experimental/card/card.spec.tsx    |   4 +-
 src/experimental/card/card.stories.tsx | 117 +++++++++++++++++--------
 src/experimental/card/index.tsx        |  70 +++++++++------
 src/experimental/card/styles.ts        |   6 +-
 4 files changed, 129 insertions(+), 68 deletions(-)

diff --git a/src/experimental/card/card.spec.tsx b/src/experimental/card/card.spec.tsx
index 2ae1153a..a2fb8d41 100644
--- a/src/experimental/card/card.spec.tsx
+++ b/src/experimental/card/card.spec.tsx
@@ -46,7 +46,7 @@ describe('Card', () => {
             <Card
                 name='test'
                 title='test-title'
-                onAddBtnLabel='add button'
+                label='add button'
                 onClickAdd={onAddClickSpy}>
                 <h1>test</h1>
             </Card>
@@ -124,7 +124,7 @@ describe('Card', () => {
             <Card
                 name='test'
                 title='test-title'
-                onAddBtnLabel='add button'
+                label='add button'
                 onClickAdd={jest.fn()}>
                 <h1>test</h1>
             </Card>
diff --git a/src/experimental/card/card.stories.tsx b/src/experimental/card/card.stories.tsx
index 88d995ac..987be606 100644
--- a/src/experimental/card/card.stories.tsx
+++ b/src/experimental/card/card.stories.tsx
@@ -1,47 +1,92 @@
 import React from 'react'
-import type { Meta, StoryFn } from '@storybook/react'
-import Typography from '@/core/data-display/typography'
+import type { Meta, StoryObj } from '@storybook/react'
+import { Typography } from '@/index'
 import Card from '.'
+import { CardWrapper } from './styles'
 
-export default {
+const meta: Meta<typeof Card> = {
     title: 'Experimental/Card',
     component: Card,
-    args: {
-        name: 'Card',
-        title: 'Foo Bar',
-        onAddProps: undefined,
-        onClickAdd: undefined,
-        onEditProps: undefined,
-        onToggleEdit: undefined
+    argTypes: {
+        action: {
+            table: {
+                disable: true
+            }
+        },
+        id: {
+            table: {
+                disable: true
+            }
+        },
+        name: {
+            control: 'text',
+            description: 'The card name.'
+        },
+        title: {
+            control: 'text',
+            description: 'The card title.'
+        },
+        label: {
+            control: 'text',
+            description:
+                'The card Add Button label. Must be used with the `onClickAdd` prop.'
+        },
+        editing: {
+            control: 'boolean',
+            description: 'If `true`, the title is editable.'
+        },
+        nested: {
+            control: 'boolean',
+            description: 'To set the panel nested.'
+        },
+        onClickAdd: {
+            control: 'boolean',
+            description: 'The function to implement on the Add Button.'
+        },
+        onToggleEdit: {
+            control: 'boolean',
+            description: 'The functon to implement the `editing` toggle.'
+        },
+        onRemove: {
+            control: 'boolean',
+            description:
+                'The functon to implement to remove information.' +
+                'Must be used with the `renderRemove` prop.'
+        },
+        renderRemove: {
+            control: 'boolean',
+            description:
+                'To render the remove button.' +
+                'Must be used with the `onRemove` prop.'
+        }
     }
-} as Meta<typeof Card>
-
-const Template: StoryFn<typeof Card> = args => {
-    return <Card {...args} />
-}
-
-export const Default = Template.bind({})
-Default.args = {
-    children: 'Dummy content'
 }
 
-export const WithOnToggleEdit = Template.bind({})
-WithOnToggleEdit.args = {
-    onToggleEdit: () => alert('onToggleEdit'),
-    children: <Typography>Dummy content</Typography>
-}
+export default meta
 
-export const Editing = Template.bind({})
-Editing.args = {
-    editing: true,
-    onToggleEdit: () => alert('onToggleEdit'),
-    children: <Typography>Dummy content</Typography>
-}
+type Story = StoryObj<typeof Card>
 
-export const WithOnClickAdd = Template.bind({})
-WithOnClickAdd.args = {
-    readonly: false,
-    onAddBtnLabel: 'Add',
-    onClickAdd: () => alert('onToggleEdit'),
-    children: <Typography>Dummy content</Typography>
+export const card: Story = {
+    render: ({ ...args }) => {
+        return (
+            <CardWrapper>
+                <Card {...args}>
+                    <Typography margin='12px 0 0'>
+                        This is the card content.
+                    </Typography>
+                </Card>
+            </CardWrapper>
+        )
+    },
+    args: {
+        name: 'Card Name',
+        title: 'This is the Card Title',
+        label: "I'm the label!",
+        nested: false,
+        editing: false,
+        renderRemove: false,
+        onClickAdd: () => alert('Add Me!'),
+        onToggleEdit: () => alert('Edit Me!'),
+        onRemove: () => alert('Remove Me!')
+    }
 }
diff --git a/src/experimental/card/index.tsx b/src/experimental/card/index.tsx
index bb65c599..2f672863 100644
--- a/src/experimental/card/index.tsx
+++ b/src/experimental/card/index.tsx
@@ -1,58 +1,55 @@
 import React from 'react'
 import type { ReactNode } from 'react'
-import { Close as IconClose, Edit as IconEdit } from '@mui/icons-material'
+import {
+    Close as IconClose,
+    Edit as IconEdit,
+    Delete as IconDelete
+} from '@mui/icons-material'
 import type { ButtonProps } from '@/core/inputs/button'
 import type { IconButtonProps } from '@/core/inputs/icon-button'
-import { Paper, Line, Button as AddButton } from '@/index'
+import { Paper, Line } from '@/index'
+import { AddButton } from '../button'
 import {
-    EditButton,
+    CardButton,
     Header,
     NESTED_ELEVATION,
     PAPER_PROPS,
     Title
 } from './styles'
+import { theme } from '@/theme'
+
+const { feedback } = theme.colors
 
 export interface IProps {
-    /**
-     * Children to be rendered inside the card.
-     */
     children: ReactNode
-    /**
-     * If `true`, the card will be rendered with a nested style.
-     * @default false
-     */
     nested?: boolean
-    /**
-     * Title of the card.
-     * @default undefined
-     */
     title?: string
     name: string
-    /**
-     * Label to be displayed on the add button.
-     * @default undefined
-     */
-    onAddBtnLabel?: string
+    label?: string
     id?: string
     editing?: boolean
     action?: JSX.Element | null
+    renderRemove?: boolean
     onAddProps?: Partial<ButtonProps>
     onEditProps?: Partial<IconButtonProps>
     onClickAdd?(): void
     onToggleEdit?(): void
+    onRemove?(): void
 }
 
 const Card = (props: IProps) => {
     const {
         id,
         name,
-        onAddBtnLabel,
+        label,
         nested,
         title,
         action,
         onToggleEdit,
         editing,
         children,
+        renderRemove,
+        onRemove,
         onClickAdd,
         onAddProps,
         onEditProps,
@@ -79,9 +76,22 @@ const Card = (props: IProps) => {
                                 {title}
                             </Title>
                         )}
+
                         {action}
+
+                        {onRemove && !!renderRemove && (
+                            <CardButton
+                                className={editing ? '' : 'showable-target'}
+                                name={`remove-${name}`}
+                                margin='-10px 20px'
+                                padding='0px'
+                                onClick={onRemove}>
+                                <IconDelete htmlColor={feedback.danger} />
+                            </CardButton>
+                        )}
+
                         {onToggleEdit && (
-                            <EditButton
+                            <CardButton
                                 {...onEditProps}
                                 className={editing ? '' : 'showable-target'}
                                 name={`${editing ? 'cancel' : 'edit'}-${name}`}
@@ -89,21 +99,23 @@ const Card = (props: IProps) => {
                                 padding='0px'
                                 onClick={onToggleEdit}>
                                 {editing ? <IconClose /> : <IconEdit />}
-                            </EditButton>
+                            </CardButton>
                         )}
                     </Header>
-                    <div>
-                        <Line />
-                    </div>
+                    <Line />
                 </>
             )}
 
             {onClickAdd && (
-                <AddButton {...onAddProps} onClick={onClickAdd}>
-                    {onAddBtnLabel}
-                </AddButton>
+                <AddButton
+                    {...onAddProps}
+                    name={name}
+                    label={label}
+                    onClick={onClickAdd}
+                />
             )}
-            <div>{children}</div>
+
+            {children}
         </Paper>
     )
 }
diff --git a/src/experimental/card/styles.ts b/src/experimental/card/styles.ts
index 5dc4f662..3652f108 100644
--- a/src/experimental/card/styles.ts
+++ b/src/experimental/card/styles.ts
@@ -14,11 +14,15 @@ export const Header = styled.div`
     display: flex;
 `
 
+export const CardWrapper = styled.div`
+    width: 100%;
+`
+
 export const Title = styled(Typography)`
     flex: 1;
 `
 
-export const EditButton = styled(IconButton)`
+export const CardButton = styled(IconButton)`
     && {
         width: 36px;
         height: 36px;

From 2081de0b17fa0f309c413afaa749d0d940bb0343 Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Thu, 23 May 2024 16:26:21 -0300
Subject: [PATCH 04/27] fix: adjust visibility icon component

---
 src/experimental/index.ts                     |  2 +-
 .../visibility-icon.spec.tsx.snap             |  0
 .../index.tsx                                 | 15 +++++++--
 .../password-visibility.spec.tsx}             | 16 +++++----
 .../password-visibility.stories.tsx           | 33 +++++++++++++++++++
 .../styles.ts                                 |  0
 .../visibility-icon.stories.tsx               | 18 ----------
 7 files changed, 55 insertions(+), 29 deletions(-)
 rename src/experimental/{visibility-icon => password-visibility}/__snapshots__/visibility-icon.spec.tsx.snap (100%)
 rename src/experimental/{visibility-icon => password-visibility}/index.tsx (62%)
 rename src/experimental/{visibility-icon/visibility-icon.spec.tsx => password-visibility/password-visibility.spec.tsx} (65%)
 create mode 100644 src/experimental/password-visibility/password-visibility.stories.tsx
 rename src/experimental/{visibility-icon => password-visibility}/styles.ts (100%)
 delete mode 100644 src/experimental/visibility-icon/visibility-icon.stories.tsx

diff --git a/src/experimental/index.ts b/src/experimental/index.ts
index 2371efd2..7ef24dbd 100644
--- a/src/experimental/index.ts
+++ b/src/experimental/index.ts
@@ -10,4 +10,4 @@ export { default as NothingFound } from './nothing-found'
 export { default as Panel } from './panel'
 export { default as Sidebar } from './sidebar'
 export { default as Skeleton } from './skeleton'
-export { default as VisibilityIcon } from './visibility-icon'
+export { default as PasswordVisibility } from './password-visibility'
diff --git a/src/experimental/visibility-icon/__snapshots__/visibility-icon.spec.tsx.snap b/src/experimental/password-visibility/__snapshots__/visibility-icon.spec.tsx.snap
similarity index 100%
rename from src/experimental/visibility-icon/__snapshots__/visibility-icon.spec.tsx.snap
rename to src/experimental/password-visibility/__snapshots__/visibility-icon.spec.tsx.snap
diff --git a/src/experimental/visibility-icon/index.tsx b/src/experimental/password-visibility/index.tsx
similarity index 62%
rename from src/experimental/visibility-icon/index.tsx
rename to src/experimental/password-visibility/index.tsx
index 080f0bc7..966dd721 100644
--- a/src/experimental/visibility-icon/index.tsx
+++ b/src/experimental/password-visibility/index.tsx
@@ -11,8 +11,17 @@ export interface IProps {
     onToggle(): void
 }
 
-const VisibilityIcon = ({ show, onToggle, name, ...otherProps }: IProps) => (
-    <StyledButton {...otherProps} padding='0px' name={name} onClick={onToggle}>
+const PasswordVisibility = ({
+    show,
+    onToggle,
+    name,
+    ...otherProps
+}: IProps) => (
+    <StyledButton
+        {...otherProps}
+        padding='0px'
+        name={name ?? 'show-password'}
+        onClick={onToggle}>
         {show ? (
             <IconVisibilityOff data-testid='icon-off' />
         ) : (
@@ -21,4 +30,4 @@ const VisibilityIcon = ({ show, onToggle, name, ...otherProps }: IProps) => (
     </StyledButton>
 )
 
-export default VisibilityIcon
+export default PasswordVisibility
diff --git a/src/experimental/visibility-icon/visibility-icon.spec.tsx b/src/experimental/password-visibility/password-visibility.spec.tsx
similarity index 65%
rename from src/experimental/visibility-icon/visibility-icon.spec.tsx
rename to src/experimental/password-visibility/password-visibility.spec.tsx
index 011d85ab..ec094273 100644
--- a/src/experimental/visibility-icon/visibility-icon.spec.tsx
+++ b/src/experimental/password-visibility/password-visibility.spec.tsx
@@ -1,10 +1,10 @@
 import React from 'react'
 import { fireEvent, render, screen } from '@testing-library/react'
-import VisibilityIcon from '.'
+import PasswordVisibility from '.'
 
-describe('VisibilityIcon', () => {
+describe('PasswordVisibility', () => {
     it('should render', () => {
-        render(<VisibilityIcon show onToggle={jest.fn()} />)
+        render(<PasswordVisibility show onToggle={jest.fn()} />)
 
         const svg = screen.getByTestId('icon-off')
 
@@ -12,7 +12,7 @@ describe('VisibilityIcon', () => {
     })
 
     it('should render hidden', () => {
-        render(<VisibilityIcon show={false} onToggle={jest.fn()} />)
+        render(<PasswordVisibility show={false} onToggle={jest.fn()} />)
 
         const svg = screen.getByTestId('icon-on')
 
@@ -22,7 +22,7 @@ describe('VisibilityIcon', () => {
     it('should call onClick', () => {
         const onClick = jest.fn()
 
-        const container = render(<VisibilityIcon show onToggle={onClick} />)
+        const container = render(<PasswordVisibility show onToggle={onClick} />)
 
         const button = container.container.querySelector('button')
 
@@ -33,7 +33,7 @@ describe('VisibilityIcon', () => {
 
     it('should have name', () => {
         const container = render(
-            <VisibilityIcon show name='show' onToggle={jest.fn()} />
+            <PasswordVisibility show name='show' onToggle={jest.fn()} />
         )
 
         const button = container.container.querySelector('button')
@@ -42,7 +42,9 @@ describe('VisibilityIcon', () => {
     })
 
     it('should match snapshot', () => {
-        const container = render(<VisibilityIcon show onToggle={jest.fn()} />)
+        const container = render(
+            <PasswordVisibility show onToggle={jest.fn()} />
+        )
 
         expect(container).toMatchSnapshot()
     })
diff --git a/src/experimental/password-visibility/password-visibility.stories.tsx b/src/experimental/password-visibility/password-visibility.stories.tsx
new file mode 100644
index 00000000..f57989f7
--- /dev/null
+++ b/src/experimental/password-visibility/password-visibility.stories.tsx
@@ -0,0 +1,33 @@
+import React from 'react'
+import type { Meta, StoryObj } from '@storybook/react'
+import PasswordVisibility from '.'
+
+const meta: Meta<typeof PasswordVisibility> = {
+    title: 'Experimental/Password Visibility',
+    component: PasswordVisibility,
+    argTypes: {
+        name: {
+            control: 'text',
+            description: 'The visibility icon name'
+        },
+        show: {
+            control: 'boolean',
+            description: 'If `true` the visibility icon is shown.'
+        },
+        onToggle: {
+            control: false,
+            description: 'To set the state logic to show the icon.'
+        }
+    }
+}
+
+export default meta
+
+type Story = StoryObj<typeof PasswordVisibility>
+
+export const passwordVisibility: Story = {
+    render: ({ ...args }) => {
+        return <PasswordVisibility {...args} />
+    },
+    args: { name: 'show', show: true, onToggle: () => alert('Toggle me!') }
+}
diff --git a/src/experimental/visibility-icon/styles.ts b/src/experimental/password-visibility/styles.ts
similarity index 100%
rename from src/experimental/visibility-icon/styles.ts
rename to src/experimental/password-visibility/styles.ts
diff --git a/src/experimental/visibility-icon/visibility-icon.stories.tsx b/src/experimental/visibility-icon/visibility-icon.stories.tsx
deleted file mode 100644
index 94f13c7a..00000000
--- a/src/experimental/visibility-icon/visibility-icon.stories.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react'
-import type { Meta, StoryFn } from '@storybook/react'
-import VisibilityIcon from '.'
-
-export default {
-    title: 'Experimental/VisibilityIcon',
-    component: VisibilityIcon,
-    args: {
-        show: false,
-        name: 'show'
-    }
-} as Meta<typeof VisibilityIcon>
-
-const Template: StoryFn<typeof VisibilityIcon> = args => (
-    <VisibilityIcon {...args} />
-)
-
-export const Default = Template.bind({})

From 23909dd90cf726e0261a3b51f855aac5024da291 Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Thu, 23 May 2024 16:46:02 -0300
Subject: [PATCH 05/27] fix: adjust AddButton component

---
 .../__snapshots__/button.spec.tsx.snap        |  0
 .../add-button.spec.tsx}                      | 12 ++--
 .../add-button/add-button.stories.tsx         | 57 +++++++++++++++++++
 .../{button => add-button}/index.tsx          |  6 +-
 .../{button => add-button}/styles.ts          |  0
 src/experimental/button/button.stories.tsx    | 18 ------
 src/experimental/card/index.tsx               |  2 +-
 src/experimental/index.ts                     |  2 +-
 8 files changed, 70 insertions(+), 27 deletions(-)
 rename src/experimental/{button => add-button}/__snapshots__/button.spec.tsx.snap (100%)
 rename src/experimental/{button/button.spec.tsx => add-button/add-button.spec.tsx} (62%)
 create mode 100644 src/experimental/add-button/add-button.stories.tsx
 rename src/experimental/{button => add-button}/index.tsx (83%)
 rename src/experimental/{button => add-button}/styles.ts (100%)
 delete mode 100644 src/experimental/button/button.stories.tsx

diff --git a/src/experimental/button/__snapshots__/button.spec.tsx.snap b/src/experimental/add-button/__snapshots__/button.spec.tsx.snap
similarity index 100%
rename from src/experimental/button/__snapshots__/button.spec.tsx.snap
rename to src/experimental/add-button/__snapshots__/button.spec.tsx.snap
diff --git a/src/experimental/button/button.spec.tsx b/src/experimental/add-button/add-button.spec.tsx
similarity index 62%
rename from src/experimental/button/button.spec.tsx
rename to src/experimental/add-button/add-button.spec.tsx
index 00f0a733..708c92dc 100644
--- a/src/experimental/button/button.spec.tsx
+++ b/src/experimental/add-button/add-button.spec.tsx
@@ -1,10 +1,10 @@
 import React from 'react'
 import { render, screen } from '@testing-library/react'
-import Button from '.'
+import AddButton from '.'
 
-describe('Button', () => {
+describe('Add Button', () => {
     it('should render', () => {
-        render(<Button name='btnName' label='Click Me' />)
+        render(<AddButton name='btnName' label='Click Me' />)
 
         const button = screen.getByText('Click Me')
 
@@ -14,7 +14,7 @@ describe('Button', () => {
     it('should call onClick', () => {
         const onClick = jest.fn()
 
-        render(<Button name='btnName' label='Click Me' onClick={onClick} />)
+        render(<AddButton name='btnName' label='Click Me' onClick={onClick} />)
 
         const button = screen.getByText('Click Me')
 
@@ -24,7 +24,9 @@ describe('Button', () => {
     })
 
     it('should match snapshot', () => {
-        const { container } = render(<Button name='btnName' label='Click Me' />)
+        const { container } = render(
+            <AddButton name='btnName' label='Click Me' />
+        )
 
         expect(container).toMatchSnapshot()
     })
diff --git a/src/experimental/add-button/add-button.stories.tsx b/src/experimental/add-button/add-button.stories.tsx
new file mode 100644
index 00000000..7f2f3661
--- /dev/null
+++ b/src/experimental/add-button/add-button.stories.tsx
@@ -0,0 +1,57 @@
+import React from 'react'
+import type { Meta, StoryObj } from '@storybook/react'
+import AddButton from '.'
+
+const meta: Meta<typeof AddButton> = {
+    title: 'Experimental/Add Button',
+    component: AddButton,
+    argTypes: {
+        onClick: {
+            table: {
+                disable: true
+            }
+        },
+        name: {
+            control: 'text',
+            description: 'The button name.'
+        },
+        label: {
+            control: 'text',
+            description: 'The button label.'
+        },
+        fullWidth: {
+            control: 'boolean',
+            description: 'To set if the button is full container width.'
+        },
+        padding: {
+            control: 'text',
+            description: 'The button padding.'
+        },
+        margin: {
+            control: 'text',
+            description: 'The button margin.'
+        },
+        disabled: {
+            control: 'boolean',
+            description: 'To set if the button is disabled.'
+        }
+    }
+}
+
+export default meta
+
+type Story = StoryObj<typeof AddButton>
+
+export const addButton: Story = {
+    render: ({ ...args }) => {
+        return <AddButton {...args} />
+    },
+    args: {
+        name: 'AddFoo',
+        label: 'Nova Filial',
+        fullWidth: true,
+        padding: '',
+        margin: '',
+        disabled: false
+    }
+}
diff --git a/src/experimental/button/index.tsx b/src/experimental/add-button/index.tsx
similarity index 83%
rename from src/experimental/button/index.tsx
rename to src/experimental/add-button/index.tsx
index cbfb7d25..ca928923 100644
--- a/src/experimental/button/index.tsx
+++ b/src/experimental/add-button/index.tsx
@@ -8,17 +8,19 @@ export interface Props extends ButtonProps {
     name: string
     margin?: string | number
     padding?: string | number
+    disabled?: boolean
     onClick?(): void
 }
 
-export const AddButton = (props: Props) => (
+const AddButton = (props: Props) => (
     <ButtonAdd
         {...props}
         variant='dashed'
         color='primary'
-        id={'add-' + props.name}
+        id={'id-add-' + props.name}
         name={'add-' + props.name}
         padding={props.padding}
+        disabled={!!props.disabled}
         margin={props.margin || '12px 0 24px'}
         onClick={props.onClick}>
         <IconAdd />
diff --git a/src/experimental/button/styles.ts b/src/experimental/add-button/styles.ts
similarity index 100%
rename from src/experimental/button/styles.ts
rename to src/experimental/add-button/styles.ts
diff --git a/src/experimental/button/button.stories.tsx b/src/experimental/button/button.stories.tsx
deleted file mode 100644
index 2f1dac7e..00000000
--- a/src/experimental/button/button.stories.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react'
-import type { Meta, StoryFn } from '@storybook/react'
-import Button from '.'
-
-export default {
-    title: 'Experimental/Button',
-    component: Button
-} as Meta<typeof Button>
-
-const Template: StoryFn<typeof Button> = args => {
-    return <Button {...args} />
-}
-
-export const Default = Template.bind({})
-Default.args = {
-    name: 'AddFoo',
-    label: 'Add Foo'
-}
diff --git a/src/experimental/card/index.tsx b/src/experimental/card/index.tsx
index 2f672863..26ab1f0a 100644
--- a/src/experimental/card/index.tsx
+++ b/src/experimental/card/index.tsx
@@ -8,7 +8,7 @@ import {
 import type { ButtonProps } from '@/core/inputs/button'
 import type { IconButtonProps } from '@/core/inputs/icon-button'
 import { Paper, Line } from '@/index'
-import { AddButton } from '../button'
+import AddButton from '../add-button'
 import {
     CardButton,
     Header,
diff --git a/src/experimental/index.ts b/src/experimental/index.ts
index 7ef24dbd..e1288223 100644
--- a/src/experimental/index.ts
+++ b/src/experimental/index.ts
@@ -3,7 +3,7 @@ export * from './dialog'
 export { default as Avatar } from './avatar'
 export { default as Actions } from './actions'
 export { default as Breadcrumbs } from './breadcrumbs'
-export { default as Button } from './button'
+export { default as AddButton } from './add-button'
 export { default as Card } from './card'
 export { default as Loading } from './loading'
 export { default as NothingFound } from './nothing-found'

From 4fdb1a3b8f79bbe6e68a75e4204ef2e9e529b6c9 Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Thu, 23 May 2024 16:46:49 -0300
Subject: [PATCH 06/27] deps: add react-router and react-router-dom deps

---
 package.json |  4 ++++
 yarn.lock    | 20 ++++++++++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/package.json b/package.json
index d88ec758..08540efe 100644
--- a/package.json
+++ b/package.json
@@ -94,6 +94,8 @@
         "prettier": "3.2.5",
         "react": "18.2.0",
         "react-dom": "18.2.0",
+        "react-router": "6.23.1",
+        "react-router-dom": "6.23.1",
         "storybook": "7.6.17",
         "styled-components": "6.1.11",
         "ts-jest": "29.1.2",
@@ -104,6 +106,8 @@
     "peerDependencies": {
         "react": ">=17.0.0",
         "react-dom": ">=17.0.0",
+        "react-router": ">=5.0.0",
+        "react-router-dom": ">=5.0.0",
         "styled-components": ">=5.0.0"
     },
     "publishConfig": {
diff --git a/yarn.lock b/yarn.lock
index 2f2c0ff8..89bff98f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2273,6 +2273,11 @@
   dependencies:
     "@babel/runtime" "^7.13.10"
 
+"@remix-run/router@1.16.1":
+  version "1.16.1"
+  resolved "https://registry.yarnpkg.com/@remix-run/router/-/router-1.16.1.tgz#73db3c48b975eeb06d0006481bde4f5f2d17d1cd"
+  integrity sha512-es2g3dq6Nb07iFxGk5GuHN20RwBZOsuDQN7izWIisUcv9r+d2C5jQxqmgkdebXgReWfiyUabcki6Fg77mSNrig==
+
 "@sinclair/typebox@^0.27.8":
   version "0.27.8"
   resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.27.8.tgz#6667fac16c436b5434a387a34dedb013198f6e6e"
@@ -9196,6 +9201,21 @@ react-remove-scroll@2.5.5:
     use-callback-ref "^1.3.0"
     use-sidecar "^1.1.2"
 
+react-router-dom@6.23.1:
+  version "6.23.1"
+  resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-6.23.1.tgz#30cbf266669693e9492aa4fc0dde2541ab02322f"
+  integrity sha512-utP+K+aSTtEdbWpC+4gxhdlPFwuEfDKq8ZrPFU65bbRJY+l706qjR7yaidBpo3MSeA/fzwbXWbKBI6ftOnP3OQ==
+  dependencies:
+    "@remix-run/router" "1.16.1"
+    react-router "6.23.1"
+
+react-router@6.23.1:
+  version "6.23.1"
+  resolved "https://registry.yarnpkg.com/react-router/-/react-router-6.23.1.tgz#d08cbdbd9d6aedc13eea6e94bc6d9b29cb1c4be9"
+  integrity sha512-fzcOaRF69uvqbbM7OhvQyBTFDVrrGlsFdS3AL+1KfIBtGETibHzi3FkoTRyiDJnWNc2VxrfvR+657ROHjaNjqQ==
+  dependencies:
+    "@remix-run/router" "1.16.1"
+
 react-style-singleton@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/react-style-singleton/-/react-style-singleton-2.2.1.tgz#f99e420492b2d8f34d38308ff660b60d0b1205b4"

From ddbece9746a111dd96ff45ac048c28f577748274 Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Mon, 27 May 2024 12:16:19 -0300
Subject: [PATCH 07/27] chore: adjust import

---
 src/core/feedback/validation-dialog/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/core/feedback/validation-dialog/index.tsx b/src/core/feedback/validation-dialog/index.tsx
index f590bd8b..5df905d4 100644
--- a/src/core/feedback/validation-dialog/index.tsx
+++ b/src/core/feedback/validation-dialog/index.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import type { FC, ReactNode } from 'react'
 import Button from '@/core/inputs/button'
-import { Actions } from '@/experimental/actions'
+import Actions from '@/experimental/actions'
 import { DialogTypography, MuiDialog, ValidationWrapper } from './styles'
 
 export interface IValidateProps {

From 16b64f9ce06fd5ea16554783b1e00748bf9c7f47 Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Mon, 27 May 2024 12:16:31 -0300
Subject: [PATCH 08/27] chore: remove wakatime filte

---
 .wakatime-project | 1 -
 1 file changed, 1 deletion(-)
 delete mode 100644 .wakatime-project

diff --git a/.wakatime-project b/.wakatime-project
deleted file mode 100644
index 4970ed80..00000000
--- a/.wakatime-project
+++ /dev/null
@@ -1 +0,0 @@
-@p&d/flipper-ui

From 0863452082f8bcdd49deae778d2de3963fda16bc Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Mon, 27 May 2024 12:17:10 -0300
Subject: [PATCH 09/27] chore: adjust DataTable props

---
 .../data-table/data-table.stories.tsx         | 75 ++++++++++++++++++-
 .../data-display/data-table/data-table.tsx    | 30 +++++++-
 2 files changed, 102 insertions(+), 3 deletions(-)

diff --git a/src/core/data-display/data-table/data-table.stories.tsx b/src/core/data-display/data-table/data-table.stories.tsx
index ae388657..d6634985 100644
--- a/src/core/data-display/data-table/data-table.stories.tsx
+++ b/src/core/data-display/data-table/data-table.stories.tsx
@@ -120,12 +120,85 @@ export const Default = () => {
         }
     ]
 
+    return <DataTable data={data} columns={columns} />
+}
+
+export const Custom = () => {
+    const date = () => new Date()
+
+    const data = [
+        {
+            id: 1,
+            product: 'Magazine Magazine Magazine',
+            price: 13.5,
+            quantity: 12,
+            date: date()
+        },
+        { id: 2, product: 'Table', price: 200.49, quantity: 3, date: date() },
+        { id: 3, product: 'Chair', price: 53.5, quantity: 9, date: date() },
+        { id: 4, product: 'Keyboard', price: 53.29, quantity: 4, date: date() },
+        { id: 5, product: 'Mouse', price: 27.13, quantity: 16, date: date() },
+        {
+            id: 6,
+            product: 'Microphone',
+            price: 89.14,
+            quantity: 2,
+            date: date()
+        },
+        { id: 7, product: 'Headset', price: 117.85, quantity: 6, date: date() },
+        { id: 8, product: 'Pencil', price: 1.5, quantity: 11, date: date() }
+    ]
+
+    const columns: ColumnSpec<Data>[] = [
+        {
+            title: 'Product',
+            type: 'text',
+            field: 'product',
+            cellStyle: {
+                maxWidth: '72px',
+                whiteSpace: 'nowrap',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis'
+            },
+            editable: true
+        },
+        {
+            title: 'Price (R$)',
+            field: 'price',
+            type: 'numeric-float',
+            editable: false,
+            getValue: (value: number) => value.toFixed(2).replace('.', ',')
+        },
+        {
+            title: 'Quantity',
+            field: 'quantity',
+            type: 'numeric-int',
+            editable: true,
+            cellStyle: {
+                width: '82px'
+            }
+        },
+        {
+            title: 'Date',
+            field: 'date',
+            type: 'datetime',
+            editable: true,
+            getValue: (value: Date) => format(value, 'dd/MM/yyyy HH:mm'),
+            cellStyle: {
+                width: '200px'
+            }
+        }
+    ]
+
     return (
         <DataTable
+            hideSelect
+            renderEmptyRows
             data={data}
             pagination={{
                 rowsPerPage: 5,
-                labelRowsPerPage: 'Row per page'
+                showFirstButton: true,
+                showLastButton: true
             }}
             columns={columns}
         />
diff --git a/src/core/data-display/data-table/data-table.tsx b/src/core/data-display/data-table/data-table.tsx
index 378fbe96..156c6db6 100644
--- a/src/core/data-display/data-table/data-table.tsx
+++ b/src/core/data-display/data-table/data-table.tsx
@@ -51,6 +51,9 @@ export type DataTableProps<
     controllerRef?: MutableRefObject<DataTableController<D, V> | undefined>
     hidden?: boolean
     rowViews?: Record<keyof V, RowViewComponent<D>>
+    size?: 'small' | 'medium'
+    renderEmptyRows?: boolean
+    hideSelect?: boolean
     checkbox?: boolean
     checkboxProps?: {
         checkRow?: boolean[]
@@ -98,6 +101,9 @@ export const DataTable = <D extends Data, V extends StackView>(
         headRowStyle,
         errors,
         componentForEmpty,
+        size,
+        renderEmptyRows,
+        hideSelect,
         bodyStyle,
         headStyle,
         hiddenRowHeight,
@@ -332,9 +338,12 @@ export const DataTable = <D extends Data, V extends StackView>(
         [pagination.showFirstButton, pagination.showLastButton]
     )
 
+    const emptyRows =
+        rowsPerPage - Math.min(rowsPerPage, data.length - page * rowsPerPage)
+
     return (
         <TableContainer role='data-table-container' component={Paper}>
-            <Table>
+            <Table size={size}>
                 {!noHeader && (
                     <TableHead style={headStyle}>
                         <TableRow style={headRowStyle}>
@@ -369,6 +378,14 @@ export const DataTable = <D extends Data, V extends StackView>(
                 <TableBody style={bodyStyle}>
                     {currentRowsNumber === 0 ? componentForEmpty : rowsElements}
                     {hiddenRowFiller}
+                    {renderEmptyRows && emptyRows > 0 && (
+                        <TableRow
+                            style={{
+                                height: (size === 'small' ? 33 : 53) * emptyRows
+                            }}>
+                            <TableCell colSpan={columns.length} />
+                        </TableRow>
+                    )}
                 </TableBody>
                 {!pagination.disabled && (
                     <TableFooter>
@@ -380,10 +397,19 @@ export const DataTable = <D extends Data, V extends StackView>(
                                     pagination.rowsPerPageOptions
                                 }
                                 rowsPerPage={rowsPerPage}
-                                labelRowsPerPage={pagination.labelRowsPerPage}
+                                labelRowsPerPage={
+                                    hideSelect
+                                        ? ''
+                                        : pagination.labelRowsPerPage
+                                }
                                 labelDisplayedRows={
                                     pagination.labelDisplayedRows
                                 }
+                                SelectProps={
+                                    hideSelect
+                                        ? { style: { display: 'none' } }
+                                        : {}
+                                }
                                 ActionsComponent={paginationActionsComponent}
                                 onPageChange={(_, page) => {
                                     setPage(page)

From 85ad2e80c440c0a17e838be87958360a73eaff1a Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Mon, 27 May 2024 12:18:33 -0300
Subject: [PATCH 10/27] chore: general adjusts

---
 src/experimental/actions/actions.spec.tsx     |  2 +-
 .../autocomplete-lab.stories.tsx              |  5 ++---
 src/experimental/fab/fab.spec.tsx             | 19 +------------------
 src/experimental/fab/fab.stories.tsx          |  6 +-----
 src/experimental/index.ts                     |  3 +--
 5 files changed, 6 insertions(+), 29 deletions(-)

diff --git a/src/experimental/actions/actions.spec.tsx b/src/experimental/actions/actions.spec.tsx
index ca5e71fb..f4a32766 100644
--- a/src/experimental/actions/actions.spec.tsx
+++ b/src/experimental/actions/actions.spec.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { render, screen } from '@testing-library/react'
-import { Actions } from '.'
+import Actions from '.'
 
 describe('Actions', () => {
     it('should render', () => {
diff --git a/src/experimental/auto-complete-lab/autocomplete-lab.stories.tsx b/src/experimental/auto-complete-lab/autocomplete-lab.stories.tsx
index cf4f53fe..d74ba2f5 100644
--- a/src/experimental/auto-complete-lab/autocomplete-lab.stories.tsx
+++ b/src/experimental/auto-complete-lab/autocomplete-lab.stories.tsx
@@ -1,13 +1,12 @@
 import React from 'react'
 import type { Meta } from '@storybook/react'
-import { default as AutoComplete } from '@/core/inputs/auto-complete'
 import { TextField } from '@/core/inputs/text-field'
 import { Autocomplete as AutocompleteLab } from '.'
 
 export default {
     title: 'Experimental/AutoCompleteLab',
-    component: AutoComplete
-} as Meta<typeof AutoComplete>
+    component: AutocompleteLab
+} as Meta<typeof AutocompleteLab>
 
 export const Default = () => (
     <AutocompleteLab
diff --git a/src/experimental/fab/fab.spec.tsx b/src/experimental/fab/fab.spec.tsx
index 2f8116d8..1ea61c71 100644
--- a/src/experimental/fab/fab.spec.tsx
+++ b/src/experimental/fab/fab.spec.tsx
@@ -2,8 +2,7 @@ import React from 'react'
 import { FileCopy } from '@mui/icons-material'
 import { render, screen, waitFor } from '@testing-library/react'
 import { userEvent } from '@testing-library/user-event'
-import Fab from './fab'
-import FabWrapper from './fab-wrapper'
+import Fab from '.'
 
 describe('Fab', () => {
     it('should render', () => {
@@ -75,19 +74,3 @@ describe('Fab', () => {
         expect(container).toMatchSnapshot()
     })
 })
-
-describe('FabWrapper', () => {
-    it('should render', () => {
-        render(<FabWrapper>Test</FabWrapper>)
-
-        const fabWrapper = screen.getByText('Test')
-
-        expect(fabWrapper).toBeDefined()
-    })
-
-    it('should match snapshot', () => {
-        const { container } = render(<FabWrapper>Test</FabWrapper>)
-
-        expect(container).toMatchSnapshot()
-    })
-})
diff --git a/src/experimental/fab/fab.stories.tsx b/src/experimental/fab/fab.stories.tsx
index bee621e2..5425b00a 100644
--- a/src/experimental/fab/fab.stories.tsx
+++ b/src/experimental/fab/fab.stories.tsx
@@ -1,8 +1,7 @@
 import React from 'react'
 import { FileCopy } from '@mui/icons-material'
 import type { Meta, StoryFn } from '@storybook/react'
-import FabV2 from './fab'
-import FabWrapper from './fab-wrapper'
+import FabV2 from '.'
 
 const Template: StoryFn<typeof FabV2> = args => <FabV2 {...args} />
 
@@ -18,8 +17,5 @@ export default {
         name: 'copy',
         tooltip: 'Copy file',
         onClick: () => alert('fab click')
-    },
-    subcomponents: {
-        FabWrapper
     }
 } as Meta<typeof FabV2>
diff --git a/src/experimental/index.ts b/src/experimental/index.ts
index e1288223..5d9318e8 100644
--- a/src/experimental/index.ts
+++ b/src/experimental/index.ts
@@ -1,13 +1,12 @@
-export * from './fab'
 export * from './dialog'
 export { default as Avatar } from './avatar'
 export { default as Actions } from './actions'
 export { default as Breadcrumbs } from './breadcrumbs'
 export { default as AddButton } from './add-button'
 export { default as Card } from './card'
+export { default as Fab } from './fab'
 export { default as Loading } from './loading'
 export { default as NothingFound } from './nothing-found'
 export { default as Panel } from './panel'
-export { default as Sidebar } from './sidebar'
 export { default as Skeleton } from './skeleton'
 export { default as PasswordVisibility } from './password-visibility'

From 0a1783262c5124c4705950a827858fdd4339b983 Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Mon, 27 May 2024 14:10:50 -0300
Subject: [PATCH 11/27] chore: general adjusts

---
 src/core/data-display/chip/chip.stories.tsx   | 10 +---
 .../data-display/data-table/data-table.tsx    |  4 +-
 src/core/data-display/list/list.stories.tsx   | 18 +++---
 src/core/data-display/table/table-head.tsx    | 60 ++++---------------
 src/core/data-display/table/table.stories.tsx |  2 +-
 src/core/feedback/validation-dialog/index.tsx |  6 +-
 src/experimental/add-button/index.tsx         |  2 +
 src/experimental/avatar/index.tsx             |  4 +-
 src/experimental/fab/index.tsx                | 45 ++++++++++++++
 src/index.ts                                  | 14 -----
 10 files changed, 80 insertions(+), 85 deletions(-)
 create mode 100644 src/experimental/fab/index.tsx

diff --git a/src/core/data-display/chip/chip.stories.tsx b/src/core/data-display/chip/chip.stories.tsx
index b6cf5788..d464d49a 100644
--- a/src/core/data-display/chip/chip.stories.tsx
+++ b/src/core/data-display/chip/chip.stories.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Face } from '@mui/icons-material'
 import type { Meta, StoryFn } from '@storybook/react'
-import { Avatar } from '@/core/data-display/avatar'
+import { Avatar } from '@/experimental'
 import Chip from '.'
 
 export default {
@@ -29,17 +29,13 @@ Squared.args = {
 export const WithInitialsAvatar = Template.bind({})
 WithInitialsAvatar.args = {
     ...commonArgs,
-    avatar: <Avatar>HD</Avatar>
+    avatar: <Avatar name='HD' />
 }
 
 export const WithIconAvatar = Template.bind({})
 WithIconAvatar.args = {
     ...commonArgs,
-    avatar: (
-        <Avatar>
-            <Face />
-        </Avatar>
-    )
+    avatar: <Avatar icon={<Face />} />
 }
 
 export const WithImageAvatar = Template.bind({})
diff --git a/src/core/data-display/data-table/data-table.tsx b/src/core/data-display/data-table/data-table.tsx
index 156c6db6..fad6f7ff 100644
--- a/src/core/data-display/data-table/data-table.tsx
+++ b/src/core/data-display/data-table/data-table.tsx
@@ -66,9 +66,9 @@ export type DataTableProps<
 
 const defaultPagination: PaginationOptions = {
     rowsPerPage: 10,
-    labelRowsPerPage: 'Rows per page:',
+    labelRowsPerPage: 'Linhas por página:',
     labelDisplayedRows: ({ from, to, count }) => {
-        return `${from}-${to} of ${count !== -1 ? count : `more than ${to}`}`
+        return `${from}-${to} de ${count !== -1 ? count : `mais que ${to}`}`
     },
     disabled: false,
     showFirstButton: false,
diff --git a/src/core/data-display/list/list.stories.tsx b/src/core/data-display/list/list.stories.tsx
index 4921583d..fb6fbead 100644
--- a/src/core/data-display/list/list.stories.tsx
+++ b/src/core/data-display/list/list.stories.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import { Backup } from '@mui/icons-material'
 import type { Meta, StoryFn } from '@storybook/react'
 import ListItem from '@/core/data-display/list-item'
-import { Avatar } from '../avatar'
+import { Avatar } from '@/experimental'
 import List from '.'
 
 export default {
@@ -51,14 +51,14 @@ WithAvatar.args = {
     title: 'My beautiful list"',
     children: (
         <>
-            <ListItem avatar={<Avatar>1</Avatar>} title='Person 1' />
-            <ListItem avatar={<Avatar>2</Avatar>} title='Person 2' />
-            <ListItem avatar={<Avatar>3</Avatar>} title='Person 3' />
-            <ListItem avatar={<Avatar>4</Avatar>} title='Person 4' />
-            <ListItem avatar={<Avatar>5</Avatar>} title='Person 5' />
-            <ListItem avatar={<Avatar>6</Avatar>} title='Person 6' />
-            <ListItem avatar={<Avatar>7</Avatar>} title='Person 7' />
-            <ListItem avatar={<Avatar>8</Avatar>} title='Person 8' />
+            <ListItem avatar={<Avatar name='1' />} title='Person 1' />
+            <ListItem avatar={<Avatar name='2' />} title='Person 2' />
+            <ListItem avatar={<Avatar name='3' />} title='Person 3' />
+            <ListItem avatar={<Avatar name='4' />} title='Person 4' />
+            <ListItem avatar={<Avatar name='5' />} title='Person 5' />
+            <ListItem avatar={<Avatar name='6' />} title='Person 6' />
+            <ListItem avatar={<Avatar name='7' />} title='Person 7' />
+            <ListItem avatar={<Avatar name='8' />} title='Person 8' />
         </>
     )
 }
diff --git a/src/core/data-display/table/table-head.tsx b/src/core/data-display/table/table-head.tsx
index d57ca8bf..17ca495a 100644
--- a/src/core/data-display/table/table-head.tsx
+++ b/src/core/data-display/table/table-head.tsx
@@ -1,16 +1,9 @@
 import React, { createContext } from 'react'
-import { withStyles } from '@material-ui/core/styles'
 import MuiTableHead from '@material-ui/core/TableHead'
 import type { DefaultProps } from '../../types'
 
 interface TableHeadProps extends DefaultProps, ISort {
-    color?: 'primary' | 'secondary' | 'default' | 'inherit'
-    classes: {
-        default: string
-        inherit: string
-        primary: string
-        secondary: string
-    }
+    color?: string
 }
 
 enum Direction {
@@ -24,27 +17,6 @@ interface ISort {
     onSort?(name: string): void
 }
 
-const styles = (theme: {
-    palette: {
-        background: { default: string }
-        primary: { main: string }
-        secondary: { main: string }
-    }
-}) => ({
-    default: {
-        color: theme.palette.background.default
-    },
-    inherit: {
-        color: 'inherit'
-    },
-    primary: {
-        color: theme.palette.primary.main
-    },
-    secondary: {
-        color: theme.palette.secondary.main
-    }
-})
-
 export const SortContext = createContext<ISort>({
     active: undefined,
     direction: Direction.ASCENDENT,
@@ -57,26 +29,20 @@ const TableHead = ({
     padding,
     children,
     color,
-    classes,
     active,
     direction,
     onSort,
     ...otherProps
-}: TableHeadProps) => (
-    <SortContext.Provider value={{ active, direction, onSort }}>
-        <MuiTableHead
-            {...otherProps}
-            style={{ padding, margin, ...style }}
-            classes={
-                color
-                    ? {
-                          root: classes[color]
-                      }
-                    : {}
-            }>
-            {children}
-        </MuiTableHead>
-    </SortContext.Provider>
-)
+}: TableHeadProps) => {
+    return (
+        <SortContext.Provider value={{ active, direction, onSort }}>
+            <MuiTableHead
+                {...otherProps}
+                style={{ padding, margin, backgroundColor: color, ...style }}>
+                {children}
+            </MuiTableHead>
+        </SortContext.Provider>
+    )
+}
 
-export default withStyles(styles)(TableHead)
+export default TableHead
diff --git a/src/core/data-display/table/table.stories.tsx b/src/core/data-display/table/table.stories.tsx
index dad42f7a..325403ea 100644
--- a/src/core/data-display/table/table.stories.tsx
+++ b/src/core/data-display/table/table.stories.tsx
@@ -17,7 +17,7 @@ export const Default = Template.bind({})
 Default.args = {
     children: (
         <>
-            <TableHead color='default'>
+            <TableHead>
                 <TableRow>
                     <TableCell>Name</TableCell>
                     <TableCell>Email</TableCell>
diff --git a/src/core/feedback/validation-dialog/index.tsx b/src/core/feedback/validation-dialog/index.tsx
index 5df905d4..cc38fbc6 100644
--- a/src/core/feedback/validation-dialog/index.tsx
+++ b/src/core/feedback/validation-dialog/index.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import type { FC, ReactNode } from 'react'
+import type { ReactNode } from 'react'
 import Button from '@/core/inputs/button'
 import Actions from '@/experimental/actions'
 import { DialogTypography, MuiDialog, ValidationWrapper } from './styles'
@@ -51,7 +51,7 @@ export enum ValidationStatus {
     Error = 'Error'
 }
 
-const ValidationDialog: FC<IValidateProps> = ({
+const ValidationDialog = ({
     open,
     failed,
     success,
@@ -62,7 +62,7 @@ const ValidationDialog: FC<IValidateProps> = ({
     onClose,
     onCancel,
     handleCreate
-}) => {
+}: IValidateProps) => {
     const renderTitle = (stepsTitle: ITitles, responses: string[]) => {
         if (responses.every(item => item === 'Success')) {
             return stepsTitle.success
diff --git a/src/experimental/add-button/index.tsx b/src/experimental/add-button/index.tsx
index ca928923..c8cfeefe 100644
--- a/src/experimental/add-button/index.tsx
+++ b/src/experimental/add-button/index.tsx
@@ -9,6 +9,7 @@ export interface Props extends ButtonProps {
     margin?: string | number
     padding?: string | number
     disabled?: boolean
+    fullWidth?: boolean
     onClick?(): void
 }
 
@@ -22,6 +23,7 @@ const AddButton = (props: Props) => (
         padding={props.padding}
         disabled={!!props.disabled}
         margin={props.margin || '12px 0 24px'}
+        fullWidth={props.fullWidth}
         onClick={props.onClick}>
         <IconAdd />
         {props.label}
diff --git a/src/experimental/avatar/index.tsx b/src/experimental/avatar/index.tsx
index 92f42686..9d437d50 100644
--- a/src/experimental/avatar/index.tsx
+++ b/src/experimental/avatar/index.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import type { CSSProperties, ReactNode } from 'react'
+import { Avatar as MuiAvatar } from '@mui/material'
 import { take } from 'ramda'
-import { Avatar as FlipperAvatar } from '@/index'
 
 export interface IProps {
     name?: string
@@ -19,7 +19,7 @@ const Avatar = (props: IProps) => {
         return props.icon
     }
 
-    return <FlipperAvatar {...props}>{getChild()}</FlipperAvatar>
+    return <MuiAvatar {...props}>{getChild()}</MuiAvatar>
 }
 
 export default Avatar
diff --git a/src/experimental/fab/index.tsx b/src/experimental/fab/index.tsx
new file mode 100644
index 00000000..1edcc66f
--- /dev/null
+++ b/src/experimental/fab/index.tsx
@@ -0,0 +1,45 @@
+import React from 'react'
+import type { MouseEvent, CSSProperties } from 'react'
+import type { FabProps } from '@/core/data-display/fab'
+import { Fab as MFab, Tooltip } from '@/index'
+
+export interface IProps extends FabProps {
+    large?: boolean
+    className?: string
+    name?: string
+    tooltip?: string
+    padding?: string | number
+    margin?: string | number
+    style?: CSSProperties
+    children: JSX.Element
+    onClick(event: MouseEvent<HTMLButtonElement>): void
+}
+
+const FabV2 = (props: IProps) => {
+    const renderButton = () => {
+        const { large, children, padding, name, margin, style, ...otherProps } =
+            props
+
+        return (
+            <MFab
+                size={large ? 'medium' : 'small'}
+                name={name || 'action-button'}
+                data-testid='fab-button'
+                {...otherProps}
+                style={{ margin, padding, ...style }}
+                onClick={props.onClick}>
+                {children}
+            </MFab>
+        )
+    }
+
+    return props.tooltip ? (
+        <Tooltip withWrapper title={props.tooltip}>
+            {renderButton()}
+        </Tooltip>
+    ) : (
+        renderButton()
+    )
+}
+
+export default FabV2
diff --git a/src/index.ts b/src/index.ts
index b6e61a5b..16f92d9e 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,19 +1,12 @@
 export { default as Advertise } from './core/data-display/advertise'
-export { default as AutoComplete } from './core/inputs/auto-complete'
-export { default as Avatar } from './core/data-display/avatar'
 export { default as Badge } from './core/data-display/badge'
-export { default as Breadcrumb } from './core/navigation/breadcrumb'
 export { default as Box } from './core/surfaces/box'
 export { default as Button } from './core/inputs/button'
-export { default as Card } from './core/surfaces/card'
 export { default as Checkbox } from './core/inputs/checkbox'
 export { default as Chip } from './core/data-display/chip'
 export { default as ChipField } from './core/inputs/chip-field'
 export { default as Collapse } from './core/feedback/collapse'
-export { default as Container } from './core/surfaces/container'
-export { default as Content } from './core/surfaces/content'
 export { default as DateTime } from './core/inputs/date-time'
-export { default as EditableTable } from './core/data-display/editable-table'
 export { default as Dialog } from './core/feedback/dialog'
 export { default as Divider } from './core/data-display/divider'
 export { default as Drawer } from './core/navigation/drawer'
@@ -23,17 +16,13 @@ export { default as Fade } from './core/feedback/fade'
 export { default as Grow } from './core/feedback/grow'
 export { default as Header } from './core/surfaces/header'
 export { default as IconButton } from './core/inputs/icon-button'
-export { default as InputBase } from './core/inputs/input-base'
 export { default as InputAdornment } from './core/inputs/input-adornment'
 export { default as Line } from './core/data-display/line'
-export { default as Link } from './core/navigation/link'
 export { default as List } from './core/data-display/list'
 export { default as ListItem } from './core/data-display/list-item'
 export { default as Menu } from './core/navigation/menu'
 export { default as MaskField } from './core/inputs/mask-field'
-export { default as Node } from './core/data-display/node'
 export { default as MenuItem } from './core/data-display/menu-item'
-export { default as Pagination } from './core/navigation/pagination'
 export { default as Paper } from './core/surfaces/paper'
 export { default as Progress } from './core/feedback/progress'
 export { default as Radio } from './core/inputs/radio'
@@ -44,7 +33,6 @@ export { default as Slide } from './core/feedback/slide'
 export { default as Slider } from './core/inputs/slider'
 export { default as Snackbar } from './core/feedback/snackbar'
 export { default as Stepper } from './core/navigation/stepper'
-export { default as StylesProvider } from './core/context/styles-provider'
 export { default as Tab } from './core/navigation/tab'
 export { default as Table } from './core/data-display/table'
 export { default as TableBody } from './core/data-display/table/table-body'
@@ -55,9 +43,7 @@ export { default as Tabs } from './core/navigation/tabs'
 export { default as TextField } from './core/inputs/text-field'
 export { default as ThemeProviderFlipper } from './core/context/theme-provider'
 export { default as Tooltip } from './core/feedback/tooltip'
-export { default as Tree } from './core/data-display/tree'
 export { default as Typography } from './core/data-display/typography'
-export { default as Zoom } from './core/feedback/zoom'
 export { default as PinInput } from './core/inputs/pin-input'
 export { default as Chapter } from './core/data-display/chapter'
 export { default as DataTable } from './core/data-display/data-table'

From f2823e713a763369f4473a57c89ee07dfd39973e Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Mon, 27 May 2024 14:11:09 -0300
Subject: [PATCH 12/27] feat: remove deprecated components

---
 .../avatar/__snapshots__/avatar.spec.tsx.snap |  11 -
 src/core/data-display/avatar/avatar.spec.tsx  |  69 --
 .../data-display/avatar/avatar.stories.tsx    |  30 -
 src/core/data-display/avatar/index.tsx        |  42 -
 .../editable-table-with-date.spec.tsx         |  98 ---
 .../editable-table/editable-table.spec.tsx    | 508 ------------
 .../editable-table/editable-table.stories.tsx | 129 ---
 .../data-display/editable-table/index.tsx     | 397 ---------
 .../data-display/editable-table/styles.ts     |  63 --
 .../node/__snapshots__/node.spec.tsx.snap     |  27 -
 src/core/data-display/node/index.tsx          |  32 -
 src/core/data-display/node/node.spec.tsx      |  52 --
 src/core/data-display/node/node.stories.tsx   |  23 -
 src/core/data-display/node/styles.ts          |  49 --
 .../tree/__snapshots__/tree.spec.tsx.snap     |  27 -
 src/core/data-display/tree/index.tsx          |  46 --
 src/core/data-display/tree/tree.spec.tsx      |  84 --
 src/core/data-display/tree/tree.stories.tsx   |  40 -
 .../zoom/__snapshots__/zoom.spec.tsx.snap     |  21 -
 src/core/feedback/zoom/index.tsx              |  24 -
 src/core/feedback/zoom/zoom.spec.tsx          |  45 --
 src/core/feedback/zoom/zooms.stories.tsx      |  39 -
 .../__snapshots__/auto-complete.spec.tsx.snap |  46 --
 .../auto-complete/auto-complete.spec.tsx      | 762 ------------------
 .../auto-complete/auto-complete.stories.tsx   | 147 ----
 src/core/inputs/auto-complete/index.tsx       | 289 -------
 .../__snapshots__/input-base.spec.tsx.snap    |  16 -
 src/core/inputs/input-base/index.tsx          |  46 --
 .../inputs/input-base/input-base.spec.tsx     |  48 --
 .../inputs/input-base/input-base.stories.tsx  |  26 -
 .../__snapshots__/breadcrumb.spec.tsx.snap    |  40 -
 .../navigation/breadcrumb/breadcrumb.spec.tsx |  48 --
 .../breadcrumb/breadcrumb.stories.tsx         |  25 -
 src/core/navigation/breadcrumb/index.tsx      |   9 -
 src/core/navigation/link/index.tsx            |   3 -
 .../__snapshots__/pagination.spec.tsx.snap    | 149 ----
 src/core/navigation/pagination/index.tsx      |  68 --
 .../navigation/pagination/pagination.spec.tsx |  66 --
 .../pagination/pagination.stories.tsx         |  21 -
 src/core/navigation/pagination/styles.ts      |   9 -
 .../card/__snapshots__/card.spec.tsx.snap     |  53 --
 src/core/surfaces/card/card.spec.tsx          |  74 --
 src/core/surfaces/card/card.stories.tsx       |  31 -
 src/core/surfaces/card/index.tsx              |  82 --
 .../__snapshots__/container.spec.tsx.snap     |  12 -
 .../surfaces/container/container.spec.tsx     |  29 -
 .../surfaces/container/container.stories.tsx  |  15 -
 src/core/surfaces/container/index.tsx         |  32 -
 .../__snapshots__/content.spec.tsx.snap       |  13 -
 src/core/surfaces/content/content.spec.tsx    |  29 -
 src/core/surfaces/content/content.stories.tsx |  15 -
 src/core/surfaces/content/index.tsx           |  28 -
 src/core/surfaces/content/styles.ts           |  12 -
 src/experimental/fab/fab-wrapper.tsx          |  21 -
 src/experimental/fab/fab.tsx                  |  45 --
 src/experimental/fab/index.ts                 |   2 -
 .../__snapshots__/sidebar.spec.tsx.snap       | 116 ---
 src/experimental/sidebar/index.tsx            | 133 ---
 src/experimental/sidebar/sidebar.spec.tsx     | 113 ---
 src/experimental/sidebar/sidebar.stories.tsx  |  46 --
 src/experimental/sidebar/styles.ts            |  36 -
 src/test/mocks/editable-table-date-mock.tsx   |  16 -
 src/test/mocks/editable-table-mock.tsx        |  31 -
 63 files changed, 4658 deletions(-)
 delete mode 100644 src/core/data-display/avatar/__snapshots__/avatar.spec.tsx.snap
 delete mode 100644 src/core/data-display/avatar/avatar.spec.tsx
 delete mode 100644 src/core/data-display/avatar/avatar.stories.tsx
 delete mode 100644 src/core/data-display/avatar/index.tsx
 delete mode 100644 src/core/data-display/editable-table/editable-table-with-date.spec.tsx
 delete mode 100644 src/core/data-display/editable-table/editable-table.spec.tsx
 delete mode 100644 src/core/data-display/editable-table/editable-table.stories.tsx
 delete mode 100644 src/core/data-display/editable-table/index.tsx
 delete mode 100644 src/core/data-display/editable-table/styles.ts
 delete mode 100644 src/core/data-display/node/__snapshots__/node.spec.tsx.snap
 delete mode 100644 src/core/data-display/node/index.tsx
 delete mode 100644 src/core/data-display/node/node.spec.tsx
 delete mode 100644 src/core/data-display/node/node.stories.tsx
 delete mode 100644 src/core/data-display/node/styles.ts
 delete mode 100644 src/core/data-display/tree/__snapshots__/tree.spec.tsx.snap
 delete mode 100644 src/core/data-display/tree/index.tsx
 delete mode 100644 src/core/data-display/tree/tree.spec.tsx
 delete mode 100644 src/core/data-display/tree/tree.stories.tsx
 delete mode 100644 src/core/feedback/zoom/__snapshots__/zoom.spec.tsx.snap
 delete mode 100644 src/core/feedback/zoom/index.tsx
 delete mode 100644 src/core/feedback/zoom/zoom.spec.tsx
 delete mode 100644 src/core/feedback/zoom/zooms.stories.tsx
 delete mode 100644 src/core/inputs/auto-complete/__snapshots__/auto-complete.spec.tsx.snap
 delete mode 100644 src/core/inputs/auto-complete/auto-complete.spec.tsx
 delete mode 100644 src/core/inputs/auto-complete/auto-complete.stories.tsx
 delete mode 100644 src/core/inputs/auto-complete/index.tsx
 delete mode 100644 src/core/inputs/input-base/__snapshots__/input-base.spec.tsx.snap
 delete mode 100644 src/core/inputs/input-base/index.tsx
 delete mode 100644 src/core/inputs/input-base/input-base.spec.tsx
 delete mode 100644 src/core/inputs/input-base/input-base.stories.tsx
 delete mode 100644 src/core/navigation/breadcrumb/__snapshots__/breadcrumb.spec.tsx.snap
 delete mode 100644 src/core/navigation/breadcrumb/breadcrumb.spec.tsx
 delete mode 100644 src/core/navigation/breadcrumb/breadcrumb.stories.tsx
 delete mode 100644 src/core/navigation/breadcrumb/index.tsx
 delete mode 100644 src/core/navigation/link/index.tsx
 delete mode 100644 src/core/navigation/pagination/__snapshots__/pagination.spec.tsx.snap
 delete mode 100644 src/core/navigation/pagination/index.tsx
 delete mode 100644 src/core/navigation/pagination/pagination.spec.tsx
 delete mode 100644 src/core/navigation/pagination/pagination.stories.tsx
 delete mode 100644 src/core/navigation/pagination/styles.ts
 delete mode 100644 src/core/surfaces/card/__snapshots__/card.spec.tsx.snap
 delete mode 100644 src/core/surfaces/card/card.spec.tsx
 delete mode 100644 src/core/surfaces/card/card.stories.tsx
 delete mode 100644 src/core/surfaces/card/index.tsx
 delete mode 100644 src/core/surfaces/container/__snapshots__/container.spec.tsx.snap
 delete mode 100644 src/core/surfaces/container/container.spec.tsx
 delete mode 100644 src/core/surfaces/container/container.stories.tsx
 delete mode 100644 src/core/surfaces/container/index.tsx
 delete mode 100644 src/core/surfaces/content/__snapshots__/content.spec.tsx.snap
 delete mode 100644 src/core/surfaces/content/content.spec.tsx
 delete mode 100644 src/core/surfaces/content/content.stories.tsx
 delete mode 100644 src/core/surfaces/content/index.tsx
 delete mode 100644 src/core/surfaces/content/styles.ts
 delete mode 100755 src/experimental/fab/fab-wrapper.tsx
 delete mode 100644 src/experimental/fab/fab.tsx
 delete mode 100644 src/experimental/fab/index.ts
 delete mode 100644 src/experimental/sidebar/__snapshots__/sidebar.spec.tsx.snap
 delete mode 100644 src/experimental/sidebar/index.tsx
 delete mode 100644 src/experimental/sidebar/sidebar.spec.tsx
 delete mode 100644 src/experimental/sidebar/sidebar.stories.tsx
 delete mode 100644 src/experimental/sidebar/styles.ts
 delete mode 100644 src/test/mocks/editable-table-date-mock.tsx
 delete mode 100644 src/test/mocks/editable-table-mock.tsx

diff --git a/src/core/data-display/avatar/__snapshots__/avatar.spec.tsx.snap b/src/core/data-display/avatar/__snapshots__/avatar.spec.tsx.snap
deleted file mode 100644
index da5cb889..00000000
--- a/src/core/data-display/avatar/__snapshots__/avatar.spec.tsx.snap
+++ /dev/null
@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Avatar should match snapshot 1`] = `
-<div>
-  <div
-    class="MuiAvatar-root MuiAvatar-circular custom-class makeStyles-primary-5 MuiAvatar-colorDefault"
-  >
-    F
-  </div>
-</div>
-`;
diff --git a/src/core/data-display/avatar/avatar.spec.tsx b/src/core/data-display/avatar/avatar.spec.tsx
deleted file mode 100644
index ee7176d5..00000000
--- a/src/core/data-display/avatar/avatar.spec.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import React from 'react'
-import { render, screen } from '@testing-library/react'
-import Typography from '@/core/data-display/typography'
-import { Avatar } from '.'
-
-describe('Avatar', () => {
-    it('should render first letter', () => {
-        render(<Avatar>F</Avatar>)
-
-        const avatar = screen.getByText('F')
-
-        expect(avatar).toBeDefined()
-    })
-
-    it('should render primary color', () => {
-        render(
-            <Avatar primary data-testid='avatar-container'>
-                F
-            </Avatar>
-        )
-
-        const container = screen.getByTestId('avatar-container')
-
-        const findPrimaryClass = Array.from(container.classList)
-            .join(' ')
-            .indexOf('makeStyles-primary-')
-
-        expect(findPrimaryClass).toBeGreaterThan(-1)
-    })
-
-    it('should render with custom className', () => {
-        render(
-            <Avatar
-                primary
-                className={'custom-class'}
-                data-testid='avatar-container'>
-                F
-            </Avatar>
-        )
-
-        const container = screen.getByTestId('avatar-container')
-
-        expect(container.classList).toContain('custom-class')
-    })
-
-    it('should render nested children', () => {
-        render(
-            <Avatar>
-                <div>
-                    <Typography>icon</Typography>
-                </div>
-            </Avatar>
-        )
-
-        const avatar = screen.getByText('icon')
-
-        expect(avatar).toBeDefined()
-    })
-
-    it('should match snapshot', () => {
-        const { container } = render(
-            <Avatar primary className={'custom-class'}>
-                F
-            </Avatar>
-        )
-
-        expect(container).toMatchSnapshot()
-    })
-})
diff --git a/src/core/data-display/avatar/avatar.stories.tsx b/src/core/data-display/avatar/avatar.stories.tsx
deleted file mode 100644
index 80dc8fd1..00000000
--- a/src/core/data-display/avatar/avatar.stories.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react'
-import type { Meta, StoryFn } from '@storybook/react'
-import { Avatar } from '.'
-
-export default {
-    title: 'DataDisplay/Avatar',
-    component: Avatar,
-    argTypes: {
-        'data-testid': {
-            table: {
-                disable: true
-            }
-        }
-    }
-} as Meta<typeof Avatar>
-
-const Template: StoryFn<typeof Avatar> = args => <Avatar {...args} />
-
-export const Default = Template.bind({})
-
-export const Primary = Template.bind({})
-Primary.args = {
-    primary: true
-}
-
-export const WithChildren = Template.bind({})
-WithChildren.args = {
-    children: 'W',
-    primary: true
-}
diff --git a/src/core/data-display/avatar/index.tsx b/src/core/data-display/avatar/index.tsx
deleted file mode 100644
index ca25be80..00000000
--- a/src/core/data-display/avatar/index.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import React from 'react'
-import type { ReactNode } from 'react'
-import { Avatar as MuiAvatar } from '@material-ui/core'
-import { makeStyles, createStyles } from '@material-ui/core/styles'
-import type { DefaultProps } from '../../types'
-import type { AvatarProps as MuiAvatarProps } from '@material-ui/core'
-import type { Theme } from '@material-ui/core/styles'
-
-export interface AvatarProps extends DefaultProps, MuiAvatarProps {
-    primary?: boolean
-    children?: ReactNode
-    'data-testid'?: string
-}
-
-const useStyles = makeStyles((theme: Theme) => {
-    return createStyles({
-        primary: {
-            backgroundColor: theme.palette.primary.main
-        }
-    })
-})
-
-export const Avatar = ({
-    children,
-    primary,
-    className,
-    ...otherProps
-}: AvatarProps) => {
-    const classes = useStyles()
-
-    return (
-        <MuiAvatar
-            {...otherProps}
-            className={`${className ? className : ''} ${
-                primary ? classes['primary'] : ''
-            }`}>
-            {children}
-        </MuiAvatar>
-    )
-}
-
-export default Avatar
diff --git a/src/core/data-display/editable-table/editable-table-with-date.spec.tsx b/src/core/data-display/editable-table/editable-table-with-date.spec.tsx
deleted file mode 100644
index b5f951ab..00000000
--- a/src/core/data-display/editable-table/editable-table-with-date.spec.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import React from 'react'
-import { act } from 'react-dom/test-utils'
-import { render, screen } from '@testing-library/react'
-import { userEvent } from '@testing-library/user-event/'
-import type { Column } from 'material-table'
-import WithDate from '@/test/mocks/editable-table-date-mock'
-
-const COLUMNS_WITH_DATE: Column<object>[] = [
-    {
-        title: 'Data',
-        field: 'date',
-        initialEditValue: new Date(),
-        type: 'datetime'
-    },
-    {
-        title: 'Posição',
-        field: 'position',
-        type: 'numeric'
-    }
-]
-
-const DATA_WITH_DATE = [
-    {
-        date: new Date('07/01/2019 17:21'),
-        position: 7000
-    },
-    {
-        date: new Date('06/15/2019 16:01'),
-        position: 6740
-    },
-    {
-        date: new Date('06/01/2019 19:22'),
-        position: 6450
-    },
-    {
-        date: new Date('05/15/2019 14:07'),
-        position: 5600
-    },
-    {
-        date: new Date('07/01/2019 19:22'),
-        position: 6451
-    },
-    {
-        date: new Date('05/12/2019 14:07'),
-        position: 8000
-    }
-]
-
-const AUTO_COMPLETE_SUGGESTIONS = [
-    { label: 'other values', value: '123456' },
-    { label: 'only values', value: '10000' },
-    { label: 'some values', value: '5000' },
-    { label: 'any values', value: '12' }
-]
-
-beforeEach(() => {
-    // prevent <div> cannot appear as a child of <tr> warning on console
-    const spy = jest.spyOn(console, 'error')
-
-    spy.mockImplementation(jest.fn())
-})
-
-afterEach(() => {
-    jest.restoreAllMocks()
-    jest.clearAllMocks()
-})
-
-describe('EditableTable - With Date', () => {
-    it('should render', async () => {
-        render(
-            <WithDate
-                tableProps={{
-                    autoCompleteSuggestions: AUTO_COMPLETE_SUGGESTIONS,
-                    autoCompleteField: 'name',
-                    disableAddHeader: true,
-                    paginationInfo: false,
-                    noRowsExpand: true,
-                    onAddRow: jest.fn(),
-                    onUpdateRow: jest.fn(),
-                    onRowClick: jest.fn(),
-                    title: 'adicionar',
-                    columns: COLUMNS_WITH_DATE,
-                    data: DATA_WITH_DATE
-                }}
-            />
-        )
-
-        const editFirstRow = screen.getAllByTitle('Editar adicionar')[0]
-
-        await act(async () => await userEvent.click(editFirstRow))
-
-        const dateInput = screen.getByRole('date-picker') as HTMLInputElement
-
-        expect(dateInput.value).toBe('01/07/2019 17:21')
-
-        jest.clearAllMocks()
-    })
-})
diff --git a/src/core/data-display/editable-table/editable-table.spec.tsx b/src/core/data-display/editable-table/editable-table.spec.tsx
deleted file mode 100644
index 4e8d47b9..00000000
--- a/src/core/data-display/editable-table/editable-table.spec.tsx
+++ /dev/null
@@ -1,508 +0,0 @@
-import React from 'react'
-import { act } from 'react-dom/test-utils'
-import { fireEvent, render, screen } from '@testing-library/react'
-import { userEvent } from '@testing-library/user-event/'
-import type { Column } from 'material-table'
-import WithDate from '@/test/mocks/editable-table-date-mock'
-import EditableTable from '@/test/mocks/editable-table-mock'
-
-const COLUMNS: Column<object>[] = [
-    {
-        title: 'Name',
-        field: 'name',
-        type: 'string'
-    },
-    {
-        title: 'Value',
-        field: 'value',
-        type: 'numeric'
-    }
-]
-
-const COLUMNS_WITH_DATE: Column<object>[] = [
-    {
-        title: 'Data',
-        field: 'date',
-        initialEditValue: new Date(),
-        type: 'datetime'
-    },
-    {
-        title: 'Posição',
-        field: 'position',
-        type: 'numeric'
-    }
-]
-
-const DATA = [
-    {
-        name: 'Fulano',
-        value: 1
-    },
-    {
-        name: 'Ciclano',
-        value: 2
-    },
-    {
-        name: 'Beltrano',
-        value: 3
-    },
-    {
-        name: 'Outro',
-        value: 4
-    },
-    {
-        name: 'Mais um',
-        value: 5
-    },
-    {
-        name: 'E mais um',
-        value: 6
-    }
-]
-
-const DATA_WITH_DATE = [
-    {
-        date: new Date('07/01/2019 17:21'),
-        position: 7000
-    },
-    {
-        date: new Date('06/15/2019 16:01'),
-        position: 6740
-    },
-    {
-        date: new Date('06/01/2019 19:22'),
-        position: 6450
-    },
-    {
-        date: new Date('05/15/2019 14:07'),
-        position: 5600
-    },
-    {
-        date: new Date('07/01/2019 19:22'),
-        position: 6451
-    },
-    {
-        date: new Date('05/12/2019 14:07'),
-        position: 8000
-    }
-]
-
-const AUTO_COMPLETE_SUGGESTIONS = [
-    { label: 'other values', value: '123456' },
-    { label: 'only values', value: '10000' },
-    { label: 'some values', value: '5000' },
-    { label: 'any values', value: '12' }
-]
-
-beforeEach(() => {
-    // prevent <div> cannot appear as a child of <tr> warning on console
-    const spy = jest.spyOn(console, 'error')
-
-    spy.mockImplementation(jest.fn())
-})
-
-afterEach(() => {
-    jest.restoreAllMocks()
-    jest.clearAllMocks()
-})
-
-describe('EditableTable', () => {
-    it('should render', () => {
-        render(
-            <EditableTable
-                tableProps={{
-                    paginationInfo: true,
-                    noRowsExpand: true,
-                    disableAddHeader: true,
-                    onAddRow: jest.fn(),
-                    onRowClick: jest.fn(),
-                    title: 'adicionar',
-                    columns: COLUMNS,
-                    data: DATA
-                }}
-            />
-        )
-
-        const label = screen.getByText('Fulano')
-
-        expect(label).toBeDefined()
-    })
-
-    it('should render with no data or columns', () => {
-        render(
-            <EditableTable
-                tableProps={{
-                    paginationInfo: true,
-                    disableAddHeader: true,
-                    onAddRow: jest.fn(),
-                    onRowClick: jest.fn(),
-                    title: 'adicionar'
-                }}
-            />
-        )
-
-        const label = screen.getByText(
-            'Não há dados para serem exibidos no momento'
-        )
-
-        expect(label).toBeDefined()
-    })
-
-    it('should render with no autoCompleteSuggestions and update row', async () => {
-        const onUpdateSpy = jest
-            .fn()
-            .mockImplementation(() => Promise.resolve())
-
-        const { getAllByTitle } = render(
-            <EditableTable
-                tableProps={{
-                    autoCompleteField: 'name',
-                    disableAddHeader: true,
-                    paginationInfo: false,
-                    noRowsExpand: true,
-                    onAddRow: jest.fn(),
-                    onUpdateRow: onUpdateSpy,
-                    onRowClick: jest.fn(),
-                    title: 'adicionar',
-                    columns: COLUMNS,
-                    data: DATA
-                }}
-            />
-        )
-
-        const editFirstRow = getAllByTitle('Editar adicionar')[0]
-
-        await act(async () => await userEvent.click(editFirstRow))
-
-        const inputValueContainer = screen.getAllByTestId('text-field')[0]
-        const inputNameContainer = screen.getAllByTestId('mui-input')[0]
-
-        const inputName = inputNameContainer.firstElementChild
-            ?.firstElementChild as HTMLInputElement
-        const inputValue =
-            inputValueContainer.firstElementChild as HTMLInputElement
-
-        await act(async () => {
-            await userEvent.clear(inputName)
-            await userEvent.type(inputName, 'other')
-
-            await userEvent.clear(inputValue)
-            await userEvent.type(inputValue, '2')
-        })
-
-        const saveBtn = screen.getByTitle('Salvar')
-
-        await act(async () => await userEvent.click(saveBtn))
-
-        expect(onUpdateSpy).toHaveBeenCalledWith(
-            { name: 'other', value: '2' },
-            {
-                name: 'Fulano',
-                tableData: { editing: undefined, id: 0 },
-                value: 1
-            }
-        )
-    })
-
-    it('should add row on add click', async () => {
-        render(
-            <EditableTable
-                tableProps={{
-                    paginationInfo: true,
-                    noRowsExpand: true,
-                    onAddRow: jest.fn(),
-                    onRowClick: jest.fn(),
-                    onClickAdd: jest.fn(),
-                    onDeleteRow: jest.fn(),
-                    onUpdateRow: jest.fn(),
-                    title: 'item',
-                    columns: COLUMNS,
-                    data: DATA
-                }}
-            />
-        )
-
-        const label = screen.getByText('Adicionar item')
-
-        await userEvent.click(label)
-
-        const nameInput = screen.getByRole('name-input').firstElementChild
-            ?.firstElementChild as HTMLInputElement
-        const valueInput = screen.getByRole('name-input').firstElementChild
-            ?.firstElementChild as HTMLInputElement
-
-        expect(nameInput.value).toBe('')
-        expect(valueInput.value).toBe('')
-    })
-
-    it('should render with no header', () => {
-        render(
-            <EditableTable
-                tableProps={{
-                    paginationInfo: true,
-                    noRowsExpand: true,
-                    noHeader: true,
-                    disableAddHeader: true,
-                    onAddRow: jest.fn(),
-                    onRowClick: jest.fn(),
-                    title: 'item',
-                    columns: COLUMNS,
-                    data: DATA
-                }}
-            />
-        )
-
-        const label = screen.queryByText('Adicionar item')
-
-        expect(label).toBeNull()
-    })
-
-    it('should render without pagination info', async () => {
-        render(
-            <EditableTable
-                tableProps={{
-                    paginationInfo: false,
-                    noRowsExpand: true,
-                    disableAddHeader: true,
-                    onAddRow: jest.fn(),
-                    onRowClick: jest.fn(),
-                    title: 'adicionar',
-                    columns: COLUMNS,
-                    data: DATA
-                }}
-            />
-        )
-
-        const nextPageBtn = screen.queryByTestId('next-page')
-
-        expect(nextPageBtn).toBeNull()
-    })
-
-    it('should paginate', async () => {
-        render(
-            <EditableTable
-                tableProps={{
-                    paginationInfo: true,
-                    noRowsExpand: true,
-                    disableAddHeader: true,
-                    onAddRow: jest.fn(),
-                    onRowClick: jest.fn(),
-                    title: 'adicionar',
-                    columns: COLUMNS,
-                    data: DATA
-                }}
-            />
-        )
-
-        const nextPageBtn = screen.getByTestId('next-page')
-
-        await act(async () => await userEvent.click(nextPageBtn))
-
-        const label = screen.getByText('E mais um')
-
-        expect(label).toBeDefined()
-    })
-
-    it('should call update row with correct values', async () => {
-        const onUpdateSpy = jest
-            .fn()
-            .mockImplementation(() => Promise.resolve())
-
-        const { getByTitle, getAllByTitle, getAllByTestId } = render(
-            <EditableTable
-                tableProps={{
-                    autoCompleteSuggestions: AUTO_COMPLETE_SUGGESTIONS,
-                    autoCompleteField: 'name',
-                    disableAddHeader: true,
-                    paginationInfo: false,
-                    noRowsExpand: true,
-                    onAddRow: jest.fn(),
-                    onUpdateRow: onUpdateSpy,
-                    onRowClick: jest.fn(),
-                    title: 'adicionar',
-                    columns: COLUMNS,
-                    data: DATA
-                }}
-            />
-        )
-
-        const editFirstRow = getAllByTitle('Editar adicionar')[0]
-
-        await act(async () => await userEvent.click(editFirstRow))
-
-        const inputName = getAllByTestId('text-field')[0]
-            .firstElementChild as HTMLInputElement
-
-        const inputValue = getAllByTestId('text-field')[1]
-            .firstElementChild as HTMLInputElement
-
-        await act(async () => {
-            await userEvent.clear(inputName)
-            await userEvent.type(inputName, 'other')
-
-            await userEvent.clear(inputValue)
-            await userEvent.type(inputValue, '2')
-        })
-
-        const saveBtn = getByTitle('Salvar')
-
-        await act(async () => await userEvent.click(saveBtn))
-
-        expect(onUpdateSpy).toHaveBeenCalledWith(
-            { name: 'other', value: '2' },
-            {
-                name: 'Fulano',
-                tableData: { editing: undefined, id: 0 },
-                value: 1
-            }
-        )
-    })
-
-    it('should call delete row with correct values', async () => {
-        const onDeleteSpy = jest
-            .fn()
-            .mockImplementation(() => Promise.resolve())
-
-        const { getByTitle, getAllByTitle } = render(
-            <EditableTable
-                tableProps={{
-                    paginationInfo: true,
-                    noRowsExpand: true,
-                    disableAddHeader: true,
-                    title: 'adicionar',
-                    columns: COLUMNS,
-                    data: DATA,
-                    onDeleteRow: onDeleteSpy,
-                    onAddRow: jest.fn(),
-                    onUpdateRow: jest.fn(),
-                    onRowClick: jest.fn()
-                }}
-            />
-        )
-
-        const deleteRowBtn = getAllByTitle('Remover adicionar')[0]
-
-        await act(async () => await userEvent.click(deleteRowBtn))
-
-        const confirmBtn = getByTitle('Salvar')
-
-        await act(async () => await userEvent.click(confirmBtn))
-
-        expect(onDeleteSpy).toHaveBeenCalledWith({
-            name: 'Fulano',
-            tableData: { editing: undefined, id: 0 },
-            value: 1
-        })
-    })
-
-    it('should call onClickAdd', async () => {
-        const onClickAddSpy = jest
-            .fn()
-            .mockImplementation(() => Promise.resolve())
-
-        const { getAllByTitle } = render(
-            <EditableTable
-                tableProps={{
-                    autoCompleteSuggestions: AUTO_COMPLETE_SUGGESTIONS,
-                    autoCompleteField: 'name',
-                    disableAddHeader: true,
-                    paginationInfo: false,
-                    noRowsExpand: true,
-                    onAddRow: jest.fn(),
-                    onUpdateRow: jest.fn(),
-                    onRowClick: jest.fn(),
-                    onClickAdd: onClickAddSpy,
-                    title: 'adicionar',
-                    columns: COLUMNS,
-                    data: DATA
-                }}
-            />
-        )
-
-        const editFirstRow = getAllByTitle('Editar adicionar')[0]
-
-        await act(async () => await userEvent.click(editFirstRow))
-
-        const inputContainer = screen.getAllByTestId('text-field')[0]
-
-        const input = inputContainer.firstElementChild as HTMLInputElement
-
-        fireEvent.focusIn(input)
-
-        const addBtn = screen.getByText('Adicionar')
-
-        await act(async () => await userEvent.click(addBtn))
-
-        expect(onClickAddSpy).toHaveBeenCalled()
-    })
-
-    it('should render with no autoCompleteSuggestions no add button', async () => {
-        const onClickAddSpy = jest
-            .fn()
-            .mockImplementation(() => Promise.resolve())
-
-        const { getAllByTitle } = render(
-            <EditableTable
-                tableProps={{
-                    autoCompleteField: 'name',
-                    disableAddHeader: true,
-                    paginationInfo: false,
-                    noRowsExpand: true,
-                    onAddRow: jest.fn(),
-                    onUpdateRow: jest.fn(),
-                    onRowClick: jest.fn(),
-                    onClickAdd: onClickAddSpy,
-                    title: 'adicionar',
-                    columns: COLUMNS,
-                    data: DATA
-                }}
-            />
-        )
-
-        const editFirstRow = getAllByTitle('Editar adicionar')[0]
-
-        await act(async () => await userEvent.click(editFirstRow))
-
-        const inputContainer = screen.getAllByTestId('text-field')[0]
-
-        const input = inputContainer.firstElementChild as HTMLInputElement
-
-        fireEvent.focusIn(input)
-
-        const addBtn = screen.queryByText('Adicionar')
-
-        expect(addBtn).toBeNull()
-    })
-
-    it('should render with error', async () => {
-        render(
-            <WithDate
-                tableProps={{
-                    autoCompleteSuggestions: AUTO_COMPLETE_SUGGESTIONS,
-                    autoCompleteField: 'name',
-                    disableAddHeader: true,
-                    paginationInfo: false,
-                    noRowsExpand: true,
-                    onAddRow: jest.fn(),
-                    onUpdateRow: jest.fn(),
-                    onRowClick: jest.fn(),
-                    title: 'adicionar',
-                    columns: COLUMNS_WITH_DATE,
-                    data: DATA_WITH_DATE,
-                    errors: ['date', 'position']
-                }}
-            />
-        )
-
-        const editFirstRow = screen.getAllByTitle('Editar adicionar')[0]
-
-        await act(async () => await userEvent.click(editFirstRow))
-
-        const dateInput = screen.getByRole('date-picker') as HTMLInputElement
-        const textInput = screen.getAllByTestId('text-field')[0]
-
-        expect(dateInput.value).toBe('01/07/2019 17:21')
-        expect(dateInput.parentElement?.classList).toContain('Mui-error')
-        expect(textInput.classList).toContain('Mui-error')
-    })
-})
diff --git a/src/core/data-display/editable-table/editable-table.stories.tsx b/src/core/data-display/editable-table/editable-table.stories.tsx
deleted file mode 100644
index 3092a02a..00000000
--- a/src/core/data-display/editable-table/editable-table.stories.tsx
+++ /dev/null
@@ -1,129 +0,0 @@
-import React from 'react'
-import type { Meta, StoryFn } from '@storybook/react'
-import EditableTable from '.'
-
-export default {
-    title: 'DataDisplay/EditableTable',
-    component: EditableTable,
-    args: {
-        title: 'adicionar',
-        onAddRow: (item: object) => Promise.resolve(alert(item)),
-        onRowClick: () => window.alert('hello'),
-        onDeleteRow: (item: object) => Promise.resolve(alert(item)),
-        onUpdateRow: () => Promise.resolve(),
-        onClickAdd: () => window.alert('hello')
-    },
-    argTypes: {
-        'data-testid': {
-            table: {
-                disable: true
-            }
-        }
-    }
-} as Meta<typeof EditableTable>
-
-const Template: StoryFn<typeof EditableTable> = args => (
-    <EditableTable {...args} />
-)
-
-export const Default = Template.bind({})
-Default.args = {
-    paginationInfo: true,
-    noRowsExpand: true,
-    disableAddHeader: true,
-    columns: [
-        {
-            title: 'Leitura',
-            field: 'readAt',
-            initialEditValue: new Date(),
-            type: 'datetime',
-            cellStyle: { textAlign: 'right' },
-            headerStyle: { textAlign: 'right' }
-        },
-        {
-            title: 'Posição',
-            field: 'position',
-            type: 'numeric'
-        },
-        {
-            title: 'Origem',
-            field: 'origin',
-            editable: 'never',
-            initialEditValue: 'Manual'
-        }
-    ],
-    data: [
-        {
-            readAt: new Date('07/01/2019 17:21'),
-            position: 7000,
-            origin: (
-                <div
-                    style={{
-                        maxWidth: '100px',
-                        width: '80%',
-                        backgroundColor: 'green',
-                        borderRadius: 10,
-                        textAlign: 'center'
-                    }}>
-                    80%
-                </div>
-            )
-        },
-        {
-            readAt: new Date('06/15/2019 16:01'),
-            position: 6740,
-            origin: 'Manual'
-        },
-        {
-            readAt: new Date('06/01/2019 19:22'),
-            position: 6450,
-            origin: 'S.O. 018774'
-        },
-        {
-            readAt: new Date('05/15/2019 14:07'),
-            position: 5600,
-            origin: 'S.0. 018774'
-        },
-        {
-            readAt: new Date('07/01/2019 19:22'),
-            position: 6451,
-            origin: 'S.O. 3'
-        },
-        {
-            readAt: new Date('05/12/2019 14:07'),
-            position: 8000,
-            origin: 'S.0. 018771'
-        }
-    ]
-}
-
-export const WithAutocomplete = Template.bind({})
-WithAutocomplete.args = {
-    noHeader: true,
-    autoCompleteField: 'listValues',
-    columns: [
-        {
-            title: 'values',
-            field: 'listValues',
-            cellStyle: { textAlign: 'right' },
-            headerStyle: { textAlign: 'right' }
-        },
-        {
-            title: 'Posição',
-            field: 'position',
-            type: 'numeric'
-        }
-    ],
-    data: [
-        {
-            listValues: 'some values',
-            autoComplete: { value: '1', label: 'some values' },
-            position: 7000
-        },
-        {
-            listValues: 'any values',
-            autoComplete: { value: '2', label: 'any values' },
-            position: 6740
-        }
-    ]
-}
diff --git a/src/core/data-display/editable-table/index.tsx b/src/core/data-display/editable-table/index.tsx
deleted file mode 100644
index b0d26471..00000000
--- a/src/core/data-display/editable-table/index.tsx
+++ /dev/null
@@ -1,397 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import React, { forwardRef, useRef } from 'react'
-import type { MouseEvent } from 'react'
-import {
-    NoteAdd as IconAdd,
-    Done as IconDone,
-    Delete as IconRemove,
-    Clear as IconClear,
-    Edit as IconEdit,
-    ChevronLeft as IconChevronLeft,
-    ChevronRight as IconChevronRight,
-    FirstPage as IconFirstPage,
-    LastPage
-} from '@mui/icons-material'
-import ptBRLocale from 'date-fns/locale/pt-BR'
-import MaterialTable, {
-    MTableEditField,
-    MTableAction,
-    MTablePagination,
-    MTableActions
-} from 'material-table'
-import { omit, contains, propOr } from 'ramda'
-import type { Column, Options } from 'material-table'
-import ListItem from '@/core/data-display/list-item'
-import { default as AutoComplete } from '@/core/inputs/auto-complete'
-import Button from '@/core/inputs/button'
-import { DateTime } from '@/core/inputs/date-time'
-import MaskField from '@/core/inputs/mask-field'
-import { TextField } from '@/core/inputs/text-field'
-import { getLocalization } from '@/lib/localization'
-import {
-    AddRowButton,
-    AddRowText,
-    Container,
-    CustomRemove,
-    CustomRows,
-    FullWidthButton,
-    RightPagination,
-    Wrapper
-} from './styles'
-
-export interface EditableTableProps<T extends object> {
-    /**
-     * The title of the table
-     */
-    title?: string
-    /**
-     * The color of the add button
-     */
-    color?: 'primary' | 'inherit' | 'secondary' | 'disabled'
-    /**
-     * The columns of the table
-     */
-    columns?: Column<object>[]
-    /**
-     * The data of the table
-     */
-    data?: T[]
-    /**
-     * The options of the table
-     */
-    options?: Options<T>
-    /**
-     * Show the pagination info
-     */
-    paginationInfo?: boolean
-    /**
-     * If 'true', the rows wont expand
-     */
-    noRowsExpand?: boolean
-    /**
-     * If 'true', the table will have no header
-     */
-    noHeader?: boolean
-    /**
-     * List of suggestions for the autocomplete field
-     */
-    autoCompleteSuggestions?: TSuggestion[]
-    /**
-     * The field to be used as the autocomplete field
-     */
-    autoCompleteField?: string
-    /**
-     * If 'true', the add button will be disabled
-     */
-    disableAddHeader?: boolean
-    /**
-     * The error message to be displayed
-     */
-    errors?: string[]
-    /**
-     * The input value
-     */
-    value?: string
-    onRowClick?: (event?: MouseEvent, rowData?: T) => void
-    onUpdateRow?: (newData: object, oldData?: object) => Promise<void>
-    onDeleteRow?: (newData: object, oldData?: object) => Promise<void>
-    onAddRow?: (oldData: object) => Promise<void>
-    onRowAddCancelled?: (newData: object) => Promise<void>
-    onRowUpdateCancelled?: (newData: object) => Promise<void>
-    onClickAdd?(): void
-}
-
-export type TSuggestion = { label: string; value: string }
-
-const handlePagination = (
-    paginationInfo?: boolean,
-    noRowsExpand?: boolean,
-    title?: string
-) => {
-    const pagination = !paginationInfo
-        ? { Pagination: () => null }
-        : noRowsExpand && {
-              Pagination: (item: any) => (
-                  <RightPagination data-id='pagination'>
-                      <MTablePagination
-                          {...omit(['classes'], item)}
-                          localization={getLocalization(title).pagination}
-                      />
-                  </RightPagination>
-              )
-          }
-
-    return pagination
-}
-
-const EditableTable = <T extends object>(props: EditableTableProps<T>) => {
-    const addButtonColor =
-        (props.color !== 'disabled' && props.color) || 'primary'
-    const valueRef = useRef<string | number>()
-
-    const getErrors = (field: string) => contains(field, props.errors || [])
-
-    const renderMaskField = (item: any, error: boolean) => (
-        <Wrapper>
-            <MaskField
-                {...item}
-                fixedDecimalScale
-                error={props.errors ? error : item.error}
-                type='text'
-                thousandSeparator='.'
-                decimalSeparator=','
-                decimalScale={0}
-                // This approach was necessary to fix the problem with the
-                // state values of the inputs
-                value={
-                    error ? valueRef.current : item.value ?? valueRef.current
-                }
-                name={item.columnDef.field + '-input'}
-                onChange={event => {
-                    item.onChange(event.target.value)
-                    valueRef.current = event.target.value
-                }}
-            />
-        </Wrapper>
-    )
-
-    const renderAddComponent = (
-        <AddRowButton data-id='add-row'>
-            <IconAdd />
-            <AddRowText> Adicionar {props.title} </AddRowText>
-        </AddRowButton>
-    )
-
-    const toolbar = props.noHeader && { Toolbar: () => null }
-
-    const renderAutoComplete = (inputProps: any) => (
-        <AutoComplete
-            openOnFocus
-            selectTextOnFocus
-            data-testid='autocomplete-container'
-            value={inputProps.value}
-            suggestions={propOr([], 'autoCompleteSuggestions', props)}
-            renderSuggestion={(item: TSuggestion, props, selected) => (
-                <ListItem key={item.value} selected={selected} {...props}>
-                    {item.label}
-                </ListItem>
-            )}
-            renderInput={itemProps => (
-                <TextField
-                    fullWidth
-                    error={getErrors(inputProps.columnDef.field as string)}
-                    name={inputProps.columnDef.field + '-input'}
-                    {...itemProps}
-                />
-            )}
-            actions={
-                props.onClickAdd && (
-                    <FullWidthButton
-                        color={addButtonColor}
-                        name='dialog-add'
-                        data-testid='dialog-add'
-                        variant='dashed'
-                        onClick={props.onClickAdd}>
-                        <IconAdd />
-                        Adicionar
-                    </FullWidthButton>
-                )
-            }
-            onChange={inputProps.onChange}
-        />
-    )
-
-    return (
-        <Container>
-            <MaterialTable
-                components={{
-                    EditRow: props => <CustomRemove {...props} />,
-                    Row: props => <CustomRows {...props} />,
-                    Toolbar: props => {
-                        const [actions] = props.actions
-
-                        return (
-                            <MTableActions
-                                {...props}
-                                actions={[actions]}
-                                components={{ Action: props.components.Action }}
-                            />
-                        )
-                    },
-                    Action: localProps => {
-                        const { disabled, size, data } = localProps
-                        const isDisabled = !!disabled
-
-                        const renderToolbarButton = () => {
-                            const ActionIcon = localProps.action.icon
-
-                            return (
-                                <Button
-                                    fullWidth
-                                    disabled={props.disableAddHeader}
-                                    variant='dashed'
-                                    color={localProps.color || 'primary'}
-                                    onClick={() => {
-                                        localProps.action.onClick()
-                                        valueRef.current = ''
-                                    }}>
-                                    <ActionIcon />
-                                </Button>
-                            )
-                        }
-
-                        const renderActionButton = () => (
-                            <MTableAction
-                                disabled={isDisabled}
-                                size={size}
-                                data={data}
-                                action={localProps.action}
-                            />
-                        )
-
-                        const isToolbar =
-                            localProps.action &&
-                            'position' in localProps.action &&
-                            localProps.action.position === 'toolbar'
-
-                        if (isToolbar) {
-                            return renderToolbarButton()
-                        }
-
-                        return renderActionButton()
-                    },
-                    EditField: localProps => {
-                        if (localProps.columnDef.type === 'datetime') {
-                            return (
-                                <DateTime
-                                    error={
-                                        props.errors
-                                            ? getErrors(
-                                                  localProps.columnDef
-                                                      .field as string
-                                              )
-                                            : localProps.error
-                                    }
-                                    name={localProps.columnDef.field + '-input'}
-                                    type={localProps.columnDef.type}
-                                    value={localProps.value}
-                                    locale={ptBRLocale}
-                                    onChange={localProps.onChange}
-                                />
-                            )
-                        }
-
-                        if (localProps.columnDef.type === 'numeric') {
-                            const error = getErrors(
-                                localProps.columnDef.field as string
-                            )
-
-                            return renderMaskField(localProps, error)
-                        }
-
-                        if (
-                            localProps.columnDef.field ===
-                                props.autoCompleteField &&
-                            props.autoCompleteSuggestions
-                        ) {
-                            return renderAutoComplete(localProps)
-                        }
-
-                        return (
-                            <MTableEditField
-                                data-testid='mui-input'
-                                role={`${localProps.columnDef.field}-input`}
-                                name={localProps.columnDef.field + '-input'}
-                                {...localProps}
-                            />
-                        )
-                    },
-                    ...handlePagination(
-                        props.paginationInfo,
-                        props.noRowsExpand,
-                        props.title
-                    ),
-                    ...toolbar
-                }}
-                localization={getLocalization(props.title)}
-                icons={{
-                    Add: forwardRef(() => renderAddComponent),
-                    Delete: forwardRef(() => (
-                        <IconRemove
-                            name='row-remove'
-                            color={props.color || 'primary'}
-                        />
-                    )),
-                    Check: forwardRef(() => (
-                        <IconDone
-                            name='confirm-row-edit'
-                            color={props.color || 'primary'}
-                        />
-                    )),
-                    Clear: forwardRef(() => (
-                        <IconClear
-                            name='cancel-row-edit'
-                            color={props.color || 'primary'}
-                        />
-                    )),
-                    Edit: forwardRef(() => (
-                        <IconEdit
-                            name='row-edit'
-                            color={props.color || 'primary'}
-                        />
-                    )),
-                    FirstPage: forwardRef(() => (
-                        <IconFirstPage color={props.color || 'primary'} />
-                    )),
-                    PreviousPage: forwardRef(() => (
-                        <IconChevronLeft color={props.color || 'primary'} />
-                    )),
-                    LastPage: forwardRef(() => (
-                        <LastPage color={props.color || 'primary'} />
-                    )),
-                    NextPage: forwardRef(() => (
-                        <IconChevronRight
-                            data-testid='next-page'
-                            color={props.color || 'primary'}
-                        />
-                    ))
-                }}
-                style={{
-                    display: 'flex',
-                    border: '1px solid #CED4DE',
-                    boxShadow: 'none',
-                    height: props.noRowsExpand ? '270px' : undefined,
-                    justifyContent: 'space-between',
-                    flexDirection: 'column'
-                }}
-                columns={props.columns || []}
-                data={props.data ?? []}
-                options={{
-                    search: false,
-                    draggable: false,
-                    sorting: false,
-                    showTitle: false,
-                    addRowPosition: 'first',
-                    actionsColumnIndex: 4,
-                    toolbarButtonAlignment: 'left',
-                    padding: 'dense',
-                    rowStyle: {
-                        fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif'
-                    },
-                    headerStyle: { borderBottom: '2px #CED4DE solid' },
-                    ...props.options
-                }}
-                editable={{
-                    onRowUpdate: props.onUpdateRow,
-                    onRowAdd: props.onAddRow,
-                    onRowDelete: props.onDeleteRow,
-                    onRowAddCancelled: props.onRowAddCancelled,
-                    onRowUpdateCancelled: props.onRowUpdateCancelled
-                }}
-                onRowClick={props.onRowClick}
-            />
-        </Container>
-    )
-}
-
-export default EditableTable
diff --git a/src/core/data-display/editable-table/styles.ts b/src/core/data-display/editable-table/styles.ts
deleted file mode 100644
index d1def1d6..00000000
--- a/src/core/data-display/editable-table/styles.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { MTableEditRow, MTableBodyRow } from 'material-table'
-import { default as styled } from 'styled-components'
-import Typography from '@/core/data-display/typography'
-import Button from '@/core/inputs/button'
-
-export const DARK = 'rgba(189,189,189,0)'
-export const GREY = 'rgba(189,189,189,1)'
-
-export const Container = styled.div`
-    width: 100%;
-`
-
-export const AddRowButton = styled.div`
-    display: flex;
-    align-items: center;
-`
-
-export const AddRowText = styled(Typography)`
-    margin-left: 4px;
-    font-weight: 500 !important;
-`
-
-export const FullWidthButton = styled(Button)`
-    width: calc(100% - 24px);
-    margin: 12px !important;
-`
-
-export const CustomRemove = styled(MTableEditRow)({
-    '& h6': {
-        fontSize: '0.85em'
-    }
-})
-
-export const CustomRows = styled(MTableBodyRow)`
-    transition: opacity 200ms ease;
-    button {
-        display: none;
-    }
-    &:hover {
-        background: -moz-linear-gradient(left, ${DARK} 0%, ${GREY} 100%);
-        background: -webkit-linear-gradient(left, ${DARK} 0%, ${GREY} 100%);
-        background: linear-gradient(to right, ${DARK} 0%, ${GREY} 100%);
-    }
-    &:hover button {
-        display: inline-block !important;
-    }
-    td {
-        min-width: 64px;
-    }
-`
-
-export const RightPagination = styled.div`
-    & > div {
-        display: block;
-        float: right;
-    }
-`
-
-export const Wrapper = styled.div`
-    & > div {
-        justify-content: flex-end;
-    }
-`
diff --git a/src/core/data-display/node/__snapshots__/node.spec.tsx.snap b/src/core/data-display/node/__snapshots__/node.spec.tsx.snap
deleted file mode 100644
index f5163c18..00000000
--- a/src/core/data-display/node/__snapshots__/node.spec.tsx.snap
+++ /dev/null
@@ -1,27 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Node should match snapshot 1`] = `
-<div>
-  <ul
-    class="sc-aYaIB exChqK"
-    name="Branch"
-  >
-    <li
-      class="sc-gEvDqW hovEjp"
-    >
-      <svg
-        aria-hidden="true"
-        class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium sc-fqkwJk iYAchi css-i4bv87-MuiSvgIcon-root"
-        data-testid="KeyboardArrowDownIcon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <path
-          d="M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"
-        />
-      </svg>
-      Branch
-    </li>
-  </ul>
-</div>
-`;
diff --git a/src/core/data-display/node/index.tsx b/src/core/data-display/node/index.tsx
deleted file mode 100644
index e79f2bd8..00000000
--- a/src/core/data-display/node/index.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React, { useState } from 'react'
-import type { DefaultProps } from '../../types'
-import { IconDown, IconUp, List, ListItem } from './styles'
-
-export interface NodeProps extends DefaultProps {
-    name: string
-}
-
-const Node = (props: NodeProps) => {
-    const [open, setOpen] = useState(false)
-    const { id, name, children, style = {}, className } = props
-
-    const handleToggleOpen = () => {
-        setOpen(!open)
-    }
-
-    const renderDropdownIcon = () => {
-        return open ? <IconUp /> : <IconDown />
-    }
-
-    return (
-        <List {...props} key={id || name} style={style} className={className}>
-            <ListItem inset={Boolean(children)} onClick={handleToggleOpen}>
-                {children && renderDropdownIcon()}
-                {name}
-            </ListItem>
-            {open && children}
-        </List>
-    )
-}
-
-export default Node
diff --git a/src/core/data-display/node/node.spec.tsx b/src/core/data-display/node/node.spec.tsx
deleted file mode 100644
index b8a004e2..00000000
--- a/src/core/data-display/node/node.spec.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import React from 'react'
-import { act } from 'react-dom/test-utils'
-import { render, screen } from '@testing-library/react'
-import { userEvent } from '@testing-library/user-event'
-import Node from '.'
-
-describe('Node', () => {
-    it('should render', () => {
-        render(
-            <Node name='Branch'>
-                <Node id='2' name='Node 1' />
-                <Node id='3' name='Node 2' />
-            </Node>
-        )
-
-        const node1 = screen.queryByText('Node 1')
-        const node2 = screen.queryByText('Node 2')
-
-        expect(node1).toBeNull()
-        expect(node2).toBeNull()
-    })
-
-    it('should open nodes inside', async () => {
-        render(
-            <Node name='Branch'>
-                <Node id='2' name='Node 1' />
-                <Node id='3' name='Node 2' />
-            </Node>
-        )
-
-        const node = screen.getByText('Branch')
-
-        await act(async () => await userEvent.click(node))
-
-        const node1 = screen.getByText('Node 1')
-        const node2 = screen.getByText('Node 2')
-
-        expect(node1).toBeDefined()
-        expect(node2).toBeDefined()
-    })
-
-    it('should match snapshot', () => {
-        const { container } = render(
-            <Node name='Branch'>
-                <Node id='2' name='Node 1' />
-                <Node id='3' name='Node 2' />
-            </Node>
-        )
-
-        expect(container).toMatchSnapshot()
-    })
-})
diff --git a/src/core/data-display/node/node.stories.tsx b/src/core/data-display/node/node.stories.tsx
deleted file mode 100644
index c884aaa4..00000000
--- a/src/core/data-display/node/node.stories.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from 'react'
-import type { Meta, StoryFn } from '@storybook/react'
-import Node from '.'
-
-export default {
-    title: 'DataDisplay/Node',
-    component: Node
-} as Meta<typeof Node>
-
-const Template: StoryFn<typeof Node> = args => <Node {...args} />
-
-export const Default = Template.bind({})
-Default.args = {
-    id: '1',
-    name: 'Branch',
-    children: (
-        <>
-            <Node id='2' name='I am a Node 1' />
-            <Node id='3' name='I am a Node 2' />
-            <Node id='4' name='I am a Node 3' />
-        </>
-    )
-}
diff --git a/src/core/data-display/node/styles.ts b/src/core/data-display/node/styles.ts
deleted file mode 100644
index 74438025..00000000
--- a/src/core/data-display/node/styles.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import {
-    KeyboardArrowDown as IconArrowDown,
-    KeyboardArrowUp as IconArrowUp
-} from '@mui/icons-material'
-import { default as styled } from 'styled-components'
-import { theme } from '@/theme'
-
-const { grays } = theme.colors
-
-interface IListItem {
-    inset: boolean
-}
-
-export const List = styled.ul`
-    width: 350px;
-`
-
-export const ListItem = styled.li<IListItem>`
-    font-size: 16px;
-    margin: 12px;
-    background: #ffffff00;
-    padding: 12px;
-    padding-left: ${props => (props.inset ? '12px' : '48px')};
-    list-style: none;
-    border-radius: 6px;
-    border: 1px solid ${grays.g5};
-    transition: all 500ms ease;
-    cursor: pointer;
-    align-items: center;
-    display: flex;
-    &:hover {
-        background: ${grays.g7};
-        border: 1px solid #009688;
-    }
-`
-
-export const IconUp = styled(IconArrowUp)`
-    && {
-        font-size: 24px;
-        margin-right: 12px;
-    }
-`
-
-export const IconDown = styled(IconArrowDown)`
-    && {
-        font-size: 24px;
-        margin-right: 12px;
-    }
-`
diff --git a/src/core/data-display/tree/__snapshots__/tree.spec.tsx.snap b/src/core/data-display/tree/__snapshots__/tree.spec.tsx.snap
deleted file mode 100644
index 1b6a5b64..00000000
--- a/src/core/data-display/tree/__snapshots__/tree.spec.tsx.snap
+++ /dev/null
@@ -1,27 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Tree should match snapshot 1`] = `
-<div>
-  <ul
-    class="sc-aYaIB exChqK"
-    name="root"
-  >
-    <li
-      class="sc-gEvDqW hovEjp"
-    >
-      <svg
-        aria-hidden="true"
-        class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium sc-fqkwJk iYAchi css-i4bv87-MuiSvgIcon-root"
-        data-testid="KeyboardArrowDownIcon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <path
-          d="M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"
-        />
-      </svg>
-      root
-    </li>
-  </ul>
-</div>
-`;
diff --git a/src/core/data-display/tree/index.tsx b/src/core/data-display/tree/index.tsx
deleted file mode 100644
index 5c145b28..00000000
--- a/src/core/data-display/tree/index.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react'
-import type { ReactNode } from 'react'
-import { omit } from 'ramda'
-import Node from '../node'
-
-export interface INode {
-    id: string | number
-    name: string
-    nodes?: INode[]
-}
-
-export interface TreeProps {
-    nodes?: INode[]
-}
-
-const Tree = ({ nodes = [], ...otherProps }: TreeProps): JSX.Element => {
-    const renderNode = (
-        node: INode,
-        index: string,
-        root = false
-    ): ReactNode => {
-        const { id, name, nodes } = node
-
-        return (
-            <Node
-                id={index}
-                name={name}
-                key={id || index}
-                style={root ? { padding: 0 } : {}}>
-                {nodes?.map(node => {
-                    return renderNode(omit(['array'], node), index.toString())
-                })}
-            </Node>
-        )
-    }
-
-    return (
-        <Node {...otherProps} name='root'>
-            {nodes.map((node, index) =>
-                renderNode(node, index.toString(), true)
-            )}
-        </Node>
-    )
-}
-
-export default Tree
diff --git a/src/core/data-display/tree/tree.spec.tsx b/src/core/data-display/tree/tree.spec.tsx
deleted file mode 100644
index f880b109..00000000
--- a/src/core/data-display/tree/tree.spec.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import React from 'react'
-import { act } from 'react-dom/test-utils'
-import { render, screen } from '@testing-library/react'
-import { userEvent } from '@testing-library/user-event'
-import Tree from '.'
-
-describe('Tree', () => {
-    const NODES = [
-        {
-            id: 0,
-            name: 'Tree',
-            nodes: [
-                {
-                    id: 1,
-                    name: 'Branch'
-                },
-                {
-                    id: 2,
-                    name: 'Branch'
-                },
-                {
-                    id: 3,
-                    name: 'Branch',
-                    nodes: [
-                        {
-                            id: 5,
-                            name: 'Leaf'
-                        }
-                    ]
-                }
-            ]
-        }
-    ]
-
-    it('should render the Tree', () => {
-        render(<Tree nodes={NODES} />)
-
-        const root = screen.getByText('root')
-
-        expect(root).toBeDefined()
-    })
-
-    it('should render with no nodes', () => {
-        render(<Tree />)
-
-        const root = screen.getByText('root')
-
-        expect(root).toBeDefined()
-    })
-
-    it('should expand one level', async () => {
-        render(<Tree nodes={NODES} />)
-
-        const root = screen.getByText('root')
-
-        await act(async () => await userEvent.click(root))
-
-        const tree = screen.getByText('Tree')
-
-        expect(tree).toBeDefined()
-    })
-
-    it('should expand two levels', async () => {
-        render(<Tree nodes={NODES} />)
-
-        const root = screen.getByText('root')
-
-        await act(async () => await userEvent.click(root))
-
-        const tree = screen.getByText('Tree')
-
-        await act(async () => await userEvent.click(tree))
-
-        const leaf = screen.getAllByText('Branch')
-
-        expect(leaf.length).toEqual(3)
-    })
-
-    it('should match snapshot', () => {
-        const { container } = render(<Tree nodes={NODES} />)
-
-        expect(container).toMatchSnapshot()
-    })
-})
diff --git a/src/core/data-display/tree/tree.stories.tsx b/src/core/data-display/tree/tree.stories.tsx
deleted file mode 100644
index bc7b33a1..00000000
--- a/src/core/data-display/tree/tree.stories.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import React from 'react'
-import type { Meta, StoryFn } from '@storybook/react'
-import Tree from '.'
-
-export default {
-    title: 'DataDisplay/Tree',
-    component: Tree
-} as Meta<typeof Tree>
-
-const Template: StoryFn<typeof Tree> = args => <Tree {...args} />
-
-export const Default = Template.bind({})
-Default.args = {
-    nodes: [
-        {
-            id: 0,
-            name: 'Tree',
-            nodes: [
-                {
-                    id: 1,
-                    name: 'Branch'
-                },
-                {
-                    id: 2,
-                    name: 'Branch'
-                },
-                {
-                    id: 3,
-                    name: 'Branch',
-                    nodes: [
-                        {
-                            id: 5,
-                            name: 'Leaf'
-                        }
-                    ]
-                }
-            ]
-        }
-    ]
-}
diff --git a/src/core/feedback/zoom/__snapshots__/zoom.spec.tsx.snap b/src/core/feedback/zoom/__snapshots__/zoom.spec.tsx.snap
deleted file mode 100644
index 646c82f7..00000000
--- a/src/core/feedback/zoom/__snapshots__/zoom.spec.tsx.snap
+++ /dev/null
@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Zoom should match snapshot 1`] = `
-<div>
-  <span
-    style="transform: none; webkit-transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
-  >
-    Zoom Text
-  </span>
-</div>
-`;
-
-exports[`Zoom should match snapshot 2`] = `
-<div>
-  <span
-    style="transform: scale(0); visibility: hidden;"
-  >
-    Zoom Text
-  </span>
-</div>
-`;
diff --git a/src/core/feedback/zoom/index.tsx b/src/core/feedback/zoom/index.tsx
deleted file mode 100644
index ebbab478..00000000
--- a/src/core/feedback/zoom/index.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react'
-import type { ReactElement } from 'react'
-import { Zoom as MuiZoom } from '@material-ui/core'
-import type { DefaultProps } from '../../types'
-
-export interface ZoomProps extends DefaultProps {
-    in: boolean
-    timeout?: number | { enter?: number; exit?: number }
-    children?: ReactElement<Record<string, unknown>>
-}
-
-export const Zoom = ({
-    children,
-    padding,
-    margin,
-    style = {},
-    ...otherProps
-}: ZoomProps) => (
-    <MuiZoom style={{ padding, margin, ...style }} {...otherProps}>
-        {children}
-    </MuiZoom>
-)
-
-export default Zoom
diff --git a/src/core/feedback/zoom/zoom.spec.tsx b/src/core/feedback/zoom/zoom.spec.tsx
deleted file mode 100644
index cbc988df..00000000
--- a/src/core/feedback/zoom/zoom.spec.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React from 'react'
-import { render, screen } from '@testing-library/react'
-import { Zoom } from '.'
-
-describe('Zoom', () => {
-    it('should render closed', () => {
-        render(
-            <Zoom in={false}>
-                <span>Zoom Text</span>
-            </Zoom>
-        )
-        const element = screen.getByText('Zoom Text')
-
-        expect(element).toHaveProperty('style.visibility', 'hidden')
-    })
-
-    it('should render opened', () => {
-        render(
-            <Zoom in>
-                <span>Zoom Text</span>
-            </Zoom>
-        )
-
-        const element = screen.getByText('Zoom Text')
-
-        expect(element).not.toHaveProperty('style.visibility', 'hidden')
-    })
-
-    it('should match snapshot', () => {
-        const { container: opened } = render(
-            <Zoom in>
-                <span>Zoom Text</span>
-            </Zoom>
-        )
-
-        const { container: closed } = render(
-            <Zoom in={false}>
-                <span>Zoom Text</span>
-            </Zoom>
-        )
-
-        expect(opened).toMatchSnapshot()
-        expect(closed).toMatchSnapshot()
-    })
-})
diff --git a/src/core/feedback/zoom/zooms.stories.tsx b/src/core/feedback/zoom/zooms.stories.tsx
deleted file mode 100644
index d8b79687..00000000
--- a/src/core/feedback/zoom/zooms.stories.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import React, { useState } from 'react'
-import type { Meta } from '@storybook/react'
-import Button from '@/core/inputs/button'
-import { Zoom } from '.'
-
-export default {
-    title: 'Feedback/Zoom',
-    component: Zoom
-} as Meta<typeof Zoom>
-
-export const Default = () => {
-    const [open, setOpen] = useState(true)
-    const [btnLabel, setBtnLabel] = useState('Close')
-
-    function handleClick() {
-        setOpen(!open)
-
-        if (btnLabel === 'Close') {
-            setBtnLabel('Open')
-        } else {
-            setBtnLabel('Close')
-        }
-    }
-
-    return (
-        <>
-            <Button
-                color='primary'
-                variant='contained'
-                style={{ marginRight: '3em' }}
-                onClick={handleClick}>
-                {btnLabel}
-            </Button>
-            <Zoom in={open}>
-                <span>I am open for discussions</span>
-            </Zoom>
-        </>
-    )
-}
diff --git a/src/core/inputs/auto-complete/__snapshots__/auto-complete.spec.tsx.snap b/src/core/inputs/auto-complete/__snapshots__/auto-complete.spec.tsx.snap
deleted file mode 100644
index 559e50f7..00000000
--- a/src/core/inputs/auto-complete/__snapshots__/auto-complete.spec.tsx.snap
+++ /dev/null
@@ -1,46 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`AutoComplete should match snapshot 1`] = `
-<div>
-  <div
-    style="position: relative;"
-  >
-    <div
-      class="sc-eqUzNf efRYEB"
-    >
-      <div
-        class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
-        title=""
-      >
-        <div
-          class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
-          data-testid="text-field"
-        >
-          <input
-            aria-invalid="false"
-            autocomplete="off"
-            class="MuiInputBase-input MuiOutlinedInput-input makeStyles-outlinedInput-289"
-            placeholder="input-placeholder"
-            type="text"
-            value=""
-          />
-          <fieldset
-            aria-hidden="true"
-            class="PrivateNotchedOutline-root-294 MuiOutlinedInput-notchedOutline"
-            style="padding-left: 8px;"
-          >
-            <legend
-              class="PrivateNotchedOutline-legend-295"
-              style="width: 0.01px;"
-            >
-              <span>
-                ​
-              </span>
-            </legend>
-          </fieldset>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/src/core/inputs/auto-complete/auto-complete.spec.tsx b/src/core/inputs/auto-complete/auto-complete.spec.tsx
deleted file mode 100644
index 891d5ab7..00000000
--- a/src/core/inputs/auto-complete/auto-complete.spec.tsx
+++ /dev/null
@@ -1,762 +0,0 @@
-import React, { useState } from 'react'
-import { act } from 'react-dom/test-utils'
-import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-import { userEvent } from '@testing-library/user-event'
-import type { ISelected, TSelected } from '.'
-import ListItem from '@/core/data-display/list-item'
-import Typography from '@/core/data-display/typography'
-import { TextField } from '../text-field'
-import { default as AutoComplete } from '.'
-
-interface MockProps {
-    initialValue?: TSelected
-    onFocus?: () => void
-    focusDelay?: number
-    onChange?: (value: TSelected) => void
-    autoFocus?: boolean
-    selectTextOnFocus?: boolean
-    suggestions: ISelected[]
-    openOnFocus?: boolean
-    caseSensitive?: boolean
-}
-
-const MockAutoComplete = (props: MockProps) => {
-    const { suggestions, ...rest } = props
-    const [value, setValue] = useState<TSelected>(
-        props.initialValue ? props.initialValue : ''
-    )
-
-    const handleChange = (newValue: TSelected) => {
-        props.onChange?.(newValue)
-        setValue(newValue)
-    }
-
-    return (
-        <AutoComplete
-            value={value}
-            suggestions={suggestions}
-            renderInput={props => {
-                return (
-                    <TextField
-                        fullWidth
-                        placeholder='input-placeholder'
-                        {...props}
-                    />
-                )
-            }}
-            renderSuggestion={(item, props, selected) => {
-                const label = typeof item === 'string' ? item : item.label
-                const hasSubheader = typeof item === 'object' && item.subheader
-
-                return hasSubheader ? (
-                    <ListItem onClick={props.onClick}>
-                        <Typography variant='caption'>{item.label}</Typography>
-                    </ListItem>
-                ) : (
-                    <ListItem selected={selected} onClick={props.onClick}>
-                        {label}
-                    </ListItem>
-                )
-            }}
-            {...rest}
-            onChange={handleChange}
-        />
-    )
-}
-
-describe('AutoComplete', () => {
-    const SUGGESTIONS = [
-        { value: 'rock', label: 'Rock' },
-        { value: 'pop', label: 'Pop' },
-        { value: 'classic', label: 'Classic' }
-    ]
-
-    const SUGGESTIONS_WITH_SUBHEADER = [
-        { label: 'Genres', subheader: true },
-        ...SUGGESTIONS
-    ]
-
-    it('should render suggestions', () => {
-        render(
-            <MockAutoComplete
-                openOnFocus
-                suggestions={SUGGESTIONS_WITH_SUBHEADER}
-            />
-        )
-
-        const input = screen.getByPlaceholderText('input-placeholder')
-
-        fireEvent.focus(input)
-
-        const item1 = screen.getByText('Rock')
-        const item2 = screen.getByText('Pop')
-        const item3 = screen.getByText('Classic')
-
-        expect(item1).toBeTruthy()
-        expect(item2).toBeTruthy()
-        expect(item3).toBeTruthy()
-    })
-
-    it('should render suggestions with case sensitive', async () => {
-        render(
-            <MockAutoComplete
-                caseSensitive
-                openOnFocus
-                suggestions={SUGGESTIONS}
-            />
-        )
-
-        const input = screen.getByPlaceholderText('input-placeholder')
-
-        await act(async () => {
-            await userEvent.type(input, 'R')
-        })
-
-        const item = screen.getByText('Rock')
-
-        expect(item).toBeTruthy()
-    })
-
-    it('should render with no suggestions', () => {
-        render(<MockAutoComplete suggestions={[]} />)
-        const input = screen.getByPlaceholderText('input-placeholder')
-
-        fireEvent.focus(input)
-
-        const item1 = screen.queryByText('Rock')
-        const item2 = screen.queryByText('Pop')
-        const item3 = screen.queryByText('Classic')
-
-        expect(item1).toBeFalsy()
-        expect(item2).toBeFalsy()
-        expect(item3).toBeFalsy()
-    })
-
-    it('should open with auto focus', async () => {
-        render(
-            <MockAutoComplete
-                autoFocus
-                openOnFocus
-                suggestions={SUGGESTIONS_WITH_SUBHEADER}
-                initialValue={{ label: 'Rock', value: 'rock' }}
-            />
-        )
-
-        const subheader = await screen.findByText('Genres')
-        const input = await screen.findByText('Rock')
-
-        expect(subheader).toBeTruthy()
-        expect(input).toBeTruthy()
-    })
-
-    it('should select suggestions', async () => {
-        const onChangeSpy = jest.fn()
-
-        render(
-            <MockAutoComplete
-                openOnFocus
-                suggestions={SUGGESTIONS_WITH_SUBHEADER}
-                initialValue={{ label: 'Rock', value: 'rock' }}
-                onChange={onChangeSpy}
-            />
-        )
-
-        const input = screen.getByPlaceholderText('input-placeholder')
-
-        fireEvent.focus(input)
-
-        const item1 = await screen.findByText('Rock')
-        const item2 = screen.queryByText('Pop')
-        const item3 = screen.queryByText('Classic')
-
-        expect(item1).toBeTruthy()
-        expect(item2).toBeFalsy()
-        expect(item3).toBeFalsy()
-    })
-
-    it('should call onChange with first suggestion for default', () => {
-        const onChangeSpy = jest.fn()
-
-        render(
-            <AutoComplete
-                openOnFocus
-                suggestions={SUGGESTIONS}
-                renderInput={props => (
-                    <TextField
-                        fullWidth
-                        placeholder='input-placeholder'
-                        {...props}
-                    />
-                )}
-                renderSuggestion={(item, props, selected) => {
-                    const label = typeof item === 'string' ? item : item.label
-                    const hasSubheader =
-                        typeof item === 'object' && item.subheader
-
-                    return hasSubheader ? (
-                        <ListItem>
-                            <Typography variant='caption'>
-                                {item.label}
-                            </Typography>
-                        </ListItem>
-                    ) : (
-                        <ListItem {...props} selected={selected}>
-                            {label}
-                        </ListItem>
-                    )
-                }}
-                onChange={onChangeSpy}
-            />
-        )
-
-        const input = screen.getByPlaceholderText('input-placeholder')
-
-        fireEvent.focus(input)
-        fireEvent.keyDown(input, { key: 'Enter' })
-
-        expect(onChangeSpy).toHaveBeenCalledWith({
-            value: 'rock',
-            label: 'Rock'
-        })
-    })
-
-    it('should navigate suggestions with arrow key down', () => {
-        const onChangeSpy = jest.fn()
-
-        render(
-            <AutoComplete
-                openOnFocus
-                suggestions={SUGGESTIONS}
-                renderInput={props => (
-                    <TextField
-                        fullWidth
-                        placeholder='input-placeholder'
-                        {...props}
-                    />
-                )}
-                renderSuggestion={(item, props, selected) => {
-                    const label = typeof item === 'string' ? item : item.label
-                    const hasSubheader =
-                        typeof item === 'object' && item.subheader
-
-                    return hasSubheader ? (
-                        <ListItem>
-                            <Typography variant='caption'>
-                                {item.label}
-                            </Typography>
-                        </ListItem>
-                    ) : (
-                        <ListItem {...props} selected={selected}>
-                            {label}
-                        </ListItem>
-                    )
-                }}
-                onChange={onChangeSpy}
-            />
-        )
-
-        const input = screen.getByPlaceholderText('input-placeholder')
-
-        fireEvent.focus(input)
-        fireEvent.keyDown(input, { key: 'ArrowDown' })
-        fireEvent.keyDown(input, { key: 'ArrowDown' })
-        fireEvent.keyDown(input, { key: 'Enter' })
-
-        expect(onChangeSpy).toHaveBeenCalledWith({
-            value: 'classic',
-            label: 'Classic'
-        })
-    })
-
-    it('should navigate suggestions with arrow key down and up', () => {
-        const onChangeSpy = jest.fn()
-
-        render(
-            <AutoComplete
-                openOnFocus
-                suggestions={SUGGESTIONS}
-                renderInput={props => (
-                    <TextField
-                        fullWidth
-                        placeholder='input-placeholder'
-                        {...props}
-                    />
-                )}
-                renderSuggestion={(item, props, selected) => {
-                    const label = typeof item === 'string' ? item : item.label
-                    const hasSubheader =
-                        typeof item === 'object' && item.subheader
-
-                    return hasSubheader ? (
-                        <ListItem>
-                            <Typography variant='caption'>
-                                {item.label}
-                            </Typography>
-                        </ListItem>
-                    ) : (
-                        <ListItem {...props} selected={selected}>
-                            {label}
-                        </ListItem>
-                    )
-                }}
-                onChange={onChangeSpy}
-            />
-        )
-
-        const input = screen.getByPlaceholderText('input-placeholder')
-
-        fireEvent.focus(input)
-        fireEvent.keyDown(input, { key: 'ArrowDown' })
-        fireEvent.keyDown(input, { key: 'ArrowUp' })
-        fireEvent.keyDown(input, { key: 'ArrowDown' })
-        fireEvent.keyDown(input, { key: 'Enter' })
-
-        expect(onChangeSpy).toHaveBeenCalledWith({ value: 'pop', label: 'Pop' })
-    })
-
-    it('should close suggestions on escape', async () => {
-        render(
-            <AutoComplete
-                openOnFocus
-                suggestions={SUGGESTIONS}
-                renderInput={props => (
-                    <TextField
-                        fullWidth
-                        placeholder='input-placeholder'
-                        {...props}
-                    />
-                )}
-                renderSuggestion={(item, props, selected) => {
-                    const label = typeof item === 'string' ? item : item.label
-                    const hasSubheader =
-                        typeof item === 'object' && item.subheader
-
-                    return hasSubheader ? (
-                        <ListItem>
-                            <Typography variant='caption'>
-                                {item.label}
-                            </Typography>
-                        </ListItem>
-                    ) : (
-                        <ListItem {...props} selected={selected}>
-                            {label}
-                        </ListItem>
-                    )
-                }}
-                onChange={jest.fn()}
-            />
-        )
-
-        const input = screen.getByPlaceholderText('input-placeholder')
-
-        fireEvent.focus(input)
-
-        const beforeItem1 = screen.getByText('Rock')
-        const beforeItem2 = screen.getByText('Pop')
-        const beforeItem3 = screen.getByText('Classic')
-
-        fireEvent.keyDown(input, { key: 'Escape' })
-
-        await waitFor(() => {
-            const afterItem1 = screen.queryByText('Rock')
-            const afterItem2 = screen.queryByText('Pop')
-            const afterItem3 = screen.queryByText('Classic')
-
-            expect(beforeItem1).toBeDefined()
-            expect(beforeItem2).toBeDefined()
-            expect(beforeItem3).toBeDefined()
-
-            expect(afterItem1).toBeNull()
-            expect(afterItem2).toBeNull()
-            expect(afterItem3).toBeNull()
-        })
-    })
-
-    it('when typing should call onChange with correct values', async () => {
-        const onChangeSpy = jest.fn()
-
-        render(
-            <AutoComplete
-                openOnFocus
-                suggestions={SUGGESTIONS}
-                renderInput={props => (
-                    <TextField
-                        fullWidth
-                        placeholder='input-placeholder'
-                        {...props}
-                    />
-                )}
-                renderSuggestion={(item, props, selected) => {
-                    const label = typeof item === 'string' ? item : item.label
-                    const hasSubheader =
-                        typeof item === 'object' && item.subheader
-
-                    return hasSubheader ? (
-                        <ListItem>
-                            <Typography variant='caption'>
-                                {item.label}
-                            </Typography>
-                        </ListItem>
-                    ) : (
-                        <ListItem {...props} selected={selected}>
-                            {label}
-                        </ListItem>
-                    )
-                }}
-                onChange={onChangeSpy}
-            />
-        )
-
-        const input = screen.getByPlaceholderText('input-placeholder')
-
-        userEvent.type(input, 'a')
-
-        await waitFor(() => {
-            expect(onChangeSpy).toHaveBeenCalledWith('a')
-        })
-    })
-
-    it('should call onBlur on leave focus', () => {
-        jest.useFakeTimers()
-        const onBlurSpy = jest.fn()
-
-        render(
-            <AutoComplete
-                openOnFocus
-                suggestions={SUGGESTIONS}
-                renderInput={props => (
-                    <TextField
-                        fullWidth
-                        placeholder='input-placeholder'
-                        {...props}
-                    />
-                )}
-                renderSuggestion={(item, props, selected) => {
-                    const label = typeof item === 'string' ? item : item.label
-                    const hasSubheader =
-                        typeof item === 'object' && item.subheader
-
-                    return hasSubheader ? (
-                        <ListItem>
-                            <Typography variant='caption'>
-                                {item.label}
-                            </Typography>
-                        </ListItem>
-                    ) : (
-                        <ListItem {...props} selected={selected}>
-                            {label}
-                        </ListItem>
-                    )
-                }}
-                onBlur={onBlurSpy}
-                onChange={jest.fn()}
-            />
-        )
-
-        const input = screen.getByPlaceholderText('input-placeholder')
-
-        fireEvent.blur(input)
-        jest.runAllTimers()
-
-        const afterItem1 = screen.queryByText('Rock')
-
-        expect(onBlurSpy).toHaveBeenCalled()
-        expect(afterItem1).toBeNull()
-
-        jest.useRealTimers()
-    })
-
-    it('should render suggestions with fade', () => {
-        render(
-            <AutoComplete
-                openOnFocus
-                fade
-                suggestions={SUGGESTIONS}
-                renderInput={props => (
-                    <TextField
-                        fullWidth
-                        placeholder='input-placeholder'
-                        {...props}
-                    />
-                )}
-                renderSuggestion={(item, props, selected) => {
-                    const label = typeof item === 'string' ? item : item.label
-                    const hasSubheader =
-                        typeof item === 'object' && item.subheader
-
-                    return hasSubheader ? (
-                        <ListItem>
-                            <Typography variant='caption'>
-                                {item.label}
-                            </Typography>
-                        </ListItem>
-                    ) : (
-                        <ListItem {...props} selected={selected}>
-                            {label}
-                        </ListItem>
-                    )
-                }}
-                onChange={jest.fn()}
-            />
-        )
-
-        const input = screen.getByPlaceholderText('input-placeholder')
-
-        fireEvent.focus(input)
-
-        const item1 = screen.getByText('Rock')
-        const item2 = screen.getByText('Pop')
-        const item3 = screen.getByText('Classic')
-
-        expect(item1).toBeTruthy()
-        expect(item2).toBeTruthy()
-        expect(item3).toBeTruthy()
-    })
-
-    it('should get suggestions with default width', () => {
-        render(
-            <AutoComplete
-                openOnFocus
-                suggestions={SUGGESTIONS}
-                renderInput={props => {
-                    props.inputProps.ref = jest.fn().mockReturnValue({
-                        current: null
-                    })
-
-                    return (
-                        <TextField
-                            fullWidth
-                            placeholder='input-placeholder'
-                            {...props}
-                        />
-                    )
-                }}
-                renderSuggestion={(item, props, selected) => {
-                    const label = typeof item === 'string' ? item : item.label
-                    const hasSubheader =
-                        typeof item === 'object' && item.subheader
-
-                    return hasSubheader ? (
-                        <ListItem>
-                            <Typography variant='caption'>
-                                {item.label}
-                            </Typography>
-                        </ListItem>
-                    ) : (
-                        <ListItem {...props} selected={selected}>
-                            {label}
-                        </ListItem>
-                    )
-                }}
-                onChange={jest.fn()}
-            />
-        )
-
-        const input = screen.getByPlaceholderText('input-placeholder')
-
-        fireEvent.focus(input)
-
-        const suggestionContainer = screen.getByRole('mui-paper-container')
-
-        expect(suggestionContainer).toHaveProperty('style.width', '256px')
-    })
-
-    it('should call getBoundingClientRect when getPaperPosition is Above', () => {
-        render(
-            <AutoComplete
-                openOnFocus
-                maxHeight={999999}
-                suggestions={SUGGESTIONS}
-                renderInput={props => {
-                    return (
-                        <TextField
-                            fullWidth
-                            placeholder='input-placeholder'
-                            {...props}
-                        />
-                    )
-                }}
-                renderSuggestion={(item, props, selected) => {
-                    const label = typeof item === 'string' ? item : item.label
-                    const hasSubheader =
-                        typeof item === 'object' && item.subheader
-
-                    return hasSubheader ? (
-                        <ListItem>
-                            <Typography variant='caption'>
-                                {item.label}
-                            </Typography>
-                        </ListItem>
-                    ) : (
-                        <ListItem {...props} selected={selected}>
-                            {label}
-                        </ListItem>
-                    )
-                }}
-                onChange={jest.fn()}
-            />
-        )
-
-        const input = screen.getByPlaceholderText('input-placeholder')
-
-        fireEvent.focus(input)
-
-        const suggestionContainer = screen.getByRole('mui-paper-container')
-
-        expect(suggestionContainer).toHaveProperty('style.bottom', '1px')
-    })
-
-    it('should call onFocus', () => {
-        const onFocusSpy = jest.fn()
-
-        render(
-            <MockAutoComplete
-                suggestions={SUGGESTIONS_WITH_SUBHEADER}
-                onFocus={onFocusSpy}
-            />
-        )
-
-        const input = screen.getByPlaceholderText(
-            'input-placeholder'
-        ) as HTMLInputElement
-
-        fireEvent.focus(input)
-
-        expect(onFocusSpy).toBeCalled()
-    })
-
-    it('should select a suggestion when clicking on it', () => {
-        const onChangeSpy = jest.fn()
-
-        render(
-            <AutoComplete
-                openOnFocus
-                suggestions={SUGGESTIONS}
-                renderInput={props => (
-                    <TextField
-                        fullWidth
-                        placeholder='input-placeholder'
-                        {...props}
-                    />
-                )}
-                renderSuggestion={(item, props, selected) => {
-                    const label = typeof item === 'string' ? item : item.label
-                    const hasSubheader =
-                        typeof item === 'object' && item.subheader
-
-                    return hasSubheader ? (
-                        <ListItem>
-                            <Typography variant='caption'>
-                                {item.label}
-                            </Typography>
-                        </ListItem>
-                    ) : (
-                        <ListItem {...props} selected={selected}>
-                            {label}
-                        </ListItem>
-                    )
-                }}
-                onChange={onChangeSpy}
-            />
-        )
-
-        const input = screen.getByPlaceholderText(
-            'input-placeholder'
-        ) as HTMLInputElement
-
-        fireEvent.focus(input)
-
-        const item = screen.getByText('Rock')
-
-        fireEvent.click(item)
-
-        expect(onChangeSpy).toHaveBeenCalledWith({
-            value: 'rock',
-            label: 'Rock'
-        })
-    })
-
-    it('should update input value', async () => {
-        render(<MockAutoComplete suggestions={SUGGESTIONS_WITH_SUBHEADER} />)
-
-        const input = screen.getByPlaceholderText(
-            'input-placeholder'
-        ) as HTMLInputElement
-
-        await act(async () => {
-            await userEvent.type(input, 'R')
-        })
-
-        const item = await waitFor(() => screen.findByText('Rock'))
-
-        expect(input.value).toBe('R')
-        expect(item).toBeTruthy()
-    })
-
-    it('should cancel if input value is a subheader', async () => {
-        render(
-            <MockAutoComplete
-                openOnFocus
-                suggestions={SUGGESTIONS_WITH_SUBHEADER}
-            />
-        )
-
-        const input = screen.getByPlaceholderText(
-            'input-placeholder'
-        ) as HTMLInputElement
-
-        fireEvent.focus(input)
-
-        const item = await waitFor(() => screen.findByText('Genres'))
-
-        await act(async () => {
-            await userEvent.click(item)
-        })
-
-        expect(input.value).toBe('')
-    })
-
-    it('should select when selectTextOnFocus', async () => {
-        render(
-            <MockAutoComplete
-                selectTextOnFocus
-                suggestions={SUGGESTIONS_WITH_SUBHEADER}
-            />
-        )
-
-        const input = screen.getByPlaceholderText(
-            'input-placeholder'
-        ) as HTMLInputElement
-
-        await act(async () => await userEvent.type(input, 'Rock'))
-
-        fireEvent.focus(input)
-
-        expect(input.value).toBe('Rock')
-    })
-
-    it('should open suggestions with focusDelay', async () => {
-        render(
-            <MockAutoComplete
-                openOnFocus
-                suggestions={SUGGESTIONS_WITH_SUBHEADER}
-                focusDelay={100}
-            />
-        )
-
-        const item = await waitFor(() => screen.findByText('Rock'))
-
-        expect(item).toBeTruthy()
-    })
-
-    it('should match snapshot', () => {
-        const { container } = render(
-            <MockAutoComplete
-                openOnFocus
-                suggestions={SUGGESTIONS_WITH_SUBHEADER}
-            />
-        )
-
-        expect(container).toMatchSnapshot()
-    })
-})
diff --git a/src/core/inputs/auto-complete/auto-complete.stories.tsx b/src/core/inputs/auto-complete/auto-complete.stories.tsx
deleted file mode 100644
index 21b452b3..00000000
--- a/src/core/inputs/auto-complete/auto-complete.stories.tsx
+++ /dev/null
@@ -1,147 +0,0 @@
-import React, { useState } from 'react'
-import type { TSelected } from '.'
-import type { Meta } from '@storybook/react'
-import ListItem from '@/core/data-display/list-item'
-import Typography from '@/core/data-display/typography'
-import { TextField } from '@/core/inputs/text-field'
-import { default as AutoComplete } from '.'
-
-export default {
-    title: 'Inputs/AutoComplete',
-    component: AutoComplete
-} as Meta<typeof AutoComplete>
-
-export const Default = () => (
-    <AutoComplete
-        defaultIsOpen
-        openOnFocus
-        suggestions={[
-            { value: 'rock', label: 'Rock' },
-            { value: 'pop', label: 'Pop' },
-            { value: 'classic', label: 'Classic' }
-        ]}
-        renderInput={({ value, inputProps }) => {
-            return (
-                <TextField
-                    fullWidth
-                    placeholder='Music genres'
-                    value={value}
-                    {...inputProps}
-                />
-            )
-        }}
-        renderSuggestion={(suggestion, _, selected) => {
-            const label =
-                typeof suggestion === 'string' ? suggestion : suggestion.label
-
-            return (
-                <ListItem key={label} selected={selected}>
-                    {label}
-                </ListItem>
-            )
-        }}
-        onChange={() => null}
-    />
-)
-
-export const OpeningWhenFocused = () => (
-    <AutoComplete
-        openOnFocus
-        value={{ value: 'classic', label: 'Classic' }}
-        suggestions={[
-            { value: 'rock', label: 'Rock' },
-            { value: 'pop', label: 'Pop' },
-            { value: 'classic', label: 'Classic' }
-        ]}
-        renderInput={props => (
-            <TextField fullWidth placeholder='Music genres' {...props} />
-        )}
-        renderSuggestion={(item, props, selected) => {
-            const label = typeof item === 'string' ? item : item.label
-
-            return (
-                <ListItem selected={selected} {...props}>
-                    {label}
-                </ListItem>
-            )
-        }}
-        onChange={() => null}
-    />
-)
-
-export const WithSubheader = () => (
-    <AutoComplete
-        openOnFocus
-        suggestions={[
-            { label: 'Genres', subheader: true },
-            { value: 'rock', label: 'Rock' },
-            { value: 'pop', label: 'Pop' },
-            { value: 'classic', label: 'Classic' }
-        ]}
-        renderInput={props => (
-            <TextField fullWidth placeholder='Music genres' {...props} />
-        )}
-        renderSuggestion={(item, props, selected) => {
-            const label = typeof item === 'string' ? item : item.label
-            const hasSubheader = typeof item === 'object' && item.subheader
-
-            return hasSubheader ? (
-                <ListItem>
-                    <Typography variant='caption'>{item.label}</Typography>
-                </ListItem>
-            ) : (
-                <ListItem {...props} selected={selected}>
-                    {label}
-                </ListItem>
-            )
-        }}
-        // eslint-disable-next-line no-console
-        onChange={e => console.log('onChange', e)}
-    />
-)
-export const MockAtuoComplete = () => {
-    const [value, setValue] = useState<TSelected>()
-
-    const handleChange = (newValue: TSelected) => {
-        setValue(newValue)
-    }
-
-    return (
-        <AutoComplete
-            openOnFocus
-            autoFocus
-            caseSensitive
-            value={value}
-            suggestions={[
-                { label: 'Genres', subheader: true },
-                { value: 'rock', label: 'Rock' },
-                { value: 'pop', label: 'pop' },
-                { value: 'classic', label: 'Classic' }
-            ]}
-            renderInput={props => {
-                return (
-                    <TextField
-                        fullWidth
-                        placeholder='input-placeholder'
-                        {...props}
-                    />
-                )
-            }}
-            renderSuggestion={(item, props, selected) => {
-                const label = typeof item === 'string' ? item : item.label
-                const hasSubheader = typeof item === 'object' && item.subheader
-
-                return hasSubheader ? (
-                    <ListItem>
-                        <Typography variant='caption'>{item.label}</Typography>
-                    </ListItem>
-                ) : (
-                    <ListItem selected={selected} onClick={props.onClick}>
-                        {label}
-                    </ListItem>
-                )
-            }}
-            onChange={handleChange}
-        />
-    )
-}
diff --git a/src/core/inputs/auto-complete/index.tsx b/src/core/inputs/auto-complete/index.tsx
deleted file mode 100644
index 8641d0c0..00000000
--- a/src/core/inputs/auto-complete/index.tsx
+++ /dev/null
@@ -1,289 +0,0 @@
-import React, {
-    Fragment,
-    useState,
-    useRef,
-    useEffect,
-    useCallback
-} from 'react'
-import type {
-    ReactNode,
-    ChangeEvent,
-    KeyboardEvent,
-    CSSProperties,
-    Ref,
-    FocusEvent,
-    MouseEvent,
-    ReactElement
-} from 'react'
-import { Fade } from '@/core/feedback/fade'
-import { Paper } from '@/core/surfaces/paper'
-
-export interface AutoCompleteProps {
-    autoFocus?: boolean
-    defaultIsOpen?: boolean
-    openOnFocus?: boolean
-    selectTextOnFocus?: boolean
-    caseSensitive?: boolean
-    fade?: boolean
-    focusDelay?: number
-    suggestions: ISelected[]
-    value?: TSelected
-    defaultValue?: string
-    style?: CSSProperties
-    maxHeight?: number
-    actions?: ReactNode | JSX.Element
-    renderSuggestion: (
-        suggestion: TSelected,
-        itemProps: {
-            onClick: (event?: MouseEvent) => void
-        },
-        selected: boolean
-    ) => ReactNode
-    onChange: (value: TSelected) => void
-    onFocus?: (event: FocusEvent<HTMLInputElement>) => void
-    onBlur?: (event: FocusEvent<HTMLInputElement>) => void
-    renderInput(props: IInputProps): ReactElement
-}
-
-export interface IInputProps {
-    value: string
-    inputProps: {
-        ref: Ref<HTMLInputElement>
-    }
-    onChange(event: ChangeEvent<HTMLInputElement>): void
-    onFocus(event: FocusEvent<HTMLInputElement>): void
-    onBlur(event: FocusEvent<HTMLInputElement>): void
-    onKeyDown(event: KeyboardEvent): void
-}
-
-export interface ISelected {
-    label: string
-    value?: string
-    type?: string
-    subheader?: boolean
-}
-
-export type TSelected = ISelected | string
-
-const removeAccents = (text: string) =>
-    text.normalize('NFD').replace(/[\u0300-\u036f]/g, '')
-
-export const AutoComplete = (props: AutoCompleteProps) => {
-    const inputRef = useRef<HTMLInputElement>(null)
-
-    const index = props.suggestions.findIndex(suggestion => {
-        if (props.value && typeof props.value === 'object') {
-            return props.value.value === suggestion.value
-        }
-
-        return false
-    })
-
-    const [highlighted, setHighlighted] = useState(Math.max(0, index))
-    const [open, setOpen] = useState(Boolean(props.defaultIsOpen))
-
-    useEffect(() => {
-        if (props.autoFocus) {
-            const current = inputRef.current
-
-            if (current) {
-                current.focus()
-
-                if (props.openOnFocus) {
-                    setOpen(true)
-                }
-            }
-        } else if (props.focusDelay) {
-            const current = inputRef.current
-
-            setTimeout(() => {
-                if (current) {
-                    current.focus()
-                }
-
-                if (props.openOnFocus) {
-                    setOpen(true)
-                }
-            }, props.focusDelay)
-        }
-    }, [props.autoFocus, props.focusDelay, props.openOnFocus])
-
-    const inputValue =
-        typeof props.value === 'object' ? props.value.label : props.value || ''
-
-    const handleSelect = (item: TSelected) => {
-        if (typeof item === 'object' && item.subheader) {
-            return
-        }
-
-        setOpen(false)
-        props.onChange(item)
-    }
-
-    const getSuggestions = useCallback(
-        (value: string = inputValue): TSelected[] => {
-            if (props.openOnFocus && !value) {
-                return props.suggestions
-            }
-
-            const items = value.length ? props.suggestions : []
-
-            return items.filter(item => {
-                if (!item.subheader) {
-                    return props.caseSensitive
-                        ? removeAccents(item.label).includes(
-                              removeAccents(value)
-                          )
-                        : removeAccents(item.label)
-                              .toLocaleLowerCase()
-                              .includes(
-                                  removeAccents(value).toLocaleLowerCase()
-                              )
-                }
-
-                return true
-            })
-        },
-        [inputValue, props.caseSensitive, props.openOnFocus, props.suggestions]
-    )
-
-    useEffect(() => {
-        const isFocused = inputRef.current
-            ? document.activeElement === inputRef.current
-            : false
-
-        const isSearching = props.value && typeof props.value === 'string'
-
-        const hasSuggestions = getSuggestions().length > 0
-
-        if (isSearching && hasSuggestions && isFocused) {
-            setOpen(true)
-        }
-    }, [getSuggestions, props.value])
-
-    const getPaperPosition = () => {
-        if (inputRef.current !== null) {
-            const height = props.maxHeight || getSuggestions().length * 48
-            const { top } = inputRef.current.getBoundingClientRect()
-
-            if (top + height > window.innerHeight) {
-                return 'above'
-            }
-        }
-
-        return 'below'
-    }
-
-    const getItemProps = (item: TSelected) => ({
-        onClick: (event: MouseEvent) => {
-            event.preventDefault()
-            event.stopPropagation()
-            handleSelect(item)
-        }
-    })
-
-    const handleFocus = (event: FocusEvent<HTMLInputElement>) => {
-        if (props.openOnFocus) {
-            setOpen(true)
-        }
-
-        if (props.selectTextOnFocus) {
-            const input = event.target
-
-            input.select()
-        }
-
-        if (props.onFocus) {
-            props.onFocus(event)
-        }
-    }
-
-    const handleBlur = (event: FocusEvent<HTMLInputElement>) => {
-        setTimeout(() => setOpen(false), 200)
-
-        if (props.onBlur) {
-            props.onBlur(event)
-        }
-    }
-
-    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
-        setHighlighted(0)
-
-        props.onChange(event.target.value)
-    }
-
-    const renderSuggestions = () => {
-        const paperStyle: CSSProperties = {
-            position: 'absolute',
-            width: inputRef.current ? inputRef.current.offsetWidth : 256,
-            bottom:
-                getPaperPosition() === 'above' && inputRef.current
-                    ? inputRef.current.getBoundingClientRect().height + 1
-                    : undefined,
-            zIndex: 1099
-        }
-
-        return (
-            <Paper square style={paperStyle}>
-                <div style={{ overflow: 'auto', maxHeight: props.maxHeight }}>
-                    {getSuggestions().map((suggestion, index) => (
-                        <Fragment key={index}>
-                            {props.renderSuggestion(
-                                suggestion,
-                                getItemProps(suggestion),
-                                highlighted === index
-                            )}
-                        </Fragment>
-                    ))}
-                </div>
-                {props.actions}
-            </Paper>
-        )
-    }
-
-    const renderPaper = () =>
-        props.fade ? (
-            <Fade in={open}>{renderSuggestions()}</Fade>
-        ) : (
-            renderSuggestions()
-        )
-
-    const handleNavigate = (event: KeyboardEvent) => {
-        if (
-            event.key === 'ArrowDown' &&
-            highlighted < getSuggestions().length - 1
-        ) {
-            setHighlighted(highlighted + 1)
-        } else if (event.key === 'ArrowUp' && highlighted > 0) {
-            setHighlighted(highlighted - 1)
-        } else if (event.key === 'Escape') {
-            setOpen(false)
-        } else if (event.key === 'Enter') {
-            const item = getSuggestions()[highlighted]
-
-            handleSelect(item)
-        }
-    }
-
-    return (
-        <div
-            style={{
-                position: 'relative',
-                ...props.style
-            }}>
-            {props.renderInput({
-                value: inputValue,
-                inputProps: {
-                    ref: inputRef
-                },
-                onChange: handleChange,
-                onFocus: handleFocus,
-                onBlur: handleBlur,
-                onKeyDown: handleNavigate
-            })}
-            {open && renderPaper()}
-        </div>
-    )
-}
-
-export default AutoComplete
diff --git a/src/core/inputs/input-base/__snapshots__/input-base.spec.tsx.snap b/src/core/inputs/input-base/__snapshots__/input-base.spec.tsx.snap
deleted file mode 100644
index 4096e53e..00000000
--- a/src/core/inputs/input-base/__snapshots__/input-base.spec.tsx.snap
+++ /dev/null
@@ -1,16 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`InputBase should match snapshot 1`] = `
-<div>
-  <div
-    class="MuiInputBase-root"
-  >
-    <input
-      autocomplete="off"
-      class="MuiInputBase-input"
-      type="text"
-      value=""
-    />
-  </div>
-</div>
-`;
diff --git a/src/core/inputs/input-base/index.tsx b/src/core/inputs/input-base/index.tsx
deleted file mode 100644
index 7689167d..00000000
--- a/src/core/inputs/input-base/index.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react'
-import type { ChangeEvent, ReactNode } from 'react'
-import { InputBase as MuiInputBase } from '@material-ui/core'
-import type { DefaultProps } from '../../types'
-import type { InputBaseProps as MuiInputBaseProps } from '@material-ui/core'
-
-export interface InputAdornmentProps
-    extends DefaultProps,
-        Omit<MuiInputBaseProps, 'margin'> {
-    autoComplete?: string
-    autoFocus?: boolean
-    classes?: object
-    defaultValue?: string | number
-    disabled?: boolean
-    endAdornment?: ReactNode
-    error?: boolean
-    fullWidth?: boolean
-    id?: string
-    inputProps?: object
-    multiline?: boolean
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void
-    placeholder?: string
-    readonly?: boolean
-    required?: boolean
-    rows?: string | number
-    rowsMax?: string | number
-    startAdornment?: ReactNode
-    type?: string
-    value?: string | number | boolean
-}
-
-const InputBase = ({
-    margin,
-    padding,
-    style = {},
-    autoComplete = 'off',
-    ...otherProps
-}: InputAdornmentProps) => (
-    <MuiInputBase
-        autoComplete={autoComplete}
-        {...otherProps}
-        style={{ padding, margin, ...style }}
-    />
-)
-
-export default InputBase
diff --git a/src/core/inputs/input-base/input-base.spec.tsx b/src/core/inputs/input-base/input-base.spec.tsx
deleted file mode 100644
index bbe50093..00000000
--- a/src/core/inputs/input-base/input-base.spec.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import React from 'react'
-import { render, screen } from '@testing-library/react'
-import InputBase from '.'
-
-describe('InputBase', () => {
-    it('should render', () => {
-        render(
-            <InputBase
-                inputProps={{
-                    'data-testid': 'input-base'
-                }}
-                data-testid='input-base-container'
-            />
-        )
-
-        const inputBase = screen.getByTestId('input-base')
-        const container = screen.getByTestId('input-base-container')
-
-        expect(inputBase).toBeDefined()
-        expect(container).toBeDefined()
-    })
-
-    it('should render with custom style', () => {
-        render(
-            <InputBase
-                inputProps={{
-                    'data-testid': 'input-base'
-                }}
-                data-testid='input-base-container'
-                padding={5}
-                margin={10}
-                style={{ backgroundColor: 'blue' }}
-            />
-        )
-
-        const container = screen.getByTestId('input-base-container')
-
-        expect(container).toHaveProperty('style.backgroundColor', 'blue')
-        expect(container).toHaveProperty('style.margin', '10px')
-        expect(container).toHaveProperty('style.padding', '5px')
-    })
-
-    it('should match snapshot', () => {
-        const { container } = render(<InputBase />)
-
-        expect(container).toMatchSnapshot()
-    })
-})
diff --git a/src/core/inputs/input-base/input-base.stories.tsx b/src/core/inputs/input-base/input-base.stories.tsx
deleted file mode 100644
index 37e28495..00000000
--- a/src/core/inputs/input-base/input-base.stories.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react'
-import type { Meta, StoryFn } from '@storybook/react'
-import InputBase from '.'
-
-export default {
-    title: 'Inputs/InputBase',
-    component: InputBase,
-    argTypes: {
-        placeholder: { control: 'text' },
-        value: { control: 'text' },
-        fullWidth: { control: 'boolean' },
-        autoComplete: { control: 'text' },
-        autoFocus: { control: 'boolean' },
-        error: { control: 'boolean' },
-        inputProps: { control: 'object' },
-        readonly: { control: 'boolean' }
-    }
-} as Meta<typeof InputBase>
-
-const Template: StoryFn<typeof InputBase> = args => <InputBase {...args} />
-
-export const Default = Template.bind({})
-
-Default.args = {
-    placeholder: 'InputBase'
-}
diff --git a/src/core/navigation/breadcrumb/__snapshots__/breadcrumb.spec.tsx.snap b/src/core/navigation/breadcrumb/__snapshots__/breadcrumb.spec.tsx.snap
deleted file mode 100644
index c7623145..00000000
--- a/src/core/navigation/breadcrumb/__snapshots__/breadcrumb.spec.tsx.snap
+++ /dev/null
@@ -1,40 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Drawer should match snapshot 1`] = `
-<div>
-  <nav
-    class="MuiTypography-root MuiBreadcrumbs-root MuiTypography-body1 MuiTypography-colorTextSecondary"
-  >
-    <ol
-      class="MuiBreadcrumbs-ol"
-    >
-      <li
-        class="MuiBreadcrumbs-li"
-      >
-        <a
-          class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit"
-          href="#"
-        >
-          Flipper-ui
-        </a>
-      </li>
-      <li
-        aria-hidden="true"
-        class="MuiBreadcrumbs-separator"
-      >
-        /
-      </li>
-      <li
-        class="MuiBreadcrumbs-li"
-      >
-        <a
-          class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-colorInherit"
-          href="#"
-        >
-          Breadcrumb
-        </a>
-      </li>
-    </ol>
-  </nav>
-</div>
-`;
diff --git a/src/core/navigation/breadcrumb/breadcrumb.spec.tsx b/src/core/navigation/breadcrumb/breadcrumb.spec.tsx
deleted file mode 100644
index 9b444d8b..00000000
--- a/src/core/navigation/breadcrumb/breadcrumb.spec.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import React from 'react'
-import { render, screen } from '@testing-library/react'
-import Link from '@/core/navigation/link'
-import Breadcrumb from '.'
-
-describe('Drawer', () => {
-    it('should render', () => {
-        render(<Breadcrumb data-testid='breadcrumb' />)
-
-        const breadcrumb = screen.getByTestId('breadcrumb')
-
-        expect(breadcrumb).toBeDefined()
-    })
-
-    it('should render children', () => {
-        render(
-            <Breadcrumb data-testid='breadcrumb'>
-                <Link color='inherit' href='#'>
-                    Flipper-ui
-                </Link>
-                <Link color='inherit' href='#'>
-                    Breadcrumb
-                </Link>
-            </Breadcrumb>
-        )
-
-        const firstChildren = screen.getByText('Flipper-ui')
-        const secondChildren = screen.getByText('Breadcrumb')
-
-        expect(firstChildren).toBeDefined()
-        expect(secondChildren).toBeDefined()
-    })
-
-    it('should match snapshot', () => {
-        const { container } = render(
-            <Breadcrumb>
-                <Link color='inherit' href='#'>
-                    Flipper-ui
-                </Link>
-                <Link color='inherit' href='#'>
-                    Breadcrumb
-                </Link>
-            </Breadcrumb>
-        )
-
-        expect(container).toMatchSnapshot()
-    })
-})
diff --git a/src/core/navigation/breadcrumb/breadcrumb.stories.tsx b/src/core/navigation/breadcrumb/breadcrumb.stories.tsx
deleted file mode 100644
index 155e37ce..00000000
--- a/src/core/navigation/breadcrumb/breadcrumb.stories.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from 'react'
-import type { Meta, StoryFn } from '@storybook/react'
-import Link from '@/core/navigation/link'
-import Breadcrumb from '.'
-
-export default {
-    title: 'Navigation/Breadcrumb',
-    component: Breadcrumb
-} as Meta<typeof Breadcrumb>
-
-const Template: StoryFn<typeof Breadcrumb> = args => <Breadcrumb {...args} />
-
-export const Default = Template.bind({})
-Default.args = {
-    children: (
-        <Breadcrumb>
-            <Link color='inherit' href='#'>
-                Flipper-ui
-            </Link>
-            <Link color='inherit' href='#'>
-                Breadcrumb
-            </Link>
-        </Breadcrumb>
-    )
-}
diff --git a/src/core/navigation/breadcrumb/index.tsx b/src/core/navigation/breadcrumb/index.tsx
deleted file mode 100644
index 0e72cb58..00000000
--- a/src/core/navigation/breadcrumb/index.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from 'react'
-import MuiBreadcrumbs from '@material-ui/core/Breadcrumbs'
-import type { BreadcrumbsProps } from '@material-ui/core/Breadcrumbs'
-
-const Breadcrumbs = (props: BreadcrumbsProps) => {
-    return <MuiBreadcrumbs {...props} />
-}
-
-export default Breadcrumbs
diff --git a/src/core/navigation/link/index.tsx b/src/core/navigation/link/index.tsx
deleted file mode 100644
index 25d40c31..00000000
--- a/src/core/navigation/link/index.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import Link from '@material-ui/core/Link'
-
-export default Link
diff --git a/src/core/navigation/pagination/__snapshots__/pagination.spec.tsx.snap b/src/core/navigation/pagination/__snapshots__/pagination.spec.tsx.snap
deleted file mode 100644
index b7b35aed..00000000
--- a/src/core/navigation/pagination/__snapshots__/pagination.spec.tsx.snap
+++ /dev/null
@@ -1,149 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Pagination should match snapshot 1`] = `
-<div>
-  <div
-    class="sc-aYaIB lasiaH"
-  >
-    <button
-      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textSizeSmall MuiButton-sizeSmall"
-      data-testid="prev-page-button"
-      id="prev-page-button"
-      style="opacity: 1;"
-      tabindex="0"
-      type="button"
-    >
-      <span
-        class="MuiButton-label"
-      >
-        <svg
-          aria-hidden="true"
-          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
-          data-testid="KeyboardArrowLeftIcon"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M15.41 16.59 10.83 12l4.58-4.59L14 6l-6 6 6 6z"
-          />
-        </svg>
-      </span>
-      <span
-        class="MuiTouchRipple-root"
-      />
-    </button>
-    <button
-      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-textSizeSmall MuiButton-sizeSmall"
-      data-testid="pagination-page-1"
-      id="pagination-page-1"
-      style="opacity: 1;"
-      tabindex="0"
-      type="button"
-    >
-      <span
-        class="MuiButton-label"
-      >
-        1
-      </span>
-      <span
-        class="MuiTouchRipple-root"
-      />
-    </button>
-    <button
-      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textSizeSmall MuiButton-sizeSmall"
-      data-testid="pagination-page-2"
-      id="pagination-page-2"
-      style="opacity: 1;"
-      tabindex="0"
-      type="button"
-    >
-      <span
-        class="MuiButton-label"
-      >
-        2
-      </span>
-      <span
-        class="MuiTouchRipple-root"
-      />
-    </button>
-    <button
-      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textSizeSmall MuiButton-sizeSmall"
-      data-testid="pagination-page-3"
-      id="pagination-page-3"
-      style="opacity: 1;"
-      tabindex="0"
-      type="button"
-    >
-      <span
-        class="MuiButton-label"
-      >
-        3
-      </span>
-      <span
-        class="MuiTouchRipple-root"
-      />
-    </button>
-    <button
-      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textSizeSmall MuiButton-sizeSmall"
-      data-testid="pagination-page-4"
-      id="pagination-page-4"
-      style="opacity: 1;"
-      tabindex="0"
-      type="button"
-    >
-      <span
-        class="MuiButton-label"
-      >
-        4
-      </span>
-      <span
-        class="MuiTouchRipple-root"
-      />
-    </button>
-    <button
-      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textSizeSmall MuiButton-sizeSmall"
-      data-testid="pagination-page-5"
-      id="pagination-page-5"
-      style="opacity: 1;"
-      tabindex="0"
-      type="button"
-    >
-      <span
-        class="MuiButton-label"
-      >
-        5
-      </span>
-      <span
-        class="MuiTouchRipple-root"
-      />
-    </button>
-    <button
-      class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textSizeSmall MuiButton-sizeSmall"
-      data-testid="next-page-button"
-      id="next-page-button"
-      style="opacity: 1;"
-      tabindex="0"
-      type="button"
-    >
-      <span
-        class="MuiButton-label"
-      >
-        <svg
-          aria-hidden="true"
-          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
-          data-testid="KeyboardArrowRightIcon"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z"
-          />
-        </svg>
-      </span>
-      <span
-        class="MuiTouchRipple-root"
-      />
-    </button>
-  </div>
-</div>
-`;
diff --git a/src/core/navigation/pagination/index.tsx b/src/core/navigation/pagination/index.tsx
deleted file mode 100644
index c7a6d065..00000000
--- a/src/core/navigation/pagination/index.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import React from 'react'
-import {
-    KeyboardArrowLeft as IconArrowLeft,
-    KeyboardArrowRight as IconArrowRight
-} from '@mui/icons-material'
-import { inc, times } from 'ramda'
-import type { DefaultProps } from '../../types'
-import Button from '@/core/inputs/button'
-import { Content } from './styles'
-
-export interface PaginationProps extends DefaultProps {
-    pages?: number
-    active: number
-    onNext: () => void
-    onPrevious: () => void
-    onNavigate: (page: number) => void
-}
-
-const Pagination = (props: PaginationProps) => {
-    const {
-        active,
-        style,
-        padding,
-        margin,
-        pages = 1,
-        className,
-        onNavigate,
-        onNext,
-        onPrevious,
-        ...rest
-    } = props
-    const allPages = times(inc, pages)
-
-    return (
-        <Content
-            {...rest}
-            className={className}
-            style={{ padding, margin, ...style }}>
-            <Button
-                id='prev-page-button'
-                data-testid='prev-page-button'
-                size='small'
-                onClick={onPrevious}>
-                <IconArrowLeft />
-            </Button>
-            {allPages.map(page => (
-                <Button
-                    size='small'
-                    data-testid={`pagination-page-${page}`}
-                    key={page}
-                    id={`pagination-page-${page}`}
-                    color={page === active ? 'primary' : 'default'}
-                    onClick={() => onNavigate(page)}>
-                    {page}
-                </Button>
-            ))}
-            <Button
-                id='next-page-button'
-                data-testid='next-page-button'
-                size='small'
-                onClick={onNext}>
-                <IconArrowRight />
-            </Button>
-        </Content>
-    )
-}
-
-export default Pagination
diff --git a/src/core/navigation/pagination/pagination.spec.tsx b/src/core/navigation/pagination/pagination.spec.tsx
deleted file mode 100644
index f9960429..00000000
--- a/src/core/navigation/pagination/pagination.spec.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import React from 'react'
-import { act, render, screen } from '@testing-library/react'
-import { userEvent } from '@testing-library/user-event'
-import Pagination from '.'
-
-describe('Pagination', () => {
-    it('should call navigation with correct values', async () => {
-        const onNextSpy = jest.fn()
-        const onPreviousSpy = jest.fn()
-        const onNavigateSpy = jest.fn()
-
-        render(
-            <Pagination
-                pages={5}
-                active={1}
-                onNext={onNextSpy}
-                onPrevious={onPreviousSpy}
-                onNavigate={onNavigateSpy}
-            />
-        )
-
-        const prevButton = screen.getByTestId('prev-page-button')
-        const nextButton = screen.getByTestId('next-page-button')
-        const page3Button = screen.getByTestId('pagination-page-3')
-
-        await act(async () => {
-            await userEvent.click(prevButton)
-            await userEvent.click(nextButton)
-            await userEvent.click(page3Button)
-        })
-
-        expect(onNextSpy).toHaveBeenCalled()
-        expect(onPreviousSpy).toHaveBeenCalled()
-        expect(onNavigateSpy).toHaveBeenCalled()
-        expect(onNavigateSpy).toHaveBeenCalledWith(3)
-    })
-
-    it('should render only one page if pages not provided', () => {
-        render(
-            <Pagination
-                active={1}
-                onNext={jest.fn()}
-                onPrevious={jest.fn()}
-                onNavigate={jest.fn()}
-            />
-        )
-
-        const matchingElements = screen.getByTestId('pagination-page-1')
-
-        expect(matchingElements).toBeDefined()
-    })
-
-    it('should match snapshot', () => {
-        const { container } = render(
-            <Pagination
-                pages={5}
-                active={1}
-                onNext={jest.fn()}
-                onPrevious={jest.fn()}
-                onNavigate={jest.fn()}
-            />
-        )
-
-        expect(container).toMatchSnapshot()
-    })
-})
diff --git a/src/core/navigation/pagination/pagination.stories.tsx b/src/core/navigation/pagination/pagination.stories.tsx
deleted file mode 100644
index a1f6c41b..00000000
--- a/src/core/navigation/pagination/pagination.stories.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import React from 'react'
-import type { Meta, StoryFn } from '@storybook/react'
-import Pagination from '.'
-
-export default {
-    title: 'Navigation/Pagination',
-    component: Pagination
-} as Meta<typeof Pagination>
-
-const Template: StoryFn<typeof Pagination> = args => <Pagination {...args} />
-
-export const Default = Template.bind({})
-Default.args = {
-    pages: 5,
-    active: 3,
-    onNext: () => alert('Next page'),
-    onPrevious: () => alert('Previous page'),
-    onNavigate: (page: number) =>
-        alert('You tried to navigate to page ' + page),
-    children: 'Pagination'
-}
diff --git a/src/core/navigation/pagination/styles.ts b/src/core/navigation/pagination/styles.ts
deleted file mode 100644
index 215b6f13..00000000
--- a/src/core/navigation/pagination/styles.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { default as styled } from 'styled-components'
-
-export const Content = styled.div`
-    display: flex;
-    align-items: center;
-    font-family: 'Roboto', sans-serif;
-    justify-content: center;
-    margin: 0.75em;
-`
diff --git a/src/core/surfaces/card/__snapshots__/card.spec.tsx.snap b/src/core/surfaces/card/__snapshots__/card.spec.tsx.snap
deleted file mode 100644
index 147ecc9b..00000000
--- a/src/core/surfaces/card/__snapshots__/card.spec.tsx.snap
+++ /dev/null
@@ -1,53 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Card should match snapshot 1`] = `
-<div>
-  <div
-    class="MuiPaper-root MuiCard-root MuiPaper-elevation1 MuiPaper-rounded"
-    data-testid="card"
-    name="test"
-  >
-    <button
-      class="MuiButtonBase-root MuiCardActionArea-root"
-      tabindex="0"
-      type="button"
-    >
-      <div
-        class="MuiCardMedia-root"
-        style="background-image: url(valid_url); height: 256px;"
-        title="Puppies"
-      />
-      <div
-        class="MuiCardContent-root"
-      >
-        Content
-      </div>
-      <span
-        class="MuiCardActionArea-focusHighlight"
-      />
-      <span
-        class="MuiTouchRipple-root"
-      />
-    </button>
-    <div
-      class="MuiCardActions-root MuiCardActions-spacing"
-    >
-      <button
-        class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-textSizeSmall MuiButton-sizeSmall"
-        style="opacity: 1;"
-        tabindex="0"
-        type="button"
-      >
-        <span
-          class="MuiButton-label"
-        >
-          Confirm
-        </span>
-        <span
-          class="MuiTouchRipple-root"
-        />
-      </button>
-    </div>
-  </div>
-</div>
-`;
diff --git a/src/core/surfaces/card/card.spec.tsx b/src/core/surfaces/card/card.spec.tsx
deleted file mode 100644
index 236455d2..00000000
--- a/src/core/surfaces/card/card.spec.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import React from 'react'
-import { render, screen } from '@testing-library/react'
-import Button from '@/core/inputs/button'
-import {
-    Card,
-    CardActionArea,
-    CardActions,
-    CardContent,
-    CardMedia,
-    CardHeader
-} from '.'
-
-describe('Card', () => {
-    it('should render', () => {
-        render(
-            <Card name='test' data-testid='card'>
-                <CardActionArea>
-                    <CardMedia
-                        image={'valid_url'}
-                        title='Puppies'
-                        style={{ height: '256px' }}
-                    />
-                    <CardContent>Content</CardContent>
-                </CardActionArea>
-                <CardActions>
-                    <Button size='small' color='primary'>
-                        Confirm
-                    </Button>
-                </CardActions>
-            </Card>
-        )
-
-        const card = screen.getByText('Content')
-
-        expect(card).toBeDefined()
-    })
-
-    it('card header should spread props', () => {
-        render(
-            <CardHeader
-                title={'This is a title'}
-                subheader={'This is a subheader'}
-            />
-        )
-
-        const cardHeader = screen.getByText('This is a title')
-        const cardSubheader = screen.getByText('This is a subheader')
-
-        expect(cardHeader).toBeDefined()
-        expect(cardSubheader).toBeDefined()
-    })
-
-    it('should match snapshot', () => {
-        const { container } = render(
-            <Card name='test' data-testid='card'>
-                <CardActionArea>
-                    <CardMedia
-                        image={'valid_url'}
-                        title='Puppies'
-                        style={{ height: '256px' }}
-                    />
-                    <CardContent>Content</CardContent>
-                </CardActionArea>
-                <CardActions>
-                    <Button size='small' color='primary'>
-                        Confirm
-                    </Button>
-                </CardActions>
-            </Card>
-        )
-
-        expect(container).toMatchSnapshot()
-    })
-})
diff --git a/src/core/surfaces/card/card.stories.tsx b/src/core/surfaces/card/card.stories.tsx
deleted file mode 100644
index 4509a8a5..00000000
--- a/src/core/surfaces/card/card.stories.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import React from 'react'
-import type { Meta } from '@storybook/react'
-import Button from '@/core/inputs/button'
-import { Card, CardActionArea, CardActions, CardContent, CardMedia } from '.'
-
-export default {
-    title: 'Surfaces/Card',
-    component: Card
-} as Meta<typeof Card>
-
-const url =
-    'https://media2.s-nbcnews.com/j/newscms/2018_20/1339477' +
-    '/puppy-cute-today-180515-main_a936531048fdb698635dd1b418abdee9.fit-760w.jpg'
-
-export const Default = () => (
-    <Card>
-        <CardActionArea>
-            <CardMedia
-                image={url}
-                title='Puppies'
-                style={{ height: '256px' }}
-            />
-            <CardContent>...look, a beautiful person over here</CardContent>
-        </CardActionArea>
-        <CardActions>
-            <Button size='small' color='primary'>
-                Confirm
-            </Button>
-        </CardActions>
-    </Card>
-)
diff --git a/src/core/surfaces/card/index.tsx b/src/core/surfaces/card/index.tsx
deleted file mode 100644
index 2a38f32c..00000000
--- a/src/core/surfaces/card/index.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import React from 'react'
-import MuiCard from '@material-ui/core/Card'
-import MuiCardActionArea from '@material-ui/core/CardActionArea'
-import MuiCardActions from '@material-ui/core/CardActions'
-import MuiCardContent from '@material-ui/core/CardContent'
-import MuiCardHeader from '@material-ui/core/CardHeader'
-import MuiCardMedia from '@material-ui/core/CardMedia'
-import type { DefaultProps } from '../../types'
-import type { CardProps } from '@material-ui/core/Card'
-import type { CardActionAreaProps } from '@material-ui/core/CardActionArea'
-import type { CardActionsProps } from '@material-ui/core/CardActions'
-import type { CardContentProps } from '@material-ui/core/CardContent'
-import type { CardHeaderProps } from '@material-ui/core/CardHeader'
-import type { CardMediaProps } from '@material-ui/core/CardMedia'
-
-export const CardActionArea = ({
-    margin,
-    padding,
-    style,
-    ...otherProps
-}: DefaultProps & CardActionAreaProps) => (
-    <MuiCardActionArea {...otherProps} style={{ padding, margin, ...style }}>
-        {otherProps.children}
-    </MuiCardActionArea>
-)
-
-export const CardActions = ({
-    margin,
-    padding,
-    style,
-    ...otherProps
-}: DefaultProps & CardActionsProps) => (
-    <MuiCardActions {...otherProps} style={{ padding, margin, ...style }}>
-        {otherProps.children}
-    </MuiCardActions>
-)
-
-export const CardContent = ({
-    margin,
-    padding,
-    style,
-    ...otherProps
-}: DefaultProps & CardContentProps) => (
-    <MuiCardContent {...otherProps} style={{ padding, margin, ...style }}>
-        {otherProps.children}
-    </MuiCardContent>
-)
-
-export const CardMedia = ({
-    margin,
-    padding,
-    style,
-    ...otherProps
-}: DefaultProps & CardMediaProps) => (
-    <MuiCardMedia {...otherProps} style={{ padding, margin, ...style }}>
-        {otherProps.children}
-    </MuiCardMedia>
-)
-
-export const CardHeader = ({
-    margin,
-    padding,
-    style,
-    ...otherProps
-}: DefaultProps & CardHeaderProps) => (
-    <MuiCardHeader {...otherProps} style={{ padding, margin, ...style }}>
-        {otherProps.children}
-    </MuiCardHeader>
-)
-
-export const Card = ({
-    margin,
-    padding,
-    style,
-    ...otherProps
-}: DefaultProps & CardProps) => (
-    <MuiCard {...otherProps} style={{ padding, margin, ...style }}>
-        {otherProps.children}
-    </MuiCard>
-)
-
-export default Card
diff --git a/src/core/surfaces/container/__snapshots__/container.spec.tsx.snap b/src/core/surfaces/container/__snapshots__/container.spec.tsx.snap
deleted file mode 100644
index 7ae0ba56..00000000
--- a/src/core/surfaces/container/__snapshots__/container.spec.tsx.snap
+++ /dev/null
@@ -1,12 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Container should match snapshot 1`] = `
-<div>
-  <div
-    data-testid="container"
-    style="display: flex; flex: 1;"
-  >
-    I am a container
-  </div>
-</div>
-`;
diff --git a/src/core/surfaces/container/container.spec.tsx b/src/core/surfaces/container/container.spec.tsx
deleted file mode 100644
index 93a0cb2c..00000000
--- a/src/core/surfaces/container/container.spec.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from 'react'
-import { render, screen } from '@testing-library/react'
-import Container from '.'
-
-describe('Container', () => {
-    it('should render', () => {
-        render(<Container data-testid='container' />)
-
-        const container = screen.getByTestId('container')
-
-        expect(container).toBeDefined()
-    })
-
-    it('should render children', () => {
-        render(<Container data-testid='container'>I am a container</Container>)
-
-        const label = screen.getByText('I am a container')
-
-        expect(label).toBeDefined()
-    })
-
-    it('should match snapshot', () => {
-        const { container } = render(
-            <Container data-testid='container'>I am a container</Container>
-        )
-
-        expect(container).toMatchSnapshot()
-    })
-})
diff --git a/src/core/surfaces/container/container.stories.tsx b/src/core/surfaces/container/container.stories.tsx
deleted file mode 100644
index d089e202..00000000
--- a/src/core/surfaces/container/container.stories.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from 'react'
-import type { Meta, StoryFn } from '@storybook/react'
-import Container from '.'
-
-export default {
-    title: 'Surfaces/Container',
-    component: Container
-} as Meta<typeof Container>
-
-const Template: StoryFn<typeof Container> = args => <Container {...args} />
-
-export const Default = Template.bind({})
-Default.args = {
-    children: 'I am a Container'
-}
diff --git a/src/core/surfaces/container/index.tsx b/src/core/surfaces/container/index.tsx
deleted file mode 100644
index f2186830..00000000
--- a/src/core/surfaces/container/index.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React from 'react'
-import type { CSSProperties } from 'react'
-import type { DefaultProps } from '../../types'
-
-const ContainerStyles: CSSProperties = {
-    display: 'flex',
-    flex: 1
-}
-
-const Container = ({
-    children,
-    padding,
-    margin,
-    style = {},
-    ...otherProps
-}: DefaultProps) => {
-    const componentStyle: CSSProperties = Object.assign(
-        {},
-        ContainerStyles,
-        padding,
-        margin,
-        style
-    )
-
-    return (
-        <div style={componentStyle} {...otherProps}>
-            {children}
-        </div>
-    )
-}
-
-export default Container
diff --git a/src/core/surfaces/content/__snapshots__/content.spec.tsx.snap b/src/core/surfaces/content/__snapshots__/content.spec.tsx.snap
deleted file mode 100644
index 2846fd3e..00000000
--- a/src/core/surfaces/content/__snapshots__/content.spec.tsx.snap
+++ /dev/null
@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Content should match snapshot 1`] = `
-<div>
-  <main
-    class="sc-aYaIB iaJjY"
-    data-testid="container"
-    style="flex: 1; transition: all 500ms ease;"
-  >
-    I am a Content
-  </main>
-</div>
-`;
diff --git a/src/core/surfaces/content/content.spec.tsx b/src/core/surfaces/content/content.spec.tsx
deleted file mode 100644
index 8335e0d8..00000000
--- a/src/core/surfaces/content/content.spec.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from 'react'
-import { render, screen } from '@testing-library/react'
-import Content from '.'
-
-describe('Content', () => {
-    it('should render', () => {
-        render(<Content data-testid='container' />)
-
-        const container = screen.getByTestId('container')
-
-        expect(container).toBeDefined()
-    })
-
-    it('should render children', () => {
-        render(<Content data-testid='container'>I am a Content</Content>)
-
-        const label = screen.getByText('I am a Content')
-
-        expect(label).toBeDefined()
-    })
-
-    it('should match snapshot', () => {
-        const { container } = render(
-            <Content data-testid='container'>I am a Content</Content>
-        )
-
-        expect(container).toMatchSnapshot()
-    })
-})
diff --git a/src/core/surfaces/content/content.stories.tsx b/src/core/surfaces/content/content.stories.tsx
deleted file mode 100644
index c27b8d71..00000000
--- a/src/core/surfaces/content/content.stories.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from 'react'
-import type { Meta, StoryFn } from '@storybook/react'
-import Content from '.'
-
-export default {
-    title: 'Surfaces/Content',
-    component: Content
-} as Meta<typeof Content>
-
-const Template: StoryFn<typeof Content> = args => <Content {...args} />
-
-export const Default = Template.bind({})
-Default.args = {
-    children: 'I am used to show Content'
-}
diff --git a/src/core/surfaces/content/index.tsx b/src/core/surfaces/content/index.tsx
deleted file mode 100644
index c5e24e1a..00000000
--- a/src/core/surfaces/content/index.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from 'react'
-import type { CSSProperties } from 'react'
-import type { DefaultProps } from '../../types'
-import { ContainerStyles, StyledContent } from './styles'
-
-const Content = ({
-    children,
-    padding,
-    margin,
-    style = {},
-    ...otherProps
-}: DefaultProps) => {
-    const componentStyle: CSSProperties = Object.assign(
-        {},
-        ContainerStyles,
-        padding,
-        margin,
-        style
-    )
-
-    return (
-        <StyledContent {...otherProps} style={componentStyle}>
-            {children}
-        </StyledContent>
-    )
-}
-
-export default Content
diff --git a/src/core/surfaces/content/styles.ts b/src/core/surfaces/content/styles.ts
deleted file mode 100644
index 4168bd88..00000000
--- a/src/core/surfaces/content/styles.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import type { CSSProperties } from 'react'
-import { default as styled } from 'styled-components'
-
-export const StyledContent = styled.main`
-    flex: 1;
-    transition: all 500ms ease;
-`
-
-export const ContainerStyles: CSSProperties = {
-    flex: 1,
-    transition: 'all 500ms ease'
-}
diff --git a/src/experimental/fab/fab-wrapper.tsx b/src/experimental/fab/fab-wrapper.tsx
deleted file mode 100755
index 6b5ca9ef..00000000
--- a/src/experimental/fab/fab-wrapper.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import React from 'react'
-import type { CSSProperties, ReactNode } from 'react'
-import { Wrapper } from './styles'
-
-export interface IProps {
-    padding?: number | string
-    style?: CSSProperties
-    width?: number | string
-    height?: number | string
-    children?: ReactNode
-}
-
-const FabWrapper = ({ padding, children, style, width, height }: IProps) => (
-    <Wrapper
-        className='list-item-action'
-        style={{ padding, width, height, ...style }}>
-        {children}
-    </Wrapper>
-)
-
-export default FabWrapper
diff --git a/src/experimental/fab/fab.tsx b/src/experimental/fab/fab.tsx
deleted file mode 100644
index 1edcc66f..00000000
--- a/src/experimental/fab/fab.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React from 'react'
-import type { MouseEvent, CSSProperties } from 'react'
-import type { FabProps } from '@/core/data-display/fab'
-import { Fab as MFab, Tooltip } from '@/index'
-
-export interface IProps extends FabProps {
-    large?: boolean
-    className?: string
-    name?: string
-    tooltip?: string
-    padding?: string | number
-    margin?: string | number
-    style?: CSSProperties
-    children: JSX.Element
-    onClick(event: MouseEvent<HTMLButtonElement>): void
-}
-
-const FabV2 = (props: IProps) => {
-    const renderButton = () => {
-        const { large, children, padding, name, margin, style, ...otherProps } =
-            props
-
-        return (
-            <MFab
-                size={large ? 'medium' : 'small'}
-                name={name || 'action-button'}
-                data-testid='fab-button'
-                {...otherProps}
-                style={{ margin, padding, ...style }}
-                onClick={props.onClick}>
-                {children}
-            </MFab>
-        )
-    }
-
-    return props.tooltip ? (
-        <Tooltip withWrapper title={props.tooltip}>
-            {renderButton()}
-        </Tooltip>
-    ) : (
-        renderButton()
-    )
-}
-
-export default FabV2
diff --git a/src/experimental/fab/index.ts b/src/experimental/fab/index.ts
deleted file mode 100644
index 98cc6282..00000000
--- a/src/experimental/fab/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { default as Fab } from './fab'
-export { default as FabWrapper } from './fab-wrapper'
diff --git a/src/experimental/sidebar/__snapshots__/sidebar.spec.tsx.snap b/src/experimental/sidebar/__snapshots__/sidebar.spec.tsx.snap
deleted file mode 100644
index 19e4ab2d..00000000
--- a/src/experimental/sidebar/__snapshots__/sidebar.spec.tsx.snap
+++ /dev/null
@@ -1,116 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Sidebar should match snapshot 1`] = `
-<div>
-  <div
-    class="MuiDrawer-root MuiDrawer-docked sc-dSCuSI dAHlDF"
-    id="sidebar"
-    style="width: 56px; top: 0px; transition: width 100ms ease-in-out; z-index: 1199;"
-  >
-    <div
-      class="MuiPaper-root MuiDrawer-paper MuiDrawer-paperAnchorLeft makeStyles-sidebar-83 makeStyles-default-78 MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
-    >
-      <div
-        anchor="left"
-        class="sc-jsJARu gALAPU"
-      >
-        <button
-          class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-button-77"
-          data-testid="sidebar-button"
-          id="sidebar-toggle-button"
-          name="button-sidebar"
-          style="max-width: 56px; opacity: 1;"
-          tabindex="0"
-          type="button"
-        >
-          <span
-            class="MuiButton-label"
-          >
-            <svg
-              aria-hidden="true"
-              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium makeStyles-icon-79 css-i4bv87-MuiSvgIcon-root"
-              data-testid="KeyboardArrowRightIcon"
-              focusable="false"
-              viewBox="0 0 24 24"
-            >
-              <path
-                d="M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z"
-              />
-            </svg>
-          </span>
-          <span
-            class="MuiTouchRipple-root"
-          />
-        </button>
-      </div>
-      <div
-        class="sc-jnOFWn bTmcv"
-      >
-        <ul
-          class="MuiList-root makeStyles-default-84 undefined MuiList-dense MuiList-padding"
-        >
-          <a
-            class="sc-hIUIyC gHJAXd"
-            data-testid="sidebar-option-option1"
-          >
-            <div
-              class=""
-              style="display: inherit;"
-              title="Option-1"
-            >
-              <div
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root makeStyles-root-88 sc-fxwsqt jBdEPh MuiListItem-dense MuiListItem-gutters MuiListItem-button"
-                role="button"
-                style="padding: 0px 18px; min-height: 42px;"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemIcon-root makeStyles-default-89"
-                  style="min-width: 0px;"
-                >
-                  <svg />
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </div>
-            </div>
-          </a>
-          <a
-            class="sc-hIUIyC gHJAXd"
-            data-testid="sidebar-option-option2"
-          >
-            <div
-              class=""
-              style="display: inherit;"
-              title="Option-2"
-            >
-              <div
-                aria-disabled="false"
-                class="MuiButtonBase-root MuiListItem-root makeStyles-root-88 sc-fxwsqt jBdEPh MuiListItem-dense MuiListItem-gutters MuiListItem-button"
-                role="button"
-                style="padding: 0px 18px; min-height: 42px;"
-                tabindex="0"
-              >
-                <div
-                  class="MuiListItemIcon-root makeStyles-default-89"
-                  style="min-width: 0px;"
-                >
-                  <svg />
-                </div>
-                <span
-                  class="MuiTouchRipple-root"
-                />
-              </div>
-            </div>
-          </a>
-        </ul>
-        <ul
-          class="MuiList-root makeStyles-default-84 undefined MuiList-dense MuiList-padding"
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/src/experimental/sidebar/index.tsx b/src/experimental/sidebar/index.tsx
deleted file mode 100644
index c0d4beaf..00000000
--- a/src/experimental/sidebar/index.tsx
+++ /dev/null
@@ -1,133 +0,0 @@
-import React, { useEffect, useState, useCallback } from 'react'
-import type { ReactElement } from 'react'
-import { Skeleton } from '@mui/material'
-import { times, map } from 'ramda'
-import { Tooltip, List } from '@/index'
-import {
-    Link,
-    MenuItem,
-    PaperBar,
-    SkeletonWrapper,
-    StyledFlipperSidebar
-} from './styles'
-
-export interface ISidebarOption {
-    icon: ReactElement
-    label: string
-    name: string
-    route: string
-}
-
-export interface IProps {
-    options: ISidebarOption[]
-    top?: number
-    loading?: boolean
-    handleGoTo?: (name: string, route: string) => () => void
-    extraOptions?: ISidebarOption[]
-}
-
-const renderSkeleton = (index: number) => (
-    <SkeletonWrapper
-        className='skeleton-container'
-        role='skeleton'
-        key={`sidebar-skeleton-${index}`}>
-        <Skeleton width={36} height={36} />
-    </SkeletonWrapper>
-)
-
-const LABEL_TIMEOUT = 300
-
-const SIDEBAR_SKELETON_SIZE = 6
-
-const sidebarSkeleton = times(renderSkeleton, SIDEBAR_SKELETON_SIZE)
-
-// create a function that extract path from location.pathname
-// and return the route
-const extract = (location: string): string => {
-    const lastSlashIndex = location.lastIndexOf('/')
-
-    return '/' + location.slice(lastSlashIndex + 1)
-}
-
-const useSidebar = () => {
-    const [expanded, setExpanded] = useState(false)
-    const route = extract(location.pathname)
-
-    const toggle = useCallback(() => {
-        setExpanded(!expanded)
-    }, [expanded])
-
-    return { toggle, expanded, route }
-}
-
-/**
- * Sidebar component V2
- */
-const Sidebar = (props: IProps) => {
-    const {
-        options,
-        loading,
-        handleGoTo,
-        extraOptions = [],
-        top,
-        ...otherProps
-    } = props
-
-    const { expanded, route, toggle } = useSidebar()
-
-    const [showLabel, setShowLabel] = useState(expanded)
-
-    useEffect(() => {
-        if (expanded) {
-            setTimeout(() => setShowLabel(true), LABEL_TIMEOUT)
-        } else {
-            setShowLabel(false)
-        }
-    }, [expanded])
-
-    const renderOption = (option: ISidebarOption) => (
-        <Link
-            data-testid={`sidebar-option-${option.route.replace('/', '')}`}
-            key={option.name}>
-            <Tooltip
-                withWrapper
-                placement='right'
-                enterDelay={500}
-                title={expanded ? '' : option.label}>
-                <MenuItem
-                    key={option.name}
-                    selected={option.name === route}
-                    icon={option.icon}
-                    style={{ minHeight: '42px' }}
-                    padding='0 18px'
-                    subtitle={showLabel ? option.label : ''}
-                    onClick={handleGoTo?.(option.name, option.route)}
-                />
-            </Tooltip>
-        </Link>
-    )
-
-    return (
-        <StyledFlipperSidebar
-            open
-            docked
-            name='sidebar'
-            id='sidebar'
-            ButtonProps={{ id: 'sidebar-toggle-button' }}
-            minWidth={56}
-            maxWidth={228}
-            style={{ transition: 'width 100ms ease-in-out', zIndex: 1199 }}
-            expanded={expanded}
-            top={top || 0}
-            onToggle={toggle}>
-            <PaperBar {...otherProps}>
-                <List dense>
-                    {loading ? sidebarSkeleton : map(renderOption, options)}
-                </List>
-                <List dense>{!loading && map(renderOption, extraOptions)}</List>
-            </PaperBar>
-        </StyledFlipperSidebar>
-    )
-}
-
-export default Sidebar
diff --git a/src/experimental/sidebar/sidebar.spec.tsx b/src/experimental/sidebar/sidebar.spec.tsx
deleted file mode 100644
index c4567883..00000000
--- a/src/experimental/sidebar/sidebar.spec.tsx
+++ /dev/null
@@ -1,113 +0,0 @@
-import React from 'react'
-import { render, screen, waitFor } from '@testing-library/react'
-import { userEvent } from '@testing-library/user-event'
-import type { ISidebarOption } from '.'
-import Sidebar from '.'
-
-const options: ISidebarOption[] = [
-    {
-        icon: <svg />,
-        label: 'Option-1',
-        name: 'option1',
-        route: '/option1'
-    },
-    {
-        icon: <svg />,
-        label: 'Option-2',
-        name: 'option2',
-        route: '/option2'
-    }
-]
-
-const extraOptions: ISidebarOption[] = [
-    {
-        icon: <svg />,
-        label: 'Extra Option 1',
-        name: 'extraOption1',
-        route: '/extraOption1'
-    },
-    {
-        icon: <svg />,
-        label: 'Extra Option 2',
-        name: 'extraOption2',
-        route: '/extraOption2'
-    }
-]
-
-describe('Sidebar', () => {
-    it('should render', () => {
-        render(<Sidebar options={options} />)
-
-        options.forEach(option => {
-            expect(screen.getByTitle(option.label)).toBeDefined()
-        })
-    })
-
-    it('should call handleGoTo when an option is clicked', () => {
-        const handleGoTo = jest.fn()
-
-        render(<Sidebar options={options} handleGoTo={handleGoTo} />)
-        const expandBtn = screen.getByTestId('sidebar-option-option1')
-
-        expandBtn.addEventListener(
-            'click',
-            event => event.preventDefault(),
-            false
-        )
-        userEvent.click(expandBtn)
-
-        expect(handleGoTo).toHaveBeenCalledWith('option1', '/option1')
-    })
-
-    it('should render extraOptions when provided', () => {
-        render(<Sidebar options={options} extraOptions={extraOptions} />)
-
-        extraOptions.forEach(option => {
-            expect(screen.getByTitle(option.label)).toBeDefined()
-        })
-    })
-
-    it('should render a skeleton when loading', () => {
-        render(<Sidebar loading options={options} />)
-
-        expect(screen.queryAllByRole('skeleton')).toHaveLength(6)
-    })
-
-    it('should show labels when expanded', async () => {
-        const handleGoTo = jest.fn()
-
-        render(<Sidebar options={options} handleGoTo={handleGoTo} />)
-
-        const expandBtn = screen.getByTestId('sidebar-button')
-
-        userEvent.click(expandBtn)
-
-        await waitFor(() => {
-            const labels = options.map(option =>
-                screen.getByTestId(`list-item-${option.label}`)
-            )
-
-            labels.forEach(label => expect(label).toBeDefined())
-        })
-    })
-
-    it('should now show labels when collapsed', async () => {
-        const handleGoTo = jest.fn()
-
-        render(<Sidebar options={options} handleGoTo={handleGoTo} />)
-
-        await waitFor(() => {
-            const labels = options.map(option =>
-                screen.queryByTestId(`list-item-${option.label}`)
-            )
-
-            labels.forEach(label => expect(label).toBeNull())
-        })
-    })
-
-    it('should match snapshot', () => {
-        const { container } = render(<Sidebar options={options} />)
-
-        expect(container).toMatchSnapshot()
-    })
-})
diff --git a/src/experimental/sidebar/sidebar.stories.tsx b/src/experimental/sidebar/sidebar.stories.tsx
deleted file mode 100644
index 47664a2f..00000000
--- a/src/experimental/sidebar/sidebar.stories.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react'
-import { Home, Computer, Edit } from '@mui/icons-material'
-import type { Meta, StoryFn } from '@storybook/react'
-import Sidebar from '.'
-
-export default {
-    title: 'Experimental/Sidebar',
-    component: Sidebar
-} as Meta<typeof Sidebar>
-
-const Template: StoryFn<typeof Sidebar> = args => <Sidebar {...args} />
-
-export const Default = Template.bind({})
-Default.args = {
-    options: [
-        {
-            icon: <Home />,
-            name: 'Home',
-            label: 'Home',
-            route: '/'
-        },
-        {
-            icon: <Computer />,
-            name: 'Computer',
-            label: 'Computer',
-            route: '/computer'
-        }
-    ],
-    extraOptions: [
-        {
-            icon: <Edit />,
-            name: 'Edit',
-            label: 'edit',
-            route: '/edit'
-        }
-    ],
-    handleGoTo: (foo: string, bar: string) => () => {
-        alert(foo + ' ' + bar)
-    }
-}
-
-export const Loading = Template.bind({})
-Loading.args = {
-    loading: true,
-    options: []
-}
diff --git a/src/experimental/sidebar/styles.ts b/src/experimental/sidebar/styles.ts
deleted file mode 100644
index 2211a313..00000000
--- a/src/experimental/sidebar/styles.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { default as styled } from 'styled-components'
-import { Sidebar as FlipperSidebar, ListItem } from '@/index'
-import { theme } from '@/theme'
-
-const { grays, primary } = theme.colors
-
-export const StyledFlipperSidebar = styled(FlipperSidebar)`
-    & > div {
-        border-right: 1px solid ${grays.g6};
-    }
-`
-
-export const MenuItem = styled(ListItem)`
-    &&& {
-        & div {
-            padding: 0;
-        }
-    }
-`
-
-export const Link = styled.a`
-    color: ${primary.main};
-    text-decoration: none;
-`
-
-export const PaperBar = styled.div`
-    flex-direction: column;
-    display: flex;
-    justify-content: space-between;
-    flex: 1;
-    padding-bottom: 16px;
-`
-
-export const SkeletonWrapper = styled.div`
-    padding: 2px 10px;
-`
diff --git a/src/test/mocks/editable-table-date-mock.tsx b/src/test/mocks/editable-table-date-mock.tsx
deleted file mode 100644
index 31c48a43..00000000
--- a/src/test/mocks/editable-table-date-mock.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react'
-import type { EditableTableProps } from '@/core/data-display/editable-table'
-import EditableTable from '@/core/data-display/editable-table'
-
-interface IProps<T extends object> {
-    tableProps?: Partial<EditableTableProps<T>>
-}
-interface IDate {
-    date: Date
-    position: number
-}
-const Default = ({ tableProps }: IProps<IDate>) => {
-    return <EditableTable {...tableProps} />
-}
-
-export default Default
diff --git a/src/test/mocks/editable-table-mock.tsx b/src/test/mocks/editable-table-mock.tsx
deleted file mode 100644
index cce34fc5..00000000
--- a/src/test/mocks/editable-table-mock.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import React from 'react'
-import type { EditableTableProps } from '@/core/data-display/editable-table'
-import EditableTable from '@/core/data-display/editable-table'
-
-interface IProps<T extends object> {
-    tableProps?: Partial<EditableTableProps<T>>
-}
-
-interface IData {
-    name: string
-    value: number
-}
-
-interface IDate {
-    date: Date
-    position: number
-}
-
-const Default = ({ tableProps }: IProps<IData>) => {
-    return <EditableTable {...tableProps} />
-}
-
-export const WithDate = ({ tableProps }: IProps<IDate>) => {
-    return <EditableTable {...tableProps} />
-}
-
-export const WithDate2 = ({ tableProps }: IProps<IDate>) => {
-    return <EditableTable {...tableProps} />
-}
-
-export default Default

From 2efaefc396e4584bcda3235dc054ef2c47a90a44 Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Mon, 27 May 2024 14:40:03 -0300
Subject: [PATCH 13/27] docs: update readme and introduction

---
 README.md                            |  78 ++++-----------------
 logo.png => src/images/logo.png      | Bin
 src/stories/Introduction.stories.mdx | 101 +++++++--------------------
 3 files changed, 41 insertions(+), 138 deletions(-)
 rename logo.png => src/images/logo.png (100%)

diff --git a/README.md b/README.md
index 330d61fa..26350539 100644
--- a/README.md
+++ b/README.md
@@ -1,22 +1,18 @@
-<!-- Logo -->
 <p align="center">
-  <img width="150" src="logo.png" alt="Flipper-UI logo" />
+  <img width="150" src="./src/images/logo.png" alt="Flipper-UI logo" />
 </p>
 
-<!-- Name -->
 <h1 align="center">Flipper-UI</h1>
 
-<!-- Badges -->
+
 <div align="center">
+React UI based on the <br/>
 
-[React](http://facebook.github.io/react/) UI toolkit for the web.
+`@material-ui/core` and `@mui/material` <br/>
+toolkit for the web.
 
 [![npm package](https://img.shields.io/npm/v/flipper-ui/latest.svg)](https://www.npmjs.com/package/flipper-ui)
 [![npm downloads](https://img.shields.io/npm/dm/flipper-ui.svg)](https://www.npmjs.com/package/flipper-ui)
-[![Dependencies](https://img.shields.io/david/nginformatica/flipper-ui.svg?style=flat-square)](https://david-dm.org/nginformatica/flipper-ui)
-[![DevDependencies](https://img.shields.io/david/dev/nginformatica/flipper-ui.svg)](https://david-dm.org/nginformatica/flipper-ui?type=dev)
-[![Build Status](https://travis-ci.org/nginformatica/flipper-ui.svg?branch=master)](https://travis-ci.org/nginformatica/flipper-ui)
-
 </div>
 
 ## Installation
@@ -24,10 +20,11 @@
 Flipper-UI is available as an [npm package](https://www.npmjs.com/package/flipper-ui).
 
 ```sh
-// with npm
 npm install flipper-ui
 
-// with yarn
+```
+
+```sh
 yarn add flipper-ui
 ```
 
@@ -35,71 +32,26 @@ yarn add flipper-ui
 
 Here is a quick example to get you started, **it's all you need**:
 
-```jsx
+```tsx
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { render } from 'react-dom'
 import { Button } from 'flipper-ui'
 
-function App() {
+const App = () => {
   return (
     <Button variant="contained" color="primary">
       Hello World
     </Button>
-  );
+  )
 }
 
-ReactDOM.render(<App />, document.querySelector('#app'));
+render(<App />, document.getElementById('root'))
 ```
 
-## Components
-
-- [x] Advertise
-- [x] AppBar/Header
-- [x] AutoComplete
-- [x] Avatar
-- [x] Badge
-- [x] Box
-- [x] Button
-- [x] Checkbox
-- [x] Chip
-- [x] Collapse
-- [x] DatePicker
-- [x] Dialog
-- [x] Divider
-- [x] Expansion Panel
-- [x] Menu
-- [x] Fade
-- [x] Floating Action Button
-- [x] Grow
-- [x] Icon
-- [x] Icon Button
-- [x] List
-- [x] ListItem
-- [x] Paper
-- [x] Progress
-- [x] Sidebar/Drawer
-- [x] Switcher
-- [x] Radio
-- [x] RadioGroup
-- [x] Select
-- [x] Slide
-- [x] Snackbar
-- [x] Table
-- [x] Tabs
-- [x] TextArea
-- [x] TextField
-- [x] Tooltip
-- [x] Typography
-- [x] Zoom
-
-## Next Components
-
-- [ ] Carousel/Gallery
-- [ ] Tree
-
 ## Documentation
 
-Check out our [documentation website](https://nginformatica.github.io/flipper-ui/).
+Check out our [documentation website](https://flipper-ui.ngi.com.br/?path=/docs/introduction--docs). You can also interact with the components there!
+
 
 ## Contributing
 
diff --git a/logo.png b/src/images/logo.png
similarity index 100%
rename from logo.png
rename to src/images/logo.png
diff --git a/src/stories/Introduction.stories.mdx b/src/stories/Introduction.stories.mdx
index a4ac4e8d..4ec93053 100644
--- a/src/stories/Introduction.stories.mdx
+++ b/src/stories/Introduction.stories.mdx
@@ -1,12 +1,26 @@
-import imageUrl from '../../logo.png'
+import imageUrl from '../images/logo.png'
 import { Meta } from '@storybook/addon-docs'
 
 <Meta title='Introduction' />
 
-{/* Logo */}
-<div style={{ display: 'flex', justifyContent: 'center', marginTop: '30px' }}>
-  <img width="150" src={imageUrl} alt="Flipper-UI logo" />
-  <h1 align="center" style={{ marginLeft: "4px"}}>Flipper-UI</h1>
+<div
+    style={{
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        gap: '16px',
+        margin: '16px 0 24px'
+    }}>
+    <img width="75" src={imageUrl} alt="flipper-ui logo" />
+    <h1 align="center">flipper-ui</h1>
+</div>
+
+<div align="center">
+React UI based on the `@material-ui/core` and `@mui/material` toolkit for the web.
+
+[![npm package](https://img.shields.io/npm/v/flipper-ui/latest.svg)](https://www.npmjs.com/package/flipper-ui)
+[![npm downloads](https://img.shields.io/npm/dm/flipper-ui.svg)](https://www.npmjs.com/package/flipper-ui)
+[![github](https://img.shields.io/badge/github-repository-blue)](https://github.com/nginformatica/flipper-ui)
 </div>
 
 ## Installation
@@ -14,10 +28,10 @@ import { Meta } from '@storybook/addon-docs'
 Flipper-UI is available as an [npm package](https://www.npmjs.com/package/flipper-ui).
 
 ```sh
-// with npm
 npm install flipper-ui
+```
 
-// with yarn
+```sh
 yarn add flipper-ui
 ```
 
@@ -25,81 +39,18 @@ yarn add flipper-ui
 
 Here is a quick example to get you started, **it's all you need**:
 
-```jsx
+```tsx
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { render } from 'react-dom'
 import { Button } from 'flipper-ui'
 
-function App() {
+const App = () => {
   return (
     <Button variant="contained" color="primary">
       Hello World
     </Button>
-  );
+  )
 }
 
-ReactDOM.render(<App />, document.querySelector('#app'));
+render(<App />, document.getElementById('root'))
 ```
-
-## Components
-
-- [x] Advertise
-- [x] AppBar/Header
-- [x] AutoComplete
-- [x] Avatar
-- [x] Badge
-- [x] Box
-- [x] Button
-- [x] Checkbox
-- [x] Chip
-- [x] Collapse
-- [x] DatePicker
-- [x] Dialog
-- [x] Divider
-- [x] Expansion Panel
-- [x] Menu
-- [x] Fade
-- [x] Floating Action Button
-- [x] Grow
-- [x] Icon
-- [x] Icon Button
-- [x] List
-- [x] ListItem
-- [x] Paper
-- [x] Progress
-- [x] Sidebar/Drawer
-- [x] Switcher
-- [x] Radio
-- [x] RadioGroup
-- [x] Select
-- [x] Slide
-- [x] Snackbar
-- [x] Table
-- [x] Tabs
-- [x] TextArea
-- [x] TextField
-- [x] Tooltip
-- [x] Typography
-- [x] Zoom
-
-## Next Components
-
-- [ ] Carousel/Gallery
-- [ ] Tree
-
-## Documentation
-
-Check out our [documentation website](https://nginformatica.github.io/flipper-ui/).
-
-## Contributing
-
-Bug reports, feature requests and other contributions are more than welcome! <br/>
-Whenever possible, please make a pull request with the implementation instead of just requesting it.
-
-> If the feature is big, open an issue first for discussion.
-
-
-## License
-
-This project is licensed under the terms of the
-[MIT license](/LICENSE).
\ No newline at end of file

From 5ba43b7e47f812392829104a3a511e81704836da Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Mon, 27 May 2024 14:58:33 -0300
Subject: [PATCH 14/27] chore: remove material-table dependency and update
 dependencies

---
 .eslintrc.js |    4 +-
 package.json |   21 +-
 yarn.lock    | 2012 ++++++++++++++++++++++----------------------------
 3 files changed, 879 insertions(+), 1158 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index f68126ca..3e99ef2c 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -6,9 +6,7 @@ const rulesReact = {
     'react/jsx-key': 'warn',
     'react/jsx-pascal-case': 'warn',
     'react/self-closing-comp': 'warn',
-    // it should be 'warn' but
-    // material-table needs to render nested components
-    'react/no-unstable-nested-components': 'off',
+    'react/no-unstable-nested-components': 'warn',
     'react/jsx-sort-props': [
         'warn',
         {
diff --git a/package.json b/package.json
index 08540efe..8cbc43d5 100644
--- a/package.json
+++ b/package.json
@@ -35,15 +35,14 @@
     "dependencies": {
         "@date-io/date-fns": "1.3.6",
         "@emotion/react": "11.11.4",
-        "@emotion/styled": "11.11.0",
+        "@emotion/styled": "11.11.5",
         "@material-ui/core": "4.12.4",
         "@material-ui/lab": "4.0.0-alpha.61",
         "@material-ui/pickers": "3.3.11",
-        "@mui/icons-material": "5.15.17",
-        "@mui/material": "5.15.17",
+        "@mui/icons-material": "5.15.18",
+        "@mui/material": "5.15.18",
         "date-fns": "2.30.0",
         "faker": "5.5.3",
-        "material-table": "1.69.3",
         "material-ui-chip-input": "2.0.0-beta.2",
         "ramda": "0.25.0",
         "react-loading-skeleton": "3.4.0",
@@ -53,11 +52,11 @@
         "uuid": "9.0.1"
     },
     "devDependencies": {
-        "@babel/cli": "7.24.5",
-        "@babel/core": "7.24.5",
-        "@babel/plugin-transform-runtime": "7.24.3",
-        "@babel/preset-env": "7.24.5",
-        "@babel/preset-typescript": "7.24.1",
+        "@babel/cli": "7.24.6",
+        "@babel/core": "7.24.6",
+        "@babel/plugin-transform-runtime": "7.24.6",
+        "@babel/preset-env": "7.24.6",
+        "@babel/preset-typescript": "7.24.6",
         "@storybook/addon-essentials": "7.6.17",
         "@storybook/addon-styling-webpack": "0.0.6",
         "@storybook/react": "7.6.17",
@@ -69,7 +68,7 @@
         "@testing-library/user-event": "14.5.2",
         "@types/faker": "5.5.3",
         "@types/jest": "29.5.12",
-        "@types/node": "20.12.11",
+        "@types/node": "20.12.12",
         "@types/ramda": "0.25.36",
         "@types/react": "18.2.66",
         "@types/sprintf-js": "1.1.4",
@@ -98,7 +97,7 @@
         "react-router-dom": "6.23.1",
         "storybook": "7.6.17",
         "styled-components": "6.1.11",
-        "ts-jest": "29.1.2",
+        "ts-jest": "29.1.3",
         "ts-loader": "9.5.1",
         "typescript": "5.4.5",
         "webpack": "5.91.0"
diff --git a/yarn.lock b/yarn.lock
index 89bff98f..1e09ac04 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -22,13 +22,13 @@
   dependencies:
     default-browser-id "3.0.0"
 
-"@babel/cli@7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.24.5.tgz#9eba21699f289c32e63a28aedf82f888dc134b30"
-  integrity sha512-2qg1mYtJRsOOWF6IUwLP5jI42P8Cc0hQ5TmnjLrik/4DKouO8dFJN80HEz81VmVeUs97yuuf3vQ/9j7Elrcjlg==
+"@babel/cli@7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.24.6.tgz#fac1fb099dff635efa1110882063c44a211cf18c"
+  integrity sha512-Sm/YhG/0REw9SKByFHDf4hkk7PYsjcsOyZgHGz1nvab4tUTQ9N4XVv+ykK0Y+VCJ3OshA/7EDyxnwCd8NEP/mQ==
   dependencies:
     "@jridgewell/trace-mapping" "^0.3.25"
-    commander "^4.0.1"
+    commander "^6.2.0"
     convert-source-map "^2.0.0"
     fs-readdir-recursive "^1.1.0"
     glob "^7.2.0"
@@ -38,96 +38,96 @@
     "@nicolo-ribaudo/chokidar-2" "2.1.8-no-fsevents.3"
     chokidar "^3.4.0"
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.16.7", "@babel/code-frame@^7.23.5", "@babel/code-frame@^7.24.2":
-  version "7.24.2"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.24.2.tgz#718b4b19841809a58b29b68cde80bc5e1aa6d9ae"
-  integrity sha512-y5+tLQyV8pg3fsiln67BVLD1P13Eg4lh5RW9mF0zUuvLrv9uIQ4MCL+CRT+FTsBlBjcIan6PGsLcBN0m3ClUyQ==
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.16.7", "@babel/code-frame@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.24.6.tgz#ab88da19344445c3d8889af2216606d3329f3ef2"
+  integrity sha512-ZJhac6FkEd1yhG2AHOmfcXG4ceoLltoCVJjN5XsWN9BifBQr+cHJbWi0h68HZuSORq+3WtJ2z0hwF2NG1b5kcA==
   dependencies:
-    "@babel/highlight" "^7.24.2"
+    "@babel/highlight" "^7.24.6"
     picocolors "^1.0.0"
 
-"@babel/compat-data@^7.22.6", "@babel/compat-data@^7.23.5", "@babel/compat-data@^7.24.4":
-  version "7.24.4"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.24.4.tgz#6f102372e9094f25d908ca0d34fc74c74606059a"
-  integrity sha512-vg8Gih2MLK+kOkHJp4gBEIkyaIi00jgWot2D9QOmmfLC8jINSOzmCLta6Bvz/JSBCqnegV0L80jhxkol5GWNfQ==
+"@babel/compat-data@^7.22.6", "@babel/compat-data@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.24.6.tgz#b3600217688cabb26e25f8e467019e66d71b7ae2"
+  integrity sha512-aC2DGhBq5eEdyXWqrDInSqQjO0k8xtPRf5YylULqx8MCd6jBtzqfta/3ETMRpuKIc5hyswfO80ObyA1MvkCcUQ==
 
-"@babel/core@7.24.5", "@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.18.9", "@babel/core@^7.23.0", "@babel/core@^7.23.2", "@babel/core@^7.23.9":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.24.5.tgz#15ab5b98e101972d171aeef92ac70d8d6718f06a"
-  integrity sha512-tVQRucExLQ02Boi4vdPp49svNGcfL2GhdTCT9aldhXgCJVAI21EtRfBettiuLUwce/7r6bFdgs6JFkcdTiFttA==
+"@babel/core@7.24.6", "@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.18.9", "@babel/core@^7.23.0", "@babel/core@^7.23.2", "@babel/core@^7.23.9":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.24.6.tgz#8650e0e4b03589ebe886c4e4a60398db0a7ec787"
+  integrity sha512-qAHSfAdVyFmIvl0VHELib8xar7ONuSHrE2hLnsaWkYNTI68dmi1x8GYDhJjMI/e7XWal9QBlZkwbOnkcw7Z8gQ==
   dependencies:
     "@ampproject/remapping" "^2.2.0"
-    "@babel/code-frame" "^7.24.2"
-    "@babel/generator" "^7.24.5"
-    "@babel/helper-compilation-targets" "^7.23.6"
-    "@babel/helper-module-transforms" "^7.24.5"
-    "@babel/helpers" "^7.24.5"
-    "@babel/parser" "^7.24.5"
-    "@babel/template" "^7.24.0"
-    "@babel/traverse" "^7.24.5"
-    "@babel/types" "^7.24.5"
+    "@babel/code-frame" "^7.24.6"
+    "@babel/generator" "^7.24.6"
+    "@babel/helper-compilation-targets" "^7.24.6"
+    "@babel/helper-module-transforms" "^7.24.6"
+    "@babel/helpers" "^7.24.6"
+    "@babel/parser" "^7.24.6"
+    "@babel/template" "^7.24.6"
+    "@babel/traverse" "^7.24.6"
+    "@babel/types" "^7.24.6"
     convert-source-map "^2.0.0"
     debug "^4.1.0"
     gensync "^1.0.0-beta.2"
     json5 "^2.2.3"
     semver "^6.3.1"
 
-"@babel/generator@^7.23.0", "@babel/generator@^7.24.5", "@babel/generator@^7.7.2":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.24.5.tgz#e5afc068f932f05616b66713e28d0f04e99daeb3"
-  integrity sha512-x32i4hEXvr+iI0NEoEfDKzlemF8AmtOP8CcrRaEcpzysWuoEb1KknpcvMsHKPONoKZiDuItklgWhB18xEhr9PA==
+"@babel/generator@^7.23.0", "@babel/generator@^7.24.6", "@babel/generator@^7.7.2":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.24.6.tgz#dfac82a228582a9d30c959fe50ad28951d4737a7"
+  integrity sha512-S7m4eNa6YAPJRHmKsLHIDJhNAGNKoWNiWefz1MBbpnt8g9lvMDl1hir4P9bo/57bQEmuwEhnRU/AMWsD0G/Fbg==
   dependencies:
-    "@babel/types" "^7.24.5"
+    "@babel/types" "^7.24.6"
     "@jridgewell/gen-mapping" "^0.3.5"
     "@jridgewell/trace-mapping" "^0.3.25"
     jsesc "^2.5.1"
 
-"@babel/helper-annotate-as-pure@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz#e7f06737b197d580a01edf75d97e2c8be99d3882"
-  integrity sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==
+"@babel/helper-annotate-as-pure@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.24.6.tgz#517af93abc77924f9b2514c407bbef527fb8938d"
+  integrity sha512-DitEzDfOMnd13kZnDqns1ccmftwJTS9DMkyn9pYTxulS7bZxUxpMly3Nf23QQ6NwA4UB8lAqjbqWtyvElEMAkg==
   dependencies:
-    "@babel/types" "^7.22.5"
+    "@babel/types" "^7.24.6"
 
-"@babel/helper-builder-binary-assignment-operator-visitor@^7.22.15":
-  version "7.22.15"
-  resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.15.tgz#5426b109cf3ad47b91120f8328d8ab1be8b0b956"
-  integrity sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==
+"@babel/helper-builder-binary-assignment-operator-visitor@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.24.6.tgz#19e9089ee87b0d0928012c83961a8deef4b0223f"
+  integrity sha512-+wnfqc5uHiMYtvRX7qu80Toef8BXeh4HHR1SPeonGb1SKPniNEd4a/nlaJJMv/OIEYvIVavvo0yR7u10Gqz0Iw==
   dependencies:
-    "@babel/types" "^7.22.15"
+    "@babel/types" "^7.24.6"
 
-"@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.23.6":
-  version "7.23.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz#4d79069b16cbcf1461289eccfbbd81501ae39991"
-  integrity sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==
+"@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.24.6.tgz#4a51d681f7680043d38e212715e2a7b1ad29cb51"
+  integrity sha512-VZQ57UsDGlX/5fFA7GkVPplZhHsVc+vuErWgdOiysI9Ksnw0Pbbd6pnPiR/mmJyKHgyIW0c7KT32gmhiF+cirg==
   dependencies:
-    "@babel/compat-data" "^7.23.5"
-    "@babel/helper-validator-option" "^7.23.5"
+    "@babel/compat-data" "^7.24.6"
+    "@babel/helper-validator-option" "^7.24.6"
     browserslist "^4.22.2"
     lru-cache "^5.1.1"
     semver "^6.3.1"
 
-"@babel/helper-create-class-features-plugin@^7.24.1", "@babel/helper-create-class-features-plugin@^7.24.4", "@babel/helper-create-class-features-plugin@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.24.5.tgz#7d19da92c7e0cd8d11c09af2ce1b8e7512a6e723"
-  integrity sha512-uRc4Cv8UQWnE4NXlYTIIdM7wfFkOqlFztcC/gVXDKohKoVB3OyonfelUBaJzSwpBntZ2KYGF/9S7asCHsXwW6g==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-function-name" "^7.23.0"
-    "@babel/helper-member-expression-to-functions" "^7.24.5"
-    "@babel/helper-optimise-call-expression" "^7.22.5"
-    "@babel/helper-replace-supers" "^7.24.1"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
-    "@babel/helper-split-export-declaration" "^7.24.5"
+"@babel/helper-create-class-features-plugin@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.24.6.tgz#c50b86fa1c4ca9b7a890dc21884f097b6c4b5286"
+  integrity sha512-djsosdPJVZE6Vsw3kk7IPRWethP94WHGOhQTc67SNXE0ZzMhHgALw8iGmYS0TD1bbMM0VDROy43od7/hN6WYcA==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.24.6"
+    "@babel/helper-environment-visitor" "^7.24.6"
+    "@babel/helper-function-name" "^7.24.6"
+    "@babel/helper-member-expression-to-functions" "^7.24.6"
+    "@babel/helper-optimise-call-expression" "^7.24.6"
+    "@babel/helper-replace-supers" "^7.24.6"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.24.6"
+    "@babel/helper-split-export-declaration" "^7.24.6"
     semver "^6.3.1"
 
-"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.22.15", "@babel/helper-create-regexp-features-plugin@^7.22.5":
-  version "7.22.15"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz#5ee90093914ea09639b01c711db0d6775e558be1"
-  integrity sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==
+"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.24.6.tgz#47d382dec0d49e74ca1b6f7f3b81f5968022a3c8"
+  integrity sha512-C875lFBIWWwyv6MHZUG9HmRrlTDgOsLWZfYR0nW69gaKJNe0/Mpxx5r0EID2ZdHQkdUmQo2t0uNckTL08/1BgA==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-annotate-as-pure" "^7.24.6"
     regexpu-core "^5.3.1"
     semver "^6.3.1"
 
@@ -142,181 +142,180 @@
     lodash.debounce "^4.0.8"
     resolve "^1.14.2"
 
-"@babel/helper-environment-visitor@^7.22.20":
-  version "7.22.20"
-  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz#96159db61d34a29dba454c959f5ae4a649ba9167"
-  integrity sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==
+"@babel/helper-environment-visitor@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.24.6.tgz#ac7ad5517821641550f6698dd5468f8cef78620d"
+  integrity sha512-Y50Cg3k0LKLMjxdPjIl40SdJgMB85iXn27Vk/qbHZCFx/o5XO3PSnpi675h1KEmmDb6OFArfd5SCQEQ5Q4H88g==
 
-"@babel/helper-function-name@^7.23.0":
-  version "7.23.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz#1f9a3cdbd5b2698a670c30d2735f9af95ed52759"
-  integrity sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==
+"@babel/helper-function-name@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.24.6.tgz#cebdd063386fdb95d511d84b117e51fc68fec0c8"
+  integrity sha512-xpeLqeeRkbxhnYimfr2PC+iA0Q7ljX/d1eZ9/inYbmfG2jpl8Lu3DyXvpOAnrS5kxkfOWJjioIMQsaMBXFI05w==
   dependencies:
-    "@babel/template" "^7.22.15"
-    "@babel/types" "^7.23.0"
+    "@babel/template" "^7.24.6"
+    "@babel/types" "^7.24.6"
 
-"@babel/helper-hoist-variables@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz#c01a007dac05c085914e8fb652b339db50d823bb"
-  integrity sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==
+"@babel/helper-hoist-variables@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.24.6.tgz#8a7ece8c26756826b6ffcdd0e3cf65de275af7f9"
+  integrity sha512-SF/EMrC3OD7dSta1bLJIlrsVxwtd0UpjRJqLno6125epQMJ/kyFmpTT4pbvPbdQHzCHg+biQ7Syo8lnDtbR+uA==
   dependencies:
-    "@babel/types" "^7.22.5"
+    "@babel/types" "^7.24.6"
 
-"@babel/helper-member-expression-to-functions@^7.23.0", "@babel/helper-member-expression-to-functions@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.24.5.tgz#5981e131d5c7003c7d1fa1ad49e86c9b097ec475"
-  integrity sha512-4owRteeihKWKamtqg4JmWSsEZU445xpFRXPEwp44HbgbxdWlUV1b4Agg4lkA806Lil5XM/e+FJyS0vj5T6vmcA==
+"@babel/helper-member-expression-to-functions@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.24.6.tgz#86084f3e0e4e2169a134754df3870bc7784db71e"
+  integrity sha512-OTsCufZTxDUsv2/eDXanw/mUZHWOxSbEmC3pP8cgjcy5rgeVPWWMStnv274DV60JtHxTk0adT0QrCzC4M9NWGg==
   dependencies:
-    "@babel/types" "^7.24.5"
-
-"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.16.7", "@babel/helper-module-imports@^7.22.15", "@babel/helper-module-imports@^7.24.1", "@babel/helper-module-imports@^7.24.3":
-  version "7.24.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.24.3.tgz#6ac476e6d168c7c23ff3ba3cf4f7841d46ac8128"
-  integrity sha512-viKb0F9f2s0BCS22QSF308z/+1YWKV/76mwt61NBzS5izMzDPwdq1pTrzf+Li3npBWX9KdQbkeCt1jSAM7lZqg==
-  dependencies:
-    "@babel/types" "^7.24.0"
+    "@babel/types" "^7.24.6"
+
+"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.16.7", "@babel/helper-module-imports@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.24.6.tgz#65e54ffceed6a268dc4ce11f0433b82cfff57852"
+  integrity sha512-a26dmxFJBF62rRO9mmpgrfTLsAuyHk4e1hKTUkD/fcMfynt8gvEKwQPQDVxWhca8dHoDck+55DFt42zV0QMw5g==
+  dependencies:
+    "@babel/types" "^7.24.6"
 
-"@babel/helper-module-transforms@^7.23.3", "@babel/helper-module-transforms@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.24.5.tgz#ea6c5e33f7b262a0ae762fd5986355c45f54a545"
-  integrity sha512-9GxeY8c2d2mdQUP1Dye0ks3VDyIMS98kt/llQ2nUId8IsWqTF0l1LkSX0/uP7l7MCDrzXS009Hyhe2gzTiGW8A==
+"@babel/helper-module-transforms@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.24.6.tgz#22346ed9df44ce84dee850d7433c5b73fab1fe4e"
+  integrity sha512-Y/YMPm83mV2HJTbX1Qh2sjgjqcacvOlhbzdCCsSlblOKjSYmQqEbO6rUniWQyRo9ncyfjT8hnUjlG06RXDEmcA==
   dependencies:
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-module-imports" "^7.24.3"
-    "@babel/helper-simple-access" "^7.24.5"
-    "@babel/helper-split-export-declaration" "^7.24.5"
-    "@babel/helper-validator-identifier" "^7.24.5"
+    "@babel/helper-environment-visitor" "^7.24.6"
+    "@babel/helper-module-imports" "^7.24.6"
+    "@babel/helper-simple-access" "^7.24.6"
+    "@babel/helper-split-export-declaration" "^7.24.6"
+    "@babel/helper-validator-identifier" "^7.24.6"
 
-"@babel/helper-optimise-call-expression@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz#f21531a9ccbff644fdd156b4077c16ff0c3f609e"
-  integrity sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==
+"@babel/helper-optimise-call-expression@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.24.6.tgz#f7836e3ccca3dfa02f15d2bc8b794efe75a5256e"
+  integrity sha512-3SFDJRbx7KuPRl8XDUr8O7GAEB8iGyWPjLKJh/ywP/Iy9WOmEfMrsWbaZpvBu2HSYn4KQygIsz0O7m8y10ncMA==
   dependencies:
-    "@babel/types" "^7.22.5"
+    "@babel/types" "^7.24.6"
 
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.24.0", "@babel/helper-plugin-utils@^7.24.5", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.5.tgz#a924607dd254a65695e5bd209b98b902b3b2f11a"
-  integrity sha512-xjNLDopRzW2o6ba0gKbkZq5YWEBaK3PCyTOY1K2P/O07LGMhMqlMXPxwN4S5/RhWuCobT8z0jrlKGlYmeR1OhQ==
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.24.6", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.6.tgz#fa02a32410a15a6e8f8185bcbf608f10528d2a24"
+  integrity sha512-MZG/JcWfxybKwsA9N9PmtF2lOSFSEMVCpIRrbxccZFLJPrJciJdG/UhSh5W96GEteJI2ARqm5UAHxISwRDLSNg==
 
-"@babel/helper-remap-async-to-generator@^7.22.20":
-  version "7.22.20"
-  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz#7b68e1cb4fa964d2996fd063723fb48eca8498e0"
-  integrity sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==
+"@babel/helper-remap-async-to-generator@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.24.6.tgz#c96ceb9846e877d806ce82a1521230ea7e0fc354"
+  integrity sha512-1Qursq9ArRZPAMOZf/nuzVW8HgJLkTB9y9LfP4lW2MVp4e9WkLJDovfKBxoDcCk6VuzIxyqWHyBoaCtSRP10yg==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-wrap-function" "^7.22.20"
+    "@babel/helper-annotate-as-pure" "^7.24.6"
+    "@babel/helper-environment-visitor" "^7.24.6"
+    "@babel/helper-wrap-function" "^7.24.6"
 
-"@babel/helper-replace-supers@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.24.1.tgz#7085bd19d4a0b7ed8f405c1ed73ccb70f323abc1"
-  integrity sha512-QCR1UqC9BzG5vZl8BMicmZ28RuUBnHhAMddD8yHFHDRH9lLTZ9uUPehX8ctVPT8l0TKblJidqcgUUKGVrePleQ==
+"@babel/helper-replace-supers@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.24.6.tgz#3ea87405a2986a49ab052d10e540fe036d747c71"
+  integrity sha512-mRhfPwDqDpba8o1F8ESxsEkJMQkUF8ZIWrAc0FtWhxnjfextxMWxr22RtFizxxSYLjVHDeMgVsRq8BBZR2ikJQ==
   dependencies:
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-member-expression-to-functions" "^7.23.0"
-    "@babel/helper-optimise-call-expression" "^7.22.5"
+    "@babel/helper-environment-visitor" "^7.24.6"
+    "@babel/helper-member-expression-to-functions" "^7.24.6"
+    "@babel/helper-optimise-call-expression" "^7.24.6"
 
-"@babel/helper-simple-access@^7.22.5", "@babel/helper-simple-access@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.24.5.tgz#50da5b72f58c16b07fbd992810be6049478e85ba"
-  integrity sha512-uH3Hmf5q5n7n8mz7arjUlDOCbttY/DW4DYhE6FUsjKJ/oYC1kQQUvwEQWxRwUpX9qQKRXeqLwWxrqilMrf32sQ==
+"@babel/helper-simple-access@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.24.6.tgz#1d6e04d468bba4fc963b4906f6dac6286cfedff1"
+  integrity sha512-nZzcMMD4ZhmB35MOOzQuiGO5RzL6tJbsT37Zx8M5L/i9KSrukGXWTjLe1knIbb/RmxoJE9GON9soq0c0VEMM5g==
   dependencies:
-    "@babel/types" "^7.24.5"
+    "@babel/types" "^7.24.6"
 
-"@babel/helper-skip-transparent-expression-wrappers@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz#007f15240b5751c537c40e77abb4e89eeaaa8847"
-  integrity sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==
+"@babel/helper-skip-transparent-expression-wrappers@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.24.6.tgz#c47e9b33b7ea50d1073e125ebc26661717cb7040"
+  integrity sha512-jhbbkK3IUKc4T43WadP96a27oYti9gEf1LdyGSP2rHGH77kwLwfhO7TgwnWvxxQVmke0ImmCSS47vcuxEMGD3Q==
   dependencies:
-    "@babel/types" "^7.22.5"
+    "@babel/types" "^7.24.6"
 
-"@babel/helper-split-export-declaration@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.5.tgz#b9a67f06a46b0b339323617c8c6213b9055a78b6"
-  integrity sha512-5CHncttXohrHk8GWOFCcCl4oRD9fKosWlIRgWm4ql9VYioKm52Mk2xsmoohvm7f3JoiLSM5ZgJuRaf5QZZYd3Q==
+"@babel/helper-split-export-declaration@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.6.tgz#e830068f7ba8861c53b7421c284da30ae656d7a3"
+  integrity sha512-CvLSkwXGWnYlF9+J3iZUvwgAxKiYzK3BWuo+mLzD/MDGOZDj7Gq8+hqaOkMxmJwmlv0iu86uH5fdADd9Hxkymw==
   dependencies:
-    "@babel/types" "^7.24.5"
-
-"@babel/helper-string-parser@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.1.tgz#f99c36d3593db9540705d0739a1f10b5e20c696e"
-  integrity sha512-2ofRCjnnA9y+wk8b9IAREroeUP02KHp431N2mhKniy2yKIDKpbrHv9eXwm8cBeWQYcJmzv5qKCu65P47eCF7CQ==
-
-"@babel/helper-validator-identifier@^7.22.20", "@babel/helper-validator-identifier@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.5.tgz#918b1a7fa23056603506370089bd990d8720db62"
-  integrity sha512-3q93SSKX2TWCG30M2G2kwaKeTYgEUp5Snjuj8qm729SObL6nbtUldAi37qbxkD5gg3xnBio+f9nqpSepGZMvxA==
+    "@babel/types" "^7.24.6"
 
-"@babel/helper-validator-option@^7.23.5":
-  version "7.23.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz#907a3fbd4523426285365d1206c423c4c5520307"
-  integrity sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==
+"@babel/helper-string-parser@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.6.tgz#28583c28b15f2a3339cfafafeaad42f9a0e828df"
+  integrity sha512-WdJjwMEkmBicq5T9fm/cHND3+UlFa2Yj8ALLgmoSQAJZysYbBjw+azChSGPN4DSPLXOcooGRvDwZWMcF/mLO2Q==
+
+"@babel/helper-validator-identifier@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.6.tgz#08bb6612b11bdec78f3feed3db196da682454a5e"
+  integrity sha512-4yA7s865JHaqUdRbnaxarZREuPTHrjpDT+pXoAZ1yhyo6uFnIEpS8VMu16siFOHDpZNKYv5BObhsB//ycbICyw==
+
+"@babel/helper-validator-option@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.24.6.tgz#59d8e81c40b7d9109ab7e74457393442177f460a"
+  integrity sha512-Jktc8KkF3zIkePb48QO+IapbXlSapOW9S+ogZZkcO6bABgYAxtZcjZ/O005111YLf+j4M84uEgwYoidDkXbCkQ==
+
+"@babel/helper-wrap-function@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.24.6.tgz#c27af1006e310683fdc76b668a0a1f6003e36217"
+  integrity sha512-f1JLrlw/jbiNfxvdrfBgio/gRBk3yTAEJWirpAkiJG2Hb22E7cEYKHWo0dFPTv/niPovzIdPdEDetrv6tC6gPQ==
+  dependencies:
+    "@babel/helper-function-name" "^7.24.6"
+    "@babel/template" "^7.24.6"
+    "@babel/types" "^7.24.6"
 
-"@babel/helper-wrap-function@^7.22.20":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.24.5.tgz#335f934c0962e2c1ed1fb9d79e06a56115067c09"
-  integrity sha512-/xxzuNvgRl4/HLNKvnFwdhdgN3cpLxgLROeLDl83Yx0AJ1SGvq1ak0OszTOjDfiB8Vx03eJbeDWh9r+jCCWttw==
-  dependencies:
-    "@babel/helper-function-name" "^7.23.0"
-    "@babel/template" "^7.24.0"
-    "@babel/types" "^7.24.5"
-
-"@babel/helpers@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.24.5.tgz#fedeb87eeafa62b621160402181ad8585a22a40a"
-  integrity sha512-CiQmBMMpMQHwM5m01YnrM6imUG1ebgYJ+fAIW4FZe6m4qHTPaRHti+R8cggAwkdz4oXhtO4/K9JWlh+8hIfR2Q==
+"@babel/helpers@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.24.6.tgz#cd124245299e494bd4e00edda0e4ea3545c2c176"
+  integrity sha512-V2PI+NqnyFu1i0GyTd/O/cTpxzQCYioSkUIRmgo7gFEHKKCg5w46+r/A6WeUR1+P3TeQ49dspGPNd/E3n9AnnA==
   dependencies:
-    "@babel/template" "^7.24.0"
-    "@babel/traverse" "^7.24.5"
-    "@babel/types" "^7.24.5"
-
-"@babel/highlight@^7.24.2":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.24.5.tgz#bc0613f98e1dd0720e99b2a9ee3760194a704b6e"
-  integrity sha512-8lLmua6AVh/8SLJRRVD6V8p73Hir9w5mJrhE+IPpILG31KKlI9iz5zmBYKcWPS59qSfgP9RaSBQSHHE81WKuEw==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.24.5"
+    "@babel/template" "^7.24.6"
+    "@babel/types" "^7.24.6"
+
+"@babel/highlight@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.24.6.tgz#6d610c1ebd2c6e061cade0153bf69b0590b7b3df"
+  integrity sha512-2YnuOp4HAk2BsBrJJvYCbItHx0zWscI1C3zgWkz+wDyD9I7GIVrfnLyrR4Y1VR+7p+chAEcrgRQYZAGIKMV7vQ==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.24.6"
     chalk "^2.4.2"
     js-tokens "^4.0.0"
     picocolors "^1.0.0"
 
-"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.23.0", "@babel/parser@^7.23.9", "@babel/parser@^7.24.0", "@babel/parser@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.5.tgz#4a4d5ab4315579e5398a82dcf636ca80c3392790"
-  integrity sha512-EOv5IK8arwh3LI47dz1b0tKUb/1uhHAnHJOrjgtQMIpu1uXd9mlFrJg9IUgGUgZ41Ch0K8REPTYpO7B76b4vJg==
+"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.23.0", "@babel/parser@^7.23.9", "@babel/parser@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.6.tgz#5e030f440c3c6c78d195528c3b688b101a365328"
+  integrity sha512-eNZXdfU35nJC2h24RznROuOpO94h6x8sg9ju0tT9biNtLZ2vuP8SduLqqV+/8+cebSLV9SJEAN5Z3zQbJG/M+Q==
 
-"@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.24.5.tgz#4c3685eb9cd790bcad2843900fe0250c91ccf895"
-  integrity sha512-LdXRi1wEMTrHVR4Zc9F8OewC3vdm5h4QB6L71zy6StmYeqGi1b3ttIO8UC+BfZKcH9jdr4aI249rBkm+3+YvHw==
+"@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.24.6.tgz#283a74ef365b1e954cda6b2724c678a978215e88"
+  integrity sha512-bYndrJ6Ph6Ar+GaB5VAc0JPoP80bQCm4qon6JEzXfRl5QZyQ8Ur1K6k7htxWmPA5z+k7JQvaMUrtXlqclWYzKw==
   dependencies:
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-plugin-utils" "^7.24.5"
+    "@babel/helper-environment-visitor" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.24.1.tgz#b645d9ba8c2bc5b7af50f0fe949f9edbeb07c8cf"
-  integrity sha512-y4HqEnkelJIOQGd+3g1bTeKsA5c6qM7eOn7VggGVbBc0y8MLSKHacwcIE2PplNlQSj0PqS9rrXL/nkPVK+kUNg==
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.24.6.tgz#f9f5ae4d6fb72f5950262cb6f0b2482c3bc684ef"
+  integrity sha512-iVuhb6poq5ikqRq2XWU6OQ+R5o9wF+r/or9CeUyovgptz0UlnK4/seOQ1Istu/XybYjAhQv1FRSSfHHufIku5Q==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.24.1.tgz#da8261f2697f0f41b0855b91d3a20a1fbfd271d3"
-  integrity sha512-Hj791Ii4ci8HqnaKHAlLNs+zaLXb0EzSDhiAWp5VNlyvCNymYfacs64pxTxbH1znW/NcArSmwpmG9IKE/TUVVQ==
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.24.6.tgz#ab9be6edfffa127bd5ec4317c76c5af0f8fc7e6c"
+  integrity sha512-c8TER5xMDYzzFcGqOEp9l4hvB7dcbhcGjcLVwxWfe4P5DOafdwjsBJZKsmv+o3aXh7NhopvayQIovHrh2zSRUQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
-    "@babel/plugin-transform-optional-chaining" "^7.24.1"
+    "@babel/helper-plugin-utils" "^7.24.6"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.24.6"
+    "@babel/plugin-transform-optional-chaining" "^7.24.6"
 
-"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.24.1.tgz#1181d9685984c91d657b8ddf14f0487a6bab2988"
-  integrity sha512-m9m/fXsXLiHfwdgydIFnpk+7jlVbnvlK5B2EKiPdLUb6WX654ZaaEWJUjk8TftRbZpK0XibovlLWX4KIZhV6jw==
+"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.24.6.tgz#0faf879249ec622d7f1c42eaebf7d11197401b2c"
+  integrity sha512-z8zEjYmwBUHN/pCF3NuWBhHQjJCrd33qAi8MgANfMrAvn72k2cImT8VjK9LJFu4ysOLJqhfkYYb3MvwANRUNZQ==
   dependencies:
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-environment-visitor" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
 "@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2":
   version "7.21.0-placeholder-for-preset-env.2"
@@ -365,26 +364,26 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
-"@babel/plugin-syntax-flow@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.24.1.tgz#875c25e3428d7896c87589765fc8b9d32f24bd8d"
-  integrity sha512-sxi2kLTI5DeW5vDtMUsk4mTPwvlUDbjOnoWayhynCwrw4QXRld4QEYwqzY8JmQXaJUtgUuCIurtSRH5sn4c7mA==
+"@babel/plugin-syntax-flow@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.24.6.tgz#1102a710771326b8e2f0c85ac2aecb6f52eb601e"
+  integrity sha512-gNkksSdV8RbsCoHF9sjVYrHfYACMl/8U32UfUhJ9+84/ASXw8dlx+eHyyF0m6ncQJ9IBSxfuCkB36GJqYdXTOA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-syntax-import-assertions@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.24.1.tgz#db3aad724153a00eaac115a3fb898de544e34971"
-  integrity sha512-IuwnI5XnuF189t91XbxmXeCDz3qs6iDRO7GJ++wcfgeXNs/8FmIlKcpDSXNVyuLQxlwvskmI3Ct73wUODkJBlQ==
+"@babel/plugin-syntax-import-assertions@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.24.6.tgz#52521c1c1698fc2dd9cf88f7a4dd86d4d041b9e1"
+  integrity sha512-BE6o2BogJKJImTmGpkmOic4V0hlRRxVtzqxiSPa8TIFxyhi4EFjHm08nq1M4STK4RytuLMgnSz0/wfflvGFNOg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-syntax-import-attributes@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.24.1.tgz#c66b966c63b714c4eec508fcf5763b1f2d381093"
-  integrity sha512-zhQTMH0X2nVLnb04tz+s7AMuasX8U0FnpE+nHTOhSOINjWMnopoZTxtIKsd45n4GQ/HIZLyfIpoul8e2m0DnRA==
+"@babel/plugin-syntax-import-attributes@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.24.6.tgz#12aba325534129584672920274fefa4dc2d5f68e"
+  integrity sha512-D+CfsVZousPXIdudSII7RGy52+dYRtbyKAZcvtQKq/NpsivyMVduepzcLqG5pMBugtMdedxdC8Ramdpcne9ZWQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
 "@babel/plugin-syntax-import-meta@^7.10.4", "@babel/plugin-syntax-import-meta@^7.8.3":
   version "7.10.4"
@@ -400,12 +399,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-jsx@^7.23.3", "@babel/plugin-syntax-jsx@^7.24.1", "@babel/plugin-syntax-jsx@^7.7.2":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.24.1.tgz#3f6ca04b8c841811dbc3c5c5f837934e0d626c10"
-  integrity sha512-2eCtxZXf+kbkMIsXS4poTvT4Yu5rXiRa+9xGVT56raghjmBTKMpFNc9R4IDiB4emao9eO22Ox7CxuJG7BgExqA==
+"@babel/plugin-syntax-jsx@^7.24.6", "@babel/plugin-syntax-jsx@^7.7.2":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.24.6.tgz#bcca2964150437f88f65e3679e3d68762287b9c8"
+  integrity sha512-lWfvAIFNWMlCsU0DRUun2GpFwZdGTukLaHJqRh1JRb80NdAP5Sb1HDHB5X9P9OtgZHQl089UzQkpYlBq2VTPRw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
 "@babel/plugin-syntax-logical-assignment-operators@^7.10.4", "@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
   version "7.10.4"
@@ -463,12 +462,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.14.5"
 
-"@babel/plugin-syntax-typescript@^7.24.1", "@babel/plugin-syntax-typescript@^7.7.2":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.24.1.tgz#b3bcc51f396d15f3591683f90239de143c076844"
-  integrity sha512-Yhnmvy5HZEnHUty6i++gcfH1/l68AHnItFHnaCv6hn9dNh0hQvvQJsxpi4BMBFN5DLeHBuucT/0DgzXif/OyRw==
+"@babel/plugin-syntax-typescript@^7.24.6", "@babel/plugin-syntax-typescript@^7.7.2":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.24.6.tgz#769daf2982d60308bc83d8936eaecb7582463c87"
+  integrity sha512-TzCtxGgVTEJWWwcYwQhCIQ6WaKlo80/B+Onsk4RRCcYqpYGFcG9etPW94VToGte5AAcxRrhjPUFvUS3Y2qKi4A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
 "@babel/plugin-syntax-unicode-sets-regex@^7.18.6":
   version "7.18.6"
@@ -478,477 +477,477 @@
     "@babel/helper-create-regexp-features-plugin" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-transform-arrow-functions@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.24.1.tgz#2bf263617060c9cc45bcdbf492b8cc805082bf27"
-  integrity sha512-ngT/3NkRhsaep9ck9uj2Xhv9+xB1zShY3tM3g6om4xxCELwCDN4g4Aq5dRn48+0hasAql7s2hdBOysCfNpr4fw==
+"@babel/plugin-transform-arrow-functions@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.24.6.tgz#93607d1ef5b81c70af174aff3532d57216367492"
+  integrity sha512-jSSSDt4ZidNMggcLx8SaKsbGNEfIl0PHx/4mFEulorE7bpYLbN0d3pDW3eJ7Y5Z3yPhy3L3NaPCYyTUY7TuugQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-async-generator-functions@^7.24.3":
-  version "7.24.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.24.3.tgz#8fa7ae481b100768cc9842c8617808c5352b8b89"
-  integrity sha512-Qe26CMYVjpQxJ8zxM1340JFNjZaF+ISWpr1Kt/jGo+ZTUzKkfw/pphEWbRCb+lmSM6k/TOgfYLvmbHkUQ0asIg==
+"@babel/plugin-transform-async-generator-functions@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.24.6.tgz#fa4a9e5c3a7f60f697ba36587b6c41b04f507d84"
+  integrity sha512-VEP2o4iR2DqQU6KPgizTW2mnMx6BG5b5O9iQdrW9HesLkv8GIA8x2daXBQxw1MrsIkFQGA/iJ204CKoQ8UcnAA==
   dependencies:
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-remap-async-to-generator" "^7.22.20"
+    "@babel/helper-environment-visitor" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
+    "@babel/helper-remap-async-to-generator" "^7.24.6"
     "@babel/plugin-syntax-async-generators" "^7.8.4"
 
-"@babel/plugin-transform-async-to-generator@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.24.1.tgz#0e220703b89f2216800ce7b1c53cb0cf521c37f4"
-  integrity sha512-AawPptitRXp1y0n4ilKcGbRYWfbbzFWz2NqNu7dacYDtFtz0CMjG64b3LQsb3KIgnf4/obcUL78hfaOS7iCUfw==
+"@babel/plugin-transform-async-to-generator@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.24.6.tgz#eb11434b11d73d8c0cf9f71a6f4f1e6ba441df35"
+  integrity sha512-NTBA2SioI3OsHeIn6sQmhvXleSl9T70YY/hostQLveWs0ic+qvbA3fa0kwAwQ0OA/XGaAerNZRQGJyRfhbJK4g==
   dependencies:
-    "@babel/helper-module-imports" "^7.24.1"
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-remap-async-to-generator" "^7.22.20"
+    "@babel/helper-module-imports" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
+    "@babel/helper-remap-async-to-generator" "^7.24.6"
 
-"@babel/plugin-transform-block-scoped-functions@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.24.1.tgz#1c94799e20fcd5c4d4589523bbc57b7692979380"
-  integrity sha512-TWWC18OShZutrv9C6mye1xwtam+uNi2bnTOCBUd5sZxyHOiWbU6ztSROofIMrK84uweEZC219POICK/sTYwfgg==
+"@babel/plugin-transform-block-scoped-functions@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.24.6.tgz#975555b5bfa9870b1218da536d1528735f1f8c56"
+  integrity sha512-XNW7jolYHW9CwORrZgA/97tL/k05qe/HL0z/qqJq1mdWhwwCM6D4BJBV7wAz9HgFziN5dTOG31znkVIzwxv+vw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-block-scoping@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.24.5.tgz#89574191397f85661d6f748d4b89ee4d9ee69a2a"
-  integrity sha512-sMfBc3OxghjC95BkYrYocHL3NaOplrcaunblzwXhGmlPwpmfsxr4vK+mBBt49r+S240vahmv+kUxkeKgs+haCw==
+"@babel/plugin-transform-block-scoping@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.24.6.tgz#a03ec8a4591c2b43cf7798bc633e698293fda179"
+  integrity sha512-S/t1Xh4ehW7sGA7c1j/hiOBLnEYCp/c2sEG4ZkL8kI1xX9tW2pqJTCHKtdhe/jHKt8nG0pFCrDHUXd4DvjHS9w==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.5"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-class-properties@^7.22.5", "@babel/plugin-transform-class-properties@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.24.1.tgz#bcbf1aef6ba6085cfddec9fc8d58871cf011fc29"
-  integrity sha512-OMLCXi0NqvJfORTaPQBwqLXHhb93wkBKZ4aNwMl6WtehO7ar+cmp+89iPEQPqxAnxsOKTaMcs3POz3rKayJ72g==
+"@babel/plugin-transform-class-properties@^7.22.5", "@babel/plugin-transform-class-properties@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.24.6.tgz#d9f394e97e88ef905d5a1e5e7a16238621b7982e"
+  integrity sha512-j6dZ0Z2Z2slWLR3kt9aOmSIrBvnntWjMDN/TVcMPxhXMLmJVqX605CBRlcGI4b32GMbfifTEsdEjGjiE+j/c3A==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.24.1"
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-create-class-features-plugin" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-class-static-block@^7.24.4":
-  version "7.24.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.24.4.tgz#1a4653c0cf8ac46441ec406dece6e9bc590356a4"
-  integrity sha512-B8q7Pz870Hz/q9UgP8InNpY01CSLDSCyqX7zcRuv3FcPl87A2G17lASroHWaCtbdIcbYzOZ7kWmXFKbijMSmFg==
+"@babel/plugin-transform-class-static-block@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.24.6.tgz#f43f29286f6f0dca33d18fd5033b817d6c3fa816"
+  integrity sha512-1QSRfoPI9RoLRa8Mnakc6v3e0gJxiZQTYrMfLn+mD0sz5+ndSzwymp2hDcYJTyT0MOn0yuWzj8phlIvO72gTHA==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.24.4"
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-create-class-features-plugin" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
     "@babel/plugin-syntax-class-static-block" "^7.14.5"
 
-"@babel/plugin-transform-classes@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.24.5.tgz#05e04a09df49a46348299a0e24bfd7e901129339"
-  integrity sha512-gWkLP25DFj2dwe9Ck8uwMOpko4YsqyfZJrOmqqcegeDYEbp7rmn4U6UQZNj08UF6MaX39XenSpKRCvpDRBtZ7Q==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-compilation-targets" "^7.23.6"
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-function-name" "^7.23.0"
-    "@babel/helper-plugin-utils" "^7.24.5"
-    "@babel/helper-replace-supers" "^7.24.1"
-    "@babel/helper-split-export-declaration" "^7.24.5"
+"@babel/plugin-transform-classes@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.24.6.tgz#0cc198c02720d4eeb091004843477659c6b37977"
+  integrity sha512-+fN+NO2gh8JtRmDSOB6gaCVo36ha8kfCW1nMq2Gc0DABln0VcHN4PrALDvF5/diLzIRKptC7z/d7Lp64zk92Fg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.24.6"
+    "@babel/helper-compilation-targets" "^7.24.6"
+    "@babel/helper-environment-visitor" "^7.24.6"
+    "@babel/helper-function-name" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
+    "@babel/helper-replace-supers" "^7.24.6"
+    "@babel/helper-split-export-declaration" "^7.24.6"
     globals "^11.1.0"
 
-"@babel/plugin-transform-computed-properties@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.24.1.tgz#bc7e787f8e021eccfb677af5f13c29a9934ed8a7"
-  integrity sha512-5pJGVIUfJpOS+pAqBQd+QMaTD2vCL/HcePooON6pDpHgRp4gNRmzyHTPIkXntwKsq3ayUFVfJaIKPw2pOkOcTw==
+"@babel/plugin-transform-computed-properties@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.24.6.tgz#7a1765c01cdfe59c320d2d0f37a4dc4aecd14df1"
+  integrity sha512-cRzPobcfRP0ZtuIEkA8QzghoUpSB3X3qSH5W2+FzG+VjWbJXExtx0nbRqwumdBN1x/ot2SlTNQLfBCnPdzp6kg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/template" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
+    "@babel/template" "^7.24.6"
 
-"@babel/plugin-transform-destructuring@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.24.5.tgz#80843ee6a520f7362686d1a97a7b53544ede453c"
-  integrity sha512-SZuuLyfxvsm+Ah57I/i1HVjveBENYK9ue8MJ7qkc7ndoNjqquJiElzA7f5yaAXjyW2hKojosOTAQQRX50bPSVg==
+"@babel/plugin-transform-destructuring@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.24.6.tgz#bdd1a6c90ffb2bfd13b6007b13316eeafc97cb53"
+  integrity sha512-YLW6AE5LQpk5npNXL7i/O+U9CE4XsBCuRPgyjl1EICZYKmcitV+ayuuUGMJm2lC1WWjXYszeTnIxF/dq/GhIZQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.5"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-dotall-regex@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.24.1.tgz#d56913d2f12795cc9930801b84c6f8c47513ac13"
-  integrity sha512-p7uUxgSoZwZ2lPNMzUkqCts3xlp8n+o05ikjy7gbtFJSt9gdU88jAmtfmOxHM14noQXBxfgzf2yRWECiNVhTCw==
+"@babel/plugin-transform-dotall-regex@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.24.6.tgz#5a6b3148ec5f4f274ff48cebea90565087cad126"
+  integrity sha512-rCXPnSEKvkm/EjzOtLoGvKseK+dS4kZwx1HexO3BtRtgL0fQ34awHn34aeSHuXtZY2F8a1X8xqBBPRtOxDVmcA==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-create-regexp-features-plugin" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-duplicate-keys@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.24.1.tgz#5347a797fe82b8d09749d10e9f5b83665adbca88"
-  integrity sha512-msyzuUnvsjsaSaocV6L7ErfNsa5nDWL1XKNnDePLgmz+WdU4w/J8+AxBMrWfi9m4IxfL5sZQKUPQKDQeeAT6lA==
+"@babel/plugin-transform-duplicate-keys@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.24.6.tgz#2716301227cf7cd4fdadcbe4353ce191f8b3dc8a"
+  integrity sha512-/8Odwp/aVkZwPFJMllSbawhDAO3UJi65foB00HYnK/uXvvCPm0TAXSByjz1mpRmp0q6oX2SIxpkUOpPFHk7FLA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-dynamic-import@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.24.1.tgz#2a5a49959201970dd09a5fca856cb651e44439dd"
-  integrity sha512-av2gdSTyXcJVdI+8aFZsCAtR29xJt0S5tas+Ef8NvBNmD1a+N/3ecMLeMBgfcK+xzsjdLDT6oHt+DFPyeqUbDA==
+"@babel/plugin-transform-dynamic-import@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.24.6.tgz#b477177761d56b15a4ba42a83be31cf72d757acf"
+  integrity sha512-vpq8SSLRTBLOHUZHSnBqVo0AKX3PBaoPs2vVzYVWslXDTDIpwAcCDtfhUcHSQQoYoUvcFPTdC8TZYXu9ZnLT/w==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
     "@babel/plugin-syntax-dynamic-import" "^7.8.3"
 
-"@babel/plugin-transform-exponentiation-operator@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.24.1.tgz#6650ebeb5bd5c012d5f5f90a26613a08162e8ba4"
-  integrity sha512-U1yX13dVBSwS23DEAqU+Z/PkwE9/m7QQy8Y9/+Tdb8UWYaGNDYwTLi19wqIAiROr8sXVum9A/rtiH5H0boUcTw==
+"@babel/plugin-transform-exponentiation-operator@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.24.6.tgz#011e9e1a429f91b024af572530873ca571f9ef06"
+  integrity sha512-EemYpHtmz0lHE7hxxxYEuTYOOBZ43WkDgZ4arQ4r+VX9QHuNZC+WH3wUWmRNvR8ECpTRne29aZV6XO22qpOtdA==
   dependencies:
-    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-export-namespace-from@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.24.1.tgz#f033541fc036e3efb2dcb58eedafd4f6b8078acd"
-  integrity sha512-Ft38m/KFOyzKw2UaJFkWG9QnHPG/Q/2SkOrRk4pNBPg5IPZ+dOxcmkK5IyuBcxiNPyyYowPGUReyBvrvZs7IlQ==
+"@babel/plugin-transform-export-namespace-from@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.24.6.tgz#b64ded74d9afb3db5d47d93996c4df69f15ac97c"
+  integrity sha512-inXaTM1SVrIxCkIJ5gqWiozHfFMStuGbGJAxZFBoHcRRdDP0ySLb3jH6JOwmfiinPwyMZqMBX+7NBDCO4z0NSA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
     "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
 
-"@babel/plugin-transform-flow-strip-types@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.24.1.tgz#fa8d0a146506ea195da1671d38eed459242b2dcc"
-  integrity sha512-iIYPIWt3dUmUKKE10s3W+jsQ3icFkw0JyRVyY1B7G4yK/nngAOHLVx8xlhA6b/Jzl/Y0nis8gjqhqKtRDQqHWQ==
+"@babel/plugin-transform-flow-strip-types@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.24.6.tgz#dfd9d1c90e74335bc68d82f41ad9224960a4de84"
+  integrity sha512-1l8b24NoCpaQ13Vi6FtLG1nv6kNoi8PWvQb1AYO7GHZDpFfBYc3lbXArx1lP2KRt8b4pej1eWc/zrRmsQTfOdQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/plugin-syntax-flow" "^7.24.1"
+    "@babel/helper-plugin-utils" "^7.24.6"
+    "@babel/plugin-syntax-flow" "^7.24.6"
 
-"@babel/plugin-transform-for-of@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.24.1.tgz#67448446b67ab6c091360ce3717e7d3a59e202fd"
-  integrity sha512-OxBdcnF04bpdQdR3i4giHZNZQn7cm8RQKcSwA17wAAqEELo1ZOwp5FFgeptWUQXFyT9kwHo10aqqauYkRZPCAg==
+"@babel/plugin-transform-for-of@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.24.6.tgz#7f31780bd0c582b546372c0c0da9d9d56731e0a2"
+  integrity sha512-n3Sf72TnqK4nw/jziSqEl1qaWPbCRw2CziHH+jdRYvw4J6yeCzsj4jdw8hIntOEeDGTmHVe2w4MVL44PN0GMzg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.24.6"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.24.6"
 
-"@babel/plugin-transform-function-name@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.24.1.tgz#8cba6f7730626cc4dfe4ca2fa516215a0592b361"
-  integrity sha512-BXmDZpPlh7jwicKArQASrj8n22/w6iymRnvHYYd2zO30DbE277JO20/7yXJT3QxDPtiQiOxQBbZH4TpivNXIxA==
+"@babel/plugin-transform-function-name@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.24.6.tgz#60d1de3f6fd816a3e3bf9538578a64527e1b9c97"
+  integrity sha512-sOajCu6V0P1KPljWHKiDq6ymgqB+vfo3isUS4McqW1DZtvSVU2v/wuMhmRmkg3sFoq6GMaUUf8W4WtoSLkOV/Q==
   dependencies:
-    "@babel/helper-compilation-targets" "^7.23.6"
-    "@babel/helper-function-name" "^7.23.0"
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-compilation-targets" "^7.24.6"
+    "@babel/helper-function-name" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-json-strings@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.24.1.tgz#08e6369b62ab3e8a7b61089151b161180c8299f7"
-  integrity sha512-U7RMFmRvoasscrIFy5xA4gIp8iWnWubnKkKuUGJjsuOH7GfbMkB+XZzeslx2kLdEGdOJDamEmCqOks6e8nv8DQ==
+"@babel/plugin-transform-json-strings@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.24.6.tgz#a84639180ea1f9001bb5e6dc01921235ab05ad8b"
+  integrity sha512-Uvgd9p2gUnzYJxVdBLcU0KurF8aVhkmVyMKW4MIY1/BByvs3EBpv45q01o7pRTVmTvtQq5zDlytP3dcUgm7v9w==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
     "@babel/plugin-syntax-json-strings" "^7.8.3"
 
-"@babel/plugin-transform-literals@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.24.1.tgz#0a1982297af83e6b3c94972686067df588c5c096"
-  integrity sha512-zn9pwz8U7nCqOYIiBaOxoQOtYmMODXTJnkxG4AtX8fPmnCRYWBOHD0qcpwS9e2VDSp1zNJYpdnFMIKb8jmwu6g==
+"@babel/plugin-transform-literals@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.24.6.tgz#7f44f2871d7a4456030b0540858046f0b7bc6b18"
+  integrity sha512-f2wHfR2HF6yMj+y+/y07+SLqnOSwRp8KYLpQKOzS58XLVlULhXbiYcygfXQxJlMbhII9+yXDwOUFLf60/TL5tw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-logical-assignment-operators@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.24.1.tgz#719d8aded1aa94b8fb34e3a785ae8518e24cfa40"
-  integrity sha512-OhN6J4Bpz+hIBqItTeWJujDOfNP+unqv/NJgyhlpSqgBTPm37KkMmZV6SYcOj+pnDbdcl1qRGV/ZiIjX9Iy34w==
+"@babel/plugin-transform-logical-assignment-operators@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.24.6.tgz#9cc7baa5629866566562c159dc1eae7569810f33"
+  integrity sha512-EKaWvnezBCMkRIHxMJSIIylzhqK09YpiJtDbr2wsXTwnO0TxyjMUkaw4RlFIZMIS0iDj0KyIg7H7XCguHu/YDA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
     "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
 
-"@babel/plugin-transform-member-expression-literals@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.24.1.tgz#896d23601c92f437af8b01371ad34beb75df4489"
-  integrity sha512-4ojai0KysTWXzHseJKa1XPNXKRbuUrhkOPY4rEGeR+7ChlJVKxFa3H3Bz+7tWaGKgJAXUWKOGmltN+u9B3+CVg==
+"@babel/plugin-transform-member-expression-literals@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.24.6.tgz#5d3681ca201ac6909419cc51ac082a6ba4c5c756"
+  integrity sha512-9g8iV146szUo5GWgXpRbq/GALTnY+WnNuRTuRHWWFfWGbP9ukRL0aO/jpu9dmOPikclkxnNsjY8/gsWl6bmZJQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-modules-amd@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.24.1.tgz#b6d829ed15258536977e9c7cc6437814871ffa39"
-  integrity sha512-lAxNHi4HVtjnHd5Rxg3D5t99Xm6H7b04hUS7EHIXcUl2EV4yl1gWdqZrNzXnSrHveL9qMdbODlLF55mvgjAfaQ==
+"@babel/plugin-transform-modules-amd@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.24.6.tgz#09aeac7acb7913496aaaafdc64f40683e0db7e41"
+  integrity sha512-eAGogjZgcwqAxhyFgqghvoHRr+EYRQPFjUXrTYKBRb5qPnAVxOOglaxc4/byHqjvq/bqO2F3/CGwTHsgKJYHhQ==
   dependencies:
-    "@babel/helper-module-transforms" "^7.23.3"
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-module-transforms" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-modules-commonjs@^7.23.0", "@babel/plugin-transform-modules-commonjs@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.24.1.tgz#e71ba1d0d69e049a22bf90b3867e263823d3f1b9"
-  integrity sha512-szog8fFTUxBfw0b98gEWPaEqF42ZUD/T3bkynW/wtgx2p/XCP55WEsb+VosKceRSd6njipdZvNogqdtI4Q0chw==
+"@babel/plugin-transform-modules-commonjs@^7.23.0", "@babel/plugin-transform-modules-commonjs@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.24.6.tgz#1b8269902f25bd91ca6427230d4735ddd1e1283e"
+  integrity sha512-JEV8l3MHdmmdb7S7Cmx6rbNEjRCgTQMZxllveHO0mx6uiclB0NflCawlQQ6+o5ZrwjUBYPzHm2XoK4wqGVUFuw==
   dependencies:
-    "@babel/helper-module-transforms" "^7.23.3"
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-simple-access" "^7.22.5"
+    "@babel/helper-module-transforms" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
+    "@babel/helper-simple-access" "^7.24.6"
 
-"@babel/plugin-transform-modules-systemjs@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.24.1.tgz#2b9625a3d4e445babac9788daec39094e6b11e3e"
-  integrity sha512-mqQ3Zh9vFO1Tpmlt8QPnbwGHzNz3lpNEMxQb1kAemn/erstyqw1r9KeOlOfo3y6xAnFEcOv2tSyrXfmMk+/YZA==
+"@babel/plugin-transform-modules-systemjs@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.24.6.tgz#c54eb53fe16f9b82d320abd76762d0320e3f9393"
+  integrity sha512-xg1Z0J5JVYxtpX954XqaaAT6NpAY6LtZXvYFCJmGFJWwtlz2EmJoR8LycFRGNE8dBKizGWkGQZGegtkV8y8s+w==
   dependencies:
-    "@babel/helper-hoist-variables" "^7.22.5"
-    "@babel/helper-module-transforms" "^7.23.3"
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-validator-identifier" "^7.22.20"
+    "@babel/helper-hoist-variables" "^7.24.6"
+    "@babel/helper-module-transforms" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
+    "@babel/helper-validator-identifier" "^7.24.6"
 
-"@babel/plugin-transform-modules-umd@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.24.1.tgz#69220c66653a19cf2c0872b9c762b9a48b8bebef"
-  integrity sha512-tuA3lpPj+5ITfcCluy6nWonSL7RvaG0AOTeAuvXqEKS34lnLzXpDb0dcP6K8jD0zWZFNDVly90AGFJPnm4fOYg==
+"@babel/plugin-transform-modules-umd@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.24.6.tgz#c4ef8b6d4da230b8dc87e81cd66986728952f89b"
+  integrity sha512-esRCC/KsSEUvrSjv5rFYnjZI6qv4R1e/iHQrqwbZIoRJqk7xCvEUiN7L1XrmW5QSmQe3n1XD88wbgDTWLbVSyg==
   dependencies:
-    "@babel/helper-module-transforms" "^7.23.3"
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-module-transforms" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-named-capturing-groups-regex@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz#67fe18ee8ce02d57c855185e27e3dc959b2e991f"
-  integrity sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==
+"@babel/plugin-transform-named-capturing-groups-regex@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.24.6.tgz#352ee2861ab8705320029f80238cf26a92ba65d5"
+  integrity sha512-6DneiCiu91wm3YiNIGDWZsl6GfTTbspuj/toTEqLh9d4cx50UIzSdg+T96p8DuT7aJOBRhFyaE9ZvTHkXrXr6Q==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-create-regexp-features-plugin" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-new-target@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.24.1.tgz#29c59988fa3d0157de1c871a28cd83096363cc34"
-  integrity sha512-/rurytBM34hYy0HKZQyA0nHbQgQNFm4Q/BOc9Hflxi2X3twRof7NaE5W46j4kQitm7SvACVRXsa6N/tSZxvPug==
+"@babel/plugin-transform-new-target@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.24.6.tgz#fc024294714705113720d5e3dc0f9ad7abdbc289"
+  integrity sha512-f8liz9JG2Va8A4J5ZBuaSdwfPqN6axfWRK+y66fjKYbwf9VBLuq4WxtinhJhvp1w6lamKUwLG0slK2RxqFgvHA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-nullish-coalescing-operator@^7.22.11", "@babel/plugin-transform-nullish-coalescing-operator@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.24.1.tgz#0cd494bb97cb07d428bd651632cb9d4140513988"
-  integrity sha512-iQ+caew8wRrhCikO5DrUYx0mrmdhkaELgFa+7baMcVuhxIkN7oxt06CZ51D65ugIb1UWRQ8oQe+HXAVM6qHFjw==
+"@babel/plugin-transform-nullish-coalescing-operator@^7.22.11", "@babel/plugin-transform-nullish-coalescing-operator@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.24.6.tgz#12b83b3cdfd1cd2066350e36e4fb912ab194545e"
+  integrity sha512-+QlAiZBMsBK5NqrBWFXCYeXyiU1y7BQ/OYaiPAcQJMomn5Tyg+r5WuVtyEuvTbpV7L25ZSLfE+2E9ywj4FD48A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
     "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
 
-"@babel/plugin-transform-numeric-separator@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.24.1.tgz#5bc019ce5b3435c1cadf37215e55e433d674d4e8"
-  integrity sha512-7GAsGlK4cNL2OExJH1DzmDeKnRv/LXq0eLUSvudrehVA5Rgg4bIrqEUW29FbKMBRT0ztSqisv7kjP+XIC4ZMNw==
+"@babel/plugin-transform-numeric-separator@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.24.6.tgz#d9115669cc85aa91fbfb15f88f2226332cf4946a"
+  integrity sha512-6voawq8T25Jvvnc4/rXcWZQKKxUNZcKMS8ZNrjxQqoRFernJJKjE3s18Qo6VFaatG5aiX5JV1oPD7DbJhn0a4Q==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
     "@babel/plugin-syntax-numeric-separator" "^7.10.4"
 
-"@babel/plugin-transform-object-rest-spread@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.24.5.tgz#f91bbcb092ff957c54b4091c86bda8372f0b10ef"
-  integrity sha512-7EauQHszLGM3ay7a161tTQH7fj+3vVM/gThlz5HpFtnygTxjrlvoeq7MPVA1Vy9Q555OB8SnAOsMkLShNkkrHA==
+"@babel/plugin-transform-object-rest-spread@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.24.6.tgz#68d763f69955f9e599c405c6c876f5be46b47d8a"
+  integrity sha512-OKmi5wiMoRW5Smttne7BwHM8s/fb5JFs+bVGNSeHWzwZkWXWValR1M30jyXo1s/RaqgwwhEC62u4rFH/FBcBPg==
   dependencies:
-    "@babel/helper-compilation-targets" "^7.23.6"
-    "@babel/helper-plugin-utils" "^7.24.5"
+    "@babel/helper-compilation-targets" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
     "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-    "@babel/plugin-transform-parameters" "^7.24.5"
+    "@babel/plugin-transform-parameters" "^7.24.6"
 
-"@babel/plugin-transform-object-super@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.24.1.tgz#e71d6ab13483cca89ed95a474f542bbfc20a0520"
-  integrity sha512-oKJqR3TeI5hSLRxudMjFQ9re9fBVUU0GICqM3J1mi8MqlhVr6hC/ZN4ttAyMuQR6EZZIY6h/exe5swqGNNIkWQ==
+"@babel/plugin-transform-object-super@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.24.6.tgz#9cbe6f995bed343a7ab8daf0416dac057a9c3e27"
+  integrity sha512-N/C76ihFKlZgKfdkEYKtaRUtXZAgK7sOY4h2qrbVbVTXPrKGIi8aww5WGe/+Wmg8onn8sr2ut6FXlsbu/j6JHg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-replace-supers" "^7.24.1"
+    "@babel/helper-plugin-utils" "^7.24.6"
+    "@babel/helper-replace-supers" "^7.24.6"
 
-"@babel/plugin-transform-optional-catch-binding@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.24.1.tgz#92a3d0efe847ba722f1a4508669b23134669e2da"
-  integrity sha512-oBTH7oURV4Y+3EUrf6cWn1OHio3qG/PVwO5J03iSJmBg6m2EhKjkAu/xuaXaYwWW9miYtvbWv4LNf0AmR43LUA==
+"@babel/plugin-transform-optional-catch-binding@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.24.6.tgz#c81e90a971aad898e56f2b75a358e6c4855aeba3"
+  integrity sha512-L5pZ+b3O1mSzJ71HmxSCmTVd03VOT2GXOigug6vDYJzE5awLI7P1g0wFcdmGuwSDSrQ0L2rDOe/hHws8J1rv3w==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
     "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
 
-"@babel/plugin-transform-optional-chaining@^7.23.0", "@babel/plugin-transform-optional-chaining@^7.24.1", "@babel/plugin-transform-optional-chaining@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.24.5.tgz#a6334bebd7f9dd3df37447880d0bd64b778e600f"
-  integrity sha512-xWCkmwKT+ihmA6l7SSTpk8e4qQl/274iNbSKRRS8mpqFR32ksy36+a+LWY8OXCCEefF8WFlnOHVsaDI2231wBg==
+"@babel/plugin-transform-optional-chaining@^7.23.0", "@babel/plugin-transform-optional-chaining@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.24.6.tgz#3d636b3ed8b5a506f93e4d4675fc95754d7594f5"
+  integrity sha512-cHbqF6l1QP11OkYTYQ+hhVx1E017O5ZcSPXk9oODpqhcAD1htsWG2NpHrrhthEO2qZomLK0FXS+u7NfrkF5aOQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.5"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.24.6"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.24.6"
     "@babel/plugin-syntax-optional-chaining" "^7.8.3"
 
-"@babel/plugin-transform-parameters@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.24.5.tgz#5c3b23f3a6b8fed090f9b98f2926896d3153cc62"
-  integrity sha512-9Co00MqZ2aoky+4j2jhofErthm6QVLKbpQrvz20c3CH9KQCLHyNB+t2ya4/UrRpQGR+Wrwjg9foopoeSdnHOkA==
+"@babel/plugin-transform-parameters@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.24.6.tgz#7aee86dfedd2fc0136fecbe6f7649fc02d86ab22"
+  integrity sha512-ST7guE8vLV+vI70wmAxuZpIKzVjvFX9Qs8bl5w6tN/6gOypPWUmMQL2p7LJz5E63vEGrDhAiYetniJFyBH1RkA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.5"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-private-methods@^7.22.5", "@babel/plugin-transform-private-methods@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.24.1.tgz#a0faa1ae87eff077e1e47a5ec81c3aef383dc15a"
-  integrity sha512-tGvisebwBO5em4PaYNqt4fkw56K2VALsAbAakY0FjTYqJp7gfdrgr7YX76Or8/cpik0W6+tj3rZ0uHU9Oil4tw==
+"@babel/plugin-transform-private-methods@^7.22.5", "@babel/plugin-transform-private-methods@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.24.6.tgz#258e1f859a52ff7b30ad556598224c192defcda7"
+  integrity sha512-T9LtDI0BgwXOzyXrvgLTT8DFjCC/XgWLjflczTLXyvxbnSR/gpv0hbmzlHE/kmh9nOvlygbamLKRo6Op4yB6aw==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.24.1"
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-create-class-features-plugin" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-private-property-in-object@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.24.5.tgz#f5d1fcad36e30c960134cb479f1ca98a5b06eda5"
-  integrity sha512-JM4MHZqnWR04jPMujQDTBVRnqxpLLpx2tkn7iPn+Hmsc0Gnb79yvRWOkvqFOx3Z7P7VxiRIR22c4eGSNj87OBQ==
+"@babel/plugin-transform-private-property-in-object@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.24.6.tgz#59ff09a099f62213112cf348e96b6b11957d1f28"
+  integrity sha512-Qu/ypFxCY5NkAnEhCF86Mvg3NSabKsh/TPpBVswEdkGl7+FbsYHy1ziRqJpwGH4thBdQHh8zx+z7vMYmcJ7iaQ==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-create-class-features-plugin" "^7.24.5"
-    "@babel/helper-plugin-utils" "^7.24.5"
+    "@babel/helper-annotate-as-pure" "^7.24.6"
+    "@babel/helper-create-class-features-plugin" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
     "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
 
-"@babel/plugin-transform-property-literals@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.24.1.tgz#d6a9aeab96f03749f4eebeb0b6ea8e90ec958825"
-  integrity sha512-LetvD7CrHmEx0G442gOomRr66d7q8HzzGGr4PMHGr+5YIm6++Yke+jxj246rpvsbyhJwCLxcTn6zW1P1BSenqA==
+"@babel/plugin-transform-property-literals@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.24.6.tgz#243c4faabe811c405e9443059a58e834bf95dfd1"
+  integrity sha512-oARaglxhRsN18OYsnPTpb8TcKQWDYNsPNmTnx5++WOAsUJ0cSC/FZVlIJCKvPbU4yn/UXsS0551CFKJhN0CaMw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-react-display-name@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.24.1.tgz#554e3e1a25d181f040cf698b93fd289a03bfdcdb"
-  integrity sha512-mvoQg2f9p2qlpDQRBC7M3c3XTr0k7cp/0+kFKKO/7Gtu0LSw16eKB+Fabe2bDT/UpsyasTBBkAnbdsLrkD5XMw==
+"@babel/plugin-transform-react-display-name@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.24.6.tgz#2a10c732c2c87a8f06e4413fb4a14e76e6c67a99"
+  integrity sha512-/3iiEEHDsJuj9QU09gbyWGSUxDboFcD7Nj6dnHIlboWSodxXAoaY/zlNMHeYAC0WsERMqgO9a7UaM77CsYgWcg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-react-jsx-development@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.22.5.tgz#e716b6edbef972a92165cd69d92f1255f7e73e87"
-  integrity sha512-bDhuzwWMuInwCYeDeMzyi7TaBgRQei6DqxhbyniL7/VG4RSS7HtSL2QbY4eESy1KJqlWt8g3xeEBGPuo+XqC8A==
+"@babel/plugin-transform-react-jsx-development@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.24.6.tgz#e662058e8795b5fccd24c5bdd2b328728aef3305"
+  integrity sha512-F7EsNp5StNDouSSdYyDSxh4J+xvj/JqG+Cb6s2fA+jCyHOzigG5vTwgH8tU2U8Voyiu5zCG9bAK49wTr/wPH0w==
   dependencies:
-    "@babel/plugin-transform-react-jsx" "^7.22.5"
+    "@babel/plugin-transform-react-jsx" "^7.24.6"
 
-"@babel/plugin-transform-react-jsx@^7.22.5", "@babel/plugin-transform-react-jsx@^7.23.4":
-  version "7.23.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.23.4.tgz#393f99185110cea87184ea47bcb4a7b0c2e39312"
-  integrity sha512-5xOpoPguCZCRbo/JeHlloSkTA8Bld1J/E1/kLfD1nsuiW1m8tduTA1ERCgIZokDflX/IBzKcqR3l7VlRgiIfHA==
+"@babel/plugin-transform-react-jsx@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.24.6.tgz#4ca3660ca663d20095455571615d6263986cdfe4"
+  integrity sha512-pCtPHhpRZHfwdA5G1Gpk5mIzMA99hv0R8S/Ket50Rw+S+8hkt3wBWqdqHaPw0CuUYxdshUgsPiLQ5fAs4ASMhw==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-module-imports" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-jsx" "^7.23.3"
-    "@babel/types" "^7.23.4"
+    "@babel/helper-annotate-as-pure" "^7.24.6"
+    "@babel/helper-module-imports" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
+    "@babel/plugin-syntax-jsx" "^7.24.6"
+    "@babel/types" "^7.24.6"
 
-"@babel/plugin-transform-react-pure-annotations@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.24.1.tgz#c86bce22a53956331210d268e49a0ff06e392470"
-  integrity sha512-+pWEAaDJvSm9aFvJNpLiM2+ktl2Sn2U5DdyiWdZBxmLc6+xGt88dvFqsHiAiDS+8WqUwbDfkKz9jRxK3M0k+kA==
+"@babel/plugin-transform-react-pure-annotations@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.24.6.tgz#d2bad8d70c3635cb63a69ee66c9c891f9392435c"
+  integrity sha512-0HoDQlFJJkXRyV2N+xOpUETbKHcouSwijRQbKWVtxsPoq5bbB30qZag9/pSc5xcWVYjTHlLsBsY+hZDnzQTPNw==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-annotate-as-pure" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-regenerator@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.24.1.tgz#625b7545bae52363bdc1fbbdc7252b5046409c8c"
-  integrity sha512-sJwZBCzIBE4t+5Q4IGLaaun5ExVMRY0lYwos/jNecjMrVCygCdph3IKv0tkP5Fc87e/1+bebAmEAGBfnRD+cnw==
+"@babel/plugin-transform-regenerator@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.24.6.tgz#ed10cf0c13619365e15459f88d1b915ac57ffc24"
+  integrity sha512-SMDxO95I8WXRtXhTAc8t/NFQUT7VYbIWwJCJgEli9ml4MhqUMh4S6hxgH6SmAC3eAQNWCDJFxcFeEt9w2sDdXg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
     regenerator-transform "^0.15.2"
 
-"@babel/plugin-transform-reserved-words@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.24.1.tgz#8de729f5ecbaaf5cf83b67de13bad38a21be57c1"
-  integrity sha512-JAclqStUfIwKN15HrsQADFgeZt+wexNQ0uLhuqvqAUFoqPMjEcFCYZBhq0LUdz6dZK/mD+rErhW71fbx8RYElg==
+"@babel/plugin-transform-reserved-words@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.24.6.tgz#9eb16cbf339fcea0a46677716c775afb5ef14245"
+  integrity sha512-DcrgFXRRlK64dGE0ZFBPD5egM2uM8mgfrvTMOSB2yKzOtjpGegVYkzh3s1zZg1bBck3nkXiaOamJUqK3Syk+4A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-runtime@7.24.3":
-  version "7.24.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.24.3.tgz#dc58ad4a31810a890550365cc922e1ff5acb5d7f"
-  integrity sha512-J0BuRPNlNqlMTRJ72eVptpt9VcInbxO6iP3jaxr+1NPhC0UkKL+6oeX6VXMEYdADnuqmMmsBspt4d5w8Y/TCbQ==
+"@babel/plugin-transform-runtime@7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.24.6.tgz#1e3256246004c3724b8e07c7cb25e35913c4e373"
+  integrity sha512-W3gQydMb0SY99y/2lV0Okx2xg/8KzmZLQsLaiCmwNRl1kKomz14VurEm+2TossUb+sRvBCnGe+wx8KtIgDtBbQ==
   dependencies:
-    "@babel/helper-module-imports" "^7.24.3"
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-module-imports" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
     babel-plugin-polyfill-corejs2 "^0.4.10"
     babel-plugin-polyfill-corejs3 "^0.10.1"
     babel-plugin-polyfill-regenerator "^0.6.1"
     semver "^6.3.1"
 
-"@babel/plugin-transform-shorthand-properties@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.24.1.tgz#ba9a09144cf55d35ec6b93a32253becad8ee5b55"
-  integrity sha512-LyjVB1nsJ6gTTUKRjRWx9C1s9hE7dLfP/knKdrfeH9UPtAGjYGgxIbFfx7xyLIEWs7Xe1Gnf8EWiUqfjLhInZA==
+"@babel/plugin-transform-shorthand-properties@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.24.6.tgz#ef734ebccc428d2174c7bb36015d0800faf5381e"
+  integrity sha512-xnEUvHSMr9eOWS5Al2YPfc32ten7CXdH7Zwyyk7IqITg4nX61oHj+GxpNvl+y5JHjfN3KXE2IV55wAWowBYMVw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-spread@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.24.1.tgz#a1acf9152cbf690e4da0ba10790b3ac7d2b2b391"
-  integrity sha512-KjmcIM+fxgY+KxPVbjelJC6hrH1CgtPmTvdXAfn3/a9CnWGSTY7nH4zm5+cjmWJybdcPSsD0++QssDsjcpe47g==
+"@babel/plugin-transform-spread@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.24.6.tgz#a56cecbd8617675531d1b79f5b755b7613aa0822"
+  integrity sha512-h/2j7oIUDjS+ULsIrNZ6/TKG97FgmEk1PXryk/HQq6op4XUUUwif2f69fJrzK0wza2zjCS1xhXmouACaWV5uPA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.24.6"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.24.6"
 
-"@babel/plugin-transform-sticky-regex@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.24.1.tgz#f03e672912c6e203ed8d6e0271d9c2113dc031b9"
-  integrity sha512-9v0f1bRXgPVcPrngOQvLXeGNNVLc8UjMVfebo9ka0WF3/7+aVUHmaJVT3sa0XCzEFioPfPHZiOcYG9qOsH63cw==
+"@babel/plugin-transform-sticky-regex@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.24.6.tgz#1a78127731fea87d954bed193840986a38f04327"
+  integrity sha512-fN8OcTLfGmYv7FnDrsjodYBo1DhPL3Pze/9mIIE2MGCT1KgADYIOD7rEglpLHZj8PZlC/JFX5WcD+85FLAQusw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-template-literals@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.24.1.tgz#15e2166873a30d8617e3e2ccadb86643d327aab7"
-  integrity sha512-WRkhROsNzriarqECASCNu/nojeXCDTE/F2HmRgOzi7NGvyfYGq1NEjKBK3ckLfRgGc6/lPAqP0vDOSw3YtG34g==
+"@babel/plugin-transform-template-literals@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.24.6.tgz#aaf2ae157acd0e5c9265dba8ac0a439f8d2a6303"
+  integrity sha512-BJbEqJIcKwrqUP+KfUIkxz3q8VzXe2R8Wv8TaNgO1cx+nNavxn/2+H8kp9tgFSOL6wYPPEgFvU6IKS4qoGqhmg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-typeof-symbol@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.24.5.tgz#703cace5ef74155fb5eecab63cbfc39bdd25fe12"
-  integrity sha512-UTGnhYVZtTAjdwOTzT+sCyXmTn8AhaxOS/MjG9REclZ6ULHWF9KoCZur0HSGU7hk8PdBFKKbYe6+gqdXWz84Jg==
+"@babel/plugin-transform-typeof-symbol@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.24.6.tgz#3d02da23ebcc8f1982ddcd1f2581cf3ee4e58762"
+  integrity sha512-IshCXQ+G9JIFJI7bUpxTE/oA2lgVLAIK8q1KdJNoPXOpvRaNjMySGuvLfBw/Xi2/1lLo953uE8hyYSDW3TSYig==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.5"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-typescript@^7.24.1":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.24.5.tgz#bcba979e462120dc06a75bd34c473a04781931b8"
-  integrity sha512-E0VWu/hk83BIFUWnsKZ4D81KXjN5L3MobvevOHErASk9IPwKHOkTgvqzvNo1yP/ePJWqqK2SpUR5z+KQbl6NVw==
+"@babel/plugin-transform-typescript@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.24.6.tgz#339c6127a783c32e28a5b591e6c666f899b57db0"
+  integrity sha512-H0i+hDLmaYYSt6KU9cZE0gb3Cbssa/oxWis7PX4ofQzbvsfix9Lbh8SRk7LCPDlLWJHUiFeHU0qRRpF/4Zv7mQ==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-create-class-features-plugin" "^7.24.5"
-    "@babel/helper-plugin-utils" "^7.24.5"
-    "@babel/plugin-syntax-typescript" "^7.24.1"
+    "@babel/helper-annotate-as-pure" "^7.24.6"
+    "@babel/helper-create-class-features-plugin" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
+    "@babel/plugin-syntax-typescript" "^7.24.6"
 
-"@babel/plugin-transform-unicode-escapes@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.24.1.tgz#fb3fa16676549ac7c7449db9b342614985c2a3a4"
-  integrity sha512-RlkVIcWT4TLI96zM660S877E7beKlQw7Ig+wqkKBiWfj0zH5Q4h50q6er4wzZKRNSYpfo6ILJ+hrJAGSX2qcNw==
+"@babel/plugin-transform-unicode-escapes@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.24.6.tgz#c8ddca8fd5bacece837a4e27bd3b7ed64580d1a8"
+  integrity sha512-bKl3xxcPbkQQo5eX9LjjDpU2xYHeEeNQbOhj0iPvetSzA+Tu9q/o5lujF4Sek60CM6MgYvOS/DJuwGbiEYAnLw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-unicode-property-regex@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.24.1.tgz#56704fd4d99da81e5e9f0c0c93cabd91dbc4889e"
-  integrity sha512-Ss4VvlfYV5huWApFsF8/Sq0oXnGO+jB+rijFEFugTd3cwSObUSnUi88djgR5528Csl0uKlrI331kRqe56Ov2Ng==
+"@babel/plugin-transform-unicode-property-regex@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.24.6.tgz#e66297d5d452db0b0be56515e3d0e10b7d33fb32"
+  integrity sha512-8EIgImzVUxy15cZiPii9GvLZwsy7Vxc+8meSlR3cXFmBIl5W5Tn9LGBf7CDKkHj4uVfNXCJB8RsVfnmY61iedA==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-create-regexp-features-plugin" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-unicode-regex@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.24.1.tgz#57c3c191d68f998ac46b708380c1ce4d13536385"
-  integrity sha512-2A/94wgZgxfTsiLaQ2E36XAOdcZmGAaEEgVmxQWwZXWkGhvoHbaqXcKnU8zny4ycpu3vNqg0L/PcCiYtHtA13g==
+"@babel/plugin-transform-unicode-regex@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.24.6.tgz#2001e7d87ed709eea145e0b65fb5f93c3c0e225b"
+  integrity sha512-pssN6ExsvxaKU638qcWb81RrvvgZom3jDgU/r5xFZ7TONkZGFf4MhI2ltMb8OcQWhHyxgIavEU+hgqtbKOmsPA==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-create-regexp-features-plugin" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/plugin-transform-unicode-sets-regex@^7.24.1":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.24.1.tgz#c1ea175b02afcffc9cf57a9c4658326625165b7f"
-  integrity sha512-fqj4WuzzS+ukpgerpAoOnMfQXwUHFxXUZUE84oL2Kao2N8uSlvcpnAidKASgsNgzZHBsHWvcm8s9FPWUhAb8fA==
+"@babel/plugin-transform-unicode-sets-regex@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.24.6.tgz#f18b7292222aee85c155258ceb345a146a070a46"
+  integrity sha512-quiMsb28oXWIDK0gXLALOJRXLgICLiulqdZGOaPPd0vRT7fQp74NtdADAVu+D8s00C+0Xs0MxVP0VKF/sZEUgw==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.24.0"
+    "@babel/helper-create-regexp-features-plugin" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
 
-"@babel/preset-env@7.24.5", "@babel/preset-env@^7.23.2":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.24.5.tgz#6a9ac90bd5a5a9dae502af60dfc58c190551bbcd"
-  integrity sha512-UGK2ifKtcC8i5AI4cH+sbLLuLc2ktYSFJgBAXorKAsHUZmrQ1q6aQ6i3BvU24wWs2AAKqQB6kq3N9V9Gw1HiMQ==
+"@babel/preset-env@7.24.6", "@babel/preset-env@^7.23.2":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.24.6.tgz#a5a55bc70e5ff1ed7f872067e2a9d65ff917ad6f"
+  integrity sha512-CrxEAvN7VxfjOG8JNF2Y/eMqMJbZPZ185amwGUBp8D9USK90xQmv7dLdFSa+VbD7fdIqcy/Mfv7WtzG8+/qxKg==
   dependencies:
-    "@babel/compat-data" "^7.24.4"
-    "@babel/helper-compilation-targets" "^7.23.6"
-    "@babel/helper-plugin-utils" "^7.24.5"
-    "@babel/helper-validator-option" "^7.23.5"
-    "@babel/plugin-bugfix-firefox-class-in-computed-class-key" "^7.24.5"
-    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.24.1"
-    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.24.1"
-    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.24.1"
+    "@babel/compat-data" "^7.24.6"
+    "@babel/helper-compilation-targets" "^7.24.6"
+    "@babel/helper-plugin-utils" "^7.24.6"
+    "@babel/helper-validator-option" "^7.24.6"
+    "@babel/plugin-bugfix-firefox-class-in-computed-class-key" "^7.24.6"
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.24.6"
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.24.6"
+    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.24.6"
     "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2"
     "@babel/plugin-syntax-async-generators" "^7.8.4"
     "@babel/plugin-syntax-class-properties" "^7.12.13"
     "@babel/plugin-syntax-class-static-block" "^7.14.5"
     "@babel/plugin-syntax-dynamic-import" "^7.8.3"
     "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
-    "@babel/plugin-syntax-import-assertions" "^7.24.1"
-    "@babel/plugin-syntax-import-attributes" "^7.24.1"
+    "@babel/plugin-syntax-import-assertions" "^7.24.6"
+    "@babel/plugin-syntax-import-attributes" "^7.24.6"
     "@babel/plugin-syntax-import-meta" "^7.10.4"
     "@babel/plugin-syntax-json-strings" "^7.8.3"
     "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
@@ -960,54 +959,54 @@
     "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
     "@babel/plugin-syntax-top-level-await" "^7.14.5"
     "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6"
-    "@babel/plugin-transform-arrow-functions" "^7.24.1"
-    "@babel/plugin-transform-async-generator-functions" "^7.24.3"
-    "@babel/plugin-transform-async-to-generator" "^7.24.1"
-    "@babel/plugin-transform-block-scoped-functions" "^7.24.1"
-    "@babel/plugin-transform-block-scoping" "^7.24.5"
-    "@babel/plugin-transform-class-properties" "^7.24.1"
-    "@babel/plugin-transform-class-static-block" "^7.24.4"
-    "@babel/plugin-transform-classes" "^7.24.5"
-    "@babel/plugin-transform-computed-properties" "^7.24.1"
-    "@babel/plugin-transform-destructuring" "^7.24.5"
-    "@babel/plugin-transform-dotall-regex" "^7.24.1"
-    "@babel/plugin-transform-duplicate-keys" "^7.24.1"
-    "@babel/plugin-transform-dynamic-import" "^7.24.1"
-    "@babel/plugin-transform-exponentiation-operator" "^7.24.1"
-    "@babel/plugin-transform-export-namespace-from" "^7.24.1"
-    "@babel/plugin-transform-for-of" "^7.24.1"
-    "@babel/plugin-transform-function-name" "^7.24.1"
-    "@babel/plugin-transform-json-strings" "^7.24.1"
-    "@babel/plugin-transform-literals" "^7.24.1"
-    "@babel/plugin-transform-logical-assignment-operators" "^7.24.1"
-    "@babel/plugin-transform-member-expression-literals" "^7.24.1"
-    "@babel/plugin-transform-modules-amd" "^7.24.1"
-    "@babel/plugin-transform-modules-commonjs" "^7.24.1"
-    "@babel/plugin-transform-modules-systemjs" "^7.24.1"
-    "@babel/plugin-transform-modules-umd" "^7.24.1"
-    "@babel/plugin-transform-named-capturing-groups-regex" "^7.22.5"
-    "@babel/plugin-transform-new-target" "^7.24.1"
-    "@babel/plugin-transform-nullish-coalescing-operator" "^7.24.1"
-    "@babel/plugin-transform-numeric-separator" "^7.24.1"
-    "@babel/plugin-transform-object-rest-spread" "^7.24.5"
-    "@babel/plugin-transform-object-super" "^7.24.1"
-    "@babel/plugin-transform-optional-catch-binding" "^7.24.1"
-    "@babel/plugin-transform-optional-chaining" "^7.24.5"
-    "@babel/plugin-transform-parameters" "^7.24.5"
-    "@babel/plugin-transform-private-methods" "^7.24.1"
-    "@babel/plugin-transform-private-property-in-object" "^7.24.5"
-    "@babel/plugin-transform-property-literals" "^7.24.1"
-    "@babel/plugin-transform-regenerator" "^7.24.1"
-    "@babel/plugin-transform-reserved-words" "^7.24.1"
-    "@babel/plugin-transform-shorthand-properties" "^7.24.1"
-    "@babel/plugin-transform-spread" "^7.24.1"
-    "@babel/plugin-transform-sticky-regex" "^7.24.1"
-    "@babel/plugin-transform-template-literals" "^7.24.1"
-    "@babel/plugin-transform-typeof-symbol" "^7.24.5"
-    "@babel/plugin-transform-unicode-escapes" "^7.24.1"
-    "@babel/plugin-transform-unicode-property-regex" "^7.24.1"
-    "@babel/plugin-transform-unicode-regex" "^7.24.1"
-    "@babel/plugin-transform-unicode-sets-regex" "^7.24.1"
+    "@babel/plugin-transform-arrow-functions" "^7.24.6"
+    "@babel/plugin-transform-async-generator-functions" "^7.24.6"
+    "@babel/plugin-transform-async-to-generator" "^7.24.6"
+    "@babel/plugin-transform-block-scoped-functions" "^7.24.6"
+    "@babel/plugin-transform-block-scoping" "^7.24.6"
+    "@babel/plugin-transform-class-properties" "^7.24.6"
+    "@babel/plugin-transform-class-static-block" "^7.24.6"
+    "@babel/plugin-transform-classes" "^7.24.6"
+    "@babel/plugin-transform-computed-properties" "^7.24.6"
+    "@babel/plugin-transform-destructuring" "^7.24.6"
+    "@babel/plugin-transform-dotall-regex" "^7.24.6"
+    "@babel/plugin-transform-duplicate-keys" "^7.24.6"
+    "@babel/plugin-transform-dynamic-import" "^7.24.6"
+    "@babel/plugin-transform-exponentiation-operator" "^7.24.6"
+    "@babel/plugin-transform-export-namespace-from" "^7.24.6"
+    "@babel/plugin-transform-for-of" "^7.24.6"
+    "@babel/plugin-transform-function-name" "^7.24.6"
+    "@babel/plugin-transform-json-strings" "^7.24.6"
+    "@babel/plugin-transform-literals" "^7.24.6"
+    "@babel/plugin-transform-logical-assignment-operators" "^7.24.6"
+    "@babel/plugin-transform-member-expression-literals" "^7.24.6"
+    "@babel/plugin-transform-modules-amd" "^7.24.6"
+    "@babel/plugin-transform-modules-commonjs" "^7.24.6"
+    "@babel/plugin-transform-modules-systemjs" "^7.24.6"
+    "@babel/plugin-transform-modules-umd" "^7.24.6"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.24.6"
+    "@babel/plugin-transform-new-target" "^7.24.6"
+    "@babel/plugin-transform-nullish-coalescing-operator" "^7.24.6"
+    "@babel/plugin-transform-numeric-separator" "^7.24.6"
+    "@babel/plugin-transform-object-rest-spread" "^7.24.6"
+    "@babel/plugin-transform-object-super" "^7.24.6"
+    "@babel/plugin-transform-optional-catch-binding" "^7.24.6"
+    "@babel/plugin-transform-optional-chaining" "^7.24.6"
+    "@babel/plugin-transform-parameters" "^7.24.6"
+    "@babel/plugin-transform-private-methods" "^7.24.6"
+    "@babel/plugin-transform-private-property-in-object" "^7.24.6"
+    "@babel/plugin-transform-property-literals" "^7.24.6"
+    "@babel/plugin-transform-regenerator" "^7.24.6"
+    "@babel/plugin-transform-reserved-words" "^7.24.6"
+    "@babel/plugin-transform-shorthand-properties" "^7.24.6"
+    "@babel/plugin-transform-spread" "^7.24.6"
+    "@babel/plugin-transform-sticky-regex" "^7.24.6"
+    "@babel/plugin-transform-template-literals" "^7.24.6"
+    "@babel/plugin-transform-typeof-symbol" "^7.24.6"
+    "@babel/plugin-transform-unicode-escapes" "^7.24.6"
+    "@babel/plugin-transform-unicode-property-regex" "^7.24.6"
+    "@babel/plugin-transform-unicode-regex" "^7.24.6"
+    "@babel/plugin-transform-unicode-sets-regex" "^7.24.6"
     "@babel/preset-modules" "0.1.6-no-external-plugins"
     babel-plugin-polyfill-corejs2 "^0.4.10"
     babel-plugin-polyfill-corejs3 "^0.10.4"
@@ -1016,13 +1015,13 @@
     semver "^6.3.1"
 
 "@babel/preset-flow@^7.22.15":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/preset-flow/-/preset-flow-7.24.1.tgz#da7196c20c2d7dd4e98cfd8b192fe53b5eb6f0bb"
-  integrity sha512-sWCV2G9pcqZf+JHyv/RyqEIpFypxdCSxWIxQjpdaQxenNog7cN1pr76hg8u0Fz8Qgg0H4ETkGcJnXL8d4j0PPA==
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/preset-flow/-/preset-flow-7.24.6.tgz#df09ee46558577bea49bc71d597604c03c9bf7a6"
+  integrity sha512-huoe0T1Qs9fQhMWbmqE/NHUeZbqmHDsN6n/jYvPcUUHfuKiPV32C9i8tDhMbQ1DEKTjbBP7Rjm3nSLwlB2X05g==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-validator-option" "^7.23.5"
-    "@babel/plugin-transform-flow-strip-types" "^7.24.1"
+    "@babel/helper-plugin-utils" "^7.24.6"
+    "@babel/helper-validator-option" "^7.24.6"
+    "@babel/plugin-transform-flow-strip-types" "^7.24.6"
 
 "@babel/preset-modules@0.1.6-no-external-plugins":
   version "0.1.6-no-external-plugins"
@@ -1034,32 +1033,32 @@
     esutils "^2.0.2"
 
 "@babel/preset-react@^7.22.15":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.24.1.tgz#2450c2ac5cc498ef6101a6ca5474de251e33aa95"
-  integrity sha512-eFa8up2/8cZXLIpkafhaADTXSnl7IsUFCYenRWrARBz0/qZwcT0RBXpys0LJU4+WfPoF2ZG6ew6s2V6izMCwRA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-validator-option" "^7.23.5"
-    "@babel/plugin-transform-react-display-name" "^7.24.1"
-    "@babel/plugin-transform-react-jsx" "^7.23.4"
-    "@babel/plugin-transform-react-jsx-development" "^7.22.5"
-    "@babel/plugin-transform-react-pure-annotations" "^7.24.1"
-
-"@babel/preset-typescript@7.24.1", "@babel/preset-typescript@^7.23.0":
-  version "7.24.1"
-  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.24.1.tgz#89bdf13a3149a17b3b2a2c9c62547f06db8845ec"
-  integrity sha512-1DBaMmRDpuYQBPWD8Pf/WEwCrtgRHxsZnP4mIy9G/X+hFfbI47Q2G4t1Paakld84+qsk2fSsUPMKg71jkoOOaQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.24.0"
-    "@babel/helper-validator-option" "^7.23.5"
-    "@babel/plugin-syntax-jsx" "^7.24.1"
-    "@babel/plugin-transform-modules-commonjs" "^7.24.1"
-    "@babel/plugin-transform-typescript" "^7.24.1"
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.24.6.tgz#92eace66dce577e5263113eb82235a0d45096cae"
+  integrity sha512-8mpzh1bWvmINmwM3xpz6ahu57mNaWavMm+wBNjQ4AFu1nghKBiIRET7l/Wmj4drXany/BBGjJZngICcD98F1iw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.24.6"
+    "@babel/helper-validator-option" "^7.24.6"
+    "@babel/plugin-transform-react-display-name" "^7.24.6"
+    "@babel/plugin-transform-react-jsx" "^7.24.6"
+    "@babel/plugin-transform-react-jsx-development" "^7.24.6"
+    "@babel/plugin-transform-react-pure-annotations" "^7.24.6"
+
+"@babel/preset-typescript@7.24.6", "@babel/preset-typescript@^7.23.0":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.24.6.tgz#27057470fb981c31338bdb897fc3d9aa0cb7dab2"
+  integrity sha512-U10aHPDnokCFRXgyT/MaIRTivUu2K/mu0vJlwRS9LxJmJet+PFQNKpggPyFCUtC6zWSBPjvxjnpNkAn3Uw2m5w==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.24.6"
+    "@babel/helper-validator-option" "^7.24.6"
+    "@babel/plugin-syntax-jsx" "^7.24.6"
+    "@babel/plugin-transform-modules-commonjs" "^7.24.6"
+    "@babel/plugin-transform-typescript" "^7.24.6"
 
 "@babel/register@^7.22.15":
-  version "7.23.7"
-  resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.23.7.tgz#485a5e7951939d21304cae4af1719fdb887bc038"
-  integrity sha512-EjJeB6+kvpk+Y5DAkEAmbOBEFkh9OASx0huoEkqYTFxAZHzOAX2Oh5uwAUuL2rUddqfM0SA+KPXV2TbzoZ2kvQ==
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.24.6.tgz#59e21dcc79e1d04eed5377633b0f88029a6bef9e"
+  integrity sha512-WSuFCc2wCqMeXkz/i3yfAAsxwWflEgbVkZzivgAmXl/MxrXeoYFZOOPllbC8R8WTF7u61wSRQtDVZ1879cdu6w==
   dependencies:
     clone-deep "^4.0.1"
     find-cache-dir "^2.0.0"
@@ -1072,45 +1071,45 @@
   resolved "https://registry.yarnpkg.com/@babel/regjsgen/-/regjsgen-0.8.0.tgz#f0ba69b075e1f05fb2825b7fad991e7adbb18310"
   integrity sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==
 
-"@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.15.4", "@babel/runtime@^7.17.8", "@babel/runtime@^7.18.3", "@babel/runtime@^7.2.0", "@babel/runtime@^7.21.0", "@babel/runtime@^7.23.9", "@babel/runtime@^7.3.1", "@babel/runtime@^7.4.4", "@babel/runtime@^7.5.5", "@babel/runtime@^7.6.0", "@babel/runtime@^7.8.3", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.24.5.tgz#230946857c053a36ccc66e1dd03b17dd0c4ed02c"
-  integrity sha512-Nms86NXrsaeU9vbBJKni6gXiEXZ4CVpYVzEjDH9Sb8vmZ3UljyA1GSOJl/6LGPO8EHLuSF9H+IxNXHPX8QHJ4g==
+"@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.17.8", "@babel/runtime@^7.18.3", "@babel/runtime@^7.21.0", "@babel/runtime@^7.23.9", "@babel/runtime@^7.3.1", "@babel/runtime@^7.4.4", "@babel/runtime@^7.5.5", "@babel/runtime@^7.6.0", "@babel/runtime@^7.8.3", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.24.6.tgz#5b76eb89ad45e2e4a0a8db54c456251469a3358e"
+  integrity sha512-Ja18XcETdEl5mzzACGd+DKgaGJzPTCow7EglgwTmHdwokzDFYh/MHua6lU6DV/hjF2IaOJ4oX2nqnjG7RElKOw==
   dependencies:
     regenerator-runtime "^0.14.0"
 
-"@babel/template@^7.22.15", "@babel/template@^7.24.0", "@babel/template@^7.3.3":
-  version "7.24.0"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.24.0.tgz#c6a524aa93a4a05d66aaf31654258fae69d87d50"
-  integrity sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==
-  dependencies:
-    "@babel/code-frame" "^7.23.5"
-    "@babel/parser" "^7.24.0"
-    "@babel/types" "^7.24.0"
-
-"@babel/traverse@^7.18.9", "@babel/traverse@^7.23.2", "@babel/traverse@^7.24.5":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.5.tgz#972aa0bc45f16983bf64aa1f877b2dd0eea7e6f8"
-  integrity sha512-7aaBLeDQ4zYcUFDUD41lJc1fG8+5IU9DaNSJAgal866FGvmD5EbWQgnEC6kO1gGLsX0esNkfnJSndbTXA3r7UA==
-  dependencies:
-    "@babel/code-frame" "^7.24.2"
-    "@babel/generator" "^7.24.5"
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-function-name" "^7.23.0"
-    "@babel/helper-hoist-variables" "^7.22.5"
-    "@babel/helper-split-export-declaration" "^7.24.5"
-    "@babel/parser" "^7.24.5"
-    "@babel/types" "^7.24.5"
+"@babel/template@^7.24.6", "@babel/template@^7.3.3":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.24.6.tgz#048c347b2787a6072b24c723664c8d02b67a44f9"
+  integrity sha512-3vgazJlLwNXi9jhrR1ef8qiB65L1RK90+lEQwv4OxveHnqC3BfmnHdgySwRLzf6akhlOYenT+b7AfWq+a//AHw==
+  dependencies:
+    "@babel/code-frame" "^7.24.6"
+    "@babel/parser" "^7.24.6"
+    "@babel/types" "^7.24.6"
+
+"@babel/traverse@^7.18.9", "@babel/traverse@^7.23.2", "@babel/traverse@^7.24.6":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.6.tgz#0941ec50cdeaeacad0911eb67ae227a4f8424edc"
+  integrity sha512-OsNjaJwT9Zn8ozxcfoBc+RaHdj3gFmCmYoQLUII1o6ZrUwku0BMg80FoOTPx+Gi6XhcQxAYE4xyjPTo4SxEQqw==
+  dependencies:
+    "@babel/code-frame" "^7.24.6"
+    "@babel/generator" "^7.24.6"
+    "@babel/helper-environment-visitor" "^7.24.6"
+    "@babel/helper-function-name" "^7.24.6"
+    "@babel/helper-hoist-variables" "^7.24.6"
+    "@babel/helper-split-export-declaration" "^7.24.6"
+    "@babel/parser" "^7.24.6"
+    "@babel/types" "^7.24.6"
     debug "^4.3.1"
     globals "^11.1.0"
 
-"@babel/types@^7.0.0", "@babel/types@^7.18.9", "@babel/types@^7.20.7", "@babel/types@^7.22.15", "@babel/types@^7.22.5", "@babel/types@^7.23.0", "@babel/types@^7.23.4", "@babel/types@^7.24.0", "@babel/types@^7.24.5", "@babel/types@^7.3.3", "@babel/types@^7.4.4":
-  version "7.24.5"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.5.tgz#7661930afc638a5383eb0c4aee59b74f38db84d7"
-  integrity sha512-6mQNsaLeXTw0nxYUYu+NSa4Hx4BlF1x1x8/PMFbiR+GBSr+2DkECc69b8hgy2frEodNcvPffeH8YfWd3LI6jhQ==
+"@babel/types@^7.0.0", "@babel/types@^7.18.9", "@babel/types@^7.20.7", "@babel/types@^7.23.0", "@babel/types@^7.24.6", "@babel/types@^7.3.3", "@babel/types@^7.4.4":
+  version "7.24.6"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.6.tgz#ba4e1f59870c10dc2fa95a274ac4feec23b21912"
+  integrity sha512-WaMsgi6Q8zMgMth93GvWPXkhAIEobfsIkLTacoVZoK1J0CevIPGYY2Vo5YvJGqyHqXM6P4ppOYGsIRU8MM9pFQ==
   dependencies:
-    "@babel/helper-string-parser" "^7.24.1"
-    "@babel/helper-validator-identifier" "^7.24.5"
+    "@babel/helper-string-parser" "^7.24.6"
+    "@babel/helper-validator-identifier" "^7.24.6"
     to-fast-properties "^2.0.0"
 
 "@base2/pretty-print-object@1.0.1":
@@ -1128,18 +1127,11 @@
   resolved "https://registry.yarnpkg.com/@colors/colors/-/colors-1.5.0.tgz#bb504579c1cae923e6576a4f5da43d25f97bdbd9"
   integrity sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==
 
-"@date-io/core@1.x", "@date-io/core@^1.1.0", "@date-io/core@^1.3.6":
+"@date-io/core@1.x", "@date-io/core@^1.3.6":
   version "1.3.13"
   resolved "https://registry.yarnpkg.com/@date-io/core/-/core-1.3.13.tgz#90c71da493f20204b7a972929cc5c482d078b3fa"
   integrity sha512-AlEKV7TxjeK+jxWVKcCFrfYAk8spX9aCyiToFIiLPtfQbsjmRGLIhb5VZgptQcJdHtLXo7+m0DuurwFgUToQuA==
 
-"@date-io/date-fns@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@date-io/date-fns/-/date-fns-1.1.0.tgz#91cd7703042513a6a0056a344b25cd74a4df643e"
-  integrity sha512-FMRhYWfoGiIXdN4xWAArpkdEbqsg2Fr+6Yda7Np2eVWCNx6gSMYsHIM51IIcI+3762ajYbhoEYjHYXVFNZIk1g==
-  dependencies:
-    "@date-io/core" "^1.1.0"
-
 "@date-io/date-fns@1.3.6":
   version "1.3.6"
   resolved "https://registry.yarnpkg.com/@date-io/date-fns/-/date-fns-1.3.6.tgz#556fa6d324361258b7fab02d9327f80a989a7ef0"
@@ -1190,7 +1182,7 @@
   resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.9.1.tgz#4ffb0055f7ef676ebc3a5a91fb621393294e2f43"
   integrity sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==
 
-"@emotion/is-prop-valid@1.2.2", "@emotion/is-prop-valid@^1.2.1":
+"@emotion/is-prop-valid@1.2.2", "@emotion/is-prop-valid@^1.2.2":
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-1.2.2.tgz#d4175076679c6a26faa92b03bb786f9e52612337"
   integrity sha512-uNsoYd37AFmaCdXlg6EYD1KaPOaRWRByMCYzbKUX4+hhMfrxdVSelShywL4JVaAeM/eHUOSprYBQls+/neX3pw==
@@ -1216,7 +1208,7 @@
     "@emotion/weak-memoize" "^0.3.1"
     hoist-non-react-statics "^3.3.1"
 
-"@emotion/serialize@^1.1.2", "@emotion/serialize@^1.1.3":
+"@emotion/serialize@^1.1.2", "@emotion/serialize@^1.1.3", "@emotion/serialize@^1.1.4":
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.1.4.tgz#fc8f6d80c492cfa08801d544a05331d1cc7cd451"
   integrity sha512-RIN04MBT8g+FnDwgvIUi8czvr1LU1alUMI05LekWB5DGyTm8cCBMCRpq3GqaiyEDRptEXOyXnvZ58GZYu4kBxQ==
@@ -1232,15 +1224,15 @@
   resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.2.2.tgz#d58e788ee27267a14342303e1abb3d508b6d0fec"
   integrity sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==
 
-"@emotion/styled@11.11.0":
-  version "11.11.0"
-  resolved "https://registry.yarnpkg.com/@emotion/styled/-/styled-11.11.0.tgz#26b75e1b5a1b7a629d7c0a8b708fbf5a9cdce346"
-  integrity sha512-hM5Nnvu9P3midq5aaXj4I+lnSfNi7Pmd4EWk1fOZ3pxookaQTNew6bp4JaCBYM4HVFZF9g7UjJmsUmC2JlxOng==
+"@emotion/styled@11.11.5":
+  version "11.11.5"
+  resolved "https://registry.yarnpkg.com/@emotion/styled/-/styled-11.11.5.tgz#0c5c8febef9d86e8a926e663b2e5488705545dfb"
+  integrity sha512-/ZjjnaNKvuMPxcIiUkf/9SHoG4Q196DRl1w82hQ3WCsjo1IUR8uaGWrC6a87CrYAW0Kb/pK7hk8BnLgLRi9KoQ==
   dependencies:
     "@babel/runtime" "^7.18.3"
     "@emotion/babel-plugin" "^11.11.0"
-    "@emotion/is-prop-valid" "^1.2.1"
-    "@emotion/serialize" "^1.1.2"
+    "@emotion/is-prop-valid" "^1.2.2"
+    "@emotion/serialize" "^1.1.4"
     "@emotion/use-insertion-effect-with-fallbacks" "^1.0.1"
     "@emotion/utils" "^1.2.1"
 
@@ -1412,9 +1404,9 @@
   integrity sha512-cEee/Z+I12mZcFJshKcCqC8tuX5hG3s+d+9nZ3LabqKF1vKdF41B92pJVCBggjAGORAeOzyyDDKrZwIkLffeOQ==
 
 "@floating-ui/core@^1.0.0":
-  version "1.6.1"
-  resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.6.1.tgz#a4e6fef1b069cda533cbc7a4998c083a37f37573"
-  integrity sha512-42UH54oPZHPdRHdw6BgoBD6cg/eVTmVrFcgeRDM3jbO7uxSoipVcmcIGFcA5jmOHO5apcyvBhkSKES3fQJnu7A==
+  version "1.6.2"
+  resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.6.2.tgz#d37f3e0ac1f1c756c7de45db13303a266226851a"
+  integrity sha512-+2XpQV9LLZeanU4ZevzRnGFg2neDeKHgFLjP6YLW+tly0IvrhqT4u8enLGjLH3qeh85g19xY5rsAusfwTdn5lg==
   dependencies:
     "@floating-ui/utils" "^0.2.0"
 
@@ -1427,9 +1419,9 @@
     "@floating-ui/utils" "^0.2.0"
 
 "@floating-ui/react-dom@^2.0.0", "@floating-ui/react-dom@^2.0.8":
-  version "2.0.9"
-  resolved "https://registry.yarnpkg.com/@floating-ui/react-dom/-/react-dom-2.0.9.tgz#264ba8b061000baa132b5910f0427a6acf7ad7ce"
-  integrity sha512-q0umO0+LQK4+p6aGyvzASqKbKOJcAHJ7ycE9CuUvfx3s9zTHWmGJTPOIlM/hmSBfUfg/XfY5YhLBLR/LHwShQQ==
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@floating-ui/react-dom/-/react-dom-2.1.0.tgz#4f0e5e9920137874b2405f7d6c862873baf4beff"
+  integrity sha512-lNzj5EQmEKn5FFKc04+zasr09h/uX8RtJRNj5gUXsSQIXHVWTVh+hVAg1vOMCexkX8EgvemMvIFpQfkosnVNyA==
   dependencies:
     "@floating-ui/dom" "^1.0.0"
 
@@ -1751,18 +1743,6 @@
     prop-types "^15.7.2"
     react-is "^16.8.0 || ^17.0.0"
 
-"@material-ui/pickers@3.2.2":
-  version "3.2.2"
-  resolved "https://registry.yarnpkg.com/@material-ui/pickers/-/pickers-3.2.2.tgz#9b7a67f5a8f21f8183853ebc1848e5d8dd680d4c"
-  integrity sha512-on/J1yyKeJ4CkLnItpf/jPDKMZVWvHDklkh5FS7wkZ0s1OPoqTsPubLWfA7eND6xREnVRyLFzVTlE3VlWYdQWw==
-  dependencies:
-    "@babel/runtime" "^7.2.0"
-    "@types/styled-jsx" "^2.2.8"
-    clsx "^1.0.2"
-    react-transition-group "^4.0.0"
-    rifm "^0.7.0"
-    tslib "^1.9.3"
-
 "@material-ui/pickers@3.3.11":
   version "3.3.11"
   resolved "https://registry.yarnpkg.com/@material-ui/pickers/-/pickers-3.3.11.tgz#dfaaf49955f7bbe3b1c3720293f69dcddeab3ca4"
@@ -1842,26 +1822,26 @@
     clsx "^2.1.0"
     prop-types "^15.8.1"
 
-"@mui/core-downloads-tracker@^5.15.17":
-  version "5.15.17"
-  resolved "https://registry.yarnpkg.com/@mui/core-downloads-tracker/-/core-downloads-tracker-5.15.17.tgz#ce8f3dff6ec11c8294d346997f6065eb23fa99be"
-  integrity sha512-DVAejDQkjNnIac7MfP8sLzuo7fyrBPxNdXe+6bYqOqg1z2OPTlfFAejSNzWe7UenRMuFu9/AyFXj/X2vN2w6dA==
+"@mui/core-downloads-tracker@^5.15.18":
+  version "5.15.18"
+  resolved "https://registry.yarnpkg.com/@mui/core-downloads-tracker/-/core-downloads-tracker-5.15.18.tgz#0f9426409a82f78423bdf504b2a5a3788656d612"
+  integrity sha512-/9pVk+Al8qxAjwFUADv4BRZgMpZM4m5E+2Q/20qhVPuIJWqKp4Ie4tGExac6zu93rgPTYVQGgu+1vjiT0E+cEw==
 
-"@mui/icons-material@5.15.17":
-  version "5.15.17"
-  resolved "https://registry.yarnpkg.com/@mui/icons-material/-/icons-material-5.15.17.tgz#518c02354036f7df28c8f9890b1db6a3269fcc2f"
-  integrity sha512-xVzl2De7IY36s/keHX45YMiCpsIx3mNv2xwDgtBkRSnZQtVk+Gqufwj1ktUxEyjzEhBl0+PiNJqYC31C+n1n6A==
+"@mui/icons-material@5.15.18":
+  version "5.15.18"
+  resolved "https://registry.yarnpkg.com/@mui/icons-material/-/icons-material-5.15.18.tgz#51e42958ed671589f7a1af19b59372df884bcd61"
+  integrity sha512-jGhyw02TSLM0NgW+MDQRLLRUD/K4eN9rlK2pTBTL1OtzyZmQ8nB060zK1wA0b7cVrIiG+zyrRmNAvGWXwm2N9Q==
   dependencies:
     "@babel/runtime" "^7.23.9"
 
-"@mui/material@5.15.17":
-  version "5.15.17"
-  resolved "https://registry.yarnpkg.com/@mui/material/-/material-5.15.17.tgz#1e30bacc940573813cc418aebd4484708a407ba6"
-  integrity sha512-ru/MLvTkCh0AZXmqwIpqGTOoVBS/sX48zArXq/DvktxXZx4fskiRA2PEc7Rk5ZlFiZhKh4moL4an+l8zZwq49Q==
+"@mui/material@5.15.18":
+  version "5.15.18"
+  resolved "https://registry.yarnpkg.com/@mui/material/-/material-5.15.18.tgz#1184e88cebb5c58625ca799531c0611c1fd9a2a8"
+  integrity sha512-n+/dsiqux74fFfcRUJjok+ieNQ7+BEk6/OwX9cLcLvriZrZb+/7Y8+Fd2HlUUbn5N0CDurgAHm0VH1DqyJ9HAw==
   dependencies:
     "@babel/runtime" "^7.23.9"
     "@mui/base" "5.0.0-beta.40"
-    "@mui/core-downloads-tracker" "^5.15.17"
+    "@mui/core-downloads-tracker" "^5.15.18"
     "@mui/system" "^5.15.15"
     "@mui/types" "^7.2.14"
     "@mui/utils" "^5.15.14"
@@ -3010,84 +2990,84 @@
     "@stylistic/eslint-plugin-plus" "1.5.4"
     "@stylistic/eslint-plugin-ts" "1.5.4"
 
-"@swc/core-darwin-arm64@1.5.5":
-  version "1.5.5"
-  resolved "https://registry.yarnpkg.com/@swc/core-darwin-arm64/-/core-darwin-arm64-1.5.5.tgz#65b40093f622ec811713d2e2ebcdf8a39ae2e91d"
-  integrity sha512-Ol5ZwZYdTOZsv2NwjcT/qVVALKzVFeh+IJ4GNarr3P99+38Dkwi81OqCI1o/WaDXQYKAQC/V+CzMbkEuJJfq9Q==
-
-"@swc/core-darwin-x64@1.5.5":
-  version "1.5.5"
-  resolved "https://registry.yarnpkg.com/@swc/core-darwin-x64/-/core-darwin-x64-1.5.5.tgz#4e16d5fb55d8f3fa7d95df85e9cfbb5d57a7ac9e"
-  integrity sha512-XHWpKBIPKYLgh5/lV2PYjO84lkzf5JR51kjiloyz2Pa9HIV8tHoAP8bYdJwm4nUp2I7KcEh3pPH0AVu5LpxMKw==
-
-"@swc/core-linux-arm-gnueabihf@1.5.5":
-  version "1.5.5"
-  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.5.5.tgz#ab3fbac59b7c527fa5da115a96f3c87e07737686"
-  integrity sha512-vtoWNCWAe+CNSqtqIwFnIH48qgPPlUZKoQ4EVFeMM+7/kDi6SeNxoh5TierJs5bKAWxD49VkPvRoWFCk6V62mA==
-
-"@swc/core-linux-arm64-gnu@1.5.5":
-  version "1.5.5"
-  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.5.5.tgz#fcfb1d97f8e8ac6bd495aaaa0d15f8dfdb33b76b"
-  integrity sha512-L4l7M78U6h/rCAxId+y5Vu+1KfDRF6dJZtitFcaT293guiUQFwJv8gLxI4Jh5wFtZ0fYd0QaCuvh2Ip79CzGMg==
-
-"@swc/core-linux-arm64-musl@1.5.5":
-  version "1.5.5"
-  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.5.5.tgz#e8678d350500b3784bb125bef4eb97db1e388442"
-  integrity sha512-DkzJc13ukXa7oJpyn24BjIgsiOybYrc+IxjsQyfNlDrrs1QXP4elStcpkD02SsIuSyHjZV8Hw2HFBMQB3OHPrA==
-
-"@swc/core-linux-x64-gnu@1.5.5":
-  version "1.5.5"
-  resolved "https://registry.yarnpkg.com/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.5.5.tgz#e68406379d55447217a4ac1a79ffc7ce1e251b29"
-  integrity sha512-kj4ZwWJGeBEUzHrRQP2VudN+kkkYH7OI1dPVDc6kWQx5X4329JeKOas4qY0l7gDVjBbRwN9IbbPI6TIn2KfAug==
-
-"@swc/core-linux-x64-musl@1.5.5":
-  version "1.5.5"
-  resolved "https://registry.yarnpkg.com/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.5.5.tgz#40e439aeb265c3cc63526c51f4e89f6492092159"
-  integrity sha512-6pTorCs4mYhPhYtC4jNOnhGgjNd3DZcRoZ9P0tzXXP69aCbYjvlgNH/NRvAROp9AaVFeZ7a7PmCWb6+Rbe7NKg==
-
-"@swc/core-win32-arm64-msvc@1.5.5":
-  version "1.5.5"
-  resolved "https://registry.yarnpkg.com/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.5.5.tgz#efdd773a9e7ecc49bb246362a45dfc389f1fbfe0"
-  integrity sha512-o0/9pstmEjwZyrY/bA+mymF0zH7E+GT/XCVqdKeWW9Wn3gTTyWa5MZnrFgI2THQ+AXwdglMB/Zo76ARQPaz/+A==
-
-"@swc/core-win32-ia32-msvc@1.5.5":
-  version "1.5.5"
-  resolved "https://registry.yarnpkg.com/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.5.5.tgz#02082adef99bfa0101c6c94b04be636e39ed567f"
-  integrity sha512-B+nypUwsmCuaH6RtKWgiPCb+ENjxstJPPJeMJvBqlJqyCaIkZzN4M07Ozi3xVv1VG21SRkd6G3xIqRoalrNc0Q==
-
-"@swc/core-win32-x64-msvc@1.5.5":
-  version "1.5.5"
-  resolved "https://registry.yarnpkg.com/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.5.5.tgz#699217ea438eb3b533b73d982659891d9aae7379"
-  integrity sha512-ry83ki9ZX0Q+GWGnqc2J618Z+FvKE8Ajn42F8EYi8Wj0q6Jz3mj+pJzgzakk2INm2ldEZ+FaRPipn4ozsZDcBg==
+"@swc/core-darwin-arm64@1.5.7":
+  version "1.5.7"
+  resolved "https://registry.yarnpkg.com/@swc/core-darwin-arm64/-/core-darwin-arm64-1.5.7.tgz#2b5cdbd34e4162e50de6147dd1a5cb12d23b08e8"
+  integrity sha512-bZLVHPTpH3h6yhwVl395k0Mtx8v6CGhq5r4KQdAoPbADU974Mauz1b6ViHAJ74O0IVE5vyy7tD3OpkQxL/vMDQ==
+
+"@swc/core-darwin-x64@1.5.7":
+  version "1.5.7"
+  resolved "https://registry.yarnpkg.com/@swc/core-darwin-x64/-/core-darwin-x64-1.5.7.tgz#6aa7e3c01ab8e5e41597f8a24ff24c4e50936a46"
+  integrity sha512-RpUyu2GsviwTc2qVajPL0l8nf2vKj5wzO3WkLSHAHEJbiUZk83NJrZd1RVbEknIMO7+Uyjh54hEh8R26jSByaw==
+
+"@swc/core-linux-arm-gnueabihf@1.5.7":
+  version "1.5.7"
+  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.5.7.tgz#160108633b9e1d1ad05f815bedc7e9eb5d59fc2a"
+  integrity sha512-cTZWTnCXLABOuvWiv6nQQM0hP6ZWEkzdgDvztgHI/+u/MvtzJBN5lBQ2lue/9sSFYLMqzqff5EHKlFtrJCA9dQ==
+
+"@swc/core-linux-arm64-gnu@1.5.7":
+  version "1.5.7"
+  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.5.7.tgz#cbfa512683c73227ad25552f3b3e722b0e7fbd1d"
+  integrity sha512-hoeTJFBiE/IJP30Be7djWF8Q5KVgkbDtjySmvYLg9P94bHg9TJPSQoC72tXx/oXOgXvElDe/GMybru0UxhKx4g==
+
+"@swc/core-linux-arm64-musl@1.5.7":
+  version "1.5.7"
+  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.5.7.tgz#80239cb58fe57f3c86b44617fe784530ec55ee2b"
+  integrity sha512-+NDhK+IFTiVK1/o7EXdCeF2hEzCiaRSrb9zD7X2Z7inwWlxAntcSuzZW7Y6BRqGQH89KA91qYgwbnjgTQ22PiQ==
+
+"@swc/core-linux-x64-gnu@1.5.7":
+  version "1.5.7"
+  resolved "https://registry.yarnpkg.com/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.5.7.tgz#a699c1632de60b6a63b7fdb7abcb4fef317e57ca"
+  integrity sha512-25GXpJmeFxKB+7pbY7YQLhWWjkYlR+kHz5I3j9WRl3Lp4v4UD67OGXwPe+DIcHqcouA1fhLhsgHJWtsaNOMBNg==
+
+"@swc/core-linux-x64-musl@1.5.7":
+  version "1.5.7"
+  resolved "https://registry.yarnpkg.com/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.5.7.tgz#8e4c203d6bc41e7f85d7d34d0fdf4ef751fa626c"
+  integrity sha512-0VN9Y5EAPBESmSPPsCJzplZHV26akC0sIgd3Hc/7S/1GkSMoeuVL+V9vt+F/cCuzr4VidzSkqftdP3qEIsXSpg==
+
+"@swc/core-win32-arm64-msvc@1.5.7":
+  version "1.5.7"
+  resolved "https://registry.yarnpkg.com/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.5.7.tgz#31e3d42b8c0aa79f0ea1a980c0dd1a999d378ed7"
+  integrity sha512-RtoNnstBwy5VloNCvmvYNApkTmuCe4sNcoYWpmY7C1+bPR+6SOo8im1G6/FpNem8AR5fcZCmXHWQ+EUmRWJyuA==
+
+"@swc/core-win32-ia32-msvc@1.5.7":
+  version "1.5.7"
+  resolved "https://registry.yarnpkg.com/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.5.7.tgz#a235285f9f62850aefcf9abb03420f2c54f63638"
+  integrity sha512-Xm0TfvcmmspvQg1s4+USL3x8D+YPAfX2JHygvxAnCJ0EHun8cm2zvfNBcsTlnwYb0ybFWXXY129aq1wgFC9TpQ==
+
+"@swc/core-win32-x64-msvc@1.5.7":
+  version "1.5.7"
+  resolved "https://registry.yarnpkg.com/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.5.7.tgz#f84641393b5223450d00d97bfff877b8b69d7c9b"
+  integrity sha512-tp43WfJLCsKLQKBmjmY/0vv1slVywR5Q4qKjF5OIY8QijaEW7/8VwPyUyVoJZEnDgv9jKtUTG5PzqtIYPZGnyg==
 
 "@swc/core@^1.3.82":
-  version "1.5.5"
-  resolved "https://registry.yarnpkg.com/@swc/core/-/core-1.5.5.tgz#e7b7ae4323d15ba990a0ffde135a849ffddec69d"
-  integrity sha512-M8O22EEgdSONLd+7KRrXj8pn+RdAZZ7ISnPjE9KCQQlI0kkFNEquWR+uFdlFxQfwlyCe/Zb6uGXGDvtcov4IMg==
+  version "1.5.7"
+  resolved "https://registry.yarnpkg.com/@swc/core/-/core-1.5.7.tgz#e1db7b9887d5f34eb4a3256a738d0c5f1b018c33"
+  integrity sha512-U4qJRBefIJNJDRCCiVtkfa/hpiZ7w0R6kASea+/KLp+vkus3zcLSB8Ub8SvKgTIxjWpwsKcZlPf5nrv4ls46SQ==
   dependencies:
     "@swc/counter" "^0.1.2"
-    "@swc/types" "^0.1.5"
+    "@swc/types" "0.1.7"
   optionalDependencies:
-    "@swc/core-darwin-arm64" "1.5.5"
-    "@swc/core-darwin-x64" "1.5.5"
-    "@swc/core-linux-arm-gnueabihf" "1.5.5"
-    "@swc/core-linux-arm64-gnu" "1.5.5"
-    "@swc/core-linux-arm64-musl" "1.5.5"
-    "@swc/core-linux-x64-gnu" "1.5.5"
-    "@swc/core-linux-x64-musl" "1.5.5"
-    "@swc/core-win32-arm64-msvc" "1.5.5"
-    "@swc/core-win32-ia32-msvc" "1.5.5"
-    "@swc/core-win32-x64-msvc" "1.5.5"
+    "@swc/core-darwin-arm64" "1.5.7"
+    "@swc/core-darwin-x64" "1.5.7"
+    "@swc/core-linux-arm-gnueabihf" "1.5.7"
+    "@swc/core-linux-arm64-gnu" "1.5.7"
+    "@swc/core-linux-arm64-musl" "1.5.7"
+    "@swc/core-linux-x64-gnu" "1.5.7"
+    "@swc/core-linux-x64-musl" "1.5.7"
+    "@swc/core-win32-arm64-msvc" "1.5.7"
+    "@swc/core-win32-ia32-msvc" "1.5.7"
+    "@swc/core-win32-x64-msvc" "1.5.7"
 
 "@swc/counter@^0.1.2", "@swc/counter@^0.1.3":
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/@swc/counter/-/counter-0.1.3.tgz#cc7463bd02949611c6329596fccd2b0ec782b0e9"
   integrity sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==
 
-"@swc/types@^0.1.5":
-  version "0.1.6"
-  resolved "https://registry.yarnpkg.com/@swc/types/-/types-0.1.6.tgz#2f13f748995b247d146de2784d3eb7195410faba"
-  integrity sha512-/JLo/l2JsT/LRd80C3HfbmVpxOAJ11FO2RCEslFrgzLltoP9j8XIbsyDcfCt2WWyX+CM96rBoNM+IToAkFOugg==
+"@swc/types@0.1.7":
+  version "0.1.7"
+  resolved "https://registry.yarnpkg.com/@swc/types/-/types-0.1.7.tgz#ea5d658cf460abff51507ca8d26e2d391bafb15e"
+  integrity sha512-scHWahbHF0eyj3JsxG9CFJgFdFNaVQCNAimBlT6PzS3n/HptxqREjsm4OH6AN3lYcffZYSPxXW8ua2BEHp0lJQ==
   dependencies:
     "@swc/counter" "^0.1.3"
 
@@ -3170,9 +3150,9 @@
     "@babel/types" "^7.0.0"
 
 "@types/babel__traverse@*", "@types/babel__traverse@^7.0.6", "@types/babel__traverse@^7.18.0":
-  version "7.20.5"
-  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.20.5.tgz#7b7502be0aa80cc4ef22978846b983edaafcd4dd"
-  integrity sha512-WXCyOcRtH37HAUkpXhUduaxdm82b4GSlyTqajXviN4EfiuPgNYR109xMCKvpl6zPIpua0DGlMEDCq+g8EdoheQ==
+  version "7.20.6"
+  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.20.6.tgz#8dc9f0ae0f202c08d8d4dab648912c8d6038e3f7"
+  integrity sha512-r1bzfrm0tomOI8g1SzvCaQHo6Lcv6zu0EA+W2kHrt8dyrHQxGzBBL4kdkzIS+jBMV+EYcMAEAqXqYaLJq5rOZg==
   dependencies:
     "@babel/types" "^7.20.7"
 
@@ -3219,9 +3199,9 @@
   integrity sha512-nv+GSx77ZtXiJzwKdsASqi+YQ5Z7vwHsTP0JY2SiQgjGckkBRKZnk8nIM+7oUZ1VCtuTz0+By4qVR7fqzp/Dfg==
 
 "@types/emscripten@^1.39.6":
-  version "1.39.11"
-  resolved "https://registry.yarnpkg.com/@types/emscripten/-/emscripten-1.39.11.tgz#8f8c40cb831a2406c0ee5b0c6e847b3bf659c2e3"
-  integrity sha512-dOeX2BeNA7j6BTEqJQL3ut0bRCfsyQMd5i4FT8JfHfYhAOuJPCGh0dQFbxVJxUyQ+75x6enhDdndGb624/QszA==
+  version "1.39.12"
+  resolved "https://registry.yarnpkg.com/@types/emscripten/-/emscripten-1.39.12.tgz#e43b4fdd4b389861897d6cbb9665532f3afd5abd"
+  integrity sha512-AQImDBgudQfMqUBfrjZYilRxoHDzTBp+ejh+g1fY67eSMalwIKtBXofjpyI0JBgNpHGzxeGAR2QDya0wxW9zbA==
 
 "@types/escodegen@^0.0.6":
   version "0.0.6"
@@ -3255,9 +3235,9 @@
   integrity sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==
 
 "@types/express-serve-static-core@^4.17.33":
-  version "4.19.0"
-  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.19.0.tgz#3ae8ab3767d98d0b682cda063c3339e1e86ccfaa"
-  integrity sha512-bGyep3JqPCRry1wq+O5n7oiBgGWmeIJXPjXXCo8EK0u8duZGSYar7cGqd3ML2JUsLGeB7fmc06KYo9fLGWqPvQ==
+  version "4.19.1"
+  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.19.1.tgz#57d34698bb580720fd6e3c360d4b2fdef579b979"
+  integrity sha512-ej0phymbFLoCB26dbbq5PGScsf2JAJ4IJHjG10LalgUV36XKTmA4GdA+PVllKvRk0sEKt64X8975qFnkSi0hqA==
   dependencies:
     "@types/node" "*"
     "@types/qs" "*"
@@ -3291,14 +3271,6 @@
   dependencies:
     "@types/node" "*"
 
-"@types/hoist-non-react-statics@^3.3.0":
-  version "3.3.5"
-  resolved "https://registry.yarnpkg.com/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.5.tgz#dab7867ef789d87e2b4b0003c9d65c49cc44a494"
-  integrity sha512-SbcrWzkKBw2cdwRTwQAswfpB9g9LJWfjtUeW/jvNwbhC8cpmmNYVePa+ncbUe0rGTQ7G3Ff6mYUN2VMfLVr+Sg==
-  dependencies:
-    "@types/react" "*"
-    hoist-non-react-statics "^3.3.0"
-
 "@types/html-minifier-terser@^6.0.0":
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#4fc33a00c1d0c16987b1a20cf92d20614c55ac35"
@@ -3356,9 +3328,9 @@
   integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
 
 "@types/lodash@^4.14.167":
-  version "4.17.1"
-  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.17.1.tgz#0fabfcf2f2127ef73b119d98452bd317c4a17eb8"
-  integrity sha512-X+2qazGS3jxLAIz5JDXDzglAF3KpijdhFxlf/V1+hEsOUc+HnWi81L/uv/EvGuV90WY+7mPGFCUDGfQC3Gj95Q==
+  version "4.17.4"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.17.4.tgz#0303b64958ee070059e3a7184048a55159fe20b7"
+  integrity sha512-wYCP26ZLxaT3R39kiN2+HcJ4kTd3U1waI/cY7ivWYqFP6pW3ZNpvi6Wd6PHZx7T/t8z0vlkXMg3QYLa7DZ/IJQ==
 
 "@types/mdx@^2.0.0":
   version "2.0.13"
@@ -3383,10 +3355,10 @@
     "@types/node" "*"
     form-data "^4.0.0"
 
-"@types/node@*", "@types/node@20.12.11":
-  version "20.12.11"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.12.11.tgz#c4ef00d3507000d17690643278a60dc55a9dc9be"
-  integrity sha512-vDg9PZ/zi+Nqp6boSOT7plNuthRugEKixDv5sFTIpkE89MmNtEArAShI4mxuX2+UrLEe9pxC1vm2cjm9YlWbJw==
+"@types/node@*", "@types/node@20.12.12":
+  version "20.12.12"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.12.12.tgz#7cbecdf902085cec634fdb362172dfe12b8f2050"
+  integrity sha512-eWLDGF/FOSPtAvEqeRAQ4C8LSA7M1I7i0ky1I8U7kD1J5ITyW3AsRhQrKVoWf5pFKZ2kILsEGJhsI9r93PYnOw==
   dependencies:
     undici-types "~5.26.4"
 
@@ -3422,11 +3394,6 @@
   resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.15.tgz#adde8a060ec9c305a82de1babc1056e73bd64dce"
   integrity sha512-uXHQKES6DQKKCLh441Xv/dwxOq1TVS3JPUMlEqoEglvlhR6Mxnlew/Xq/LRVHpLyk7iK3zODe1qYHIMltO7XGg==
 
-"@types/raf@^3.4.0":
-  version "3.4.3"
-  resolved "https://registry.yarnpkg.com/@types/raf/-/raf-3.4.3.tgz#85f1d1d17569b28b8db45e16e996407a56b0ab04"
-  integrity sha512-c4YAvMedbPZ5tEyxzQdMoOhhJ4RD3rngZIdwC2/qDN3d7JpEhB6fiBRKVY1lg5B7Wk+uPBjn5f39j1/2MY1oOw==
-
 "@types/ramda@0.25.36":
   version "0.25.36"
   resolved "https://registry.yarnpkg.com/@types/ramda/-/ramda-0.25.36.tgz#1ddaf3211c7cd7046fcaefe68c713469ccfc9504"
@@ -3444,16 +3411,6 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react-redux@^7.1.20":
-  version "7.1.33"
-  resolved "https://registry.yarnpkg.com/@types/react-redux/-/react-redux-7.1.33.tgz#53c5564f03f1ded90904e3c90f77e4bd4dc20b15"
-  integrity sha512-NF8m5AjWCkert+fosDsN3hAlHzpjSiXlVy9EgQEmLoBhaNXbmyeGs/aj5dQzKuF+/q+S7JQagorGDW8pJ28Hmg==
-  dependencies:
-    "@types/hoist-non-react-statics" "^3.3.0"
-    "@types/react" "*"
-    hoist-non-react-statics "^3.3.0"
-    redux "^4.0.0"
-
 "@types/react-transition-group@^4.2.0", "@types/react-transition-group@^4.4.10":
   version "4.4.10"
   resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.10.tgz#6ee71127bdab1f18f11ad8fb3322c6da27c327ac"
@@ -3462,9 +3419,9 @@
     "@types/react" "*"
 
 "@types/react@*", "@types/react@>=16":
-  version "18.3.2"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.3.2.tgz#462ae4904973bc212fa910424d901e3d137dbfcd"
-  integrity sha512-Btgg89dAnqD4vV7R3hlwOxgqobUQKgx3MmrQRi0yYbs/P0ym8XozIAlkqVilPqHQwXs4e9Tf63rrCgl58BcO4w==
+  version "18.3.3"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.3.3.tgz#9679020895318b0915d7a3ab004d92d33375c45f"
+  integrity sha512-hti/R0pS0q1/xx+TsI73XIqk26eBsISZ2R0wUijXIngRK9R/e7Xw/cXVxQK7R5JjW+SV4zGcn5hXjudkN/pLIw==
   dependencies:
     "@types/prop-types" "*"
     csstype "^3.0.2"
@@ -3958,9 +3915,9 @@ ajv@^6.12.4, ajv@^6.12.5:
     uri-js "^4.2.2"
 
 ajv@^8.0.0, ajv@^8.9.0:
-  version "8.13.0"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.13.0.tgz#a3939eaec9fb80d217ddf0c3376948c023f28c91"
-  integrity sha512-PRA911Blj99jR5RMeTunVbNXMF6Lp4vZXnk5GQjcnUWUTsrXtekg/pnmFFI2u/I36Y/2bITGS30GZCXei6uNkA==
+  version "8.14.0"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.14.0.tgz#f514ddfd4756abb200e1704414963620a625ebbb"
+  integrity sha512-oYs1UUtO97ZO2lJ4bwnWeQW8/zvOIQLGKcvPTsWmvc2SYgBb+upuNS5NxoLaMU4h8Ju3Nbj6Cq8mD2LQoqVKFA==
   dependencies:
     fast-deep-equal "^3.1.3"
     json-schema-traverse "^1.0.0"
@@ -4189,11 +4146,6 @@ asynckit@^0.4.0:
   resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
   integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
 
-atob@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
-  integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
-
 available-typed-arrays@^1.0.7:
   version "1.0.7"
   resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz#a5cc375d6a03c2efc87a553f3e0b1522def14846"
@@ -4335,11 +4287,6 @@ balanced-match@^1.0.0:
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
   integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
 
-base64-arraybuffer@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz#1c37589a7c4b0746e34bd1feb951da2df01c1bdc"
-  integrity sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==
-
 base64-js@^1.3.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
@@ -4421,12 +4368,12 @@ brace-expansion@^2.0.1:
   dependencies:
     balanced-match "^1.0.0"
 
-braces@^3.0.2, braces@~3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
-  integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
+braces@^3.0.3, braces@~3.0.2:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789"
+  integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
   dependencies:
-    fill-range "^7.0.1"
+    fill-range "^7.1.1"
 
 browser-assert@^1.2.1:
   version "1.2.1"
@@ -4464,11 +4411,6 @@ bser@2.1.1:
   dependencies:
     node-int64 "^0.4.0"
 
-btoa@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/btoa/-/btoa-1.2.1.tgz#01a9909f8b2c93f6bf680ba26131eb30f7fa3d73"
-  integrity sha512-SB4/MIGlsiVkMcHmT+pSmIPoNDoHg+7cMzmt3Uxt628MTz2487DKSqK/fuhFBrkuqrYv5UCEnACpF4dTFNKc/g==
-
 buffer-crc32@~0.2.3:
   version "0.2.13"
   resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
@@ -4537,23 +4479,9 @@ camelize@^1.0.0:
   integrity sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==
 
 caniuse-lite@^1.0.30001587:
-  version "1.0.30001617"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001617.tgz#809bc25f3f5027ceb33142a7d6c40759d7a901eb"
-  integrity sha512-mLyjzNI9I+Pix8zwcrpxEbGlfqOkF9kM3ptzmKNw5tizSyYwMe+nGLTqMK9cO+0E+Bh6TsBxNAaHWEM8xwSsmA==
-
-canvg@^3.0.6:
-  version "3.0.10"
-  resolved "https://registry.yarnpkg.com/canvg/-/canvg-3.0.10.tgz#8e52a2d088b6ffa23ac78970b2a9eebfae0ef4b3"
-  integrity sha512-qwR2FRNO9NlzTeKIPIKpnTY6fqwuYSequ8Ru8c0YkYU7U0oW+hLUvWadLvAu1Rl72OMNiFhoLu4f8eUjQ7l/+Q==
-  dependencies:
-    "@babel/runtime" "^7.12.5"
-    "@types/raf" "^3.4.0"
-    core-js "^3.8.3"
-    raf "^3.4.1"
-    regenerator-runtime "^0.13.7"
-    rgbcolor "^1.0.1"
-    stackblur-canvas "^2.0.0"
-    svg-pathdata "^6.0.3"
+  version "1.0.30001623"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001623.tgz#e982099dcb229bb6ab35f5aebe2f8d79ccf6e8a8"
+  integrity sha512-X/XhAVKlpIxWPpgRTnlgZssJrF0m6YtRA0QDWgsBNT12uZM6LPRydR7ip405Y3t1LamD8cP2TZFEDZFBf5ApcA==
 
 case-sensitive-paths-webpack-plugin@^2.4.0:
   version "2.4.0"
@@ -4637,11 +4565,6 @@ cjs-module-lexer@^1.0.0, cjs-module-lexer@^1.2.3:
   resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-1.3.1.tgz#c485341ae8fd999ca4ee5af2d7a1c9ae01e0099c"
   integrity sha512-a3KdPAANPbNE4ZUv9h6LckSl9zLsYOP4MBmhIPkRaeyybt+r4UghLvq+xw/YwUcC1gqylCkL4rdVs3Lwupjm4Q==
 
-classnames@2.2.6:
-  version "2.2.6"
-  resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.2.6.tgz#43935bffdd291f326dad0a205309b38d00f650ce"
-  integrity sha512-JR/iSQOSt+LQIWwrwEzJ9uk0xfN3mTVYMwt1Ir5mUcSN6pU+V4zQFFaJsclJbPuAUQH+yfWef6tm7l1quW3C8Q==
-
 clean-css@^5.2.2:
   version "5.3.3"
   resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-5.3.3.tgz#b330653cd3bd6b75009cc25c714cae7b93351ccd"
@@ -4759,12 +4682,7 @@ commander@^2.20.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
   integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
 
-commander@^4.0.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
-  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
-
-commander@^6.2.1:
+commander@^6.2.0, commander@^6.2.1:
   version "6.2.1"
   resolved "https://registry.yarnpkg.com/commander/-/commander-6.2.1.tgz#0792eb682dfbc325999bb2b84fddddba110ac73c"
   integrity sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==
@@ -4862,21 +4780,16 @@ cookie@0.6.0:
   integrity sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==
 
 core-js-compat@^3.31.0, core-js-compat@^3.36.1:
-  version "3.37.0"
-  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.37.0.tgz#d9570e544163779bb4dff1031c7972f44918dc73"
-  integrity sha512-vYq4L+T8aS5UuFg4UwDhc7YNRWVeVZwltad9C/jV3R2LgVOpS9BDr7l/WL6BN0dbV3k1XejPTHqqEzJgsa0frA==
+  version "3.37.1"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.37.1.tgz#c844310c7852f4bdf49b8d339730b97e17ff09ee"
+  integrity sha512-9TNiImhKvQqSUkOvk/mMRZzOANTiEVC7WaBNhHcKM7x+/5E1l5NvsysR19zuDQScE8k+kfQXWRN3AtS/eOSHpg==
   dependencies:
     browserslist "^4.23.0"
 
 core-js-pure@^3.23.3:
-  version "3.37.0"
-  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.37.0.tgz#ce99fb4a7cec023fdbbe5b5bd1f06bbcba83316e"
-  integrity sha512-d3BrpyFr5eD4KcbRvQ3FTUx/KWmaDesr7+a3+1+P46IUnNoEt+oiLijPINZMEon7w9oGkIINWxrBAU9DEciwFQ==
-
-core-js@^3.6.0, core-js@^3.8.3:
-  version "3.37.0"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.37.0.tgz#d8dde58e91d156b2547c19d8a4efd5c7f6c426bb"
-  integrity sha512-fu5vHevQ8ZG4og+LXug8ulUtVxjOcEYvifJr7L5Bfq9GOztVqsKd9/59hUk2ZSbCrS3BqUr3EpaYGIYzq7g3Ug==
+  version "3.37.1"
+  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.37.1.tgz#2b4b34281f54db06c9a9a5bd60105046900553bd"
+  integrity sha512-J/r5JTHSmzTxbiYYrzXg9w1VpqrYt+gexenBE9pugeyhwPZTAEJddyiReJWsLO6uNQ8xJZFbod6XC7KKwatCiA==
 
 core-util-is@~1.0.0:
   version "1.0.3"
@@ -4921,25 +4834,11 @@ crypto-random-string@^2.0.0:
   resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-2.0.0.tgz#ef2a7a966ec11083388369baa02ebead229b30d5"
   integrity sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==
 
-css-box-model@^1.2.0:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/css-box-model/-/css-box-model-1.2.1.tgz#59951d3b81fd6b2074a62d49444415b0d2b4d7c1"
-  integrity sha512-a7Vr4Q/kd/aw96bnJG332W9V9LkJO69JRcaCYDUqjp6/z0w6VcZjgAcTbgFxEPfBgdnAwlh3iwu+hLopa+flJw==
-  dependencies:
-    tiny-invariant "^1.0.6"
-
 css-color-keywords@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/css-color-keywords/-/css-color-keywords-1.0.0.tgz#fea2616dc676b2962686b3af8dbdbe180b244e05"
   integrity sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==
 
-css-line-break@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/css-line-break/-/css-line-break-2.1.0.tgz#bfef660dfa6f5397ea54116bb3cb4873edbc4fa0"
-  integrity sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==
-  dependencies:
-    utrie "^1.0.2"
-
 css-loader@^6.7.1:
   version "6.11.0"
   resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.11.0.tgz#33bae3bf6363d0a7c2cf9031c96c744ff54d85ba"
@@ -5065,11 +4964,6 @@ data-view-byte-offset@^1.0.0:
     es-errors "^1.3.0"
     is-data-view "^1.0.1"
 
-date-fns@2.0.0-alpha.27:
-  version "2.0.0-alpha.27"
-  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.0.0-alpha.27.tgz#5ecd4204ef0e7064264039570f6e8afbc014481c"
-  integrity sha512-cqfVLS+346P/Mpj2RpDrBv0P4p2zZhWWvfY5fuWrXNR/K38HaAGEkeOwb47hIpQP9Jr/TIxjZ2/sNMQwdXuGMg==
-
 date-fns@2.30.0:
   version "2.30.0"
   resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.30.0.tgz#f367e644839ff57894ec6ac480de40cae4b0f4d0"
@@ -5077,11 +4971,6 @@ date-fns@2.30.0:
   dependencies:
     "@babel/runtime" "^7.21.0"
 
-debounce@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/debounce/-/debounce-1.2.0.tgz#44a540abc0ea9943018dc0eaa95cce87f65cd131"
-  integrity sha512-mYtLl1xfZLi1m4RtQYlZgJUNQjl4ZxVnHzIR8nLLgi4q1YT8o/WM+MK/f8yfcc9s5Ir5zRaPZyZU6xs1Syoocg==
-
 debug@2.6.9, debug@^2.6.9:
   version "2.6.9"
   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
@@ -5314,11 +5203,6 @@ domhandler@^4.0.0, domhandler@^4.2.0, domhandler@^4.3.1:
   dependencies:
     domelementtype "^2.2.0"
 
-dompurify@^2.0.12:
-  version "2.5.3"
-  resolved "https://registry.yarnpkg.com/dompurify/-/dompurify-2.5.3.tgz#bc901a9c40a7d97176c1d0ab9a24939db54270a2"
-  integrity sha512-09uyBM2URzOfXMUAqGRnm9R9IUeSkzO9PktXc2eVQIsBmmJUqRmfL1xW2QPBxVJEtlEVs5d8ndrsIQsyAqs81g==
-
 domutils@^2.5.2, domutils@^2.8.0:
   version "2.8.0"
   resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135"
@@ -5374,9 +5258,9 @@ ejs@^3.1.8:
     jake "^10.8.5"
 
 electron-to-chromium@^1.4.668:
-  version "1.4.764"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.764.tgz#6e817e9d767434eb48a85cc9915566485c5ba2c3"
-  integrity sha512-ZXbPV46Y4dNCA+k7YHB+BYlzcoMtZ1yH6V0tQ1ul0wmA7RiwJfS29LSdRlE1myWBXRzEgm/Lz6tryj5WVQiLmg==
+  version "1.4.783"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.783.tgz#933887165b8b6025a81663d2d97cf4b85cde27b2"
+  integrity sha512-bT0jEz/Xz1fahQpbZ1D7LgmPYZ3iHVY39NcWWro1+hA2IvjiPeaXtfSqrQ+nXjApMvQRE2ASt1itSLRrebHMRQ==
 
 emittery@^0.13.1:
   version "0.13.1"
@@ -5541,9 +5425,9 @@ es-iterator-helpers@^1.0.17:
     safe-array-concat "^1.1.2"
 
 es-module-lexer@^1.2.1, es-module-lexer@^1.4.1:
-  version "1.5.2"
-  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.5.2.tgz#00b423304f2500ac59359cc9b6844951f372d497"
-  integrity sha512-l60ETUTmLqbVbVHv1J4/qj+M8nq7AwMzEcg3kmJDt9dCNrTk+yHcYFf/Kw75pMDwd9mPcIGCG5LcS20SxYRzFA==
+  version "1.5.3"
+  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.5.3.tgz#25969419de9c0b1fbe54279789023e8a9a788412"
+  integrity sha512-i1gCgmR9dCl6Vil6UKPI/trA69s08g/syhiDK9TG0Nf1RJjjFI+AzoWW7sPufzkgYAn861skuCwJa0pIIHYxvg==
 
 es-object-atoms@^1.0.0:
   version "1.0.0"
@@ -5968,11 +5852,6 @@ faker@5.5.3:
   resolved "https://registry.yarnpkg.com/faker/-/faker-5.5.3.tgz#c57974ee484431b25205c2c8dc09fda861e51e0e"
   integrity sha512-wLTv2a28wjUyWkbnX7u/ABZBkUkIF2fCd73V6P2oFqEGEktDfzWx4UxrSqtPRw0xPRAcjeAOIiJWqZm3pP4u3g==
 
-fast-deep-equal@2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz#7b05218ddf9667bf7f370bf7fdb2cb15fdd0aa49"
-  integrity sha512-bCK/2Z4zLidyB4ReuIsvALH6w31YfAQDmXMqMx6FyfHqvBxtjC0eRumeSu4Bs3XtXwpyIywtSTrVT99BxY1f9w==
-
 fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
@@ -6058,11 +5937,6 @@ file-system-cache@2.3.0:
     fs-extra "11.1.1"
     ramda "0.29.0"
 
-filefy@0.1.10:
-  version "0.1.10"
-  resolved "https://registry.yarnpkg.com/filefy/-/filefy-0.1.10.tgz#174677c8e2fa5bc39a3af0ed6fb492f16b8fbf42"
-  integrity sha512-VgoRVOOY1WkTpWH+KBy8zcU1G7uQTVsXqhWEgzryB9A5hg2aqCyZ6aQ/5PSzlqM5+6cnVrX6oYV0XqD3HZSnmQ==
-
 filelist@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/filelist/-/filelist-1.0.4.tgz#f78978a1e944775ff9e62e744424f215e58352b5"
@@ -6070,10 +5944,10 @@ filelist@^1.0.4:
   dependencies:
     minimatch "^5.0.1"
 
-fill-range@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
-  integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
+fill-range@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.1.1.tgz#44265d3cac07e3ea7dc247516380643754a05292"
+  integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==
   dependencies:
     to-regex-range "^5.0.1"
 
@@ -6423,15 +6297,15 @@ glob-to-regexp@^0.4.1:
   integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
 
 glob@^10.0.0:
-  version "10.3.15"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-10.3.15.tgz#e72bc61bc3038c90605f5dd48543dc67aaf3b50d"
-  integrity sha512-0c6RlJt1TICLyvJYIApxb8GsXoai0KUP7AxKKAtsYXdgJR1mGEUa7DgwShbdk1nly0PYoZj01xd4hzbq3fsjpw==
+  version "10.4.1"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-10.4.1.tgz#0cfb01ab6a6b438177bfe6a58e2576f6efe909c2"
+  integrity sha512-2jelhlq3E4ho74ZyVLN03oKdAZVUa6UDZzFLVH1H7dnoax+y9qyaq8zBkfDIggjniU19z0wU18y16jMB2eyVIw==
   dependencies:
     foreground-child "^3.1.0"
-    jackspeak "^2.3.6"
-    minimatch "^9.0.1"
-    minipass "^7.0.4"
-    path-scurry "^1.11.0"
+    jackspeak "^3.1.2"
+    minimatch "^9.0.4"
+    minipass "^7.1.2"
+    path-scurry "^1.11.1"
 
 glob@^7.1.3, glob@^7.1.4, glob@^7.2.0:
   version "7.2.3"
@@ -6584,7 +6458,7 @@ he@^1.2.0:
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
 
-hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.1, hoist-non-react-statics@^3.3.2:
+hoist-non-react-statics@^3.3.1, hoist-non-react-statics@^3.3.2:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
   integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
@@ -6642,14 +6516,6 @@ html-webpack-plugin@^5.5.0:
     pretty-error "^4.0.0"
     tapable "^2.0.0"
 
-html2canvas@^1.0.0-rc.5:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/html2canvas/-/html2canvas-1.4.1.tgz#7cef1888311b5011d507794a066041b14669a543"
-  integrity sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==
-  dependencies:
-    css-line-break "^2.1.0"
-    text-segmentation "^1.0.3"
-
 htmlparser2@^6.1.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-6.1.0.tgz#c4d762b6c3371a05dbe65e94ae43a9f845fb8fb7"
@@ -6707,9 +6573,9 @@ human-signals@^5.0.0:
   integrity sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==
 
 hyphenate-style-name@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/hyphenate-style-name/-/hyphenate-style-name-1.0.4.tgz#691879af8e220aea5750e8827db4ef62a54e361d"
-  integrity sha512-ygGZLjmXfPHj+ZWh6LwbC37l43MhfztxetbFCoYTM2VjkIUpeHgSNn7QIyVFj7YQ1Wl9Cbw5sholVJPzWvC2MQ==
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/hyphenate-style-name/-/hyphenate-style-name-1.0.5.tgz#70b68605ee601b7142362239a0236159a8b2dc33"
+  integrity sha512-fedL7PRwmeVkgyhu9hLeTBaI6wcGk7JGJswdaRsa5aUbkXI1kr1xZwTPBtaYPpwf56878iDek6VbVnuWMebJmw==
 
 iconv-lite@0.4.24:
   version "0.4.24"
@@ -7178,10 +7044,10 @@ iterator.prototype@^1.1.2:
     reflect.getprototypeof "^1.0.4"
     set-function-name "^2.0.1"
 
-jackspeak@^2.3.6:
-  version "2.3.6"
-  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-2.3.6.tgz#647ecc472238aee4b06ac0e461acc21a8c505ca8"
-  integrity sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==
+jackspeak@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-3.1.2.tgz#eada67ea949c6b71de50f1b09c92a961897b90ab"
+  integrity sha512-kWmLKn2tRtfYMF/BakihVVRzBKOxz4gJMiL2Rj91WnAB5TPZumSH99R/Yf1qE1u4uRimvCSJfm6hnxohXeEXjQ==
   dependencies:
     "@isaacs/cliui" "^8.0.2"
   optionalDependencies:
@@ -7712,24 +7578,6 @@ jsonfile@^6.0.1:
   optionalDependencies:
     graceful-fs "^4.1.6"
 
-jspdf-autotable@3.5.9:
-  version "3.5.9"
-  resolved "https://registry.yarnpkg.com/jspdf-autotable/-/jspdf-autotable-3.5.9.tgz#8a625ef2aead44271da95e9f649843c401536925"
-  integrity sha512-ZRfiI5P7leJuWmvC0jGVXu227m68C2Jfz1dkDckshmDYDeVFCGxwIBYdCUXJ8Eb2CyFQC2ok82fEWO+xRDovDQ==
-
-jspdf@2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/jspdf/-/jspdf-2.1.0.tgz#2322f8644bc41845b3abe20db4c3ca0adeadb84c"
-  integrity sha512-NQygqZEKhSw+nExySJxB72Ge/027YEyIM450Vh/hgay/H9cgZNnkXXOQPRspe9EuCW4sq92zg8hpAXyyBdnaIQ==
-  dependencies:
-    atob "^2.1.2"
-    btoa "^1.2.1"
-  optionalDependencies:
-    canvg "^3.0.6"
-    core-js "^3.6.0"
-    dompurify "^2.0.12"
-    html2canvas "^1.0.0-rc.5"
-
 jss-plugin-camel-case@^10.5.1:
   version "10.10.0"
   resolved "https://registry.yarnpkg.com/jss-plugin-camel-case/-/jss-plugin-camel-case-10.10.0.tgz#27ea159bab67eb4837fa0260204eb7925d4daa1c"
@@ -7925,7 +7773,7 @@ log-symbols@^4.1.0:
     chalk "^4.1.0"
     is-unicode-supported "^0.1.0"
 
-loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.3.1, loose-envify@^1.4.0:
+loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
   integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
@@ -8007,24 +7855,6 @@ markdown-to-jsx@^7.1.8:
   resolved "https://registry.yarnpkg.com/markdown-to-jsx/-/markdown-to-jsx-7.4.7.tgz#740ee7ec933865ef5cc683a0992797685a75e2ee"
   integrity sha512-0+ls1IQZdU6cwM1yu0ZjjiVWYtkbExSyUIFU2ZeDIFuZM1W42Mh4OlJ4nb4apX4H8smxDHRdFaoIVJGwfv5hkg==
 
-material-table@1.69.3:
-  version "1.69.3"
-  resolved "https://registry.yarnpkg.com/material-table/-/material-table-1.69.3.tgz#3f282cffecf5461985965cd4a516bebb8069bf2d"
-  integrity sha512-UT/eQbUqfAg6XstcnM8dOQNgWmWbH5tbRmwqfGfPKQUQQXq/jb1z2spFHXPJBhEZFmk+Q95HlopiE6nAHymLMw==
-  dependencies:
-    "@date-io/date-fns" "1.1.0"
-    "@material-ui/pickers" "3.2.2"
-    classnames "2.2.6"
-    date-fns "2.0.0-alpha.27"
-    debounce "1.2.0"
-    fast-deep-equal "2.0.1"
-    filefy "0.1.10"
-    jspdf "2.1.0"
-    jspdf-autotable "3.5.9"
-    prop-types "15.6.2"
-    react-beautiful-dnd "13.0.0"
-    react-double-scrollbar "0.0.15"
-
 material-ui-chip-input@2.0.0-beta.2:
   version "2.0.0-beta.2"
   resolved "https://registry.yarnpkg.com/material-ui-chip-input/-/material-ui-chip-input-2.0.0-beta.2.tgz#d306ccd99d7c336a279add8163551fbc9dc2378c"
@@ -8057,11 +7887,6 @@ memfs@^3.4.1, memfs@^3.4.12:
   dependencies:
     fs-monkey "^1.0.4"
 
-memoize-one@^5.1.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-5.2.1.tgz#8337aa3c4335581839ec01c3d594090cebe8f00e"
-  integrity sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==
-
 memoizerific@^1.11.3:
   version "1.11.3"
   resolved "https://registry.yarnpkg.com/memoizerific/-/memoizerific-1.11.3.tgz#7c87a4646444c32d75438570905f2dbd1b1a805a"
@@ -8090,11 +7915,11 @@ methods@~1.1.2:
   integrity sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==
 
 micromatch@^4.0.0, micromatch@^4.0.2, micromatch@^4.0.4:
-  version "4.0.5"
-  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
-  integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
+  version "4.0.7"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.7.tgz#33e8190d9fe474a9895525f5618eee136d46c2e5"
+  integrity sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==
   dependencies:
-    braces "^3.0.2"
+    braces "^3.0.3"
     picomatch "^2.3.1"
 
 mime-db@1.52.0, "mime-db@>= 1.43.0 < 2":
@@ -8162,7 +7987,7 @@ minimatch@^8.0.2:
   dependencies:
     brace-expansion "^2.0.1"
 
-minimatch@^9.0.1:
+minimatch@^9.0.4:
   version "9.0.4"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.4.tgz#8e49c731d1749cbec05050ee5145147b32496a51"
   integrity sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==
@@ -8191,10 +8016,10 @@ minipass@^5.0.0:
   resolved "https://registry.yarnpkg.com/minipass/-/minipass-5.0.0.tgz#3e9788ffb90b694a5d0ec94479a45b5d8738133d"
   integrity sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==
 
-"minipass@^5.0.0 || ^6.0.2 || ^7.0.0", minipass@^7.0.4:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.1.1.tgz#f7f85aff59aa22f110b20e27692465cf3bf89481"
-  integrity sha512-UZ7eQ+h8ywIRAW1hIEl2AqdwzJucU/Kp59+8kkZeSvafXhZjul247BvIJjEVFVeON6d7lM46XX1HXCduKAS8VA==
+"minipass@^5.0.0 || ^6.0.2 || ^7.0.0", minipass@^7.1.2:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.1.2.tgz#93a9626ce5e5e66bd4db86849e7515e92340a707"
+  integrity sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==
 
 minizlib@^2.1.1:
   version "2.1.2"
@@ -8673,7 +8498,7 @@ path-parse@^1.0.7:
   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
   integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
 
-path-scurry@^1.11.0, path-scurry@^1.6.1:
+path-scurry@^1.11.1, path-scurry@^1.6.1:
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/path-scurry/-/path-scurry-1.11.1.tgz#7960a668888594a0720b12a911d1a742ab9f11d2"
   integrity sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==
@@ -8710,15 +8535,10 @@ pend@~1.2.0:
   resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
   integrity sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==
 
-performance-now@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
-  integrity sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==
-
-picocolors@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
-  integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
+picocolors@^1.0.0, picocolors@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.1.tgz#a8ad579b571952f0e5d25892de5445bcfe25aaa1"
+  integrity sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==
 
 picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.3, picomatch@^2.3.0, picomatch@^2.3.1:
   version "2.3.1"
@@ -8816,9 +8636,9 @@ postcss-modules-values@^4.0.0:
     icss-utils "^5.0.0"
 
 postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4:
-  version "6.0.16"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.16.tgz#3b88b9f5c5abd989ef4e2fc9ec8eedd34b20fb04"
-  integrity sha512-A0RVJrX+IUkVZbW3ClroRWurercFhieevHB38sr2+l9eUClMqome3LmEmnhlNy+5Mr2EYN6B2Kaw9wYdd+VHiw==
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.1.0.tgz#49694cb4e7c649299fea510a29fa6577104bcf53"
+  integrity sha512-UMz42UD0UY0EApS0ZL9o1XnLhSTtvvvLe5Dc2H2O56fvRZi+KulDyf5ctDhhtYJBGKStV2FL1fy6253cmLgqVQ==
   dependencies:
     cssesc "^3.0.0"
     util-deprecate "^1.0.2"
@@ -8913,14 +8733,6 @@ prompts@^2.0.1, prompts@^2.4.0:
     kleur "^3.0.3"
     sisteransi "^1.0.5"
 
-prop-types@15.6.2:
-  version "15.6.2"
-  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.6.2.tgz#05d5ca77b4453e985d60fc7ff8c859094a497102"
-  integrity sha512-3pboPvLiWD7dkI3qf3KbUe6hKFKa52w+AE0VCqECtf+QHAKgOL37tTaNCnuX1nAAQ4ZhyP+kYVKf8rLmJ/feDQ==
-  dependencies:
-    loose-envify "^1.3.1"
-    object-assign "^4.1.1"
-
 prop-types@^15.6.1, prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
@@ -9028,18 +8840,6 @@ queue-microtask@^1.2.2:
   resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
   integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
 
-raf-schd@^4.0.2:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/raf-schd/-/raf-schd-4.0.3.tgz#5d6c34ef46f8b2a0e880a8fcdb743efc5bfdbc1a"
-  integrity sha512-tQkJl2GRWh83ui2DiPTJz9wEiMN20syf+5oKfB03yYP7ioZcJwsIK8FjrtLwH1m7C7e+Tt2yYBlrOpdT+dyeIQ==
-
-raf@^3.4.1:
-  version "3.4.1"
-  resolved "https://registry.yarnpkg.com/raf/-/raf-3.4.1.tgz#0742e99a4a6552f445d73e3ee0328af0ff1ede39"
-  integrity sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==
-  dependencies:
-    performance-now "^2.1.0"
-
 ramda@0.25.0:
   version "0.25.0"
   resolved "https://registry.yarnpkg.com/ramda/-/ramda-0.25.0.tgz#8fdf68231cffa90bc2f9460390a0cb74a29b29a9"
@@ -9072,19 +8872,6 @@ raw-body@2.5.2:
     iconv-lite "0.4.24"
     unpipe "1.0.0"
 
-react-beautiful-dnd@13.0.0:
-  version "13.0.0"
-  resolved "https://registry.yarnpkg.com/react-beautiful-dnd/-/react-beautiful-dnd-13.0.0.tgz#f70cc8ff82b84bc718f8af157c9f95757a6c3b40"
-  integrity sha512-87It8sN0ineoC3nBW0SbQuTFXM6bUqM62uJGY4BtTf0yzPl8/3+bHMWkgIe0Z6m8e+gJgjWxefGRVfpE3VcdEg==
-  dependencies:
-    "@babel/runtime" "^7.8.4"
-    css-box-model "^1.2.0"
-    memoize-one "^5.1.1"
-    raf-schd "^4.0.2"
-    react-redux "^7.1.1"
-    redux "^4.0.4"
-    use-memo-one "^1.1.1"
-
 react-colorful@^5.1.2:
   version "5.6.1"
   resolved "https://registry.yarnpkg.com/react-colorful/-/react-colorful-5.6.1.tgz#7dc2aed2d7c72fac89694e834d179e32f3da563b"
@@ -9119,11 +8906,6 @@ react-dom@18.2.0:
     loose-envify "^1.1.0"
     scheduler "^0.23.0"
 
-react-double-scrollbar@0.0.15:
-  version "0.0.15"
-  resolved "https://registry.yarnpkg.com/react-double-scrollbar/-/react-double-scrollbar-0.0.15.tgz#e915ab8cb3b959877075f49436debfdb04288fe4"
-  integrity sha512-dLz3/WBIpgFnzFY0Kb4aIYBMT2BWomHuW2DH6/9jXfS6/zxRRBUFQ04My4HIB7Ma7QoRBpcy8NtkPeFgcGBpgg==
-
 react-element-to-jsx-string@^15.0.0:
   version "15.0.0"
   resolved "https://registry.yarnpkg.com/react-element-to-jsx-string/-/react-element-to-jsx-string-15.0.0.tgz#1cafd5b6ad41946ffc8755e254da3fc752a01ac6"
@@ -9143,7 +8925,7 @@ react-is@^16.13.1, react-is@^16.7.0:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
 
-"react-is@^16.8.0 || ^17.0.0", react-is@^17.0.1, react-is@^17.0.2:
+"react-is@^16.8.0 || ^17.0.0", react-is@^17.0.1:
   version "17.0.2"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
   integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
@@ -9165,18 +8947,6 @@ react-number-format@4.4.1:
   dependencies:
     prop-types "^15.7.2"
 
-react-redux@^7.1.1:
-  version "7.2.9"
-  resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-7.2.9.tgz#09488fbb9416a4efe3735b7235055442b042481d"
-  integrity sha512-Gx4L3uM182jEEayZfRbI/G11ZpYdNAnBs70lFVMNdHJI76XYtR+7m0MN+eAs7UHBPhWXcnFPaS+9owSCJQHNpQ==
-  dependencies:
-    "@babel/runtime" "^7.15.4"
-    "@types/react-redux" "^7.1.20"
-    hoist-non-react-statics "^3.3.2"
-    loose-envify "^1.4.0"
-    prop-types "^15.7.2"
-    react-is "^17.0.2"
-
 react-refresh@^0.14.0:
   version "0.14.2"
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.14.2.tgz#3833da01ce32da470f1f936b9d477da5c7028bf9"
@@ -9309,13 +9079,6 @@ redent@^3.0.0:
     indent-string "^4.0.0"
     strip-indent "^3.0.0"
 
-redux@^4.0.0, redux@^4.0.4:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/redux/-/redux-4.2.1.tgz#c08f4306826c49b5e9dc901dee0452ea8fce6197"
-  integrity sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==
-  dependencies:
-    "@babel/runtime" "^7.9.2"
-
 reflect.getprototypeof@^1.0.4:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/reflect.getprototypeof/-/reflect.getprototypeof-1.0.6.tgz#3ab04c32a8390b770712b7a8633972702d278859"
@@ -9341,11 +9104,6 @@ regenerate@^1.4.2:
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
   integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
 
-regenerator-runtime@^0.13.7:
-  version "0.13.11"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz#f6dca3e7ceec20590d07ada785636a90cdca17f9"
-  integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
-
 regenerator-runtime@^0.14.0:
   version "0.14.1"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz#356ade10263f685dda125100cd862c1db895327f"
@@ -9501,11 +9259,6 @@ reusify@^1.0.4:
   resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
   integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
 
-rgbcolor@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/rgbcolor/-/rgbcolor-1.0.1.tgz#d6505ecdb304a6595da26fa4b43307306775945d"
-  integrity sha512-9aZLIrhRaD97sgVhtJOW6ckOEh6/GnvQtdVNfdZ6s67+3/XwLS9lBcQYzEEhYVeUowN7pRzMLsyGhK2i/xvWbw==
-
 rifm@^0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/rifm/-/rifm-0.7.0.tgz#debe951a9c83549ca6b33e5919f716044c2230be"
@@ -9808,9 +9561,9 @@ spdx-expression-parse@^3.0.0:
     spdx-license-ids "^3.0.0"
 
 spdx-license-ids@^3.0.0:
-  version "3.0.17"
-  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.17.tgz#887da8aa73218e51a1d917502d79863161a93f9c"
-  integrity sha512-sh8PWc/ftMqAAdFiBu6Fy6JUOYjqDJBJvIhpfDMyHrr0Rbp5liZqd4TjtQ/RgfLjKFZb+LMx5hpml5qOWy0qvg==
+  version "3.0.18"
+  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.18.tgz#22aa922dcf2f2885a6494a261f2d8b75345d0326"
+  integrity sha512-xxRs31BqRYHwiMzudOrpSiHtZ8i/GeionCBDSilhYRj+9gIcI8wCZTlXZKu9vZIVqViP3dcp9qE5G6AlIaD+TQ==
 
 sprintf-js@1.1.3:
   version "1.1.3"
@@ -9829,11 +9582,6 @@ stack-utils@^2.0.3:
   dependencies:
     escape-string-regexp "^2.0.0"
 
-stackblur-canvas@^2.0.0:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/stackblur-canvas/-/stackblur-canvas-2.7.0.tgz#af931277d0b5096df55e1f91c530043e066989b6"
-  integrity sha512-yf7OENo23AGJhBriGx0QivY5JP6Y1HbrrDI6WLt6C5auYZXlQrheoY8hD4ibekFKz1HOfE48Ww8kMWMnJD/zcQ==
-
 stackframe@^1.3.4:
   version "1.3.4"
   resolved "https://registry.yarnpkg.com/stackframe/-/stackframe-1.3.4.tgz#b881a004c8c149a5e8efef37d51b16e412943310"
@@ -10056,11 +9804,6 @@ supports-preserve-symlinks-flag@^1.0.0:
   resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
 
-svg-pathdata@^6.0.3:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/svg-pathdata/-/svg-pathdata-6.0.3.tgz#80b0e0283b652ccbafb69ad4f8f73e8d3fbf2cac"
-  integrity sha512-qsjeeq5YjBZ5eMdFuUa4ZosMLxgr5RZ+F+Y1OrDhuOCEInRMA3x74XdBtggJcj9kOeInz0WE+LgCPDkZFlBYJw==
-
 swc-loader@^0.2.3:
   version "0.2.6"
   resolved "https://registry.yarnpkg.com/swc-loader/-/swc-loader-0.2.6.tgz#bf0cba8eeff34bb19620ead81d1277fefaec6bc8"
@@ -10184,13 +9927,6 @@ test-exclude@^6.0.0:
     glob "^7.1.4"
     minimatch "^3.0.4"
 
-text-segmentation@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/text-segmentation/-/text-segmentation-1.0.3.tgz#52a388159efffe746b24a63ba311b6ac9f2d7943"
-  integrity sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==
-  dependencies:
-    utrie "^1.0.2"
-
 text-table@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
@@ -10204,7 +9940,7 @@ through2@^2.0.3:
     readable-stream "~2.3.6"
     xtend "~4.0.1"
 
-tiny-invariant@^1.0.6, tiny-invariant@^1.3.1, tiny-invariant@^1.3.3:
+tiny-invariant@^1.3.1, tiny-invariant@^1.3.3:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.3.3.tgz#46680b7a873a0d5d10005995eb90a70d74d60127"
   integrity sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==
@@ -10232,9 +9968,9 @@ to-regex-range@^5.0.1:
     is-number "^7.0.0"
 
 tocbot@^4.20.1:
-  version "4.27.20"
-  resolved "https://registry.yarnpkg.com/tocbot/-/tocbot-4.27.20.tgz#c7ba627585894fa306d65b08f53f624949becf19"
-  integrity sha512-6M78FT20+FA5edtx7KowLvhG3gbZ6GRcEkL/0b2TcPbn6Ba+1ayI3SEVxe25zjkWGs0jd04InImaO81Hd8Hukw==
+  version "4.28.2"
+  resolved "https://registry.yarnpkg.com/tocbot/-/tocbot-4.28.2.tgz#5a51b34cefd39f6b556b936b380a838a0a8c49ea"
+  integrity sha512-/MaSa9xI6mIo84IxqqliSCtPlH0oy7sLcY9s26qPMyH/2CxtZ2vNAXYlIdEQ7kjAkCQnc0rbLygf//F5c663oQ==
 
 toidentifier@1.0.1:
   version "1.0.1"
@@ -10273,10 +10009,10 @@ ts-dedent@^2.0.0:
   resolved "https://registry.yarnpkg.com/ts-dedent/-/ts-dedent-2.2.0.tgz#39e4bd297cd036292ae2394eb3412be63f563bb5"
   integrity sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==
 
-ts-jest@29.1.2:
-  version "29.1.2"
-  resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-29.1.2.tgz#7613d8c81c43c8cb312c6904027257e814c40e09"
-  integrity sha512-br6GJoH/WUX4pu7FbZXuWGKGNDuU7b8Uj77g/Sp7puZV6EXzuByl6JrECvm0MzVzSTkSHWTihsXt+5XYER5b+g==
+ts-jest@29.1.3:
+  version "29.1.3"
+  resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-29.1.3.tgz#2bab16ba5ab0f4896684985f9618acc2cf1197e9"
+  integrity sha512-6L9qz3ginTd1NKhOxmkP0qU3FyKjj5CPoY+anszfVn6Pmv/RIKzhiMCsH7Yb7UvJR9I2A64rm4zQl531s2F1iw==
   dependencies:
     bs-logger "0.x"
     fast-json-stable-stringify "2.x"
@@ -10313,7 +10049,7 @@ tslib@2.6.2, tslib@^2.0.0, tslib@^2.0.1, tslib@^2.0.3, tslib@^2.1.0, tslib@^2.4.
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae"
   integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
 
-tslib@^1.13.0, tslib@^1.9.3:
+tslib@^1.13.0:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
@@ -10530,12 +10266,12 @@ untildify@^4.0.0:
   integrity sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==
 
 update-browserslist-db@^1.0.13:
-  version "1.0.15"
-  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.15.tgz#60ed9f8cba4a728b7ecf7356f641a31e3a691d97"
-  integrity sha512-K9HWH62x3/EalU1U6sjSZiylm9C8tgq2mSvshZpqc7QE69RaA2qjhkW2HlNA0tFpEbtyFz7HTqbSdN4MSwUodA==
+  version "1.0.16"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.16.tgz#f6d489ed90fb2f07d67784eb3f53d7891f736356"
+  integrity sha512-KVbTxlBYlckhF5wgfyZXTWnMn7MMZjMu9XG8bPlliUOP9ThaF4QnhP8qrjrH7DRzHfSk0oQv1wToW+iA5GajEQ==
   dependencies:
     escalade "^3.1.2"
-    picocolors "^1.0.0"
+    picocolors "^1.0.1"
 
 uri-js@^4.2.2, uri-js@^4.4.1:
   version "4.4.1"
@@ -10567,11 +10303,6 @@ use-callback-ref@^1.3.0:
   dependencies:
     tslib "^2.0.0"
 
-use-memo-one@^1.1.1:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/use-memo-one/-/use-memo-one-1.1.3.tgz#2fd2e43a2169eabc7496960ace8c79efef975e99"
-  integrity sha512-g66/K7ZQGYrI6dy8GLpVcMsBp4s17xNkYJVSMvTEevGy3nDxHOfE6z8BVE22+5G5x7t3+bhzrlTDB7ObrEE0cQ==
-
 use-resize-observer@^9.1.0:
   version "9.1.0"
   resolved "https://registry.yarnpkg.com/use-resize-observer/-/use-resize-observer-9.1.0.tgz#14735235cf3268569c1ea468f8a90c5789fc5c6c"
@@ -10613,13 +10344,6 @@ utils-merge@1.0.1:
   resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
   integrity sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==
 
-utrie@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/utrie/-/utrie-1.0.2.tgz#d42fe44de9bc0119c25de7f564a6ed1b2c87a645"
-  integrity sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==
-  dependencies:
-    base64-arraybuffer "^1.0.2"
-
 uuid@9.0.1, uuid@^9.0.0:
   version "9.0.1"
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-9.0.1.tgz#e188d4c8853cc722220392c424cd637f32293f30"

From 5021ecea7037c69a1cde7789d787559f7b6787d8 Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Mon, 27 May 2024 15:07:14 -0300
Subject: [PATCH 15/27] chore: update faker

---
 package.json                                      |  3 +--
 src/core/data-display/data-table/use-paginated.ts |  2 +-
 yarn.lock                                         | 15 +++++----------
 3 files changed, 7 insertions(+), 13 deletions(-)

diff --git a/package.json b/package.json
index 8cbc43d5..73fa8760 100644
--- a/package.json
+++ b/package.json
@@ -42,7 +42,6 @@
         "@mui/icons-material": "5.15.18",
         "@mui/material": "5.15.18",
         "date-fns": "2.30.0",
-        "faker": "5.5.3",
         "material-ui-chip-input": "2.0.0-beta.2",
         "ramda": "0.25.0",
         "react-loading-skeleton": "3.4.0",
@@ -57,6 +56,7 @@
         "@babel/plugin-transform-runtime": "7.24.6",
         "@babel/preset-env": "7.24.6",
         "@babel/preset-typescript": "7.24.6",
+        "@faker-js/faker": "8.4.1",
         "@storybook/addon-essentials": "7.6.17",
         "@storybook/addon-styling-webpack": "0.0.6",
         "@storybook/react": "7.6.17",
@@ -66,7 +66,6 @@
         "@testing-library/jest-dom": "6.4.5",
         "@testing-library/react": "15.0.7",
         "@testing-library/user-event": "14.5.2",
-        "@types/faker": "5.5.3",
         "@types/jest": "29.5.12",
         "@types/node": "20.12.12",
         "@types/ramda": "0.25.36",
diff --git a/src/core/data-display/data-table/use-paginated.ts b/src/core/data-display/data-table/use-paginated.ts
index 181000f2..749e7bb7 100644
--- a/src/core/data-display/data-table/use-paginated.ts
+++ b/src/core/data-display/data-table/use-paginated.ts
@@ -1,6 +1,6 @@
 import { useState, useMemo, useEffect } from 'react'
 import type { Dispatch, SetStateAction } from 'react'
-import faker from 'faker'
+import { faker } from '@faker-js/faker'
 import { splitEvery } from 'ramda'
 import type { Data } from './types'
 
diff --git a/yarn.lock b/yarn.lock
index 1e09ac04..8e604fe7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1398,6 +1398,11 @@
   resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.57.0.tgz#a5417ae8427873f1dd08b70b3574b453e67b5f7f"
   integrity sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==
 
+"@faker-js/faker@8.4.1":
+  version "8.4.1"
+  resolved "https://registry.yarnpkg.com/@faker-js/faker/-/faker-8.4.1.tgz#5d5e8aee8fce48f5e189bf730ebd1f758f491451"
+  integrity sha512-XQ3cU+Q8Uqmrbf2e0cIC/QN43sTBSC8KF12u29Mb47tWrt2hAgBXSgpZMj4Ao8Uk0iJcU99QsOCaIL8934obCg==
+
 "@fal-works/esbuild-plugin-global-externals@^2.1.2":
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/@fal-works/esbuild-plugin-global-externals/-/esbuild-plugin-global-externals-2.1.2.tgz#c05ed35ad82df8e6ac616c68b92c2282bd083ba4"
@@ -3254,11 +3259,6 @@
     "@types/qs" "*"
     "@types/serve-static" "*"
 
-"@types/faker@5.5.3":
-  version "5.5.3"
-  resolved "https://registry.yarnpkg.com/@types/faker/-/faker-5.5.3.tgz#80978e52862e5df9e7a96befdfdd8fad882f6350"
-  integrity sha512-InxkM6sCFQTI6YQl29M/XGlO19ecv/EHH5X5zLEFdge2/qya8oIT0XkJUKTqheVYWJtGi+FBAfP7hbbunDiOmg==
-
 "@types/find-cache-dir@^3.2.1":
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/@types/find-cache-dir/-/find-cache-dir-3.2.1.tgz#7b959a4b9643a1e6a1a5fe49032693cc36773501"
@@ -5847,11 +5847,6 @@ extract-zip@^1.6.6:
     mkdirp "^0.5.4"
     yauzl "^2.10.0"
 
-faker@5.5.3:
-  version "5.5.3"
-  resolved "https://registry.yarnpkg.com/faker/-/faker-5.5.3.tgz#c57974ee484431b25205c2c8dc09fda861e51e0e"
-  integrity sha512-wLTv2a28wjUyWkbnX7u/ABZBkUkIF2fCd73V6P2oFqEGEktDfzWx4UxrSqtPRw0xPRAcjeAOIiJWqZm3pP4u3g==
-
 fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"

From 3c95609f7b93a0eb35c119db86955c7fd7bf8c7d Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Mon, 27 May 2024 15:09:17 -0300
Subject: [PATCH 16/27] chore: update react

---
 package.json |  6 +++---
 yarn.lock    | 36 +++++++++++-------------------------
 2 files changed, 14 insertions(+), 28 deletions(-)

diff --git a/package.json b/package.json
index 73fa8760..60b33535 100644
--- a/package.json
+++ b/package.json
@@ -69,7 +69,7 @@
         "@types/jest": "29.5.12",
         "@types/node": "20.12.12",
         "@types/ramda": "0.25.36",
-        "@types/react": "18.2.66",
+        "@types/react": "18.3.3",
         "@types/sprintf-js": "1.1.4",
         "@types/uuid": "9.0.8",
         "@typescript-eslint/eslint-plugin": "7.2.0",
@@ -90,8 +90,8 @@
         "jest-environment-jsdom": "29.7.0",
         "node-fetch": "3.3.2",
         "prettier": "3.2.5",
-        "react": "18.2.0",
-        "react-dom": "18.2.0",
+        "react": "18.3.1",
+        "react-dom": "18.3.1",
         "react-router": "6.23.1",
         "react-router-dom": "6.23.1",
         "storybook": "7.6.17",
diff --git a/yarn.lock b/yarn.lock
index 8e604fe7..1c8ba0c5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3418,7 +3418,7 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react@*", "@types/react@>=16":
+"@types/react@*", "@types/react@18.3.3", "@types/react@>=16":
   version "18.3.3"
   resolved "https://registry.yarnpkg.com/@types/react/-/react-18.3.3.tgz#9679020895318b0915d7a3ab004d92d33375c45f"
   integrity sha512-hti/R0pS0q1/xx+TsI73XIqk26eBsISZ2R0wUijXIngRK9R/e7Xw/cXVxQK7R5JjW+SV4zGcn5hXjudkN/pLIw==
@@ -3426,25 +3426,11 @@
     "@types/prop-types" "*"
     csstype "^3.0.2"
 
-"@types/react@18.2.66":
-  version "18.2.66"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.66.tgz#d2eafc8c4e70939c5432221adb23d32d76bfe451"
-  integrity sha512-OYTmMI4UigXeFMF/j4uv0lBBEbongSgptPrHBxqME44h9+yNov+oL6Z3ocJKo0WyXR84sQUNeyIp9MRfckvZpg==
-  dependencies:
-    "@types/prop-types" "*"
-    "@types/scheduler" "*"
-    csstype "^3.0.2"
-
 "@types/resolve@^1.20.2":
   version "1.20.6"
   resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.20.6.tgz#e6e60dad29c2c8c206c026e6dd8d6d1bdda850b8"
   integrity sha512-A4STmOXPhMUtHH+S6ymgE2GiBSMqf4oTvcQZMcHzokuTLVYzXTB8ttjcgxOVaAp2lGwEdzZ0J+cRbbeevQj1UQ==
 
-"@types/scheduler@*":
-  version "0.23.0"
-  resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.23.0.tgz#0a6655b3e2708eaabca00b7372fafd7a792a7b09"
-  integrity sha512-YIoDCTH3Af6XM5VuwGG/QL/CJqga1Zm3NkU3HZ4ZHK2fRMPYP1VczsTUqtsf43PH/iJNVlPHAo2oWX7BSdB2Hw==
-
 "@types/semver@^7.3.4", "@types/semver@^7.5.0":
   version "7.5.8"
   resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.8.tgz#8268a8c57a3e4abd25c165ecd36237db7948a55e"
@@ -8893,13 +8879,13 @@ react-docgen@^7.0.0:
     resolve "^1.22.1"
     strip-indent "^4.0.0"
 
-react-dom@18.2.0:
-  version "18.2.0"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.2.0.tgz#22aaf38708db2674ed9ada224ca4aa708d821e3d"
-  integrity sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==
+react-dom@18.3.1:
+  version "18.3.1"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.3.1.tgz#c2265d79511b57d479b3dd3fdfa51536494c5cb4"
+  integrity sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==
   dependencies:
     loose-envify "^1.1.0"
-    scheduler "^0.23.0"
+    scheduler "^0.23.2"
 
 react-element-to-jsx-string@^15.0.0:
   version "15.0.0"
@@ -9000,10 +8986,10 @@ react-transition-group@^4.0.0, react-transition-group@^4.4.0, react-transition-g
     loose-envify "^1.4.0"
     prop-types "^15.6.2"
 
-react@18.2.0:
-  version "18.2.0"
-  resolved "https://registry.yarnpkg.com/react/-/react-18.2.0.tgz#555bd98592883255fa00de14f1151a917b5d77d5"
-  integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==
+react@18.3.1:
+  version "18.3.1"
+  resolved "https://registry.yarnpkg.com/react/-/react-18.3.1.tgz#49ab892009c53933625bd16b2533fc754cab2891"
+  integrity sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==
   dependencies:
     loose-envify "^1.1.0"
 
@@ -9330,7 +9316,7 @@ saxes@^6.0.0:
   dependencies:
     xmlchars "^2.2.0"
 
-scheduler@^0.23.0:
+scheduler@^0.23.2:
   version "0.23.2"
   resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.23.2.tgz#414ba64a3b282892e944cf2108ecc078d115cdc3"
   integrity sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==

From 055bb7fbe67eee9e4b0c0865184a7767a777ea78 Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Mon, 27 May 2024 16:40:42 -0300
Subject: [PATCH 17/27] chore: move ThemeProvider to theme folder

---
 .../validaton-dialog.stories.tsx               |  3 +--
 .../surfaces/step-card/step-card.stories.tsx   |  6 +++---
 src/experimental/dialog/dialog.tsx             |  4 ++--
 src/index.ts                                   |  1 -
 src/theme/ThemeProvider.tsx                    | 18 ++++++++++++++++++
 src/theme/index.ts                             |  1 +
 6 files changed, 25 insertions(+), 8 deletions(-)
 create mode 100644 src/theme/ThemeProvider.tsx

diff --git a/src/core/feedback/validation-dialog/validaton-dialog.stories.tsx b/src/core/feedback/validation-dialog/validaton-dialog.stories.tsx
index db667a01..2ea2f26a 100644
--- a/src/core/feedback/validation-dialog/validaton-dialog.stories.tsx
+++ b/src/core/feedback/validation-dialog/validaton-dialog.stories.tsx
@@ -3,10 +3,9 @@ import { CheckCircleOutline, CancelOutlined } from '@mui/icons-material'
 import { CircularProgress } from '@mui/material'
 import { ThemeProvider } from 'styled-components'
 import type { Meta, StoryObj } from '@storybook/react'
-import ThemeProviderFlipper from '@/core/context/theme-provider'
 import Button from '@/core/inputs/button'
 import ValidationDialog, { ValidationStatus } from '.'
-import { muiThemeOptions, theme } from '@/theme'
+import { ThemeProviderFlipper, muiThemeOptions, theme } from '@/theme'
 
 const { action, secondary } = theme.colors
 
diff --git a/src/core/surfaces/step-card/step-card.stories.tsx b/src/core/surfaces/step-card/step-card.stories.tsx
index 4fa49b15..b4780a67 100644
--- a/src/core/surfaces/step-card/step-card.stories.tsx
+++ b/src/core/surfaces/step-card/step-card.stories.tsx
@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
 import type { Meta, StoryFn } from '@storybook/react'
 import Button from '@/core/inputs/button'
-import { stepCardImageUrl } from '@/lib/images'
+import stepCardImage from '../../../images/step-card-image.svg'
 import StepCard from '.'
 
 export default {
@@ -36,7 +36,7 @@ Default.args = {
     percentage: 75,
     remainingSteps: 3,
     title: 'Configurar a organização e filial',
-    image: stepCardImageUrl,
+    image: stepCardImage,
     onStepUrlClick: (url: string) => alert(url),
     steps: [
         {
@@ -96,7 +96,7 @@ WithLoading.args = {
     time: 2,
     remainingSteps: 3,
     title: 'Configurar a organização e filial',
-    image: stepCardImageUrl,
+    image: stepCardImage,
     onStepUrlClick: (url: string) => alert(url),
     steps: [
         {
diff --git a/src/experimental/dialog/dialog.tsx b/src/experimental/dialog/dialog.tsx
index d02ad871..d0dce2cc 100644
--- a/src/experimental/dialog/dialog.tsx
+++ b/src/experimental/dialog/dialog.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import type { MouseEvent, ReactNode } from 'react'
-import { Dialog as DialogFlipper, Button, ThemeProviderFlipper } from '@/index'
-import { theme } from '@/theme'
+import { Dialog as DialogFlipper, Button } from '@/index'
+import { ThemeProviderFlipper, theme } from '@/theme'
 
 const { action, primary } = theme.colors
 
diff --git a/src/index.ts b/src/index.ts
index 16f92d9e..8602c7f4 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -41,7 +41,6 @@ export { default as TableHead } from './core/data-display/table/table-head'
 export { default as TableRow } from './core/data-display/table/table-row'
 export { default as Tabs } from './core/navigation/tabs'
 export { default as TextField } from './core/inputs/text-field'
-export { default as ThemeProviderFlipper } from './core/context/theme-provider'
 export { default as Tooltip } from './core/feedback/tooltip'
 export { default as Typography } from './core/data-display/typography'
 export { default as PinInput } from './core/inputs/pin-input'
diff --git a/src/theme/ThemeProvider.tsx b/src/theme/ThemeProvider.tsx
new file mode 100644
index 00000000..2cb6e238
--- /dev/null
+++ b/src/theme/ThemeProvider.tsx
@@ -0,0 +1,18 @@
+import React from 'react'
+import type { ReactNode } from 'react'
+import { createTheme, ThemeProvider } from '@material-ui/core/styles'
+import type { ThemeOptions } from '@material-ui/core/styles'
+
+interface ThemeProviderProps {
+    options?: ThemeOptions
+    children: ReactNode
+}
+
+const ThemeProviderFlipper = ({
+    options = {},
+    children
+}: ThemeProviderProps) => (
+    <ThemeProvider theme={createTheme(options)}>{children}</ThemeProvider>
+)
+
+export default ThemeProviderFlipper
diff --git a/src/theme/index.ts b/src/theme/index.ts
index 6d4f572f..cefa9c70 100644
--- a/src/theme/index.ts
+++ b/src/theme/index.ts
@@ -1,2 +1,3 @@
 export * from './theme'
 export * from './presets'
+export { default as ThemeProviderFlipper } from './ThemeProvider'

From 80551c9cdfb9738615472b695c686dd93925e9be Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Tue, 28 May 2024 09:13:54 -0300
Subject: [PATCH 18/27] chore: remove unecessary files

---
 src/core/context/styles-provider/index.tsx    |  3 --
 src/core/context/theme-provider/index.tsx     | 18 -----------
 .../theme-provider/theme-provider.spec.tsx    | 16 ----------
 src/experimental/fab/styles.ts                | 17 ----------
 src/lib/images.ts                             |  3 --
 src/lib/localization.ts                       | 32 -------------------
 6 files changed, 89 deletions(-)
 delete mode 100644 src/core/context/styles-provider/index.tsx
 delete mode 100644 src/core/context/theme-provider/index.tsx
 delete mode 100644 src/core/context/theme-provider/theme-provider.spec.tsx
 delete mode 100644 src/experimental/fab/styles.ts
 delete mode 100644 src/lib/images.ts
 delete mode 100644 src/lib/localization.ts

diff --git a/src/core/context/styles-provider/index.tsx b/src/core/context/styles-provider/index.tsx
deleted file mode 100644
index 130c9760..00000000
--- a/src/core/context/styles-provider/index.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { StylesProvider } from '@material-ui/core/styles'
-
-export default StylesProvider
diff --git a/src/core/context/theme-provider/index.tsx b/src/core/context/theme-provider/index.tsx
deleted file mode 100644
index 2cb6e238..00000000
--- a/src/core/context/theme-provider/index.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react'
-import type { ReactNode } from 'react'
-import { createTheme, ThemeProvider } from '@material-ui/core/styles'
-import type { ThemeOptions } from '@material-ui/core/styles'
-
-interface ThemeProviderProps {
-    options?: ThemeOptions
-    children: ReactNode
-}
-
-const ThemeProviderFlipper = ({
-    options = {},
-    children
-}: ThemeProviderProps) => (
-    <ThemeProvider theme={createTheme(options)}>{children}</ThemeProvider>
-)
-
-export default ThemeProviderFlipper
diff --git a/src/core/context/theme-provider/theme-provider.spec.tsx b/src/core/context/theme-provider/theme-provider.spec.tsx
deleted file mode 100644
index 4bc91565..00000000
--- a/src/core/context/theme-provider/theme-provider.spec.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react'
-import { render, screen } from '@testing-library/react'
-import ThemeProvider from '.'
-
-describe('ThemeProvider', () => {
-    it('should render children', () => {
-        render(
-            <ThemeProvider>
-                <span>Test</span>
-            </ThemeProvider>
-        )
-        const child = screen.getByText('Test')
-
-        expect(child).toBeDefined()
-    })
-})
diff --git a/src/experimental/fab/styles.ts b/src/experimental/fab/styles.ts
deleted file mode 100644
index df4d1e99..00000000
--- a/src/experimental/fab/styles.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { default as styled } from 'styled-components'
-
-export const Wrapper = styled.div`
-    position: absolute;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    opacity: 0;
-    transition: opacity 200ms ease;
-    &:hover {
-        opacity: 1;
-    }
-`
diff --git a/src/lib/images.ts b/src/lib/images.ts
deleted file mode 100644
index 210f3487..00000000
--- a/src/lib/images.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import stepCardImage from '../images/step-card-image.svg'
-
-export const stepCardImageUrl = stepCardImage
diff --git a/src/lib/localization.ts b/src/lib/localization.ts
deleted file mode 100644
index c38c9ad5..00000000
--- a/src/lib/localization.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import ptBRLocale from 'date-fns/locale/pt-BR'
-
-export const getLocalization = (title = '') => ({
-    body: {
-        dateTimePickerLocalization: { locale: ptBRLocale },
-        emptyDataSourceMessage: 'Não há dados para serem exibidos no momento',
-        editRow: {
-            saveTooltip: 'Salvar',
-            cancelTooltip: 'Cancelar',
-            deleteText:
-                title !== ''
-                    ? `Você tem certeza que deseja excluir esse ${title}?`
-                    : `Você tem certeza que deseja excluir esse item?`
-        },
-        addTooltip: `Adicionar ${title}`,
-        deleteTooltip: `Remover ${title}`,
-        editTooltip: `Editar ${title}`
-    },
-    header: { actions: '' },
-    pagination: {
-        firstTooltip: 'Primeira',
-        firstAriaLabel: 'Primeira',
-        previousTooltip: 'Anterior',
-        previousAriaLabel: 'Anterior',
-        nextTooltip: 'Próxima',
-        nextAriaLabel: 'Próxima',
-        lastTooltip: 'Ultima',
-        lastAriaLabel: 'Ulima',
-        labelRowsSelect: 'Linhas',
-        labelDisplayedRows: '{from}-{to} de {count}'
-    }
-})

From 13119ee1d35fd3d7563dd836d7d8d09798cf0b50 Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Tue, 28 May 2024 09:14:32 -0300
Subject: [PATCH 19/27] test: adjust tests coverage

---
 .eslintignore                                 |  2 -
 jest.config.js                                |  2 +-
 .../__snapshots__/list-item.spec.tsx.snap     | 33 +++++--
 .../data-display/list-item/list-item.spec.tsx | 38 +++++++-
 src/core/data-display/table/table.spec.tsx    | 21 ++--
 src/core/feedback/tooltip/tooltip.spec.tsx    | 18 ++++
 .../__snapshots__/date-time.spec.tsx.snap     |  2 +-
 .../__snapshots__/sidebar.spec.tsx.snap       | 20 ++--
 src/core/navigation/sidebar/sidebar.spec.tsx  | 17 ++++
 .../__snapshots__/actions.spec.tsx.snap       |  4 +-
 ...spec.tsx.snap => add-button.spec.tsx.snap} |  4 +-
 .../avatar/__snapshots__/avatar.spec.tsx.snap |  2 +-
 .../__snapshots__/breadcrumbs.spec.tsx.snap   |  8 +-
 .../breadcrumbs/breadcrumbs.spec.tsx          |  8 ++
 .../card/__snapshots__/card.spec.tsx.snap     | 96 ++++++++++++++++---
 src/experimental/card/card.spec.tsx           | 66 ++++++++++++-
 src/experimental/card/index.tsx               |  3 +
 .../fab/__snapshots__/fab.spec.tsx.snap       | 10 --
 .../__snapshots__/loading.spec.tsx.snap       |  2 +-
 .../panel/__snapshots__/panel.spec.tsx.snap   |  8 +-
 ...snap => password-visibility.spec.tsx.snap} |  8 +-
 21 files changed, 297 insertions(+), 75 deletions(-)
 rename src/experimental/add-button/__snapshots__/{button.spec.tsx.snap => add-button.spec.tsx.snap} (92%)
 rename src/experimental/password-visibility/__snapshots__/{visibility-icon.spec.tsx.snap => password-visibility.spec.tsx.snap} (93%)

diff --git a/.eslintignore b/.eslintignore
index 4056dbe0..a261f291 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,3 +1 @@
 dist/*
-# FIXME: After project refactor EditableTable should not be ignored
-src/core/EditableTable.tsx
diff --git a/jest.config.js b/jest.config.js
index cc391517..c2d1b955 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -10,7 +10,7 @@ module.exports = {
         '!<rootDir>/src/experimental/auto-complete-lab/*.(ts|tsx)',
         '!<rootDir>/src/experimental/index.ts',
         '!<rootDir>/src/experimental/dialog/index.ts',
-        '!<rootDir>/src/experimental/fab/index.ts'
+        '!<rootDir>/src/experimental/breadcrumbs/index.tsx'
     ],
     transform: {
         '.+\\.(ts|tsx)$': 'ts-jest'
diff --git a/src/core/data-display/list-item/__snapshots__/list-item.spec.tsx.snap b/src/core/data-display/list-item/__snapshots__/list-item.spec.tsx.snap
index 0a0af15f..9df0abc7 100644
--- a/src/core/data-display/list-item/__snapshots__/list-item.spec.tsx.snap
+++ b/src/core/data-display/list-item/__snapshots__/list-item.spec.tsx.snap
@@ -4,7 +4,7 @@ exports[`ListItem should match snapshot 1`] = `
 <div>
   <div
     aria-disabled="false"
-    class="MuiButtonBase-root MuiListItem-root makeStyles-root-7 MuiListItem-gutters MuiListItem-button"
+    class="MuiButtonBase-root MuiListItem-root makeStyles-root-13 MuiListItem-gutters MuiListItem-button"
     role="button"
     tabindex="0"
   >
@@ -16,18 +16,39 @@ exports[`ListItem should match snapshot 1`] = `
       </div>
     </div>
     <div
-      class="MuiListItemText-root"
-      data-testid="list-item-undefined"
+      class="MuiListItemIcon-root makeStyles-default-14"
+      style="min-width: 42px;"
+    >
+      <svg
+        aria-hidden="true"
+        class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+        data-testid="FaceIcon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M9 11.75c-.69 0-1.25.56-1.25 1.25s.56 1.25 1.25 1.25 1.25-.56 1.25-1.25-.56-1.25-1.25-1.25m6 0c-.69 0-1.25.56-1.25 1.25s.56 1.25 1.25 1.25 1.25-.56 1.25-1.25-.56-1.25-1.25-1.25M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8 0-.29.02-.58.05-.86 2.36-1.05 4.23-2.98 5.21-5.37C11.07 8.33 14.05 10 17.42 10c.78 0 1.53-.09 2.25-.26.21.71.33 1.47.33 2.26 0 4.41-3.59 8-8 8"
+        />
+      </svg>
+    </div>
+    <div
+      class="MuiListItemText-root MuiListItemText-multiline"
+      data-testid="list-item-Subtitle"
       style="margin-right: 36px;"
     >
       <span
-        class="MuiTypography-root makeStyles-default-8 MuiTypography-body1 MuiTypography-displayBlock"
+        class="MuiTypography-root makeStyles-default-14 MuiTypography-body1 MuiTypography-displayBlock"
       >
-        Item 1
+        Title
       </span>
+      <p
+        class="MuiTypography-root makeStyles-default-14 MuiTypography-body2 MuiTypography-colorTextSecondary MuiTypography-displayBlock"
+      >
+        Subtitle
+      </p>
     </div>
     <div
-      class="MuiListItemSecondaryAction-root makeStyles-default-8"
+      class="MuiListItemSecondaryAction-root makeStyles-default-14"
     >
       <div>
         Action
diff --git a/src/core/data-display/list-item/list-item.spec.tsx b/src/core/data-display/list-item/list-item.spec.tsx
index 881fc880..e613b153 100644
--- a/src/core/data-display/list-item/list-item.spec.tsx
+++ b/src/core/data-display/list-item/list-item.spec.tsx
@@ -1,6 +1,8 @@
 import React from 'react'
-import { render, screen } from '@testing-library/react'
+import { Face } from '@mui/icons-material'
+import { render, screen, waitFor } from '@testing-library/react'
 import ListItem from '.'
+import '@testing-library/jest-dom'
 
 describe('ListItem', () => {
     it('should render', () => {
@@ -27,10 +29,42 @@ describe('ListItem', () => {
         expect(action).toBeDefined()
     })
 
+    it('should render with subtitle', () => {
+        render(<ListItem subtitle='Subtitle' />)
+
+        const subtitle = screen.getByTestId('list-item-Subtitle')
+
+        expect(subtitle).toBeDefined()
+    })
+
+    it('should render with custom width icon', () => {
+        render(<ListItem title='Title' subtitle='Subtitle' icon={<Face />} />)
+
+        const button = screen.getByRole('button')
+        const icon = button.querySelector('.MuiListItemIcon-root')
+
+        waitFor(() => {
+            expect(icon).toHaveStyle({ minWidth: '42px' })
+        })
+    })
+
+    it('should not render with custom width icon', () => {
+        render(<ListItem icon={<Face />} />)
+
+        const button = screen.getByRole('button')
+        const icon = button.querySelector('.MuiListItemIcon-root')
+
+        waitFor(() => {
+            expect(icon).toHaveStyle({ minWidth: '0px' })
+        })
+    })
+
     it('should match snapshot', () => {
         const { container } = render(
             <ListItem
-                title='Item 1'
+                title='Title'
+                subtitle='Subtitle'
+                icon={<Face />}
                 avatar={<div>Avatar</div>}
                 action={<div>Action</div>}
             />
diff --git a/src/core/data-display/table/table.spec.tsx b/src/core/data-display/table/table.spec.tsx
index 3c073a8b..d95e9c43 100644
--- a/src/core/data-display/table/table.spec.tsx
+++ b/src/core/data-display/table/table.spec.tsx
@@ -1,16 +1,17 @@
 import React from 'react'
 import { act } from 'react-dom/test-utils'
-import { render } from '@testing-library/react'
+import { render, waitFor } from '@testing-library/react'
 import { userEvent } from '@testing-library/user-event'
 import TableBody from './table-body'
 import TableCell from './table-cell'
 import TableHead from './table-head'
 import TableRow from './table-row'
 import Table from '.'
+import '@testing-library/jest-dom'
 
 interface IProps {
     onSort?: (name: string) => void
-    color?: 'primary' | 'secondary' | 'default' | 'inherit'
+    color?: string
 }
 
 const Default = ({ onSort, color }: IProps) => {
@@ -71,17 +72,21 @@ describe('Table', () => {
         expect(onSortSpy).toHaveBeenCalled()
     })
 
-    it('should render with custom color', async () => {
-        const { container } = render(<Default color='secondary' />)
+    it('should render with custom color', () => {
+        const { container } = render(<Default color='blue' />)
 
         const header = container.querySelector(
             '.MuiTableHead-root'
         ) as HTMLTableCellElement
 
-        const findSecondaryClass = Array.from(header.classList)
-            .join(' ')
-            .indexOf('TableHead-secondary')
+        waitFor(() => {
+            expect(header).toBeInTheDocument()
+        })
 
-        expect(findSecondaryClass).toBeGreaterThan(-1)
+        const headerStyle = getComputedStyle(header)
+
+        waitFor(() => {
+            expect(headerStyle.backgroundColor).toBe('blue')
+        })
     })
 })
diff --git a/src/core/feedback/tooltip/tooltip.spec.tsx b/src/core/feedback/tooltip/tooltip.spec.tsx
index 2a2d42bc..c4c4d6f8 100644
--- a/src/core/feedback/tooltip/tooltip.spec.tsx
+++ b/src/core/feedback/tooltip/tooltip.spec.tsx
@@ -42,6 +42,24 @@ describe('Tooltip', () => {
         expect(message).toBeDefined()
     })
 
+    it('should not render a Tooltip', async () => {
+        render(
+            <Tooltip title=''>
+                <Button variant='outlined'>Tooltip</Button>
+            </Tooltip>
+        )
+
+        const label = screen.getByText('Tooltip')
+
+        await act(async () => {
+            await userEvent.hover(label)
+        })
+
+        const message = screen.queryByText('Tooltip Message')
+
+        expect(message).toBeNull()
+    })
+
     it('should match snapshot', () => {
         const { container } = render(
             <Tooltip withWrapper enterDelay={1} title='Tooltip Message'>
diff --git a/src/core/inputs/date-time/__snapshots__/date-time.spec.tsx.snap b/src/core/inputs/date-time/__snapshots__/date-time.spec.tsx.snap
index 022e953f..4923b1af 100644
--- a/src/core/inputs/date-time/__snapshots__/date-time.spec.tsx.snap
+++ b/src/core/inputs/date-time/__snapshots__/date-time.spec.tsx.snap
@@ -14,7 +14,7 @@ exports[`DateTime should match snapshot 1`] = `
         class="MuiInputBase-input MuiOutlinedInput-input makeStyles-outlinedInput-49 MuiInputBase-inputAdornedEnd MuiOutlinedInput-inputAdornedEnd"
         role="date-picker"
         type="text"
-        value="13052024"
+        value="28052024"
       />
       <div
         class="MuiInputAdornment-root MuiInputAdornment-positionEnd"
diff --git a/src/core/navigation/sidebar/__snapshots__/sidebar.spec.tsx.snap b/src/core/navigation/sidebar/__snapshots__/sidebar.spec.tsx.snap
index 18e9cfa2..7c56b86a 100644
--- a/src/core/navigation/sidebar/__snapshots__/sidebar.spec.tsx.snap
+++ b/src/core/navigation/sidebar/__snapshots__/sidebar.spec.tsx.snap
@@ -7,14 +7,14 @@ exports[`Sidebar should match snapshot 1`] = `
     style="width: 220px; top: 64px;"
   >
     <div
-      class="MuiPaper-root MuiDrawer-paper MuiDrawer-paperAnchorLeft  makeStyles-default-54 MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
+      class="MuiPaper-root MuiDrawer-paper MuiDrawer-paperAnchorLeft  makeStyles-default-67 MuiDrawer-paperAnchorDockedLeft MuiPaper-elevation0"
     >
       <div
         anchor="left"
         class="sc-aYaIB eVWnkT"
       >
         <button
-          class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-button-53"
+          class="MuiButtonBase-root MuiButton-root MuiButton-contained makeStyles-button-66"
           data-testid="sidebar-button"
           name="button-sidebar"
           style="max-width: 72px; opacity: 1;"
@@ -26,7 +26,7 @@ exports[`Sidebar should match snapshot 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium makeStyles-icon-55 css-i4bv87-MuiSvgIcon-root"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium makeStyles-icon-68 css-i4bv87-MuiSvgIcon-root"
               data-testid="KeyboardArrowLeftIcon"
               focusable="false"
               viewBox="0 0 24 24"
@@ -42,16 +42,16 @@ exports[`Sidebar should match snapshot 1`] = `
         </button>
       </div>
       <ul
-        class="MuiList-root makeStyles-default-60 undefined MuiList-padding"
+        class="MuiList-root makeStyles-default-73 undefined MuiList-padding"
       >
         <div
           aria-disabled="false"
-          class="MuiButtonBase-root MuiListItem-root makeStyles-root-64 MuiListItem-gutters MuiListItem-button"
+          class="MuiButtonBase-root MuiListItem-root makeStyles-root-77 MuiListItem-gutters MuiListItem-button"
           role="button"
           tabindex="0"
         >
           <div
-            class="MuiListItemIcon-root makeStyles-default-65"
+            class="MuiListItemIcon-root makeStyles-default-78"
             style="min-width: 42px;"
           >
             <svg
@@ -71,7 +71,7 @@ exports[`Sidebar should match snapshot 1`] = `
             data-testid="list-item-undefined"
           >
             <span
-              class="MuiTypography-root makeStyles-default-65 MuiTypography-body1 MuiTypography-displayBlock"
+              class="MuiTypography-root makeStyles-default-78 MuiTypography-body1 MuiTypography-displayBlock"
             >
               Item 1
             </span>
@@ -82,12 +82,12 @@ exports[`Sidebar should match snapshot 1`] = `
         </div>
         <div
           aria-disabled="false"
-          class="MuiButtonBase-root MuiListItem-root makeStyles-root-64 MuiListItem-gutters MuiListItem-button"
+          class="MuiButtonBase-root MuiListItem-root makeStyles-root-77 MuiListItem-gutters MuiListItem-button"
           role="button"
           tabindex="0"
         >
           <div
-            class="MuiListItemIcon-root makeStyles-default-65"
+            class="MuiListItemIcon-root makeStyles-default-78"
             style="min-width: 42px;"
           >
             <svg
@@ -107,7 +107,7 @@ exports[`Sidebar should match snapshot 1`] = `
             data-testid="list-item-undefined"
           >
             <span
-              class="MuiTypography-root makeStyles-default-65 MuiTypography-body1 MuiTypography-displayBlock"
+              class="MuiTypography-root makeStyles-default-78 MuiTypography-body1 MuiTypography-displayBlock"
             >
               Item 2
             </span>
diff --git a/src/core/navigation/sidebar/sidebar.spec.tsx b/src/core/navigation/sidebar/sidebar.spec.tsx
index 28facbc9..e6dc818f 100644
--- a/src/core/navigation/sidebar/sidebar.spec.tsx
+++ b/src/core/navigation/sidebar/sidebar.spec.tsx
@@ -74,6 +74,23 @@ describe('Sidebar', () => {
         expect(item2).toBeDefined()
     })
 
+    it('should render with docked', () => {
+        render(
+            <Sidebar open docked onToggle={jest.fn()}>
+                <List>
+                    <ListItem title='Item 1' icon={<Backup />} />
+                    <ListItem title='Item 2' icon={<Backup />} />
+                </List>
+            </Sidebar>
+        )
+
+        const item1 = screen.getByText('Item 1')
+        const item2 = screen.getByText('Item 2')
+
+        expect(item1).toBeDefined()
+        expect(item2).toBeDefined()
+    })
+
     it('should match snapshot', () => {
         const { container } = render(
             <Sidebar open onToggle={jest.fn()}>
diff --git a/src/experimental/actions/__snapshots__/actions.spec.tsx.snap b/src/experimental/actions/__snapshots__/actions.spec.tsx.snap
index 7704febc..4143e061 100644
--- a/src/experimental/actions/__snapshots__/actions.spec.tsx.snap
+++ b/src/experimental/actions/__snapshots__/actions.spec.tsx.snap
@@ -4,7 +4,7 @@ exports[`Actions should match snapshot 1`] = `
 <div>
   <div
     align="flex-end"
-    class="sc-dZodDb uKEcO"
+    class="sc-bbSYpP dLcgmS"
   >
     <button
       class="MuiButtonBase-root MuiButton-root MuiButton-text"
@@ -24,7 +24,7 @@ exports[`Actions should match snapshot 1`] = `
       />
     </button>
     <button
-      class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary"
+      class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary"
       data-testid="confirm-action"
       name="confirm-action"
       style="opacity: 1;"
diff --git a/src/experimental/add-button/__snapshots__/button.spec.tsx.snap b/src/experimental/add-button/__snapshots__/add-button.spec.tsx.snap
similarity index 92%
rename from src/experimental/add-button/__snapshots__/button.spec.tsx.snap
rename to src/experimental/add-button/__snapshots__/add-button.spec.tsx.snap
index 68b9107d..2dea95c9 100644
--- a/src/experimental/add-button/__snapshots__/button.spec.tsx.snap
+++ b/src/experimental/add-button/__snapshots__/add-button.spec.tsx.snap
@@ -1,10 +1,10 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Button should match snapshot 1`] = `
+exports[`Add Button should match snapshot 1`] = `
 <div>
   <button
     class="MuiButtonBase-root MuiButton-root MuiButton-outlined sc-aYaIB eiShaW MuiButton-outlinedPrimary"
-    id="add-btnName"
+    id="id-add-btnName"
     label="Click Me"
     name="add-btnName"
     style="margin: 12px 0px 24px; opacity: 1; border-style: dashed;"
diff --git a/src/experimental/avatar/__snapshots__/avatar.spec.tsx.snap b/src/experimental/avatar/__snapshots__/avatar.spec.tsx.snap
index 3eea169f..7a6b0ec3 100644
--- a/src/experimental/avatar/__snapshots__/avatar.spec.tsx.snap
+++ b/src/experimental/avatar/__snapshots__/avatar.spec.tsx.snap
@@ -3,7 +3,7 @@
 exports[`Avatar should match snapshot 1`] = `
 <div>
   <div
-    class="MuiAvatar-root MuiAvatar-circular   MuiAvatar-colorDefault"
+    class="MuiAvatar-root MuiAvatar-circular MuiAvatar-colorDefault css-17o22dy-MuiAvatar-root"
     name="felipe"
   >
     F
diff --git a/src/experimental/breadcrumbs/__snapshots__/breadcrumbs.spec.tsx.snap b/src/experimental/breadcrumbs/__snapshots__/breadcrumbs.spec.tsx.snap
index ff2a0243..94ac7dd6 100644
--- a/src/experimental/breadcrumbs/__snapshots__/breadcrumbs.spec.tsx.snap
+++ b/src/experimental/breadcrumbs/__snapshots__/breadcrumbs.spec.tsx.snap
@@ -12,11 +12,10 @@ exports[`Breadcrumbs should match snapshot 1`] = `
         class="MuiBreadcrumbs-li"
       >
         <a
-          class="sc-jnOFWn eebEvD"
           href="/"
         >
           <p
-            class="MuiTypography-root sc-dZodDb jctEtk MuiTypography-body2 MuiTypography-colorInherit"
+            class="MuiTypography-root sc-eqUzNf bJIrlA MuiTypography-body2 MuiTypography-colorInherit"
           >
             Home
           </p>
@@ -42,11 +41,10 @@ exports[`Breadcrumbs should match snapshot 1`] = `
         class="MuiBreadcrumbs-li"
       >
         <a
-          class="sc-jnOFWn eebEvD"
           href="/foo"
         >
           <p
-            class="MuiTypography-root sc-dZodDb jctEtk MuiTypography-body2 MuiTypography-colorInherit"
+            class="MuiTypography-root sc-eqUzNf bJIrlA MuiTypography-body2 MuiTypography-colorInherit"
           >
             Foo
           </p>
@@ -72,7 +70,7 @@ exports[`Breadcrumbs should match snapshot 1`] = `
         class="MuiBreadcrumbs-li"
       >
         <p
-          class="MuiTypography-root sc-dZodDb jctEtk MuiTypography-body2 MuiTypography-colorInherit"
+          class="MuiTypography-root sc-eqUzNf bJIrlA MuiTypography-body2 MuiTypography-colorInherit"
         >
           Bar
         </p>
diff --git a/src/experimental/breadcrumbs/breadcrumbs.spec.tsx b/src/experimental/breadcrumbs/breadcrumbs.spec.tsx
index c5894584..a98600f2 100644
--- a/src/experimental/breadcrumbs/breadcrumbs.spec.tsx
+++ b/src/experimental/breadcrumbs/breadcrumbs.spec.tsx
@@ -3,6 +3,12 @@ import { render, screen } from '@testing-library/react'
 import Breadcrumbs from '.'
 
 describe('Breadcrumbs', () => {
+    const defaultLinkWrapper = (link: string, label: string) => (
+        <a key={link} href={link}>
+            {label}
+        </a>
+    )
+
     it('should render', () => {
         render(
             <Breadcrumbs
@@ -13,6 +19,7 @@ describe('Breadcrumbs', () => {
                     foo: 'Foo',
                     bar: 'Bar'
                 }}
+                linkWrapper={defaultLinkWrapper}
             />
         )
 
@@ -48,6 +55,7 @@ describe('Breadcrumbs', () => {
                     foo: 'Foo',
                     bar: 'Bar'
                 }}
+                linkWrapper={defaultLinkWrapper}
             />
         )
 
diff --git a/src/experimental/card/__snapshots__/card.spec.tsx.snap b/src/experimental/card/__snapshots__/card.spec.tsx.snap
index 7e878e70..2eda73aa 100644
--- a/src/experimental/card/__snapshots__/card.spec.tsx.snap
+++ b/src/experimental/card/__snapshots__/card.spec.tsx.snap
@@ -4,45 +4,111 @@ exports[`Card should match snapshot 1`] = `
 <div>
   <div
     class="MuiPaper-root showable MuiPaper-elevation1 MuiPaper-rounded"
+    data-testid="card"
     name="test"
     role="mui-paper-container"
     style="padding: 24px; flex: 1; display: flex; flex-direction: column;"
   >
     <div
-      class="sc-hIUIyC evvVES"
+      class="sc-fXSgRJ dFDIHT"
     >
       <h6
-        class="MuiTypography-root sc-jnOFWn fNUFMK MuiTypography-h6 MuiTypography-colorPrimary"
+        class="MuiTypography-root sc-fjvwmM bDJBrr MuiTypography-h6 MuiTypography-colorPrimary"
         name="test-title"
       >
-        test-title
+        title
       </h6>
+      <button
+        class="MuiButtonBase-root MuiIconButton-root sc-bbSYpP bsOeq"
+        data-testid="remove-button"
+        name="remove-test"
+        style="margin: -10px 20px; padding: 0px;"
+        tabindex="0"
+        type="button"
+      >
+        <span
+          class="MuiIconButton-label"
+        >
+          <svg
+            aria-hidden="true"
+            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+            color="#D84315"
+            data-testid="DeleteIcon"
+            focusable="false"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"
+            />
+          </svg>
+        </span>
+        <span
+          class="MuiTouchRipple-root"
+        />
+      </button>
+      <button
+        class="MuiButtonBase-root MuiIconButton-root sc-bbSYpP bsOeq"
+        data-testid="edit-button"
+        name="cancel-test"
+        style="margin: -10px; padding: 0px;"
+        tabindex="0"
+        type="button"
+      >
+        <span
+          class="MuiIconButton-label"
+        >
+          <svg
+            aria-hidden="true"
+            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+            data-testid="CloseIcon"
+            focusable="false"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+            />
+          </svg>
+        </span>
+        <span
+          class="MuiTouchRipple-root"
+        />
+      </button>
     </div>
-    <div>
-      <div
-        style="flex: 1; border: 1px solid #e0e0e0;"
-      />
-    </div>
+    <div
+      style="flex: 1; border: 1px solid #e0e0e0;"
+    />
     <button
-      class="MuiButtonBase-root MuiButton-root MuiButton-text"
-      style="opacity: 1;"
+      class="MuiButtonBase-root MuiButton-root MuiButton-outlined sc-dCFGXG eJyYUZ MuiButton-outlinedPrimary"
+      id="id-add-test"
+      label="add button"
+      name="add-test"
+      style="margin: 12px 0px 24px; opacity: 1; border-style: dashed;"
       tabindex="0"
       type="button"
     >
       <span
         class="MuiButton-label"
       >
+        <svg
+          aria-hidden="true"
+          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+          data-testid="NoteAddIcon"
+          focusable="false"
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm2 14h-3v3h-2v-3H8v-2h3v-3h2v3h3zm-3-7V3.5L18.5 9z"
+          />
+        </svg>
         add button
       </span>
       <span
         class="MuiTouchRipple-root"
       />
     </button>
-    <div>
-      <h1>
-        test
-      </h1>
-    </div>
+    <h1>
+      test
+    </h1>
   </div>
 </div>
 `;
diff --git a/src/experimental/card/card.spec.tsx b/src/experimental/card/card.spec.tsx
index a2fb8d41..e9459786 100644
--- a/src/experimental/card/card.spec.tsx
+++ b/src/experimental/card/card.spec.tsx
@@ -3,6 +3,7 @@ import { render, screen } from '@testing-library/react'
 import type { ButtonProps } from '@/core/inputs/button'
 import type { IconButtonProps } from '@/core/inputs/icon-button'
 import Card from '.'
+import '@testing-library/jest-dom'
 
 describe('Card', () => {
     it('should render', () => {
@@ -78,6 +79,53 @@ describe('Card', () => {
         expect(editButton).toHaveProperty('name', 'cancel-test')
     })
 
+    it('should render remove button ', () => {
+        const onRemove = jest.fn()
+        const onRemoveProps: Partial<IconButtonProps> = {
+            'data-testid': 'remove-button'
+        }
+
+        render(
+            <Card
+                editing
+                renderRemove
+                name='test'
+                data-testid='card'
+                title='title'
+                onRemoveProps={onRemoveProps}
+                onRemove={onRemove}>
+                <h1>test</h1>
+            </Card>
+        )
+
+        const removeButton = screen.getByTestId('remove-button')
+
+        expect(removeButton).toHaveProperty('name', 'remove-test')
+    })
+
+    it('should not contain className', () => {
+        const onRemove = jest.fn()
+        const onRemoveProps: Partial<IconButtonProps> = {
+            'data-testid': 'remove-button'
+        }
+
+        render(
+            <Card
+                renderRemove
+                name='test'
+                data-testid='card'
+                title='title'
+                onRemoveProps={onRemoveProps}
+                onRemove={onRemove}>
+                <h1>test</h1>
+            </Card>
+        )
+
+        const removeButton = screen.getByTestId('remove-button')
+
+        expect(removeButton).toHaveClass('showable-target')
+    })
+
     it('should call onClickAdd', () => {
         const onAddProps: Partial<ButtonProps> = {
             'data-testid': 'add-button'
@@ -120,12 +168,26 @@ describe('Card', () => {
     })
 
     it('should match snapshot', () => {
+        const onEditProps: Partial<IconButtonProps> = {
+            'data-testid': 'edit-button'
+        }
+        const onRemoveProps: Partial<IconButtonProps> = {
+            'data-testid': 'remove-button'
+        }
+
         const { container } = render(
             <Card
+                editing
+                renderRemove
                 name='test'
-                title='test-title'
+                data-testid='card'
+                title='title'
                 label='add button'
-                onClickAdd={jest.fn()}>
+                onClickAdd={jest.fn()}
+                onToggleEdit={jest.fn()}
+                onEditProps={onEditProps}
+                onRemoveProps={onRemoveProps}
+                onRemove={jest.fn()}>
                 <h1>test</h1>
             </Card>
         )
diff --git a/src/experimental/card/index.tsx b/src/experimental/card/index.tsx
index 26ab1f0a..c0147e9b 100644
--- a/src/experimental/card/index.tsx
+++ b/src/experimental/card/index.tsx
@@ -32,6 +32,7 @@ export interface IProps {
     renderRemove?: boolean
     onAddProps?: Partial<ButtonProps>
     onEditProps?: Partial<IconButtonProps>
+    onRemoveProps?: Partial<IconButtonProps>
     onClickAdd?(): void
     onToggleEdit?(): void
     onRemove?(): void
@@ -53,6 +54,7 @@ const Card = (props: IProps) => {
         onClickAdd,
         onAddProps,
         onEditProps,
+        onRemoveProps,
         ...otherProps
     } = props
 
@@ -81,6 +83,7 @@ const Card = (props: IProps) => {
 
                         {onRemove && !!renderRemove && (
                             <CardButton
+                                {...onRemoveProps}
                                 className={editing ? '' : 'showable-target'}
                                 name={`remove-${name}`}
                                 margin='-10px 20px'
diff --git a/src/experimental/fab/__snapshots__/fab.spec.tsx.snap b/src/experimental/fab/__snapshots__/fab.spec.tsx.snap
index a04a70c2..1b3fb544 100644
--- a/src/experimental/fab/__snapshots__/fab.spec.tsx.snap
+++ b/src/experimental/fab/__snapshots__/fab.spec.tsx.snap
@@ -37,13 +37,3 @@ exports[`Fab should match snapshot 1`] = `
   </div>
 </div>
 `;
-
-exports[`FabWrapper should match snapshot 1`] = `
-<div>
-  <div
-    class="sc-fBWQee lhYxDZ list-item-action"
-  >
-    Test
-  </div>
-</div>
-`;
diff --git a/src/experimental/loading/__snapshots__/loading.spec.tsx.snap b/src/experimental/loading/__snapshots__/loading.spec.tsx.snap
index c78f2bc2..c2d2714c 100644
--- a/src/experimental/loading/__snapshots__/loading.spec.tsx.snap
+++ b/src/experimental/loading/__snapshots__/loading.spec.tsx.snap
@@ -3,7 +3,7 @@
 exports[`Loading should match snapshot 1`] = `
 <div>
   <div
-    class="sc-dZodDb ewIVir"
+    class="sc-bbSYpP hDTVEW"
     data-testid="loading-component"
     style="margin: 48px; padding: 24px;"
   >
diff --git a/src/experimental/panel/__snapshots__/panel.spec.tsx.snap b/src/experimental/panel/__snapshots__/panel.spec.tsx.snap
index 2c8eaac1..54a77710 100644
--- a/src/experimental/panel/__snapshots__/panel.spec.tsx.snap
+++ b/src/experimental/panel/__snapshots__/panel.spec.tsx.snap
@@ -3,7 +3,7 @@
 exports[`Panel should match snapshot 1`] = `
 <div>
   <div
-    class="MuiPaper-root MuiAccordion-root sc-hIUIyC klyQYs Mui-expanded MuiAccordion-rounded MuiPaper-elevation2 MuiPaper-rounded"
+    class="MuiPaper-root MuiAccordion-root sc-JrEyx bDreFv Mui-expanded MuiAccordion-rounded MuiPaper-elevation2 MuiPaper-rounded"
     data-testid="panel-component"
     style="margin: 0px;"
   >
@@ -18,13 +18,13 @@ exports[`Panel should match snapshot 1`] = `
         class="MuiAccordionSummary-content Mui-expanded"
       >
         <div
-          class="sc-dAbbbq eoLUQh"
+          class="sc-cwHqhk gUdSVl"
         >
           <div
-            class="sc-jnOFWn jqRqRW"
+            class="sc-fjvwmM fpSWef"
           >
             <h6
-              class="MuiTypography-root sc-dZodDb fkNYyT MuiTypography-subtitle1 MuiTypography-noWrap"
+              class="MuiTypography-root sc-bbSYpP bprKiu MuiTypography-subtitle1 MuiTypography-noWrap"
             >
               Foo
             </h6>
diff --git a/src/experimental/password-visibility/__snapshots__/visibility-icon.spec.tsx.snap b/src/experimental/password-visibility/__snapshots__/password-visibility.spec.tsx.snap
similarity index 93%
rename from src/experimental/password-visibility/__snapshots__/visibility-icon.spec.tsx.snap
rename to src/experimental/password-visibility/__snapshots__/password-visibility.spec.tsx.snap
index 01e70db9..90983703 100644
--- a/src/experimental/password-visibility/__snapshots__/visibility-icon.spec.tsx.snap
+++ b/src/experimental/password-visibility/__snapshots__/password-visibility.spec.tsx.snap
@@ -1,12 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`VisibilityIcon should match snapshot 1`] = `
+exports[`PasswordVisibility should match snapshot 1`] = `
 {
   "asFragment": [Function],
   "baseElement": <body>
     <div>
       <button
-        class="MuiButtonBase-root MuiIconButton-root sc-dZodDb egMdGV"
+        class="MuiButtonBase-root MuiIconButton-root sc-bbSYpP fZolHc"
+        name="show-password"
         style="padding: 0px;"
         tabindex="0"
         type="button"
@@ -34,7 +35,8 @@ exports[`VisibilityIcon should match snapshot 1`] = `
   </body>,
   "container": <div>
     <button
-      class="MuiButtonBase-root MuiIconButton-root sc-dZodDb egMdGV"
+      class="MuiButtonBase-root MuiIconButton-root sc-bbSYpP fZolHc"
+      name="show-password"
       style="padding: 0px;"
       tabindex="0"
       type="button"

From 3c4125e968e4d34b3ddd2f1c1bc3199c915bd010 Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Tue, 28 May 2024 09:17:03 -0300
Subject: [PATCH 20/27] chore: remove unecessary files

---
 .nvmrc            | 1 +
 .tool-versions    | 1 -
 src/setupTests.js | 3 ---
 3 files changed, 1 insertion(+), 4 deletions(-)
 create mode 100644 .nvmrc
 delete mode 100644 .tool-versions
 delete mode 100644 src/setupTests.js

diff --git a/.nvmrc b/.nvmrc
new file mode 100644
index 00000000..72c7744b
--- /dev/null
+++ b/.nvmrc
@@ -0,0 +1 @@
+18.12.1
\ No newline at end of file
diff --git a/.tool-versions b/.tool-versions
deleted file mode 100644
index 5686ee0d..00000000
--- a/.tool-versions
+++ /dev/null
@@ -1 +0,0 @@
-nodejs 18.12.1
diff --git a/src/setupTests.js b/src/setupTests.js
deleted file mode 100644
index 73cd9d44..00000000
--- a/src/setupTests.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import fetch from 'node-fetch'
-
-global.fetch = fetch

From 0271ff97b7356429998a8378cebcbd48db57ed83 Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Tue, 28 May 2024 09:44:30 -0300
Subject: [PATCH 21/27] fix: replace Omit by ramda for typescript

---
 src/core/data-display/list-item/index.tsx  | 1 -
 src/core/data-display/menu-item/index.tsx  | 1 -
 src/core/data-display/table/table-cell.tsx | 1 -
 src/core/inputs/date-time/index.tsx        | 1 -
 4 files changed, 4 deletions(-)

diff --git a/src/core/data-display/list-item/index.tsx b/src/core/data-display/list-item/index.tsx
index 5931e3e9..f4fc5cbc 100644
--- a/src/core/data-display/list-item/index.tsx
+++ b/src/core/data-display/list-item/index.tsx
@@ -11,7 +11,6 @@ import {
 import { makeStyles } from '@material-ui/core/styles'
 import type { DefaultProps } from '../../types'
 import type { Theme } from '@material-ui/core'
-import type { Omit } from 'ramda'
 
 export interface ListItemProps extends Omit<DefaultProps, 'name'> {
     avatar?: JSX.Element
diff --git a/src/core/data-display/menu-item/index.tsx b/src/core/data-display/menu-item/index.tsx
index 7133c439..1011ba70 100644
--- a/src/core/data-display/menu-item/index.tsx
+++ b/src/core/data-display/menu-item/index.tsx
@@ -3,7 +3,6 @@ import type { MouseEvent, MutableRefObject, ReactNode } from 'react'
 import type { DefaultProps } from '../../types'
 import type { MenuItemClassKey } from '@material-ui/core/MenuItem'
 import type { ClassNameMap } from '@material-ui/core/styles/withStyles'
-import type { Omit } from 'ramda'
 import { MenuItems } from './styles'
 
 export interface ListItemProps extends Omit<DefaultProps, 'name'> {
diff --git a/src/core/data-display/table/table-cell.tsx b/src/core/data-display/table/table-cell.tsx
index a93971b7..aa949a41 100644
--- a/src/core/data-display/table/table-cell.tsx
+++ b/src/core/data-display/table/table-cell.tsx
@@ -3,7 +3,6 @@ import MuiTableCell from '@material-ui/core/TableCell'
 import MuiTableSortLabel from '@material-ui/core/TableSortLabel'
 import type { DefaultProps } from '../../types'
 import type { TableCellProps as MuiTableProps } from '@material-ui/core/TableCell'
-import type { Omit } from 'ramda'
 import { SortContext } from './table-head'
 
 interface TableCellProps extends DefaultProps {
diff --git a/src/core/inputs/date-time/index.tsx b/src/core/inputs/date-time/index.tsx
index f476c578..26a3f0dc 100644
--- a/src/core/inputs/date-time/index.tsx
+++ b/src/core/inputs/date-time/index.tsx
@@ -12,7 +12,6 @@ import type { KeyboardDatePickerProps } from '@material-ui/pickers/DatePicker'
 import type { KeyboardDateTimePickerProps } from '@material-ui/pickers/DateTimePicker'
 import type { KeyboardTimePickerProps } from '@material-ui/pickers/TimePicker'
 import type { MaterialUiPickersDate } from '@material-ui/pickers/typings/date'
-import type { Omit } from 'ramda'
 import { useStyles } from '@/core/inputs/text-field'
 
 export interface IProps {

From be0e83dafe7d47396989479e78aac9b3f676fbfb Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Tue, 28 May 2024 10:49:17 -0300
Subject: [PATCH 22/27] chore: remove unsused dependencies

---
 package.json |   8 ++--
 yarn.lock    | 111 +++++++++++++++++----------------------------------
 2 files changed, 39 insertions(+), 80 deletions(-)

diff --git a/package.json b/package.json
index 60b33535..c425e4d7 100644
--- a/package.json
+++ b/package.json
@@ -47,7 +47,6 @@
         "react-loading-skeleton": "3.4.0",
         "react-number-format": "4.4.1",
         "sprintf-js": "1.1.3",
-        "stylis": "4.3.2",
         "uuid": "9.0.1"
     },
     "devDependencies": {
@@ -58,7 +57,7 @@
         "@babel/preset-typescript": "7.24.6",
         "@faker-js/faker": "8.4.1",
         "@storybook/addon-essentials": "7.6.17",
-        "@storybook/addon-styling-webpack": "0.0.6",
+        "@storybook/addon-styling-webpack": "1.0.0",
         "@storybook/react": "7.6.17",
         "@storybook/react-webpack5": "7.6.17",
         "@stylistic/eslint-plugin": "1.5.4",
@@ -82,13 +81,12 @@
         "eslint-import-resolver-typescript": "3.6.1",
         "eslint-plugin-import": "2.29.1",
         "eslint-plugin-prettier": "5.1.3",
-        "eslint-plugin-react": "7.34.1",
+        "eslint-plugin-react": "7.34.2",
         "eslint-plugin-react-hooks": "4.6.2",
         "fs-extra": "11.2.0",
         "identity-obj-proxy": "3.0.0",
         "jest": "29.7.0",
         "jest-environment-jsdom": "29.7.0",
-        "node-fetch": "3.3.2",
         "prettier": "3.2.5",
         "react": "18.3.1",
         "react-dom": "18.3.1",
@@ -96,7 +94,7 @@
         "react-router-dom": "6.23.1",
         "storybook": "7.6.17",
         "styled-components": "6.1.11",
-        "ts-jest": "29.1.3",
+        "ts-jest": "29.1.4",
         "ts-loader": "9.5.1",
         "typescript": "5.4.5",
         "webpack": "5.91.0"
diff --git a/yarn.lock b/yarn.lock
index 1c8ba0c5..eec7b5f0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2380,12 +2380,12 @@
     "@storybook/global" "^5.0.0"
     ts-dedent "^2.0.0"
 
-"@storybook/addon-styling-webpack@0.0.6":
-  version "0.0.6"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-styling-webpack/-/addon-styling-webpack-0.0.6.tgz#6e974c7498c8cfe6a8f98344e9ef4c54c1980e95"
-  integrity sha512-JjM2FXFiHpjbJsp7nRUEMhYBRpK6ukBKsbtWzCrAGOfUgoElcGwPY8KhSKSnRknIhebonGK1bxalh3u8bGZ/dw==
+"@storybook/addon-styling-webpack@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-styling-webpack/-/addon-styling-webpack-1.0.0.tgz#a4d0d449b8e76135565bdc4745f9d0420edd2420"
+  integrity sha512-jo1kzn7pi+NA+LZxrWoRvW6w7dXIKY/BjTG80XX2uU92lIKT+X1k/9vYk/0KPVK3Bsf4tO6ToAuqIRyOk7MHtg==
   dependencies:
-    "@storybook/node-logger" "^7.0.12"
+    "@storybook/node-logger" "^8.0.0-alpha.10"
 
 "@storybook/addon-toolbars@7.6.17":
   version "7.6.17"
@@ -2785,10 +2785,10 @@
   resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-7.6.17.tgz#2747cee5395c3644408df2423d98502663c4bcf6"
   integrity sha512-w59MQuXhhUNrUVmVkXhMwIg2nvFWjdDczLTwYLorhfsE36CWeUOY5QCZWQy0Qf/h+jz8Uo7Evy64qn18v9C4wA==
 
-"@storybook/node-logger@^7.0.12":
-  version "7.6.19"
-  resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-7.6.19.tgz#8a911288ee8052cf2c77cf5e2db2367b1b852b43"
-  integrity sha512-2g29QC44Zl1jKY37DmQ0/dO7+VSKnGgPI/x0mwVwQffypSapxH3rwLLT5Q5XLHeFyD+fhRu5w9Cj4vTGynJgpA==
+"@storybook/node-logger@^8.0.0-alpha.10":
+  version "8.1.4"
+  resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-8.1.4.tgz#8e4cab3f0b71f64ab44e7e3a181ab198aa581bf8"
+  integrity sha512-tMcVPdTPN3ZWgzc4YA2MC3GQEuE6Cbx2AN2hQYhdF8O0v+IlAbnad5heUFVEM+fGBpoxZJtVaRohuAd6BR/Ffw==
 
 "@storybook/postinstall@7.6.17":
   version "7.6.17"
@@ -4003,7 +4003,7 @@ array-flatten@1.1.1:
   resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
   integrity sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==
 
-array-includes@^3.1.6, array-includes@^3.1.7:
+array-includes@^3.1.6, array-includes@^3.1.7, array-includes@^3.1.8:
   version "3.1.8"
   resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.8.tgz#5e370cbe172fdd5dd6530c1d4aadda25281ba97d"
   integrity sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==
@@ -4020,7 +4020,7 @@ array-union@^2.1.0:
   resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
   integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
 
-array.prototype.findlast@^1.2.4:
+array.prototype.findlast@^1.2.5:
   version "1.2.5"
   resolved "https://registry.yarnpkg.com/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz#3e4fbcb30a15a7f5bf64cf2faae22d139c2e4904"
   integrity sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==
@@ -4465,9 +4465,9 @@ camelize@^1.0.0:
   integrity sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==
 
 caniuse-lite@^1.0.30001587:
-  version "1.0.30001623"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001623.tgz#e982099dcb229bb6ab35f5aebe2f8d79ccf6e8a8"
-  integrity sha512-X/XhAVKlpIxWPpgRTnlgZssJrF0m6YtRA0QDWgsBNT12uZM6LPRydR7ip405Y3t1LamD8cP2TZFEDZFBf5ApcA==
+  version "1.0.30001624"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001624.tgz#0ec4c8fa7a46e5b785477c70b38a56d0b10058eb"
+  integrity sha512-0dWnQG87UevOCPYaOR49CBcLBwoZLpws+k6W37nLjWUhumP1Isusj0p2u+3KhjNloRWK9OKMgjBBzPujQHw4nA==
 
 case-sensitive-paths-webpack-plugin@^2.4.0:
   version "2.4.0"
@@ -4909,11 +4909,6 @@ csstype@^2.5.2:
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.21.tgz#2efb85b7cc55c80017c66a5ad7cbd931fda3a90e"
   integrity sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w==
 
-data-uri-to-buffer@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz#d8feb2b2881e6a4f58c2e08acfd0e2834e26222e"
-  integrity sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==
-
 data-urls@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-3.0.2.tgz#9cf24a477ae22bcef5cd5f6f0bfbc1d2d3be9143"
@@ -5390,7 +5385,7 @@ es-errors@^1.1.0, es-errors@^1.2.1, es-errors@^1.3.0:
   resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f"
   integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
 
-es-iterator-helpers@^1.0.17:
+es-iterator-helpers@^1.0.19:
   version "1.0.19"
   resolved "https://registry.yarnpkg.com/es-iterator-helpers/-/es-iterator-helpers-1.0.19.tgz#117003d0e5fec237b4b5c08aded722e0c6d50ca8"
   integrity sha512-zoMwbCcH5hwUkKJkT8kDIBZSz9I6mVG//+lDCinLCGov4+r7NIy0ld8o03M0cJxl2spVf6ESYVS6/gpIfq1FFw==
@@ -5593,29 +5588,29 @@ eslint-plugin-react-hooks@4.6.2:
   resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.2.tgz#c829eb06c0e6f484b3fbb85a97e57784f328c596"
   integrity sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==
 
-eslint-plugin-react@7.34.1:
-  version "7.34.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.34.1.tgz#6806b70c97796f5bbfb235a5d3379ece5f4da997"
-  integrity sha512-N97CxlouPT1AHt8Jn0mhhN2RrADlUAsk1/atcT2KyA/l9Q/E6ll7OIGwNumFmWfZ9skV3XXccYS19h80rHtgkw==
+eslint-plugin-react@7.34.2:
+  version "7.34.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.34.2.tgz#2780a1a35a51aca379d86d29b9a72adc6bfe6b66"
+  integrity sha512-2HCmrU+/JNigDN6tg55cRDKCQWicYAPB38JGSFDQt95jDm8rrvSUo7YPkOIm5l6ts1j1zCvysNcasvfTMQzUOw==
   dependencies:
-    array-includes "^3.1.7"
-    array.prototype.findlast "^1.2.4"
+    array-includes "^3.1.8"
+    array.prototype.findlast "^1.2.5"
     array.prototype.flatmap "^1.3.2"
     array.prototype.toreversed "^1.1.2"
     array.prototype.tosorted "^1.1.3"
     doctrine "^2.1.0"
-    es-iterator-helpers "^1.0.17"
+    es-iterator-helpers "^1.0.19"
     estraverse "^5.3.0"
     jsx-ast-utils "^2.4.1 || ^3.0.0"
     minimatch "^3.1.2"
-    object.entries "^1.1.7"
-    object.fromentries "^2.0.7"
-    object.hasown "^1.1.3"
-    object.values "^1.1.7"
+    object.entries "^1.1.8"
+    object.fromentries "^2.0.8"
+    object.hasown "^1.1.4"
+    object.values "^1.2.0"
     prop-types "^15.8.1"
     resolve "^2.0.0-next.5"
     semver "^6.3.1"
-    string.prototype.matchall "^4.0.10"
+    string.prototype.matchall "^4.0.11"
 
 eslint-scope@5.1.1:
   version "5.1.1"
@@ -5890,14 +5885,6 @@ fd-slicer@~1.1.0:
   dependencies:
     pend "~1.2.0"
 
-fetch-blob@^3.1.2, fetch-blob@^3.1.4:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/fetch-blob/-/fetch-blob-3.2.0.tgz#f09b8d4bbd45adc6f0c20b7e787e793e309dcce9"
-  integrity sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==
-  dependencies:
-    node-domexception "^1.0.0"
-    web-streams-polyfill "^3.0.3"
-
 fetch-retry@^5.0.2:
   version "5.0.6"
   resolved "https://registry.yarnpkg.com/fetch-retry/-/fetch-retry-5.0.6.tgz#17d0bc90423405b7a88b74355bf364acd2a7fa56"
@@ -6076,13 +6063,6 @@ form-data@^4.0.0:
     combined-stream "^1.0.8"
     mime-types "^2.1.12"
 
-formdata-polyfill@^4.0.10:
-  version "4.0.10"
-  resolved "https://registry.yarnpkg.com/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz#24807c31c9d402e002ab3d8c720144ceb8848423"
-  integrity sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==
-  dependencies:
-    fetch-blob "^3.1.2"
-
 forwarded@0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.2.0.tgz#2269936428aad4c15c7ebe9779a84bf0b2a81811"
@@ -8082,25 +8062,11 @@ node-dir@^0.1.17:
   dependencies:
     minimatch "^3.0.2"
 
-node-domexception@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/node-domexception/-/node-domexception-1.0.0.tgz#6888db46a1f71c0b76b3f7555016b63fe64766e5"
-  integrity sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==
-
 node-fetch-native@^1.6.3:
   version "1.6.4"
   resolved "https://registry.yarnpkg.com/node-fetch-native/-/node-fetch-native-1.6.4.tgz#679fc8fd8111266d47d7e72c379f1bed9acff06e"
   integrity sha512-IhOigYzAKHd244OC0JIMIUrjzctirCmPkaIfhDeGcEETWof5zKYUW7e7MYvChGWh/4CJeXEgsRyGzuF334rOOQ==
 
-node-fetch@3.3.2:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-3.3.2.tgz#d1e889bacdf733b4ff3b2b243eb7a12866a0b78b"
-  integrity sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA==
-  dependencies:
-    data-uri-to-buffer "^4.0.0"
-    fetch-blob "^3.1.4"
-    formdata-polyfill "^4.0.10"
-
 node-fetch@^2.0.0:
   version "2.7.0"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.7.0.tgz#d0f0fa6e3e2dc1d27efcd8ad99d550bda94d187d"
@@ -8203,7 +8169,7 @@ object.assign@^4.1.4, object.assign@^4.1.5:
     has-symbols "^1.0.3"
     object-keys "^1.1.1"
 
-object.entries@^1.1.7:
+object.entries@^1.1.8:
   version "1.1.8"
   resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.8.tgz#bffe6f282e01f4d17807204a24f8edd823599c41"
   integrity sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==
@@ -8212,7 +8178,7 @@ object.entries@^1.1.7:
     define-properties "^1.2.1"
     es-object-atoms "^1.0.0"
 
-object.fromentries@^2.0.7:
+object.fromentries@^2.0.7, object.fromentries@^2.0.8:
   version "2.0.8"
   resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.8.tgz#f7195d8a9b97bd95cbc1999ea939ecd1a2b00c65"
   integrity sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==
@@ -8231,7 +8197,7 @@ object.groupby@^1.0.1:
     define-properties "^1.2.1"
     es-abstract "^1.23.2"
 
-object.hasown@^1.1.3:
+object.hasown@^1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/object.hasown/-/object.hasown-1.1.4.tgz#e270ae377e4c120cdcb7656ce66884a6218283dc"
   integrity sha512-FZ9LZt9/RHzGySlBARE3VF+gE26TxR38SdmqOqliuTnl9wrKulaQs+4dee1V+Io8VfxqzAfHu6YuRgUy8OHoTg==
@@ -8240,7 +8206,7 @@ object.hasown@^1.1.3:
     es-abstract "^1.23.2"
     es-object-atoms "^1.0.0"
 
-object.values@^1.1.6, object.values@^1.1.7:
+object.values@^1.1.6, object.values@^1.1.7, object.values@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.2.0.tgz#65405a9d92cee68ac2d303002e0b8470a4d9ab1b"
   integrity sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==
@@ -9616,7 +9582,7 @@ string-width@^5.1.2:
     emoji-regex "^9.2.2"
     strip-ansi "^7.0.1"
 
-string.prototype.matchall@^4.0.10:
+string.prototype.matchall@^4.0.11:
   version "4.0.11"
   resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.11.tgz#1092a72c59268d2abaad76582dccc687c0297e0a"
   integrity sha512-NUdh0aDavY2og7IbBPenWqR9exH+E26Sv8e0/eTe1tltDGZL+GtBkDAnnyBtmekfK6/Dq3MkcGtzXFEd1LQrtg==
@@ -9990,10 +9956,10 @@ ts-dedent@^2.0.0:
   resolved "https://registry.yarnpkg.com/ts-dedent/-/ts-dedent-2.2.0.tgz#39e4bd297cd036292ae2394eb3412be63f563bb5"
   integrity sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==
 
-ts-jest@29.1.3:
-  version "29.1.3"
-  resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-29.1.3.tgz#2bab16ba5ab0f4896684985f9618acc2cf1197e9"
-  integrity sha512-6L9qz3ginTd1NKhOxmkP0qU3FyKjj5CPoY+anszfVn6Pmv/RIKzhiMCsH7Yb7UvJR9I2A64rm4zQl531s2F1iw==
+ts-jest@29.1.4:
+  version "29.1.4"
+  resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-29.1.4.tgz#26f8a55ce31e4d2ef7a1fd47dc7fa127e92793ef"
+  integrity sha512-YiHwDhSvCiItoAgsKtoLFCuakDzDsJ1DLDnSouTaTmdOcOwIkSzbLXduaQ6M5DRVhuZC/NYaaZ/mtHbWMv/S6Q==
   dependencies:
     bs-logger "0.x"
     fast-json-stable-stringify "2.x"
@@ -10381,11 +10347,6 @@ wcwidth@^1.0.1:
   dependencies:
     defaults "^1.0.3"
 
-web-streams-polyfill@^3.0.3:
-  version "3.3.3"
-  resolved "https://registry.yarnpkg.com/web-streams-polyfill/-/web-streams-polyfill-3.3.3.tgz#2073b91a2fdb1fbfbd401e7de0ac9f8214cecb4b"
-  integrity sha512-d2JWLCivmZYTSIoge9MsgFCZrt571BikcWGYkjC1khllbTeDlGqZ2D8vD8E/lJa8WGWbb7Plm8/XJYV7IJHZZw==
-
 webidl-conversions@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"

From 7b6dae7a91373a4dcebafa7133150bd51423db08 Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Tue, 28 May 2024 10:49:36 -0300
Subject: [PATCH 23/27] fix: fix eslint warnings

---
 .../data-table/data-table-field.tsx           |   5 +-
 .../data-table-query-paginated.stories.tsx    |  88 +++++-----
 .../data-table/data-table.stories.tsx         | 163 ++++++++++--------
 src/core/data-display/data-table/rows.tsx     |   8 +-
 .../data-display/data-table/use-paginated.ts  |   8 +-
 .../data-display/data-table/use-rows-state.ts |   1 -
 src/core/inputs/pin-input/index.tsx           |   4 +-
 .../inputs/text-field/text-field.stories.tsx  |   6 +-
 .../__snapshots__/step-card.spec.tsx.snap     |   2 +-
 src/core/surfaces/step-card/styles.ts         |  10 +-
 src/test/mocks/data-table-hidden-mock.tsx     | 104 +++++------
 src/test/mocks/data-table-mock.tsx            | 104 +++++------
 src/test/util.ts                              |  18 +-
 13 files changed, 269 insertions(+), 252 deletions(-)

diff --git a/src/core/data-display/data-table/data-table-field.tsx b/src/core/data-display/data-table/data-table-field.tsx
index 5ac54da1..8c14f3a9 100644
--- a/src/core/data-display/data-table/data-table-field.tsx
+++ b/src/core/data-display/data-table/data-table-field.tsx
@@ -1,6 +1,5 @@
-// eslint-disable-next-line @typescript-eslint/consistent-type-imports
 import React from 'react'
-import type { ChangeEvent, Dispatch, SetStateAction } from 'react'
+import type { ChangeEvent, Dispatch, MouseEvent, SetStateAction } from 'react'
 import { Checkbox, Table, TableBody, TableCell, TableHead } from '@mui/material'
 import { TextField } from '@/index'
 import { FieldWrapper, RowTable, TableCellRows } from './styles'
@@ -101,7 +100,7 @@ export const DataTableField = <D extends Record<string, unknown>>(
     }
 
     const handleTableRow = (
-        event: React.MouseEvent<HTMLTableRowElement, MouseEvent>,
+        event: MouseEvent<HTMLTableRowElement>,
         index: number
     ) => {
         const isCheckboxClick =
diff --git a/src/core/data-display/data-table/data-table-query-paginated.stories.tsx b/src/core/data-display/data-table/data-table-query-paginated.stories.tsx
index feb33434..926286de 100644
--- a/src/core/data-display/data-table/data-table-query-paginated.stories.tsx
+++ b/src/core/data-display/data-table/data-table-query-paginated.stories.tsx
@@ -1,6 +1,10 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment */
 import React, { useMemo, useRef, useState } from 'react'
-import type { ReactNode } from 'react'
+import type {
+    Dispatch,
+    MutableRefObject,
+    ReactNode,
+    SetStateAction
+} from 'react'
 import { TableCell, TableRow, Typography } from '@material-ui/core'
 import {
     Cancel as CancelIcon,
@@ -337,6 +341,44 @@ export const Crud = () => {
 
     const randomId = () => Math.random().toString(36).substr(0, 12)
 
+    const rows = (
+        data: Data,
+        setData: Dispatch<SetStateAction<Data[]>>,
+        controllerRef: MutableRefObject<DataTableController<Data, View>>
+    ) => {
+        return (
+            <td colSpan={5}>
+                <div
+                    style={{
+                        display: 'flex',
+                        padding: '16px',
+                        justifyContent: 'space-between'
+                    }}>
+                    <Typography>Confirm Delete "{data.product}"?</Typography>
+                    <div style={{ display: 'flex' }}>
+                        <DataTableAction
+                            label='CheckIcon'
+                            onClick={() => {
+                                controllerRef.current.popRowView(data.id)
+                                setData(dataList =>
+                                    dataList.filter(item => item.id !== data.id)
+                                )
+                            }}>
+                            <CheckIcon />
+                        </DataTableAction>
+                        <DataTableAction
+                            label='CancelIcon'
+                            onClick={() => {
+                                controllerRef.current.popRowView(data.id)
+                            }}>
+                            <CancelIcon />
+                        </DataTableAction>
+                    </div>
+                </div>
+            </td>
+        )
+    }
+
     const handleAdd = () => {
         controllerRef.current?.addRow({ id: randomId(), date: date() })
     }
@@ -360,7 +402,7 @@ export const Crud = () => {
 
     const handleErrors = (
         id: string | number,
-        nextItem = {},
+        nextItem: { [key: string]: unknown } = {},
         isPartial = false
     ) => {
         const errorFields = [
@@ -370,7 +412,6 @@ export const Crud = () => {
             { field: 'price', isErrorIf: [isNaN, isNotPositive] }
         ]
             .filter(({ field, isErrorIf }) => {
-                // @ts-ignore
                 const value = nextItem[field]
 
                 if (isNullable(value)) {
@@ -381,7 +422,7 @@ export const Crud = () => {
                     return true
                 }
 
-                return isErrorIf.some(cond => cond)
+                return isErrorIf.some(cond => cond(value as never))
             })
             .map(({ field }) => field)
 
@@ -504,41 +545,8 @@ export const Crud = () => {
 
     const rowViews = {
         confirmDelete: ({ data }: { data: Data }) => {
-            return (
-                <td colSpan={5}>
-                    <div
-                        style={{
-                            display: 'flex',
-                            padding: '16px',
-                            justifyContent: 'space-between'
-                        }}>
-                        <Typography>
-                            Confirm Delete "{data.product}"?
-                        </Typography>
-                        <div style={{ display: 'flex' }}>
-                            <DataTableAction
-                                label='CheckIcon'
-                                onClick={() => {
-                                    controllerRef.current?.popRowView(data.id)
-                                    setData(dataList =>
-                                        dataList.filter(
-                                            item => item.id !== data.id
-                                        )
-                                    )
-                                }}>
-                                <CheckIcon />
-                            </DataTableAction>
-                            <DataTableAction
-                                label='CancelIcon'
-                                onClick={() => {
-                                    controllerRef.current?.popRowView(data.id)
-                                }}>
-                                <CancelIcon />
-                            </DataTableAction>
-                        </div>
-                    </div>
-                </td>
-            )
+            // @ts-expect-error TODO: fix controller type
+            return rows(data, setData, controllerRef)
         }
     }
 
diff --git a/src/core/data-display/data-table/data-table.stories.tsx b/src/core/data-display/data-table/data-table.stories.tsx
index d6634985..e7643318 100644
--- a/src/core/data-display/data-table/data-table.stories.tsx
+++ b/src/core/data-display/data-table/data-table.stories.tsx
@@ -1,5 +1,5 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment */
 import React, { useState, useRef } from 'react'
+import type { MutableRefObject, Dispatch, SetStateAction } from 'react'
 import {
     Delete as DeleteIcon,
     Edit as EditIcon,
@@ -446,6 +446,44 @@ export const Crud = () => {
         { id: 8, product: 'Pencil', price: 1.5, quantity: 11, date: date() }
     ])
 
+    const rows = (
+        data: Data,
+        setData: Dispatch<SetStateAction<Data[]>>,
+        controllerRef: MutableRefObject<DataTableController<Data, View>>
+    ) => {
+        return (
+            <td colSpan={5}>
+                <div
+                    style={{
+                        display: 'flex',
+                        padding: '16px',
+                        justifyContent: 'space-between'
+                    }}>
+                    <Typography>Confirm Delete "{data.product}"?</Typography>
+                    <div style={{ display: 'flex' }}>
+                        <DataTableAction
+                            label='CheckIcon'
+                            onClick={() => {
+                                controllerRef.current.popRowView(data.id)
+                                setData(dataList =>
+                                    dataList.filter(item => item.id !== data.id)
+                                )
+                            }}>
+                            <CheckIcon />
+                        </DataTableAction>
+                        <DataTableAction
+                            label='CancelIcon'
+                            onClick={() => {
+                                controllerRef.current.popRowView(data.id)
+                            }}>
+                            <CancelIcon />
+                        </DataTableAction>
+                    </div>
+                </div>
+            </td>
+        )
+    }
+
     const handleAdd = () => {
         controllerRef.current?.addRow({ id: randomId(), date: date() })
     }
@@ -489,7 +527,7 @@ export const Crud = () => {
                     return true
                 }
 
-                return isErrorIf.some(cond => cond)
+                return isErrorIf.some(cond => cond(value as never))
             })
             .map(({ field }) => field)
 
@@ -612,41 +650,8 @@ export const Crud = () => {
 
     const rowViews = {
         confirmDelete: ({ data }: { data: Data }) => {
-            return (
-                <td colSpan={5}>
-                    <div
-                        style={{
-                            display: 'flex',
-                            padding: '16px',
-                            justifyContent: 'space-between'
-                        }}>
-                        <Typography>
-                            Confirm Delete "{data.product}"?
-                        </Typography>
-                        <div style={{ display: 'flex' }}>
-                            <DataTableAction
-                                label='CheckIcon'
-                                onClick={() => {
-                                    controllerRef.current?.popRowView(data.id)
-                                    setData(dataList =>
-                                        dataList.filter(
-                                            item => item.id !== data.id
-                                        )
-                                    )
-                                }}>
-                                <CheckIcon />
-                            </DataTableAction>
-                            <DataTableAction
-                                label='CancelIcon'
-                                onClick={() => {
-                                    controllerRef.current?.popRowView(data.id)
-                                }}>
-                                <CancelIcon />
-                            </DataTableAction>
-                        </div>
-                    </div>
-                </td>
-            )
+            // @ts-expect-error TODO: fix controller type
+            return rows(data, setData, controllerRef)
         }
     }
 
@@ -675,7 +680,7 @@ export const Crud = () => {
     )
 }
 
-export const CrudWithHidden = () => {
+export const CrudWithoutPagination = () => {
     const controllerRef =
         useRef<DataTableController<DataCrudWithHidden, View>>()
     const [errors, setErrors] = useState({})
@@ -706,6 +711,46 @@ export const CrudWithHidden = () => {
         }
     ])
 
+    const rows = (
+        data: DataCrudWithHidden,
+        setData: Dispatch<SetStateAction<DataCrudWithHidden[]>>,
+        controllerRef?: MutableRefObject<
+            DataTableController<DataCrudWithHidden, View>
+        >
+    ) => {
+        return (
+            <td colSpan={5}>
+                <div
+                    style={{
+                        display: 'flex',
+                        padding: '16px',
+                        justifyContent: 'space-between'
+                    }}>
+                    <Typography>Confirm Delete "{data.name}"?</Typography>
+                    <div style={{ display: 'flex' }}>
+                        <DataTableAction
+                            label='CheckIcon'
+                            onClick={() => {
+                                controllerRef?.current.popRowView(data.id)
+                                setData(dataList =>
+                                    dataList.filter(item => item.id !== data.id)
+                                )
+                            }}>
+                            <CheckIcon />
+                        </DataTableAction>
+                        <DataTableAction
+                            label='CancelIcon'
+                            onClick={() => {
+                                controllerRef?.current.popRowView(data.id)
+                            }}>
+                            <CancelIcon />
+                        </DataTableAction>
+                    </div>
+                </div>
+            </td>
+        )
+    }
+
     const handleAdd = () => {
         controllerRef.current?.addRow({ id: randomId() })
     }
@@ -731,13 +776,12 @@ export const CrudWithHidden = () => {
 
     const handleErrors = (
         id: string | number,
-        nextItem = {},
+        nextItem: { [key: string]: unknown } = {},
         isPartial = false
     ) => {
         const errorFields = [{ field: 'name', isErrorIf: [isEmpty] }]
             .filter(({ field, isErrorIf }) => {
-                // @ts-ignore
-                const value: string = nextItem[field]
+                const value = nextItem[field]
 
                 if (isNullable(value)) {
                     if (isPartial) {
@@ -747,7 +791,7 @@ export const CrudWithHidden = () => {
                     return true
                 }
 
-                return isErrorIf.some(cond => cond(value))
+                return isErrorIf.some(cond => cond(value as string))
             })
             .map(({ field }) => field)
 
@@ -912,39 +956,8 @@ export const CrudWithHidden = () => {
 
     const rowViews = {
         confirmDelete: ({ data }: { data: DataCrudWithHidden }) => {
-            return (
-                <td colSpan={5}>
-                    <div
-                        style={{
-                            display: 'flex',
-                            padding: '16px',
-                            justifyContent: 'space-between'
-                        }}>
-                        <Typography>Confirm Delete "{data.name}"?</Typography>
-                        <div style={{ display: 'flex' }}>
-                            <DataTableAction
-                                label='CheckIcon'
-                                onClick={() => {
-                                    controllerRef.current?.popRowView(data.id)
-                                    setData(dataList =>
-                                        dataList.filter(
-                                            item => item.id !== data.id
-                                        )
-                                    )
-                                }}>
-                                <CheckIcon />
-                            </DataTableAction>
-                            <DataTableAction
-                                label='CancelIcon'
-                                onClick={() => {
-                                    controllerRef.current?.popRowView(data.id)
-                                }}>
-                                <CancelIcon />
-                            </DataTableAction>
-                        </div>
-                    </div>
-                </td>
-            )
+            // @ts-expect-error TODO: fix controller type
+            return rows(data, setData, controllerRef)
         }
     }
 
diff --git a/src/core/data-display/data-table/rows.tsx b/src/core/data-display/data-table/rows.tsx
index 226c6398..04cfdbbb 100644
--- a/src/core/data-display/data-table/rows.tsx
+++ b/src/core/data-display/data-table/rows.tsx
@@ -182,9 +182,7 @@ export const StatefulRow = <D extends Data>({
             patch[field] = value
             onUpdate?.(patch)
         },
-        // it works fine
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-        []
+        [onUpdate]
     )
 
     const getCorrectViewMode = (
@@ -230,9 +228,7 @@ export const NewRow = <D extends Data>({
             setEditableState(values => ({ ...values, [field]: value }))
             onUpdate?.({ [field]: value })
         },
-        // it works fine
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-        []
+        [onUpdate]
     )
 
     return (
diff --git a/src/core/data-display/data-table/use-paginated.ts b/src/core/data-display/data-table/use-paginated.ts
index 749e7bb7..a76630aa 100644
--- a/src/core/data-display/data-table/use-paginated.ts
+++ b/src/core/data-display/data-table/use-paginated.ts
@@ -66,18 +66,14 @@ export const usePaginated = () => {
         } else {
             setState(prev => ({ ...prev, items: splitData[0], actualPage: 0 }))
         }
-        // it works fine
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [state.size])
+    }, [splitData, state.actualPage, state.size])
 
     useEffect(() => {
         setState(prev => ({
             ...prev,
             items: splitData[state.actualPage]
         }))
-        // it works fine
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [state.actualPage])
+    }, [splitData, state.actualPage])
 
     const handleChangePage = (newPage: number) => {
         setLoading(true)
diff --git a/src/core/data-display/data-table/use-rows-state.ts b/src/core/data-display/data-table/use-rows-state.ts
index 9b3765db..fce2e07c 100644
--- a/src/core/data-display/data-table/use-rows-state.ts
+++ b/src/core/data-display/data-table/use-rows-state.ts
@@ -11,7 +11,6 @@ export const useRowsState = <D extends Data, V extends StackView>(
         internal: new Map<Identifier, RowState<D, V>>()
     }))
 
-    // TODO: lazy inicialization
     useEffect(() => {
         const nextState = new Map<Identifier, RowState<D, V>>()
 
diff --git a/src/core/inputs/pin-input/index.tsx b/src/core/inputs/pin-input/index.tsx
index 82f29da4..5cd56654 100644
--- a/src/core/inputs/pin-input/index.tsx
+++ b/src/core/inputs/pin-input/index.tsx
@@ -38,13 +38,11 @@ export const PinInput = ({
     variant,
     ...otherProps
 }: PinInputGridProps) => {
-    const inputRefs = useRef<HTMLInputElement[]>([])
+    const inputRefs = useRef<(HTMLInputElement | null)[]>([])
 
     const changePinFocus = (pinIndex: number) => {
         const ref = inputRefs.current[pinIndex]
 
-        // it needs this if, otherwise doesn't work
-        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
         if (ref) {
             ref.focus()
         }
diff --git a/src/core/inputs/text-field/text-field.stories.tsx b/src/core/inputs/text-field/text-field.stories.tsx
index b156cedc..c4f167ea 100644
--- a/src/core/inputs/text-field/text-field.stories.tsx
+++ b/src/core/inputs/text-field/text-field.stories.tsx
@@ -101,8 +101,7 @@ export const useWithSelectAndClear = () => {
     )
 }
 
-export const combobox = () => {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
+export const Combobox = () => {
     const [value, setValue] = useState('fable')
 
     const onClear = () => {
@@ -133,8 +132,7 @@ export const combobox = () => {
     )
 }
 
-export const withCharacterCount = () => {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
+export const WithCharacterCount = () => {
     const [value, setValue] = useState('')
 
     const onClear = () => {
diff --git a/src/core/surfaces/step-card/__snapshots__/step-card.spec.tsx.snap b/src/core/surfaces/step-card/__snapshots__/step-card.spec.tsx.snap
index e42a313f..5cf54a01 100644
--- a/src/core/surfaces/step-card/__snapshots__/step-card.spec.tsx.snap
+++ b/src/core/surfaces/step-card/__snapshots__/step-card.spec.tsx.snap
@@ -95,7 +95,7 @@ exports[`StepCard should match snapshot 1`] = `
           minheight="15px"
         >
           <div
-            class="MuiBox-root MuiBox-root-14 sc-kAycRU chAgTo"
+            class="sc-kAycRU chAgTo MuiBox-root css-0"
           >
             <div
               aria-valuemax="100"
diff --git a/src/core/surfaces/step-card/styles.ts b/src/core/surfaces/step-card/styles.ts
index 966ef48e..a059b19e 100644
--- a/src/core/surfaces/step-card/styles.ts
+++ b/src/core/surfaces/step-card/styles.ts
@@ -1,25 +1,25 @@
-import { Box } from '@material-ui/core'
+import { Box } from '@mui/material'
 import { default as styled } from 'styled-components'
 import { theme } from '@/theme'
 
 const { feedback } = theme.colors
 
 interface IStepContainerProps {
-    padding?: React.CSSProperties['padding']
+    padding?: string | number
 }
 
 interface IRowProps {
-    minHeight: React.CSSProperties['minHeight']
+    minHeight: string | number
     fullWidth?: boolean
 }
 
 interface IContainerProps {
     fullWidth?: boolean
-    margin?: React.CSSProperties['margin']
+    margin?: string | number
 }
 
 interface IColumnProps {
-    justifyContent: React.CSSProperties['justifyContent']
+    justifyContent: string | number
 }
 
 export const Container = styled.div<IContainerProps>`
diff --git a/src/test/mocks/data-table-hidden-mock.tsx b/src/test/mocks/data-table-hidden-mock.tsx
index 0027d52d..24cf128a 100644
--- a/src/test/mocks/data-table-hidden-mock.tsx
+++ b/src/test/mocks/data-table-hidden-mock.tsx
@@ -1,5 +1,5 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment */
 import React, { useRef, useState } from 'react'
+import type { Dispatch, MutableRefObject, SetStateAction } from 'react'
 import {
     Cancel as CancelIcon,
     Check as CheckIcon,
@@ -21,19 +21,57 @@ import { RowMode } from '@/core/data-display/data-table/types'
 import Typography from '@/core/data-display/typography'
 import Button from '@/core/inputs/button'
 
-const Default = () => {
-    type Data = {
-        id: Identifier
-        name: string
-        key: string
-        secret: string
-        rowMode: RowMode
-    }
+type Data = {
+    id: Identifier
+    name: string
+    key: string
+    secret: string
+    rowMode: RowMode
+}
 
-    type View = {
-        confirmDelete(): JSX.Element
-    }
+type View = {
+    confirmDelete(): JSX.Element
+}
+
+const rows = (
+    data: Data,
+    setData: Dispatch<SetStateAction<Data[]>>,
+    controllerRef: MutableRefObject<DataTableController<Data, View>>
+) => {
+    return (
+        <td colSpan={5}>
+            <div
+                style={{
+                    display: 'flex',
+                    padding: '16px',
+                    justifyContent: 'space-between'
+                }}>
+                <Typography>Confirm Delete "{data.name}"?</Typography>
+                <div style={{ display: 'flex' }}>
+                    <DataTableAction
+                        label='CheckIcon'
+                        onClick={() => {
+                            controllerRef.current.popRowView(data.id)
+                            setData(dataList =>
+                                dataList.filter(item => item.id !== data.id)
+                            )
+                        }}>
+                        <CheckIcon />
+                    </DataTableAction>
+                    <DataTableAction
+                        label='CancelIcon'
+                        onClick={() => {
+                            controllerRef.current.popRowView(data.id)
+                        }}>
+                        <CancelIcon />
+                    </DataTableAction>
+                </div>
+            </div>
+        </td>
+    )
+}
 
+const Default = () => {
     const controllerRef = useRef<DataTableController<Data, View>>()
     const [errors, setErrors] = useState({})
 
@@ -88,13 +126,12 @@ const Default = () => {
 
     const handleErrors = (
         id: string | number,
-        nextItem = {},
+        nextItem: { [key: string]: unknown } = {},
         isPartial = false
     ) => {
         const errorFields = [{ field: 'name', isErrorIf: [isEmpty] }]
             .filter(({ field, isErrorIf }) => {
-                // @ts-ignore
-                const value: string = nextItem[field]
+                const value = nextItem[field]
 
                 if (isNullable(value)) {
                     if (isPartial) {
@@ -104,7 +141,7 @@ const Default = () => {
                     return true
                 }
 
-                return isErrorIf.some(cond => cond(value))
+                return isErrorIf.some(cond => cond(value as never))
             })
             .map(({ field }) => field)
 
@@ -265,39 +302,8 @@ const Default = () => {
 
     const rowViews = {
         confirmDelete: ({ data }: { data: Data }) => {
-            return (
-                <td colSpan={5}>
-                    <div
-                        style={{
-                            display: 'flex',
-                            padding: '16px',
-                            justifyContent: 'space-between'
-                        }}>
-                        <Typography>Confirm Delete "{data.name}"?</Typography>
-                        <div style={{ display: 'flex' }}>
-                            <DataTableAction
-                                label='CheckIcon'
-                                onClick={() => {
-                                    controllerRef.current?.popRowView(data.id)
-                                    setData(dataList =>
-                                        dataList.filter(
-                                            item => item.id !== data.id
-                                        )
-                                    )
-                                }}>
-                                <CheckIcon />
-                            </DataTableAction>
-                            <DataTableAction
-                                label='CancelIcon'
-                                onClick={() => {
-                                    controllerRef.current?.popRowView(data.id)
-                                }}>
-                                <CancelIcon />
-                            </DataTableAction>
-                        </div>
-                    </div>
-                </td>
-            )
+            // @ts-expect-error TODO: fix controller type
+            return rows(data, setData, controllerRef)
         }
     }
 
diff --git a/src/test/mocks/data-table-mock.tsx b/src/test/mocks/data-table-mock.tsx
index 4af6e447..e2633030 100644
--- a/src/test/mocks/data-table-mock.tsx
+++ b/src/test/mocks/data-table-mock.tsx
@@ -1,5 +1,5 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment */
 import React, { useRef, useState } from 'react'
+import type { Dispatch, MutableRefObject, SetStateAction } from 'react'
 import {
     Cancel as CancelIcon,
     Check as CheckIcon,
@@ -19,19 +19,57 @@ import { RowMode } from '@/core/data-display/data-table/types'
 import Typography from '@/core/data-display/typography'
 import Button from '@/core/inputs/button'
 
-const Default = () => {
-    type Data = {
-        id: Identifier
-        product: string
-        price: number
-        quantity: number
-        date: Date
-    }
+type Data = {
+    id: Identifier
+    product: string
+    price: number
+    quantity: number
+    date: Date
+}
 
-    type View = {
-        confirmDelete(): JSX.Element
-    }
+type View = {
+    confirmDelete(): JSX.Element
+}
+
+const rows = (
+    data: Data,
+    setData: Dispatch<SetStateAction<Data[]>>,
+    controllerRef: MutableRefObject<DataTableController<Data, View>>
+) => {
+    return (
+        <td colSpan={5}>
+            <div
+                style={{
+                    display: 'flex',
+                    padding: '16px',
+                    justifyContent: 'space-between'
+                }}>
+                <Typography>Confirm Delete "{data.product}"?</Typography>
+                <div style={{ display: 'flex' }}>
+                    <DataTableAction
+                        label='CheckIcon'
+                        onClick={() => {
+                            controllerRef.current.popRowView(data.id)
+                            setData(dataList =>
+                                dataList.filter(item => item.id !== data.id)
+                            )
+                        }}>
+                        <CheckIcon />
+                    </DataTableAction>
+                    <DataTableAction
+                        label='CancelIcon'
+                        onClick={() => {
+                            controllerRef.current.popRowView(data.id)
+                        }}>
+                        <CancelIcon />
+                    </DataTableAction>
+                </div>
+            </div>
+        </td>
+    )
+}
 
+const Default = () => {
     const date = () => new Date()
     const controllerRef = useRef<DataTableController<Data, View>>()
     const [errors, setErrors] = useState({})
@@ -78,7 +116,7 @@ const Default = () => {
 
     const handleErrors = (
         id: string | number,
-        nextItem = {},
+        nextItem: { [key: string]: unknown } = {},
         isPartial = false
     ) => {
         const errorFields = [
@@ -88,7 +126,6 @@ const Default = () => {
             { field: 'price', isErrorIf: [isNaN, isNotPositive] }
         ]
             .filter(({ field, isErrorIf }) => {
-                // @ts-ignore
                 const value = nextItem[field]
 
                 if (isNullable(value)) {
@@ -99,7 +136,7 @@ const Default = () => {
                     return true
                 }
 
-                return isErrorIf.some(cond => cond)
+                return isErrorIf.some(cond => cond(value as never))
             })
             .map(({ field }) => field)
 
@@ -222,41 +259,8 @@ const Default = () => {
 
     const rowViews = {
         confirmDelete: ({ data }: { data: Data }) => {
-            return (
-                <td colSpan={5}>
-                    <div
-                        style={{
-                            display: 'flex',
-                            padding: '16px',
-                            justifyContent: 'space-between'
-                        }}>
-                        <Typography>
-                            Confirm Delete "{data.product}"?
-                        </Typography>
-                        <div style={{ display: 'flex' }}>
-                            <DataTableAction
-                                label='CheckIcon'
-                                onClick={() => {
-                                    controllerRef.current?.popRowView(data.id)
-                                    setData(dataList =>
-                                        dataList.filter(
-                                            item => item.id !== data.id
-                                        )
-                                    )
-                                }}>
-                                <CheckIcon />
-                            </DataTableAction>
-                            <DataTableAction
-                                label='CancelIcon'
-                                onClick={() => {
-                                    controllerRef.current?.popRowView(data.id)
-                                }}>
-                                <CancelIcon />
-                            </DataTableAction>
-                        </div>
-                    </div>
-                </td>
-            )
+            // @ts-expect-error TODO: fix controller type
+            return rows(data, setData, controllerRef)
         }
     }
 
diff --git a/src/test/util.ts b/src/test/util.ts
index 1e8b36a5..31ae2dd0 100644
--- a/src/test/util.ts
+++ b/src/test/util.ts
@@ -1,10 +1,17 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import { fireEvent } from '@testing-library/dom'
 
-function isElement(obj: any): obj is Element {
+type DragOptions = {
+    to?: { x: number; y: number } | Element
+    delta?: { x: number; y: number }
+    steps?: number
+    duration?: number
+}
+
+function isElement(obj: unknown): obj is Element {
     if (typeof obj !== 'object') {
         return false
     }
+
     let prototypeStr: string, prototype: object | null
 
     do {
@@ -42,13 +49,6 @@ const sleep = (ms: number): Promise<void> =>
         setTimeout(resolve, ms)
     })
 
-type DragOptions = {
-    to?: { x: number; y: number } | Element
-    delta?: { x: number; y: number }
-    steps?: number
-    duration?: number
-}
-
 export default async function drag(
     element: Element,
     { to: inTo, delta, steps = 20, duration = 500 }: DragOptions = {}

From 1256ba72b2dea74bd0e91476daf7319cc581e013 Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Tue, 28 May 2024 13:12:04 -0300
Subject: [PATCH 24/27] feat: migrate stories to CSF3 mode

---
 src/core/feedback/dialog/index.tsx            |   2 +-
 src/experimental/avatar/avatar.stories.tsx    |  71 +++++--
 src/experimental/dialog/confirm-dialog.tsx    |   2 +-
 src/experimental/dialog/dialog.stories.tsx    | 181 ++++++++++++------
 src/experimental/dialog/dialog.tsx            |   8 +-
 src/experimental/dialog/remove-dialog.tsx     |   2 +-
 src/experimental/fab/fab.stories.tsx          |  73 +++++--
 src/experimental/loading/index.tsx            |   2 +-
 src/experimental/loading/loading.stories.tsx  |  45 +++--
 src/experimental/nothing-found/index.tsx      |   3 +-
 .../nothing-found/nothing-found.stories.tsx   |  62 +++---
 src/experimental/panel/panel.stories.tsx      | 117 +++++++++--
 12 files changed, 411 insertions(+), 157 deletions(-)

diff --git a/src/core/feedback/dialog/index.tsx b/src/core/feedback/dialog/index.tsx
index 3f49a269..dd47c471 100644
--- a/src/core/feedback/dialog/index.tsx
+++ b/src/core/feedback/dialog/index.tsx
@@ -29,7 +29,7 @@ export interface DialogProps
     content?: ReactNode | string
     text?: string
     snippet?: ReactNode | JSX.Element
-    PaperProps?: object
+    PaperProps?: Record<string, unknown>
     titleStyle?: CSSProperties
     snippetStyle?: CSSProperties
     titleWrapperStyle?: CSSProperties
diff --git a/src/experimental/avatar/avatar.stories.tsx b/src/experimental/avatar/avatar.stories.tsx
index 70365fb8..a1a68dc3 100644
--- a/src/experimental/avatar/avatar.stories.tsx
+++ b/src/experimental/avatar/avatar.stories.tsx
@@ -1,33 +1,70 @@
 import React from 'react'
-import type { Meta, StoryFn } from '@storybook/react'
+import { Face } from '@mui/icons-material'
+import type { Meta, StoryObj } from '@storybook/react'
 import Avatar from '.'
 
 const srcImage = 'https://imgflip.com/s/meme/Doge.jpg'
 
-export default {
+const meta: Meta<typeof Avatar> = {
     title: 'Experimental/Avatar',
     component: Avatar,
-    args: {
-        name: 'Felipe'
+    argTypes: {
+        icon: {
+            table: {
+                disable: true
+            }
+        },
+        style: {
+            control: 'object',
+            description: 'The avatar style.'
+        }
     }
-} as Meta<typeof Avatar>
+}
+
+export default meta
 
-const Template: StoryFn<typeof Avatar> = args => {
-    return <Avatar {...args} />
+type Story = StoryObj<typeof Avatar>
+
+export const avatar: Story = {
+    render: ({ ...args }) => {
+        return <Avatar {...args} />
+    },
+    args: {
+        name: '',
+        src: srcImage
+    }
 }
 
-export const simpleAvatar = Template.bind({})
-simpleAvatar.args = {
-    src: srcImage
+export const avatarWithCustomSize: Story = {
+    render: ({ ...args }) => {
+        return <Avatar {...args} />
+    },
+    args: {
+        name: 'felipe',
+        src: '',
+        style: { width: '64px', height: '64px' }
+    }
 }
 
-export const withCustomSize = Template.bind({})
-withCustomSize.args = {
-    src: srcImage,
-    style: { width: '64px', height: '64px' }
+export const avatarWithoutImage: Story = {
+    render: ({ ...args }) => {
+        return <Avatar {...args} />
+    },
+    args: {
+        name: '',
+        src: '',
+        style: { width: '64px', height: '64px' }
+    }
 }
 
-export const withoutImage = Template.bind({})
-withoutImage.args = {
-    style: { width: '64px', height: '64px' }
+export const avatarWithCustomIcon: Story = {
+    render: ({ ...args }) => {
+        return <Avatar {...args} />
+    },
+    args: {
+        name: '',
+        src: '',
+        icon: <Face />,
+        style: { width: '64px', height: '64px' }
+    }
 }
diff --git a/src/experimental/dialog/confirm-dialog.tsx b/src/experimental/dialog/confirm-dialog.tsx
index 8c5badd1..103274e0 100755
--- a/src/experimental/dialog/confirm-dialog.tsx
+++ b/src/experimental/dialog/confirm-dialog.tsx
@@ -4,7 +4,7 @@ import DialogV2 from './dialog'
 export interface IProps {
     open: boolean
     title: string
-    text: string
+    text?: string
     disableBackdropClick?: boolean
     labels?: {
         cancel?: string
diff --git a/src/experimental/dialog/dialog.stories.tsx b/src/experimental/dialog/dialog.stories.tsx
index 09d0be78..2e80bb89 100644
--- a/src/experimental/dialog/dialog.stories.tsx
+++ b/src/experimental/dialog/dialog.stories.tsx
@@ -1,71 +1,138 @@
+/* eslint-disable react-hooks/rules-of-hooks */
 import React, { useState } from 'react'
-import type { Meta, StoryFn } from '@storybook/react'
-import ConfirmDialog from './confirm-dialog'
-import DialogV2 from './dialog'
-import RemoveDialog from './remove-dialog'
+import type { Meta, StoryObj } from '@storybook/react'
+import { Dialog, ConfirmDialog, RemoveDialog } from '.'
 
-const Template: StoryFn<typeof DialogV2> = args => {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <>
-            <button onClick={() => setOpen(true)}>open dialog</button>
-            <DialogV2
-                {...args}
-                open={open}
-                primaryButtonAction={() => setOpen(!open)}
-            />
-        </>
-    )
+const meta: Meta<typeof Dialog> = {
+    title: 'Experimental/Dialog',
+    component: Dialog,
+    argTypes: {
+        title: {
+            control: 'text',
+            description: 'The dialog title.'
+        },
+        text: {
+            control: 'text',
+            description: 'The dialog text.'
+        },
+        content: {
+            control: 'text',
+            description:
+                'The dialog content. Accepts strings and React Components. ' +
+                'To render, use the `content` or the `text` prop.'
+        },
+        maxWidth: {
+            options: ['xs', 'sm', 'md', 'lg'],
+            control: { type: 'radio' },
+            description: 'The dialog max width.'
+        },
+        fullWidth: {
+            control: 'boolean',
+            description: 'To set the full width on the dialog.'
+        },
+        primaryButtonText: {
+            control: 'text',
+            description: 'The primary button text.'
+        },
+        secondaryButtonText: {
+            control: 'text',
+            description:
+                'The secondary button text. ' +
+                'To render the secondary button you must have ' +
+                'the `secondaryButtonText` and `secondaryButtonAction` props.'
+        },
+        primaryButtonColor: {
+            options: ['inherit', 'primary', 'secondary', 'default'],
+            control: { type: 'radio' },
+            description: 'The primary button color.'
+        },
+        primaryButtonAction: {
+            control: false,
+            description: 'The primary button action function.'
+        },
+        secondaryButtonAction: {
+            control: false,
+            description: 'The secondary button action function.'
+        }
+    }
 }
 
-const TemplateWithRemoveDialog: StoryFn<typeof RemoveDialog> = args => {
-    const [open, setOpen] = useState(false)
+export default meta
 
-    return (
-        <>
-            <button onClick={() => setOpen(true)}>open dialog</button>
-            <RemoveDialog
-                {...args}
-                open={open}
-                onCancel={() => setOpen(false)}
-                onConfirm={() => setOpen(false)}
-            />
-        </>
-    )
-}
+type Story = StoryObj<typeof Dialog>
 
-const TemplateWithConfirmDialog: StoryFn<typeof ConfirmDialog> = args => {
-    const [open, setOpen] = useState(false)
+export const dialog: Story = {
+    render: ({ ...args }) => {
+        const [open, setOpen] = useState(false)
 
-    return (
-        <>
-            <button onClick={() => setOpen(true)}>open dialog</button>
-            <ConfirmDialog
-                {...args}
-                open={open}
-                onCancel={() => setOpen(false)}
-                onConfirm={() => setOpen(false)}
-            />
-        </>
-    )
+        return (
+            <>
+                <button onClick={() => setOpen(true)}>OPEN DIALOG</button>
+                <Dialog
+                    {...args}
+                    open={open}
+                    primaryButtonAction={() => setOpen(false)}
+                    secondaryButtonAction={() => setOpen(false)}
+                />
+            </>
+        )
+    },
+    args: {
+        title: 'Dialog Title',
+        text: 'A content here!',
+        content: '',
+        maxWidth: 'xs',
+        fullWidth: true,
+        primaryButtonText: 'Confirm',
+        secondaryButtonText: 'Close',
+        primaryButtonColor: 'inherit'
+    }
 }
 
-export const Default = Template.bind({})
-Default.args = {
-    primaryButtonText: 'Close'
+export const removeDialog: Story = {
+    render: ({ ...args }) => {
+        const [open, setOpen] = useState(false)
+
+        return (
+            <>
+                <button onClick={() => setOpen(true)}>
+                    OPEN REMOVE DIALOG
+                </button>
+                <RemoveDialog
+                    {...args}
+                    open={open}
+                    onCancel={() => setOpen(false)}
+                    onConfirm={() => setOpen(false)}
+                />
+            </>
+        )
+    },
+    args: {
+        title: '',
+        text: 'Are you sure you want to remove this?'
+    }
 }
 
-export const DialogRemove = TemplateWithRemoveDialog.bind({})
-export const DialogConfirm = TemplateWithConfirmDialog.bind({})
+export const confirmDialog: Story = {
+    render: ({ ...args }) => {
+        const [open, setOpen] = useState(false)
 
-export default {
-    title: 'Experimental/Dialog',
-    component: DialogV2,
-    subcomponents: { DialogConfirm, DialogRemove },
+        return (
+            <>
+                <button onClick={() => setOpen(true)}>
+                    OPEN CONFIRM DIALOG
+                </button>
+                <ConfirmDialog
+                    {...args}
+                    open={open}
+                    onCancel={() => setOpen(false)}
+                    onConfirm={() => setOpen(false)}
+                />
+            </>
+        )
+    },
     args: {
-        title: 'dialog title',
-        text: 'A content here!',
-        open: false
+        title: 'Confirm',
+        text: 'Are you sure you want to confirm this?'
     }
-} as Meta<typeof DialogV2>
+}
diff --git a/src/experimental/dialog/dialog.tsx b/src/experimental/dialog/dialog.tsx
index d0dce2cc..10060cf1 100644
--- a/src/experimental/dialog/dialog.tsx
+++ b/src/experimental/dialog/dialog.tsx
@@ -1,27 +1,23 @@
 import React from 'react'
 import type { MouseEvent, ReactNode } from 'react'
+import type { DialogProps } from '@/core/feedback/dialog'
 import { Dialog as DialogFlipper, Button } from '@/index'
 import { ThemeProviderFlipper, theme } from '@/theme'
 
 const { action, primary } = theme.colors
 
-export interface IProps {
+export interface IProps extends DialogProps {
     open: boolean
     title: string
     titleAction?: string | ReactNode
-    text?: string
     primaryButtonColor?: 'default' | 'primary' | 'inherit' | 'secondary'
     primaryButtonName?: string
     primaryButtonText: string
     secondaryButtonText?: string
     secondaryButtonName?: string
-    snippet?: JSX.Element | ReactNode
-    content?: JSX.Element | ReactNode
-    PaperProps?: Record<string, unknown>
     omitActionButtons?: boolean
     primaryButtonAction(event: MouseEvent<HTMLButtonElement>): void
     secondaryButtonAction?(event: MouseEvent<HTMLButtonElement>): void
-    onClose?(): void
 }
 
 const themeDialog = {
diff --git a/src/experimental/dialog/remove-dialog.tsx b/src/experimental/dialog/remove-dialog.tsx
index d0f876de..74e4f0f9 100755
--- a/src/experimental/dialog/remove-dialog.tsx
+++ b/src/experimental/dialog/remove-dialog.tsx
@@ -5,7 +5,7 @@ import DialogV2 from './dialog'
 export interface IProps {
     open: boolean
     title?: string
-    text: string
+    text?: string
     disableBackdropClick?: boolean
     labels?: {
         cancel?: string
diff --git a/src/experimental/fab/fab.stories.tsx b/src/experimental/fab/fab.stories.tsx
index 5425b00a..6eb2ed68 100644
--- a/src/experimental/fab/fab.stories.tsx
+++ b/src/experimental/fab/fab.stories.tsx
@@ -1,21 +1,70 @@
 import React from 'react'
 import { FileCopy } from '@mui/icons-material'
-import type { Meta, StoryFn } from '@storybook/react'
-import FabV2 from '.'
+import type { Meta, StoryObj } from '@storybook/react'
+import Fab from '.'
+import { theme } from '@/theme'
 
-const Template: StoryFn<typeof FabV2> = args => <FabV2 {...args} />
+const { primary } = theme.colors
 
-export const Default = Template.bind({})
-Default.args = {
-    children: <FileCopy />
+const meta: Meta<typeof Fab> = {
+    title: 'Experimental/Fab',
+    component: Fab,
+    argTypes: {
+        className: {
+            table: {
+                disable: true
+            }
+        },
+        onClick: {
+            table: {
+                disable: true
+            }
+        },
+        name: {
+            control: 'text',
+            description: 'The Fab name.'
+        },
+        tooltip: {
+            control: 'text',
+            description: 'The Fab tooltip label.'
+        },
+        large: {
+            control: 'boolean',
+            description: 'The Fab size.'
+        },
+        padding: {
+            control: 'text',
+            description: 'The Fab padding.'
+        },
+        margin: {
+            control: 'text',
+            description: 'The Fab margin.'
+        },
+        style: {
+            control: 'object',
+            description: 'The Fab style.'
+        }
+    }
 }
 
-export default {
-    title: 'Experimental/Fab',
-    component: FabV2,
+export default meta
+
+type Story = StoryObj<typeof Fab>
+
+export const fab: Story = {
+    render: ({ ...args }) => {
+        return (
+            <Fab {...args} onClick={() => alert('Fab clicked!')}>
+                <FileCopy />
+            </Fab>
+        )
+    },
     args: {
-        name: 'copy',
+        name: 'Copy',
+        large: true,
         tooltip: 'Copy file',
-        onClick: () => alert('fab click')
+        margin: '',
+        padding: '',
+        style: { color: primary.main }
     }
-} as Meta<typeof FabV2>
+}
diff --git a/src/experimental/loading/index.tsx b/src/experimental/loading/index.tsx
index 074daade..3ffe2b45 100644
--- a/src/experimental/loading/index.tsx
+++ b/src/experimental/loading/index.tsx
@@ -8,7 +8,7 @@ export interface IProps {
     size?: number
 }
 
-export const Loading = (props: IProps) => {
+const Loading = (props: IProps) => {
     const { margin = 48, padding = 24, size = 72 } = props
 
     const renderLoading = useMemo(
diff --git a/src/experimental/loading/loading.stories.tsx b/src/experimental/loading/loading.stories.tsx
index 55e1752d..3c29030d 100644
--- a/src/experimental/loading/loading.stories.tsx
+++ b/src/experimental/loading/loading.stories.tsx
@@ -1,22 +1,37 @@
 import React from 'react'
-import type { Meta, StoryFn } from '@storybook/react'
-import { Loading } from '.'
+import type { Meta, StoryObj } from '@storybook/react'
+import Loading from '.'
 
-export default {
+const meta: Meta<typeof Loading> = {
     title: 'Experimental/Loading',
-    component: Loading
-} as Meta<typeof Loading>
-
-const Template: StoryFn<typeof Loading> = args => <Loading {...args} />
+    component: Loading,
+    argTypes: {
+        size: {
+            control: 'number',
+            description: 'The Loading size.'
+        },
+        margin: {
+            control: 'text',
+            description: 'The Loading margin.'
+        },
+        padding: {
+            control: 'text',
+            description: 'The Loading padding.'
+        }
+    }
+}
 
-export const Default = Template.bind({})
+export default meta
 
-export const CustomSize = Template.bind({})
-CustomSize.args = {
-    size: 32
-}
+type Story = StoryObj<typeof Loading>
 
-export const CustomMargin = Template.bind({})
-CustomMargin.args = {
-    margin: 32
+export const loading: Story = {
+    render: ({ ...args }) => {
+        return <Loading {...args} />
+    },
+    args: {
+        size: 72,
+        margin: '',
+        padding: ''
+    }
 }
diff --git a/src/experimental/nothing-found/index.tsx b/src/experimental/nothing-found/index.tsx
index 812ef4b6..78cb4848 100644
--- a/src/experimental/nothing-found/index.tsx
+++ b/src/experimental/nothing-found/index.tsx
@@ -10,9 +10,10 @@ export interface IProps extends TypographyProps {
     show: boolean
 }
 
-export const NothingFound = (props: IProps) => {
+const NothingFound = (props: IProps) => {
     const { buttonLabel, readonly, ...rest } = props
     const label = buttonLabel || 'Adicionar'
+
     const message = readonly
         ? 'Não há nada aqui.'
         : `Não há nada aqui. Clique em "${label}" para cadastrar um item.`
diff --git a/src/experimental/nothing-found/nothing-found.stories.tsx b/src/experimental/nothing-found/nothing-found.stories.tsx
index 1ec33d9c..4d16a553 100644
--- a/src/experimental/nothing-found/nothing-found.stories.tsx
+++ b/src/experimental/nothing-found/nothing-found.stories.tsx
@@ -1,37 +1,43 @@
 import React from 'react'
-import type { Meta, StoryFn } from '@storybook/react'
-import { NothingFound } from '.'
+import type { Meta, StoryObj } from '@storybook/react'
+import NothingFound from '.'
 
-export default {
-    title: 'Experimental/NothingFound',
+const meta: Meta<typeof NothingFound> = {
+    title: 'Experimental/Nothing Found',
     component: NothingFound,
-    args: {
-        show: true
+    argTypes: {
+        customText: {
+            control: 'text',
+            description: 'The custom text.'
+        },
+        buttonLabel: {
+            control: 'text',
+            description: 'The button label.'
+        },
+        searchText: {
+            control: 'text',
+            description: 'The search text.'
+        },
+        readonly: {
+            control: 'boolean',
+            description: 'To set the readonly.'
+        }
     }
-} as Meta<typeof NothingFound>
-
-const Template: StoryFn<typeof NothingFound> = args => (
-    <NothingFound {...args} />
-)
-
-export const Default = Template.bind({})
-
-export const WithCustomTest = Template.bind({})
-WithCustomTest.args = {
-    customText: 'Custom text'
 }
 
-export const ReadOnly = Template.bind({})
-ReadOnly.args = {
-    readonly: true
-}
+export default meta
 
-export const WithButtonLabel = Template.bind({})
-WithButtonLabel.args = {
-    buttonLabel: 'Configurações'
-}
+type Story = StoryObj<typeof NothingFound>
 
-export const WithSearchText = Template.bind({})
-WithSearchText.args = {
-    searchText: 'Fulano'
+export const nothingFound: Story = {
+    render: ({ ...args }) => {
+        return <NothingFound {...args} />
+    },
+    args: {
+        show: true,
+        customText: '',
+        buttonLabel: '',
+        searchText: '',
+        readonly: false
+    }
 }
diff --git a/src/experimental/panel/panel.stories.tsx b/src/experimental/panel/panel.stories.tsx
index f07014f1..f81bc8e1 100644
--- a/src/experimental/panel/panel.stories.tsx
+++ b/src/experimental/panel/panel.stories.tsx
@@ -1,27 +1,110 @@
 import React from 'react'
-import type { Meta, StoryFn } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/react'
+import Actions from '../actions'
 import Panel from '.'
 
-export default {
+const meta: Meta<typeof Panel> = {
     title: 'Experimental/Panel',
     component: Panel,
-    args: {
-        expanded: true,
-        title: 'Foo',
-        details: <>Panel details</>
+    argTypes: {
+        defaultExpanded: {
+            table: {
+                disable: true
+            }
+        },
+        hideSummary: {
+            table: {
+                disable: true
+            }
+        },
+        elevation: {
+            table: {
+                disable: true
+            }
+        },
+        area: {
+            table: {
+                disable: true
+            }
+        },
+        summary: {
+            table: {
+                disable: true
+            }
+        },
+        nested: {
+            table: {
+                disable: true
+            }
+        },
+        id: {
+            table: {
+                disable: true
+            }
+        },
+        className: {
+            table: {
+                disable: true
+            }
+        },
+        onChange: {
+            table: {
+                disable: true
+            }
+        },
+        details: {
+            control: 'text',
+            description: 'The Panel content. Must be a React Component.'
+        },
+        detailsStyle: {
+            control: 'object',
+            description: 'The Panel content style.'
+        },
+        actions: {
+            control: false,
+            description: 'The Panel action buttons. Must be a React Component.'
+        },
+        title: {
+            control: 'text',
+            description: 'The Panel title.'
+        },
+        expanded: {
+            control: 'boolean',
+            description: 'If `true`, the Panel is expanded.'
+        },
+        hideExpansionIcon: {
+            control: 'boolean',
+            description: 'If `true`, the icon is not shown.'
+        },
+        style: {
+            control: 'object',
+            description: 'The Panel style.'
+        }
     }
-} as Meta<typeof Panel>
-
-const Template: StoryFn<typeof Panel> = args => <Panel {...args} />
+}
 
-export const Default = Template.bind({})
+export default meta
 
-export const Nested = Template.bind({})
-Nested.args = {
-    nested: true
-}
+type Story = StoryObj<typeof Panel>
 
-export const WithOmittedIcon = Template.bind({})
-WithOmittedIcon.args = {
-    hideExpansionIcon: true
+export const panel: Story = {
+    render: ({ ...args }) => {
+        return (
+            <Panel
+                {...args}
+                actions={
+                    <Actions margin='12px' onConfirm={() => alert('Confirm')} />
+                }
+            />
+        )
+    },
+    args: {
+        title: 'This is the card Title!',
+        details: <div>This is the card content!</div>,
+        detailsStyle: { color: 'gray' },
+        expanded: true,
+        hideExpansionIcon: false,
+        actions: <div>This is the actions component</div>,
+        style: { padding: '4px' }
+    }
 }

From 89fcb3485ee86551b1232f0c265ec59897c24736 Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Wed, 29 May 2024 10:08:40 -0300
Subject: [PATCH 25/27] feat: migrate experimental components to core

---
 jest.config.js                                |   7 +-
 .../__snapshots__/actions.spec.tsx.snap       |   2 +-
 .../data-display}/actions/actions.spec.tsx    |   0
 .../data-display}/actions/actions.stories.tsx |   2 +-
 .../data-display}/actions/index.tsx           |   2 +-
 .../data-display}/actions/styles.ts           |   0
 .../avatar/__snapshots__/avatar.spec.tsx.snap |   0
 .../data-display}/avatar/avatar.spec.tsx      |   0
 .../data-display}/avatar/avatar.stories.tsx   |   2 +-
 .../data-display}/avatar/index.tsx            |   0
 src/core/data-display/chip/chip.stories.tsx   |   2 +-
 .../data-table/data-table-field.tsx           |   2 +-
 .../data-table-query-paginated.stories.tsx    |   2 +-
 .../data-table/data-table.spec.tsx            |   2 +-
 src/core/data-display/data-table/index.ts     |   2 +-
 src/core/data-display/data-table/rows.tsx     |   4 +-
 .../data-display/divider/divider.spec.tsx     |   2 +-
 .../data-display/divider/divider.stories.tsx  |  98 +++---
 src/core/data-display/divider/index.tsx       |   2 +-
 .../fab-v2}/__snapshots__/fab.spec.tsx.snap   |   2 +-
 .../data-display/fab-v2}/fab.spec.tsx         |   6 +-
 .../data-display/fab-v2}/fab.stories.tsx      |  20 +-
 .../data-display/fab-v2}/index.tsx            |  13 +-
 src/core/data-display/line/index.tsx          |   2 +-
 src/core/data-display/line/line.spec.tsx      |   2 +-
 src/core/data-display/line/line.stories.tsx   |  49 +--
 src/core/data-display/list/list.stories.tsx   |   2 +-
 .../password-visibility.spec.tsx.snap         |   4 +-
 .../password-visibility/index.tsx             |   0
 .../password-visibility.spec.tsx              |   0
 .../password-visibility.stories.tsx           |   2 +-
 .../password-visibility/styles.ts             |   2 +-
 src/core/data-display/table/table-cell.tsx    |   2 +-
 src/core/feedback/collapse/collapse.spec.tsx  |   2 +-
 .../feedback/collapse/collapse.stories.tsx    |  84 +++--
 src/core/feedback/collapse/index.tsx          |   2 +-
 .../__snapshots__/dialog.spec.tsx.snap        |   0
 .../feedback/dialog-v2}/confirm-dialog.tsx    |   0
 .../feedback/dialog-v2}/dialog.spec.tsx       |   0
 .../feedback/dialog-v2}/dialog.stories.tsx    |  23 +-
 .../feedback/dialog-v2}/dialog.tsx            |  10 +-
 .../feedback/dialog-v2}/index.ts              |   2 +-
 .../feedback/dialog-v2}/remove-dialog.tsx     |   0
 src/core/feedback/dialog/dialog.spec.tsx      |   2 +-
 src/core/feedback/dialog/dialog.stories.tsx   | 143 ++++-----
 src/core/feedback/dialog/index.tsx            |   4 +-
 src/core/feedback/fade/fade.spec.tsx          |   2 +-
 src/core/feedback/fade/fade.stories.tsx       |  76 +++--
 src/core/feedback/fade/index.tsx              |   2 +-
 .../__snapshots__/loading.spec.tsx.snap       |   2 +-
 .../feedback}/loading/index.tsx               |   2 +-
 .../feedback}/loading/loading.spec.tsx        |   2 +-
 .../feedback}/loading/loading.stories.tsx     |   2 +-
 .../feedback}/loading/styles.ts               |   0
 .../__snapshots__/nothing-found.spec.tsx.snap |   0
 .../feedback}/nothing-found/index.tsx         |   0
 .../nothing-found/nothing-found.spec.tsx      |   2 +-
 .../nothing-found/nothing-found.stories.tsx   |   2 +-
 .../feedback}/nothing-found/styles.ts         |   0
 .../__snapshots__/skeleton.spec.tsx.snap      |   0
 .../feedback}/skeleton/index.tsx              |   0
 .../feedback}/skeleton/skeleton.spec.tsx      |   0
 .../feedback}/skeleton/skeleton.stories.tsx   |   2 +-
 src/core/feedback/validation-dialog/index.tsx |   2 +-
 src/core/feedback/validation-dialog/styles.ts |   2 +-
 .../__snapshots__/add-button.spec.tsx.snap    |   0
 .../inputs}/add-button/add-button.spec.tsx    |   0
 .../inputs}/add-button/add-button.stories.tsx |   2 +-
 .../inputs}/add-button/index.tsx              |   0
 .../inputs}/add-button/styles.ts              |   0
 .../autocomplete-lab.spec.tsx                 |  12 +-
 .../autocomplete-lab.stories.tsx              |  14 +-
 .../inputs}/auto-complete-lab/index.tsx       |   6 +-
 .../__snapshots__/date-time.spec.tsx.snap     |   2 +-
 .../inputs/date-time/date-time.stories.tsx    |  36 ++-
 src/core/inputs/date-time/index.tsx           |   2 +-
 src/core/inputs/mask-field/index.tsx          |   2 +-
 src/core/inputs/pin-input/index.tsx           |   2 +-
 src/core/inputs/pin-input/pin-input.spec.tsx  |   2 +-
 .../inputs/pin-input/pin-input.stories.tsx    | 173 +++++-----
 .../radio-group/radio-group.stories.tsx       |   2 +-
 src/core/inputs/text-field/index.tsx          |   2 +-
 .../inputs/text-field/text-field.stories.tsx  | 302 ++++++++++--------
 .../__snapshots__/breadcrumbs.spec.tsx.snap   |   0
 .../breadcrumbs/breadcrumbs.spec.tsx          |   0
 .../breadcrumbs/breadcrumbs.stories.tsx       |   2 +-
 .../navigation}/breadcrumbs/index.tsx         |   0
 .../navigation}/breadcrumbs/styles.ts         |   0
 src/core/navigation/drawer/drawer.spec.tsx    |   2 +-
 src/core/navigation/drawer/drawer.stories.tsx |  82 +++--
 src/core/navigation/drawer/index.tsx          |   2 +-
 src/core/surfaces/box/index.tsx               |   2 +-
 .../card/__snapshots__/card.spec.tsx.snap     |  10 +-
 .../surfaces}/card/card.spec.tsx              |   0
 .../surfaces}/card/card.stories.tsx           |   4 +-
 .../surfaces}/card/index.tsx                  |   5 +-
 .../surfaces}/card/styles.ts                  |   3 +-
 .../expansion-panel.stories.tsx               |   4 +-
 .../panel/__snapshots__/panel.spec.tsx.snap   |   8 +-
 .../surfaces}/panel/index.tsx                 |   0
 .../surfaces}/panel/panel.spec.tsx            |   0
 .../surfaces}/panel/panel.stories.tsx         |   4 +-
 .../surfaces}/panel/styles.ts                 |   3 +-
 src/core/surfaces/paper/index.tsx             |   2 +-
 src/core/surfaces/paper/paper.spec.tsx        |   2 +-
 src/core/surfaces/paper/paper.stories.tsx     |  83 +++--
 src/experimental/index.ts                     |  12 -
 src/index.ts                                  |  88 ++---
 src/test/mocks/date-time-mock.tsx             |   2 +-
 src/test/mocks/pin-input-mock.tsx             |   2 +-
 src/test/mocks/snackbar-mock.tsx              |   5 +-
 src/test/mocks/text-field-mock.tsx            |   2 +-
 src/test/mocks/text-field-options-mock.tsx    |   2 +-
 113 files changed, 765 insertions(+), 732 deletions(-)
 rename src/{experimental => core/data-display}/actions/__snapshots__/actions.spec.tsx.snap (96%)
 rename src/{experimental => core/data-display}/actions/actions.spec.tsx (100%)
 rename src/{experimental => core/data-display}/actions/actions.stories.tsx (98%)
 rename src/{experimental => core/data-display}/actions/index.tsx (97%)
 rename src/{experimental => core/data-display}/actions/styles.ts (100%)
 rename src/{experimental => core/data-display}/avatar/__snapshots__/avatar.spec.tsx.snap (100%)
 rename src/{experimental => core/data-display}/avatar/avatar.spec.tsx (100%)
 rename src/{experimental => core/data-display}/avatar/avatar.stories.tsx (97%)
 rename src/{experimental => core/data-display}/avatar/index.tsx (100%)
 rename src/{experimental/fab => core/data-display/fab-v2}/__snapshots__/fab.spec.tsx.snap (93%)
 rename src/{experimental/fab => core/data-display/fab-v2}/fab.spec.tsx (95%)
 rename src/{experimental/fab => core/data-display/fab-v2}/fab.stories.tsx (80%)
 rename src/{experimental/fab => core/data-display/fab-v2}/index.tsx (78%)
 rename src/{experimental => core/data-display}/password-visibility/__snapshots__/password-visibility.spec.tsx.snap (96%)
 rename src/{experimental => core/data-display}/password-visibility/index.tsx (100%)
 rename src/{experimental => core/data-display}/password-visibility/password-visibility.spec.tsx (100%)
 rename src/{experimental => core/data-display}/password-visibility/password-visibility.stories.tsx (94%)
 rename src/{experimental => core/data-display}/password-visibility/styles.ts (76%)
 rename src/{experimental/dialog => core/feedback/dialog-v2}/__snapshots__/dialog.spec.tsx.snap (100%)
 rename src/{experimental/dialog => core/feedback/dialog-v2}/confirm-dialog.tsx (100%)
 rename src/{experimental/dialog => core/feedback/dialog-v2}/dialog.spec.tsx (100%)
 rename src/{experimental/dialog => core/feedback/dialog-v2}/dialog.stories.tsx (87%)
 rename src/{experimental/dialog => core/feedback/dialog-v2}/dialog.tsx (92%)
 rename src/{experimental/dialog => core/feedback/dialog-v2}/index.ts (71%)
 rename src/{experimental/dialog => core/feedback/dialog-v2}/remove-dialog.tsx (100%)
 rename src/{experimental => core/feedback}/loading/__snapshots__/loading.spec.tsx.snap (96%)
 rename src/{experimental => core/feedback}/loading/index.tsx (95%)
 rename src/{experimental => core/feedback}/loading/loading.spec.tsx (97%)
 rename src/{experimental => core/feedback}/loading/loading.stories.tsx (95%)
 rename src/{experimental => core/feedback}/loading/styles.ts (100%)
 rename src/{experimental => core/feedback}/nothing-found/__snapshots__/nothing-found.spec.tsx.snap (100%)
 rename src/{experimental => core/feedback}/nothing-found/index.tsx (100%)
 rename src/{experimental => core/feedback}/nothing-found/nothing-found.spec.tsx (98%)
 rename src/{experimental => core/feedback}/nothing-found/nothing-found.stories.tsx (95%)
 rename src/{experimental => core/feedback}/nothing-found/styles.ts (100%)
 rename src/{experimental => core/feedback}/skeleton/__snapshots__/skeleton.spec.tsx.snap (100%)
 rename src/{experimental => core/feedback}/skeleton/index.tsx (100%)
 rename src/{experimental => core/feedback}/skeleton/skeleton.spec.tsx (100%)
 rename src/{experimental => core/feedback}/skeleton/skeleton.stories.tsx (93%)
 rename src/{experimental => core/inputs}/add-button/__snapshots__/add-button.spec.tsx.snap (100%)
 rename src/{experimental => core/inputs}/add-button/add-button.spec.tsx (100%)
 rename src/{experimental => core/inputs}/add-button/add-button.stories.tsx (97%)
 rename src/{experimental => core/inputs}/add-button/index.tsx (100%)
 rename src/{experimental => core/inputs}/add-button/styles.ts (100%)
 rename src/{experimental => core/inputs}/auto-complete-lab/autocomplete-lab.spec.tsx (95%)
 rename src/{experimental => core/inputs}/auto-complete-lab/autocomplete-lab.stories.tsx (73%)
 rename src/{experimental => core/inputs}/auto-complete-lab/index.tsx (89%)
 rename src/{experimental => core/navigation}/breadcrumbs/__snapshots__/breadcrumbs.spec.tsx.snap (100%)
 rename src/{experimental => core/navigation}/breadcrumbs/breadcrumbs.spec.tsx (100%)
 rename src/{experimental => core/navigation}/breadcrumbs/breadcrumbs.stories.tsx (97%)
 rename src/{experimental => core/navigation}/breadcrumbs/index.tsx (100%)
 rename src/{experimental => core/navigation}/breadcrumbs/styles.ts (100%)
 rename src/{experimental => core/surfaces}/card/__snapshots__/card.spec.tsx.snap (91%)
 rename src/{experimental => core/surfaces}/card/card.spec.tsx (100%)
 rename src/{experimental => core/surfaces}/card/card.stories.tsx (96%)
 rename src/{experimental => core/surfaces}/card/index.tsx (96%)
 rename src/{experimental => core/surfaces}/card/styles.ts (82%)
 rename src/{experimental => core/surfaces}/panel/__snapshots__/panel.spec.tsx.snap (87%)
 rename src/{experimental => core/surfaces}/panel/index.tsx (100%)
 rename src/{experimental => core/surfaces}/panel/panel.spec.tsx (100%)
 rename src/{experimental => core/surfaces}/panel/panel.stories.tsx (96%)
 rename src/{experimental => core/surfaces}/panel/styles.ts (79%)
 delete mode 100644 src/experimental/index.ts

diff --git a/jest.config.js b/jest.config.js
index c2d1b955..73f1b4d8 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -5,12 +5,9 @@ module.exports = {
     coveragePathIgnorePatterns: ['stories.(ts|tsx)'],
     collectCoverageFrom: [
         '<rootDir>/src/core/**/*.(ts|tsx)',
-        '<rootDir>/src/experimental/**/*.(ts|tsx)',
         '!<rootDir>/src/core/data-display/data-table/*.(ts|tsx)',
-        '!<rootDir>/src/experimental/auto-complete-lab/*.(ts|tsx)',
-        '!<rootDir>/src/experimental/index.ts',
-        '!<rootDir>/src/experimental/dialog/index.ts',
-        '!<rootDir>/src/experimental/breadcrumbs/index.tsx'
+        '!<rootDir>/src/core/feedback/dialog-v2/index.ts',
+        '!<rootDir>/src/core/navigation/breadcrumbs/index.tsx'
     ],
     transform: {
         '.+\\.(ts|tsx)$': 'ts-jest'
diff --git a/src/experimental/actions/__snapshots__/actions.spec.tsx.snap b/src/core/data-display/actions/__snapshots__/actions.spec.tsx.snap
similarity index 96%
rename from src/experimental/actions/__snapshots__/actions.spec.tsx.snap
rename to src/core/data-display/actions/__snapshots__/actions.spec.tsx.snap
index 4143e061..63f801fa 100644
--- a/src/experimental/actions/__snapshots__/actions.spec.tsx.snap
+++ b/src/core/data-display/actions/__snapshots__/actions.spec.tsx.snap
@@ -4,7 +4,7 @@ exports[`Actions should match snapshot 1`] = `
 <div>
   <div
     align="flex-end"
-    class="sc-bbSYpP dLcgmS"
+    class="sc-aYaIB ivIxy"
   >
     <button
       class="MuiButtonBase-root MuiButton-root MuiButton-text"
diff --git a/src/experimental/actions/actions.spec.tsx b/src/core/data-display/actions/actions.spec.tsx
similarity index 100%
rename from src/experimental/actions/actions.spec.tsx
rename to src/core/data-display/actions/actions.spec.tsx
diff --git a/src/experimental/actions/actions.stories.tsx b/src/core/data-display/actions/actions.stories.tsx
similarity index 98%
rename from src/experimental/actions/actions.stories.tsx
rename to src/core/data-display/actions/actions.stories.tsx
index 5dad7c95..674b0aea 100644
--- a/src/experimental/actions/actions.stories.tsx
+++ b/src/core/data-display/actions/actions.stories.tsx
@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from '@storybook/react'
 import Actions from '.'
 
 const meta: Meta<typeof Actions> = {
-    title: 'Experimental/Actions',
+    title: 'DataDisplay/Actions',
     component: Actions,
     argTypes: {
         names: {
diff --git a/src/experimental/actions/index.tsx b/src/core/data-display/actions/index.tsx
similarity index 97%
rename from src/experimental/actions/index.tsx
rename to src/core/data-display/actions/index.tsx
index fdcf51ec..19f1e077 100644
--- a/src/experimental/actions/index.tsx
+++ b/src/core/data-display/actions/index.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import type { ButtonProps } from '@material-ui/core'
-import { Button } from '@/index'
+import Button from '@/core/inputs/button'
 import { Wrapper } from './styles'
 
 export interface IProps {
diff --git a/src/experimental/actions/styles.ts b/src/core/data-display/actions/styles.ts
similarity index 100%
rename from src/experimental/actions/styles.ts
rename to src/core/data-display/actions/styles.ts
diff --git a/src/experimental/avatar/__snapshots__/avatar.spec.tsx.snap b/src/core/data-display/avatar/__snapshots__/avatar.spec.tsx.snap
similarity index 100%
rename from src/experimental/avatar/__snapshots__/avatar.spec.tsx.snap
rename to src/core/data-display/avatar/__snapshots__/avatar.spec.tsx.snap
diff --git a/src/experimental/avatar/avatar.spec.tsx b/src/core/data-display/avatar/avatar.spec.tsx
similarity index 100%
rename from src/experimental/avatar/avatar.spec.tsx
rename to src/core/data-display/avatar/avatar.spec.tsx
diff --git a/src/experimental/avatar/avatar.stories.tsx b/src/core/data-display/avatar/avatar.stories.tsx
similarity index 97%
rename from src/experimental/avatar/avatar.stories.tsx
rename to src/core/data-display/avatar/avatar.stories.tsx
index a1a68dc3..c0830072 100644
--- a/src/experimental/avatar/avatar.stories.tsx
+++ b/src/core/data-display/avatar/avatar.stories.tsx
@@ -6,7 +6,7 @@ import Avatar from '.'
 const srcImage = 'https://imgflip.com/s/meme/Doge.jpg'
 
 const meta: Meta<typeof Avatar> = {
-    title: 'Experimental/Avatar',
+    title: 'DataDisplay/Avatar',
     component: Avatar,
     argTypes: {
         icon: {
diff --git a/src/experimental/avatar/index.tsx b/src/core/data-display/avatar/index.tsx
similarity index 100%
rename from src/experimental/avatar/index.tsx
rename to src/core/data-display/avatar/index.tsx
diff --git a/src/core/data-display/chip/chip.stories.tsx b/src/core/data-display/chip/chip.stories.tsx
index d464d49a..dcee7f20 100644
--- a/src/core/data-display/chip/chip.stories.tsx
+++ b/src/core/data-display/chip/chip.stories.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { Face } from '@mui/icons-material'
 import type { Meta, StoryFn } from '@storybook/react'
-import { Avatar } from '@/experimental'
+import Avatar from '../avatar'
 import Chip from '.'
 
 export default {
diff --git a/src/core/data-display/data-table/data-table-field.tsx b/src/core/data-display/data-table/data-table-field.tsx
index 8c14f3a9..381d48eb 100644
--- a/src/core/data-display/data-table/data-table-field.tsx
+++ b/src/core/data-display/data-table/data-table-field.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import type { ChangeEvent, Dispatch, MouseEvent, SetStateAction } from 'react'
 import { Checkbox, Table, TableBody, TableCell, TableHead } from '@mui/material'
-import { TextField } from '@/index'
+import TextField from '@/core/inputs/text-field'
 import { FieldWrapper, RowTable, TableCellRows } from './styles'
 
 interface IHeader {
diff --git a/src/core/data-display/data-table/data-table-query-paginated.stories.tsx b/src/core/data-display/data-table/data-table-query-paginated.stories.tsx
index 926286de..5462c3ec 100644
--- a/src/core/data-display/data-table/data-table-query-paginated.stories.tsx
+++ b/src/core/data-display/data-table/data-table-query-paginated.stories.tsx
@@ -24,7 +24,7 @@ import { RowMode } from './types'
 import { usePaginated } from './use-paginated'
 
 export default {
-    title: 'DataDisplay/DataTableQueryPaginated',
+    title: 'DataDisplay/Data Table Query Paginated',
     component: DataTableQueryPaginated
 } as Meta<typeof DataTableQueryPaginated>
 
diff --git a/src/core/data-display/data-table/data-table.spec.tsx b/src/core/data-display/data-table/data-table.spec.tsx
index 29b93e1c..2cfd04de 100644
--- a/src/core/data-display/data-table/data-table.spec.tsx
+++ b/src/core/data-display/data-table/data-table.spec.tsx
@@ -6,7 +6,7 @@ import format from 'date-fns/format'
 import type { ColumnSpec } from './types'
 import DataTableWithHidden from '@/test/mocks/data-table-hidden-mock'
 import DataTableWithCrud from '@/test/mocks/data-table-mock'
-import DataTable from '.'
+import { DataTable } from '.'
 
 type Data = {
     id: number
diff --git a/src/core/data-display/data-table/index.ts b/src/core/data-display/data-table/index.ts
index 51928874..45462b95 100644
--- a/src/core/data-display/data-table/index.ts
+++ b/src/core/data-display/data-table/index.ts
@@ -1,4 +1,4 @@
-export { default } from './data-table'
+export { default as DataTable } from './data-table'
 export { DataTableAction } from './data-table-action'
 export { DataTableField } from './data-table-field'
 export { default as DataTableQueryPaginated } from './data-table-query-paginated'
diff --git a/src/core/data-display/data-table/rows.tsx b/src/core/data-display/data-table/rows.tsx
index 04cfdbbb..66becc8b 100644
--- a/src/core/data-display/data-table/rows.tsx
+++ b/src/core/data-display/data-table/rows.tsx
@@ -3,9 +3,9 @@ import type { ReactNode } from 'react'
 import TableCell from '@material-ui/core/TableCell'
 import TableRow from '@material-ui/core/TableRow'
 import type { ColumnSpec, Data, Errors, PartialData } from './types'
-import { DateTime } from '@/core/inputs/date-time'
+import DateTime from '@/core/inputs/date-time'
 import MaskField from '@/core/inputs/mask-field'
-import { TextField } from '@/core/inputs/text-field'
+import TextField from '@/core/inputs/text-field'
 import { RowMode } from './types'
 
 type RowStateUpdater = <D extends Data>(
diff --git a/src/core/data-display/divider/divider.spec.tsx b/src/core/data-display/divider/divider.spec.tsx
index d1e96073..d35a5cb8 100644
--- a/src/core/data-display/divider/divider.spec.tsx
+++ b/src/core/data-display/divider/divider.spec.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { render, screen } from '@testing-library/react'
-import { Divider } from '.'
+import Divider from '.'
 
 describe('Divider', () => {
     it('should render', () => {
diff --git a/src/core/data-display/divider/divider.stories.tsx b/src/core/data-display/divider/divider.stories.tsx
index c2c6a4ba..f593b8e1 100644
--- a/src/core/data-display/divider/divider.stories.tsx
+++ b/src/core/data-display/divider/divider.stories.tsx
@@ -1,68 +1,54 @@
 import React from 'react'
-import type { Meta } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/react'
 import List from '@/core/data-display/list'
 import ListItem from '@/core/data-display/list-item'
-import { Divider } from '.'
+import Divider from '.'
 
-export default {
+const meta: Meta<typeof Divider> = {
     title: 'DataDisplay/Divider',
     component: Divider,
     argTypes: {
-        'data-testid': {
-            table: {
-                disable: true
-            }
+        margin: {
+            control: 'text',
+            description: 'The divider margin.'
+        },
+        padding: {
+            control: 'text',
+            description: 'The divider padding.'
+        },
+        style: {
+            control: 'object',
+            description: 'The divider style.'
         }
     }
-} as Meta<typeof Divider>
+}
 
-export const Default = () => (
-    <List>
-        <ListItem>
-            <p>Banded penguin</p>
-        </ListItem>
-        <Divider />
-        <ListItem>
-            <p>Chinstrap penguin</p>
-        </ListItem>
-        <Divider />
-        <ListItem>
-            <p>Crested penguins</p>
-        </ListItem>
-        <Divider />
-    </List>
-)
+export default meta
 
-export const WithDisabledFields = () => (
-    <List>
-        <ListItem>
-            <p>Banded penguin</p>
-        </ListItem>
-        <Divider />
-        <ListItem disabled>
-            <p>Chinstrap penguin</p>
-        </ListItem>
-        <Divider />
-        <ListItem disabled>
-            <p>Crested penguins</p>
-        </ListItem>
-        <Divider />
-    </List>
-)
+type Story = StoryObj<typeof Divider>
 
-export const WithSelectedFields = () => (
-    <List>
-        <ListItem selected>
-            <p>Banded penguin</p>
-        </ListItem>
-        <Divider />
-        <ListItem>
-            <p>Chinstrap penguin</p>
-        </ListItem>
-        <Divider />
-        <ListItem>
-            <p>Crested penguins</p>
-        </ListItem>
-        <Divider />
-    </List>
-)
+export const divider: Story = {
+    render: ({ ...args }) => {
+        return (
+            <List>
+                <ListItem>
+                    <p>Banded penguin</p>
+                </ListItem>
+                <Divider {...args} />
+                <ListItem>
+                    <p>Chinstrap penguin</p>
+                </ListItem>
+                <Divider {...args} />
+                <ListItem>
+                    <p>Crested penguins</p>
+                </ListItem>
+                <Divider {...args} />
+            </List>
+        )
+    },
+    args: {
+        margin: '',
+        padding: '',
+        style: {}
+    }
+}
diff --git a/src/core/data-display/divider/index.tsx b/src/core/data-display/divider/index.tsx
index c1d5cf62..9d97c075 100644
--- a/src/core/data-display/divider/index.tsx
+++ b/src/core/data-display/divider/index.tsx
@@ -7,7 +7,7 @@ export interface DividerProps extends DefaultProps, MuiDividerProps {
     'data-testid'?: string
 }
 
-export const Divider = ({
+const Divider = ({
     margin,
     padding,
     style = {},
diff --git a/src/experimental/fab/__snapshots__/fab.spec.tsx.snap b/src/core/data-display/fab-v2/__snapshots__/fab.spec.tsx.snap
similarity index 93%
rename from src/experimental/fab/__snapshots__/fab.spec.tsx.snap
rename to src/core/data-display/fab-v2/__snapshots__/fab.spec.tsx.snap
index 1b3fb544..f7745c9b 100644
--- a/src/experimental/fab/__snapshots__/fab.spec.tsx.snap
+++ b/src/core/data-display/fab-v2/__snapshots__/fab.spec.tsx.snap
@@ -8,7 +8,7 @@ exports[`Fab should match snapshot 1`] = `
     title="tooltip-test"
   >
     <button
-      class="MuiButtonBase-root MuiFab-root MuiFab-sizeSmall"
+      class="MuiButtonBase-root MuiFab-root MuiFab-sizeMedium"
       data-testid="fab-button"
       name="action-button"
       tabindex="0"
diff --git a/src/experimental/fab/fab.spec.tsx b/src/core/data-display/fab-v2/fab.spec.tsx
similarity index 95%
rename from src/experimental/fab/fab.spec.tsx
rename to src/core/data-display/fab-v2/fab.spec.tsx
index 1ea61c71..5a8783c8 100644
--- a/src/experimental/fab/fab.spec.tsx
+++ b/src/core/data-display/fab-v2/fab.spec.tsx
@@ -7,7 +7,7 @@ import Fab from '.'
 describe('Fab', () => {
     it('should render', () => {
         render(
-            <Fab onClick={jest.fn()}>
+            <Fab mini onClick={jest.fn()}>
                 <FileCopy />
             </Fab>
         )
@@ -17,9 +17,9 @@ describe('Fab', () => {
         expect(container.classList).toContain('MuiFab-sizeSmall')
     })
 
-    it('should render large', () => {
+    it('should render medium', () => {
         render(
-            <Fab large onClick={jest.fn()}>
+            <Fab onClick={jest.fn()}>
                 <FileCopy />
             </Fab>
         )
diff --git a/src/experimental/fab/fab.stories.tsx b/src/core/data-display/fab-v2/fab.stories.tsx
similarity index 80%
rename from src/experimental/fab/fab.stories.tsx
rename to src/core/data-display/fab-v2/fab.stories.tsx
index 6eb2ed68..d3de9ada 100644
--- a/src/experimental/fab/fab.stories.tsx
+++ b/src/core/data-display/fab-v2/fab.stories.tsx
@@ -1,14 +1,14 @@
 import React from 'react'
 import { FileCopy } from '@mui/icons-material'
 import type { Meta, StoryObj } from '@storybook/react'
-import Fab from '.'
+import FabV2 from '.'
 import { theme } from '@/theme'
 
 const { primary } = theme.colors
 
-const meta: Meta<typeof Fab> = {
-    title: 'Experimental/Fab',
-    component: Fab,
+const meta: Meta<typeof FabV2> = {
+    title: 'DataDisplay/FabV2 v2.0',
+    component: FabV2,
     argTypes: {
         className: {
             table: {
@@ -28,7 +28,7 @@ const meta: Meta<typeof Fab> = {
             control: 'text',
             description: 'The Fab tooltip label.'
         },
-        large: {
+        mini: {
             control: 'boolean',
             description: 'The Fab size.'
         },
@@ -49,19 +49,19 @@ const meta: Meta<typeof Fab> = {
 
 export default meta
 
-type Story = StoryObj<typeof Fab>
+type Story = StoryObj<typeof FabV2>
 
-export const fab: Story = {
+export const fabV2: Story = {
     render: ({ ...args }) => {
         return (
-            <Fab {...args} onClick={() => alert('Fab clicked!')}>
+            <FabV2 {...args} onClick={() => alert('Fab clicked!')}>
                 <FileCopy />
-            </Fab>
+            </FabV2>
         )
     },
     args: {
         name: 'Copy',
-        large: true,
+        mini: true,
         tooltip: 'Copy file',
         margin: '',
         padding: '',
diff --git a/src/experimental/fab/index.tsx b/src/core/data-display/fab-v2/index.tsx
similarity index 78%
rename from src/experimental/fab/index.tsx
rename to src/core/data-display/fab-v2/index.tsx
index 1edcc66f..b7b94f9f 100644
--- a/src/experimental/fab/index.tsx
+++ b/src/core/data-display/fab-v2/index.tsx
@@ -1,10 +1,11 @@
 import React from 'react'
 import type { MouseEvent, CSSProperties } from 'react'
 import type { FabProps } from '@/core/data-display/fab'
-import { Fab as MFab, Tooltip } from '@/index'
+import Fab from '@/core/data-display/fab'
+import Tooltip from '@/core/feedback/tooltip'
 
 export interface IProps extends FabProps {
-    large?: boolean
+    mini?: boolean
     className?: string
     name?: string
     tooltip?: string
@@ -17,19 +18,19 @@ export interface IProps extends FabProps {
 
 const FabV2 = (props: IProps) => {
     const renderButton = () => {
-        const { large, children, padding, name, margin, style, ...otherProps } =
+        const { mini, children, padding, name, margin, style, ...otherProps } =
             props
 
         return (
-            <MFab
-                size={large ? 'medium' : 'small'}
+            <Fab
+                size={mini ? 'small' : 'medium'}
                 name={name || 'action-button'}
                 data-testid='fab-button'
                 {...otherProps}
                 style={{ margin, padding, ...style }}
                 onClick={props.onClick}>
                 {children}
-            </MFab>
+            </Fab>
         )
     }
 
diff --git a/src/core/data-display/line/index.tsx b/src/core/data-display/line/index.tsx
index 3598431c..fc0cc1e2 100644
--- a/src/core/data-display/line/index.tsx
+++ b/src/core/data-display/line/index.tsx
@@ -9,7 +9,7 @@ export interface LineProps extends DefaultProps {
     'data-testid'?: string
 }
 
-export const Line = ({
+const Line = ({
     padding,
     margin,
     style,
diff --git a/src/core/data-display/line/line.spec.tsx b/src/core/data-display/line/line.spec.tsx
index d8e739c2..99ab763a 100644
--- a/src/core/data-display/line/line.spec.tsx
+++ b/src/core/data-display/line/line.spec.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { render, screen } from '@testing-library/react'
-import { Line } from '.'
+import Line from '.'
 import { theme } from '@/theme'
 
 const { grays, secondary } = theme.colors
diff --git a/src/core/data-display/line/line.stories.tsx b/src/core/data-display/line/line.stories.tsx
index 0210fd27..56cb92d4 100644
--- a/src/core/data-display/line/line.stories.tsx
+++ b/src/core/data-display/line/line.stories.tsx
@@ -1,29 +1,42 @@
 import React from 'react'
-import type { Meta, StoryFn } from '@storybook/react'
-import { Line } from '.'
+import type { Meta, StoryObj } from '@storybook/react'
+import Line from '.'
 
-export default {
+const meta: Meta<typeof Line> = {
     title: 'DataDisplay/Line',
     component: Line,
     argTypes: {
-        'data-testid': {
-            table: {
-                disable: true
-            }
+        margin: {
+            control: 'text',
+            description: 'The line margin.'
+        },
+        padding: {
+            control: 'text',
+            description: 'The line padding.'
+        },
+        primary: {
+            control: 'boolean',
+            description: 'To set the line border color.'
+        },
+        style: {
+            control: 'object',
+            description: 'The line style.'
         }
     }
-} as Meta<typeof Line>
-
-const Template: StoryFn<typeof Line> = args => <Line {...args} />
+}
 
-export const Default = Template.bind({})
+export default meta
 
-export const Primary = Template.bind({})
-Primary.args = {
-    primary: true
-}
+type Story = StoryObj<typeof Line>
 
-export const LineWithWidthProp = Template.bind({})
-LineWithWidthProp.args = {
-    width: '100%'
+export const line: Story = {
+    render: ({ ...args }) => {
+        return <Line {...args} />
+    },
+    args: {
+        margin: '',
+        padding: '',
+        primary: false,
+        style: {}
+    }
 }
diff --git a/src/core/data-display/list/list.stories.tsx b/src/core/data-display/list/list.stories.tsx
index fb6fbead..bdb37565 100644
--- a/src/core/data-display/list/list.stories.tsx
+++ b/src/core/data-display/list/list.stories.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import { Backup } from '@mui/icons-material'
 import type { Meta, StoryFn } from '@storybook/react'
 import ListItem from '@/core/data-display/list-item'
-import { Avatar } from '@/experimental'
+import Avatar from '../avatar'
 import List from '.'
 
 export default {
diff --git a/src/experimental/password-visibility/__snapshots__/password-visibility.spec.tsx.snap b/src/core/data-display/password-visibility/__snapshots__/password-visibility.spec.tsx.snap
similarity index 96%
rename from src/experimental/password-visibility/__snapshots__/password-visibility.spec.tsx.snap
rename to src/core/data-display/password-visibility/__snapshots__/password-visibility.spec.tsx.snap
index 90983703..bd033603 100644
--- a/src/experimental/password-visibility/__snapshots__/password-visibility.spec.tsx.snap
+++ b/src/core/data-display/password-visibility/__snapshots__/password-visibility.spec.tsx.snap
@@ -6,7 +6,7 @@ exports[`PasswordVisibility should match snapshot 1`] = `
   "baseElement": <body>
     <div>
       <button
-        class="MuiButtonBase-root MuiIconButton-root sc-bbSYpP fZolHc"
+        class="MuiButtonBase-root MuiIconButton-root sc-aYaIB kNhFhI"
         name="show-password"
         style="padding: 0px;"
         tabindex="0"
@@ -35,7 +35,7 @@ exports[`PasswordVisibility should match snapshot 1`] = `
   </body>,
   "container": <div>
     <button
-      class="MuiButtonBase-root MuiIconButton-root sc-bbSYpP fZolHc"
+      class="MuiButtonBase-root MuiIconButton-root sc-aYaIB kNhFhI"
       name="show-password"
       style="padding: 0px;"
       tabindex="0"
diff --git a/src/experimental/password-visibility/index.tsx b/src/core/data-display/password-visibility/index.tsx
similarity index 100%
rename from src/experimental/password-visibility/index.tsx
rename to src/core/data-display/password-visibility/index.tsx
diff --git a/src/experimental/password-visibility/password-visibility.spec.tsx b/src/core/data-display/password-visibility/password-visibility.spec.tsx
similarity index 100%
rename from src/experimental/password-visibility/password-visibility.spec.tsx
rename to src/core/data-display/password-visibility/password-visibility.spec.tsx
diff --git a/src/experimental/password-visibility/password-visibility.stories.tsx b/src/core/data-display/password-visibility/password-visibility.stories.tsx
similarity index 94%
rename from src/experimental/password-visibility/password-visibility.stories.tsx
rename to src/core/data-display/password-visibility/password-visibility.stories.tsx
index f57989f7..e2284f62 100644
--- a/src/experimental/password-visibility/password-visibility.stories.tsx
+++ b/src/core/data-display/password-visibility/password-visibility.stories.tsx
@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from '@storybook/react'
 import PasswordVisibility from '.'
 
 const meta: Meta<typeof PasswordVisibility> = {
-    title: 'Experimental/Password Visibility',
+    title: 'DataDisplay/Password Visibility',
     component: PasswordVisibility,
     argTypes: {
         name: {
diff --git a/src/experimental/password-visibility/styles.ts b/src/core/data-display/password-visibility/styles.ts
similarity index 76%
rename from src/experimental/password-visibility/styles.ts
rename to src/core/data-display/password-visibility/styles.ts
index b606a65d..e66d05a3 100644
--- a/src/experimental/password-visibility/styles.ts
+++ b/src/core/data-display/password-visibility/styles.ts
@@ -1,5 +1,5 @@
 import { default as styled } from 'styled-components'
-import { IconButton } from '@/index'
+import IconButton from '@/core/inputs/icon-button'
 
 export const StyledButton = styled(IconButton)`
     width: 36px !important;
diff --git a/src/core/data-display/table/table-cell.tsx b/src/core/data-display/table/table-cell.tsx
index aa949a41..60286899 100644
--- a/src/core/data-display/table/table-cell.tsx
+++ b/src/core/data-display/table/table-cell.tsx
@@ -5,7 +5,7 @@ import type { DefaultProps } from '../../types'
 import type { TableCellProps as MuiTableProps } from '@material-ui/core/TableCell'
 import { SortContext } from './table-head'
 
-interface TableCellProps extends DefaultProps {
+export interface TableCellProps extends DefaultProps {
     numeric?: boolean
     variant?: 'head' | 'body' | 'footer'
     spacing?: MuiTableProps['padding']
diff --git a/src/core/feedback/collapse/collapse.spec.tsx b/src/core/feedback/collapse/collapse.spec.tsx
index 62c45088..21589e09 100644
--- a/src/core/feedback/collapse/collapse.spec.tsx
+++ b/src/core/feedback/collapse/collapse.spec.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { render, screen } from '@testing-library/react'
-import { Collapse } from '.'
+import Collapse from '.'
 
 describe('Collapse', () => {
     it('should render opened', () => {
diff --git a/src/core/feedback/collapse/collapse.stories.tsx b/src/core/feedback/collapse/collapse.stories.tsx
index ec41524b..439d1432 100644
--- a/src/core/feedback/collapse/collapse.stories.tsx
+++ b/src/core/feedback/collapse/collapse.stories.tsx
@@ -1,51 +1,49 @@
-import React, { useState } from 'react'
-import type { Meta, StoryFn } from '@storybook/react'
-import Button from '@/core/inputs/button'
-import { Collapse } from '.'
+import React from 'react'
+import type { Meta, StoryObj } from '@storybook/react'
+import Collapse from '.'
 
-export default {
+const meta: Meta<typeof Collapse> = {
     title: 'Feedback/Collapse',
-    component: Collapse
-} as Meta<typeof Collapse>
-
-const Template: StoryFn<typeof Collapse> = args => <Collapse {...args} />
-
-export const Default = () => {
-    const [open, setOpen] = useState(true)
-    const [buttonLabel, setButtonLabel] = useState('Close')
-
-    function handleClick() {
-        setOpen(!open)
-
-        if (!open) {
-            setButtonLabel('Close')
-        } else {
-            setButtonLabel('Open')
+    component: Collapse,
+    argTypes: {
+        in: {
+            control: 'boolean',
+            description: 'To open or close the collapse.'
+        },
+        timeout: {
+            control: 'object',
+            description:
+                'The collapse timeout. ' +
+                'Can be a `number`, `auto`, or set the object individually `{ enter: 200, exit: 500 }`.'
+        },
+        margin: {
+            control: 'text',
+            description: 'The collapse margin.'
+        },
+        padding: {
+            control: 'text',
+            description: 'The collapse padding.'
+        },
+        style: {
+            control: 'object',
+            description: 'The collapse style.'
         }
     }
-
-    return (
-        <>
-            <Collapse in={open}> I am open for discussions </Collapse>
-            <Button
-                size='small'
-                color='primary'
-                style={{ marginTop: '3em' }}
-                onClick={handleClick}>
-                {buttonLabel}
-            </Button>
-        </>
-    )
 }
 
-export const Open = Template.bind({})
-Open.args = {
-    in: true,
-    children: 'I am open for discussions'
-}
+export default meta
 
-export const Closed = Template.bind({})
-Closed.args = {
-    in: false,
-    children: 'I am not open for discussions. Please do not insist.'
+type Story = StoryObj<typeof Collapse>
+
+export const collapse: Story = {
+    render: ({ ...args }) => {
+        return <Collapse {...args}>I am open for discussions.</Collapse>
+    },
+    args: {
+        in: false,
+        timeout: { enter: 200, exit: 500 },
+        margin: '',
+        padding: '',
+        style: {}
+    }
 }
diff --git a/src/core/feedback/collapse/index.tsx b/src/core/feedback/collapse/index.tsx
index 61c4c0ec..799c9a57 100644
--- a/src/core/feedback/collapse/index.tsx
+++ b/src/core/feedback/collapse/index.tsx
@@ -10,7 +10,7 @@ export interface CollapseProps extends DefaultProps {
     children?: ReactNode
 }
 
-export const Collapse = ({
+const Collapse = ({
     children,
     padding,
     margin,
diff --git a/src/experimental/dialog/__snapshots__/dialog.spec.tsx.snap b/src/core/feedback/dialog-v2/__snapshots__/dialog.spec.tsx.snap
similarity index 100%
rename from src/experimental/dialog/__snapshots__/dialog.spec.tsx.snap
rename to src/core/feedback/dialog-v2/__snapshots__/dialog.spec.tsx.snap
diff --git a/src/experimental/dialog/confirm-dialog.tsx b/src/core/feedback/dialog-v2/confirm-dialog.tsx
similarity index 100%
rename from src/experimental/dialog/confirm-dialog.tsx
rename to src/core/feedback/dialog-v2/confirm-dialog.tsx
diff --git a/src/experimental/dialog/dialog.spec.tsx b/src/core/feedback/dialog-v2/dialog.spec.tsx
similarity index 100%
rename from src/experimental/dialog/dialog.spec.tsx
rename to src/core/feedback/dialog-v2/dialog.spec.tsx
diff --git a/src/experimental/dialog/dialog.stories.tsx b/src/core/feedback/dialog-v2/dialog.stories.tsx
similarity index 87%
rename from src/experimental/dialog/dialog.stories.tsx
rename to src/core/feedback/dialog-v2/dialog.stories.tsx
index 2e80bb89..e07f14dc 100644
--- a/src/experimental/dialog/dialog.stories.tsx
+++ b/src/core/feedback/dialog-v2/dialog.stories.tsx
@@ -1,11 +1,12 @@
 /* eslint-disable react-hooks/rules-of-hooks */
 import React, { useState } from 'react'
 import type { Meta, StoryObj } from '@storybook/react'
-import { Dialog, ConfirmDialog, RemoveDialog } from '.'
+import Button from '@/core/inputs/button'
+import { DialogV2, ConfirmDialog, RemoveDialog } from '.'
 
-const meta: Meta<typeof Dialog> = {
-    title: 'Experimental/Dialog',
-    component: Dialog,
+const meta: Meta<typeof DialogV2> = {
+    title: 'Feedback/Dialog v2.0',
+    component: DialogV2,
     argTypes: {
         title: {
             control: 'text',
@@ -59,7 +60,7 @@ const meta: Meta<typeof Dialog> = {
 
 export default meta
 
-type Story = StoryObj<typeof Dialog>
+type Story = StoryObj<typeof DialogV2>
 
 export const dialog: Story = {
     render: ({ ...args }) => {
@@ -67,8 +68,8 @@ export const dialog: Story = {
 
         return (
             <>
-                <button onClick={() => setOpen(true)}>OPEN DIALOG</button>
-                <Dialog
+                <Button onClick={() => setOpen(true)}>OPEN DIALOG</Button>
+                <DialogV2
                     {...args}
                     open={open}
                     primaryButtonAction={() => setOpen(false)}
@@ -95,9 +96,9 @@ export const removeDialog: Story = {
 
         return (
             <>
-                <button onClick={() => setOpen(true)}>
+                <Button onClick={() => setOpen(true)}>
                     OPEN REMOVE DIALOG
-                </button>
+                </Button>
                 <RemoveDialog
                     {...args}
                     open={open}
@@ -119,9 +120,9 @@ export const confirmDialog: Story = {
 
         return (
             <>
-                <button onClick={() => setOpen(true)}>
+                <Button onClick={() => setOpen(true)}>
                     OPEN CONFIRM DIALOG
-                </button>
+                </Button>
                 <ConfirmDialog
                     {...args}
                     open={open}
diff --git a/src/experimental/dialog/dialog.tsx b/src/core/feedback/dialog-v2/dialog.tsx
similarity index 92%
rename from src/experimental/dialog/dialog.tsx
rename to src/core/feedback/dialog-v2/dialog.tsx
index 10060cf1..f0769f6b 100644
--- a/src/experimental/dialog/dialog.tsx
+++ b/src/core/feedback/dialog-v2/dialog.tsx
@@ -1,7 +1,8 @@
 import React from 'react'
 import type { MouseEvent, ReactNode } from 'react'
 import type { DialogProps } from '@/core/feedback/dialog'
-import { Dialog as DialogFlipper, Button } from '@/index'
+import Dialog from '@/core/feedback/dialog'
+import Button from '@/core/inputs/button'
 import { ThemeProviderFlipper, theme } from '@/theme'
 
 const { action, primary } = theme.colors
@@ -10,14 +11,19 @@ export interface IProps extends DialogProps {
     open: boolean
     title: string
     titleAction?: string | ReactNode
+    text?: string
     primaryButtonColor?: 'default' | 'primary' | 'inherit' | 'secondary'
     primaryButtonName?: string
     primaryButtonText: string
     secondaryButtonText?: string
     secondaryButtonName?: string
+    snippet?: JSX.Element | ReactNode
+    content?: JSX.Element | ReactNode
+    PaperProps?: Record<string, unknown>
     omitActionButtons?: boolean
     primaryButtonAction(event: MouseEvent<HTMLButtonElement>): void
     secondaryButtonAction?(event: MouseEvent<HTMLButtonElement>): void
+    onClose?(): void
 }
 
 const themeDialog = {
@@ -59,7 +65,7 @@ const DialogV2 = (props: IProps) => {
 
     return (
         <ThemeProviderFlipper options={themeDialog}>
-            <DialogFlipper
+            <Dialog
                 {...otherProps}
                 open={open}
                 titleAction={titleAction}
diff --git a/src/experimental/dialog/index.ts b/src/core/feedback/dialog-v2/index.ts
similarity index 71%
rename from src/experimental/dialog/index.ts
rename to src/core/feedback/dialog-v2/index.ts
index 3719e93e..2a432ec0 100644
--- a/src/experimental/dialog/index.ts
+++ b/src/core/feedback/dialog-v2/index.ts
@@ -1,3 +1,3 @@
-export { default as Dialog } from './dialog'
+export { default as DialogV2 } from './dialog'
 export { default as RemoveDialog } from './remove-dialog'
 export { default as ConfirmDialog } from './confirm-dialog'
diff --git a/src/experimental/dialog/remove-dialog.tsx b/src/core/feedback/dialog-v2/remove-dialog.tsx
similarity index 100%
rename from src/experimental/dialog/remove-dialog.tsx
rename to src/core/feedback/dialog-v2/remove-dialog.tsx
diff --git a/src/core/feedback/dialog/dialog.spec.tsx b/src/core/feedback/dialog/dialog.spec.tsx
index d8d08b8e..15cfe599 100644
--- a/src/core/feedback/dialog/dialog.spec.tsx
+++ b/src/core/feedback/dialog/dialog.spec.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { render, screen } from '@testing-library/react'
 import Button from '@/core/inputs/button'
-import { Dialog } from '.'
+import Dialog from '.'
 
 describe('Dialog', () => {
     it('should render opened', () => {
diff --git a/src/core/feedback/dialog/dialog.stories.tsx b/src/core/feedback/dialog/dialog.stories.tsx
index 0d38ff07..c329904e 100644
--- a/src/core/feedback/dialog/dialog.stories.tsx
+++ b/src/core/feedback/dialog/dialog.stories.tsx
@@ -1,95 +1,70 @@
+/* eslint-disable react-hooks/rules-of-hooks */
 import React, { useState } from 'react'
-import type { Meta } from '@storybook/react'
-import Typography from '@/core/data-display/typography'
+import type { Meta, StoryObj } from '@storybook/react'
 import Button from '@/core/inputs/button'
-import { Dialog } from '.'
+import Dialog from '.'
 
-export default {
+const meta: Meta<typeof Dialog> = {
     title: 'Feedback/Dialog',
-    component: Dialog
-} as Meta<typeof Dialog>
-
-export const Default = () => {
-    const [open, setOpen] = useState(false)
-
-    return (
-        <>
-            <Button onClick={() => setOpen(true)}>Open dialog</Button>
-            <Dialog
-                open={open}
-                title='My beautiful Dialog'
-                text={'Is not it?'}
-                actions={
-                    <Button onClick={() => setOpen(false)}>Close dialog</Button>
-                }
-                onClose={() => setOpen(false)}
-            />
-        </>
-    )
-}
-
-export const WithAlertOnClose = () => {
-    const [open, setOpen] = useState(false)
-    const handleClose = (e: Event) => {
-        e.preventDefault()
-        alert('I prevented dialog to close')
+    component: Dialog,
+    argTypes: {
+        title: {
+            control: 'text',
+            description:
+                'The dialog title. It can be a string or a React Component.'
+        },
+        text: {
+            control: 'text',
+            description: 'The dialog text.'
+        },
+        content: {
+            control: 'text',
+            description:
+                'The dialog content. Accepts strings and React Components. ' +
+                'To render, use the `content` or the `text` prop.'
+        },
+        maxWidth: {
+            options: ['xs', 'sm', 'md', 'lg'],
+            control: { type: 'radio' },
+            description: 'The dialog max width.'
+        },
+        fullWidth: {
+            control: 'boolean',
+            description: 'To set the full width on the dialog.'
+        }
     }
-
-    return (
-        <>
-            <Button onClick={() => setOpen(true)}>Open dialog</Button>
-            <Dialog
-                open={open}
-                title='My beautiful Dialog'
-                text={'Is not it?'}
-                actions={
-                    <Button onClick={() => setOpen(false)}>Close dialog</Button>
-                }
-                onClose={handleClose}
-            />
-        </>
-    )
 }
 
-export const WithTypography = () => {
-    const [open, setOpen] = useState(false)
+export default meta
 
-    return (
-        <>
-            <Button onClick={() => setOpen(true)}>Open dialog</Button>
-            <Dialog
-                open={open}
-                title={
-                    <Typography color='primary'>
-                        Title with Typography
-                    </Typography>
-                }
-                text='Simple Text'
-                actions={
-                    <Button onClick={() => setOpen(false)}>Close dialog</Button>
-                }
-                onClose={() => setOpen(false)}
-            />
-        </>
-    )
-}
+type Story = StoryObj<typeof Dialog>
 
-export const WithSnippet = () => {
-    const [open, setOpen] = useState(false)
+export const dialog: Story = {
+    render: ({ ...args }) => {
+        const [open, setOpen] = useState(false)
 
-    return (
-        <>
-            <Button onClick={() => setOpen(true)}>Open dialog</Button>
-            <Dialog
-                open={open}
-                title='My beautiful Dialog'
-                text={'Is not it?'}
-                actions={
-                    <Button onClick={() => setOpen(false)}>Close dialog</Button>
-                }
-                snippet='const a = 1'
-                onClose={() => setOpen(false)}
-            />
-        </>
-    )
+        return (
+            <>
+                <Button onClick={() => setOpen(true)}>OPEN DIALOG</Button>
+                <Dialog
+                    {...args}
+                    open={open}
+                    actions={
+                        <Button margin='12px' onClick={() => setOpen(false)}>
+                            Close
+                        </Button>
+                    }
+                    onClose={() => setOpen(false)}
+                />
+            </>
+        )
+    },
+    args: {
+        title: 'Dialog Title',
+        text: 'A content here!',
+        content: '',
+        snippet: 'here"s the snippet!',
+        maxWidth: 'xs',
+        fullWidth: true
+    }
 }
diff --git a/src/core/feedback/dialog/index.tsx b/src/core/feedback/dialog/index.tsx
index dd47c471..27803222 100644
--- a/src/core/feedback/dialog/index.tsx
+++ b/src/core/feedback/dialog/index.tsx
@@ -29,7 +29,7 @@ export interface DialogProps
     content?: ReactNode | string
     text?: string
     snippet?: ReactNode | JSX.Element
-    PaperProps?: Record<string, unknown>
+    PaperProps?: object
     titleStyle?: CSSProperties
     snippetStyle?: CSSProperties
     titleWrapperStyle?: CSSProperties
@@ -49,7 +49,7 @@ const useStyles = makeStyles({
     }
 })
 
-export const Dialog = ({
+const Dialog = ({
     snippet,
     style,
     padding,
diff --git a/src/core/feedback/fade/fade.spec.tsx b/src/core/feedback/fade/fade.spec.tsx
index e9f22fc3..6c2bbc4f 100644
--- a/src/core/feedback/fade/fade.spec.tsx
+++ b/src/core/feedback/fade/fade.spec.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { render, screen } from '@testing-library/react'
-import { Fade } from '.'
+import Fade from '.'
 
 describe('Fade', () => {
     it('should render closed', () => {
diff --git a/src/core/feedback/fade/fade.stories.tsx b/src/core/feedback/fade/fade.stories.tsx
index 0c5ce3e5..e32d5a4b 100644
--- a/src/core/feedback/fade/fade.stories.tsx
+++ b/src/core/feedback/fade/fade.stories.tsx
@@ -1,39 +1,53 @@
-import React, { useState } from 'react'
-import type { Meta } from '@storybook/react'
-import Button from '@/core/inputs/button'
-import { Fade } from '.'
+import React from 'react'
+import type { Meta, StoryObj } from '@storybook/react'
+import Fade from '.'
 
-export default {
+const meta: Meta<typeof Fade> = {
     title: 'Feedback/Fade',
-    component: Fade
-} as Meta<typeof Fade>
-
-export const Default = () => {
-    const [open, setOpen] = useState(true)
-    const [label, setLabel] = useState('Close')
-
-    function handleClick() {
-        setOpen(!open)
-
-        if (label === 'Close') {
-            setLabel('Open')
-        } else {
-            setLabel('Close')
+    component: Fade,
+    argTypes: {
+        in: {
+            control: 'boolean',
+            description: 'To open or close the fade.'
+        },
+        timeout: {
+            control: 'object',
+            description:
+                'The fade timeout. ' +
+                'Can be a `number`, `auto`, or set the object individually `{ enter: 200, exit: 500 }`.'
+        },
+        margin: {
+            control: 'text',
+            description: 'The fade margin.'
+        },
+        padding: {
+            control: 'text',
+            description: 'The fade padding.'
+        },
+        style: {
+            control: 'object',
+            description: 'The fade style.'
         }
     }
+}
 
-    return (
-        <>
-            <Button
-                style={{ marginRight: '3em' }}
-                variant='contained'
-                color='primary'
-                onClick={handleClick}>
-                {label}
-            </Button>
-            <Fade in={open}>
+export default meta
+
+type Story = StoryObj<typeof Fade>
+
+export const fade: Story = {
+    render: ({ ...args }) => {
+        return (
+            <Fade {...args}>
                 <span>I am open for discussions</span>
             </Fade>
-        </>
-    )
+        )
+    },
+    args: {
+        in: false,
+        timeout: { enter: 200, exit: 500 },
+        margin: '',
+        padding: '',
+        style: {}
+    }
 }
diff --git a/src/core/feedback/fade/index.tsx b/src/core/feedback/fade/index.tsx
index 5413a9ba..4b56b625 100644
--- a/src/core/feedback/fade/index.tsx
+++ b/src/core/feedback/fade/index.tsx
@@ -9,7 +9,7 @@ export interface FadeProps extends DefaultProps {
     children: ReactElement<Record<string, unknown>>
 }
 
-export const Fade = ({
+const Fade = ({
     children,
     padding,
     margin,
diff --git a/src/experimental/loading/__snapshots__/loading.spec.tsx.snap b/src/core/feedback/loading/__snapshots__/loading.spec.tsx.snap
similarity index 96%
rename from src/experimental/loading/__snapshots__/loading.spec.tsx.snap
rename to src/core/feedback/loading/__snapshots__/loading.spec.tsx.snap
index c2d2714c..1c8b3f52 100644
--- a/src/experimental/loading/__snapshots__/loading.spec.tsx.snap
+++ b/src/core/feedback/loading/__snapshots__/loading.spec.tsx.snap
@@ -3,7 +3,7 @@
 exports[`Loading should match snapshot 1`] = `
 <div>
   <div
-    class="sc-bbSYpP hDTVEW"
+    class="sc-aYaIB eiShaW"
     data-testid="loading-component"
     style="margin: 48px; padding: 24px;"
   >
diff --git a/src/experimental/loading/index.tsx b/src/core/feedback/loading/index.tsx
similarity index 95%
rename from src/experimental/loading/index.tsx
rename to src/core/feedback/loading/index.tsx
index 3ffe2b45..1b82fcda 100644
--- a/src/experimental/loading/index.tsx
+++ b/src/core/feedback/loading/index.tsx
@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react'
-import { Progress } from '@/index'
+import Progress from '../progress'
 import { LoadingContainer } from './styles'
 
 export interface IProps {
diff --git a/src/experimental/loading/loading.spec.tsx b/src/core/feedback/loading/loading.spec.tsx
similarity index 97%
rename from src/experimental/loading/loading.spec.tsx
rename to src/core/feedback/loading/loading.spec.tsx
index a2c688ee..29d0ccbe 100644
--- a/src/experimental/loading/loading.spec.tsx
+++ b/src/core/feedback/loading/loading.spec.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { render, screen } from '@testing-library/react'
-import { Loading } from '.'
+import Loading from '.'
 
 describe('Loading', () => {
     it('should render', () => {
diff --git a/src/experimental/loading/loading.stories.tsx b/src/core/feedback/loading/loading.stories.tsx
similarity index 95%
rename from src/experimental/loading/loading.stories.tsx
rename to src/core/feedback/loading/loading.stories.tsx
index 3c29030d..5bbd60cf 100644
--- a/src/experimental/loading/loading.stories.tsx
+++ b/src/core/feedback/loading/loading.stories.tsx
@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from '@storybook/react'
 import Loading from '.'
 
 const meta: Meta<typeof Loading> = {
-    title: 'Experimental/Loading',
+    title: 'Feedback/Loading',
     component: Loading,
     argTypes: {
         size: {
diff --git a/src/experimental/loading/styles.ts b/src/core/feedback/loading/styles.ts
similarity index 100%
rename from src/experimental/loading/styles.ts
rename to src/core/feedback/loading/styles.ts
diff --git a/src/experimental/nothing-found/__snapshots__/nothing-found.spec.tsx.snap b/src/core/feedback/nothing-found/__snapshots__/nothing-found.spec.tsx.snap
similarity index 100%
rename from src/experimental/nothing-found/__snapshots__/nothing-found.spec.tsx.snap
rename to src/core/feedback/nothing-found/__snapshots__/nothing-found.spec.tsx.snap
diff --git a/src/experimental/nothing-found/index.tsx b/src/core/feedback/nothing-found/index.tsx
similarity index 100%
rename from src/experimental/nothing-found/index.tsx
rename to src/core/feedback/nothing-found/index.tsx
diff --git a/src/experimental/nothing-found/nothing-found.spec.tsx b/src/core/feedback/nothing-found/nothing-found.spec.tsx
similarity index 98%
rename from src/experimental/nothing-found/nothing-found.spec.tsx
rename to src/core/feedback/nothing-found/nothing-found.spec.tsx
index 5c24cc32..64ffa8ea 100644
--- a/src/experimental/nothing-found/nothing-found.spec.tsx
+++ b/src/core/feedback/nothing-found/nothing-found.spec.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { render, screen } from '@testing-library/react'
-import { NothingFound } from '.'
+import NothingFound from '.'
 
 describe('NothingFound', () => {
     it('should render', () => {
diff --git a/src/experimental/nothing-found/nothing-found.stories.tsx b/src/core/feedback/nothing-found/nothing-found.stories.tsx
similarity index 95%
rename from src/experimental/nothing-found/nothing-found.stories.tsx
rename to src/core/feedback/nothing-found/nothing-found.stories.tsx
index 4d16a553..625adadc 100644
--- a/src/experimental/nothing-found/nothing-found.stories.tsx
+++ b/src/core/feedback/nothing-found/nothing-found.stories.tsx
@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from '@storybook/react'
 import NothingFound from '.'
 
 const meta: Meta<typeof NothingFound> = {
-    title: 'Experimental/Nothing Found',
+    title: 'Feedback/Nothing Found',
     component: NothingFound,
     argTypes: {
         customText: {
diff --git a/src/experimental/nothing-found/styles.ts b/src/core/feedback/nothing-found/styles.ts
similarity index 100%
rename from src/experimental/nothing-found/styles.ts
rename to src/core/feedback/nothing-found/styles.ts
diff --git a/src/experimental/skeleton/__snapshots__/skeleton.spec.tsx.snap b/src/core/feedback/skeleton/__snapshots__/skeleton.spec.tsx.snap
similarity index 100%
rename from src/experimental/skeleton/__snapshots__/skeleton.spec.tsx.snap
rename to src/core/feedback/skeleton/__snapshots__/skeleton.spec.tsx.snap
diff --git a/src/experimental/skeleton/index.tsx b/src/core/feedback/skeleton/index.tsx
similarity index 100%
rename from src/experimental/skeleton/index.tsx
rename to src/core/feedback/skeleton/index.tsx
diff --git a/src/experimental/skeleton/skeleton.spec.tsx b/src/core/feedback/skeleton/skeleton.spec.tsx
similarity index 100%
rename from src/experimental/skeleton/skeleton.spec.tsx
rename to src/core/feedback/skeleton/skeleton.spec.tsx
diff --git a/src/experimental/skeleton/skeleton.stories.tsx b/src/core/feedback/skeleton/skeleton.stories.tsx
similarity index 93%
rename from src/experimental/skeleton/skeleton.stories.tsx
rename to src/core/feedback/skeleton/skeleton.stories.tsx
index ded61947..70edea3c 100644
--- a/src/experimental/skeleton/skeleton.stories.tsx
+++ b/src/core/feedback/skeleton/skeleton.stories.tsx
@@ -3,7 +3,7 @@ import type { Meta, StoryFn } from '@storybook/react'
 import Skeleton from '.'
 
 export default {
-    title: 'Experimental/Skeleton',
+    title: 'Feedback/Skeleton',
     component: Skeleton,
     args: {}
 } as Meta<typeof Skeleton>
diff --git a/src/core/feedback/validation-dialog/index.tsx b/src/core/feedback/validation-dialog/index.tsx
index cc38fbc6..fbf05d1d 100644
--- a/src/core/feedback/validation-dialog/index.tsx
+++ b/src/core/feedback/validation-dialog/index.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import type { ReactNode } from 'react'
+import Actions from '@/core/data-display/actions'
 import Button from '@/core/inputs/button'
-import Actions from '@/experimental/actions'
 import { DialogTypography, MuiDialog, ValidationWrapper } from './styles'
 
 export interface IValidateProps {
diff --git a/src/core/feedback/validation-dialog/styles.ts b/src/core/feedback/validation-dialog/styles.ts
index 90667fee..8bc6366f 100644
--- a/src/core/feedback/validation-dialog/styles.ts
+++ b/src/core/feedback/validation-dialog/styles.ts
@@ -1,6 +1,6 @@
 import { default as styled } from 'styled-components'
 import Typography from '@/core/data-display/typography'
-import { Dialog } from '../dialog'
+import Dialog from '../dialog'
 
 export const MuiDialog = styled(Dialog)`
     div > div > h2 {
diff --git a/src/experimental/add-button/__snapshots__/add-button.spec.tsx.snap b/src/core/inputs/add-button/__snapshots__/add-button.spec.tsx.snap
similarity index 100%
rename from src/experimental/add-button/__snapshots__/add-button.spec.tsx.snap
rename to src/core/inputs/add-button/__snapshots__/add-button.spec.tsx.snap
diff --git a/src/experimental/add-button/add-button.spec.tsx b/src/core/inputs/add-button/add-button.spec.tsx
similarity index 100%
rename from src/experimental/add-button/add-button.spec.tsx
rename to src/core/inputs/add-button/add-button.spec.tsx
diff --git a/src/experimental/add-button/add-button.stories.tsx b/src/core/inputs/add-button/add-button.stories.tsx
similarity index 97%
rename from src/experimental/add-button/add-button.stories.tsx
rename to src/core/inputs/add-button/add-button.stories.tsx
index 7f2f3661..0d31a43f 100644
--- a/src/experimental/add-button/add-button.stories.tsx
+++ b/src/core/inputs/add-button/add-button.stories.tsx
@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from '@storybook/react'
 import AddButton from '.'
 
 const meta: Meta<typeof AddButton> = {
-    title: 'Experimental/Add Button',
+    title: 'Inputs/Add Button',
     component: AddButton,
     argTypes: {
         onClick: {
diff --git a/src/experimental/add-button/index.tsx b/src/core/inputs/add-button/index.tsx
similarity index 100%
rename from src/experimental/add-button/index.tsx
rename to src/core/inputs/add-button/index.tsx
diff --git a/src/experimental/add-button/styles.ts b/src/core/inputs/add-button/styles.ts
similarity index 100%
rename from src/experimental/add-button/styles.ts
rename to src/core/inputs/add-button/styles.ts
diff --git a/src/experimental/auto-complete-lab/autocomplete-lab.spec.tsx b/src/core/inputs/auto-complete-lab/autocomplete-lab.spec.tsx
similarity index 95%
rename from src/experimental/auto-complete-lab/autocomplete-lab.spec.tsx
rename to src/core/inputs/auto-complete-lab/autocomplete-lab.spec.tsx
index d934d265..fb8dbd33 100644
--- a/src/experimental/auto-complete-lab/autocomplete-lab.spec.tsx
+++ b/src/core/inputs/auto-complete-lab/autocomplete-lab.spec.tsx
@@ -1,14 +1,14 @@
 import React from 'react'
-import { Autocomplete as AutocompleteLab } from '@material-ui/lab'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import { default as userEvent } from '@testing-library/user-event'
-import { TextField } from '@/core/inputs/text-field'
+import TextField from '@/core/inputs/text-field'
+import { AutoComplete } from '.'
 import '@testing-library/jest-dom'
 
 describe('AutoCompleteLab', () => {
     it('should render', () => {
         render(
-            <AutocompleteLab
+            <AutoComplete
                 options={[
                     { label: 'Anemone', value: 'forget-me-not' },
                     { label: 'Forget me not', value: 'anemone' },
@@ -37,7 +37,7 @@ describe('AutoCompleteLab', () => {
 
     it('should render the correct suggestions', async () => {
         render(
-            <AutocompleteLab
+            <AutoComplete
                 options={[
                     { label: 'Anemone', value: 'forget-me-not' },
                     { label: 'Forget me not', value: 'anemone' },
@@ -71,7 +71,7 @@ describe('AutoCompleteLab', () => {
         const onChangeMock = jest.fn()
 
         render(
-            <AutocompleteLab
+            <AutoComplete
                 options={[
                     { label: 'Anemone', value: 'forget-me-not' },
                     { label: 'Forget me not', value: 'anemone' },
@@ -107,7 +107,7 @@ describe('AutoCompleteLab', () => {
         const onChangeMock = jest.fn()
 
         render(
-            <AutocompleteLab
+            <AutoComplete
                 options={[
                     { label: 'Anemone', value: 'forget-me-not' },
                     { label: 'Forget me not', value: 'anemone' },
diff --git a/src/experimental/auto-complete-lab/autocomplete-lab.stories.tsx b/src/core/inputs/auto-complete-lab/autocomplete-lab.stories.tsx
similarity index 73%
rename from src/experimental/auto-complete-lab/autocomplete-lab.stories.tsx
rename to src/core/inputs/auto-complete-lab/autocomplete-lab.stories.tsx
index d74ba2f5..80aa195f 100644
--- a/src/experimental/auto-complete-lab/autocomplete-lab.stories.tsx
+++ b/src/core/inputs/auto-complete-lab/autocomplete-lab.stories.tsx
@@ -1,15 +1,15 @@
 import React from 'react'
 import type { Meta } from '@storybook/react'
-import { TextField } from '@/core/inputs/text-field'
-import { Autocomplete as AutocompleteLab } from '.'
+import TextField from '@/core/inputs/text-field'
+import { AutoComplete } from '.'
 
 export default {
-    title: 'Experimental/AutoCompleteLab',
-    component: AutocompleteLab
-} as Meta<typeof AutocompleteLab>
+    title: 'Inputs/AutoComplete Lab',
+    component: AutoComplete
+} as Meta<typeof AutoComplete>
 
-export const Default = () => (
-    <AutocompleteLab
+export const AutoCompleteLab = () => (
+    <AutoComplete
         options={[
             { label: 'Anemone', value: 'forget-me-not' },
             { label: 'Forget me not', value: 'anemone' },
diff --git a/src/experimental/auto-complete-lab/index.tsx b/src/core/inputs/auto-complete-lab/index.tsx
similarity index 89%
rename from src/experimental/auto-complete-lab/index.tsx
rename to src/core/inputs/auto-complete-lab/index.tsx
index 6371d060..c761dbad 100644
--- a/src/experimental/auto-complete-lab/index.tsx
+++ b/src/core/inputs/auto-complete-lab/index.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { makeStyles } from '@material-ui/core/styles'
 import { default as MuiAutocomplete } from '@material-ui/lab/Autocomplete'
-export {
+export type {
     AutocompleteRenderInputParams,
     AutocompleteProps,
     AutocompleteCloseReason,
@@ -19,7 +19,7 @@ const useStyles = makeStyles({
     }
 })
 
-export const Autocomplete: typeof MuiAutocomplete = props => {
+export const AutoComplete: typeof MuiAutocomplete = props => {
     const { classes, ...otherProps } = props
     const styles = useStyles(props)
 
@@ -33,5 +33,3 @@ export const Autocomplete: typeof MuiAutocomplete = props => {
         />
     )
 }
-
-export default Autocomplete
diff --git a/src/core/inputs/date-time/__snapshots__/date-time.spec.tsx.snap b/src/core/inputs/date-time/__snapshots__/date-time.spec.tsx.snap
index 4923b1af..b33f8e63 100644
--- a/src/core/inputs/date-time/__snapshots__/date-time.spec.tsx.snap
+++ b/src/core/inputs/date-time/__snapshots__/date-time.spec.tsx.snap
@@ -14,7 +14,7 @@ exports[`DateTime should match snapshot 1`] = `
         class="MuiInputBase-input MuiOutlinedInput-input makeStyles-outlinedInput-49 MuiInputBase-inputAdornedEnd MuiOutlinedInput-inputAdornedEnd"
         role="date-picker"
         type="text"
-        value="28052024"
+        value="29052024"
       />
       <div
         class="MuiInputAdornment-root MuiInputAdornment-positionEnd"
diff --git a/src/core/inputs/date-time/date-time.stories.tsx b/src/core/inputs/date-time/date-time.stories.tsx
index 3047b35c..d91cc2d7 100644
--- a/src/core/inputs/date-time/date-time.stories.tsx
+++ b/src/core/inputs/date-time/date-time.stories.tsx
@@ -1,22 +1,28 @@
 import React from 'react'
-import type { Meta, StoryFn } from '@storybook/react'
-import { DateTime } from '.'
+import type { Meta, StoryObj } from '@storybook/react'
+import DateTime from '.'
 
-export default {
+const meta: Meta<typeof DateTime> = {
     title: 'Inputs/DateTime',
-    component: DateTime
-} as Meta<typeof DateTime>
-
-const Template: StoryFn<typeof DateTime> = args => <DateTime {...args} />
+    component: DateTime,
+    argTypes: {
+        type: {
+            options: ['date', 'time', 'datetime'],
+            control: { type: 'radio' },
+            description: 'The type of the filter.'
+        }
+    }
+}
 
-export const Default = Template.bind({})
+export default meta
 
-export const WithTime = Template.bind({})
-WithTime.args = {
-    type: 'time'
-}
+type Story = StoryObj<typeof DateTime>
 
-export const WithDateTime = Template.bind({})
-WithDateTime.args = {
-    type: 'datetime'
+export const dateTime: Story = {
+    render: ({ ...args }) => {
+        return <DateTime {...args} />
+    },
+    args: {
+        type: 'date'
+    }
 }
diff --git a/src/core/inputs/date-time/index.tsx b/src/core/inputs/date-time/index.tsx
index 26a3f0dc..25411a84 100644
--- a/src/core/inputs/date-time/index.tsx
+++ b/src/core/inputs/date-time/index.tsx
@@ -38,7 +38,7 @@ export type DateTimeProps = Omit<
     IProps &
     DefaultProps
 
-export const DateTime = ({
+const DateTime = ({
     padding,
     margin,
     style,
diff --git a/src/core/inputs/mask-field/index.tsx b/src/core/inputs/mask-field/index.tsx
index 35915a85..39e05390 100644
--- a/src/core/inputs/mask-field/index.tsx
+++ b/src/core/inputs/mask-field/index.tsx
@@ -3,7 +3,7 @@ import type { ComponentType } from 'react'
 import type { NumberFormatProps } from 'react-number-format'
 import NumberFormat from 'react-number-format'
 import type { TextFieldProps } from '@/core/inputs/text-field'
-import { TextField } from '@/core/inputs/text-field'
+import TextField from '@/core/inputs/text-field'
 
 export interface MaskFieldProps extends NumberFormatProps {
     mask?: string
diff --git a/src/core/inputs/pin-input/index.tsx b/src/core/inputs/pin-input/index.tsx
index 5cd56654..8a8a9f37 100644
--- a/src/core/inputs/pin-input/index.tsx
+++ b/src/core/inputs/pin-input/index.tsx
@@ -25,7 +25,7 @@ const PIN_MIN_VALUE = 0
 const PIN_MAX_VALUE = 9
 const BACKSPACE_KEY = 'Backspace'
 
-export const PinInput = ({
+const PinInput = ({
     pinLength,
     pin,
     setPin,
diff --git a/src/core/inputs/pin-input/pin-input.spec.tsx b/src/core/inputs/pin-input/pin-input.spec.tsx
index 0540ebd7..d04487c3 100644
--- a/src/core/inputs/pin-input/pin-input.spec.tsx
+++ b/src/core/inputs/pin-input/pin-input.spec.tsx
@@ -3,7 +3,7 @@ import { act } from 'react-dom/test-utils'
 import { fireEvent, render, screen } from '@testing-library/react'
 import { userEvent } from '@testing-library/user-event'
 import MockedComponent from '@/test/mocks/pin-input-mock'
-import { PinInput } from '.'
+import PinInput from '.'
 
 describe('PinInput', () => {
     it('should render', () => {
diff --git a/src/core/inputs/pin-input/pin-input.stories.tsx b/src/core/inputs/pin-input/pin-input.stories.tsx
index 0edeccde..5becc465 100644
--- a/src/core/inputs/pin-input/pin-input.stories.tsx
+++ b/src/core/inputs/pin-input/pin-input.stories.tsx
@@ -1,113 +1,90 @@
+/* eslint-disable react-hooks/rules-of-hooks */
 import React, { useState } from 'react'
 import { Button } from '@material-ui/core'
-import type { Meta } from '@storybook/react'
-import { PinInput } from '.'
+import type { Meta, StoryObj } from '@storybook/react'
+import PinInput from '.'
 import { ButtonContainer, ValidateContainer } from './styles'
 
-export default {
+const meta: Meta<typeof PinInput> = {
     title: 'Inputs/PinInput',
-    component: PinInput
-} as Meta<typeof PinInput>
-
-const PIN_LENGTH = 6
-
-export const Default = () => {
-    const [pin, setPin] = useState<Array<number | undefined>>(
-        new Array(PIN_LENGTH)
-    )
-
-    const onPinChanged = (pinEntry: number | undefined, index: number) => {
-        const newPin = [...pin]
-
-        newPin[index] = pinEntry
-        setPin(newPin)
-    }
-    const [hasError, setHasError] = useState(false)
-    const [isValidating, setIsValidating] = useState(false)
-
-    const handleValidation = () => {
-        setIsValidating(true)
-        if (pin.join('') !== '123123') {
-            setHasError(true)
-            setPin(new Array(PIN_LENGTH))
-        } else {
-            setHasError(false)
-            alert('PIN is correct')
+    component: PinInput,
+    argTypes: {
+        size: {
+            options: ['small', 'large'],
+            control: { type: 'radio' },
+            description: 'The size of the pin-input.'
+        },
+        variant: {
+            options: ['outlined', 'standard'],
+            control: { type: 'radio' },
+            description: 'The variant of the pin-input.'
+        },
+        style: {
+            control: 'object',
+            description: 'The pin-input style.'
         }
-        setIsValidating(false)
     }
-
-    return (
-        <>
-            <ValidateContainer>Valid pin: 123123</ValidateContainer>
-            <PinInput
-                pin={pin}
-                setPin={setPin}
-                pinLength={PIN_LENGTH}
-                validationResult={hasError}
-                isValidating={isValidating}
-                size='small'
-                variant='outlined'
-                onPinChanged={onPinChanged}
-            />
-            <ButtonContainer>
-                <Button
-                    onClick={() => {
-                        handleValidation()
-                    }}>
-                    Validate
-                </Button>
-            </ButtonContainer>
-        </>
-    )
 }
 
-export const Large = () => {
-    const [pin, setPin] = useState<Array<number | undefined>>(
-        new Array(PIN_LENGTH)
-    )
+export default meta
 
-    const onPinChanged = (pinEntry: number | undefined, index: number) => {
-        const newPin = [...pin]
+type Story = StoryObj<typeof PinInput>
 
-        newPin[index] = pinEntry
-        setPin(newPin)
-    }
-    const [hasError, setHasError] = useState(false)
-    const [isValidating, setIsValidating] = useState(false)
+export const pinInput: Story = {
+    render: ({ ...args }) => {
+        const PIN_LENGTH = 6
+
+        const [pin, setPin] = useState<Array<number | undefined>>(
+            new Array(PIN_LENGTH)
+        )
 
-    const handleValidation = () => {
-        setIsValidating(true)
-        if (pin.join('') !== '123123') {
-            setPin(new Array(PIN_LENGTH))
-            setHasError(true)
-        } else {
-            setHasError(false)
-            alert('PIN is correct')
+        const onPinChanged = (pinEntry: number | undefined, index: number) => {
+            const newPin = [...pin]
+
+            newPin[index] = pinEntry
+            setPin(newPin)
         }
-        setIsValidating(false)
-    }
+        const [hasError, setHasError] = useState(false)
+        const [isValidating, setIsValidating] = useState(false)
 
-    return (
-        <>
-            <ValidateContainer>Valid pin: 123123</ValidateContainer>
-            <PinInput
-                pin={pin}
-                setPin={setPin}
-                pinLength={PIN_LENGTH}
-                validationResult={hasError}
-                isValidating={isValidating}
-                size='large'
-                onPinChanged={onPinChanged}
-            />
-            <ButtonContainer>
-                <Button
-                    onClick={() => {
-                        handleValidation()
-                    }}>
-                    Validate
-                </Button>
-            </ButtonContainer>
-        </>
-    )
+        const handleValidation = () => {
+            setIsValidating(true)
+            if (pin.join('') !== '123123') {
+                setHasError(true)
+                setPin(new Array(PIN_LENGTH))
+            } else {
+                setHasError(false)
+                alert('PIN is correct')
+            }
+            setIsValidating(false)
+        }
+
+        return (
+            <>
+                <ValidateContainer>Valid pin: 123123</ValidateContainer>
+                <PinInput
+                    {...args}
+                    pin={pin}
+                    setPin={setPin}
+                    pinLength={PIN_LENGTH}
+                    validationResult={hasError}
+                    isValidating={isValidating}
+                    onPinChanged={onPinChanged}
+                />
+                <ButtonContainer>
+                    <Button
+                        onClick={() => {
+                            handleValidation()
+                        }}>
+                        Validate
+                    </Button>
+                </ButtonContainer>
+            </>
+        )
+    },
+    args: {
+        size: 'small',
+        variant: 'outlined',
+        style: {}
+    }
 }
diff --git a/src/core/inputs/radio-group/radio-group.stories.tsx b/src/core/inputs/radio-group/radio-group.stories.tsx
index 0c335598..bf3522b6 100644
--- a/src/core/inputs/radio-group/radio-group.stories.tsx
+++ b/src/core/inputs/radio-group/radio-group.stories.tsx
@@ -3,7 +3,7 @@ import type { Meta } from '@storybook/react'
 import RadioGroup from '.'
 
 export default {
-    title: 'Inputs/RadioGroup',
+    title: 'Inputs/Radio Group',
     component: RadioGroup
 } as Meta<typeof RadioGroup>
 
diff --git a/src/core/inputs/text-field/index.tsx b/src/core/inputs/text-field/index.tsx
index df263ece..dae5a1ea 100644
--- a/src/core/inputs/text-field/index.tsx
+++ b/src/core/inputs/text-field/index.tsx
@@ -210,7 +210,7 @@ const renderEndAdornment = (onClear?: () => void) => (
     </InputAdornment>
 )
 
-export const TextField = ({
+const TextField = ({
     options,
     margin,
     padding,
diff --git a/src/core/inputs/text-field/text-field.stories.tsx b/src/core/inputs/text-field/text-field.stories.tsx
index c4f167ea..e5e2925e 100644
--- a/src/core/inputs/text-field/text-field.stories.tsx
+++ b/src/core/inputs/text-field/text-field.stories.tsx
@@ -1,159 +1,181 @@
-import type { ChangeEvent } from 'react'
+/* eslint-disable react-hooks/rules-of-hooks */
 import React, { useState } from 'react'
-import type { Meta, StoryFn } from '@storybook/react'
+import type { ChangeEvent } from 'react'
+import type { Meta, StoryObj } from '@storybook/react'
 import ListItem from '@/core/data-display/list-item'
-import InputAdornment from '@/core/inputs/input-adornment'
-import { TextField } from '.'
+import TextField from '.'
 import { Wrapper } from './styles'
 
-export default {
+const meta: Meta<typeof TextField> = {
     title: 'Inputs/TextField',
-    component: TextField
-} as Meta<typeof TextField>
-
-const Template: StoryFn<typeof TextField> = args => <TextField {...args} />
-const LIST = [
-    { label: 'Elm', value: 'elm' },
-    { label: 'ReasonML', value: 'reasonml' },
-    { label: 'Purescript', value: 'purescript' },
-    { label: 'Fable', value: 'fable' }
-]
-
-export const Default = () => <TextField placeholder='Description' />
-
-export const withInputAdornment = Template.bind({})
-withInputAdornment.args = {
-    type: 'number',
-    label: 'Price',
-    InputProps: {
-        startAdornment: <InputAdornment position='start'>$</InputAdornment>
-    },
-    InputLabelProps: { shrink: true }
-}
-
-export const withHelperButton = Template.bind({})
-withHelperButton.args = {
-    placeholder: 'Description',
-    onHelperClick: () => window.alert('HELP!')
-}
-
-export const withSelect = () => {
-    return (
-        <Wrapper>
-            <TextField select value='reais'>
-                {[
-                    { label: 'R$', value: 'reais' },
-                    { label: '$', value: 'dollar' }
-                ].map(({ label, value }) => (
-                    <ListItem key={value} value={value}>
-                        {label}
-                    </ListItem>
-                ))}
-            </TextField>
-            <TextField select value='fable'>
-                {[
-                    { label: 'Elm', value: 'elm' },
-                    { label: 'ReasonML', value: 'reasonml' },
-                    { label: 'Purescript', value: 'purescript' },
-                    { label: 'Fable', value: 'fable' }
-                ].map(({ label, value }) => (
-                    <ListItem key={value} value={value}>
-                        {label}
-                    </ListItem>
-                ))}
-            </TextField>
-        </Wrapper>
-    )
+    component: TextField,
+    argTypes: {
+        placeholder: {
+            control: 'text',
+            description: 'The input placeholder.'
+        },
+        label: {
+            control: 'text',
+            description: 'The input label.'
+        },
+        fullWidth: {
+            control: 'boolean',
+            description: 'The input width.'
+        },
+        select: {
+            control: 'boolean',
+            description: 'To transform the input in select.'
+        },
+        hasClear: {
+            control: 'boolean',
+            description: 'To set the hasClear button.'
+        },
+        inputProps: {
+            control: 'object',
+            description: 'To set the max-lenght charater count.'
+        },
+        type: {
+            options: ['text', 'number', 'date'],
+            control: { type: 'radio' },
+            description: 'The type of the input.'
+        }
+    }
 }
 
-export const useWithSelectAndClear = () => {
-    const [value, setValue] = useState('fable')
+export default meta
 
-    const onClear = () => {
-        setValue('')
-    }
+type Story = StoryObj<typeof TextField>
 
-    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
-        setValue(event.target.value)
+export const textfield: Story = {
+    render: ({ ...args }) => {
+        return <TextField {...args} />
+    },
+    args: {
+        placeholder: 'Description',
+        type: 'text',
+        label: 'Price',
+        fullWidth: true,
+        InputLabelProps: { shrink: true },
+        onHelperClick: () => window.alert('HELP!')
     }
-
-    return (
-        <Wrapper>
-            <TextField
-                select
-                hasClear
-                value={value}
-                onClear={onClear}
-                onChange={handleChange}>
-                {[
-                    { label: null, value: '' },
-                    { label: 'Elm', value: 'elm' },
-                    { label: 'ReasonML', value: 'reasonml' },
-                    { label: 'Purescript', value: 'purescript' },
-                    { label: 'Fable', value: 'fable' }
-                ].map(({ label, value }) => (
-                    <ListItem key={value} value={value}>
-                        {label}
-                    </ListItem>
-                ))}
-            </TextField>
-        </Wrapper>
-    )
 }
 
-export const Combobox = () => {
-    const [value, setValue] = useState('fable')
-
-    const onClear = () => {
-        setValue('')
-    }
-
-    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
-        setValue(event.target.value)
+export const withSelectAndClear: Story = {
+    render: ({ ...args }) => {
+        const [value, setValue] = useState('fable')
+
+        const onClear = () => {
+            setValue('')
+        }
+
+        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
+            setValue(event.target.value)
+        }
+
+        return (
+            <Wrapper>
+                <TextField
+                    {...args}
+                    value={value}
+                    onClear={onClear}
+                    onChange={handleChange}>
+                    {[
+                        { label: null, value: '' },
+                        { label: 'Elm', value: 'elm' },
+                        { label: 'ReasonML', value: 'reasonml' },
+                        { label: 'Purescript', value: 'purescript' },
+                        { label: 'Fable', value: 'fable' }
+                    ].map(({ label, value }) => (
+                        <ListItem key={value} value={value}>
+                            {label}
+                        </ListItem>
+                    ))}
+                </TextField>
+            </Wrapper>
+        )
+    },
+    args: {
+        select: true,
+        hasClear: true,
+        fullWidth: true,
+        placeholder: '',
+        type: '',
+        label: ''
     }
-
-    return (
-        <Wrapper>
-            <TextField
-                hasClear
-                options={LIST}
-                value={value}
-                onClear={onClear}
-                onChange={handleChange}
-            />
-            <TextField
-                hasClear
-                value={value}
-                placeholder='Description'
-                onClear={onClear}
-                onChange={handleChange}
-            />
-        </Wrapper>
-    )
 }
 
-export const WithCharacterCount = () => {
-    const [value, setValue] = useState('')
-
-    const onClear = () => {
-        setValue('')
+export const combobox: Story = {
+    render: ({ ...args }) => {
+        const [value, setValue] = useState('fable')
+
+        const onClear = () => {
+            setValue('')
+        }
+
+        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
+            setValue(event.target.value)
+        }
+
+        return (
+            <Wrapper>
+                <TextField
+                    {...args}
+                    options={[
+                        { label: 'Elm', value: 'elm' },
+                        { label: 'ReasonML', value: 'reasonml' },
+                        { label: 'Purescript', value: 'purescript' },
+                        { label: 'Fable', value: 'fable' }
+                    ]}
+                    value={value}
+                    onClear={onClear}
+                    onChange={handleChange}
+                />
+            </Wrapper>
+        )
+    },
+    args: {
+        select: true,
+        hasClear: true,
+        fullWidth: true,
+        placeholder: '',
+        type: '',
+        label: ''
     }
+}
 
-    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
-        setValue(event.target.value)
+export const withCharacterCount: Story = {
+    render: ({ ...args }) => {
+        const [value, setValue] = useState('')
+
+        const onClear = () => {
+            setValue('')
+        }
+
+        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
+            setValue(event.target.value)
+        }
+
+        return (
+            <Wrapper>
+                <TextField
+                    {...args}
+                    characters
+                    value={value}
+                    onClear={onClear}
+                    onChange={handleChange}
+                />
+            </Wrapper>
+        )
+    },
+    args: {
+        placeholder: 'Description',
+        type: '',
+        label: '',
+        inputProps: {
+            maxLength: 6
+        },
+        select: false,
+        hasClear: false,
+        fullWidth: true
     }
-
-    return (
-        <TextField
-            hasClear
-            characters
-            value={value}
-            placeholder='Description'
-            inputProps={{
-                maxLength: 6
-            }}
-            onClear={onClear}
-            onChange={handleChange}
-        />
-    )
 }
diff --git a/src/experimental/breadcrumbs/__snapshots__/breadcrumbs.spec.tsx.snap b/src/core/navigation/breadcrumbs/__snapshots__/breadcrumbs.spec.tsx.snap
similarity index 100%
rename from src/experimental/breadcrumbs/__snapshots__/breadcrumbs.spec.tsx.snap
rename to src/core/navigation/breadcrumbs/__snapshots__/breadcrumbs.spec.tsx.snap
diff --git a/src/experimental/breadcrumbs/breadcrumbs.spec.tsx b/src/core/navigation/breadcrumbs/breadcrumbs.spec.tsx
similarity index 100%
rename from src/experimental/breadcrumbs/breadcrumbs.spec.tsx
rename to src/core/navigation/breadcrumbs/breadcrumbs.spec.tsx
diff --git a/src/experimental/breadcrumbs/breadcrumbs.stories.tsx b/src/core/navigation/breadcrumbs/breadcrumbs.stories.tsx
similarity index 97%
rename from src/experimental/breadcrumbs/breadcrumbs.stories.tsx
rename to src/core/navigation/breadcrumbs/breadcrumbs.stories.tsx
index 17c8179e..19a384fb 100644
--- a/src/experimental/breadcrumbs/breadcrumbs.stories.tsx
+++ b/src/core/navigation/breadcrumbs/breadcrumbs.stories.tsx
@@ -4,7 +4,7 @@ import Breadcrumbs from '.'
 import { BreadcrumbStoryLink } from './styles'
 
 const meta: Meta<typeof Breadcrumbs> = {
-    title: 'Experimental/Breadcrumbs',
+    title: 'Navigation/Breadcrumbs',
     component: Breadcrumbs,
     argTypes: {
         linkWrapper: {
diff --git a/src/experimental/breadcrumbs/index.tsx b/src/core/navigation/breadcrumbs/index.tsx
similarity index 100%
rename from src/experimental/breadcrumbs/index.tsx
rename to src/core/navigation/breadcrumbs/index.tsx
diff --git a/src/experimental/breadcrumbs/styles.ts b/src/core/navigation/breadcrumbs/styles.ts
similarity index 100%
rename from src/experimental/breadcrumbs/styles.ts
rename to src/core/navigation/breadcrumbs/styles.ts
diff --git a/src/core/navigation/drawer/drawer.spec.tsx b/src/core/navigation/drawer/drawer.spec.tsx
index d5b0d526..9377e1f2 100644
--- a/src/core/navigation/drawer/drawer.spec.tsx
+++ b/src/core/navigation/drawer/drawer.spec.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { render, screen } from '@testing-library/react'
-import { Drawer } from '.'
+import Drawer from '.'
 
 describe('Drawer', () => {
     it('should render', () => {
diff --git a/src/core/navigation/drawer/drawer.stories.tsx b/src/core/navigation/drawer/drawer.stories.tsx
index bd3e51b5..0ed1941f 100644
--- a/src/core/navigation/drawer/drawer.stories.tsx
+++ b/src/core/navigation/drawer/drawer.stories.tsx
@@ -1,34 +1,70 @@
+/* eslint-disable react-hooks/rules-of-hooks */
 import React, { useState } from 'react'
 import { Backup as IconBackup } from '@mui/icons-material'
-import type { Meta } from '@storybook/react'
+import type { Meta, StoryObj } from '@storybook/react'
 import List from '@/core/data-display/list'
 import ListItem from '@/core/data-display/list-item'
 import Button from '@/core/inputs/button'
-import { Drawer } from '.'
+import Drawer from '.'
 
-export default {
+const meta: Meta<typeof Drawer> = {
     title: 'Navigation/Drawer',
-    component: Drawer
-} as Meta<typeof Drawer>
+    component: Drawer,
+    argTypes: {
+        top: {
+            control: 'number',
+            description: 'The drawer top position.'
+        },
+        width: {
+            control: 'number',
+            description: 'The drawer width.'
+        },
+        margin: {
+            control: 'text',
+            description: 'The drawer margin.'
+        },
+        padding: {
+            control: 'text',
+            description: 'The drawer padding.'
+        },
+        style: {
+            control: 'object',
+            description: 'The drawer style.'
+        }
+    }
+}
 
-export const Default = () => {
-    const [open, SetOpen] = useState(false)
+export default meta
 
-    const handleClick = () => {
-        SetOpen(!open)
-    }
+type Story = StoryObj<typeof Drawer>
 
-    return (
-        <>
-            <Button disabled={open} onClick={handleClick}>
-                Open
-            </Button>
-            <Drawer open={open} onClick={handleClick}>
-                <List>
-                    <ListItem icon={<IconBackup />} />
-                    <ListItem icon={<IconBackup />} />
-                </List>
-            </Drawer>
-        </>
-    )
+export const drawer: Story = {
+    render: ({ ...args }) => {
+        const [open, setOpen] = useState(false)
+
+        const handleClick = () => {
+            setOpen(!open)
+        }
+
+        return (
+            <>
+                <Button disabled={open} onClick={handleClick}>
+                    Open
+                </Button>
+                <Drawer {...args} open={open} onClick={handleClick}>
+                    <List>
+                        <ListItem icon={<IconBackup />} />
+                        <ListItem icon={<IconBackup />} />
+                    </List>
+                </Drawer>
+            </>
+        )
+    },
+    args: {
+        top: 0,
+        width: 75,
+        margin: '',
+        padding: '',
+        style: {}
+    }
 }
diff --git a/src/core/navigation/drawer/index.tsx b/src/core/navigation/drawer/index.tsx
index 5833ad9e..157d7d99 100644
--- a/src/core/navigation/drawer/index.tsx
+++ b/src/core/navigation/drawer/index.tsx
@@ -24,7 +24,7 @@ const getStyles = (top: number, width?: number) =>
         })
     )
 
-export const Drawer = (props: DrawerProps) => {
+const Drawer = (props: DrawerProps) => {
     const { style, margin, padding, top = 0, width, ...otherProps } = props
     const useStyles = getStyles(top, width)
     const classes = useStyles()
diff --git a/src/core/surfaces/box/index.tsx b/src/core/surfaces/box/index.tsx
index 0f4b7caa..91c2235c 100644
--- a/src/core/surfaces/box/index.tsx
+++ b/src/core/surfaces/box/index.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import type { ReactNode } from 'react'
 import type { DefaultProps } from '../../types'
-import { Paper } from '@/core/surfaces/paper'
+import Paper from '@/core/surfaces/paper'
 
 export interface BoxProps extends DefaultProps {
     minHeight?: number
diff --git a/src/experimental/card/__snapshots__/card.spec.tsx.snap b/src/core/surfaces/card/__snapshots__/card.spec.tsx.snap
similarity index 91%
rename from src/experimental/card/__snapshots__/card.spec.tsx.snap
rename to src/core/surfaces/card/__snapshots__/card.spec.tsx.snap
index 2eda73aa..579969ce 100644
--- a/src/experimental/card/__snapshots__/card.spec.tsx.snap
+++ b/src/core/surfaces/card/__snapshots__/card.spec.tsx.snap
@@ -10,16 +10,16 @@ exports[`Card should match snapshot 1`] = `
     style="padding: 24px; flex: 1; display: flex; flex-direction: column;"
   >
     <div
-      class="sc-fXSgRJ dFDIHT"
+      class="sc-gEvDqW eZOuSv"
     >
       <h6
-        class="MuiTypography-root sc-fjvwmM bDJBrr MuiTypography-h6 MuiTypography-colorPrimary"
+        class="MuiTypography-root sc-fqkwJk ktlWmc MuiTypography-h6 MuiTypography-colorPrimary"
         name="test-title"
       >
         title
       </h6>
       <button
-        class="MuiButtonBase-root MuiIconButton-root sc-bbSYpP bsOeq"
+        class="MuiButtonBase-root MuiIconButton-root sc-dcJtft kUpVZv"
         data-testid="remove-button"
         name="remove-test"
         style="margin: -10px 20px; padding: 0px;"
@@ -47,7 +47,7 @@ exports[`Card should match snapshot 1`] = `
         />
       </button>
       <button
-        class="MuiButtonBase-root MuiIconButton-root sc-bbSYpP bsOeq"
+        class="MuiButtonBase-root MuiIconButton-root sc-dcJtft kUpVZv"
         data-testid="edit-button"
         name="cancel-test"
         style="margin: -10px; padding: 0px;"
@@ -78,7 +78,7 @@ exports[`Card should match snapshot 1`] = `
       style="flex: 1; border: 1px solid #e0e0e0;"
     />
     <button
-      class="MuiButtonBase-root MuiButton-root MuiButton-outlined sc-dCFGXG eJyYUZ MuiButton-outlinedPrimary"
+      class="MuiButtonBase-root MuiButton-root MuiButton-outlined sc-aYaIB eiShaW MuiButton-outlinedPrimary"
       id="id-add-test"
       label="add button"
       name="add-test"
diff --git a/src/experimental/card/card.spec.tsx b/src/core/surfaces/card/card.spec.tsx
similarity index 100%
rename from src/experimental/card/card.spec.tsx
rename to src/core/surfaces/card/card.spec.tsx
diff --git a/src/experimental/card/card.stories.tsx b/src/core/surfaces/card/card.stories.tsx
similarity index 96%
rename from src/experimental/card/card.stories.tsx
rename to src/core/surfaces/card/card.stories.tsx
index 987be606..6cee2e4f 100644
--- a/src/experimental/card/card.stories.tsx
+++ b/src/core/surfaces/card/card.stories.tsx
@@ -1,11 +1,11 @@
 import React from 'react'
 import type { Meta, StoryObj } from '@storybook/react'
-import { Typography } from '@/index'
+import Typography from '@/core/data-display/typography'
 import Card from '.'
 import { CardWrapper } from './styles'
 
 const meta: Meta<typeof Card> = {
-    title: 'Experimental/Card',
+    title: 'Surfaces/Card',
     component: Card,
     argTypes: {
         action: {
diff --git a/src/experimental/card/index.tsx b/src/core/surfaces/card/index.tsx
similarity index 96%
rename from src/experimental/card/index.tsx
rename to src/core/surfaces/card/index.tsx
index c0147e9b..0a7d43d1 100644
--- a/src/experimental/card/index.tsx
+++ b/src/core/surfaces/card/index.tsx
@@ -7,8 +7,9 @@ import {
 } from '@mui/icons-material'
 import type { ButtonProps } from '@/core/inputs/button'
 import type { IconButtonProps } from '@/core/inputs/icon-button'
-import { Paper, Line } from '@/index'
-import AddButton from '../add-button'
+import Line from '@/core/data-display/line'
+import AddButton from '@/core/inputs/add-button'
+import Paper from '../paper'
 import {
     CardButton,
     Header,
diff --git a/src/experimental/card/styles.ts b/src/core/surfaces/card/styles.ts
similarity index 82%
rename from src/experimental/card/styles.ts
rename to src/core/surfaces/card/styles.ts
index 3652f108..1eb5a29e 100644
--- a/src/experimental/card/styles.ts
+++ b/src/core/surfaces/card/styles.ts
@@ -1,6 +1,7 @@
 import type { CSSProperties } from 'react'
 import { default as styled } from 'styled-components'
-import { Typography, IconButton } from '@/index'
+import Typography from '@/core/data-display/typography'
+import IconButton from '@/core/inputs/icon-button'
 
 export const NESTED_ELEVATION = 0
 
diff --git a/src/core/surfaces/expansion-panel/expansion-panel.stories.tsx b/src/core/surfaces/expansion-panel/expansion-panel.stories.tsx
index a9dd8d5d..965723b8 100644
--- a/src/core/surfaces/expansion-panel/expansion-panel.stories.tsx
+++ b/src/core/surfaces/expansion-panel/expansion-panel.stories.tsx
@@ -4,11 +4,11 @@ import { ExpandMore } from '@mui/icons-material'
 import type { Meta, StoryFn } from '@storybook/react'
 import Typography from '@/core/data-display/typography'
 import Button from '@/core/inputs/button'
-import { TextField } from '@/core/inputs/text-field'
+import TextField from '@/core/inputs/text-field'
 import ExpansionPanel from '.'
 
 export default {
-    title: 'Surfaces/ExpansionPanel',
+    title: 'Surfaces/Expansion Panel',
     component: ExpansionPanel
 } as Meta<typeof ExpansionPanel>
 
diff --git a/src/experimental/panel/__snapshots__/panel.spec.tsx.snap b/src/core/surfaces/panel/__snapshots__/panel.spec.tsx.snap
similarity index 87%
rename from src/experimental/panel/__snapshots__/panel.spec.tsx.snap
rename to src/core/surfaces/panel/__snapshots__/panel.spec.tsx.snap
index 54a77710..fd6f3d84 100644
--- a/src/experimental/panel/__snapshots__/panel.spec.tsx.snap
+++ b/src/core/surfaces/panel/__snapshots__/panel.spec.tsx.snap
@@ -3,7 +3,7 @@
 exports[`Panel should match snapshot 1`] = `
 <div>
   <div
-    class="MuiPaper-root MuiAccordion-root sc-JrEyx bDreFv Mui-expanded MuiAccordion-rounded MuiPaper-elevation2 MuiPaper-rounded"
+    class="MuiPaper-root MuiAccordion-root sc-gsFSjX kNlMVI Mui-expanded MuiAccordion-rounded MuiPaper-elevation2 MuiPaper-rounded"
     data-testid="panel-component"
     style="margin: 0px;"
   >
@@ -18,13 +18,13 @@ exports[`Panel should match snapshot 1`] = `
         class="MuiAccordionSummary-content Mui-expanded"
       >
         <div
-          class="sc-cwHqhk gUdSVl"
+          class="sc-iGgVNO iPPrNl"
         >
           <div
-            class="sc-fjvwmM fpSWef"
+            class="sc-kAycRU FJrwN"
           >
             <h6
-              class="MuiTypography-root sc-bbSYpP bprKiu MuiTypography-subtitle1 MuiTypography-noWrap"
+              class="MuiTypography-root sc-imWZod cQNAri MuiTypography-subtitle1 MuiTypography-noWrap"
             >
               Foo
             </h6>
diff --git a/src/experimental/panel/index.tsx b/src/core/surfaces/panel/index.tsx
similarity index 100%
rename from src/experimental/panel/index.tsx
rename to src/core/surfaces/panel/index.tsx
diff --git a/src/experimental/panel/panel.spec.tsx b/src/core/surfaces/panel/panel.spec.tsx
similarity index 100%
rename from src/experimental/panel/panel.spec.tsx
rename to src/core/surfaces/panel/panel.spec.tsx
diff --git a/src/experimental/panel/panel.stories.tsx b/src/core/surfaces/panel/panel.stories.tsx
similarity index 96%
rename from src/experimental/panel/panel.stories.tsx
rename to src/core/surfaces/panel/panel.stories.tsx
index f81bc8e1..f7a41755 100644
--- a/src/experimental/panel/panel.stories.tsx
+++ b/src/core/surfaces/panel/panel.stories.tsx
@@ -1,10 +1,10 @@
 import React from 'react'
 import type { Meta, StoryObj } from '@storybook/react'
-import Actions from '../actions'
+import Actions from '@/core/data-display/actions'
 import Panel from '.'
 
 const meta: Meta<typeof Panel> = {
-    title: 'Experimental/Panel',
+    title: 'Surfaces/Panel',
     component: Panel,
     argTypes: {
         defaultExpanded: {
diff --git a/src/experimental/panel/styles.ts b/src/core/surfaces/panel/styles.ts
similarity index 79%
rename from src/experimental/panel/styles.ts
rename to src/core/surfaces/panel/styles.ts
index af82d3d0..29bb30c7 100644
--- a/src/experimental/panel/styles.ts
+++ b/src/core/surfaces/panel/styles.ts
@@ -1,5 +1,6 @@
 import { default as styled } from 'styled-components'
-import { ExpansionPanel, Typography } from '@/index'
+import Typography from '@/core/data-display/typography'
+import ExpansionPanel from '../expansion-panel'
 
 export const Paper = styled(ExpansionPanel)`
     && {
diff --git a/src/core/surfaces/paper/index.tsx b/src/core/surfaces/paper/index.tsx
index 6558aa94..1d44ec7e 100644
--- a/src/core/surfaces/paper/index.tsx
+++ b/src/core/surfaces/paper/index.tsx
@@ -8,7 +8,7 @@ export interface PaperProps extends DefaultProps, MuiPaperProps {
     elevation?: number
 }
 
-export const Paper = ({
+const Paper = ({
     children,
     style = {},
     padding,
diff --git a/src/core/surfaces/paper/paper.spec.tsx b/src/core/surfaces/paper/paper.spec.tsx
index a908c3e6..905fb14c 100644
--- a/src/core/surfaces/paper/paper.spec.tsx
+++ b/src/core/surfaces/paper/paper.spec.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { render, screen } from '@testing-library/react'
-import { Paper } from '.'
+import Paper from '.'
 
 describe('Paper', () => {
     it('should render children', () => {
diff --git a/src/core/surfaces/paper/paper.stories.tsx b/src/core/surfaces/paper/paper.stories.tsx
index 2b745bd6..cd0e8f5a 100644
--- a/src/core/surfaces/paper/paper.stories.tsx
+++ b/src/core/surfaces/paper/paper.stories.tsx
@@ -1,48 +1,47 @@
 import React from 'react'
-import type { Meta, StoryFn } from '@storybook/react'
-import { Paper } from '.'
+import type { Meta, StoryObj } from '@storybook/react'
+import Paper from '.'
 
-export default {
+const meta: Meta<typeof Paper> = {
     title: 'Surfaces/Paper',
-    component: Paper
-} as Meta<typeof Paper>
-
-const Template: StoryFn<typeof Paper> = args => <Paper {...args} />
-
-const defaultArgs = {
-    padding: 24,
-    margin: 24
-}
-
-const argsWithChildren = {
-    ...defaultArgs,
-    children: 'I am a Paper.'
-}
-
-export const Default = () => (
-    <Paper style={{ ...defaultArgs }}>I am a Paper.</Paper>
-)
-
-export const Square = Template.bind({})
-Square.args = {
-    ...argsWithChildren,
-    square: true
-}
-
-export const NoElevated = Template.bind({})
-NoElevated.args = {
-    ...argsWithChildren,
-    elevation: 0
-}
-
-export const Elevated = Template.bind({})
-Elevated.args = {
-    ...argsWithChildren,
-    elevation: 12
+    component: Paper,
+    argTypes: {
+        children: {
+            control: 'text',
+            description: 'The paper children.'
+        },
+        square: {
+            control: 'boolean',
+            description: 'The paper format.'
+        },
+        elevation: {
+            control: 'number',
+            description: 'The paper elevation.'
+        },
+        margin: {
+            control: 'number',
+            description: 'The paper margin.'
+        },
+        padding: {
+            control: 'number',
+            description: 'The paper margin.'
+        }
+    }
 }
 
-export const MaxEletavion = Template.bind({})
-MaxEletavion.args = {
-    ...argsWithChildren,
-    elevation: 24
+export default meta
+
+type Story = StoryObj<typeof Paper>
+
+export const paper: Story = {
+    render: ({ ...args }) => {
+        return <Paper {...args} />
+    },
+    args: {
+        children: 'I am a Paper.',
+        square: false,
+        elevation: 4,
+        padding: 24,
+        margin: 24
+    }
 }
diff --git a/src/experimental/index.ts b/src/experimental/index.ts
deleted file mode 100644
index 5d9318e8..00000000
--- a/src/experimental/index.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-export * from './dialog'
-export { default as Avatar } from './avatar'
-export { default as Actions } from './actions'
-export { default as Breadcrumbs } from './breadcrumbs'
-export { default as AddButton } from './add-button'
-export { default as Card } from './card'
-export { default as Fab } from './fab'
-export { default as Loading } from './loading'
-export { default as NothingFound } from './nothing-found'
-export { default as Panel } from './panel'
-export { default as Skeleton } from './skeleton'
-export { default as PasswordVisibility } from './password-visibility'
diff --git a/src/index.ts b/src/index.ts
index 8602c7f4..b57c7551 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,57 +1,69 @@
+export * from './core/data-display/data-table'
+export * from './core/feedback/dialog-v2'
+export * from './core/inputs/auto-complete-lab'
+
+export { default as Actions } from './core/data-display/actions'
 export { default as Advertise } from './core/data-display/advertise'
+export { default as Avatar } from './core/data-display/avatar'
 export { default as Badge } from './core/data-display/badge'
-export { default as Box } from './core/surfaces/box'
-export { default as Button } from './core/inputs/button'
-export { default as Checkbox } from './core/inputs/checkbox'
+export { default as Chapter } from './core/data-display/chapter'
 export { default as Chip } from './core/data-display/chip'
-export { default as ChipField } from './core/inputs/chip-field'
-export { default as Collapse } from './core/feedback/collapse'
-export { default as DateTime } from './core/inputs/date-time'
-export { default as Dialog } from './core/feedback/dialog'
 export { default as Divider } from './core/data-display/divider'
-export { default as Drawer } from './core/navigation/drawer'
-export { default as ExpansionPanel } from './core/surfaces/expansion-panel'
 export { default as Fab } from './core/data-display/fab'
-export { default as Fade } from './core/feedback/fade'
-export { default as Grow } from './core/feedback/grow'
-export { default as Header } from './core/surfaces/header'
-export { default as IconButton } from './core/inputs/icon-button'
-export { default as InputAdornment } from './core/inputs/input-adornment'
+export { default as FabV2 } from './core/data-display/fab-v2'
 export { default as Line } from './core/data-display/line'
 export { default as List } from './core/data-display/list'
 export { default as ListItem } from './core/data-display/list-item'
-export { default as Menu } from './core/navigation/menu'
-export { default as MaskField } from './core/inputs/mask-field'
 export { default as MenuItem } from './core/data-display/menu-item'
-export { default as Paper } from './core/surfaces/paper'
+export { default as PasswordVisibility } from './core/data-display/password-visibility'
+export { default as Table } from './core/data-display/table'
+export { default as TableBody } from './core/data-display/table/table-body'
+export { default as TableCell } from './core/data-display/table/table-cell'
+export { default as TableHead } from './core/data-display/table/table-head'
+export { default as TableRow } from './core/data-display/table/table-row'
+export { default as Typography } from './core/data-display/typography'
+
+export { default as Collapse } from './core/feedback/collapse'
+export { default as Dialog } from './core/feedback/dialog'
+export { default as Fade } from './core/feedback/fade'
+export { default as Grow } from './core/feedback/grow'
+export { default as Loading } from './core/feedback/loading'
+export { default as NothingFound } from './core/feedback/nothing-found'
 export { default as Progress } from './core/feedback/progress'
+export { default as Skeleton } from './core/feedback/skeleton'
+export { default as Slide } from './core/feedback/slide'
+export { default as SnackBar } from './core/feedback/snackbar'
+export { default as Tooltip } from './core/feedback/tooltip'
+export { default as ValidationDialog } from './core/feedback/validation-dialog/'
+
+export { default as AddButton } from './core/inputs/add-button'
+export { default as Button } from './core/inputs/button'
+export { default as Checkbox } from './core/inputs/checkbox'
+export { default as ChipField } from './core/inputs/chip-field'
+export { default as DateTime } from './core/inputs/date-time'
+export { default as IconButton } from './core/inputs/icon-button'
+export { default as InputAdornment } from './core/inputs/input-adornment'
+export { default as MaskField } from './core/inputs/mask-field'
+export { default as PinInput } from './core/inputs/pin-input'
 export { default as Radio } from './core/inputs/radio'
 export { default as RadioGroup } from './core/inputs/radio-group'
 export { default as Select } from './core/inputs/select'
-export { default as Sidebar } from './core/navigation/sidebar'
-export { default as Slide } from './core/feedback/slide'
 export { default as Slider } from './core/inputs/slider'
-export { default as Snackbar } from './core/feedback/snackbar'
+export { default as TextField } from './core/inputs/text-field'
+
+export { default as Breadcrumbs } from './core/navigation/breadcrumbs'
+export { default as Drawer } from './core/navigation/drawer'
+export { default as Menu } from './core/navigation/menu'
+export { default as Sidebar } from './core/navigation/sidebar'
 export { default as Stepper } from './core/navigation/stepper'
 export { default as Tab } from './core/navigation/tab'
-export { default as Table } from './core/data-display/table'
-export { default as TableBody } from './core/data-display/table/table-body'
-export { default as TableCell } from './core/data-display/table/table-cell'
-export { default as TableHead } from './core/data-display/table/table-head'
-export { default as TableRow } from './core/data-display/table/table-row'
 export { default as Tabs } from './core/navigation/tabs'
-export { default as TextField } from './core/inputs/text-field'
-export { default as Tooltip } from './core/feedback/tooltip'
-export { default as Typography } from './core/data-display/typography'
-export { default as PinInput } from './core/inputs/pin-input'
-export { default as Chapter } from './core/data-display/chapter'
-export { default as DataTable } from './core/data-display/data-table'
-export { default as DataTableField } from './core/data-display/data-table/data-table-field'
+
+export { default as Box } from './core/surfaces/box'
+export { default as Card } from './core/surfaces/card'
+export { default as ExpansionPanel } from './core/surfaces/expansion-panel'
+export { default as Header } from './core/surfaces/header'
+export { default as Panel } from './core/surfaces/panel'
+export { default as Paper } from './core/surfaces/paper'
 export { default as StepCard } from './core/surfaces/step-card'
 export { default as StepCardSkeleton } from './core/surfaces/step-card/step-card-skeleton'
-export { default as ValidationDialog } from './core/feedback/validation-dialog/'
-export * as Experimental from './experimental'
-
-export type { PopperProps } from '@material-ui/core/Popper'
-
-export { default as ClickAwayListener } from '@mui/material/ClickAwayListener'
diff --git a/src/test/mocks/date-time-mock.tsx b/src/test/mocks/date-time-mock.tsx
index 88c371e3..b0192d81 100644
--- a/src/test/mocks/date-time-mock.tsx
+++ b/src/test/mocks/date-time-mock.tsx
@@ -2,7 +2,7 @@ import React, { useState } from 'react'
 import { isValid, startOfDay } from 'date-fns'
 import type { DateTimeProps } from '@/core/inputs/date-time'
 import type { MaterialUiPickersDate } from '@material-ui/pickers/typings/date'
-import { DateTime } from '@/core/inputs/date-time'
+import DateTime from '@/core/inputs/date-time'
 
 interface IProps {
     initialValue?: string
diff --git a/src/test/mocks/pin-input-mock.tsx b/src/test/mocks/pin-input-mock.tsx
index da30d850..9e3257a6 100644
--- a/src/test/mocks/pin-input-mock.tsx
+++ b/src/test/mocks/pin-input-mock.tsx
@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
 import { Button } from '@material-ui/core'
 import type { PinInputGridProps } from '@/core/inputs/pin-input'
-import { PinInput } from '@/core/inputs/pin-input'
+import PinInput from '@/core/inputs/pin-input'
 
 const PIN_LENGTH = 6
 
diff --git a/src/test/mocks/snackbar-mock.tsx b/src/test/mocks/snackbar-mock.tsx
index fec6967e..35b67a5c 100644
--- a/src/test/mocks/snackbar-mock.tsx
+++ b/src/test/mocks/snackbar-mock.tsx
@@ -2,7 +2,8 @@ import React, { useState } from 'react'
 import { IconButton as MuiIconButton } from '@material-ui/core'
 import { Close as IconClose } from '@mui/icons-material'
 import type { SnackBarProps } from '@/core/feedback/snackbar'
-import { Button, Snackbar } from '@/index'
+import SnackBar from '@/core/feedback/snackbar'
+import Button from '@/core/inputs/button'
 
 interface IProps {
     withAction?: boolean
@@ -51,7 +52,7 @@ const Default = ({ snackProps, withAction }: IProps) => {
                 onClick={handleClick}>
                 Open
             </Button>
-            <Snackbar
+            <SnackBar
                 message={snackProps?.message}
                 autoHide={snackProps?.autoHide}
                 action={
diff --git a/src/test/mocks/text-field-mock.tsx b/src/test/mocks/text-field-mock.tsx
index 9b813d27..03d82430 100644
--- a/src/test/mocks/text-field-mock.tsx
+++ b/src/test/mocks/text-field-mock.tsx
@@ -2,7 +2,7 @@ import React, { useState } from 'react'
 import type { ChangeEvent } from 'react'
 import type { TextFieldProps } from '@/core/inputs/text-field'
 import ListItem from '@/core/data-display/list-item'
-import { TextField } from '@/core/inputs/text-field'
+import TextField from '@/core/inputs/text-field'
 
 interface IProps {
     initialOption?: string
diff --git a/src/test/mocks/text-field-options-mock.tsx b/src/test/mocks/text-field-options-mock.tsx
index 976b0937..feac33e1 100644
--- a/src/test/mocks/text-field-options-mock.tsx
+++ b/src/test/mocks/text-field-options-mock.tsx
@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
 import type { ChangeEvent } from 'react'
 import type { IOption, TextFieldProps } from '@/core/inputs/text-field'
-import { TextField } from '@/core/inputs/text-field'
+import TextField from '@/core/inputs/text-field'
 
 interface IProps {
     initialOption?: string

From 7fea9f5b86d67f7d2961a978439e74cfe8043750 Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Wed, 29 May 2024 10:25:03 -0300
Subject: [PATCH 26/27] chore: update dependencies

---
 package.json |  4 ++--
 yarn.lock    | 44 ++++++++++++++++++++++----------------------
 2 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/package.json b/package.json
index c425e4d7..886afd79 100644
--- a/package.json
+++ b/package.json
@@ -39,8 +39,8 @@
         "@material-ui/core": "4.12.4",
         "@material-ui/lab": "4.0.0-alpha.61",
         "@material-ui/pickers": "3.3.11",
-        "@mui/icons-material": "5.15.18",
-        "@mui/material": "5.15.18",
+        "@mui/icons-material": "5.15.19",
+        "@mui/material": "5.15.19",
         "date-fns": "2.30.0",
         "material-ui-chip-input": "2.0.0-beta.2",
         "ramda": "0.25.0",
diff --git a/yarn.lock b/yarn.lock
index eec7b5f0..bbec19d4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1827,26 +1827,26 @@
     clsx "^2.1.0"
     prop-types "^15.8.1"
 
-"@mui/core-downloads-tracker@^5.15.18":
-  version "5.15.18"
-  resolved "https://registry.yarnpkg.com/@mui/core-downloads-tracker/-/core-downloads-tracker-5.15.18.tgz#0f9426409a82f78423bdf504b2a5a3788656d612"
-  integrity sha512-/9pVk+Al8qxAjwFUADv4BRZgMpZM4m5E+2Q/20qhVPuIJWqKp4Ie4tGExac6zu93rgPTYVQGgu+1vjiT0E+cEw==
+"@mui/core-downloads-tracker@^5.15.19":
+  version "5.15.19"
+  resolved "https://registry.yarnpkg.com/@mui/core-downloads-tracker/-/core-downloads-tracker-5.15.19.tgz#7af0025c871f126367a55219486681954e4821d7"
+  integrity sha512-tCHSi/Tomez9ERynFhZRvFO6n9ATyrPs+2N80DMDzp6xDVirbBjEwhPcE+x7Lj+nwYw0SqFkOxyvMP0irnm55w==
 
-"@mui/icons-material@5.15.18":
-  version "5.15.18"
-  resolved "https://registry.yarnpkg.com/@mui/icons-material/-/icons-material-5.15.18.tgz#51e42958ed671589f7a1af19b59372df884bcd61"
-  integrity sha512-jGhyw02TSLM0NgW+MDQRLLRUD/K4eN9rlK2pTBTL1OtzyZmQ8nB060zK1wA0b7cVrIiG+zyrRmNAvGWXwm2N9Q==
+"@mui/icons-material@5.15.19":
+  version "5.15.19"
+  resolved "https://registry.yarnpkg.com/@mui/icons-material/-/icons-material-5.15.19.tgz#0602da80d814af662812659eab891e435ec0d5c0"
+  integrity sha512-RsEiRxA5azN9b8gI7JRqekkgvxQUlitoBOtZglflb8cUDyP12/cP4gRwhb44Ea1/zwwGGjAj66ZJpGHhKfibNA==
   dependencies:
     "@babel/runtime" "^7.23.9"
 
-"@mui/material@5.15.18":
-  version "5.15.18"
-  resolved "https://registry.yarnpkg.com/@mui/material/-/material-5.15.18.tgz#1184e88cebb5c58625ca799531c0611c1fd9a2a8"
-  integrity sha512-n+/dsiqux74fFfcRUJjok+ieNQ7+BEk6/OwX9cLcLvriZrZb+/7Y8+Fd2HlUUbn5N0CDurgAHm0VH1DqyJ9HAw==
+"@mui/material@5.15.19":
+  version "5.15.19"
+  resolved "https://registry.yarnpkg.com/@mui/material/-/material-5.15.19.tgz#a5bd50b6e68cee4ed39ea91dbecede5a020aaa97"
+  integrity sha512-lp5xQBbcRuxNtjpWU0BWZgIrv2XLUz4RJ0RqFXBdESIsKoGCQZ6P3wwU5ZPuj5TjssNiKv9AlM+vHopRxZhvVQ==
   dependencies:
     "@babel/runtime" "^7.23.9"
     "@mui/base" "5.0.0-beta.40"
-    "@mui/core-downloads-tracker" "^5.15.18"
+    "@mui/core-downloads-tracker" "^5.15.19"
     "@mui/system" "^5.15.15"
     "@mui/types" "^7.2.14"
     "@mui/utils" "^5.15.14"
@@ -3204,9 +3204,9 @@
   integrity sha512-nv+GSx77ZtXiJzwKdsASqi+YQ5Z7vwHsTP0JY2SiQgjGckkBRKZnk8nIM+7oUZ1VCtuTz0+By4qVR7fqzp/Dfg==
 
 "@types/emscripten@^1.39.6":
-  version "1.39.12"
-  resolved "https://registry.yarnpkg.com/@types/emscripten/-/emscripten-1.39.12.tgz#e43b4fdd4b389861897d6cbb9665532f3afd5abd"
-  integrity sha512-AQImDBgudQfMqUBfrjZYilRxoHDzTBp+ejh+g1fY67eSMalwIKtBXofjpyI0JBgNpHGzxeGAR2QDya0wxW9zbA==
+  version "1.39.13"
+  resolved "https://registry.yarnpkg.com/@types/emscripten/-/emscripten-1.39.13.tgz#afeb1648648dc096efe57983e20387627306e2aa"
+  integrity sha512-cFq+fO/isvhvmuP/+Sl4K4jtU6E23DoivtbO4r50e3odaxAiVdbfSYRDdJ4gCdxx+3aRjhphS5ZMwIH4hFy/Cw==
 
 "@types/escodegen@^0.0.6":
   version "0.0.6"
@@ -4465,9 +4465,9 @@ camelize@^1.0.0:
   integrity sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==
 
 caniuse-lite@^1.0.30001587:
-  version "1.0.30001624"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001624.tgz#0ec4c8fa7a46e5b785477c70b38a56d0b10058eb"
-  integrity sha512-0dWnQG87UevOCPYaOR49CBcLBwoZLpws+k6W37nLjWUhumP1Isusj0p2u+3KhjNloRWK9OKMgjBBzPujQHw4nA==
+  version "1.0.30001625"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001625.tgz#ead1b155ea691d6a87938754d3cb119c24465b03"
+  integrity sha512-4KE9N2gcRH+HQhpeiRZXd+1niLB/XNLAhSy4z7fI8EzcbcPoAqjNInxVHTiTwWfTIV4w096XG8OtCOCQQKPv3w==
 
 case-sensitive-paths-webpack-plugin@^2.4.0:
   version "2.4.0"
@@ -6017,9 +6017,9 @@ flatted@^3.2.9:
   integrity sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==
 
 flow-parser@0.*:
-  version "0.236.0"
-  resolved "https://registry.yarnpkg.com/flow-parser/-/flow-parser-0.236.0.tgz#8e8e6c59ff7e8d196c0ed215b3919320a1c6e332"
-  integrity sha512-0OEk9Gr+Yj7wjDW2KgaNYUypKau71jAfFyeLQF5iVtxqc6uJHag/MT7pmaEApf4qM7u86DkBcd4ualddYMfbLw==
+  version "0.237.0"
+  resolved "https://registry.yarnpkg.com/flow-parser/-/flow-parser-0.237.0.tgz#eac7f0970ffa613aa84ea026a6fca7d94b6f6136"
+  integrity sha512-pLm2gF5jQ46NlcSx+RZwFeXMr5OEs8j5VvwG04QDAzE7mr4P7TsOSp7YXLdvgD4n4B56NvACgHjBIRkogCIV7A==
 
 for-each@^0.3.3:
   version "0.3.3"

From ea404e9fcf643c83b33572c5819450c1d31edce9 Mon Sep 17 00:00:00 2001
From: Karine Brandelli <karinebrandelli@live.com>
Date: Wed, 29 May 2024 10:25:39 -0300
Subject: [PATCH 27/27] docs: update package version

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 886afd79..77bb4199 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "flipper-ui",
-    "version": "0.31.7",
+    "version": "0.32.0",
     "description": "",
     "main": "dist/index.js",
     "homepage": "https://flipper-ui.ngi.com.br/",