diff --git a/.changeset/clever-worms-breathe.md b/.changeset/clever-worms-breathe.md
new file mode 100644
index 00000000..0921060b
--- /dev/null
+++ b/.changeset/clever-worms-breathe.md
@@ -0,0 +1,5 @@
+---
+'@smile/haring-react': minor
+---
+
+Accessibility Correction unsupported ARIA attributes
diff --git a/.changeset/curvy-zoos-stare.md b/.changeset/curvy-zoos-stare.md
new file mode 100644
index 00000000..9d1b8b60
--- /dev/null
+++ b/.changeset/curvy-zoos-stare.md
@@ -0,0 +1,5 @@
+---
+'@smile/haring-react': minor
+---
+
+make corrections to color contrasts
diff --git a/.changeset/heavy-cows-pay.md b/.changeset/heavy-cows-pay.md
new file mode 100644
index 00000000..2ac178ab
--- /dev/null
+++ b/.changeset/heavy-cows-pay.md
@@ -0,0 +1,5 @@
+---
+'@smile/haring-react-table': minor
+---
+
+Accessibility corrections to table header text
diff --git a/.changeset/khaki-planets-design.md b/.changeset/khaki-planets-design.md
new file mode 100644
index 00000000..0771df15
--- /dev/null
+++ b/.changeset/khaki-planets-design.md
@@ -0,0 +1,5 @@
+---
+'@smile/haring-react': minor
+---
+
+correction to dropdownMenu role
diff --git a/.changeset/lazy-coins-camp.md b/.changeset/lazy-coins-camp.md
new file mode 100644
index 00000000..7847afc9
--- /dev/null
+++ b/.changeset/lazy-coins-camp.md
@@ -0,0 +1,5 @@
+---
+'@smile/haring-react': minor
+---
+
+Creating a floating menu
diff --git a/packages/haring-react-table/src/Components/Table/Table.tsx b/packages/haring-react-table/src/Components/Table/Table.tsx
index 7ff4f937..62fea534 100644
--- a/packages/haring-react-table/src/Components/Table/Table.tsx
+++ b/packages/haring-react-table/src/Components/Table/Table.tsx
@@ -135,7 +135,6 @@ export function Table<Data extends Record<string, unknown>>(
   const table = useMantineReactTable({
     displayColumnDefOptions: {
       'mrt-row-actions': {
-        header: undefined,
         size: 124,
       },
     },
diff --git a/packages/haring-react-table/src/Components/Table/__snapshots__/Table.test.tsx.snap b/packages/haring-react-table/src/Components/Table/__snapshots__/Table.test.tsx.snap
index 2955a4d6..3a304c8f 100644
--- a/packages/haring-react-table/src/Components/Table/__snapshots__/Table.test.tsx.snap
+++ b/packages/haring-react-table/src/Components/Table/__snapshots__/Table.test.tsx.snap
@@ -855,7 +855,9 @@ exports[`Table matches snapshot 1`] = `
                 >
                   <div
                     class="mrt-table-head-cell-content-wrapper MRT_TableHeadCell-module_content-wrapper__py6aJ MRT_TableHeadCell-module_content-wrapper-nowrap__-4aIg m_8bffd616 mantine-Flex-root __m__-r5l"
-                  />
+                  >
+                    Actions
+                  </div>
                 </div>
                 <div
                   class="mrt-table-head-cell-content-actions MRT_TableHeadCell-module_content-actions__utxbm m_8bffd616 mantine-Flex-root __m__-r5n"
diff --git a/packages/haring-react-table/src/Components/TableGridView/__snapshots__/TableGridView.test.tsx.snap b/packages/haring-react-table/src/Components/TableGridView/__snapshots__/TableGridView.test.tsx.snap
index e1650c65..2ba8da07 100644
--- a/packages/haring-react-table/src/Components/TableGridView/__snapshots__/TableGridView.test.tsx.snap
+++ b/packages/haring-react-table/src/Components/TableGridView/__snapshots__/TableGridView.test.tsx.snap
@@ -954,7 +954,9 @@ exports[`TableGridView matches snapshot 1`] = `
                     >
                       <div
                         class="mrt-table-head-cell-content-wrapper MRT_TableHeadCell-module_content-wrapper__py6aJ MRT_TableHeadCell-module_content-wrapper-nowrap__-4aIg m_8bffd616 mantine-Flex-root __m__-r6q"
-                      />
+                      >
+                        Actions
+                      </div>
                     </div>
                     <div
                       class="mrt-table-head-cell-content-actions MRT_TableHeadCell-module_content-actions__utxbm m_8bffd616 mantine-Flex-root __m__-r6s"
diff --git a/packages/haring-react/src/Components/CardHeader/CardHeader.stories.tsx b/packages/haring-react/src/Components/CardHeader/CardHeader.stories.tsx
index cdbda636..06d3f6c9 100644
--- a/packages/haring-react/src/Components/CardHeader/CardHeader.stories.tsx
+++ b/packages/haring-react/src/Components/CardHeader/CardHeader.stories.tsx
@@ -27,7 +27,7 @@ const meta = {
               </Badge>
             </Group>
 
-            <Text color="dimmed" size="sm">
+            <Text c="dark.3" size="sm">
               With Fjord Tours you can explore more of the magical fjord
               landscapes with tours and activities on and around the fjords of
               Norway
diff --git a/packages/haring-react/src/Components/CollapseButton/CollapseButtonControlled.tsx b/packages/haring-react/src/Components/CollapseButton/CollapseButtonControlled.tsx
index 7cb6775f..477e0e8b 100644
--- a/packages/haring-react/src/Components/CollapseButton/CollapseButtonControlled.tsx
+++ b/packages/haring-react/src/Components/CollapseButton/CollapseButtonControlled.tsx
@@ -83,7 +83,6 @@ export function CollapseButtonControlled<
   return (
     <>
       <Button
-        aria-expanded={opened ? 'true' : 'false'}
         classNames={{
           label: labelClasses.join(' '),
           root: rootClasses.join(' '),
diff --git a/packages/haring-react/src/Components/CollapseButton/__snapshots__/CollapseButton.test.tsx.snap b/packages/haring-react/src/Components/CollapseButton/__snapshots__/CollapseButton.test.tsx.snap
index 004045e5..8b3b3cc1 100644
--- a/packages/haring-react/src/Components/CollapseButton/__snapshots__/CollapseButton.test.tsx.snap
+++ b/packages/haring-react/src/Components/CollapseButton/__snapshots__/CollapseButton.test.tsx.snap
@@ -13,7 +13,6 @@ exports[`CollapseButton matches snapshot 1`] = `
     @media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
   </style>
   <div
-    aria-expanded="false"
     class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
     data-block="true"
     data-size="md"
diff --git a/packages/haring-react/src/Components/DataBadge/DataBadge.stories.tsx b/packages/haring-react/src/Components/DataBadge/DataBadge.stories.tsx
index 12c10745..a9745c02 100644
--- a/packages/haring-react/src/Components/DataBadge/DataBadge.stories.tsx
+++ b/packages/haring-react/src/Components/DataBadge/DataBadge.stories.tsx
@@ -1,11 +1,15 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
+import { DEFAULT_THEME } from '@mantine/core';
+
 import { DataBadge as Cmp } from './DataBadge';
 
+const colorOptions = Object.keys(DEFAULT_THEME.colors);
 const meta = {
   argTypes: {
     color: {
-      control: { type: 'color' },
+      control: 'select',
+      options: colorOptions,
     },
   },
   component: Cmp,
diff --git a/packages/haring-react/src/Components/DropdownButton/DropdownButton.tsx b/packages/haring-react/src/Components/DropdownButton/DropdownButton.tsx
index 532f34e8..d3e29e36 100644
--- a/packages/haring-react/src/Components/DropdownButton/DropdownButton.tsx
+++ b/packages/haring-react/src/Components/DropdownButton/DropdownButton.tsx
@@ -12,6 +12,7 @@ export interface IDropdownButtonProps extends MenuProps {
   buttonComponent?: ReactNode;
   children?: ReactNode;
   label?: string;
+  role?: string;
 }
 
 /** Additional props will be forwarded to the [Mantine Menu component](https://mantine.dev/core/menu) */
diff --git a/packages/haring-react/src/Components/FloatingMenu/FloatingMenu.mock.tsx b/packages/haring-react/src/Components/FloatingMenu/FloatingMenu.mock.tsx
new file mode 100644
index 00000000..310eabb8
--- /dev/null
+++ b/packages/haring-react/src/Components/FloatingMenu/FloatingMenu.mock.tsx
@@ -0,0 +1,34 @@
+export const floatingMenuLabelMock = {
+  children: [
+    {
+      hasModal: true,
+      href: '',
+      id: 0,
+      text: 'Document',
+    },
+    {
+      hasModal: false,
+      href: 'https://mantine.dev#1',
+      id: 1,
+      text: 'Favoris ',
+    },
+    {
+      hasModal: true,
+      href: '',
+      id: 2,
+      text: 'Archives',
+    },
+    {
+      hasModal: false,
+      href: 'https://mantine.dev#2',
+      id: 3,
+      text: 'Contrats',
+    },
+    {
+      hasModal: true,
+      href: '',
+      id: 4,
+      text: 'Aide',
+    },
+  ],
+};
diff --git a/packages/haring-react/src/Components/FloatingMenu/FloatingMenu.module.css b/packages/haring-react/src/Components/FloatingMenu/FloatingMenu.module.css
new file mode 100644
index 00000000..79a34e0f
--- /dev/null
+++ b/packages/haring-react/src/Components/FloatingMenu/FloatingMenu.module.css
@@ -0,0 +1,175 @@
+.isOpened {
+  position: relative;
+  justify-content: center;
+  align-items: center;
+  color: white;
+  background-color: var(--mantine-color-cyan-9);
+
+  .floatingMenuLabel {
+    display: block;
+    color: #fff;
+  }
+
+  .floatingMenuButton {
+    color: #fff;
+  }
+  /* noinspection CssInvalidAtRule    */
+  @mixin larger-than $mantine-breakpoint-xs {
+    align-items: flex-start;
+    border-radius: 28px 0px 0px 28px;
+
+    svg {
+      flex: 1 0 25px;
+    }
+  }
+}
+.floatingMenuContainer {
+  position: fixed;
+  bottom: 0;
+  justify-content: space-around;
+  align-items: self-start;
+  flex-direction: row;
+  background-color: white;
+  width: 100%;
+  z-index: 190;
+
+  /*noinspection CssInvalidAtRule*/
+  @mixin larger-than $mantine-breakpoint-xs {
+    justify-content: space-evenly;
+    flex-direction: column;
+    top: 50%;
+    width: 56px;
+    height: max-content;
+    box-shadow: -6px 6px 7px 3px #00000008;
+    transform: translateY(-50%);
+    gap: 5px;
+  }
+}
+@mixin larger-than $mantine-breakpoint-xs {
+  .left {
+    left: 0;
+    border-radius: 0px 8px 8px 0px;
+    .floatingMenuItem {
+      left: calc(-138px + 56px);
+      transition: left 0.3s ease;
+    }
+
+    .floatingMenuItem {
+      justify-content: flex-end;
+      align-items: center;
+
+      &:hover,
+      &.isOpened {
+        justify-content: flex-start;
+        border-radius: 0px 28px 28px 0px;
+        left: 0;
+
+        .floatingMenuLabel {
+          display: block;
+          color: #fff;
+        }
+
+        .floatingMenuButton {
+          color: #fff;
+        }
+      }
+    }
+
+    .floatingMenuButton {
+      span {
+        justify-content: flex-start;
+        flex-direction: row-reverse;
+      }
+    }
+  }
+
+  .right {
+    right: 0;
+    border-radius: 8px 0px 0px 8px;
+
+    .floatingMenuItem {
+      right: 0;
+      transition: right 0.3s ease;
+
+      &:hover,
+      &.isOpened {
+        flex-direction: column;
+        border-radius: 28px 0px 0px 28px;
+        right: calc(138px - 56px);
+
+        .floatingMenuLabel {
+          display: block;
+          color: #fff;
+        }
+
+        .floatingMenuButton {
+          color: #fff;
+        }
+      }
+    }
+  }
+}
+.floatingMenuItem {
+  position: relative;
+  padding: 10px 5px;
+  justify-content: space-between;
+  height: 100%;
+
+  span {
+    flex-direction: column;
+    max-width: 84px;
+    justify-content: flex-start;
+    align-items: center;
+    text-align: center;
+    gap: 5px;
+  }
+
+  &:hover {
+    position: relative;
+    justify-content: center;
+    align-items: center;
+    color: white;
+    background-color: var(--mantine-color-cyan-9);
+
+    /*noinspection CssInvalidAtRule*/
+    @mixin larger-than $mantine-breakpoint-xs {
+      align-items: flex-start;
+      border-radius: 28px 0px 0px 28px;
+
+      svg {
+        flex: 1 0 25px;
+      }
+    }
+  }
+  /*noinspection CssInvalidAtRule*/
+  @mixin larger-than $mantine-breakpoint-xs {
+    width: 138px;
+    padding: 0 15px;
+    height: 56px;
+
+    span {
+      flex-direction: row;
+      max-width: 100%;
+      gap: 0;
+    }
+  }
+}
+
+.floatingMenuButton {
+  width: 100%;
+  height: 100%;
+  border-radius: 0;
+  color: var(--mantine-color-dark-6);
+
+  @mixin larger-than $mantine-breakpoint-xs {
+    height: 59px;
+    align-items: flex-start;
+    border-radius: 28px 0px 0px 28px;
+  }
+}
+
+.floatingMenuLabel {
+  @mixin larger-than $mantine-breakpoint-xs {
+    display: none;
+  }
+}
diff --git a/packages/haring-react/src/Components/FloatingMenu/FloatingMenu.stories.tsx b/packages/haring-react/src/Components/FloatingMenu/FloatingMenu.stories.tsx
new file mode 100644
index 00000000..c82d1357
--- /dev/null
+++ b/packages/haring-react/src/Components/FloatingMenu/FloatingMenu.stories.tsx
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { FloatingMenu as Cmp } from './FloatingMenu';
+import { floatingMenuLabelMock } from './FloatingMenu.mock';
+
+const meta = {
+  component: Cmp,
+  decorators: [
+    (Story) => (
+      <div style={{ height: '500px' }}>
+        <Story />
+      </div>
+    ),
+  ],
+  tags: ['autodocs'],
+  title: '3-custom/Components/FloatingMenu',
+} satisfies Meta<typeof Cmp>;
+
+export default meta;
+type IStory = StoryObj<typeof meta>;
+
+export const FloatingMenu: IStory = {
+  args: {
+    items: floatingMenuLabelMock.children,
+    position: 'right',
+  },
+};
diff --git a/packages/haring-react/src/Components/FloatingMenu/FloatingMenu.tsx b/packages/haring-react/src/Components/FloatingMenu/FloatingMenu.tsx
new file mode 100644
index 00000000..40445a26
--- /dev/null
+++ b/packages/haring-react/src/Components/FloatingMenu/FloatingMenu.tsx
@@ -0,0 +1,103 @@
+'use client';
+import type { ReactElement } from 'react';
+
+import { ActionIcon, Flex, Group, Modal, Text } from '@mantine/core';
+import {
+  CalendarBlank,
+  FileText,
+  Newspaper,
+  Question,
+  Star,
+} from '@phosphor-icons/react';
+import { useState } from 'react';
+
+import classes from './FloatingMenu.module.css';
+
+type IMenuPosition = 'left' | 'right';
+
+export interface IMenuItems {
+  hasModal: boolean;
+  href: string;
+  id: number;
+  text: string;
+}
+
+export interface IFloatingMenuProps {
+  items?: IMenuItems[];
+  position?: IMenuPosition;
+}
+
+const icons = [FileText, Star, Newspaper, CalendarBlank, Question];
+
+export function FloatingMenu(props: IFloatingMenuProps): ReactElement {
+  const { position = 'right', items } = props;
+
+  const [openedItem, setOpenedItem] = useState<number | null>(null);
+
+  const handleOpen = (index: number) => () => {
+    setOpenedItem(openedItem === index ? null : index);
+  };
+
+  const handleClose: () => void = () => {
+    setOpenedItem(null);
+  };
+
+  const positionClass = position === 'right' ? classes.right : classes.left;
+  return (
+    <Flex
+      bg="white"
+      className={`${classes.floatingMenuContainer} ${positionClass}`}
+      mih={50}
+      wrap="wrap"
+    >
+      {items?.map((item, index) => {
+        const Icon = icons[index];
+
+        return (
+          <Group
+            key={`${index + index}`}
+            className={`${classes.floatingMenuItem} ${
+              openedItem === index ? classes.isOpened : ''
+            }`}
+            justify="center"
+            onClick={item.hasModal ? handleOpen(index) : undefined}
+          >
+            <ActionIcon
+              aria-label={item.text}
+              className={classes.floatingMenuButton}
+              color={openedItem === index ? 'white' : 'black'}
+              component={item.hasModal ? 'button' : 'a'}
+              display="flex"
+              href={!item.hasModal ? item.href : ''}
+              variant="transparent"
+            >
+              <Icon size={24} />
+              <Text
+                className={classes.floatingMenuLabel}
+                size="12px"
+                style={{ width: '100%' }}
+                truncate="end"
+              >
+                {item.text}
+              </Text>
+            </ActionIcon>
+
+            {item.hasModal ? (
+              <Modal
+                onClose={handleClose}
+                opened={openedItem === index}
+                overlayProps={{
+                  backgroundOpacity: 0.3,
+                }}
+              >
+                {item.text}
+              </Modal>
+            ) : (
+              ''
+            )}
+          </Group>
+        );
+      })}
+    </Flex>
+  );
+}
diff --git a/packages/haring-react/src/Components/HeaderMenu/__snapshots__/HeaderMenu.test.tsx.snap b/packages/haring-react/src/Components/HeaderMenu/__snapshots__/HeaderMenu.test.tsx.snap
index 471a48e5..05d02718 100644
--- a/packages/haring-react/src/Components/HeaderMenu/__snapshots__/HeaderMenu.test.tsx.snap
+++ b/packages/haring-react/src/Components/HeaderMenu/__snapshots__/HeaderMenu.test.tsx.snap
@@ -130,7 +130,6 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
     style="padding: 0rem;"
   >
     <div
-      aria-expanded="false"
       class="haring-focus haring-active    m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
       data-block="true"
       data-selected="false"
@@ -191,7 +190,6 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
       style="box-sizing: border-box; opacity: 0; transition: opacity 200ms ease; display: none; height: 0px; overflow: hidden;"
     >
       <div
-        aria-expanded="false"
         class="haring-focus haring-active      m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
         data-block="true"
         data-selected="false"
@@ -217,7 +215,6 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
         </span>
       </div>
       <div
-        aria-expanded="false"
         class="haring-focus haring-active      m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
         data-block="true"
         data-selected="false"
@@ -243,7 +240,6 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
         </span>
       </div>
       <div
-        aria-expanded="false"
         class="haring-focus haring-active      m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
         data-block="true"
         data-selected="false"
@@ -304,7 +300,6 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
         style="box-sizing: border-box; opacity: 0; transition: opacity 200ms ease; display: none; height: 0px; overflow: hidden;"
       >
         <div
-          aria-expanded="false"
           class="haring-focus haring-active      m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
           data-block="true"
           data-selected="false"
@@ -330,7 +325,6 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
           </span>
         </div>
         <div
-          aria-expanded="false"
           class="haring-focus haring-active      m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
           data-block="true"
           data-selected="false"
@@ -357,7 +351,6 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
         </div>
       </div>
       <div
-        aria-expanded="false"
         class="haring-focus haring-active      m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
         data-block="true"
         data-selected="false"
@@ -384,7 +377,6 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
       </div>
     </div>
     <div
-      aria-expanded="false"
       class="haring-focus haring-active    m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
       data-block="true"
       data-selected="false"
@@ -410,7 +402,6 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
       </span>
     </div>
     <div
-      aria-expanded="false"
       class="haring-focus haring-active    m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
       data-block="true"
       data-selected="false"
diff --git a/packages/haring-react/src/Components/ResponsiveTabs/ResponsiveTabs.tsx b/packages/haring-react/src/Components/ResponsiveTabs/ResponsiveTabs.tsx
index 343f5183..8538fbca 100644
--- a/packages/haring-react/src/Components/ResponsiveTabs/ResponsiveTabs.tsx
+++ b/packages/haring-react/src/Components/ResponsiveTabs/ResponsiveTabs.tsx
@@ -101,6 +101,7 @@ export function ResponsiveTabs(props: IResponsiveTabs): ReactNode {
             onChange={setOpened}
             opened={opened}
             position="bottom-end"
+            role="tab"
             {...dropdownButtonProps}
           >
             <div className={classes.dropdownContainer}>
diff --git a/packages/haring-react/src/Components/ResponsiveTabs/__snapshots__/ResponsiveTabs.test.tsx.snap b/packages/haring-react/src/Components/ResponsiveTabs/__snapshots__/ResponsiveTabs.test.tsx.snap
index 63b2a4d7..9fa74d64 100644
--- a/packages/haring-react/src/Components/ResponsiveTabs/__snapshots__/ResponsiveTabs.test.tsx.snap
+++ b/packages/haring-react/src/Components/ResponsiveTabs/__snapshots__/ResponsiveTabs.test.tsx.snap
@@ -137,6 +137,7 @@ exports[`ResponsiveTabs matches snapshot 1`] = `
         class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
         data-variant="subtle"
         id="responsive-tabs-overflow-button-target"
+        role="tab"
         style="--ai-radius: var(--mantine-radius-sm); --ai-bg: transparent; --ai-hover: rgba(0, 0, 0, 0.12); --ai-color: gray-9; --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
         type="button"
       >
diff --git a/packages/haring-react/src/Components/SidebarFilters/__snapshots__/SidebarFilters.test.tsx.snap b/packages/haring-react/src/Components/SidebarFilters/__snapshots__/SidebarFilters.test.tsx.snap
index f88bd9e1..68c31611 100644
--- a/packages/haring-react/src/Components/SidebarFilters/__snapshots__/SidebarFilters.test.tsx.snap
+++ b/packages/haring-react/src/Components/SidebarFilters/__snapshots__/SidebarFilters.test.tsx.snap
@@ -17,7 +17,6 @@ exports[`SidebarFilters matches snapshot 1`] = `
   >
     <div>
       <div
-        aria-expanded="true"
         class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
         data-block="true"
         data-size="md"
@@ -219,7 +218,6 @@ exports[`SidebarFilters matches snapshot 1`] = `
         style="padding: 0rem;"
       >
         <div
-          aria-expanded="true"
           class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
           data-block="true"
           data-selected="false"
@@ -424,7 +422,6 @@ exports[`SidebarFilters matches snapshot 1`] = `
           </div>
         </div>
         <div
-          aria-expanded="true"
           class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
           data-block="true"
           data-selected="false"
@@ -485,7 +482,6 @@ exports[`SidebarFilters matches snapshot 1`] = `
           style="box-sizing: border-box; opacity: 1; transition: opacity 200ms ease; border-top: 1px solid #dee2e6;"
         >
           <div
-            aria-expanded="true"
             class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
             data-block="true"
             data-selected="false"
@@ -642,7 +638,6 @@ exports[`SidebarFilters matches snapshot 1`] = `
             </div>
           </div>
           <div
-            aria-expanded="true"
             class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
             data-block="true"
             data-selected="false"
@@ -754,7 +749,6 @@ exports[`SidebarFilters matches snapshot 1`] = `
           </div>
         </div>
         <div
-          aria-expanded="false"
           class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
           data-block="true"
           data-selected="false"
@@ -780,7 +774,6 @@ exports[`SidebarFilters matches snapshot 1`] = `
           </span>
         </div>
         <div
-          aria-expanded="false"
           class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
           data-block="true"
           data-selected="false"
diff --git a/packages/haring-react/src/Components/SidebarMenu/__snapshots__/SidebarMenu.test.tsx.snap b/packages/haring-react/src/Components/SidebarMenu/__snapshots__/SidebarMenu.test.tsx.snap
index 378ff538..c773657b 100644
--- a/packages/haring-react/src/Components/SidebarMenu/__snapshots__/SidebarMenu.test.tsx.snap
+++ b/packages/haring-react/src/Components/SidebarMenu/__snapshots__/SidebarMenu.test.tsx.snap
@@ -16,7 +16,6 @@ exports[`SidebarMenu matches snapshot 1`] = `
     class="m_1b7284a3 mantine-Paper-root"
   >
     <div
-      aria-expanded="false"
       class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
       data-block="true"
       data-selected="false"
@@ -104,7 +103,6 @@ exports[`SidebarMenu matches snapshot 1`] = `
       style="box-sizing: border-box; opacity: 0; transition: opacity 200ms ease; display: none; height: 0px; overflow: hidden;"
     >
       <div
-        aria-expanded="false"
         class="haring-focus haring-active   m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
         data-block="true"
         data-selected="false"
@@ -131,7 +129,6 @@ exports[`SidebarMenu matches snapshot 1`] = `
       </div>
     </div>
     <div
-      aria-expanded="false"
       class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
       data-block="true"
       data-selected="false"
@@ -219,7 +216,6 @@ exports[`SidebarMenu matches snapshot 1`] = `
       style="box-sizing: border-box; opacity: 0; transition: opacity 200ms ease; display: none; height: 0px; overflow: hidden;"
     >
       <div
-        aria-expanded="false"
         class="haring-focus haring-active   m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
         data-block="true"
         data-selected="false"
@@ -246,7 +242,6 @@ exports[`SidebarMenu matches snapshot 1`] = `
       </div>
     </div>
     <div
-      aria-expanded="false"
       class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
       data-block="true"
       data-selected="false"
@@ -334,7 +329,6 @@ exports[`SidebarMenu matches snapshot 1`] = `
       style="box-sizing: border-box; opacity: 0; transition: opacity 200ms ease; display: none; height: 0px; overflow: hidden;"
     >
       <div
-        aria-expanded="false"
         class="haring-focus haring-active   m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
         data-block="true"
         data-selected="false"
@@ -360,7 +354,6 @@ exports[`SidebarMenu matches snapshot 1`] = `
         </span>
       </div>
       <div
-        aria-expanded="false"
         class="haring-focus haring-active   m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
         data-block="true"
         data-selected="false"
@@ -421,7 +414,6 @@ exports[`SidebarMenu matches snapshot 1`] = `
         style="box-sizing: border-box; opacity: 0; transition: opacity 200ms ease; display: none; height: 0px; overflow: hidden;"
       >
         <div
-          aria-expanded="false"
           class="haring-focus haring-active   m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
           data-block="true"
           data-selected="false"
@@ -448,7 +440,6 @@ exports[`SidebarMenu matches snapshot 1`] = `
         </div>
       </div>
       <div
-        aria-expanded="false"
         class="haring-focus haring-active   m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
         data-block="true"
         data-selected="false"
@@ -475,7 +466,6 @@ exports[`SidebarMenu matches snapshot 1`] = `
       </div>
     </div>
     <div
-      aria-expanded="false"
       class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
       data-block="true"
       data-selected="false"
@@ -528,7 +518,6 @@ exports[`SidebarMenu matches snapshot 1`] = `
       </span>
     </div>
     <div
-      aria-expanded="false"
       class="haring-focus haring-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
       data-block="true"
       data-selected="false"
@@ -616,7 +605,6 @@ exports[`SidebarMenu matches snapshot 1`] = `
       style="box-sizing: border-box; opacity: 0; transition: opacity 200ms ease; display: none; height: 0px; overflow: hidden;"
     >
       <div
-        aria-expanded="false"
         class="haring-focus haring-active   m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
         data-block="true"
         data-selected="false"
@@ -677,7 +665,6 @@ exports[`SidebarMenu matches snapshot 1`] = `
         style="box-sizing: border-box; opacity: 0; transition: opacity 200ms ease; display: none; height: 0px; overflow: hidden;"
       >
         <div
-          aria-expanded="false"
           class="haring-focus haring-active   m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
           data-block="true"
           data-selected="false"
@@ -703,7 +690,6 @@ exports[`SidebarMenu matches snapshot 1`] = `
           </span>
         </div>
         <div
-          aria-expanded="false"
           class="haring-focus haring-active   m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
           data-block="true"
           data-selected="false"
@@ -730,7 +716,6 @@ exports[`SidebarMenu matches snapshot 1`] = `
         </div>
       </div>
       <div
-        aria-expanded="false"
         class="haring-focus haring-active   m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
         data-block="true"
         data-selected="false"
diff --git a/packages/haring-react/src/index.tsx b/packages/haring-react/src/index.tsx
index 72ea1b7f..7fc10ed0 100644
--- a/packages/haring-react/src/index.tsx
+++ b/packages/haring-react/src/index.tsx
@@ -28,6 +28,8 @@ export type { IButtonListProps } from './Components/ButtonList/ButtonList';
 export { ButtonList } from './Components/ButtonList/ButtonList';
 export { ActionBar } from './Components/ActionBar/ActionBar';
 export type { IActionBarProps } from './Components/ActionBar/ActionBar';
+export { FloatingMenu } from './Components/FloatingMenu/FloatingMenu';
+export type { IFloatingMenuProps } from './Components/FloatingMenu/FloatingMenu';
 export { ActionList } from './Components/ActionList/ActionList';
 export type {
   IActionListProps,