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

app/components/pub/ui/calendar/Calendar.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import type { CalendarRootEmits, CalendarRootProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 import { CalendarRoot, useForwardPropsEmits } from 'radix-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 import { CalendarCell, CalendarCellTrigger, CalendarGrid, CalendarGridBody, CalendarGridHead, CalendarGridRow, CalendarHeadCell, CalendarHeader, CalendarHeading, CalendarNextButton, CalendarPrevButton } from '.'
 
 const props = defineProps<CalendarRootProps & { class?: HTMLAttributes['class'] }>()

app/components/pub/ui/calendar/CalendarCell.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import type { CalendarCellProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 import { CalendarCell, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 
 const props = defineProps<CalendarCellProps & { class?: HTMLAttributes['class'] }>()
 

app/components/pub/ui/calendar/CalendarCellTrigger.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import type { CalendarCellTriggerProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 import { CalendarCellTrigger, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 import { buttonVariants } from '../button'
 
 const props = defineProps<CalendarCellTriggerProps & { class?: HTMLAttributes['class'] }>()

app/components/pub/ui/calendar/CalendarGrid.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import type { CalendarGridProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 import { CalendarGrid, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 
 const props = defineProps<CalendarGridProps & { class?: HTMLAttributes['class'] }>()
 

app/components/pub/ui/calendar/CalendarGridRow.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import type { CalendarGridRowProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 import { CalendarGridRow, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 
 const props = defineProps<CalendarGridRowProps & { class?: HTMLAttributes['class'] }>()
 

app/components/pub/ui/calendar/CalendarHeadCell.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import type { CalendarHeadCellProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 import { CalendarHeadCell, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 
 const props = defineProps<CalendarHeadCellProps & { class?: HTMLAttributes['class'] }>()
 

app/components/pub/ui/calendar/CalendarHeader.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import type { CalendarHeaderProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 import { CalendarHeader, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 
 const props = defineProps<CalendarHeaderProps & { class?: HTMLAttributes['class'] }>()
 

app/components/pub/ui/calendar/CalendarHeading.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import type { CalendarHeadingProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 import { CalendarHeading, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 
 const props = defineProps<CalendarHeadingProps & { class?: HTMLAttributes['class'] }>()
 

app/components/pub/ui/calendar/CalendarNextButton.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import type { CalendarNextProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 import { CalendarNext, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 import { buttonVariants } from '../button'
 
 const props = defineProps<CalendarNextProps & { class?: HTMLAttributes['class'] }>()

app/components/pub/ui/calendar/CalendarPrevButton.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import type { CalendarPrevProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 import { CalendarPrev, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 import { buttonVariants } from '../button'
 
 const props = defineProps<CalendarPrevProps & { class?: HTMLAttributes['class'] }>()