Merge branch 'dev' of https://github.com/dikstub-rssa/simrs-fe into feat/user

app/components/pub/ui/accordion/AccordionContent.vue

@@ -5,7 +5,6 @@ import { AccordionContent } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<AccordionContentProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/accordion/AccordionItem.vue

@@ -5,7 +5,6 @@ import { AccordionItem, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<AccordionItemProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/accordion/AccordionTrigger.vue

@@ -10,7 +10,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<AccordionTriggerProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/alert-dialog/AlertDialogContent.vue

@@ -11,7 +11,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<AlertDialogContentProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<AlertDialogContentEmits>()
 

app/components/pub/ui/alert-dialog/AlertDialogDescription.vue

@@ -8,7 +8,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<AlertDialogDescriptionProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/alert-dialog/AlertDialogFooter.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/alert-dialog/AlertDialogHeader.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/alert-dialog/AlertDialogTitle.vue

@@ -5,7 +5,6 @@ import { AlertDialogTitle } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<AlertDialogTitleProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/alert/AlertDescription.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/alert/AlertTitle.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/breadcrumb/BreadcrumbEllipsis.vue

@@ -3,7 +3,6 @@ import type { HTMLAttributes } from 'vue'
 import { MoreHorizontal } from 'lucide-vue-next'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/breadcrumb/BreadcrumbItem.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/breadcrumb/BreadcrumbLink.vue

@@ -4,7 +4,6 @@ import type { HTMLAttributes } from 'vue'
 import { Primitive } from 'radix-vue'
 import { cn } from '~/lib/utils'
 
-
 const props = withDefaults(defineProps<PrimitiveProps & { class?: HTMLAttributes['class'] }>(), {
   as: 'a',
 })

app/components/pub/ui/breadcrumb/BreadcrumbList.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/breadcrumb/BreadcrumbPage.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/breadcrumb/BreadcrumbSeparator.vue

@@ -3,7 +3,6 @@ import type { HTMLAttributes } from 'vue'
 import { ChevronRight } from 'lucide-vue-next'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/button/Button.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { PrimitiveProps } from 'reka-ui'
+import type { PrimitiveProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
 import type { ButtonVariants } from '.'
-import { Primitive } from 'reka-ui'
+import { Primitive } from 'radix-vue'
 import { cn } from '~/lib/utils'
 import { buttonVariants } from '.'
 
@@ -19,7 +19,6 @@ const props = withDefaults(defineProps<Props>(), {
 
 <template>
   <Primitive
-    data-slot="button"
     :as="as"
     :as-child="asChild"
     :class="cn(buttonVariants({ variant, size }), props.class)"

app/components/pub/ui/button/index.ts

@@ -4,27 +4,26 @@ import { cva } from 'class-variance-authority'
 export { default as Button } from './Button.vue'
 
 export const buttonVariants = cva(
-  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*=\'size-\'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
+  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
   {
     variants: {
       variant: {
-        default:
-          'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',
+        default: 'bg-primary text-primary-foreground shadow hover:bg-primary/90',
         destructive:
-          'bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
+          'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
         outline:
-          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',
+          'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',
         secondary:
-          'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',
-        ghost:
-          'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
+          'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',
+        ghost: 'hover:bg-accent hover:text-accent-foreground',
         link: 'text-primary underline-offset-4 hover:underline',
       },
       size: {
-        default: 'h-9 px-4 py-2 has-[>svg]:px-3',
-        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',
-        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
-        icon: 'size-9',
+        default: 'h-9 px-4 py-2',
+        xs: 'h-7 rounded px-2',
+        sm: 'h-8 rounded-md px-3 text-xs',
+        lg: 'h-10 rounded-md px-8',
+        icon: 'h-9 w-9',
       },
     },
     defaultVariants: {

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

@@ -5,7 +5,6 @@ import { CalendarCell, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<CalendarCellProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

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

@@ -5,7 +5,6 @@ import { CalendarGrid, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<CalendarGridProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

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

@@ -5,7 +5,6 @@ import { CalendarGridRow, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<CalendarGridRowProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

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

@@ -5,7 +5,6 @@ import { CalendarHeadCell, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<CalendarHeadCellProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

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

@@ -5,7 +5,6 @@ import { CalendarHeader, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<CalendarHeaderProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

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

@@ -5,7 +5,6 @@ import { CalendarHeading, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<CalendarHeadingProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/card/Card.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/card/CardContent.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/card/CardDescription.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/card/CardFooter.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/card/CardHeader.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/card/CardTitle.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/checkbox/Checkbox.vue

@@ -5,7 +5,6 @@ import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from 'radix-vue
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<CheckboxRootProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<CheckboxRootEmits>()
 

app/components/pub/ui/command/Command.vue

@@ -5,7 +5,6 @@ import { ComboboxRoot, useForwardPropsEmits } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = withDefaults(defineProps<ComboboxRootProps & { class?: HTMLAttributes['class'] }>(), {
   open: true,
   modelValue: '',

app/components/pub/ui/command/CommandEmpty.vue

@@ -5,7 +5,6 @@ import { ComboboxEmpty } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ComboboxEmptyProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/command/CommandGroup.vue

@@ -5,7 +5,6 @@ import { ComboboxGroup, ComboboxLabel } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ComboboxGroupProps & {
   class?: HTMLAttributes['class']
   heading?: string

app/components/pub/ui/command/CommandInput.vue

@@ -6,7 +6,6 @@ import { ComboboxInput, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 defineOptions({
   inheritAttrs: false,
 })

app/components/pub/ui/command/CommandItem.vue

@@ -5,7 +5,6 @@ import { ComboboxItem, useForwardPropsEmits } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ComboboxItemProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<ComboboxItemEmits>()
 

app/components/pub/ui/command/CommandList.vue

@@ -5,7 +5,6 @@ import { ComboboxContent, useForwardPropsEmits } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = withDefaults(defineProps<ComboboxContentProps & { class?: HTMLAttributes['class'] }>(), {
   dismissable: false,
 })

app/components/pub/ui/command/CommandSeparator.vue

@@ -5,7 +5,6 @@ import { ComboboxSeparator } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ComboboxSeparatorProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/command/CommandShortcut.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/context-menu/ContextMenuCheckboxItem.vue

@@ -11,7 +11,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ContextMenuCheckboxItemProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<ContextMenuCheckboxItemEmits>()
 

app/components/pub/ui/context-menu/ContextMenuContent.vue

@@ -10,7 +10,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ContextMenuContentProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<ContextMenuContentEmits>()
 

app/components/pub/ui/context-menu/ContextMenuItem.vue

@@ -9,7 +9,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ContextMenuItemProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 const emits = defineEmits<ContextMenuItemEmits>()
 

app/components/pub/ui/context-menu/ContextMenuLabel.vue

@@ -5,7 +5,6 @@ import { ContextMenuLabel } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ContextMenuLabelProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/context-menu/ContextMenuRadioItem.vue

@@ -11,7 +11,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ContextMenuRadioItemProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<ContextMenuRadioItemEmits>()
 

app/components/pub/ui/context-menu/ContextMenuSeparator.vue

@@ -8,7 +8,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ContextMenuSeparatorProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/context-menu/ContextMenuShortcut.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/context-menu/ContextMenuSubContent.vue

@@ -9,7 +9,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<DropdownMenuSubContentEmits>()
 

app/components/pub/ui/context-menu/ContextMenuSubTrigger.vue

@@ -10,7 +10,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<ContextMenuSubTriggerProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/dialog/DialogContent.vue

@@ -13,7 +13,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DialogContentProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<DialogContentEmits>()
 

app/components/pub/ui/dialog/DialogDescription.vue

@@ -5,7 +5,6 @@ import { DialogDescription, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/dialog/DialogFooter.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{ class?: HTMLAttributes['class'] }>()
 </script>
 

app/components/pub/ui/dialog/DialogHeader.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/dialog/DialogScrollContent.vue

@@ -13,7 +13,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DialogContentProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<DialogContentEmits>()
 

app/components/pub/ui/dialog/DialogTitle.vue

@@ -5,7 +5,6 @@ import { DialogTitle, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DialogTitleProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/drawer/DrawerDescription.vue

@@ -5,7 +5,6 @@ import { DrawerDescription } from 'vaul-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DrawerDescriptionProps & { class?: HtmlHTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/drawer/DrawerFooter.vue

@@ -2,7 +2,6 @@
 import type { HtmlHTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HtmlHTMLAttributes['class']
 }>()

app/components/pub/ui/drawer/DrawerHeader.vue

@@ -2,7 +2,6 @@
 import type { HtmlHTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HtmlHTMLAttributes['class']
 }>()

app/components/pub/ui/drawer/DrawerOverlay.vue

@@ -5,7 +5,6 @@ import { DrawerOverlay } from 'vaul-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DialogOverlayProps & { class?: HtmlHTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/drawer/DrawerTitle.vue

@@ -5,7 +5,6 @@ import { DrawerTitle } from 'vaul-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DrawerTitleProps & { class?: HtmlHTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/dropdown-menu/DropdownMenuCheckboxItem.vue

@@ -11,7 +11,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DropdownMenuCheckboxItemProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<DropdownMenuCheckboxItemEmits>()
 

app/components/pub/ui/dropdown-menu/DropdownMenuContent.vue

@@ -10,7 +10,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = withDefaults(
   defineProps<DropdownMenuContentProps & { class?: HTMLAttributes['class'] }>(),
   {

app/components/pub/ui/dropdown-menu/DropdownMenuItem.vue

@@ -5,7 +5,6 @@ import { DropdownMenuItem, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DropdownMenuItemProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/dropdown-menu/DropdownMenuLabel.vue

@@ -5,7 +5,6 @@ import { DropdownMenuLabel, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DropdownMenuLabelProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/dropdown-menu/DropdownMenuRadioItem.vue

@@ -11,7 +11,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DropdownMenuRadioItemProps & { class?: HTMLAttributes['class'] }>()
 
 const emits = defineEmits<DropdownMenuRadioItemEmits>()

app/components/pub/ui/dropdown-menu/DropdownMenuSeparator.vue

@@ -8,7 +8,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DropdownMenuSeparatorProps & {
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/dropdown-menu/DropdownMenuShortcut.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/dropdown-menu/DropdownMenuSubContent.vue

@@ -9,7 +9,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<DropdownMenuSubContentEmits>()
 

app/components/pub/ui/dropdown-menu/DropdownMenuSubTrigger.vue

@@ -10,7 +10,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<DropdownMenuSubTriggerProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/hover-card/HoverCardContent.vue

@@ -10,7 +10,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = withDefaults(
   defineProps<HoverCardContentProps & { class?: HTMLAttributes['class'] }>(),
   {

app/components/pub/ui/input/Input.vue

@@ -3,7 +3,6 @@ import type { HTMLAttributes } from 'vue'
 import { useVModel } from '@vueuse/core'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   defaultValue?: string | number
   modelValue?: string | number

app/components/pub/ui/label/Label.vue

@@ -5,7 +5,6 @@ import { Label } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<LabelProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/menubar/Menubar.vue

@@ -9,7 +9,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<MenubarRootProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<MenubarRootEmits>()
 

app/components/pub/ui/menubar/MenubarCheckboxItem.vue

@@ -10,7 +10,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<MenubarCheckboxItemProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<MenubarCheckboxItemEmits>()
 

app/components/pub/ui/menubar/MenubarContent.vue

@@ -10,7 +10,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = withDefaults(
   defineProps<MenubarContentProps & { class?: HTMLAttributes['class'] }>(),
   {

app/components/pub/ui/menubar/MenubarItem.vue

@@ -9,7 +9,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<MenubarItemProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 
 const emits = defineEmits<MenubarItemEmits>()

app/components/pub/ui/menubar/MenubarLabel.vue

@@ -4,7 +4,6 @@ import type { HTMLAttributes } from 'vue'
 import { MenubarLabel } from 'radix-vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<MenubarLabelProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 </script>
 

app/components/pub/ui/menubar/MenubarRadioItem.vue

@@ -10,7 +10,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<MenubarRadioItemProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<MenubarRadioItemEmits>()
 

app/components/pub/ui/menubar/MenubarSeparator.vue

@@ -5,7 +5,6 @@ import { MenubarSeparator, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<MenubarSeparatorProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/menubar/MenubarShortcut.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/menubar/MenubarSubContent.vue

@@ -10,7 +10,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<MenubarSubContentProps & { class?: HTMLAttributes['class'] }>()
 
 const emits = defineEmits<MenubarSubContentEmits>()

app/components/pub/ui/menubar/MenubarSubTrigger.vue

@@ -5,7 +5,6 @@ import { MenubarSubTrigger, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<MenubarSubTriggerProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/menubar/MenubarTrigger.vue

@@ -5,7 +5,6 @@ import { MenubarTrigger, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<MenubarTriggerProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/navigation-menu/NavigationMenuContent.vue

@@ -9,7 +9,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<NavigationMenuContentProps & { class?: HTMLAttributes['class'] }>()
 
 const emits = defineEmits<NavigationMenuContentEmits>()

app/components/pub/ui/navigation-menu/NavigationMenuIndicator.vue

@@ -5,7 +5,6 @@ import { NavigationMenuIndicator, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<NavigationMenuIndicatorProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/navigation-menu/NavigationMenuList.vue

@@ -5,7 +5,6 @@ import { NavigationMenuList, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<NavigationMenuListProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/navigation-menu/NavigationMenuViewport.vue

@@ -9,7 +9,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<NavigationMenuViewportProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/number-field/NumberField.vue

@@ -5,7 +5,6 @@ import { NumberFieldRoot, useForwardPropsEmits } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<NumberFieldRootProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<NumberFieldRootEmits>()
 

app/components/pub/ui/number-field/NumberFieldContent.vue

@@ -2,7 +2,6 @@
 import type { HTMLAttributes } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<{
   class?: HTMLAttributes['class']
 }>()

app/components/pub/ui/number-field/NumberFieldDecrement.vue

@@ -6,7 +6,6 @@ import { NumberFieldDecrement, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<NumberFieldDecrementProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/number-field/NumberFieldIncrement.vue

@@ -6,7 +6,6 @@ import { NumberFieldIncrement, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<NumberFieldIncrementProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/number-field/NumberFieldInput.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { NumberFieldInput } from 'radix-vue'
 import { cn } from '~/lib/utils'
-
 </script>
 
 <template>

app/components/pub/ui/pagination/PaginationEllipsis.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import type { PaginationEllipsisProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
+import { DotsHorizontalIcon } from '@radix-icons/vue'
 import { PaginationEllipsis } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<PaginationEllipsisProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {
@@ -18,7 +18,7 @@ const delegatedProps = computed(() => {
 <template>
   <PaginationEllipsis v-bind="delegatedProps" :class="cn('w-9 h-9 flex items-center justify-center', props.class)">
     <slot>
-      <Icon name="i-radix-icons-dots-horizontal" />
+      <DotsHorizontalIcon />
     </slot>
   </PaginationEllipsis>
 </template>

app/components/pub/ui/pagination/PaginationFirst.vue

@@ -1,12 +1,14 @@
 <script setup lang="ts">
 import type { PaginationFirstProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
+import { DoubleArrowLeftIcon } from '@radix-icons/vue'
 import { PaginationFirst } from 'radix-vue'
 import { computed } from 'vue'
-import { Button } from '~/components/pub/ui/button'
+import {
+  Button,
+} from '~/components/pub/ui/button'
 import { cn } from '~/lib/utils'
 
-
 const props = withDefaults(defineProps<PaginationFirstProps & { class?: HTMLAttributes['class'] }>(), {
   asChild: true,
 })
@@ -20,9 +22,9 @@ const delegatedProps = computed(() => {
 
 <template>
   <PaginationFirst v-bind="delegatedProps">
-    <Button :class="cn('h-9 w-9 p-0', props.class)" variant="outline">
+    <Button :class="cn('w-9 h-9 p-0', props.class)" variant="outline">
       <slot>
-        <Icon name="i-radix-icons-double-arrow-left" />
+        <DoubleArrowLeftIcon />
       </slot>
     </Button>
   </PaginationFirst>

app/components/pub/ui/pagination/PaginationLast.vue

@@ -1,12 +1,14 @@
 <script setup lang="ts">
 import type { PaginationLastProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
+import { DoubleArrowRightIcon } from '@radix-icons/vue'
 import { PaginationLast } from 'radix-vue'
 import { computed } from 'vue'
-import { Button } from '~/components/pub/ui/button'
+import {
+  Button,
+} from '~/components/pub/ui/button'
 import { cn } from '~/lib/utils'
 
-
 const props = withDefaults(defineProps<PaginationLastProps & { class?: HTMLAttributes['class'] }>(), {
   asChild: true,
 })
@@ -20,9 +22,9 @@ const delegatedProps = computed(() => {
 
 <template>
   <PaginationLast v-bind="delegatedProps">
-    <Button :class="cn('h-9 w-9 p-0', props.class)" variant="outline">
+    <Button :class="cn('w-9 h-9 p-0', props.class)" variant="outline">
       <slot>
-        <Icon name="i-radix-icons-double-arrow-right" />
+        <DoubleArrowRightIcon />
       </slot>
     </Button>
   </PaginationLast>

app/components/pub/ui/pagination/PaginationNext.vue

@@ -1,12 +1,14 @@
 <script setup lang="ts">
 import type { PaginationNextProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
+import { ChevronRightIcon } from '@radix-icons/vue'
 import { PaginationNext } from 'radix-vue'
 import { computed } from 'vue'
-import { Button } from '~/components/pub/ui/button'
+import {
+  Button,
+} from '~/components/pub/ui/button'
 import { cn } from '~/lib/utils'
 
-
 const props = withDefaults(defineProps<PaginationNextProps & { class?: HTMLAttributes['class'] }>(), {
   asChild: true,
 })
@@ -20,9 +22,9 @@ const delegatedProps = computed(() => {
 
 <template>
   <PaginationNext v-bind="delegatedProps">
-    <Button :class="cn('h-9 w-9 p-0', props.class)" variant="outline">
+    <Button :class="cn('w-9 h-9 p-0', props.class)" variant="outline">
       <slot>
-        <Icon name="i-radix-icons-chevron-right" />
+        <ChevronRightIcon />
       </slot>
     </Button>
   </PaginationNext>

app/components/pub/ui/pagination/PaginationPrev.vue

@@ -1,12 +1,14 @@
 <script setup lang="ts">
 import type { PaginationPrevProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
+import { ChevronLeftIcon } from '@radix-icons/vue'
 import { PaginationPrev } from 'radix-vue'
 import { computed } from 'vue'
-import { Button } from '~/components/pub/ui/button'
+import {
+  Button,
+} from '~/components/pub/ui/button'
 import { cn } from '~/lib/utils'
 
-
 const props = withDefaults(defineProps<PaginationPrevProps & { class?: HTMLAttributes['class'] }>(), {
   asChild: true,
 })
@@ -20,9 +22,9 @@ const delegatedProps = computed(() => {
 
 <template>
   <PaginationPrev v-bind="delegatedProps">
-    <Button :class="cn('h-9 w-9 p-0', props.class)" variant="outline">
+    <Button :class="cn('w-9 h-9 p-0', props.class)" variant="outline">
       <slot>
-        <Icon name="i-radix-icons-chevron-left" />
+        <ChevronLeftIcon />
       </slot>
     </Button>
   </PaginationPrev>

app/components/pub/ui/pin-input/PinInput.vue

@@ -5,7 +5,6 @@ import { PinInputRoot, useForwardPropsEmits } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = withDefaults(defineProps<PinInputRootProps & { class?: HTMLAttributes['class'] }>(), {
   modelValue: () => [],
 })

app/components/pub/ui/pin-input/PinInputGroup.vue

@@ -5,7 +5,6 @@ import { Primitive, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<PrimitiveProps & { class?: HTMLAttributes['class'] }>()
 const delegatedProps = computed(() => {
   const { class: _, ...delegated } = props

app/components/pub/ui/pin-input/PinInputInput.vue

@@ -5,7 +5,6 @@ import { PinInputInput, useForwardProps } from 'radix-vue'
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 const props = defineProps<PinInputInputProps & { class?: HTMLAttributes['class'] }>()
 
 const delegatedProps = computed(() => {

app/components/pub/ui/popover/PopoverContent.vue

@@ -10,7 +10,6 @@ import {
 import { computed } from 'vue'
 import { cn } from '~/lib/utils'
 
-
 defineOptions({
   inheritAttrs: false,
 })