diff --git a/compiler/plugins/vue.plugin.js b/compiler/plugins/vue.plugin.js
index 29494f53..bd5ef2f0 100644
--- a/compiler/plugins/vue.plugin.js
+++ b/compiler/plugins/vue.plugin.js
@@ -5,10 +5,17 @@
  */
 module.exports = function vueCompilerPlugin() {
   return {
+    json: {
+      // Happens after getting json
+      post: (json) => {
+        json = fixCleanupRefAst(json);
+        return json;
+      },
+    },
     code: {
       // Happens before formatting
       pre: (codeStr) => {
-        return [fixCleanupRefIssues].reduce((acc, transform) => {
+        return [fixVueClassName].reduce((acc, transform) => {
           acc = transform(codeStr);
           return acc;
         }, codeStr);
@@ -17,9 +24,75 @@ module.exports = function vueCompilerPlugin() {
   };
 };
 
-function fixCleanupRefIssues(codeStr) {
-  return codeStr.replace(
-    /if \(typeof cleanupRef\.value === "function"\) \{\s*cleanupRef\(\);\s*\}/g,
-    'if (typeof cleanupRef.value === "function") {\n    cleanupRef.value();\n  }',
-  );
+function fixCleanupRefAst(ast) {
+  if (ast.hooks && ast.hooks.onUnMount) {
+    console.log(ast.hooks);
+
+    const onUnMountCode = ast.hooks.onUnMount.code;
+
+    let updatedCode = onUnMountCode;
+
+    if (
+      onUnMountCode &&
+      /if\s*\(\s*typeof\s+cleanupRef\.value\s*===\s*["']function["']\s*\)/.test(
+        onUnMountCode,
+      )
+    ) {
+      // Case 1: With braces
+      const { parse } = require("@babel/parser");
+      const traverse = require("@babel/traverse").default;
+      const generate = require("@babel/generator").default;
+      const t = require("@babel/types");
+
+      const ast = parse(onUnMountCode, {
+        sourceType: "module",
+        plugins: ["typescript"],
+      });
+
+      traverse(ast, {
+        IfStatement(path) {
+          const { test, consequent } = path.node;
+          if (
+            t.isBinaryExpression(test) &&
+            t.isUnaryExpression(test.left) &&
+            t.isMemberExpression(test.left.argument) &&
+            t.isIdentifier(test.left.argument.object) &&
+            test.left.argument.object.name === "cleanupRef" &&
+            t.isIdentifier(test.left.argument.property) &&
+            test.left.argument.property.name === "value" &&
+            t.isStringLiteral(test.right) &&
+            test.right.value === "function"
+          ) {
+            const newConsequent = t.blockStatement([
+              t.expressionStatement(
+                t.callExpression(
+                  t.memberExpression(
+                    t.identifier("cleanupRef"),
+                    t.identifier("value"),
+                  ),
+                  [],
+                ),
+              ),
+            ]);
+            path.node.consequent = newConsequent;
+          }
+        },
+      });
+
+      updatedCode = generate(ast).code;
+    }
+
+    ast.hooks.onUnMount.code = updatedCode;
+  }
+  return ast;
+}
+
+function fixVueClassName(codeStr) {
+  return codeStr
+    .replace(/\.className/g, ".class")
+    .replace(/\bclassName\b/g, "class")
+    .replace(
+      /:class="boxStyles\.class"/g,
+      ':class="clsx(boxStyles.class, class)"',
+    );
 }
diff --git a/package.json b/package.json
index b3291eb4..a596ff5a 100644
--- a/package.json
+++ b/package.json
@@ -36,10 +36,14 @@
   },
   "devDependencies": {
     "@babel/core": "^7.24.7",
+    "@babel/generator": "^7.25.6",
+    "@babel/parser": "^7.25.6",
     "@babel/plugin-proposal-decorators": "^7.24.7",
     "@babel/preset-env": "^7.24.7",
     "@babel/preset-react": "^7.24.7",
     "@babel/preset-typescript": "^7.24.7",
+    "@babel/traverse": "^7.25.6",
+    "@babel/types": "^7.25.6",
     "@builder.io/eslint-plugin-mitosis": "^0.0.16",
     "@builder.io/mitosis": "0.3.11",
     "@builder.io/mitosis-cli": "0.3.11",
diff --git a/packages/vue/stories/Button.stories.ts b/packages/vue/stories/Button.stories.ts
deleted file mode 100644
index a69991a5..00000000
--- a/packages/vue/stories/Button.stories.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/vue3';
-import { fn } from '@storybook/test';
-import Button from './Button.vue';
-
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-const meta = {
-  title: 'Example/Button',
-  component: Button,
-  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/writing-docs/autodocs
-  tags: ['autodocs'],
-  argTypes: {
-    size: { control: 'select', options: ['small', 'medium', 'large'] },
-    backgroundColor: { control: 'color' },
-  },
-  args: {
-    primary: false,
-    // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
-    onClick: fn(),
-  },
-} satisfies Meta<typeof Button>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-/*
- *👇 Render functions are a framework specific feature to allow you control on how the component renders.
- * See https://storybook.js.org/docs/api/csf
- * to learn how to use render functions.
- */
-export const Primary: Story = {
-  args: {
-    primary: true,
-    label: 'Button',
-  },
-};
-
-export const Secondary: Story = {
-  args: {
-    primary: false,
-    label: 'Button',
-  },
-};
-
-export const Large: Story = {
-  args: {
-    label: 'Button',
-    size: 'large',
-  },
-};
-
-export const Small: Story = {
-  args: {
-    label: 'Button',
-    size: 'small',
-  },
-};
diff --git a/packages/vue/stories/Button.vue b/packages/vue/stories/Button.vue
deleted file mode 100644
index 2e1ee0ee..00000000
--- a/packages/vue/stories/Button.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<template>
-  <button type="button" :class="classes" @click="onClick" :style="style">{{ label }} </button>
-</template>
-
-<script lang="ts" setup>
-import './button.css';
-import { computed } from 'vue';
-
-const props = withDefaults(defineProps<{
-  /**
-   * The label of the button
-   */
-  label: string,
-  /**
-   * primary or secondary button
-   */
-  primary?: boolean,
-  /**
-   * size of the button
-   */
-  size?: 'small' | 'medium' | 'large',
-  /**
-   * background color of the button
-   */
-  backgroundColor?: string,
-
-}>(), { primary: false });
-
-const emit = defineEmits<{
-  (e: 'click', id: number): void;
-}>();
-
-const classes = computed(() => ({
-  'storybook-button': true,
-  'storybook-button--primary': props.primary,
-  'storybook-button--secondary': !props.primary,
-  [`storybook-button--${props.size || 'medium'}`]: true,
-}));
-
-const style = computed(() => ({
-  backgroundColor: props.backgroundColor
-}));
-
-const onClick = () => {
-  emit("click", 1)
-};
-
-</script>
\ No newline at end of file
diff --git a/packages/vue/stories/Header.vue b/packages/vue/stories/Header.vue
index b716db02..e5c3ae1b 100644
--- a/packages/vue/stories/Header.vue
+++ b/packages/vue/stories/Header.vue
@@ -13,9 +13,6 @@
       </div>
       <div>
         <span class="welcome" v-if="user">Welcome, <b>{{ user.name }}</b>!</span>
-        <my-button size="small" @click="$emit('logout')" label="Log out" v-if="user" />
-        <my-button size="small" @click="$emit('login')" label="Log in" v-if="!user" />
-        <my-button primary size="small" @click="$emit('createAccount')" label="Sign up" v-if="!user" />
       </div>
     </div>
   </header>
@@ -23,7 +20,6 @@
 
 <script lang="ts" setup>
 import './header.css';
-import MyButton from './Button.vue';
 
 defineProps<{ user: { name: string } | null }>();
 
diff --git a/packages/vue/stories/button.css b/packages/vue/stories/button.css
deleted file mode 100644
index dc91dc76..00000000
--- a/packages/vue/stories/button.css
+++ /dev/null
@@ -1,30 +0,0 @@
-.storybook-button {
-  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  font-weight: 700;
-  border: 0;
-  border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
-  line-height: 1;
-}
-.storybook-button--primary {
-  color: white;
-  background-color: #1ea7fd;
-}
-.storybook-button--secondary {
-  color: #333;
-  background-color: transparent;
-  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
-}
-.storybook-button--small {
-  font-size: 12px;
-  padding: 10px 16px;
-}
-.storybook-button--medium {
-  font-size: 14px;
-  padding: 11px 20px;
-}
-.storybook-button--large {
-  font-size: 16px;
-  padding: 12px 24px;
-}
diff --git a/packages/vue/stories/core/Box/Box.stories.ts b/packages/vue/stories/core/Box.stories.ts
similarity index 96%
rename from packages/vue/stories/core/Box/Box.stories.ts
rename to packages/vue/stories/core/Box.stories.ts
index d7336a33..b0f9d0ce 100644
--- a/packages/vue/stories/core/Box/Box.stories.ts
+++ b/packages/vue/stories/core/Box.stories.ts
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/vue3";
-import Box from "../../../src/ui/box/box.vue";
+import Box from "../../src/ui/box/box.vue";
 
 const meta = {
   title: "Core/Box",
diff --git a/packages/vue/stories/core/Button.stories.ts b/packages/vue/stories/core/Button.stories.ts
new file mode 100644
index 00000000..750ed7f1
--- /dev/null
+++ b/packages/vue/stories/core/Button.stories.ts
@@ -0,0 +1,316 @@
+import type { Meta, StoryObj } from "@storybook/vue3";
+import Button from "../../src/ui/button/button.vue";
+
+const meta: Meta<typeof Button> = {
+  title: "Core/Button",
+  component: Button,
+  tags: ["autodocs"],
+  argTypes: {
+    intent: {
+      control: "select",
+      options: [
+        "primary",
+        "secondary",
+        "tertiary",
+        "success",
+        "warning",
+        "danger",
+        "text",
+      ],
+    },
+    variant: {
+      control: "select",
+      options: ["solid", "ghost", "outlined", "unstyled"],
+    },
+    size: {
+      control: "select",
+      options: ["sm", "md", "lg"],
+    },
+    isLoading: {
+      control: "boolean",
+    },
+    disabled: {
+      control: "boolean",
+    },
+    fluidWidth: {
+      control: "boolean",
+    },
+    fluid: {
+      control: "boolean",
+    },
+    leftIcon: {
+      control: "text",
+    },
+    rightIcon: {
+      control: "text",
+    },
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Button>;
+
+export const Primary: Story = {
+  args: {
+    intent: "primary",
+    variant: "solid",
+  },
+  render: (args) => ({
+    components: { Button },
+    setup() {
+      return { args };
+    },
+    template: '<Button v-bind="args">Button</Button>',
+  }),
+};
+
+export const Secondary: Story = {
+  args: {
+    intent: "secondary",
+  },
+  render: (args) => ({
+    components: { Button },
+    setup() {
+      return { args };
+    },
+    template: '<Button v-bind="args">Button</Button>',
+  }),
+};
+
+export const Tertiary: Story = {
+  args: {
+    intent: "tertiary",
+  },
+  render: (args) => ({
+    components: { Button },
+    setup() {
+      return { args };
+    },
+    template: '<Button v-bind="args">Button</Button>',
+  }),
+};
+
+export const IntentSuccess: Story = {
+  args: {
+    intent: "success",
+  },
+  render: (args) => ({
+    components: { Button },
+    setup() {
+      return { args };
+    },
+    template: '<Button v-bind="args">Button</Button>',
+  }),
+};
+
+export const IntentWarning: Story = {
+  args: {
+    intent: "warning",
+  },
+  render: (args) => ({
+    components: { Button },
+    setup() {
+      return { args };
+    },
+    template: '<Button v-bind="args">Button</Button>',
+  }),
+};
+
+export const IntentDanger: Story = {
+  args: {
+    intent: "danger",
+  },
+  render: (args) => ({
+    components: { Button },
+    setup() {
+      return { args };
+    },
+    template: '<Button v-bind="args">Button</Button>',
+  }),
+};
+
+export const SecondaryGhost: Story = {
+  args: {
+    default: "Button",
+    intent: "secondary",
+    variant: "ghost",
+  },
+  render: (args) => ({
+    components: { Button },
+    setup() {
+      return { args };
+    },
+    template: '<Button v-bind="args">Button</Button>',
+  }),
+};
+
+export const Outlined: Story = {
+  args: {
+    default: "Button",
+    intent: "secondary",
+    variant: "outlined",
+  },
+  render: (args) => ({
+    components: { Button },
+    setup() {
+      return { args };
+    },
+    template: '<Button v-bind="args">Button</Button>',
+  }),
+};
+
+export const ConnectWallet: Story = {
+  args: {
+    default: "Connect Wallet",
+    leftIcon: "walletFilled",
+  },
+  render: (args) => ({
+    components: { Button },
+    setup() {
+      return { args };
+    },
+    template: '<Button v-bind="args">Button</Button>',
+  }),
+};
+
+export const Large: Story = {
+  args: {
+    default: "Button",
+    size: "lg",
+  },
+  render: (args) => ({
+    components: { Button },
+    setup() {
+      return { args };
+    },
+    template: '<Button v-bind="args">Button</Button>',
+  }),
+};
+
+export const Middle: Story = {
+  args: {
+    default: "Button",
+    size: "md",
+  },
+  render: (args) => ({
+    components: { Button },
+    setup() {
+      return { args };
+    },
+    template: '<Button v-bind="args">Button</Button>',
+  }),
+};
+
+export const Small: Story = {
+  args: {
+    default: "Button",
+    size: "sm",
+  },
+  render: (args) => ({
+    components: { Button },
+    setup() {
+      return { args };
+    },
+    template: '<Button v-bind="args">Button</Button>',
+  }),
+};
+
+export const Unstyled: Story = {
+  args: {
+    variant: "unstyled",
+    default: "Unbond All",
+  },
+  render: (args) => ({
+    components: { Button },
+    setup() {
+      return { args };
+    },
+    template: '<Button v-bind="args">Button</Button>',
+  }),
+};
+
+export const Text: Story = {
+  args: {
+    default: "100%",
+    intent: "text",
+    size: "xs",
+  },
+  render: (args) => ({
+    components: { Button },
+    setup() {
+      return { args };
+    },
+    template: '<Button v-bind="args">Button</Button>',
+  }),
+};
+
+export const Loading: Story = {
+  args: {
+    default: "Loading",
+    isLoading: true,
+  },
+  render: (args) => ({
+    components: { Button },
+    setup() {
+      return { args };
+    },
+    template: '<Button v-bind="args">Button</Button>',
+  }),
+};
+
+export const Disabled: Story = {
+  args: {
+    default: "Disabled",
+    disabled: true,
+  },
+  render: (args) => ({
+    components: { Button },
+    setup() {
+      return { args };
+    },
+    template: '<Button v-bind="args">Button</Button>',
+  }),
+};
+
+export const FluidWidth: Story = {
+  args: {
+    default: "Fluid Width",
+    fluidWidth: true,
+  },
+  render: (args) => ({
+    components: { Button },
+    setup() {
+      return { args };
+    },
+    template: '<Button v-bind="args">Button</Button>',
+  }),
+};
+
+export const Fluid: Story = {
+  args: {
+    default: "Fluid",
+    fluid: true,
+  },
+  render: (args) => ({
+    components: { Button },
+    setup() {
+      return { args };
+    },
+    template: '<Button v-bind="args">Button</Button>',
+  }),
+};
+
+export const WithRightIcon: Story = {
+  args: {
+    default: "Next",
+    rightIcon: "walletFilled",
+  },
+  render: (args) => ({
+    components: { Button },
+    setup() {
+      return { args };
+    },
+    template: '<Button v-bind="args">Button</Button>',
+  }),
+};
diff --git a/packages/vue/stories/core/Text/Text.stories.ts b/packages/vue/stories/core/Text.stories.ts
similarity index 98%
rename from packages/vue/stories/core/Text/Text.stories.ts
rename to packages/vue/stories/core/Text.stories.ts
index 197dd9ea..8af51cf1 100644
--- a/packages/vue/stories/core/Text/Text.stories.ts
+++ b/packages/vue/stories/core/Text.stories.ts
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/vue3";
-import Text from "../../../src/ui/text/text.vue";
+import Text from "../../src/ui/text/text.vue";
 
 const meta: Meta<typeof Text> = {
   title: "Core/Text",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 686780d5..41c37e52 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -43,11 +43,17 @@ importers:
         version: 3.4.31(typescript@5.5.3)
       zustand:
         specifier: ^4.5.4
-        version: 4.5.4(@types/react@18.3.4)(immer@10.1.1)(react@18.3.1)
+        version: 4.5.4(@types/react@18.3.5)(immer@10.1.1)(react@18.3.1)
     devDependencies:
       '@babel/core':
         specifier: ^7.24.7
         version: 7.24.7
+      '@babel/generator':
+        specifier: ^7.25.6
+        version: 7.25.6
+      '@babel/parser':
+        specifier: ^7.25.6
+        version: 7.25.6
       '@babel/plugin-proposal-decorators':
         specifier: ^7.24.7
         version: 7.24.7(@babel/core@7.24.7)
@@ -60,6 +66,12 @@ importers:
       '@babel/preset-typescript':
         specifier: ^7.24.7
         version: 7.24.7(@babel/core@7.24.7)
+      '@babel/traverse':
+        specifier: ^7.25.6
+        version: 7.25.6
+      '@babel/types':
+        specifier: ^7.25.6
+        version: 7.25.6
       '@builder.io/eslint-plugin-mitosis':
         specifier: ^0.0.16
         version: 0.0.16(eslint@8.57.0)
@@ -107,7 +119,7 @@ importers:
         version: 20.14.9
       '@types/react':
         specifier: latest
-        version: 18.3.4
+        version: 18.3.5
       '@typescript-eslint/eslint-plugin':
         specifier: ^7.15.0
         version: 7.15.0(@typescript-eslint/parser@7.15.0(eslint@8.57.0)(typescript@5.5.3))(eslint@8.57.0)(typescript@5.5.3)
@@ -224,7 +236,7 @@ importers:
     dependencies:
       '@interchain-ui/react':
         specifier: ^1.11.0
-        version: 1.23.13(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.23.13(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       next:
         specifier: ^14.1.2
         version: 14.1.4(@babel/core@7.24.7)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -246,10 +258,10 @@ importers:
     devDependencies:
       '@types/node':
         specifier: latest
-        version: 22.5.1
+        version: 22.5.2
       '@types/react':
         specifier: latest
-        version: 18.3.4
+        version: 18.3.5
       '@types/react-dom':
         specifier: latest
         version: 18.3.0
@@ -375,10 +387,10 @@ importers:
         version: 0.5.2(@vanilla-extract/css@1.14.1)
       '@vanilla-extract/vite-plugin':
         specifier: ^4.0.4
-        version: 4.0.6(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)(vite@5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))
+        version: 4.0.6(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)(vite@5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))
       '@vitejs/plugin-vue':
         specifier: ^5.0.4
-        version: 5.0.4(vite@5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))(vue@3.4.21(typescript@5.4.2))
+        version: 5.0.4(vite@5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))(vue@3.4.21(typescript@5.4.2))
       animejs:
         specifier: ^3.2.1
         version: 3.2.2
@@ -417,16 +429,16 @@ importers:
         version: 5.4.2
       vite:
         specifier: ^5.4.2
-        version: 5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)
+        version: 5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)
       vite-plugin-checker:
         specifier: ^0.6.4
-        version: 0.6.4(eslint@9.9.1)(optionator@0.9.4)(typescript@5.4.2)(vite@5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))(vue-tsc@1.8.27(typescript@5.4.2))
+        version: 0.6.4(eslint@9.9.1)(optionator@0.9.4)(typescript@5.4.2)(vite@5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))(vue-tsc@1.8.27(typescript@5.4.2))
       vue-tsc:
         specifier: ^1.8.22
         version: 1.8.27(typescript@5.4.2)
       zustand:
         specifier: ^4.5.2
-        version: 4.5.2(@types/react@18.3.4)(immer@10.0.4)(react@18.3.1)
+        version: 4.5.2(@types/react@18.3.5)(immer@10.0.4)(react@18.3.1)
 
   packages/parcel-optimizer-unlink-css:
     dependencies:
@@ -516,7 +528,7 @@ importers:
         version: 3.32.2(react@18.3.1)
       zustand:
         specifier: ^4.5.5
-        version: 4.5.5(@types/react@18.3.4)(immer@10.1.1)(react@18.3.1)
+        version: 4.5.5(@types/react@18.3.5)(immer@10.1.1)(react@18.3.1)
     devDependencies:
       '@arethetypeswrong/cli':
         specifier: ^0.15.4
@@ -577,7 +589,7 @@ importers:
         version: 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
       '@storybook/addon-interactions':
         specifier: ^8.2.9
-        version: 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(vitest@1.6.0(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))
+        version: 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(vitest@1.6.0(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))
       '@storybook/addon-links':
         specifier: ^8.2.9
         version: 8.2.9(react@18.3.1)(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
@@ -592,25 +604,25 @@ importers:
         version: 8.2.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(typescript@5.5.4)
       '@storybook/react-vite':
         specifier: ^8.2.9
-        version: 8.2.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@4.21.1)(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(typescript@5.5.4)(vite@5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))
+        version: 8.2.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@4.21.1)(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(typescript@5.5.4)(vite@5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))
       '@storybook/test':
         specifier: ^8.2.9
-        version: 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(vitest@1.6.0(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))
+        version: 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(vitest@1.6.0(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))
       '@types/react':
         specifier: latest
-        version: 18.3.4
+        version: 18.3.5
       '@vanilla-extract/parcel-transformer':
         specifier: ^1.0.9
-        version: 1.0.9(@parcel/core@2.12.0(@swc/helpers@0.5.3))(@swc/helpers@0.5.3)(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)
+        version: 1.0.9(@parcel/core@2.12.0(@swc/helpers@0.5.3))(@swc/helpers@0.5.3)(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)
       '@vanilla-extract/vite-plugin':
         specifier: ^4.0.15
-        version: 4.0.15(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)(vite@5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))
+        version: 4.0.15(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)(vite@5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))
       '@vitejs/plugin-react':
         specifier: ^4.3.1
-        version: 4.3.1(vite@5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))
+        version: 4.3.1(vite@5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))
       '@vitejs/plugin-react-swc':
         specifier: ^3.7.0
-        version: 3.7.0(@swc/helpers@0.5.3)(vite@5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))
+        version: 3.7.0(@swc/helpers@0.5.3)(vite@5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))
       match-sorter:
         specifier: ^6.3.4
         version: 6.3.4
@@ -637,10 +649,10 @@ importers:
         version: 0.0.7(@rsbuild/core@0.6.15)(@rspack/core@0.6.5(@swc/helpers@0.5.3))(@swc/core@1.7.18(@swc/helpers@0.5.11))(esbuild@0.21.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(typescript@5.5.4)(webpack@5.94.0(@swc/core@1.7.18(@swc/helpers@0.5.11))(esbuild@0.21.5))
       vite:
         specifier: ^5.4.2
-        version: 5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)
+        version: 5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)
       vite-plugin-replace:
         specifier: ^0.1.1
-        version: 0.1.1(vite@5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))
+        version: 0.1.1(vite@5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))
 
   packages/react-no-ssr:
     dependencies:
@@ -677,7 +689,7 @@ importers:
         version: 10.1.0
       '@testing-library/jest-dom':
         specifier: ^6.4.6
-        version: 6.4.6(vitest@1.6.0(@types/node@22.5.1)(jsdom@24.1.0)(lightningcss@1.26.0)(terser@5.31.6))
+        version: 6.4.6(vitest@1.6.0(@types/node@22.5.2)(jsdom@24.1.0)(lightningcss@1.26.0)(terser@5.31.6))
       '@testing-library/react':
         specifier: ^16.0.0
         version: 16.0.0(@testing-library/dom@10.1.0)(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -713,7 +725,7 @@ importers:
         version: 7.13.1(eslint@9.5.0)(typescript@5.4.5)
       vitest:
         specifier: ^1.6.0
-        version: 1.6.0(@types/node@22.5.1)(jsdom@24.1.0)(lightningcss@1.26.0)(terser@5.31.6)
+        version: 1.6.0(@types/node@22.5.2)(jsdom@24.1.0)(lightningcss@1.26.0)(terser@5.31.6)
 
   packages/vue:
     dependencies:
@@ -758,7 +770,7 @@ importers:
         version: 4.5.4(@vueuse/core@10.9.0(vue@3.4.31(typescript@5.5.4)))(@vueuse/integrations@10.9.0(axios@1.7.2)(change-case@4.1.2)(focus-trap@7.5.4)(vue@3.4.31(typescript@5.5.4)))(focus-trap@7.5.4)(vue@3.4.31(typescript@5.5.4))
       zustand:
         specifier: ^4.5.5
-        version: 4.5.5(@types/react@18.3.4)(immer@10.1.1)(react@18.3.1)
+        version: 4.5.5(@types/react@18.3.5)(immer@10.1.1)(react@18.3.1)
     devDependencies:
       '@chromatic-com/storybook':
         specifier: ^1.8.0
@@ -931,14 +943,14 @@ packages:
     resolution: {integrity: sha512-BBt3opiCOxUr9euZ5/ro/Xv8/V7yJ5bjYMqG/C1YAo8MIKAnumZalCN+msbci3Pigy4lIQfPUpfMM27HMGaYEA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/generator@7.24.7':
-    resolution: {integrity: sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/generator@7.25.5':
     resolution: {integrity: sha512-abd43wyLfbWoxC6ahM8xTkqLpGB2iWBVyuKC9/srhFunCd1SDNrV1s72bBpK4hLj8KLzHBBcOblvLQZBNw9r3w==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/generator@7.25.6':
+    resolution: {integrity: sha512-VPC82gr1seXOpkjAAKoLhP50vx4vGNlF4msF64dSFq1P8RfB+QAuJWGHPXXPc8QyfVWwwB/TNNU4+ayZmHNbZw==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-annotate-as-pure@7.24.7':
     resolution: {integrity: sha512-BaDeOonYvhdKw+JoMVkAixAAJzG2jVPIwWoKBPdYuY9b452e2rPuI9QPYh3KpofZ3pW2akOmwZLOiOsHMiqRAg==}
     engines: {node: '>=6.9.0'}
@@ -1072,10 +1084,6 @@ packages:
     resolution: {integrity: sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-string-parser@7.24.7':
-    resolution: {integrity: sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/helper-string-parser@7.24.8':
     resolution: {integrity: sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==}
     engines: {node: '>=6.9.0'}
@@ -1112,13 +1120,13 @@ packages:
     resolution: {integrity: sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/parser@7.24.7':
-    resolution: {integrity: sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw==}
+  '@babel/parser@7.25.4':
+    resolution: {integrity: sha512-nq+eWrOgdtu3jG5Os4TQP3x3cLA8hR8TvJNjD8vnPa20WGycimcparWnLK4jJhElTK6SDyuJo1weMKO/5LpmLA==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  '@babel/parser@7.25.4':
-    resolution: {integrity: sha512-nq+eWrOgdtu3jG5Os4TQP3x3cLA8hR8TvJNjD8vnPa20WGycimcparWnLK4jJhElTK6SDyuJo1weMKO/5LpmLA==}
+  '@babel/parser@7.25.6':
+    resolution: {integrity: sha512-trGdfBdbD0l1ZPmcJ83eNxB9rbEax4ALFTF7fN386TMYbeCQbyme5cOEXQhbGXKebwGaB/J52w1mrklMcbgy6Q==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
@@ -1817,25 +1825,25 @@ packages:
     resolution: {integrity: sha512-aOOgh1/5XzKvg1jvVz7AVrx2piJ2XBi227DHmbY6y+bM9H2FlN+IfecYu4Xl0cNiiVejlsCri89LUsbj8vJD9Q==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/traverse@7.24.7':
-    resolution: {integrity: sha512-yb65Ed5S/QAcewNPh0nZczy9JdYXkkAbIsEo+P7BE7yO3txAY30Y/oPa3QkQ5It3xVG2kpKMg9MsdxZaO31uKA==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/traverse@7.25.4':
     resolution: {integrity: sha512-VJ4XsrD+nOvlXyLzmLzUs/0qjFS4sK30te5yEFlvbbUNEgKaVb2BHZUpAL+ttLPQAHNrsI3zZisbfha5Cvr8vg==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/traverse@7.25.6':
+    resolution: {integrity: sha512-9Vrcx5ZW6UwK5tvqsj0nGpp/XzqthkT0dqIc9g1AdtygFToNtTF67XzYS//dm+SAK9cp3B9R4ZO/46p63SCjlQ==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/types@7.12.6':
     resolution: {integrity: sha512-hwyjw6GvjBLiyy3W0YQf0Z5Zf4NpYejUnKFcfcUhZCSffoBBp30w6wP2Wn6pk31jMYZvcOrB/1b7cGXvEoKogA==}
 
-  '@babel/types@7.24.7':
-    resolution: {integrity: sha512-XEFXSlxiG5td2EJRe8vOmRbaXVgfcBlszKujvVmWIK/UpywWljQCfzAv3RQCGujWQ1RD4YYWEAqDXfuJiy8f5Q==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/types@7.25.4':
     resolution: {integrity: sha512-zQ1ijeeCXVEh+aNL0RlmkPkG8HUiDcU2pzQQFjtbntgAczRASFzj4H+6+bV+dy1ntKR14I/DypeuRG1uma98iQ==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/types@7.25.6':
+    resolution: {integrity: sha512-/l42B1qxpG6RdfYf343Uw1vmDjeNhneUXtzhojE7pDgfpEypmRhI6j1kr17XCVv4Cgl9HdAiQY2x0GwKm7rWCw==}
+    engines: {node: '>=6.9.0'}
+
   '@base2/pretty-print-object@1.0.1':
     resolution: {integrity: sha512-4iri8i1AqYHJE2DstZYkyEprg6Pq6sKx3xn5FpySk9sNhH7qN2LLlHJCfDTZRILNwQNPD7mATWM0TBui7uC1pA==}
 
@@ -4681,8 +4689,8 @@ packages:
   '@types/node@20.16.2':
     resolution: {integrity: sha512-91s/n4qUPV/wg8eE9KHYW1kouTfDk2FPGjXbBMfRWP/2vg1rCXNQL1OCabwGs0XSdukuK+MwCDXE30QpSeMUhQ==}
 
-  '@types/node@22.5.1':
-    resolution: {integrity: sha512-KkHsxej0j9IW1KKOOAA/XBA0z08UFSrRQHErzEfA3Vgq57eXIMYboIlHJuYIfd+lwCQjtKqUu3UnmKbtUc9yRw==}
+  '@types/node@22.5.2':
+    resolution: {integrity: sha512-acJsPTEqYqulZS/Yp/S3GgeE6GZ0qYODUR8aVr/DkhHQ8l9nd4j5x1/ZJy9/gHrRlFMqkO6i0I3E27Alu4jjPg==}
 
   '@types/normalize-package-data@2.4.4':
     resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
@@ -4723,8 +4731,8 @@ packages:
   '@types/react@18.3.3':
     resolution: {integrity: sha512-hti/R0pS0q1/xx+TsI73XIqk26eBsISZ2R0wUijXIngRK9R/e7Xw/cXVxQK7R5JjW+SV4zGcn5hXjudkN/pLIw==}
 
-  '@types/react@18.3.4':
-    resolution: {integrity: sha512-J7W30FTdfCxDDjmfRM+/JqLHBIyl7xUIp9kwK637FGmY7+mkSFSe6L4jpZzhj5QMfLssSDP4/i75AKkrdC7/Jw==}
+  '@types/react@18.3.5':
+    resolution: {integrity: sha512-WeqMfGJLGuLCqHGYRGHxnKrXcTitc6L/nBUWfWPcTarG3t9PsquqUMuVeXZeca+mglY4Vo5GZjCi0A3Or2lnxA==}
 
   '@types/resolve@1.20.6':
     resolution: {integrity: sha512-A4STmOXPhMUtHH+S6ymgE2GiBSMqf4oTvcQZMcHzokuTLVYzXTB8ttjcgxOVaAp2lGwEdzZ0J+cRbbeevQj1UQ==}
@@ -12488,14 +12496,14 @@ snapshots:
   '@babel/core@7.14.5':
     dependencies:
       '@babel/code-frame': 7.24.7
-      '@babel/generator': 7.24.7
+      '@babel/generator': 7.25.6
       '@babel/helper-compilation-targets': 7.24.7
       '@babel/helper-module-transforms': 7.24.7(@babel/core@7.14.5)
       '@babel/helpers': 7.24.7
-      '@babel/parser': 7.25.4
+      '@babel/parser': 7.25.6
       '@babel/template': 7.24.7
-      '@babel/traverse': 7.24.7
-      '@babel/types': 7.25.4
+      '@babel/traverse': 7.25.6
+      '@babel/types': 7.25.6
       convert-source-map: 1.9.0
       debug: 4.3.6
       gensync: 1.0.0-beta.2
@@ -12509,14 +12517,14 @@ snapshots:
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@babel/code-frame': 7.24.7
-      '@babel/generator': 7.24.7
+      '@babel/generator': 7.25.6
       '@babel/helper-compilation-targets': 7.24.7
       '@babel/helper-module-transforms': 7.24.7(@babel/core@7.24.7)
       '@babel/helpers': 7.24.7
-      '@babel/parser': 7.24.7
+      '@babel/parser': 7.25.6
       '@babel/template': 7.24.7
-      '@babel/traverse': 7.24.7
-      '@babel/types': 7.24.7
+      '@babel/traverse': 7.25.6
+      '@babel/types': 7.25.6
       convert-source-map: 2.0.0
       debug: 4.3.5
       gensync: 1.0.0-beta.2
@@ -12545,28 +12553,28 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/generator@7.24.7':
+  '@babel/generator@7.25.5':
     dependencies:
       '@babel/types': 7.25.4
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
       jsesc: 2.5.2
 
-  '@babel/generator@7.25.5':
+  '@babel/generator@7.25.6':
     dependencies:
-      '@babel/types': 7.25.4
+      '@babel/types': 7.25.6
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
       jsesc: 2.5.2
 
   '@babel/helper-annotate-as-pure@7.24.7':
     dependencies:
-      '@babel/types': 7.25.4
+      '@babel/types': 7.25.6
 
   '@babel/helper-builder-binary-assignment-operator-visitor@7.24.7':
     dependencies:
-      '@babel/traverse': 7.25.4
-      '@babel/types': 7.25.4
+      '@babel/traverse': 7.25.6
+      '@babel/types': 7.25.6
     transitivePeerDependencies:
       - supports-color
 
@@ -12689,21 +12697,21 @@ snapshots:
 
   '@babel/helper-environment-visitor@7.24.7':
     dependencies:
-      '@babel/types': 7.25.4
+      '@babel/types': 7.25.6
 
   '@babel/helper-function-name@7.24.7':
     dependencies:
       '@babel/template': 7.25.0
-      '@babel/types': 7.25.4
+      '@babel/types': 7.25.6
 
   '@babel/helper-hoist-variables@7.24.7':
     dependencies:
-      '@babel/types': 7.25.4
+      '@babel/types': 7.25.6
 
   '@babel/helper-member-expression-to-functions@7.24.7':
     dependencies:
-      '@babel/traverse': 7.25.4
-      '@babel/types': 7.25.4
+      '@babel/traverse': 7.25.6
+      '@babel/types': 7.25.6
     transitivePeerDependencies:
       - supports-color
 
@@ -12716,12 +12724,12 @@ snapshots:
 
   '@babel/helper-module-imports@7.22.15':
     dependencies:
-      '@babel/types': 7.25.4
+      '@babel/types': 7.25.6
 
   '@babel/helper-module-imports@7.24.7':
     dependencies:
-      '@babel/traverse': 7.24.7
-      '@babel/types': 7.25.4
+      '@babel/traverse': 7.25.6
+      '@babel/types': 7.25.6
     transitivePeerDependencies:
       - supports-color
 
@@ -12770,7 +12778,7 @@ snapshots:
 
   '@babel/helper-optimise-call-expression@7.24.7':
     dependencies:
-      '@babel/types': 7.25.4
+      '@babel/types': 7.25.6
 
   '@babel/helper-plugin-utils@7.24.7': {}
 
@@ -12841,23 +12849,21 @@ snapshots:
 
   '@babel/helper-simple-access@7.24.7':
     dependencies:
-      '@babel/traverse': 7.25.4
-      '@babel/types': 7.25.4
+      '@babel/traverse': 7.25.6
+      '@babel/types': 7.25.6
     transitivePeerDependencies:
       - supports-color
 
   '@babel/helper-skip-transparent-expression-wrappers@7.24.7':
     dependencies:
-      '@babel/traverse': 7.25.4
-      '@babel/types': 7.25.4
+      '@babel/traverse': 7.25.6
+      '@babel/types': 7.25.6
     transitivePeerDependencies:
       - supports-color
 
   '@babel/helper-split-export-declaration@7.24.7':
     dependencies:
-      '@babel/types': 7.25.4
-
-  '@babel/helper-string-parser@7.24.7': {}
+      '@babel/types': 7.25.6
 
   '@babel/helper-string-parser@7.24.8': {}
 
@@ -12871,8 +12877,8 @@ snapshots:
     dependencies:
       '@babel/helper-function-name': 7.24.7
       '@babel/template': 7.25.0
-      '@babel/traverse': 7.25.4
-      '@babel/types': 7.25.4
+      '@babel/traverse': 7.25.6
+      '@babel/types': 7.25.6
     transitivePeerDependencies:
       - supports-color
 
@@ -12887,7 +12893,7 @@ snapshots:
   '@babel/helpers@7.24.7':
     dependencies:
       '@babel/template': 7.24.7
-      '@babel/types': 7.25.4
+      '@babel/types': 7.25.6
 
   '@babel/helpers@7.25.0':
     dependencies:
@@ -12901,13 +12907,13 @@ snapshots:
       js-tokens: 4.0.0
       picocolors: 1.0.1
 
-  '@babel/parser@7.24.7':
+  '@babel/parser@7.25.4':
     dependencies:
       '@babel/types': 7.25.4
 
-  '@babel/parser@7.25.4':
+  '@babel/parser@7.25.6':
     dependencies:
-      '@babel/types': 7.25.4
+      '@babel/types': 7.25.6
 
   '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.24.7(@babel/core@7.24.7)':
     dependencies:
@@ -13822,7 +13828,7 @@ snapshots:
       '@babel/helper-module-imports': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
       '@babel/plugin-syntax-jsx': 7.24.7(@babel/core@7.14.5)
-      '@babel/types': 7.25.4
+      '@babel/types': 7.25.6
     transitivePeerDependencies:
       - supports-color
 
@@ -13833,7 +13839,7 @@ snapshots:
       '@babel/helper-module-imports': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
       '@babel/plugin-syntax-jsx': 7.24.7(@babel/core@7.24.7)
-      '@babel/types': 7.25.4
+      '@babel/types': 7.25.6
     transitivePeerDependencies:
       - supports-color
 
@@ -14207,14 +14213,14 @@ snapshots:
     dependencies:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
-      '@babel/types': 7.25.4
+      '@babel/types': 7.25.6
       esutils: 2.0.3
 
   '@babel/preset-modules@0.1.6-no-external-plugins(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
       '@babel/helper-plugin-utils': 7.24.7
-      '@babel/types': 7.25.4
+      '@babel/types': 7.25.6
       esutils: 2.0.3
 
   '@babel/preset-react@7.24.7(@babel/core@7.24.7)':
@@ -14286,37 +14292,34 @@ snapshots:
   '@babel/template@7.24.7':
     dependencies:
       '@babel/code-frame': 7.24.7
-      '@babel/parser': 7.24.7
-      '@babel/types': 7.25.4
+      '@babel/parser': 7.25.6
+      '@babel/types': 7.25.6
 
   '@babel/template@7.25.0':
     dependencies:
       '@babel/code-frame': 7.24.7
-      '@babel/parser': 7.25.4
-      '@babel/types': 7.25.4
+      '@babel/parser': 7.25.6
+      '@babel/types': 7.25.6
 
-  '@babel/traverse@7.24.7':
+  '@babel/traverse@7.25.4':
     dependencies:
       '@babel/code-frame': 7.24.7
-      '@babel/generator': 7.24.7
-      '@babel/helper-environment-visitor': 7.24.7
-      '@babel/helper-function-name': 7.24.7
-      '@babel/helper-hoist-variables': 7.24.7
-      '@babel/helper-split-export-declaration': 7.24.7
-      '@babel/parser': 7.24.7
+      '@babel/generator': 7.25.5
+      '@babel/parser': 7.25.4
+      '@babel/template': 7.25.0
       '@babel/types': 7.25.4
       debug: 4.3.6
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/traverse@7.25.4':
+  '@babel/traverse@7.25.6':
     dependencies:
       '@babel/code-frame': 7.24.7
-      '@babel/generator': 7.25.5
-      '@babel/parser': 7.25.4
+      '@babel/generator': 7.25.6
+      '@babel/parser': 7.25.6
       '@babel/template': 7.25.0
-      '@babel/types': 7.25.4
+      '@babel/types': 7.25.6
       debug: 4.3.6
       globals: 11.12.0
     transitivePeerDependencies:
@@ -14328,13 +14331,13 @@ snapshots:
       lodash: 4.17.21
       to-fast-properties: 2.0.0
 
-  '@babel/types@7.24.7':
+  '@babel/types@7.25.4':
     dependencies:
-      '@babel/helper-string-parser': 7.24.7
+      '@babel/helper-string-parser': 7.24.8
       '@babel/helper-validator-identifier': 7.24.7
       to-fast-properties: 2.0.0
 
-  '@babel/types@7.25.4':
+  '@babel/types@7.25.6':
     dependencies:
       '@babel/helper-string-parser': 7.24.8
       '@babel/helper-validator-identifier': 7.24.7
@@ -14381,7 +14384,7 @@ snapshots:
     dependencies:
       '@angular/compiler': 11.2.14
       '@babel/core': 7.14.5
-      '@babel/generator': 7.24.7
+      '@babel/generator': 7.25.6
       '@babel/plugin-syntax-decorators': 7.24.7(@babel/core@7.14.5)
       '@babel/plugin-syntax-typescript': 7.24.7(@babel/core@7.14.5)
       '@babel/plugin-transform-react-jsx': 7.24.7(@babel/core@7.14.5)
@@ -14863,7 +14866,7 @@ snapshots:
       '@iconify/types': 2.0.0
       vue: 3.4.21(typescript@5.4.2)
 
-  '@interchain-ui/react@1.23.13(@types/react@18.3.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@interchain-ui/react@1.23.13(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@floating-ui/core': 1.6.7
       '@floating-ui/dom': 1.6.10
@@ -14888,7 +14891,7 @@ snapshots:
       react-aria: 3.34.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react-dom: 18.3.1(react@18.3.1)
       react-stately: 3.32.2(react@18.3.1)
-      zustand: 4.5.5(@types/react@18.3.4)(immer@10.1.1)(react@18.3.1)
+      zustand: 4.5.5(@types/react@18.3.5)(immer@10.1.1)(react@18.3.1)
     transitivePeerDependencies:
       - '@types/react'
       - babel-plugin-macros
@@ -14927,13 +14930,13 @@ snapshots:
     dependencies:
       '@sinclair/typebox': 0.27.8
 
-  '@joshwooding/vite-plugin-react-docgen-typescript@0.3.1(typescript@5.5.4)(vite@5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))':
+  '@joshwooding/vite-plugin-react-docgen-typescript@0.3.1(typescript@5.5.4)(vite@5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))':
     dependencies:
       glob: 7.2.3
       glob-promise: 4.2.2(glob@7.2.3)
       magic-string: 0.27.0
       react-docgen-typescript: 2.2.2(typescript@5.5.4)
-      vite: 5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)
+      vite: 5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)
     optionalDependencies:
       typescript: 5.5.4
 
@@ -15083,13 +15086,13 @@ snapshots:
   '@mdx-js/react@2.3.0(react@18.3.1)':
     dependencies:
       '@types/mdx': 2.0.11
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       react: 18.3.1
 
-  '@mdx-js/react@3.0.1(@types/react@18.3.4)(react@18.3.1)':
+  '@mdx-js/react@3.0.1(@types/react@18.3.5)(react@18.3.1)':
     dependencies:
       '@types/mdx': 2.0.13
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       react: 18.3.1
 
   '@microsoft/api-extractor-model@7.28.13(@types/node@20.16.2)':
@@ -15745,7 +15748,7 @@ snapshots:
       '@parcel/source-map': 2.1.1
       '@parcel/types': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))(@swc/helpers@0.5.3)
       '@parcel/utils': 2.12.0
-      '@parcel/workers': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))
+      '@parcel/workers': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))(@swc/helpers@0.5.3)
       abortcontroller-polyfill: 1.7.5
       base-x: 3.0.10
       browserslist: 4.23.3
@@ -15784,7 +15787,7 @@ snapshots:
       '@parcel/types': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))(@swc/helpers@0.5.3)
       '@parcel/utils': 2.12.0
       '@parcel/watcher': 2.4.1
-      '@parcel/workers': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))
+      '@parcel/workers': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))(@swc/helpers@0.5.3)
     transitivePeerDependencies:
       - '@swc/helpers'
 
@@ -15794,7 +15797,7 @@ snapshots:
       '@parcel/types': 2.12.0(@swc/helpers@0.5.11)
       '@parcel/utils': 2.12.0
       '@parcel/watcher': 2.4.1
-      '@parcel/workers': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))
+      '@parcel/workers': 2.12.0(@swc/helpers@0.5.11)
     transitivePeerDependencies:
       - '@swc/helpers'
 
@@ -15947,7 +15950,7 @@ snapshots:
       '@parcel/plugin': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))(@swc/helpers@0.5.3)
       '@parcel/rust': 2.12.0
       '@parcel/utils': 2.12.0
-      '@parcel/workers': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))
+      '@parcel/workers': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))(@swc/helpers@0.5.3)
     transitivePeerDependencies:
       - '@swc/helpers'
 
@@ -16031,7 +16034,7 @@ snapshots:
       '@parcel/node-resolver-core': 3.3.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))
       '@parcel/types': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))(@swc/helpers@0.5.12)
       '@parcel/utils': 2.12.0
-      '@parcel/workers': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))
+      '@parcel/workers': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))(@swc/helpers@0.5.3)
       '@swc/core': 1.7.18(@swc/helpers@0.5.12)
       semver: 7.6.3
     transitivePeerDependencies:
@@ -16046,7 +16049,7 @@ snapshots:
       '@parcel/node-resolver-core': 3.3.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))
       '@parcel/types': 2.12.0(@swc/helpers@0.5.11)
       '@parcel/utils': 2.12.0
-      '@parcel/workers': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))
+      '@parcel/workers': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))(@swc/helpers@0.5.3)
       '@swc/core': 1.7.18(@swc/helpers@0.5.3)
       semver: 7.6.3
     transitivePeerDependencies:
@@ -16060,7 +16063,7 @@ snapshots:
       '@parcel/node-resolver-core': 3.3.0
       '@parcel/types': 2.12.0(@swc/helpers@0.5.11)
       '@parcel/utils': 2.12.0
-      '@parcel/workers': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))
+      '@parcel/workers': 2.12.0(@swc/helpers@0.5.11)
       '@swc/core': 1.7.18(@swc/helpers@0.5.11)
       semver: 7.6.3
     transitivePeerDependencies:
@@ -16491,7 +16494,7 @@ snapshots:
       '@parcel/core': 2.12.0(@swc/helpers@0.5.3)
       '@parcel/plugin': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))(@swc/helpers@0.5.3)
       '@parcel/utils': 2.12.0
-      '@parcel/workers': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))
+      '@parcel/workers': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))(@swc/helpers@0.5.3)
       nullthrows: 1.1.1
     transitivePeerDependencies:
       - '@swc/helpers'
@@ -16519,7 +16522,7 @@ snapshots:
       '@parcel/rust': 2.12.0
       '@parcel/source-map': 2.1.1
       '@parcel/utils': 2.12.0
-      '@parcel/workers': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))
+      '@parcel/workers': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))(@swc/helpers@0.5.3)
       '@swc/helpers': 0.5.12
       browserslist: 4.23.3
       nullthrows: 1.1.1
@@ -16804,7 +16807,7 @@ snapshots:
       '@parcel/fs': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))(@swc/helpers@0.5.3)
       '@parcel/package-manager': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))(@swc/helpers@0.5.12)
       '@parcel/source-map': 2.1.1
-      '@parcel/workers': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))
+      '@parcel/workers': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))(@swc/helpers@0.5.3)
       utility-types: 3.11.0
     transitivePeerDependencies:
       - '@parcel/core'
@@ -16817,7 +16820,7 @@ snapshots:
       '@parcel/fs': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))(@swc/helpers@0.5.3)
       '@parcel/package-manager': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))(@swc/helpers@0.5.3)
       '@parcel/source-map': 2.1.1
-      '@parcel/workers': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))
+      '@parcel/workers': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))(@swc/helpers@0.5.3)
       utility-types: 3.11.0
     transitivePeerDependencies:
       - '@parcel/core'
@@ -16830,7 +16833,7 @@ snapshots:
       '@parcel/fs': 2.12.0(@swc/helpers@0.5.11)
       '@parcel/package-manager': 2.12.0(@swc/helpers@0.5.11)
       '@parcel/source-map': 2.1.1
-      '@parcel/workers': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))
+      '@parcel/workers': 2.12.0(@swc/helpers@0.5.11)
       utility-types: 3.11.0
     transitivePeerDependencies:
       - '@parcel/core'
@@ -16915,15 +16918,28 @@ snapshots:
     transitivePeerDependencies:
       - '@swc/helpers'
 
-  '@parcel/workers@2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))':
+  '@parcel/workers@2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))(@swc/helpers@0.5.3)':
     dependencies:
       '@parcel/core': 2.12.0(@swc/helpers@0.5.3)
+      '@parcel/diagnostic': 2.12.0
+      '@parcel/logger': 2.12.0
+      '@parcel/profiler': 2.12.0
+      '@parcel/types': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))(@swc/helpers@0.5.3)
+      '@parcel/utils': 2.12.0
+      nullthrows: 1.1.1
+    transitivePeerDependencies:
+      - '@swc/helpers'
+
+  '@parcel/workers@2.12.0(@swc/helpers@0.5.11)':
+    dependencies:
       '@parcel/diagnostic': 2.12.0
       '@parcel/logger': 2.12.0
       '@parcel/profiler': 2.12.0
       '@parcel/types': 2.12.0(@swc/helpers@0.5.11)
       '@parcel/utils': 2.12.0
       nullthrows: 1.1.1
+    transitivePeerDependencies:
+      - '@swc/helpers'
 
   '@pkgjs/parseargs@0.11.0':
     optional: true
@@ -18149,12 +18165,12 @@ snapshots:
   '@storybook/addon-docs@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))':
     dependencies:
       '@babel/core': 7.25.2
-      '@mdx-js/react': 3.0.1(@types/react@18.3.4)(react@18.3.1)
+      '@mdx-js/react': 3.0.1(@types/react@18.3.5)(react@18.3.1)
       '@storybook/blocks': 8.2.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
       '@storybook/csf-plugin': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
       '@storybook/global': 5.0.0
       '@storybook/react-dom-shim': 8.2.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       fs-extra: 11.2.0
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -18201,11 +18217,11 @@ snapshots:
       - jest
       - vitest
 
-  '@storybook/addon-interactions@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(vitest@1.6.0(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))':
+  '@storybook/addon-interactions@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(vitest@1.6.0(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))':
     dependencies:
       '@storybook/global': 5.0.0
       '@storybook/instrumenter': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
-      '@storybook/test': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(vitest@1.6.0(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))
+      '@storybook/test': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(vitest@1.6.0(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))
       polished: 4.3.1
       storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
       ts-dedent: 2.2.0
@@ -18292,7 +18308,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@storybook/builder-vite@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(typescript@5.5.4)(vite@5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))':
+  '@storybook/builder-vite@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(typescript@5.5.4)(vite@5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))':
     dependencies:
       '@storybook/csf-plugin': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
       '@types/find-cache-dir': 3.2.1
@@ -18304,7 +18320,7 @@ snapshots:
       magic-string: 0.30.11
       storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
       ts-dedent: 2.2.0
-      vite: 5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)
+      vite: 5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)
     optionalDependencies:
       typescript: 5.5.4
     transitivePeerDependencies:
@@ -18413,11 +18429,11 @@ snapshots:
       react-dom: 18.3.1(react@18.3.1)
       storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
 
-  '@storybook/react-vite@8.2.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@4.21.1)(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(typescript@5.5.4)(vite@5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))':
+  '@storybook/react-vite@8.2.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@4.21.1)(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(typescript@5.5.4)(vite@5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))':
     dependencies:
-      '@joshwooding/vite-plugin-react-docgen-typescript': 0.3.1(typescript@5.5.4)(vite@5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))
+      '@joshwooding/vite-plugin-react-docgen-typescript': 0.3.1(typescript@5.5.4)(vite@5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))
       '@rollup/pluginutils': 5.1.0(rollup@4.21.1)
-      '@storybook/builder-vite': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(typescript@5.5.4)(vite@5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))
+      '@storybook/builder-vite': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(typescript@5.5.4)(vite@5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))
       '@storybook/react': 8.2.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(typescript@5.5.4)
       find-up: 5.0.0
       magic-string: 0.30.11
@@ -18427,7 +18443,7 @@ snapshots:
       resolve: 1.22.8
       storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
       tsconfig-paths: 4.2.0
-      vite: 5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)
+      vite: 5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)
     transitivePeerDependencies:
       - '@preact/preset-vite'
       - rollup
@@ -18482,12 +18498,12 @@ snapshots:
       - jest
       - vitest
 
-  '@storybook/test@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(vitest@1.6.0(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))':
+  '@storybook/test@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(vitest@1.6.0(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))':
     dependencies:
       '@storybook/csf': 0.1.11
       '@storybook/instrumenter': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
       '@testing-library/dom': 10.1.0
-      '@testing-library/jest-dom': 6.4.5(vitest@1.6.0(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))
+      '@testing-library/jest-dom': 6.4.5(vitest@1.6.0(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))
       '@testing-library/user-event': 14.5.2(@testing-library/dom@10.1.0)
       '@vitest/expect': 1.6.0
       '@vitest/spy': 1.6.0
@@ -18676,7 +18692,7 @@ snapshots:
     optionalDependencies:
       vitest: 1.6.0(@types/node@20.16.2)(jsdom@24.1.0)(lightningcss@1.26.0)(terser@5.31.6)
 
-  '@testing-library/jest-dom@6.4.5(vitest@1.6.0(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))':
+  '@testing-library/jest-dom@6.4.5(vitest@1.6.0(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))':
     dependencies:
       '@adobe/css-tools': 4.4.0
       '@babel/runtime': 7.25.4
@@ -18687,9 +18703,9 @@ snapshots:
       lodash: 4.17.21
       redent: 3.0.0
     optionalDependencies:
-      vitest: 1.6.0(@types/node@22.5.1)(jsdom@24.1.0)(lightningcss@1.26.0)(terser@5.31.6)
+      vitest: 1.6.0(@types/node@22.5.2)(jsdom@24.1.0)(lightningcss@1.26.0)(terser@5.31.6)
 
-  '@testing-library/jest-dom@6.4.6(vitest@1.6.0(@types/node@22.5.1)(jsdom@24.1.0)(lightningcss@1.26.0)(terser@5.31.6))':
+  '@testing-library/jest-dom@6.4.6(vitest@1.6.0(@types/node@22.5.2)(jsdom@24.1.0)(lightningcss@1.26.0)(terser@5.31.6))':
     dependencies:
       '@adobe/css-tools': 4.4.0
       '@babel/runtime': 7.24.7
@@ -18700,7 +18716,7 @@ snapshots:
       lodash: 4.17.21
       redent: 3.0.0
     optionalDependencies:
-      vitest: 1.6.0(@types/node@22.5.1)(jsdom@24.1.0)(lightningcss@1.26.0)(terser@5.31.6)
+      vitest: 1.6.0(@types/node@22.5.2)(jsdom@24.1.0)(lightningcss@1.26.0)(terser@5.31.6)
 
   '@testing-library/react@16.0.0(@testing-library/dom@10.1.0)(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
@@ -18798,7 +18814,7 @@ snapshots:
 
   '@types/cross-spawn@6.0.6':
     dependencies:
-      '@types/node': 22.5.1
+      '@types/node': 20.16.2
 
   '@types/d3-scale-chromatic@3.0.3': {}
 
@@ -18851,7 +18867,7 @@ snapshots:
   '@types/glob@7.2.0':
     dependencies:
       '@types/minimatch': 5.1.2
-      '@types/node': 22.5.1
+      '@types/node': 20.16.2
 
   '@types/hast@2.3.10':
     dependencies:
@@ -18917,7 +18933,7 @@ snapshots:
     dependencies:
       undici-types: 6.19.8
 
-  '@types/node@22.5.1':
+  '@types/node@22.5.2':
     dependencies:
       undici-types: 6.19.8
 
@@ -18937,15 +18953,15 @@ snapshots:
 
   '@types/react-dom@18.2.22':
     dependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
   '@types/react-dom@18.2.25':
     dependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
   '@types/react-dom@18.3.0':
     dependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
 
   '@types/react@18.2.69':
     dependencies:
@@ -18963,7 +18979,7 @@ snapshots:
       '@types/prop-types': 15.7.11
       csstype: 3.1.3
 
-  '@types/react@18.3.4':
+  '@types/react@18.3.5':
     dependencies:
       '@types/prop-types': 15.7.12
       csstype: 3.1.3
@@ -19395,7 +19411,7 @@ snapshots:
     dependencies:
       '@vanilla-extract/private': 1.0.6
 
-  '@vanilla-extract/integration@7.1.1(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)':
+  '@vanilla-extract/integration@7.1.1(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)':
     dependencies:
       '@babel/core': 7.25.2
       '@babel/plugin-syntax-typescript': 7.23.3(@babel/core@7.25.2)
@@ -19408,8 +19424,8 @@ snapshots:
       lodash: 4.17.21
       mlly: 1.6.1
       outdent: 0.8.0
-      vite: 5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)
-      vite-node: 1.6.0(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)
+      vite: 5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)
+      vite-node: 1.6.0(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -19447,7 +19463,7 @@ snapshots:
       - supports-color
       - terser
 
-  '@vanilla-extract/integration@7.1.9(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)':
+  '@vanilla-extract/integration@7.1.9(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)':
     dependencies:
       '@babel/core': 7.25.2
       '@babel/plugin-syntax-typescript': 7.25.4(@babel/core@7.25.2)
@@ -19459,8 +19475,8 @@ snapshots:
       find-up: 5.0.0
       javascript-stringify: 2.1.0
       mlly: 1.7.1
-      vite: 5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)
-      vite-node: 1.6.0(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)
+      vite: 5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)
+      vite-node: 1.6.0(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
@@ -19473,10 +19489,10 @@ snapshots:
       - supports-color
       - terser
 
-  '@vanilla-extract/parcel-transformer@1.0.9(@parcel/core@2.12.0(@swc/helpers@0.5.3))(@swc/helpers@0.5.3)(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)':
+  '@vanilla-extract/parcel-transformer@1.0.9(@parcel/core@2.12.0(@swc/helpers@0.5.3))(@swc/helpers@0.5.3)(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)':
     dependencies:
       '@parcel/plugin': 2.12.0(@parcel/core@2.12.0(@swc/helpers@0.5.3))(@swc/helpers@0.5.3)
-      '@vanilla-extract/integration': 7.1.9(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)
+      '@vanilla-extract/integration': 7.1.9(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)
     transitivePeerDependencies:
       - '@parcel/core'
       - '@swc/helpers'
@@ -19525,10 +19541,10 @@ snapshots:
       - supports-color
       - terser
 
-  '@vanilla-extract/vite-plugin@4.0.15(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)(vite@5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))':
+  '@vanilla-extract/vite-plugin@4.0.15(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)(vite@5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))':
     dependencies:
-      '@vanilla-extract/integration': 7.1.9(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)
-      vite: 5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)
+      '@vanilla-extract/integration': 7.1.9(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)
+      vite: 5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
@@ -19541,10 +19557,10 @@ snapshots:
       - supports-color
       - terser
 
-  '@vanilla-extract/vite-plugin@4.0.6(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)(vite@5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))':
+  '@vanilla-extract/vite-plugin@4.0.6(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)(vite@5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))':
     dependencies:
-      '@vanilla-extract/integration': 7.1.1(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)
-      vite: 5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)
+      '@vanilla-extract/integration': 7.1.1(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)
+      vite: 5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -19556,21 +19572,21 @@ snapshots:
       - supports-color
       - terser
 
-  '@vitejs/plugin-react-swc@3.7.0(@swc/helpers@0.5.3)(vite@5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))':
+  '@vitejs/plugin-react-swc@3.7.0(@swc/helpers@0.5.3)(vite@5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))':
     dependencies:
       '@swc/core': 1.7.18(@swc/helpers@0.5.3)
-      vite: 5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)
+      vite: 5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)
     transitivePeerDependencies:
       - '@swc/helpers'
 
-  '@vitejs/plugin-react@4.3.1(vite@5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))':
+  '@vitejs/plugin-react@4.3.1(vite@5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))':
     dependencies:
       '@babel/core': 7.25.2
       '@babel/plugin-transform-react-jsx-self': 7.24.7(@babel/core@7.25.2)
       '@babel/plugin-transform-react-jsx-source': 7.24.7(@babel/core@7.25.2)
       '@types/babel__core': 7.20.5
       react-refresh: 0.14.2
-      vite: 5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)
+      vite: 5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)
     transitivePeerDependencies:
       - supports-color
 
@@ -19589,9 +19605,9 @@ snapshots:
       vite: 5.4.2(@types/node@20.16.2)(lightningcss@1.26.0)(terser@5.31.6)
       vue: 3.4.31(typescript@5.5.4)
 
-  '@vitejs/plugin-vue@5.0.4(vite@5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))(vue@3.4.21(typescript@5.4.2))':
+  '@vitejs/plugin-vue@5.0.4(vite@5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))(vue@3.4.21(typescript@5.4.2))':
     dependencies:
-      vite: 5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)
+      vite: 5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)
       vue: 3.4.21(typescript@5.4.2)
 
   '@vitejs/plugin-vue@5.0.5(vite@5.4.2(@types/node@20.14.9)(lightningcss@1.26.0)(terser@5.31.6))(vue@3.4.31(typescript@5.5.3))':
@@ -19717,8 +19733,8 @@ snapshots:
       '@babel/helper-plugin-utils': 7.24.8
       '@babel/plugin-syntax-jsx': 7.24.7(@babel/core@7.24.7)
       '@babel/template': 7.25.0
-      '@babel/traverse': 7.25.4
-      '@babel/types': 7.25.4
+      '@babel/traverse': 7.25.6
+      '@babel/types': 7.25.6
       '@vue/babel-helper-vue-transform-on': 1.2.2
       '@vue/babel-plugin-resolve-type': 1.2.2(@babel/core@7.24.7)
       camelcase: 6.3.0
@@ -19735,8 +19751,8 @@ snapshots:
       '@babel/helper-plugin-utils': 7.24.8
       '@babel/plugin-syntax-jsx': 7.24.7(@babel/core@7.25.2)
       '@babel/template': 7.25.0
-      '@babel/traverse': 7.25.4
-      '@babel/types': 7.25.4
+      '@babel/traverse': 7.25.6
+      '@babel/types': 7.25.6
       '@vue/babel-helper-vue-transform-on': 1.2.2
       '@vue/babel-plugin-resolve-type': 1.2.2(@babel/core@7.25.2)
       camelcase: 6.3.0
@@ -19753,7 +19769,7 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-module-imports': 7.22.15
       '@babel/helper-plugin-utils': 7.24.8
-      '@babel/parser': 7.25.4
+      '@babel/parser': 7.25.6
       '@vue/compiler-sfc': 3.4.38
 
   '@vue/babel-plugin-resolve-type@1.2.2(@babel/core@7.25.2)':
@@ -19762,7 +19778,7 @@ snapshots:
       '@babel/core': 7.25.2
       '@babel/helper-module-imports': 7.22.15
       '@babel/helper-plugin-utils': 7.24.8
-      '@babel/parser': 7.25.4
+      '@babel/parser': 7.25.6
       '@vue/compiler-sfc': 3.4.38
 
   '@vue/babel-plugin-transform-vue-jsx@1.4.0(@babel/core@7.24.7)':
@@ -19867,7 +19883,7 @@ snapshots:
 
   '@vue/compiler-core@3.4.31':
     dependencies:
-      '@babel/parser': 7.25.4
+      '@babel/parser': 7.25.6
       '@vue/shared': 3.4.31
       entities: 4.5.0
       estree-walker: 2.0.2
@@ -19910,7 +19926,7 @@ snapshots:
 
   '@vue/compiler-sfc@3.4.31':
     dependencies:
-      '@babel/parser': 7.25.4
+      '@babel/parser': 7.25.6
       '@vue/compiler-core': 3.4.31
       '@vue/compiler-dom': 3.4.31
       '@vue/compiler-ssr': 3.4.31
@@ -24064,7 +24080,7 @@ snapshots:
 
   jest-worker@27.5.1:
     dependencies:
-      '@types/node': 18.19.47
+      '@types/node': 20.16.2
       merge-stream: 2.0.0
       supports-color: 8.1.1
 
@@ -28550,13 +28566,13 @@ snapshots:
       - supports-color
       - terser
 
-  vite-node@1.6.0(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6):
+  vite-node@1.6.0(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6):
     dependencies:
       cac: 6.7.14
       debug: 4.3.6
       pathe: 1.1.2
       picocolors: 1.0.1
-      vite: 5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)
+      vite: 5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -28592,7 +28608,7 @@ snapshots:
       typescript: 5.5.4
       vue-tsc: 1.8.27(typescript@5.5.4)
 
-  vite-plugin-checker@0.6.4(eslint@9.9.1)(optionator@0.9.4)(typescript@5.4.2)(vite@5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6))(vue-tsc@1.8.27(typescript@5.4.2)):
+  vite-plugin-checker@0.6.4(eslint@9.9.1)(optionator@0.9.4)(typescript@5.4.2)(vite@5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6))(vue-tsc@1.8.27(typescript@5.4.2)):
     dependencies:
       '@babel/code-frame': 7.24.7
       ansi-escapes: 4.3.2
@@ -28605,7 +28621,7 @@ snapshots:
       semver: 7.6.3
       strip-ansi: 6.0.1
       tiny-invariant: 1.3.3
-      vite: 5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)
+      vite: 5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)
       vscode-languageclient: 7.0.0
       vscode-languageserver: 7.0.0
       vscode-languageserver-textdocument: 1.0.12
@@ -28633,9 +28649,9 @@ snapshots:
       - rollup
       - supports-color
 
-  vite-plugin-replace@0.1.1(vite@5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)):
+  vite-plugin-replace@0.1.1(vite@5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)):
     dependencies:
-      vite: 5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)
+      vite: 5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)
 
   vite@5.4.2(@types/node@20.14.9)(lightningcss@1.26.0)(terser@5.31.6):
     dependencies:
@@ -28659,13 +28675,13 @@ snapshots:
       lightningcss: 1.26.0
       terser: 5.31.6
 
-  vite@5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6):
+  vite@5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6):
     dependencies:
       esbuild: 0.21.5
       postcss: 8.4.41
       rollup: 4.21.1
     optionalDependencies:
-      '@types/node': 22.5.1
+      '@types/node': 22.5.2
       fsevents: 2.3.3
       lightningcss: 1.26.0
       terser: 5.31.6
@@ -28705,7 +28721,7 @@ snapshots:
       - supports-color
       - terser
 
-  vitest@1.6.0(@types/node@22.5.1)(jsdom@24.1.0)(lightningcss@1.26.0)(terser@5.31.6):
+  vitest@1.6.0(@types/node@22.5.2)(jsdom@24.1.0)(lightningcss@1.26.0)(terser@5.31.6):
     dependencies:
       '@vitest/expect': 1.6.0
       '@vitest/runner': 1.6.0
@@ -28724,11 +28740,11 @@ snapshots:
       strip-literal: 2.1.0
       tinybench: 2.9.0
       tinypool: 0.8.4
-      vite: 5.4.2(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)
-      vite-node: 1.6.0(@types/node@22.5.1)(lightningcss@1.26.0)(terser@5.31.6)
+      vite: 5.4.2(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)
+      vite-node: 1.6.0(@types/node@22.5.2)(lightningcss@1.26.0)(terser@5.31.6)
       why-is-node-running: 2.3.0
     optionalDependencies:
-      '@types/node': 22.5.1
+      '@types/node': 22.5.2
       jsdom: 24.1.0
     transitivePeerDependencies:
       - less
@@ -29173,27 +29189,27 @@ snapshots:
 
   zod@3.22.4: {}
 
-  zustand@4.5.2(@types/react@18.3.4)(immer@10.0.4)(react@18.3.1):
+  zustand@4.5.2(@types/react@18.3.5)(immer@10.0.4)(react@18.3.1):
     dependencies:
       use-sync-external-store: 1.2.0(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       immer: 10.0.4
       react: 18.3.1
 
-  zustand@4.5.4(@types/react@18.3.4)(immer@10.1.1)(react@18.3.1):
+  zustand@4.5.4(@types/react@18.3.5)(immer@10.1.1)(react@18.3.1):
     dependencies:
       use-sync-external-store: 1.2.0(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       immer: 10.1.1
       react: 18.3.1
 
-  zustand@4.5.5(@types/react@18.3.4)(immer@10.1.1)(react@18.3.1):
+  zustand@4.5.5(@types/react@18.3.5)(immer@10.1.1)(react@18.3.1):
     dependencies:
       use-sync-external-store: 1.2.2(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.4
+      '@types/react': 18.3.5
       immer: 10.1.1
       react: 18.3.1
 
diff --git a/src/ui/box/box.lite.tsx b/src/ui/box/box.lite.tsx
index 4c770290..200cb717 100644
--- a/src/ui/box/box.lite.tsx
+++ b/src/ui/box/box.lite.tsx
@@ -21,6 +21,7 @@ export default function Box(props: BoxProps) {
       passThroughProps: Record<string, unknown>;
     };
     finalPassThroughProps: Record<string, unknown>;
+    combinedClassName: string;
   }>({
     get comp() {
       return props.as ?? DEFAULT_VALUES.as;
@@ -28,6 +29,9 @@ export default function Box(props: BoxProps) {
     get finalPassThroughProps() {
       return state.boxStyles.passThroughProps;
     },
+    get combinedClassName() {
+      return clsx(state.boxStyles.className, props.className);
+    },
     get boxStyles() {
       const sprinklesObj = rainbowSprinkles({
         ...omit(props, ["attributes", "as", "boxRef"]),
@@ -49,7 +53,7 @@ export default function Box(props: BoxProps) {
 
   return (
     <state.comp
-      className={state.boxStyles.className}
+      className={state.combinedClassName}
       style={{
         ...state.boxStyles.style,
         ...props.attributes?.style,
diff --git a/src/ui/button/button.lite.tsx b/src/ui/button/button.lite.tsx
index 2af4fb6e..07d58d04 100644
--- a/src/ui/button/button.lite.tsx
+++ b/src/ui/button/button.lite.tsx
@@ -47,6 +47,8 @@ export default function Button(props: ButtonProps) {
     _overrideManager: OverrideStyleManager | null;
     getVars: () => UnknownRecord;
     getStoreState: () => any;
+    combinedClassName: string;
+    spreadAttributes: UnknownRecord;
   }>({
     _overrideManager: null,
     _theme: "light",
@@ -77,6 +79,39 @@ export default function Button(props: ButtonProps) {
             [styles.buttonHoverBgVar]: getAccentHover(themeVars.colors.accent),
           });
     },
+    get combinedClassName() {
+      return clx(
+        styles.buttonSize[props.size],
+        recipe({
+          as: props.as,
+          variant: props.variant,
+          intent: props.intent ?? "primary",
+          isDisabled: props.disabled || props.isLoading,
+          theme: state.getStoreState().theme,
+        }),
+        props.fluidWidth ? fullWidth : null,
+        props.fluid ? fullWidthHeight : null,
+        props.className,
+      );
+    },
+    get spreadAttributes() {
+      return Object.assign(
+        {
+          as: props.as,
+        },
+        {
+          attributes: {
+            ...props.attributes,
+            onClick: (event) => props.onClick?.(event),
+            onMouseEnter: (event) => props.onHoverStart?.(event),
+            onMouseLeave: (event) => props.onHoverEnd?.(event),
+            disabled: props.disabled,
+            // style: state.getVars(),
+            ...props.domAttributes,
+          },
+        },
+      );
+    },
   });
 
   let cleanupRef = useRef<() => void>(null);
@@ -96,35 +131,16 @@ export default function Button(props: ButtonProps) {
   });
 
   onUnMount(() => {
-    if (typeof cleanupRef === "function") cleanupRef();
+    if (typeof cleanupRef === "function") {
+      cleanupRef();
+    }
   });
 
   return (
     <Box
-      as={props.as}
       boxRef={props.buttonRef}
-      {...props.attributes}
-      className={clx(
-        styles.buttonSize[props.size],
-        recipe({
-          as: props.as,
-          variant: props.variant,
-          intent: props.intent ?? "primary",
-          isDisabled: props.disabled || props.isLoading,
-          theme: state.getStoreState().theme,
-        }),
-        props.fluidWidth ? fullWidth : null,
-        props.fluid ? fullWidthHeight : null,
-        props.className,
-      )}
-      attributes={{
-        onClick: (event) => props.onClick?.(event),
-        onMouseEnter: (event) => props.onHoverStart?.(event),
-        onMouseLeave: (event) => props.onHoverEnd?.(event),
-        disabled: props.disabled,
-        // style: state.getVars(),
-        ...props.domAttributes,
-      }}
+      className={state.combinedClassName}
+      {...state.spreadAttributes}
     >
       <Spinner
         size={props.iconSize}
diff --git a/src/ui/spinner/spinner.lite.tsx b/src/ui/spinner/spinner.lite.tsx
index 427a09ba..9d10a4e8 100644
--- a/src/ui/spinner/spinner.lite.tsx
+++ b/src/ui/spinner/spinner.lite.tsx
@@ -1,4 +1,4 @@
-import { useMetadata } from "@builder.io/mitosis";
+import { useMetadata, useStore } from "@builder.io/mitosis";
 import clx from "clsx";
 import Icon from "../icon";
 import { loader } from "./spinner.css";
@@ -11,9 +11,17 @@ useMetadata({
 });
 
 export default function Spinner(props: SpinnerProps) {
+  const state = useStore<{
+    combinedClassName: string;
+  }>({
+    get combinedClassName() {
+      return clx(loader, props.className);
+    },
+  });
+
   return (
     <Icon
-      className={clx(loader, props.className)}
+      className={state.combinedClassName}
       name="loaderLine"
       size={props.size}
       title={props.title}