From 2643f562cc33ebdfa2317b880bde0e99ddb6bd5b Mon Sep 17 00:00:00 2001
From: "hrynevych.romann" <hrynevych.romann@gmail.com>
Date: Thu, 11 Jan 2024 22:48:21 +0200
Subject: [PATCH] refactor(Button): use VariantProps for Button Props instead
 of NonNullable

---
 apps/www/src/lib/registry/default/ui/button/Button.vue  | 9 +++++++--
 apps/www/src/lib/registry/new-york/ui/button/Button.vue | 9 +++++++--
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/apps/www/src/lib/registry/default/ui/button/Button.vue b/apps/www/src/lib/registry/default/ui/button/Button.vue
index 5a34b1b8..8bd71364 100644
--- a/apps/www/src/lib/registry/default/ui/button/Button.vue
+++ b/apps/www/src/lib/registry/default/ui/button/Button.vue
@@ -1,15 +1,20 @@
 <script setup lang="ts">
+import type { VariantProps } from 'class-variance-authority'
 import { Primitive, type PrimitiveProps } from 'radix-vue'
 import { buttonVariants } from '.'
 import { cn } from '@/lib/utils'
 
+interface ButtonVariantProps extends VariantProps<typeof buttonVariants> {}
+
 interface Props extends PrimitiveProps {
-  variant?: NonNullable<Parameters<typeof buttonVariants>[0]>['variant']
-  size?: NonNullable<Parameters<typeof buttonVariants>[0]>['size']
+  variant?: ButtonVariantProps['variant']
+  size?: ButtonVariantProps['size']
   as?: string
 }
 
 withDefaults(defineProps<Props>(), {
+  variant: 'default',
+  size: 'default',
   as: 'button',
 })
 </script>
diff --git a/apps/www/src/lib/registry/new-york/ui/button/Button.vue b/apps/www/src/lib/registry/new-york/ui/button/Button.vue
index 5a34b1b8..8bd71364 100644
--- a/apps/www/src/lib/registry/new-york/ui/button/Button.vue
+++ b/apps/www/src/lib/registry/new-york/ui/button/Button.vue
@@ -1,15 +1,20 @@
 <script setup lang="ts">
+import type { VariantProps } from 'class-variance-authority'
 import { Primitive, type PrimitiveProps } from 'radix-vue'
 import { buttonVariants } from '.'
 import { cn } from '@/lib/utils'
 
+interface ButtonVariantProps extends VariantProps<typeof buttonVariants> {}
+
 interface Props extends PrimitiveProps {
-  variant?: NonNullable<Parameters<typeof buttonVariants>[0]>['variant']
-  size?: NonNullable<Parameters<typeof buttonVariants>[0]>['size']
+  variant?: ButtonVariantProps['variant']
+  size?: ButtonVariantProps['size']
   as?: string
 }
 
 withDefaults(defineProps<Props>(), {
+  variant: 'default',
+  size: 'default',
   as: 'button',
 })
 </script>