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

app/components/pub/ui/stepper/Stepper.vue

@@ -2,9 +2,9 @@
 import type { StepperRootEmits, StepperRootProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
 
-import { cn } from '@/lib/utils'
 import { StepperRoot, useForwardPropsEmits } from 'radix-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 
 const props = defineProps<StepperRootProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<StepperRootEmits>()

app/components/pub/ui/stepper/StepperDescription.vue

@@ -2,9 +2,9 @@
 import type { StepperDescriptionProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
 
-import { cn } from '@/lib/utils'
 import { StepperDescription, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 
 const props = defineProps<StepperDescriptionProps & { class?: HTMLAttributes['class'] }>()
 

app/components/pub/ui/stepper/StepperIndicator.vue

@@ -2,9 +2,9 @@
 import type { StepperIndicatorProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
 
-import { cn } from '@/lib/utils'
 import { StepperIndicator, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 
 const props = defineProps<StepperIndicatorProps & { class?: HTMLAttributes['class'] }>()
 

app/components/pub/ui/stepper/StepperItem.vue

@@ -2,9 +2,9 @@
 import type { StepperItemProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
 
-import { cn } from '@/lib/utils'
 import { StepperItem, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 
 const props = defineProps<StepperItemProps & { class?: HTMLAttributes['class'] }>()
 

app/components/pub/ui/stepper/StepperSeparator.vue

@@ -2,9 +2,9 @@
 import type { StepperSeparatorProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
 
-import { cn } from '@/lib/utils'
 import { StepperSeparator, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 
 const props = defineProps<StepperSeparatorProps & { class?: HTMLAttributes['class'] }>()
 

app/components/pub/ui/stepper/StepperTitle.vue

@@ -2,9 +2,9 @@
 import type { StepperTitleProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
 
-import { cn } from '@/lib/utils'
 import { StepperTitle, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 
 const props = defineProps<StepperTitleProps & { class?: HTMLAttributes['class'] }>()
 

app/components/pub/ui/stepper/StepperTrigger.vue

@@ -2,9 +2,9 @@
 import type { StepperTriggerProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
 
-import { cn } from '@/lib/utils'
 import { StepperTrigger, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 
 const props = defineProps<StepperTriggerProps & { class?: HTMLAttributes['class'] }>()