feat(spinner): add sizes spinner component (#29)

packages/react/src/components/spinner/Spinner.tsx

@@ -1,11 +1,12 @@
 import type * as Polymophic from '@/utilities/polymorphic'
+import type { SpinnerVariantProps } from '@giantnodes/theme'
 
 import { spinner } from '@giantnodes/theme'
 import React from 'react'
 
 const __ELEMENT_TYPE__ = 'svg'
 
-type ComponentOwnProps = {}
+type ComponentOwnProps = SpinnerVariantProps
 
 type ComponentProps<T extends React.ElementType> = Polymophic.ComponentPropsWithRef<T, ComponentOwnProps>
 
@@ -15,11 +16,11 @@ type ComponentType = <T extends React.ElementType = typeof __ELEMENT_TYPE__>(
 
 const Component: ComponentType = React.forwardRef(
   <T extends React.ElementType = typeof __ELEMENT_TYPE__>(props: ComponentProps<T>) => {
-    const { as, children, className, size, status, variant, ...rest } = props
+    const { as, children, className, size, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
 
-    const slots = React.useMemo(() => spinner({}), [])
+    const slots = React.useMemo(() => spinner({ size }), [size])
 
     const component = React.useMemo<React.ComponentPropsWithoutRef<typeof __ELEMENT_TYPE__>>(
       () => ({

packages/theme/src/components/button.ts

@@ -74,9 +74,6 @@ export const button = tv({
       },
     },
     size: {
-      none: {
-        button: ['text-xs'],
-      },
       xs: {
         button: ['text-xs', 'px-2.5', 'py-1'],
       },

packages/theme/src/components/spinner.ts

@@ -4,11 +4,32 @@ import { tv } from 'tailwind-variants'
 
 export const spinner = tv({
   slots: {
-    svg: ['animate-spin', 'text-inherit', 'size-4'],
+    svg: ['animate-spin', 'text-inherit'],
     circle: ['opacity-25'],
     path: ['opacity-75'],
   },
-  variants: {},
+  variants: {
+    size: {
+      xs: {
+        svg: ['size-2'],
+      },
+      sm: {
+        svg: ['size-3'],
+      },
+      md: {
+        svg: ['size-4'],
+      },
+      lg: {
+        svg: ['size-5'],
+      },
+      xl: {
+        svg: ['size-6'],
+      },
+    },
+  },
+  defaultVariants: {
+    size: 'sm',
+  },
 })
 
 export type SpinnerVariantProps = VariantProps<typeof spinner>