diff --git a/.storybook/main.ts b/.storybook/main.ts
index 6366c843d..77424fd92 100644
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -1,21 +1,22 @@
 import type { StorybookConfig } from '@storybook/web-components-vite';
 
 const config: StorybookConfig = {
-  stories: ['../stories/**/*.stories.@(js|jsx|ts|tsx)'],
+  stories: ['../stories/**/*.stories.ts'],
   addons: [
     '@storybook/addon-a11y',
     '@storybook/addon-links',
     '@storybook/addon-essentials',
   ],
+  core: {
+    builder: '@storybook/builder-vite',
+  },
   framework: {
     name: '@storybook/web-components-vite',
     options: {},
   },
-  docs: {
-    autodocs: false,
-  },
   viteFinal: async (config, options) => {
     const { mergeConfig } = await import('vite');
+
     if (options.configType === 'PRODUCTION') {
       return mergeConfig(config, {
         build: {
@@ -31,7 +32,7 @@ const config: StorybookConfig = {
       });
     }
 
-    return config;
+    return mergeConfig(config, {});
   },
 };
 
diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
index 147e90004..e1995e6f7 100644
--- a/.storybook/preview-head.html
+++ b/.storybook/preview-head.html
@@ -4,9 +4,6 @@
   href="https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap"
   rel="stylesheet"
 />
-<script>
-  window.global = window;
-</script>
 
 <style>
   body {
diff --git a/package-lock.json b/package-lock.json
index b212ed1ea..8c158cb54 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,13 +18,13 @@
         "@custom-elements-manifest/analyzer": "^0.9.6",
         "@igniteui/material-icons-extended": "^3.0.2",
         "@open-wc/testing": "^4.0.0",
-        "@storybook/addon-a11y": "^8.0.10",
-        "@storybook/addon-actions": "^8.0.10",
-        "@storybook/addon-essentials": "^8.0.10",
-        "@storybook/addon-links": "^8.0.10",
+        "@storybook/addon-a11y": "^8.1.1",
+        "@storybook/addon-actions": "^8.1.1",
+        "@storybook/addon-essentials": "^8.1.1",
+        "@storybook/addon-links": "^8.1.1",
         "@storybook/storybook-deployer": "^2.8.16",
-        "@storybook/web-components": "^8.0.10",
-        "@storybook/web-components-vite": "^8.0.10",
+        "@storybook/web-components": "^8.1.1",
+        "@storybook/web-components-vite": "^8.1.1",
         "@types/mocha": "^10.0.6",
         "@web/test-runner": "^0.18.2",
         "@web/test-runner-playwright": "^0.11.0",
@@ -34,7 +34,7 @@
         "globby": "^14.0.1",
         "husky": "^9.0.11",
         "ig-typedoc-theme": "^5.0.3",
-        "igniteui-theming": "^6.2.0",
+        "igniteui-theming": "^6.3.0",
         "keep-a-changelog": "^2.5.3",
         "lint-staged": "^15.2.2",
         "lit-analyzer": "^2.0.3",
@@ -45,8 +45,8 @@
         "rimraf": "^5.0.7",
         "sass": "^1.77.1",
         "sass-embedded": "^1.77.1",
-        "sinon": "^17.0.2",
-        "storybook": "^8.0.10",
+        "sinon": "^18.0.0",
+        "storybook": "^8.1.1",
         "stylelint": "^16.5.0",
         "stylelint-config-standard-scss": "^13.1.0",
         "stylelint-prettier": "^5.0.0",
@@ -3225,6 +3225,15 @@
         "node": ">=12"
       }
     },
+    "node_modules/@radix-ui/primitive": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.0.1.tgz",
+      "integrity": "sha512-yQ8oGX2GVsEYMWGxcovu1uGWPCxV5BFfeeYxqPmuAzUyLT9qmaMXSAhXpb0WrspIeqYzdJpkh2vHModJPgRIaw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      }
+    },
     "node_modules/@radix-ui/react-compose-refs": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.1.tgz",
@@ -3243,6 +3252,225 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-context": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.0.1.tgz",
+      "integrity": "sha512-ebbrdFoYTcuZ0v4wG5tedGnp9tzcV8awzsxYph7gXUyvnNLuTIcCk1q17JEbnVhXAKG9oX3KtchwiMIAYp9NLg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.0.5.tgz",
+      "integrity": "sha512-GjWJX/AUpB703eEBanuBnIWdIXg6NvJFCXcNlSZk4xdszCdhrJgBoUd1cGk67vFO+WdA2pfI/plOpqz/5GUP6Q==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-dismissable-layer": "1.0.5",
+        "@radix-ui/react-focus-guards": "1.0.1",
+        "@radix-ui/react-focus-scope": "1.0.4",
+        "@radix-ui/react-id": "1.0.1",
+        "@radix-ui/react-portal": "1.0.4",
+        "@radix-ui/react-presence": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-slot": "1.0.2",
+        "@radix-ui/react-use-controllable-state": "1.0.1",
+        "aria-hidden": "^1.1.1",
+        "react-remove-scroll": "2.5.5"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.0.5.tgz",
+      "integrity": "sha512-aJeDjQhywg9LBu2t/At58hCvr7pEm0o2Ke1x33B+MhjNmmZ17sy4KImo0KPLgsnc/zN7GPdce8Cnn0SWvwZO7g==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-use-callback-ref": "1.0.1",
+        "@radix-ui/react-use-escape-keydown": "1.0.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-guards": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.0.1.tgz",
+      "integrity": "sha512-Rect2dWbQ8waGzhMavsIbmSVCgYxkXLxxR3ZvCX79JOglzdEy4JXMb98lq4hPxUbLr77nP0UOGf4rcMU+s1pUA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-scope": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.0.4.tgz",
+      "integrity": "sha512-sL04Mgvf+FmyvZeYfNu1EPAaaxD+aw7cYeIB9L9Fvq8+urhltTRaEo5ysKOpHuKPclsZcSUMKlN05x4u+CINpA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-use-callback-ref": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-id": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.0.1.tgz",
+      "integrity": "sha512-tI7sT/kqYp8p96yGWY1OAnLHrqDgzHefRBKQ2YAkBS5ja7QLcZ9Z/uY7bEjPUatf8RomoXM8/1sMj1IJaE5UzQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-use-layout-effect": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-portal": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.0.4.tgz",
+      "integrity": "sha512-Qki+C/EuGUVCQTOTD5vzJzJuMUlewbzuKyUy+/iHM2uwGiru9gZeBJtHAPKAEkB5KWGi9mP/CHKcY0wt1aW45Q==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-primitive": "1.0.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-presence": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.0.1.tgz",
+      "integrity": "sha512-UXLW4UAbIY5ZjcvzjfRFo5gxva8QirC9hF7wRE4U5gz+TP0DbRk+//qyuAQ1McDxBt1xNMBTaciFGvEmJvAZCg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-use-layout-effect": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-primitive": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-1.0.3.tgz",
+      "integrity": "sha512-yi58uVyoAcK/Nq1inRY56ZSjKypBNKTa/1mcL8qdl6oJeEaDbOldlzrGn7P6Q3Id5d+SYNGc5AJgc4vGhjs5+g==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-slot": "1.0.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-slot": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.2.tgz",
@@ -3262,6 +3490,80 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.1.tgz",
+      "integrity": "sha512-D94LjX4Sp0xJFVaoQOd3OO9k7tpBYNOXdVhkltUbGv2Qb9OXdrg/CpsjlZv7ia14Sylv398LswWBVVu5nqKzAQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-controllable-state": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.0.1.tgz",
+      "integrity": "sha512-Svl5GY5FQeN758fWKrjM6Qb7asvXeiZltlT4U2gVfl8Gx5UAv2sMR0LWo8yhsIZh2oQ0eFdZ59aoOOMV7b47VA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-use-callback-ref": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-escape-keydown": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.0.3.tgz",
+      "integrity": "sha512-vyL82j40hcFicA+M4Ex7hVkB9vHgSse1ZWomAqV2Je3RleKGO5iM8KMOEtfoSB0PnIelMd2lATjTGMYqN5ylTg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-use-callback-ref": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.0.1.tgz",
+      "integrity": "sha512-v/5RegiJWYdoCvMnITBkNNx6bCj20fiaJnWtRkU18yITptraXjffz5Qbn05uOiQnOvi+dbkznkoaMltz1GnszQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@rollup/plugin-node-resolve": {
       "version": "15.2.3",
       "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.2.3.tgz",
@@ -3580,12 +3882,12 @@
       "dev": true
     },
     "node_modules/@storybook/addon-a11y": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-8.0.10.tgz",
-      "integrity": "sha512-ymeTRE1uWplifWUMc3tO5lLGn4buS/hUVWKRM11SqugmxRym55B4thCJU089HAEMY+V/imiCeOE63TT+DGsk8g==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-8.1.1.tgz",
+      "integrity": "sha512-QNDe2nyyfNMGhqnPPrEbrlKjcWisJTcJDKNWFe8q1LQxnTt1ku1oE64NbA4z52Ps9WsLXusCMzwaTlzzOLpYSg==",
       "dev": true,
       "dependencies": {
-        "@storybook/addon-highlight": "8.0.10",
+        "@storybook/addon-highlight": "8.1.1",
         "axe-core": "^4.2.0"
       },
       "funding": {
@@ -3594,12 +3896,12 @@
       }
     },
     "node_modules/@storybook/addon-actions": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-8.0.10.tgz",
-      "integrity": "sha512-IEuc30UAFl7Ws0GwaY/whjBnGaViVEVjmPc+MXUym2wwwJbnCbI+BKJxPoYi/I7QJb5aUNToAE6pl2pDda2g3Q==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-8.1.1.tgz",
+      "integrity": "sha512-EEBjOMuQOdCSVrwPQEkJFc42I0TWj/bK+8lboV0jXi61ZI3okDPCJ/04vu5iTvX0HjRoYqqwBjyYj0Crf7ihag==",
       "dev": true,
       "dependencies": {
-        "@storybook/core-events": "8.0.10",
+        "@storybook/core-events": "8.1.1",
         "@storybook/global": "^5.0.0",
         "@types/uuid": "^9.0.1",
         "dequal": "^2.0.2",
@@ -3612,9 +3914,9 @@
       }
     },
     "node_modules/@storybook/addon-backgrounds": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-8.0.10.tgz",
-      "integrity": "sha512-445SUQqOH5xFJWlNeMu74FEgk26O9Zm/5aqnvmeteB0Q2JLaw7k2q9i/W6XFu97QkRxqA1EGbDxLR3+e1xCjaA==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-8.1.1.tgz",
+      "integrity": "sha512-UFbKI3Ebsllg3DZIlVtYvp1nuLnBp85sKI98KnnYqiHCKWHDWlK7Li0Y1J2ab0w/Fx0grspC8WUgGId6NHrIrA==",
       "dev": true,
       "dependencies": {
         "@storybook/global": "^5.0.0",
@@ -3627,12 +3929,13 @@
       }
     },
     "node_modules/@storybook/addon-controls": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-8.0.10.tgz",
-      "integrity": "sha512-MAUtIJGayNSsfn3VZ6SjQwpRkb4ky+10oVfos+xX9GQ5+7RCs+oYMuE4+aiQvvfXNdV8v0pUGPUPeUzqfJmhOA==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-8.1.1.tgz",
+      "integrity": "sha512-KJXW/hjIWM+VLqqUAvdGIkX7hTDs8FtQOuUFSC/FPDqKveUoWz0hd+WaoT9HhNF8gyzFXYACoeb9XkQVVcDATA==",
       "dev": true,
       "dependencies": {
-        "@storybook/blocks": "8.0.10",
+        "@storybook/blocks": "8.1.1",
+        "dequal": "^2.0.2",
         "lodash": "^4.17.21",
         "ts-dedent": "^2.0.0"
       },
@@ -3642,24 +3945,24 @@
       }
     },
     "node_modules/@storybook/addon-docs": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-8.0.10.tgz",
-      "integrity": "sha512-y+Agoez/hXZHKUMIZHU96T5V1v0cs4ArSNfjqDg9DPYcyQ88ihJNb6ZabIgzmEaJF/NncCW+LofWeUtkTwalkw==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-8.1.1.tgz",
+      "integrity": "sha512-vMU26AYQBstOj73MX3egqJlY/VUjawfWVcTlDJjSa43GzWfp8wrbr1fNXRy2MoLe19UKZ9Kx+m4CfsrGsXHogg==",
       "dev": true,
       "dependencies": {
-        "@babel/core": "^7.12.3",
+        "@babel/core": "^7.24.4",
         "@mdx-js/react": "^3.0.0",
-        "@storybook/blocks": "8.0.10",
-        "@storybook/client-logger": "8.0.10",
-        "@storybook/components": "8.0.10",
-        "@storybook/csf-plugin": "8.0.10",
-        "@storybook/csf-tools": "8.0.10",
+        "@storybook/blocks": "8.1.1",
+        "@storybook/client-logger": "8.1.1",
+        "@storybook/components": "8.1.1",
+        "@storybook/csf-plugin": "8.1.1",
+        "@storybook/csf-tools": "8.1.1",
         "@storybook/global": "^5.0.0",
-        "@storybook/node-logger": "8.0.10",
-        "@storybook/preview-api": "8.0.10",
-        "@storybook/react-dom-shim": "8.0.10",
-        "@storybook/theming": "8.0.10",
-        "@storybook/types": "8.0.10",
+        "@storybook/node-logger": "8.1.1",
+        "@storybook/preview-api": "8.1.1",
+        "@storybook/react-dom-shim": "8.1.1",
+        "@storybook/theming": "8.1.1",
+        "@storybook/types": "8.1.1",
         "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
         "fs-extra": "^11.1.0",
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
@@ -3674,24 +3977,24 @@
       }
     },
     "node_modules/@storybook/addon-essentials": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-8.0.10.tgz",
-      "integrity": "sha512-Uy3+vm7QX+b/9rhW/iFa3EYAAbV1T2LljY9Bj4aTPZHas9Bpvl5ZPnOm/PhybcE8UFHEoVTJ0v3uWb0dsUEigw==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/addon-actions": "8.0.10",
-        "@storybook/addon-backgrounds": "8.0.10",
-        "@storybook/addon-controls": "8.0.10",
-        "@storybook/addon-docs": "8.0.10",
-        "@storybook/addon-highlight": "8.0.10",
-        "@storybook/addon-measure": "8.0.10",
-        "@storybook/addon-outline": "8.0.10",
-        "@storybook/addon-toolbars": "8.0.10",
-        "@storybook/addon-viewport": "8.0.10",
-        "@storybook/core-common": "8.0.10",
-        "@storybook/manager-api": "8.0.10",
-        "@storybook/node-logger": "8.0.10",
-        "@storybook/preview-api": "8.0.10",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-8.1.1.tgz",
+      "integrity": "sha512-1MfjgNuhh0iuSVunrDyZFsDNNs3rkssjqfvqt9FM7/l96cbBku8b39vPUW5kYNtA8wgIYCVXIw6c+9zhhJDoDg==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/addon-actions": "8.1.1",
+        "@storybook/addon-backgrounds": "8.1.1",
+        "@storybook/addon-controls": "8.1.1",
+        "@storybook/addon-docs": "8.1.1",
+        "@storybook/addon-highlight": "8.1.1",
+        "@storybook/addon-measure": "8.1.1",
+        "@storybook/addon-outline": "8.1.1",
+        "@storybook/addon-toolbars": "8.1.1",
+        "@storybook/addon-viewport": "8.1.1",
+        "@storybook/core-common": "8.1.1",
+        "@storybook/manager-api": "8.1.1",
+        "@storybook/node-logger": "8.1.1",
+        "@storybook/preview-api": "8.1.1",
         "ts-dedent": "^2.0.0"
       },
       "funding": {
@@ -3700,9 +4003,9 @@
       }
     },
     "node_modules/@storybook/addon-highlight": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-8.0.10.tgz",
-      "integrity": "sha512-40GB82t1e2LCCjqXcC6Z5lq1yIpA1+Yl5E2tKeggOVwg5HHAX02ESNDdBaIOlCqMkU3WKzjGPurDNOLUAbsV2g==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-8.1.1.tgz",
+      "integrity": "sha512-i27OsZmxBJWV0Yf7aRbke19Yin9F+v0YyAyD2JDulcjdZdsInUd8/qsQQYd3YmTkQ+0S0SnEdeTAJ4qca9KTtA==",
       "dev": true,
       "dependencies": {
         "@storybook/global": "^5.0.0"
@@ -3713,12 +4016,12 @@
       }
     },
     "node_modules/@storybook/addon-links": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-8.0.10.tgz",
-      "integrity": "sha512-+mIyH2UcrgQfAyRM4+ARkB/D0OOY8UMwkZsD8dD23APZ8oru7W/NHX3lXl0WjPfQcOIx/QwWNWI3+DgVZJY3jw==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-8.1.1.tgz",
+      "integrity": "sha512-pY6iDCzb10gaAxhzwfkB+iKJzuDYeZBG2gftt1vIoPSXr/VtkU7HLOb9PNige0ioO3szxV0bqTxFdonzMXCOTA==",
       "dev": true,
       "dependencies": {
-        "@storybook/csf": "^0.1.4",
+        "@storybook/csf": "^0.1.7",
         "@storybook/global": "^5.0.0",
         "ts-dedent": "^2.0.0"
       },
@@ -3727,7 +4030,7 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta"
       },
       "peerDependenciesMeta": {
         "react": {
@@ -3736,9 +4039,9 @@
       }
     },
     "node_modules/@storybook/addon-measure": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-8.0.10.tgz",
-      "integrity": "sha512-quXQwmZJUhOxDIlbXTH6aKYQkwkDpL0UQRkUZn1xuZ2sVKJeaee73QSWqw8HDD4Rz9huS+OrAdVoq/Cz5FoC6A==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-8.1.1.tgz",
+      "integrity": "sha512-aI4cFECK/NmwJTj3Xu6MGrMm4Rf0e+FGB5+BoY+tUi3LTX0spAu/8VgwuoDGB6ntvbZyzPfr6mG2qND9KU+sMQ==",
       "dev": true,
       "dependencies": {
         "@storybook/global": "^5.0.0",
@@ -3750,9 +4053,9 @@
       }
     },
     "node_modules/@storybook/addon-outline": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-8.0.10.tgz",
-      "integrity": "sha512-1eDO2s/vHhhSJo7W5SetqjleUBTZLI08VNP89c4j7vdRKiMZ1DYhr0dqUGIC3w7cDsawI/nQ24wancHHayAnqw==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-8.1.1.tgz",
+      "integrity": "sha512-l/LfxtDdwQ+8FduxsRWEEYhxJ7CetdHcCXh+T8bPaP2tzPqv+jh/F8KqZf3LZcC8HITlp/eyd3VYumWC+OKYFw==",
       "dev": true,
       "dependencies": {
         "@storybook/global": "^5.0.0",
@@ -3764,9 +4067,9 @@
       }
     },
     "node_modules/@storybook/addon-toolbars": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-8.0.10.tgz",
-      "integrity": "sha512-67HP6mTJU/gjRju01Z5HjeqoRiJMDlrMvMvjGBg7w5+tPNtjYqdelfe2+kcfU+Hf6dfcuqaBDwaUUGSv+RYtRQ==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-8.1.1.tgz",
+      "integrity": "sha512-KY6fffSr2mE91CZAp1xtVM2Bcxo/dpA+R8RRt/9kei+6NucaIqpeqa1YTooTD8bUttq1yb/34kMSRgX/W3Qbfg==",
       "dev": true,
       "funding": {
         "type": "opencollective",
@@ -3774,9 +4077,9 @@
       }
     },
     "node_modules/@storybook/addon-viewport": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-8.0.10.tgz",
-      "integrity": "sha512-NJ88Nd/tXreHLyLeF3VP+b8Fu2KtUuJ0L4JYpEMmcdaejGARTrJJOU+pcZBiUqEHFeXQ8rDY8DKXhUJZQFQ1Wg==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-8.1.1.tgz",
+      "integrity": "sha512-AqUYM7mozrIDa/MNHEd2h7jbfKncofx/OUVI8hrbj7VX46OQ5XbvBqgKpPK15c1ejPfx1hiVz9ZYGxA6HXXrjw==",
       "dev": true,
       "dependencies": {
         "memoizerific": "^1.11.3"
@@ -3787,23 +4090,23 @@
       }
     },
     "node_modules/@storybook/blocks": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-8.0.10.tgz",
-      "integrity": "sha512-LOaxvcO2d4dT4YoWlQ0bq/c8qA3aHoqtyuvBjwbVn+359bjMtgj/91YuP9Y2+ggZZ4p+ttgvk39PcmJlNXlJsw==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-8.1.1.tgz",
+      "integrity": "sha512-D+jUlkA2dxYPSY97+yM5sbLXPABKlsZAhmDy6gw05UoSpfBu1MnKd18Qj4fTbyqLYIJGH9z/whGd3tTcuZn8KQ==",
       "dev": true,
       "dependencies": {
-        "@storybook/channels": "8.0.10",
-        "@storybook/client-logger": "8.0.10",
-        "@storybook/components": "8.0.10",
-        "@storybook/core-events": "8.0.10",
-        "@storybook/csf": "^0.1.4",
-        "@storybook/docs-tools": "8.0.10",
+        "@storybook/channels": "8.1.1",
+        "@storybook/client-logger": "8.1.1",
+        "@storybook/components": "8.1.1",
+        "@storybook/core-events": "8.1.1",
+        "@storybook/csf": "^0.1.7",
+        "@storybook/docs-tools": "8.1.1",
         "@storybook/global": "^5.0.0",
         "@storybook/icons": "^1.2.5",
-        "@storybook/manager-api": "8.0.10",
-        "@storybook/preview-api": "8.0.10",
-        "@storybook/theming": "8.0.10",
-        "@storybook/types": "8.0.10",
+        "@storybook/manager-api": "8.1.1",
+        "@storybook/preview-api": "8.1.1",
+        "@storybook/theming": "8.1.1",
+        "@storybook/types": "8.1.1",
         "@types/lodash": "^4.14.167",
         "color-convert": "^2.0.1",
         "dequal": "^2.0.2",
@@ -3822,8 +4125,8 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta"
       },
       "peerDependenciesMeta": {
         "react": {
@@ -3835,19 +4138,19 @@
       }
     },
     "node_modules/@storybook/builder-manager": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/builder-manager/-/builder-manager-8.0.10.tgz",
-      "integrity": "sha512-lo57jeeYuYCKYrmGOdLg25rMyiGYSTwJ+zYsQ3RvClVICjP6X0I1RCKAJDzkI0BixH6s1+w5ynD6X3PtDnhUuw==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/builder-manager/-/builder-manager-8.1.1.tgz",
+      "integrity": "sha512-WKpeDCtsmsesQYYYcXlCP17U1wdMGv6LnRY9BetKYbUPSHJo4eUBH8NmfW/ZjogczaUDw9sml6Sq5jIT35+Yuw==",
       "dev": true,
       "dependencies": {
         "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-        "@storybook/core-common": "8.0.10",
-        "@storybook/manager": "8.0.10",
-        "@storybook/node-logger": "8.0.10",
+        "@storybook/core-common": "8.1.1",
+        "@storybook/manager": "8.1.1",
+        "@storybook/node-logger": "8.1.1",
         "@types/ejs": "^3.1.1",
         "@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.10",
         "browser-assert": "^1.2.1",
-        "ejs": "^3.1.8",
+        "ejs": "^3.1.10",
         "esbuild": "^0.18.0 || ^0.19.0 || ^0.20.0",
         "esbuild-plugin-alias": "^0.2.1",
         "express": "^4.17.3",
@@ -3861,23 +4164,23 @@
       }
     },
     "node_modules/@storybook/builder-vite": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-8.0.10.tgz",
-      "integrity": "sha512-Rod/2jYvF4Ng1MjIMZEXe/3z0lPuxkRtetCTr3ECPgi83lHXpHJ+N0NVfJEMs+pXsVqkLP3iGt2hLn6D6yFMwA==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/channels": "8.0.10",
-        "@storybook/client-logger": "8.0.10",
-        "@storybook/core-common": "8.0.10",
-        "@storybook/core-events": "8.0.10",
-        "@storybook/csf-plugin": "8.0.10",
-        "@storybook/node-logger": "8.0.10",
-        "@storybook/preview": "8.0.10",
-        "@storybook/preview-api": "8.0.10",
-        "@storybook/types": "8.0.10",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-8.1.1.tgz",
+      "integrity": "sha512-+BSmXuZ9j95oKCvHcKztzjZNzBVeXYMoRO2TuflLnknMUA0v9ySp1PhiQxHM4DgAW6t9db1akzc9HoTA5sjTWg==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/channels": "8.1.1",
+        "@storybook/client-logger": "8.1.1",
+        "@storybook/core-common": "8.1.1",
+        "@storybook/core-events": "8.1.1",
+        "@storybook/csf-plugin": "8.1.1",
+        "@storybook/node-logger": "8.1.1",
+        "@storybook/preview": "8.1.1",
+        "@storybook/preview-api": "8.1.1",
+        "@storybook/types": "8.1.1",
         "@types/find-cache-dir": "^3.2.1",
         "browser-assert": "^1.2.1",
-        "es-module-lexer": "^0.9.3",
+        "es-module-lexer": "^1.5.0",
         "express": "^4.17.3",
         "find-cache-dir": "^3.0.0",
         "fs-extra": "^11.1.0",
@@ -3906,14 +4209,20 @@
         }
       }
     },
+    "node_modules/@storybook/builder-vite/node_modules/es-module-lexer": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.5.2.tgz",
+      "integrity": "sha512-l60ETUTmLqbVbVHv1J4/qj+M8nq7AwMzEcg3kmJDt9dCNrTk+yHcYFf/Kw75pMDwd9mPcIGCG5LcS20SxYRzFA==",
+      "dev": true
+    },
     "node_modules/@storybook/channels": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-8.0.10.tgz",
-      "integrity": "sha512-3JLxfD7czlx31dAGvAYJ4J4BNE/Y2+hhj/dsV3xlQTHKVpnWknaoeYEC1a6YScyfsH6W+XmP2rzZKzH4EkLSGQ==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-8.1.1.tgz",
+      "integrity": "sha512-vG7y97QB++TRkuxYLNKaWJmgr9QBUHyjQgNCWvHIeSYW5zxum9sm6VSR2j1r2G3XUGFSxDwenYBTQuwZJLhWNQ==",
       "dev": true,
       "dependencies": {
-        "@storybook/client-logger": "8.0.10",
-        "@storybook/core-events": "8.0.10",
+        "@storybook/client-logger": "8.1.1",
+        "@storybook/core-events": "8.1.1",
         "@storybook/global": "^5.0.0",
         "telejson": "^7.2.0",
         "tiny-invariant": "^1.3.1"
@@ -3924,22 +4233,22 @@
       }
     },
     "node_modules/@storybook/cli": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-8.0.10.tgz",
-      "integrity": "sha512-KUZEO2lyvOS2sRJEFXovt6+5b65iWsh7F8e8S1cM20fCM1rZAlWtwmoxmDVXDmyEp0wTrq4FrRxKnbo9UO518w==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-8.1.1.tgz",
+      "integrity": "sha512-ajLLIQnHjXpzUhYJ51b0eL/3uNuOjkbcx/B8HbgSbArBy7QvB9sX44wPJZYjL3GASYaZAppWixS2r36O/3yu+w==",
       "dev": true,
       "dependencies": {
-        "@babel/core": "^7.23.0",
-        "@babel/types": "^7.23.0",
+        "@babel/core": "^7.24.4",
+        "@babel/types": "^7.24.0",
         "@ndelangen/get-tarball": "^3.0.7",
-        "@storybook/codemod": "8.0.10",
-        "@storybook/core-common": "8.0.10",
-        "@storybook/core-events": "8.0.10",
-        "@storybook/core-server": "8.0.10",
-        "@storybook/csf-tools": "8.0.10",
-        "@storybook/node-logger": "8.0.10",
-        "@storybook/telemetry": "8.0.10",
-        "@storybook/types": "8.0.10",
+        "@storybook/codemod": "8.1.1",
+        "@storybook/core-common": "8.1.1",
+        "@storybook/core-events": "8.1.1",
+        "@storybook/core-server": "8.1.1",
+        "@storybook/csf-tools": "8.1.1",
+        "@storybook/node-logger": "8.1.1",
+        "@storybook/telemetry": "8.1.1",
+        "@storybook/types": "8.1.1",
         "@types/semver": "^7.3.4",
         "@yarnpkg/fslib": "2.10.3",
         "@yarnpkg/libzip": "2.3.0",
@@ -3953,7 +4262,7 @@
         "fs-extra": "^11.1.0",
         "get-npm-tarball-url": "^2.0.3",
         "giget": "^1.0.0",
-        "globby": "^11.0.2",
+        "globby": "^14.0.1",
         "jscodeshift": "^0.15.1",
         "leven": "^3.1.0",
         "ora": "^5.4.1",
@@ -4015,26 +4324,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/@storybook/cli/node_modules/globby": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
-      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
-      "dev": true,
-      "dependencies": {
-        "array-union": "^2.1.0",
-        "dir-glob": "^3.0.1",
-        "fast-glob": "^3.2.9",
-        "ignore": "^5.2.0",
-        "merge2": "^1.4.1",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/@storybook/cli/node_modules/has-flag": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
@@ -4069,9 +4358,9 @@
       }
     },
     "node_modules/@storybook/client-logger": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-8.0.10.tgz",
-      "integrity": "sha512-u38SbZNAunZzxZNHMJb9jkUwFkLyWxmvp4xtiRM3u9sMUShXoTnzbw1yKrxs+kYJjg+58UQPZ1JhEBRcHt5Oww==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-8.1.1.tgz",
+      "integrity": "sha512-9AWPgIN3K0eLusChJUqB5Ft+9P2pW5/s4vOMoj3TCvu8lrdq8AH8ctvxk7x2Kw2wEwQ/g9DyE6C/rDQUARbxew==",
       "dev": true,
       "dependencies": {
         "@storybook/global": "^5.0.0"
@@ -4082,21 +4371,21 @@
       }
     },
     "node_modules/@storybook/codemod": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-8.0.10.tgz",
-      "integrity": "sha512-t45jKGs/eyR/nKVX6QgRtMZSAjJo5aXWWk3B24xVbW6ywr0jt1LC100FkHG4Af8cApIfh8uUmS9X05hMG5zGGA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/core": "^7.23.2",
-        "@babel/preset-env": "^7.23.2",
-        "@babel/types": "^7.23.0",
-        "@storybook/csf": "^0.1.4",
-        "@storybook/csf-tools": "8.0.10",
-        "@storybook/node-logger": "8.0.10",
-        "@storybook/types": "8.0.10",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-8.1.1.tgz",
+      "integrity": "sha512-KfNf0XtMb2Hq1+v+2d660u2VhmmG5IMhPfdSClHh8Mer90CEGKvZpZQLn/Ph1REvzKfCW+MzEgn/JrEcJs8fHg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/core": "^7.24.4",
+        "@babel/preset-env": "^7.24.4",
+        "@babel/types": "^7.24.0",
+        "@storybook/csf": "^0.1.7",
+        "@storybook/csf-tools": "8.1.1",
+        "@storybook/node-logger": "8.1.1",
+        "@storybook/types": "8.1.1",
         "@types/cross-spawn": "^6.0.2",
         "cross-spawn": "^7.0.3",
-        "globby": "^11.0.2",
+        "globby": "^14.0.1",
         "jscodeshift": "^0.15.1",
         "lodash": "^4.17.21",
         "prettier": "^3.1.1",
@@ -4108,39 +4397,20 @@
         "url": "https://opencollective.com/storybook"
       }
     },
-    "node_modules/@storybook/codemod/node_modules/globby": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
-      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
-      "dev": true,
-      "dependencies": {
-        "array-union": "^2.1.0",
-        "dir-glob": "^3.0.1",
-        "fast-glob": "^3.2.9",
-        "ignore": "^5.2.0",
-        "merge2": "^1.4.1",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/@storybook/components": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.0.10.tgz",
-      "integrity": "sha512-eo+oDDcm35YBB3dtDYDfcjJypNVPmRty85VWpAOBsJXpwp/fgU8csx0DM3KmhrQ4cWLf2WzcFowJwI1w+J88Sw==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.1.1.tgz",
+      "integrity": "sha512-0JxYXMb9nlTBAJJXRdn3IjlgXx07gylnTOqa7t3UgOiVDEVPs+1x9LtHU408igcZ5gtcrZepg46O9gz0sdgSfQ==",
       "dev": true,
       "dependencies": {
+        "@radix-ui/react-dialog": "^1.0.5",
         "@radix-ui/react-slot": "^1.0.2",
-        "@storybook/client-logger": "8.0.10",
-        "@storybook/csf": "^0.1.4",
+        "@storybook/client-logger": "8.1.1",
+        "@storybook/csf": "^0.1.7",
         "@storybook/global": "^5.0.0",
         "@storybook/icons": "^1.2.5",
-        "@storybook/theming": "8.0.10",
-        "@storybook/types": "8.0.10",
+        "@storybook/theming": "8.1.1",
+        "@storybook/types": "8.1.1",
         "memoizerific": "^1.11.3",
         "util-deprecate": "^1.0.2"
       },
@@ -4149,20 +4419,20 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta"
       }
     },
     "node_modules/@storybook/core-common": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-8.0.10.tgz",
-      "integrity": "sha512-hsFlPieputaDQoxstnPa3pykTc4bUwEDgCHf8U43+/Z7qmLOQ9fpG+2CFW930rsCRghYpPreOvsmhY7lsGKWLQ==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-8.1.1.tgz",
+      "integrity": "sha512-cjECiKD8+fdlhf3UGrjgrPMBeBwB/gbF5ZVLpa1EYFsr23BHGnZADpmyCb71fl+aUSiGuZ106AS6RQt20w7fXw==",
       "dev": true,
       "dependencies": {
-        "@storybook/core-events": "8.0.10",
-        "@storybook/csf-tools": "8.0.10",
-        "@storybook/node-logger": "8.0.10",
-        "@storybook/types": "8.0.10",
+        "@storybook/core-events": "8.1.1",
+        "@storybook/csf-tools": "8.1.1",
+        "@storybook/node-logger": "8.1.1",
+        "@storybook/types": "8.1.1",
         "@yarnpkg/fslib": "2.10.3",
         "@yarnpkg/libzip": "2.3.0",
         "chalk": "^4.1.0",
@@ -4180,6 +4450,7 @@
         "node-fetch": "^2.0.0",
         "picomatch": "^2.3.0",
         "pkg-dir": "^5.0.0",
+        "prettier-fallback": "npm:prettier@^3",
         "pretty-hrtime": "^1.0.3",
         "resolve-from": "^5.0.0",
         "semver": "^7.3.7",
@@ -4191,6 +4462,14 @@
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "prettier": "^2 || ^3"
+      },
+      "peerDependenciesMeta": {
+        "prettier": {
+          "optional": true
+        }
       }
     },
     "node_modules/@storybook/core-common/node_modules/ansi-styles": {
@@ -4258,11 +4537,12 @@
       }
     },
     "node_modules/@storybook/core-events": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-8.0.10.tgz",
-      "integrity": "sha512-TuHPS6p5ZNr4vp4butLb4R98aFx0NRYCI/7VPhJEUH5rPiqNzE3PZd8DC8rnVxavsJ+jO1/y+egNKXRYkEcoPQ==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-8.1.1.tgz",
+      "integrity": "sha512-WpeiBV6RWTZ6t8SI1YdQh8NlbvQtZs9WRr4CPfpzHAly+oxFy6PtPz0h5TMKsU5/kt/L9yL7tE9ZzPYzvFWH/A==",
       "dev": true,
       "dependencies": {
+        "@storybook/csf": "^0.1.7",
         "ts-dedent": "^2.0.0"
       },
       "funding": {
@@ -4271,29 +4551,31 @@
       }
     },
     "node_modules/@storybook/core-server": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/core-server/-/core-server-8.0.10.tgz",
-      "integrity": "sha512-HYDw2QFBxg1X/d6g0rUhirOB5Jq6g90HBnyrZzxKoqKWJCNsCADSgM+h9HgtUw0jA97qBpIqmNO9n3mXFPWU/Q==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/core-server/-/core-server-8.1.1.tgz",
+      "integrity": "sha512-/r70ORN9PdrLTLOeZfZkYhR/UBe6dj5DhcQ21zJhKU/0b10nuLJh4SGVD93Hah2wAYEN7YoJzX1bZMo6zRkTRQ==",
       "dev": true,
       "dependencies": {
         "@aw-web-design/x-default-browser": "1.4.126",
-        "@babel/core": "^7.23.9",
+        "@babel/core": "^7.24.4",
+        "@babel/parser": "^7.24.4",
         "@discoveryjs/json-ext": "^0.5.3",
-        "@storybook/builder-manager": "8.0.10",
-        "@storybook/channels": "8.0.10",
-        "@storybook/core-common": "8.0.10",
-        "@storybook/core-events": "8.0.10",
-        "@storybook/csf": "^0.1.4",
-        "@storybook/csf-tools": "8.0.10",
-        "@storybook/docs-mdx": "3.0.0",
+        "@storybook/builder-manager": "8.1.1",
+        "@storybook/channels": "8.1.1",
+        "@storybook/core-common": "8.1.1",
+        "@storybook/core-events": "8.1.1",
+        "@storybook/csf": "^0.1.7",
+        "@storybook/csf-tools": "8.1.1",
+        "@storybook/docs-mdx": "3.1.0-next.0",
         "@storybook/global": "^5.0.0",
-        "@storybook/manager": "8.0.10",
-        "@storybook/manager-api": "8.0.10",
-        "@storybook/node-logger": "8.0.10",
-        "@storybook/preview-api": "8.0.10",
-        "@storybook/telemetry": "8.0.10",
-        "@storybook/types": "8.0.10",
+        "@storybook/manager": "8.1.1",
+        "@storybook/manager-api": "8.1.1",
+        "@storybook/node-logger": "8.1.1",
+        "@storybook/preview-api": "8.1.1",
+        "@storybook/telemetry": "8.1.1",
+        "@storybook/types": "8.1.1",
         "@types/detect-port": "^1.3.0",
+        "@types/diff": "^5.0.9",
         "@types/node": "^18.0.0",
         "@types/pretty-hrtime": "^1.0.0",
         "@types/semver": "^7.3.4",
@@ -4302,9 +4584,10 @@
         "cli-table3": "^0.6.1",
         "compression": "^1.7.4",
         "detect-port": "^1.3.0",
+        "diff": "^5.2.0",
         "express": "^4.17.3",
         "fs-extra": "^11.1.0",
-        "globby": "^11.0.2",
+        "globby": "^14.0.1",
         "ip": "^2.0.1",
         "lodash": "^4.17.21",
         "open": "^8.4.0",
@@ -4365,26 +4648,6 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
-    "node_modules/@storybook/core-server/node_modules/globby": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
-      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
-      "dev": true,
-      "dependencies": {
-        "array-union": "^2.1.0",
-        "dir-glob": "^3.0.1",
-        "fast-glob": "^3.2.9",
-        "ignore": "^5.2.0",
-        "merge2": "^1.4.1",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/@storybook/core-server/node_modules/has-flag": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
@@ -4419,21 +4682,21 @@
       }
     },
     "node_modules/@storybook/csf": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.4.tgz",
-      "integrity": "sha512-B9UI/lsQMjF+oEfZCI6YXNoeuBcGZoOP5x8yKbe2tIEmsMjSztFKkpPzi5nLCnBk/MBtl6QJeI3ksJnbsWPkOw==",
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.7.tgz",
+      "integrity": "sha512-53JeLZBibjQxi0Ep+/AJTfxlofJlxy1jXcSKENlnKxHjWEYyHQCumMP5yTFjf7vhNnMjEpV3zx6t23ssFiGRyw==",
       "dev": true,
       "dependencies": {
         "type-fest": "^2.19.0"
       }
     },
     "node_modules/@storybook/csf-plugin": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-8.0.10.tgz",
-      "integrity": "sha512-0EsyEx/06sCjI8sn40r7cABtBU1vUKPMPD+S5mJiZymm73BgdARj0qZOlLoK2LP+t2pcaB/Cn7KX/uyhhv7M2g==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-8.1.1.tgz",
+      "integrity": "sha512-aZ2F3PY601MuW8xWf7/f928/anhZyaXYnysa8ViHooBEnJS1FBJfCsDDSM54FTDRyyOQF6AZtHeY53snd+e9ng==",
       "dev": true,
       "dependencies": {
-        "@storybook/csf-tools": "8.0.10",
+        "@storybook/csf-tools": "8.1.1",
         "unplugin": "^1.3.1"
       },
       "funding": {
@@ -4442,17 +4705,17 @@
       }
     },
     "node_modules/@storybook/csf-tools": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-8.0.10.tgz",
-      "integrity": "sha512-xUc6fVIKoCujf/7JZhkYjrVXeNsTSoDrZFNmqLEmtfktJVqYdXY4LuSAtlBmAIyETi09ULTuuVexrcKFwjzuBA==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-8.1.1.tgz",
+      "integrity": "sha512-BaS1bFx8Rj9Nj7gxsJrifu9lFoli7CD4DxBGEeagVOvCcBX95RI0I9JLhr81LdMl5DwPP1xBGZjCVNsC7eIR4w==",
       "dev": true,
       "dependencies": {
-        "@babel/generator": "^7.23.0",
-        "@babel/parser": "^7.23.0",
-        "@babel/traverse": "^7.23.2",
-        "@babel/types": "^7.23.0",
-        "@storybook/csf": "^0.1.4",
-        "@storybook/types": "8.0.10",
+        "@babel/generator": "^7.24.4",
+        "@babel/parser": "^7.24.4",
+        "@babel/traverse": "^7.24.1",
+        "@babel/types": "^7.24.0",
+        "@storybook/csf": "^0.1.7",
+        "@storybook/types": "8.1.1",
         "fs-extra": "^11.1.0",
         "recast": "^0.23.5",
         "ts-dedent": "^2.0.0"
@@ -4463,21 +4726,21 @@
       }
     },
     "node_modules/@storybook/docs-mdx": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@storybook/docs-mdx/-/docs-mdx-3.0.0.tgz",
-      "integrity": "sha512-NmiGXl2HU33zpwTv1XORe9XG9H+dRUC1Jl11u92L4xr062pZtrShLmD4VKIsOQujxhhOrbxpwhNOt+6TdhyIdQ==",
+      "version": "3.1.0-next.0",
+      "resolved": "https://registry.npmjs.org/@storybook/docs-mdx/-/docs-mdx-3.1.0-next.0.tgz",
+      "integrity": "sha512-t4syFIeSyufieNovZbLruPt2DmRKpbwL4fERCZ1MifWDRIORCKLc4NCEHy+IqvIqd71/SJV2k4B51nF7vlJfmQ==",
       "dev": true
     },
     "node_modules/@storybook/docs-tools": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/docs-tools/-/docs-tools-8.0.10.tgz",
-      "integrity": "sha512-rg9KS81vEh13VMr4mAgs+7L4kYqoRtG7kVfV1WHxzJxjR3wYcVR0kP9gPTWV4Xha/TA3onHu9sxKxMTWha0urQ==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/docs-tools/-/docs-tools-8.1.1.tgz",
+      "integrity": "sha512-BPq9e6bl4uRru0GSLHS56eg0SV5LEMJSzrMIzeSrTf9xoZdBeLM05oblo2oebEGZUE97uduhKoaUeUJtsuMIxw==",
       "dev": true,
       "dependencies": {
-        "@storybook/core-common": "8.0.10",
-        "@storybook/core-events": "8.0.10",
-        "@storybook/preview-api": "8.0.10",
-        "@storybook/types": "8.0.10",
+        "@storybook/core-common": "8.1.1",
+        "@storybook/core-events": "8.1.1",
+        "@storybook/preview-api": "8.1.1",
+        "@storybook/types": "8.1.1",
         "@types/doctrine": "^0.0.3",
         "assert": "^2.1.0",
         "doctrine": "^3.0.0",
@@ -4508,9 +4771,9 @@
       }
     },
     "node_modules/@storybook/manager": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/manager/-/manager-8.0.10.tgz",
-      "integrity": "sha512-bojGglUQNry48L4siURc2zQKswavLzMh69rqsfL3ZXx+i+USfRfB7593azTlaZh0q6HO4bUAjB24RfQCyifLLQ==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/manager/-/manager-8.1.1.tgz",
+      "integrity": "sha512-b3Oa9QsCbkTpH0LCKkMYDXtFYb1QpDc45EIFIm5Ib2tlilPQkx+a7jNpJG1/SKnYBwAO7iYjxN8iW9MwMLoCig==",
       "dev": true,
       "funding": {
         "type": "opencollective",
@@ -4518,20 +4781,20 @@
       }
     },
     "node_modules/@storybook/manager-api": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.0.10.tgz",
-      "integrity": "sha512-LLu6YKQLWf5QB3h3RO8IevjLrSOew7aidIQPr9DIr9xC8wA7N2fQabr+qrJdE306p3cHZ0nzhYNYZxSjm4Dvdw==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.1.1.tgz",
+      "integrity": "sha512-IDPFxFFArO3l7P8vPjBxDBc6V255FJLx9W+eCOMdJJRZcovxrCkYOB0wRd+fw/IDtGt1zgPBfA6WD/JQAa1hlw==",
       "dev": true,
       "dependencies": {
-        "@storybook/channels": "8.0.10",
-        "@storybook/client-logger": "8.0.10",
-        "@storybook/core-events": "8.0.10",
-        "@storybook/csf": "^0.1.4",
+        "@storybook/channels": "8.1.1",
+        "@storybook/client-logger": "8.1.1",
+        "@storybook/core-events": "8.1.1",
+        "@storybook/csf": "^0.1.7",
         "@storybook/global": "^5.0.0",
         "@storybook/icons": "^1.2.5",
-        "@storybook/router": "8.0.10",
-        "@storybook/theming": "8.0.10",
-        "@storybook/types": "8.0.10",
+        "@storybook/router": "8.1.1",
+        "@storybook/theming": "8.1.1",
+        "@storybook/types": "8.1.1",
         "dequal": "^2.0.2",
         "lodash": "^4.17.21",
         "memoizerific": "^1.11.3",
@@ -4545,9 +4808,9 @@
       }
     },
     "node_modules/@storybook/node-logger": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-8.0.10.tgz",
-      "integrity": "sha512-UMmaUaA3VOX/mKLsSvOnbZre2/1tZ6hazA6H0eAnClKb51jRD1AJrsBYK+uHr/CAp7t710bB5U8apPov7hayDw==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-8.1.1.tgz",
+      "integrity": "sha512-l+B8eu3yBZfrHvCR/FVqGyObgA0KSLp+06NkWDMn0p7qu0tCTROquopKdn2gXKitZp8wGwhgJV56OvW5C12XQA==",
       "dev": true,
       "funding": {
         "type": "opencollective",
@@ -4555,9 +4818,9 @@
       }
     },
     "node_modules/@storybook/preview": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/preview/-/preview-8.0.10.tgz",
-      "integrity": "sha512-op7gZqop8PSFyPA4tc1Zds8jG6VnskwpYUUsa44pZoEez9PKEFCf4jE+7AQwbBS3hnuCb0CKBfASN8GRyoznbw==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/preview/-/preview-8.1.1.tgz",
+      "integrity": "sha512-P8iBi9v/62AhTztbCYjVxH6idNO0h9uO583GHwi3uq2Io7F1gUSgwG/HYZ7PnclOsMnmG0FJvAwrvdRc6sWSNw==",
       "dev": true,
       "funding": {
         "type": "opencollective",
@@ -4565,17 +4828,17 @@
       }
     },
     "node_modules/@storybook/preview-api": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-8.0.10.tgz",
-      "integrity": "sha512-uZ6btF7Iloz9TnDcKLQ5ydi2YK0cnulv/8FLQhBCwSrzLLLb+T2DGz0cAeuWZEvMUNWNmkWJ9PAFQFs09/8p/Q==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-8.1.1.tgz",
+      "integrity": "sha512-5EcByqtJgj7a7ZWICMLif8mK3cRmdIMbdSPEDf4X6aTQ8LZOg6updLrkb/Eh6qfeYv46TK/MP8BXa89wfOxWGQ==",
       "dev": true,
       "dependencies": {
-        "@storybook/channels": "8.0.10",
-        "@storybook/client-logger": "8.0.10",
-        "@storybook/core-events": "8.0.10",
-        "@storybook/csf": "^0.1.4",
+        "@storybook/channels": "8.1.1",
+        "@storybook/client-logger": "8.1.1",
+        "@storybook/core-events": "8.1.1",
+        "@storybook/csf": "^0.1.7",
         "@storybook/global": "^5.0.0",
-        "@storybook/types": "8.0.10",
+        "@storybook/types": "8.1.1",
         "@types/qs": "^6.9.5",
         "dequal": "^2.0.2",
         "lodash": "^4.17.21",
@@ -4591,26 +4854,26 @@
       }
     },
     "node_modules/@storybook/react-dom-shim": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-8.0.10.tgz",
-      "integrity": "sha512-3x8EWEkZebpWpp1pwXEzdabGINwOQt8odM5+hsOlDRtFZBmUqmmzK0rtn7orlcGlOXO4rd6QuZj4Tc5WV28dVQ==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-8.1.1.tgz",
+      "integrity": "sha512-X2WPGOxKZhReokqyBbYxhsCHe0qzyM2V8Vs4tQIua/HpNJ/4jqFoXmJvMnUtzwnNry4Gpuhn3nVPtD4QRZsP1w==",
       "dev": true,
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta"
       }
     },
     "node_modules/@storybook/router": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/router/-/router-8.0.10.tgz",
-      "integrity": "sha512-AZhgiet+EK0ZsPbaDgbbVTAHW2LAMCP1z/Un2uMBbdDeD0Ys29Af47AbEj/Ome5r1cqasLvzq2WXJlVXPNB0Zw==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/router/-/router-8.1.1.tgz",
+      "integrity": "sha512-9/9ZONtBZI7VxkFpwVYIq6d42yBLci7wkXOVJO5gugi+iVDM02eYQvrbKTTVnY0fCXXwwwVbpTyoHk25bqbRNg==",
       "dev": true,
       "dependencies": {
-        "@storybook/client-logger": "8.0.10",
+        "@storybook/client-logger": "8.1.1",
         "memoizerific": "^1.11.3",
         "qs": "^6.10.0"
       },
@@ -4657,14 +4920,14 @@
       }
     },
     "node_modules/@storybook/telemetry": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/telemetry/-/telemetry-8.0.10.tgz",
-      "integrity": "sha512-s4Uc+KZQkdmD2d+64Qf8wYknhQZwmjf2CxjIjv9b4KLsU/nyfDheK7Fzd1jhBKb2UQUlLW5HhZkBgs1RsZcDHA==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/telemetry/-/telemetry-8.1.1.tgz",
+      "integrity": "sha512-yyrAc5t4UUb2OW6zpHM7/aI3ePiPcgMTyJqqn5X5+S9OHy0yHI7NHi7ZslTg6D5yXV6g3OTfa3Yq3pXkOBV3uw==",
       "dev": true,
       "dependencies": {
-        "@storybook/client-logger": "8.0.10",
-        "@storybook/core-common": "8.0.10",
-        "@storybook/csf-tools": "8.0.10",
+        "@storybook/client-logger": "8.1.1",
+        "@storybook/core-common": "8.1.1",
+        "@storybook/csf-tools": "8.1.1",
         "chalk": "^4.1.0",
         "detect-package-manager": "^2.0.1",
         "fetch-retry": "^5.0.2",
@@ -4729,13 +4992,13 @@
       }
     },
     "node_modules/@storybook/theming": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-8.0.10.tgz",
-      "integrity": "sha512-7NHt7bMC7lPkwz9KdDpa6DkLoQZz5OV6jsx/qY91kcdLo1rpnRPAiVlJvmWesFxi1oXOpVDpHHllWzf8KDBv8A==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-8.1.1.tgz",
+      "integrity": "sha512-opjTCpvNDlDyTWnU58YLoFFhNrY88mxWRkHEE0Qt0hhRnS8EkU/+aam/1gTr204peDWZ+Ap3BBHFq28nQ5kfDQ==",
       "dev": true,
       "dependencies": {
         "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
-        "@storybook/client-logger": "8.0.10",
+        "@storybook/client-logger": "8.1.1",
         "@storybook/global": "^5.0.0",
         "memoizerific": "^1.11.3"
       },
@@ -4744,8 +5007,8 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta"
       },
       "peerDependenciesMeta": {
         "react": {
@@ -4757,12 +5020,12 @@
       }
     },
     "node_modules/@storybook/types": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/types/-/types-8.0.10.tgz",
-      "integrity": "sha512-S/hKS7+SqNnYIehwxdQ4M2nnlfGDdYWAXdtPCVJCmS+YF2amgAxeuisiHbUg7eypds6VL0Oxk/j2nPEHOHk9pg==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/types/-/types-8.1.1.tgz",
+      "integrity": "sha512-QSQ63aKr2IXrGjX2/Fg1oiGWk+2Nuf+TplaHRC2NKBMgvyn+M0BHUgMTDHQVrFaH4bpl2PkE0r0tzOKP4JI43A==",
       "dev": true,
       "dependencies": {
-        "@storybook/channels": "8.0.10",
+        "@storybook/channels": "8.1.1",
         "@types/express": "^4.7.0",
         "file-system-cache": "2.3.0"
       },
@@ -4772,17 +5035,17 @@
       }
     },
     "node_modules/@storybook/web-components": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/web-components/-/web-components-8.0.10.tgz",
-      "integrity": "sha512-+4GxATsB6UXGl0b7AcRBrzydKJhBVQBTyY+GrUjstx1LWFU//Ik5B/koPpB857G6aBqIzehKNcWjGHPPAMixjg==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/web-components/-/web-components-8.1.1.tgz",
+      "integrity": "sha512-o7Lt5RSKlrHG86604exFir5KYl0aUkvwVhoMbqqIhzygMlEllSb8YqJVBlnAmRW3vKd3Bp+FoO0JiQQl8gREJw==",
       "dev": true,
       "dependencies": {
-        "@storybook/client-logger": "8.0.10",
-        "@storybook/docs-tools": "8.0.10",
+        "@storybook/client-logger": "8.1.1",
+        "@storybook/docs-tools": "8.1.1",
         "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "8.0.10",
-        "@storybook/preview-api": "8.0.10",
-        "@storybook/types": "8.0.10",
+        "@storybook/manager-api": "8.1.1",
+        "@storybook/preview-api": "8.1.1",
+        "@storybook/types": "8.1.1",
         "tiny-invariant": "^1.3.1",
         "ts-dedent": "^2.0.0"
       },
@@ -4798,15 +5061,16 @@
       }
     },
     "node_modules/@storybook/web-components-vite": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/@storybook/web-components-vite/-/web-components-vite-8.0.10.tgz",
-      "integrity": "sha512-tvGWcqYtTYRLpwQ17yHlOfAuYkfxLblxfY1YRVJSsu3k3+ouV+mNE0CMF9O46fwdtdI6bq1eNNJa2brkRlgfMQ==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@storybook/web-components-vite/-/web-components-vite-8.1.1.tgz",
+      "integrity": "sha512-96zWh51ugm3DiJlvWgqnFjNmq/6/XaxUoA+nPXHbVra6Y3MW6eUfi6qpErI2umNjjLrjVBPbkKIaMtOI5l90xA==",
       "dev": true,
       "dependencies": {
-        "@storybook/builder-vite": "8.0.10",
-        "@storybook/core-server": "8.0.10",
-        "@storybook/node-logger": "8.0.10",
-        "@storybook/web-components": "8.0.10",
+        "@storybook/builder-vite": "8.1.1",
+        "@storybook/core-server": "8.1.1",
+        "@storybook/node-logger": "8.1.1",
+        "@storybook/types": "8.1.1",
+        "@storybook/web-components": "8.1.1",
         "magic-string": "^0.30.0"
       },
       "engines": {
@@ -4948,6 +5212,12 @@
       "integrity": "sha512-Rf3/lB9WkDfIL9eEKaSYKc+1L/rNVYBjThk22JTqQw0YozXarX8YljFAz+HCoC6h4B4KwCMsBPZHaFezwT4BNA==",
       "dev": true
     },
+    "node_modules/@types/diff": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/@types/diff/-/diff-5.2.1.tgz",
+      "integrity": "sha512-uxpcuwWJGhe2AR1g8hD9F5OYGCqjqWnBUQFD8gMZsDbv8oPHzxJF6iMO6n8Tk0AdzlxoaaoQhOYlIg/PukVU8g==",
+      "dev": true
+    },
     "node_modules/@types/doctrine": {
       "version": "0.0.3",
       "resolved": "https://registry.npmjs.org/@types/doctrine/-/doctrine-0.0.3.tgz",
@@ -4961,9 +5231,9 @@
       "dev": true
     },
     "node_modules/@types/emscripten": {
-      "version": "1.39.11",
-      "resolved": "https://registry.npmjs.org/@types/emscripten/-/emscripten-1.39.11.tgz",
-      "integrity": "sha512-dOeX2BeNA7j6BTEqJQL3ut0bRCfsyQMd5i4FT8JfHfYhAOuJPCGh0dQFbxVJxUyQ+75x6enhDdndGb624/QszA==",
+      "version": "1.39.12",
+      "resolved": "https://registry.npmjs.org/@types/emscripten/-/emscripten-1.39.12.tgz",
+      "integrity": "sha512-AQImDBgudQfMqUBfrjZYilRxoHDzTBp+ejh+g1fY67eSMalwIKtBXofjpyI0JBgNpHGzxeGAR2QDya0wxW9zbA==",
       "dev": true
     },
     "node_modules/@types/estree": {
@@ -6099,6 +6369,18 @@
       "integrity": "sha512-jlpIfsOoNoafl92Sz//64uQHGSyMrD2vYG5d8o2a4qGvyNCvXur7bzIsWtAC/6flI2RYAp3kv8rsfBtaLm7w0g==",
       "dev": true
     },
+    "node_modules/aria-hidden": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.4.tgz",
+      "integrity": "sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/array-back": {
       "version": "6.2.2",
       "resolved": "https://registry.npmjs.org/array-back/-/array-back-6.2.2.tgz",
@@ -7775,9 +8057,9 @@
       }
     },
     "node_modules/core-js-compat": {
-      "version": "3.37.0",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.37.0.tgz",
-      "integrity": "sha512-vYq4L+T8aS5UuFg4UwDhc7YNRWVeVZwltad9C/jV3R2LgVOpS9BDr7l/WL6BN0dbV3k1XejPTHqqEzJgsa0frA==",
+      "version": "3.37.1",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.37.1.tgz",
+      "integrity": "sha512-9TNiImhKvQqSUkOvk/mMRZzOANTiEVC7WaBNhHcKM7x+/5E1l5NvsysR19zuDQScE8k+kfQXWRN3AtS/eOSHpg==",
       "dev": true,
       "dependencies": {
         "browserslist": "^4.23.0"
@@ -8256,6 +8538,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/detect-node-es": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
+      "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==",
+      "dev": true
+    },
     "node_modules/detect-package-manager": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/detect-package-manager/-/detect-package-manager-2.0.1.tgz",
@@ -9925,6 +10213,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/get-nonce": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
+      "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/get-npm-tarball-url": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/get-npm-tarball-url/-/get-npm-tarball-url-2.1.0.tgz",
@@ -10553,9 +10850,9 @@
       "dev": true
     },
     "node_modules/igniteui-theming": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-6.2.0.tgz",
-      "integrity": "sha512-xdyYo1U1EvyQvl382BHDLpHfICmNdQOlYen9HlASFSJ+SqtpfcahKFFVRe+h8AZ1rIJruMRBeOKRMb3Kz2MG4g==",
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-6.3.0.tgz",
+      "integrity": "sha512-GthUX4cck+X/V1tfciTAVFnj2ukjtsSAwEeF/kRlkwX3VkB/cIgE+W1SIBr05EDl8MnRrkFFEymC35VzJzkDcA==",
       "dev": true,
       "peerDependencies": {
         "sass": "^1.58.1"
@@ -10662,6 +10959,15 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/invariant": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+      "dev": true,
+      "dependencies": {
+        "loose-envify": "^1.0.0"
+      }
+    },
     "node_modules/ip": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/ip/-/ip-2.0.1.tgz",
@@ -12874,9 +13180,9 @@
       }
     },
     "node_modules/nise": {
-      "version": "5.1.9",
-      "resolved": "https://registry.npmjs.org/nise/-/nise-5.1.9.tgz",
-      "integrity": "sha512-qOnoujW4SV6e40dYxJOb3uvuoPHtmLzIk4TFo+j0jPJoC+5Z9xja5qH5JZobEPsa8+YYphMrOSwnrshEhG2qww==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/nise/-/nise-6.0.0.tgz",
+      "integrity": "sha512-K8ePqo9BFvN31HXwEtTNGzgrPpmvgciDsFz8aztFjt4LqKO/JeFD8tBOeuDiCMXrIl/m1YvfH8auSpxfaD09wg==",
       "dev": true,
       "dependencies": {
         "@sinonjs/commons": "^3.0.0",
@@ -14074,6 +14380,22 @@
         "url": "https://github.com/prettier/prettier?sponsor=1"
       }
     },
+    "node_modules/prettier-fallback": {
+      "name": "prettier",
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz",
+      "integrity": "sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==",
+      "dev": true,
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
     "node_modules/prettier-linter-helpers": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
@@ -14406,6 +14728,76 @@
         "react": "^18.3.1"
       }
     },
+    "node_modules/react-remove-scroll": {
+      "version": "2.5.5",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.5.5.tgz",
+      "integrity": "sha512-ImKhrzJJsyXJfBZ4bzu8Bwpka14c/fQt0k+cyFp/PBhTfyDnU5hjOtM4AG/0AMyy8oKzOTR0lDgJIM7pYXI0kw==",
+      "dev": true,
+      "dependencies": {
+        "react-remove-scroll-bar": "^2.3.3",
+        "react-style-singleton": "^2.2.1",
+        "tslib": "^2.1.0",
+        "use-callback-ref": "^1.3.0",
+        "use-sidecar": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-remove-scroll-bar": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.6.tgz",
+      "integrity": "sha512-DtSYaao4mBmX+HDo5YWYdBWQwYIQQshUV/dVxFxK+KM26Wjwp1gZ6rv6OC3oujI6Bfu6Xyg3TwK533AQutsn/g==",
+      "dev": true,
+      "dependencies": {
+        "react-style-singleton": "^2.2.1",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-style-singleton": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.1.tgz",
+      "integrity": "sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==",
+      "dev": true,
+      "dependencies": {
+        "get-nonce": "^1.0.0",
+        "invariant": "^2.2.4",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/read-pkg": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
@@ -15763,16 +16155,16 @@
       "dev": true
     },
     "node_modules/sinon": {
-      "version": "17.0.2",
-      "resolved": "https://registry.npmjs.org/sinon/-/sinon-17.0.2.tgz",
-      "integrity": "sha512-uihLiaB9FhzesElPDFZA7hDcNABzsVHwr3YfmM9sBllVwab3l0ltGlRV1XhpNfIacNDLGD1QRZNLs5nU5+hTuA==",
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/sinon/-/sinon-18.0.0.tgz",
+      "integrity": "sha512-+dXDXzD1sBO6HlmZDd7mXZCR/y5ECiEiGCBSGuFD/kZ0bDTofPYc6JaeGmPSF+1j1MejGUWkORbYOLDyvqCWpA==",
       "dev": true,
       "dependencies": {
         "@sinonjs/commons": "^3.0.1",
         "@sinonjs/fake-timers": "^11.2.2",
         "@sinonjs/samsam": "^8.0.0",
         "diff": "^5.2.0",
-        "nise": "^5.1.9",
+        "nise": "^6.0.0",
         "supports-color": "^7"
       },
       "funding": {
@@ -16059,12 +16451,12 @@
       "dev": true
     },
     "node_modules/storybook": {
-      "version": "8.0.10",
-      "resolved": "https://registry.npmjs.org/storybook/-/storybook-8.0.10.tgz",
-      "integrity": "sha512-9/4oxISopLyr5xz7Du27mmQgcIfB7UTLlNzkK4IklWTiSgsOgYgZpsmIwymoXNtkrvh+QsqskdcUP1C7nNiEtw==",
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/storybook/-/storybook-8.1.1.tgz",
+      "integrity": "sha512-tkoz1O2UcPOkfRgl/QkefI/1akyjkBghuX+2S/FaXb9cKUR1St4WBQfFqDUvJr1T9MKdizCBVFQ5HuqYzCiWWQ==",
       "dev": true,
       "dependencies": {
-        "@storybook/cli": "8.0.10"
+        "@storybook/cli": "8.1.1"
       },
       "bin": {
         "sb": "index.js",
@@ -17541,6 +17933,49 @@
       "integrity": "sha512-H/A06tKD7sS1O1X2SshBVeA5FLycRpjqiBeqGKmBwBDBy28EnRjORxTNe269KSSr5un5qyWi1iL61wLxpd+ZOg==",
       "dev": true
     },
+    "node_modules/use-callback-ref": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.2.tgz",
+      "integrity": "sha512-elOQwe6Q8gqZgDA8mrh44qRTQqpIHDcZ3hXTLjBe1i4ph8XpNJnO+aQf3NaG+lriLopI4HMx9VjQLfPQ6vhnoA==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/use-sidecar": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.2.tgz",
+      "integrity": "sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==",
+      "dev": true,
+      "dependencies": {
+        "detect-node-es": "^1.1.0",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.9.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/util": {
       "version": "0.12.5",
       "resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz",
diff --git a/package.json b/package.json
index 89905b1ce..11b57fc8f 100644
--- a/package.json
+++ b/package.json
@@ -41,7 +41,7 @@
     "release": "node scripts/gen-changelog.mjs",
     "test": "npm run build && wtr --coverage",
     "test:watch": "npm run build && concurrently -k -r \"npm:watch-scss\" \"npm:watch-ts\" \"wtr --watch\"",
-    "storybook": "npm run build && concurrently -k -r \"npm run cem:watch\" \"npm:watch-scss\" \"npm:watch-meta\" \"storybook dev -p 8000\"",
+    "storybook": "npm run build && concurrently -k -r \"npm run cem:watch\" \"npm:watch-scss\" \"npm:watch-meta\" \"storybook dev -p 8000 --debug\"",
     "storybook:build": "npm run build && storybook build -o ./storybook-static",
     "build:typedoc:export": "node scripts/build-typedoc.js export",
     "build:typedoc:import": "node scripts/build-typedoc.js import",
@@ -62,13 +62,13 @@
     "@custom-elements-manifest/analyzer": "^0.9.6",
     "@igniteui/material-icons-extended": "^3.0.2",
     "@open-wc/testing": "^4.0.0",
-    "@storybook/addon-a11y": "^8.0.10",
-    "@storybook/addon-actions": "^8.0.10",
-    "@storybook/addon-essentials": "^8.0.10",
-    "@storybook/addon-links": "^8.0.10",
+    "@storybook/addon-a11y": "^8.1.1",
+    "@storybook/addon-actions": "^8.1.1",
+    "@storybook/addon-essentials": "^8.1.1",
+    "@storybook/addon-links": "^8.1.1",
     "@storybook/storybook-deployer": "^2.8.16",
-    "@storybook/web-components": "^8.0.10",
-    "@storybook/web-components-vite": "^8.0.10",
+    "@storybook/web-components": "^8.1.1",
+    "@storybook/web-components-vite": "^8.1.1",
     "@types/mocha": "^10.0.6",
     "@web/test-runner": "^0.18.2",
     "@web/test-runner-playwright": "^0.11.0",
@@ -78,7 +78,7 @@
     "globby": "^14.0.1",
     "husky": "^9.0.11",
     "ig-typedoc-theme": "^5.0.3",
-    "igniteui-theming": "^6.2.0",
+    "igniteui-theming": "^6.3.0",
     "keep-a-changelog": "^2.5.3",
     "lint-staged": "^15.2.2",
     "lit-analyzer": "^2.0.3",
@@ -89,8 +89,8 @@
     "rimraf": "^5.0.7",
     "sass": "^1.77.1",
     "sass-embedded": "^1.77.1",
-    "sinon": "^17.0.2",
-    "storybook": "^8.0.10",
+    "sinon": "^18.0.0",
+    "storybook": "^8.1.1",
     "stylelint": "^16.5.0",
     "stylelint-config-standard-scss": "^13.1.0",
     "stylelint-prettier": "^5.0.0",
diff --git a/src/components/checkbox/themes/shared/switch/switch.common.scss b/src/components/checkbox/themes/shared/switch/switch.common.scss
index a44f7f407..8b4cca0a9 100644
--- a/src/components/checkbox/themes/shared/switch/switch.common.scss
+++ b/src/components/checkbox/themes/shared/switch/switch.common.scss
@@ -10,6 +10,12 @@ $theme: $material;
     transition: all .2s ease-in-out;
 }
 
+:host(:hover) {
+    [part~='label'] {
+        color: var-get($theme, 'label-hover-color');
+    }
+}
+
 :host([disabled]),
 :host(:disabled) {
     [part~='label'] {
diff --git a/src/components/checkbox/themes/shared/switch/switch.indigo.scss b/src/components/checkbox/themes/shared/switch/switch.indigo.scss
index 57147d6fa..f27374e88 100644
--- a/src/components/checkbox/themes/shared/switch/switch.indigo.scss
+++ b/src/components/checkbox/themes/shared/switch/switch.indigo.scss
@@ -6,7 +6,7 @@ $checked-color: var-get($theme, 'track-on-color') !default;
 $border-width: rem(1px);
 
 :host {
-    --size: #{rem(34px)};
+    --size: #{rem(32px)};
     --thumb-size: #{rem(8px)};
     --border-size: #{rem(1px)};
     --thumb-offset: #{rem(2px)};
@@ -15,11 +15,22 @@ $border-width: rem(1px);
     font-weight: 600;
 }
 
-[part~='base'] {
-    &:hover {
-        [part~='control'][part~='checked'] {
-            border-color: var-get($theme, 'border-on-hover-color');
-        }
+[part~='label'] {
+    @include type-style('body-2');
+}
+
+:host(:hover) {
+    [part~='control'] {
+        border-color: var-get($theme, 'border-hover-color');
+    }
+
+    [part~='thumb']:not([part~='checked']) {
+        background: var-get($theme, 'border-hover-color');
+    }
+
+    [part~='control'][part~='checked'] {
+        background: var-get($theme, 'track-on-hover-color');
+        border-color: var-get($theme, 'border-on-hover-color');
     }
 }
 
@@ -91,6 +102,6 @@ $border-width: rem(1px);
 :host([disabled]),
 :host(:disabled) {
     [part~='control'][part~='checked'] {
-        border-color: var-get($theme, 'border-disabled-color');
+        border-color: transparent;
     }
 }
diff --git a/src/components/nav-drawer/themes/container.base.scss b/src/components/nav-drawer/themes/container.base.scss
index 0eae06a70..a49555b29 100644
--- a/src/components/nav-drawer/themes/container.base.scss
+++ b/src/components/nav-drawer/themes/container.base.scss
@@ -24,10 +24,10 @@
     }
 
     [part~='mini'] {
-        min-width: var(--menu-mini-width);
+        width: var(--menu-mini-width);
     }
 
-    [part='main'] {
+    [part='main'], [part='base'] {
         width: var(--menu-full-width);
     }
 
diff --git a/src/components/nav-drawer/themes/header-item.ts b/src/components/nav-drawer/themes/header-item.ts
index 59ff72038..c6d61aef0 100644
--- a/src/components/nav-drawer/themes/header-item.ts
+++ b/src/components/nav-drawer/themes/header-item.ts
@@ -1,19 +1,26 @@
 import { css } from 'lit';
-
 import type { Themes } from '../../../theming/types.js';
+
 // Shared Styles
 import { styles as bootstrap } from './shared/header-item/header-item.bootstrap.css.js';
+import { styles as indigo } from './shared/header-item/header-item.indigo.css.js';
 
 const light = {
   bootstrap: css`
     ${bootstrap}
   `,
+  indigo: css`
+    ${indigo}
+  `,
 };
 
 const dark = {
   bootstrap: css`
     ${bootstrap}
   `,
+  indigo: css`
+    ${indigo}
+  `,
 };
 
 export const all: Themes = { light, dark };
diff --git a/src/components/nav-drawer/themes/shared/container/nav-drawer.indigo.scss b/src/components/nav-drawer/themes/shared/container/nav-drawer.indigo.scss
index e162746f9..73b213cc4 100644
--- a/src/components/nav-drawer/themes/shared/container/nav-drawer.indigo.scss
+++ b/src/components/nav-drawer/themes/shared/container/nav-drawer.indigo.scss
@@ -4,7 +4,14 @@
 $theme: $indigo;
 
 :host {
+    --menu-full-width: #{rem(240px)};
+    --menu-mini-width: #{rem(48px)};
+
     [part='overlay'] {
         background: var-get($overlay-indigo, 'background-color');
     }
+
+    [part='mini'], [part="main"] {
+        padding: rem(8px);
+    }
 }
diff --git a/src/components/nav-drawer/themes/shared/header-item/header-item.indigo.scss b/src/components/nav-drawer/themes/shared/header-item/header-item.indigo.scss
new file mode 100644
index 000000000..4900d1479
--- /dev/null
+++ b/src/components/nav-drawer/themes/shared/header-item/header-item.indigo.scss
@@ -0,0 +1,9 @@
+@use 'styles/utilities' as *;
+
+:host {
+    @include type-style('overline');
+
+    padding: rem(8px) rem(16px);
+    box-sizing: content-box;
+    min-height: 16px;
+}
diff --git a/src/components/nav-drawer/themes/shared/item/item.indigo.scss b/src/components/nav-drawer/themes/shared/item/item.indigo.scss
index 77666618e..9e46b9e16 100644
--- a/src/components/nav-drawer/themes/shared/item/item.indigo.scss
+++ b/src/components/nav-drawer/themes/shared/item/item.indigo.scss
@@ -1,11 +1,16 @@
 @use 'styles/utilities' as *;
 
 [part~='base'] {
-    gap: rem(24px);
-    padding: rem(4px);
-    margin: rem(15px) rem(8px);
+    gap: rem(16px);
+    padding: rem(8px) rem(16px);
+    margin: 0;
+    margin-block-end: rem(4px);
+
+    ::slotted(igc-icon) {
+        --ig-size: 2;
+    }
 }
 
-[part='content'] {
-    padding-inline-start: rem(8px);
+[part='base mini'] {
+    padding: rem(8px);
 }
diff --git a/src/components/navbar/themes/shared/navbar.bootstrap.scss b/src/components/navbar/themes/shared/navbar.bootstrap.scss
index e0211db9b..39c71ea29 100644
--- a/src/components/navbar/themes/shared/navbar.bootstrap.scss
+++ b/src/components/navbar/themes/shared/navbar.bootstrap.scss
@@ -6,7 +6,6 @@ $theme: $bootstrap;
 :host {
     box-shadow: var(--ig-elevation-0);
     padding: 0 rem(8px);
-    border-bottom: rem(1px) solid var-get($theme, 'border-color');
 }
 
 [part='base'] {
diff --git a/src/components/navbar/themes/shared/navbar.common.scss b/src/components/navbar/themes/shared/navbar.common.scss
index 1d27877cb..feb2632f3 100644
--- a/src/components/navbar/themes/shared/navbar.common.scss
+++ b/src/components/navbar/themes/shared/navbar.common.scss
@@ -6,6 +6,7 @@ $theme: $material;
 :host {
     background: var-get($theme, 'background');
     color: var-get($theme, 'text-color');
+    border-bottom: rem(1px) solid var-get($theme, 'border-color');
     box-shadow: var(--ig-elevation-4);
 }
 
diff --git a/src/components/navbar/themes/shared/navbar.indigo.scss b/src/components/navbar/themes/shared/navbar.indigo.scss
index 056fbf081..18d313357 100644
--- a/src/components/navbar/themes/shared/navbar.indigo.scss
+++ b/src/components/navbar/themes/shared/navbar.indigo.scss
@@ -1,5 +1,30 @@
 @use 'styles/utilities' as *;
 
 :host {
+    min-height: rem(56px);
     box-shadow: var(--ig-elevation-0);
+
+    [name='start']::slotted(*),
+    [name='end']::slotted(*) {
+        margin: initial;
+    }
+}
+
+[part='end'] {
+    gap: rem(8px);
+}
+
+[part='base'] {
+    gap: rem(16px);
+}
+
+::slotted(*) {
+    @include type-style('h5');
+}
+
+::slotted(igc-icon) {
+    --size: rem(16px);
+
+    padding: rem(6px);
+    margin: 0;
 }
diff --git a/src/components/slider/themes/shared/slider.common.scss b/src/components/slider/themes/shared/slider.common.scss
index eb1ee8f93..b479efc96 100644
--- a/src/components/slider/themes/shared/slider.common.scss
+++ b/src/components/slider/themes/shared/slider.common.scss
@@ -26,6 +26,7 @@ $theme: $material;
 [part='thumb-label-inner'] {
     color: var-get($theme, 'label-text-color');
     background: var-get($theme, 'label-background-color');
+    padding: 0 rem(8px);
 
     &::after {
         border-top: rem(10px) solid var-get($theme, 'label-background-color');
diff --git a/src/components/slider/themes/shared/slider.indigo.scss b/src/components/slider/themes/shared/slider.indigo.scss
index 6b2d3593a..b90c51aa4 100644
--- a/src/components/slider/themes/shared/slider.indigo.scss
+++ b/src/components/slider/themes/shared/slider.indigo.scss
@@ -3,8 +3,23 @@
 @use '../light/themes' as *;
 
 $theme: $indigo;
-$thumb-size: rem(14px);
+$thumb-size: rem(12px);
 $thumb-radius: math.div($thumb-size, 2);
+$thumb-scale-hover: calc(16 / 12);
+$thumb-label-width: rem(36px);
+$thumb-label-height: rem(22px);
+
+[part='thumb-label-inner'] {
+    @include type-style('subtitle-2');
+    @include border-radius(rem(3px));
+
+    min-width: $thumb-label-width;
+}
+
+[part='thumb-label'] {
+    top: calc((#{$thumb-label-height} + rem(16px)) * -1);
+    height: $thumb-label-height;
+}
 
 [part='base']:hover {
     [part='inactive'] {
@@ -29,21 +44,31 @@ $thumb-radius: math.div($thumb-size, 2);
 
     line {
         transform: none;
+        stroke-width: var-get($theme, 'track-step-size');
     }
 }
 
 [part='tick-label'] {
+    @include type-style('body-2');
+
     color: var-get($theme, 'tick-label-color');
+    
 }
 
 [part~='thumb'] {
+    border: rem(2px) solid var-get($theme, 'thumb-border-color');
     width: $thumb-size;
     height: $thumb-size;
     top: calc((#{$thumb-size} - #{$thumb-radius}) * -1);
     margin-inline-start: calc((#{$thumb-size} - #{$thumb-radius}) * -1);
 
+    &:hover, &:active {
+        transform: scale($thumb-scale-hover);
+        border-color: var-get($theme, 'thumb-border-hover-color');
+    }
+
     &:focus {
-        box-shadow: 0 0 0 rem(3px) var-get($theme, 'thumb-focus-color');
+        box-shadow: 0 0 0 rem(2px) var-get($theme, 'thumb-focus-color');
     }
 
     &::after {
@@ -53,12 +78,23 @@ $thumb-radius: math.div($thumb-size, 2);
 
 :host([disabled]),
 :host(:disabled) {
-    [part='fill'],
-    [part='tick'] {
+    [part='fill'] {
         background: var-get($theme, 'disabled-fill-track-color');
     }
 
+    [part='steps'] {
+        color: transparent;
+    }
+
+    [part='thumb'] {
+        border-color: var-get($theme, 'thumb-disabled-border-color');
+    }
+
+    [part='tick'] {
+        background: var-get($theme, 'disabled-base-track-color');
+    }
+
     [part='tick-label'] {
-        color: var-get($theme, 'disabled-fill-track-color');
+        color: var-get($theme, 'disabled-base-track-color');
     }
 }
diff --git a/src/components/textarea/themes/shared/textarea.indigo.scss b/src/components/textarea/themes/shared/textarea.indigo.scss
index 95ab2b413..3b1878b37 100644
--- a/src/components/textarea/themes/shared/textarea.indigo.scss
+++ b/src/components/textarea/themes/shared/textarea.indigo.scss
@@ -86,6 +86,10 @@ textarea {
     padding-block: rem(6px);
     padding-inline: pad-inline(rem(2px), rem(4px), rem(6px));
     margin-block-end: rem(1px);
+
+    &::placeholder {
+        font-style: italic;
+    }
 }
 
 [part~='filled'] {
diff --git a/src/components/tree/themes/shared/item.common.scss b/src/components/tree/themes/shared/item.common.scss
index 54b297313..df82fd0c2 100644
--- a/src/components/tree/themes/shared/item.common.scss
+++ b/src/components/tree/themes/shared/item.common.scss
@@ -30,17 +30,17 @@ $theme: $material;
     max-height: var-get($theme, 'size');
 }
 
-:host(:not([disabled])[active]) {
+:host(:not([disabled])[active]) [part~='wrapper'] {
     background: var-get($theme, 'background-active');
     color: var-get($theme, 'foreground-active');
 }
 
-:host(:not([disabled])[selected]) {
+:host(:not([disabled])[selected]) [part~='wrapper']{
     background: var-get($theme, 'background-selected');
     color: var-get($theme, 'foreground-selected');
 }
 
-:host(:not([disabled])[selected][active]) {
+:host(:not([disabled])[selected][active]) [part~='wrapper']{
     background: var-get($theme, 'background-active-selected');
     color: var-get($theme, 'foreground-active-selected');
 }
diff --git a/src/components/tree/themes/shared/item.indigo.scss b/src/components/tree/themes/shared/item.indigo.scss
index 422a085e0..b45f8581b 100644
--- a/src/components/tree/themes/shared/item.indigo.scss
+++ b/src/components/tree/themes/shared/item.indigo.scss
@@ -3,30 +3,66 @@
 
 $theme: $indigo;
 
+:host {
+    --igc-tree-indentation-size: #{sizable(rem(8px), rem(12px), rem(16px))};
+}
+
+[part~='indicator'] {
+    min-width: rem(14px);
+    color: var-get($theme, 'icon-color');
+
+    igc-icon {
+        --ig-size: 1;
+    }
+}
+
 [part~='wrapper'] {
+    border-radius: rem(4px);
+    margin-block-end: rem(4px);
+
+    &::after {
+        border-radius: rem(4px);
+    }
+
     &:hover {
-        &::after {
-            opacity: .3;
+        color: var-get($theme, 'foreground-active');
+    }
+}
+
+:host(:not([disabled])[selected]) {
+    [part~='wrapper'] {
+        background: var-get($theme, 'background');
+        color: var-get($theme, 'foreground');
+
+        &:hover {
+            &::after {
+                background: var-get($theme, 'hover-color');
+            }
         }
     }
 }
 
-[part~='wrapper'][part~='selected'] {
-    &:hover {
-        &::after {
+:host(:not([disabled])[active]),
+:host(:not([disabled])[active][selected]) {
+    [part~='wrapper'] {
+        &:hover {
             background: var-get($theme, 'hover-selected-color');
+
+            &::after {
+                background: transparent;
+            }
         }
     }
 }
 
-:host(:not([disabled])[active]) {
-    &:hover {
-        color: var-get($theme, 'foreground-active');
-    }
+[part~='focused'] {
+    box-shadow: inset 0 0 0 2px var-get($theme, 'border-color');
 }
 
-[part~='active'] {
-    &:hover {
-        color: var-get($theme, 'foreground-active');
+:host([disabled]) {
+    [part~='indicator'] {
+        igc-icon {
+            color: var-get($theme, 'foreground-disabled');
+        }
     }
 }