Spinner

import { defineConfig, type VariantProps } from 'cva';import { twMerge } from 'tailwind-merge';export const {  compose,  cva,  cx: cn,} = defineConfig({  hooks: {    onComplete: (className: string) => twMerge(className),  },});export type { VariantProps };

import { mergePropsN, useRender } from '@base-ui/react';import { Loader2Icon } from 'lucide-react';import { cn } from '@/lib/utils';export namespace Spinner {  export type Props = useRender.ComponentProps<'svg'>;}/** * A loading spinner. * Renders a `<svg>` element. * * Documentation: [Caprice UI Spinner](https://caprice-ui.com/docs/components/spinner) */export function Spinner({ className, render = <Loader2Icon />, ...props }: Spinner.Props) {  const defaultProps: useRender.ElementProps<'svg'> = {    role: 'status',    'aria-label': 'Loading',    className: cn('size-4 animate-spin', className),  };  return useRender({    render,    props: mergePropsN<'svg'>([defaultProps, props]),  });}