fix: removed unused imports and dependencies

package.json

@@ -163,8 +163,7 @@
     "algoliasearch": "catalog:",
     "axios": "catalog:",
     "chart.js": "^4.5.0",
-    "class-variance-authority": "catalog:",
-    "clsx": "catalog:",
+    "class-variance-authority": "0.7.1",
     "cva": "catalog:",
     "dompurify": "^3.2.5",
     "dotenv": "catalog:",
@@ -182,7 +181,6 @@
     "primevue": "catalog:",
     "reka-ui": "catalog:",
     "semver": "^7.7.2",
-    "tailwind-merge": "catalog:",
     "three": "^0.170.0",
     "tiptap-markdown": "^0.8.10",
     "typegpu": "catalog:",

pnpm-lock.yaml

@@ -138,12 +138,6 @@ catalogs:
     axios:
       specifier: ^1.8.2
       version: 1.13.2
-    class-variance-authority:
-      specifier: 0.7.1
-      version: 0.7.1
-    clsx:
-      specifier: ^2.1.1
-      version: 2.1.1
     cross-env:
       specifier: ^10.1.0
       version: 10.1.0
@@ -249,9 +243,6 @@ catalogs:
     stylelint:
       specifier: ^16.26.1
       version: 16.26.1
-    tailwind-merge:
-      specifier: ^2.6.0
-      version: 2.6.0
     tailwindcss:
       specifier: ^4.1.12
       version: 4.1.12
@@ -438,11 +429,8 @@ importers:
         specifier: ^4.5.0
         version: 4.5.0
       class-variance-authority:
-        specifier: 'catalog:'
+        specifier: 0.7.1
         version: 0.7.1
-      clsx:
-        specifier: 'catalog:'
-        version: 2.1.1
       cva:
         specifier: 'catalog:'
         version: 1.0.0-beta.4(typescript@5.9.3)
@@ -494,9 +482,6 @@ importers:
       semver:
         specifier: ^7.7.2
         version: 7.7.3
-      tailwind-merge:
-        specifier: 'catalog:'
-        version: 2.6.0
       three:
         specifier: ^0.170.0
         version: 0.170.0

pnpm-workspace.yaml

@@ -47,8 +47,6 @@ catalog:
   '@webgpu/types': ^0.1.66
   algoliasearch: ^5.21.0
   axios: ^1.8.2
-  class-variance-authority: 0.7.1
-  clsx: ^2.1.1
   cross-env: ^10.1.0
   cva: 1.0.0-beta.4
   dotenv: ^16.4.5
@@ -84,7 +82,6 @@ catalog:
   rollup-plugin-visualizer: ^6.0.4
   storybook: ^10.1.9
   stylelint: ^16.26.1
-  tailwind-merge: ^2.6.0
   tailwindcss: ^4.1.12
   tailwindcss-primeui: ^0.6.1
   tsx: ^4.15.6

src/components/ui/toggle/Toggle.vue

@@ -1,43 +0,0 @@
-<script setup lang="ts">
-/* eslint-disable vue/no-unused-properties */
-import { reactiveOmit } from '@vueuse/core'
-import type { ToggleEmits, ToggleProps } from 'reka-ui'
-import { Toggle, useForwardPropsEmits } from 'reka-ui'
-import type { HTMLAttributes } from 'vue'
-
-import { cn } from '@/utils/tailwindUtil'
-
-import type { ToggleVariants } from '.'
-import { toggleVariants } from '.'
-
-const props = withDefaults(
-  defineProps<
-    ToggleProps & {
-      class?: HTMLAttributes['class']
-      variant?: ToggleVariants['variant']
-      size?: ToggleVariants['size']
-    }
-  >(),
-  {
-    variant: 'default',
-    size: 'default',
-    disabled: false
-  }
-)
-
-const emits = defineEmits<ToggleEmits>()
-
-const delegatedProps = reactiveOmit(props, 'class', 'size', 'variant')
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
-</script>
-
-<template>
-  <Toggle
-    v-slot="slotProps"
-    data-slot="toggle"
-    v-bind="forwarded"
-    :class="cn(toggleVariants({ variant, size }), props.class)"
-  >
-    <slot v-bind="slotProps" />
-  </Toggle>
-</template>

src/components/ui/toggle/index.ts

@@ -1,28 +1,23 @@
-import type { VariantProps } from "class-variance-authority"
-import { cva } from "class-variance-authority"
-
-export { default as Toggle } from "./Toggle.vue"
+import { cva } from 'class-variance-authority'
 
 export const toggleVariants = cva(
   "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
   {
     variants: {
       variant: {
-        default: "bg-transparent",
+        default: 'bg-transparent',
         outline:
-          "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground",
+          'border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground'
       },
       size: {
-        default: "h-9 px-2 min-w-9",
-        sm: "h-8 px-1.5 min-w-8",
-        lg: "h-10 px-2.5 min-w-10",
-      },
+        default: 'h-9 px-2 min-w-9',
+        sm: 'h-8 px-1.5 min-w-8',
+        lg: 'h-10 px-2.5 min-w-10'
+      }
     },
     defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  },
+      variant: 'default',
+      size: 'default'
+    }
+  }
 )
-
-export type ToggleVariants = VariantProps<typeof toggleVariants>