⚠️ refactor (form): refactor label component for improved styling and responsiveness

app/components/pub/ui/toggle-group/ToggleGroup.vue

@@ -1,19 +1,21 @@
 <script setup lang="ts">
-import type { toggleVariants } from '@/components/ui/toggle'
 import type { VariantProps } from 'class-variance-authority'
 import type { ToggleGroupRootEmits, ToggleGroupRootProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import type { toggleVariants } from '@/components/pub/ui/toggle'
 import { ToggleGroupRoot, useForwardPropsEmits } from 'radix-vue'
 import { computed, provide } from 'vue'
+import { cn } from '~/lib/utils'
 
 type ToggleGroupVariants = VariantProps<typeof toggleVariants>
 
-const props = defineProps<ToggleGroupRootProps & {
-  class?: HTMLAttributes['class']
-  variant?: ToggleGroupVariants['variant']
-  size?: ToggleGroupVariants['size']
-}>()
+const props = defineProps<
+  ToggleGroupRootProps & {
+    class?: HTMLAttributes['class']
+    variant?: ToggleGroupVariants['variant']
+    size?: ToggleGroupVariants['size']
+  }
+>()
 const emits = defineEmits<ToggleGroupRootEmits>()
 
 provide('toggleGroup', {