chore: cleanup

biome.json

@@ -21,6 +21,9 @@
 			"complexity": {
 				"noUselessSwitchCase": "warn",
 				"noUselessTypeConstraint": "warn"
+			},
+			"correctness": {
+				"noUnusedImports": "warn"
 			}
 		}
 	},

demo/nextjs/app/(auth)/reset-password/page.tsx

@@ -6,7 +6,6 @@ import {
 	Card,
 	CardContent,
 	CardDescription,
-	CardFooter,
 	CardHeader,
 	CardTitle,
 } from "@/components/ui/card";

demo/nextjs/app/(auth)/two-factor/otp/page.tsx

@@ -5,7 +5,6 @@ import {
 	Card,
 	CardContent,
 	CardDescription,
-	CardFooter,
 	CardHeader,
 	CardTitle,
 } from "@/components/ui/card";

demo/nextjs/app/dashboard/organization-card.tsx

@@ -2,13 +2,7 @@
 
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import { Button } from "@/components/ui/button";
-import {
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-	Card,
-	CardContent,
-	CardFooter,
-	CardHeader,
-	CardTitle,
-} from "@/components/ui/card";
 import {
 	Dialog,
 	DialogClose,
@@ -35,9 +29,7 @@ import {
 	SelectValue,
 } from "@/components/ui/select";
 import {
-	client,
 	organization,
-	useActiveOrganization,
 	useListOrganizations,
 	useSession,
 } from "@/lib/auth-client";

demo/nextjs/app/layout.tsx

@@ -1,5 +1,3 @@
-import type { Metadata } from "next";
-import localFont from "next/font/local";
 import "./globals.css";
 import { Toaster } from "@/components/ui/sonner";
 import { ThemeProvider } from "@/components/theme-provider";

demo/nextjs/app/oauth/authorize/page.tsx

@@ -2,12 +2,10 @@ import { Metadata } from "next";
 import { auth } from "@/lib/auth";
 import { headers } from "next/headers";
 import { ArrowLeftRight, ArrowUpRight, Mail, Users } from "lucide-react";
-import { Card, CardContent, CardFooter } from "@/components/ui/card";
+import { Card, CardContent } from "@/components/ui/card";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
-import { Button } from "@/components/ui/button";
 import { Logo } from "@/components/logo";
 import Image from "next/image";
-import Link from "next/link";
 import { ConsentBtns } from "./concet-buttons";
 
 export const metadata: Metadata = {

demo/nextjs/components/account-switch.tsx

@@ -15,8 +15,7 @@ import {
 	CommandList,
 	CommandSeparator,
 } from "@/components/ui/command";
-import { ChevronDown, LogOutIcon, PlusCircle } from "lucide-react";
+import { ChevronDown, PlusCircle } from "lucide-react";
-import { useQuery } from "@tanstack/react-query";
 import { Session } from "@/lib/auth-types";
 import { client, useSession } from "@/lib/auth-client";
 import { useRouter } from "next/navigation";

demo/nextjs/components/sign-in.tsx

@@ -14,12 +14,8 @@ import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { PasswordInput } from "@/components/ui/password-input";
 import { signIn } from "@/lib/auth-client";
-import {
+import { DiscordLogoIcon, GitHubLogoIcon } from "@radix-ui/react-icons";
-	DiscordLogoIcon,
+import { Key, Loader2 } from "lucide-react";
-	GitHubLogoIcon,
-	TwitterLogoIcon,
-} from "@radix-ui/react-icons";
-import { Key, Loader2, TwitchIcon } from "lucide-react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 import { useState } from "react";

demo/nextjs/components/sign-up.tsx

@@ -14,7 +14,7 @@ import { Label } from "@/components/ui/label";
 import { PasswordInput } from "@/components/ui/password-input";
 import { DiscordLogoIcon, GitHubLogoIcon } from "@radix-ui/react-icons";
 import { useState } from "react";
-import { client, signIn, signUp } from "@/lib/auth-client";
+import { signIn, signUp } from "@/lib/auth-client";
 import Image from "next/image";
 import { Loader2, X } from "lucide-react";
 import { toast } from "sonner";

demo/nextjs/components/theme-provider.tsx

@@ -1,6 +1,4 @@
 "use client";
-
-import * as React from "react";
 import { ThemeProvider as NextThemesProvider } from "next-themes";
 import { type ThemeProviderProps } from "next-themes/dist/types";
 

demo/nextjs/components/theme-toggle.tsx

@@ -1,6 +1,4 @@
 "use client";
-
-import * as React from "react";
 import { Moon, Sun } from "lucide-react";
 import { useTheme } from "next-themes";
 

demo/nextjs/components/ui/chart.tsx

@@ -2,11 +2,6 @@
 
 import * as React from "react";
 import * as RechartsPrimitive from "recharts";
-import {
-	NameType,
-	Payload,
-	ValueType,
-} from "recharts/types/component/DefaultTooltipContent";
 
 import { cn } from "@/lib/utils";
 

demo/nextjs/lib/auth.ts

@@ -9,7 +9,6 @@ import {
 	oAuthProxy,
 	openAPI,
 	oidcProvider,
-	createAuthMiddleware,
 } from "better-auth/plugins";
 import { reactInvitationEmail } from "./email/invitation";
 import { LibsqlDialect } from "@libsql/kysely-libsql";
@@ -110,7 +109,7 @@ export const auth = betterAuth({
 	plugins: [
 		organization({
 			async sendInvitationEmail(data) {
-				const res = await resend.emails.send({
+				await resend.emails.send({
 					from,
 					to: data.email,
 					subject: "You've been invited to join an organization",

demo/nextjs/lib/email/invitation.tsx

@@ -15,7 +15,6 @@ import {
 	Text,
 	Tailwind,
 } from "@react-email/components";
-import * as React from "react";
 
 interface BetterAuthInviteUserEmailProps {
 	username?: string;

demo/nextjs/lib/email/rest-password.tsx

@@ -12,7 +12,6 @@ import {
 	Tailwind,
 	Section,
 } from "@react-email/components";
-import * as React from "react";
 
 interface BetterAuthResetPasswordEmailProps {
 	username?: string;

dev/bun/client.ts

@@ -1,5 +1,3 @@
-import { createAuthClient } from "better-auth/client";
-
 await fetch("http://localhost:4000/api/auth/sign-up/email", {
 	method: "POST",
 	body: JSON.stringify({

docs/app/changelogs/_components/changelog-layout.tsx

@@ -2,7 +2,6 @@ import Link from "next/link";
 import { useId } from "react";
 
 import clsx from "clsx";
-import { Logo } from "@/components/logo";
 import { DiscordLogoIcon } from "@radix-ui/react-icons";
 
 function BookIcon(props: React.ComponentPropsWithoutRef<"svg">) {

docs/app/docs/[[...slug]]/page.tsx

@@ -1,4 +1,4 @@
-import { source, openapi } from "@/app/source";
+import { source } from "@/app/source";
 import { DocsPage, DocsBody, DocsTitle } from "fumadocs-ui/page";
 import { notFound } from "next/navigation";
 import { absoluteUrl } from "@/lib/utils";

docs/app/layout.tsx

@@ -7,7 +7,6 @@ import { GeistMono } from "geist/font/mono";
 import { GeistSans } from "geist/font/sans";
 import { baseUrl, createMetadata } from "@/lib/metadata";
 import Loglib from "@loglib/tracker/react";
-import { BetaNotice } from "@/components/banner";
 
 export const metadata = createMetadata({
 	title: {

docs/app/source.ts

@@ -1,4 +1,4 @@
-import { docs, meta, changelog as _changelog } from "@/.source";
+import { docs, meta } from "@/.source";
 import { createMDXSource } from "fumadocs-mdx";
 import { loader } from "fumadocs-core/source";
 import { createOpenAPI } from "fumadocs-openapi/server";

docs/app/v1/_components/v1-text.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 export const ShipText = () => {
 	const voxels = [
 		// V

docs/components/blocks/features.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useId } from "react";
 
 export function Features() {

docs/components/builder/code-tabs/code-editor.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import React, { useState } from "react";
+import { useState } from "react";
-import { Highlight, themes } from "prism-react-renderer";
+import { Highlight } from "prism-react-renderer";
 import { Check, Copy } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import theme from "./theme";

docs/components/builder/code-tabs/code-tabs.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { cn } from "@/lib/utils";
 import { X } from "lucide-react";
 

docs/components/builder/code-tabs/index.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { TabBar } from "./tab-bar";
 import { CodeEditor } from "./code-editor";
 import { useAtom } from "jotai";

docs/components/builder/code-tabs/tab-bar.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { CodeTab } from "./code-tabs";
 
 interface File {

docs/components/builder/index.tsx

@@ -1,4 +1,4 @@
-import { ChevronLeft, Copy, Mail, Moon, PlusIcon, Sun } from "lucide-react";
+import { Moon, PlusIcon, Sun } from "lucide-react";
 import {
 	Dialog,
 	DialogContent,
@@ -28,8 +28,6 @@ import { useAtom } from "jotai";
 import { optionsAtom } from "./store";
 import { useTheme } from "next-themes";
 import { ScrollArea } from "../ui/scroll-area";
-import { Button } from "../ui/button";
-import Link from "next/link";
 const frameworks = [
 	{
 		title: "Next.js",

docs/components/builder/sign-in.tsx

@@ -12,10 +12,8 @@ import {
 import { Checkbox } from "@/components/ui/checkbox";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
-import { Key, Loader2 } from "lucide-react";
+import { Key } from "lucide-react";
 import Link from "next/link";
-import { useRouter } from "next/navigation";
-import { useState } from "react";
 import { useAtom } from "jotai";
 import { optionsAtom } from "./store";
 import { socialProviders } from "./social-provider";

docs/components/builder/sign-up.tsx

@@ -14,7 +14,6 @@ import { Label } from "@/components/ui/label";
 import { useState } from "react";
 import Image from "next/image";
 import { Loader2, X } from "lucide-react";
-import { toast } from "sonner";
 import { useRouter } from "next/navigation";
 
 export function SignUp() {

docs/components/features.tsx

@@ -1,5 +1,4 @@
 "use client";
-import React from "react";
 
 import {
 	Globe2Icon,

docs/components/landing/hero.tsx

@@ -11,7 +11,6 @@ import { Highlight, themes } from "prism-react-renderer";
 import { AnimatePresence, motion, MotionConfig } from "framer-motion";
 import { Builder } from "../builder";
 import { Spotlight } from "./spotlight";
-import { DropdownMenu, DropdownMenuTrigger } from "../ui/dropdown-menu";
 import { GradientBG } from "./gradient-bg";
 
 const tabs: { name: "auth.ts" | "client.ts"; code: string }[] = [

docs/components/landing/spotlight.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { cn } from "@/lib/utils";
 
 type SpotlightProps = {

docs/components/mdx/database-tables.tsx

@@ -1,4 +1,3 @@
-import { Card, CardContent } from "@/components/ui/card";
 import {
 	Table,
 	TableBody,
@@ -8,8 +7,7 @@ import {
 	TableRow,
 } from "@/components/ui/table";
 import { Badge } from "@/components/ui/badge";
-import { CircleDot, Key, Link } from "lucide-react";
+import { Key, Link } from "lucide-react";
-import { Label } from "../ui/label";
 import {
 	Tooltip,
 	TooltipContent,

docs/components/nav-bar.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import Link from "next/link";
 import { ThemeToggle } from "@/components/theme-toggler";
 import { NavbarMobile, NavbarMobileBtn } from "./nav-mobile";

docs/components/nav-mobile.tsx

@@ -1,13 +1,7 @@
 "use client";
-import { Menu, Sun, X } from "lucide-react";
+import { Menu } from "lucide-react";
 import Link from "next/link";
-import {
+import { Fragment, createContext, useContext, useState } from "react";
-	Fragment,
-	createContext,
-	useContext,
-	useEffect,
-	useState,
-} from "react";
 import {
 	Accordion,
 	AccordionContent,
@@ -16,7 +10,7 @@ import {
 } from "@/components/ui/accordion";
 import { AnimatePresence, FadeIn } from "@/components/ui/fade-in";
 import { contents, examples } from "./sidebar-content";
-import { MobileThemeToggle, ThemeToggle } from "./theme-toggler";
+import { MobileThemeToggle } from "./theme-toggler";
 import { usePathname } from "next/navigation";
 
 interface NavbarMobileContextProps {

docs/components/side-bar.tsx

@@ -17,10 +17,6 @@ import {
 } from "./ui/select";
 import { loglib } from "@loglib/tracker";
 import { cn } from "@/lib/utils";
-import { GitHubIcon } from "@/app/changelogs/_components/icons";
-import Link from "next/link";
-import { Button } from "./ui/button";
-import { Separator } from "./ui/separator";
 
 export default function ArticleLayout() {
 	const [currentOpen, setCurrentOpen] = useState<number>(0);

docs/components/sidebar-content.tsx

@@ -1,13 +1,10 @@
 import {
-	Chrome,
 	CircleHelp,
 	Key,
 	LucideAArrowDown,
 	LucideIcon,
 	Mail,
 	Mailbox,
-	MailboxIcon,
-	Mails,
 	Phone,
 	ScanFace,
 	ShieldCheck,

docs/components/theme-toggler.tsx

@@ -1,8 +1,7 @@
 "use client";
 
-import { Moon, MoonIcon, Sun } from "lucide-react";
+import { Moon, Sun } from "lucide-react";
 import { useTheme } from "next-themes";
-import * as React from "react";
 import { Button } from "@/components/ui/button";
 import {
 	DropdownMenu,

docs/components/ui/chart.tsx

@@ -2,11 +2,6 @@
 
 import * as React from "react";
 import * as RechartsPrimitive from "recharts";
-import {
-	NameType,
-	Payload,
-	ValueType,
-} from "recharts/types/component/DefaultTooltipContent";
 
 import { cn } from "@/lib/utils";
 

docs/components/ui/sparkles.tsx

@@ -1,5 +1,5 @@
 "use client";
-import React, { useId, useMemo } from "react";
+import { useId } from "react";
 import { useEffect, useState } from "react";
 import Particles, { initParticlesEngine } from "@tsparticles/react";
 import type { Container, SingleOrMultiple } from "@tsparticles/engine";

docs/source.config.ts

@@ -1,8 +1,4 @@
-import {
+import { defineCollections, defineDocs } from "fumadocs-mdx/config";
-	defineCollections,
-	defineDocs,
-	getDefaultMDXOptions,
-} from "fumadocs-mdx/config";
 import { defineConfig } from "fumadocs-mdx/config";
 import { remarkInstall } from "fumadocs-docgen";
 import { z } from "zod";

examples/astro-example/src/components/sign-in.tsx

@@ -9,7 +9,7 @@ import {
 import { TextField, TextFieldLabel, TextFieldRoot } from "./ui/textfield";
 import { Button } from "./ui/button";
 import { Checkbox, CheckboxControl, CheckboxLabel } from "./ui/checkbox";
-import { passkeyActions, signIn } from "@/libs/auth-client";
+import { signIn } from "@/libs/auth-client";
 import { createSignal } from "solid-js";
 
 export function SignInCard() {

examples/astro-example/src/components/sign-up.tsx

@@ -8,8 +8,7 @@ import {
 } from "@/components/ui/card";
 import { TextField, TextFieldLabel, TextFieldRoot } from "./ui/textfield";
 import { Button } from "./ui/button";
-import { Checkbox, CheckboxControl, CheckboxLabel } from "./ui/checkbox";
+import { signUp } from "@/libs/auth-client";
-import { signIn, signUp } from "@/libs/auth-client";
 import { createSignal } from "solid-js";
 import { convertImageToBase64 } from "@/libs/utils";
 

examples/astro-example/src/components/two-factor.tsx

@@ -4,7 +4,6 @@ import {
 	Card,
 	CardContent,
 	CardDescription,
-	CardFooter,
 	CardHeader,
 	CardTitle,
 } from "./ui/card";
@@ -12,7 +11,6 @@ import {
 	OTPField,
 	OTPFieldGroup,
 	OTPFieldInput,
-	OTPFieldSeparator,
 	OTPFieldSlot,
 } from "./ui/otp-field";
 import { twoFactorActions } from "@/libs/auth-client";

examples/astro-example/src/pages/dashboard.astro

@@ -1,6 +1,4 @@
 ---
-import { UserCard } from "@/components/user-card";
-import RootLayout from "@/layouts/root-layout.astro";
 import { auth } from "@/auth";
 
 const activeSessions = await auth.api

examples/astro-example/src/pages/index.astro

@@ -1,5 +1,4 @@
 ---
-import RootLayout from "@/layouts/root-layout.astro";
 ---
 
 <RootLayout>

examples/astro-example/src/pages/sign-in.astro

@@ -1,6 +1,4 @@
 ---
-import RootLayout from "@/layouts/root-layout.astro";
-import { SignInCard } from "../components/sign-in";
 ---
 
 <RootLayout>

examples/astro-example/src/pages/sign-up.astro

@@ -1,6 +1,4 @@
 ---
-import RootLayout from "@/layouts/root-layout.astro";
-import { SignUpCard } from "../components/sign-up";
 ---
 
 

examples/astro-example/src/pages/two-factor.astro

@@ -1,6 +1,4 @@
 ---
-import RootLayout from "@/layouts/root-layout.astro";
-import { TwoFactorComponent } from "@/components/two-factor";
 ---
 
 <RootLayout>

examples/astro-example/src/pages/two-factor/email.astro

@@ -1,6 +1,4 @@
 ---
-import RootLayout from "@/layouts/root-layout.astro";
-import { TwoFactorEmail } from "@/components/two-factor";
 ---
 
 

examples/browser-extension-example/src/components/Home.tsx

@@ -1,7 +1,5 @@
 import { authClient } from "@/auth/auth-client";
 
-import { Button } from "./ui/button";
-
 export const Home = ({
 	setPage,
 }: {

examples/browser-extension-example/src/components/SignIn.tsx

@@ -6,15 +6,13 @@ import {
 	Card,
 	CardContent,
 	CardDescription,
-	CardFooter,
 	CardHeader,
 	CardTitle,
 } from "@/components/ui/card";
 import { Checkbox } from "@/components/ui/checkbox";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
-import { cn } from "@/lib/utils";
+import { Loader2 } from "lucide-react";
-import { Key, Loader2 } from "lucide-react";
 import { useState } from "react";
 import { toast } from "sonner";
 

examples/browser-extension-example/src/components/SignUp.tsx

@@ -6,7 +6,6 @@ import {
 	Card,
 	CardContent,
 	CardDescription,
-	CardFooter,
 	CardHeader,
 	CardTitle,
 } from "@/components/ui/card";

examples/expo-example/src/app/_layout.tsx

@@ -1,4 +1,4 @@
-import { Slot, Stack } from "expo-router";
+import { Slot } from "expo-router";
 import "../global.css";
 import { SafeAreaProvider } from "react-native-safe-area-context";
 import { ImageBackground, View } from "react-native";

examples/nuxt-example/components/ui/accordion/Accordion.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import {
-	AccordionRoot,
 	type AccordionRootEmits,
 	type AccordionRootProps,
 	useForwardPropsEmits,

examples/nuxt-example/components/ui/accordion/AccordionContent.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { AccordionContent, type AccordionContentProps } from "radix-vue";
+import { type AccordionContentProps } from "radix-vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	AccordionContentProps & { class?: HTMLAttributes["class"] }

examples/nuxt-example/components/ui/accordion/AccordionItem.vue

@@ -1,11 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
+import { type AccordionItemProps, useForwardProps } from "radix-vue";
-	AccordionItem,
-	type AccordionItemProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	AccordionItemProps & { class?: HTMLAttributes["class"] }

examples/nuxt-example/components/ui/accordion/AccordionTrigger.vue

@@ -1,12 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
+import { type AccordionTriggerProps } from "radix-vue";
-	AccordionHeader,
-	AccordionTrigger,
-	type AccordionTriggerProps,
-} from "radix-vue";
-import { ChevronDownIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	AccordionTriggerProps & { class?: HTMLAttributes["class"] }

examples/nuxt-example/components/ui/alert-dialog/AlertDialog.vue

@@ -2,7 +2,6 @@
 import {
 	type AlertDialogEmits,
 	type AlertDialogProps,
-	AlertDialogRoot,
 	useForwardPropsEmits,
 } from "radix-vue";
 

examples/nuxt-example/components/ui/alert-dialog/AlertDialogAction.vue

@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { AlertDialogAction, type AlertDialogActionProps } from "radix-vue";
+import { type AlertDialogActionProps } from "radix-vue";
-import { cn } from "@/lib/utils";
-import { buttonVariants } from "@/components/ui/button";
 
 const props = defineProps<
 	AlertDialogActionProps & { class?: HTMLAttributes["class"] }

examples/nuxt-example/components/ui/alert-dialog/AlertDialogCancel.vue

@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { AlertDialogCancel, type AlertDialogCancelProps } from "radix-vue";
+import { type AlertDialogCancelProps } from "radix-vue";
-import { cn } from "@/lib/utils";
-import { buttonVariants } from "@/components/ui/button";
 
 const props = defineProps<
 	AlertDialogCancelProps & { class?: HTMLAttributes["class"] }

examples/nuxt-example/components/ui/alert-dialog/AlertDialogContent.vue

@@ -1,14 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	AlertDialogContent,
 	type AlertDialogContentEmits,
 	type AlertDialogContentProps,
-	AlertDialogOverlay,
-	AlertDialogPortal,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	AlertDialogContentProps & { class?: HTMLAttributes["class"] }

examples/nuxt-example/components/ui/alert-dialog/AlertDialogDescription.vue

@@ -1,10 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
+import { type AlertDialogDescriptionProps } from "radix-vue";
-	AlertDialogDescription,
-	type AlertDialogDescriptionProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	AlertDialogDescriptionProps & { class?: HTMLAttributes["class"] }

examples/nuxt-example/components/ui/alert-dialog/AlertDialogFooter.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<{
 	class?: HTMLAttributes["class"];

examples/nuxt-example/components/ui/alert-dialog/AlertDialogHeader.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<{
 	class?: HTMLAttributes["class"];

examples/nuxt-example/components/ui/alert-dialog/AlertDialogTitle.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { AlertDialogTitle, type AlertDialogTitleProps } from "radix-vue";
+import { type AlertDialogTitleProps } from "radix-vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	AlertDialogTitleProps & { class?: HTMLAttributes["class"] }

examples/nuxt-example/components/ui/alert-dialog/AlertDialogTrigger.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { AlertDialogTrigger, type AlertDialogTriggerProps } from "radix-vue";
+import { type AlertDialogTriggerProps } from "radix-vue";
 
 const props = defineProps<AlertDialogTriggerProps>();
 </script>

examples/nuxt-example/components/ui/alert/Alert.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue";
-import { type AlertVariants, alertVariants } from ".";
+import { type AlertVariants } from ".";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<{
 	class?: HTMLAttributes["class"];

examples/nuxt-example/components/ui/alert/AlertDescription.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<{
 	class?: HTMLAttributes["class"];

examples/nuxt-example/components/ui/alert/AlertTitle.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<{
 	class?: HTMLAttributes["class"];

examples/nuxt-example/components/ui/aspect-ratio/AspectRatio.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { AspectRatio, type AspectRatioProps } from "radix-vue";
+import { type AspectRatioProps } from "radix-vue";
 
 const props = defineProps<AspectRatioProps>();
 </script>

examples/nuxt-example/components/ui/auto-form/AutoForm.vue

@@ -4,14 +4,12 @@ import type { ZodAny, z } from "zod";
 import { toTypedSchema } from "@vee-validate/zod";
 import type { FormContext, GenericObject } from "vee-validate";
 import {
-	type ZodObjectOrWrapped,
 	getBaseSchema,
 	getBaseType,
 	getDefaultValueInZodStack,
 	getObjectFormSchema,
 } from "./utils";
 import type { Config, ConfigItem, Dependency, Shape } from "./interface";
-import AutoFormField from "./AutoFormField.vue";
 import { provideDependencies } from "./dependencies";
 import { Form } from "@/components/ui/form";
 

examples/nuxt-example/components/ui/auto-form/AutoFormField.vue

@@ -1,8 +1,6 @@
 <script setup lang="ts" generic="U extends ZodAny">
-import type { ZodAny } from "zod";
 import { computed } from "vue";
 import type { Config, ConfigItem, Shape } from "./interface";
-import { DEFAULT_ZOD_HANDLERS, INPUT_COMPONENTS } from "./constant";
 import useDependencies from "./dependencies";
 
 const props = defineProps<{

examples/nuxt-example/components/ui/auto-form/AutoFormFieldArray.vue

@@ -1,21 +1,9 @@
 <script setup lang="ts" generic="T extends z.ZodAny">
 import * as z from "zod";
 import { computed, provide } from "vue";
-import { PlusIcon, TrashIcon } from "lucide-vue-next";
+import { FieldContextKey, useField } from "vee-validate";
-import { FieldArray, FieldContextKey, useField } from "vee-validate";
+import type { Config } from "./interface";
-import type { Config, ConfigItem } from "./interface";
+import { getBaseType } from "./utils";
-import { beautifyObjectName, getBaseType } from "./utils";
-import AutoFormField from "./AutoFormField.vue";
-import AutoFormLabel from "./AutoFormLabel.vue";
-import {
-	Accordion,
-	AccordionContent,
-	AccordionItem,
-	AccordionTrigger,
-} from "@/components/ui/accordion";
-import { Button } from "@/components/ui/button";
-import { Separator } from "@/components/ui/separator";
-import { FormItem, FormMessage } from "@/components/ui/form";
 
 const props = defineProps<{
 	fieldName: string;

examples/nuxt-example/components/ui/auto-form/AutoFormFieldBoolean.vue

@@ -1,15 +1,6 @@
 <script setup lang="ts">
 import { computed } from "vue";
-import { beautifyObjectName } from "./utils";
 import type { FieldProps } from "./interface";
-import AutoFormLabel from "./AutoFormLabel.vue";
-import {
-	FormControl,
-	FormDescription,
-	FormField,
-	FormItem,
-	FormMessage,
-} from "@/components/ui/form";
 import { Switch } from "@/components/ui/switch";
 import { Checkbox } from "@/components/ui/checkbox";
 

examples/nuxt-example/components/ui/auto-form/AutoFormFieldDate.vue

@@ -1,25 +1,6 @@
 <script setup lang="ts">
-import { DateFormatter, getLocalTimeZone } from "@internationalized/date";
+import { DateFormatter } from "@internationalized/date";
-import { CalendarIcon } from "@radix-icons/vue";
-import { beautifyObjectName } from "./utils";
-import AutoFormLabel from "./AutoFormLabel.vue";
 import type { FieldProps } from "./interface";
-import {
-	FormControl,
-	FormDescription,
-	FormField,
-	FormItem,
-	FormMessage,
-} from "@/components/ui/form";
-
-import { Calendar } from "@/components/ui/calendar";
-import { Button } from "@/components/ui/button";
-import {
-	Popover,
-	PopoverContent,
-	PopoverTrigger,
-} from "@/components/ui/popover";
-import { cn } from "@/lib/utils";
 
 defineProps<FieldProps>();
 

examples/nuxt-example/components/ui/auto-form/AutoFormFieldEnum.vue

@@ -1,23 +1,5 @@
 <script setup lang="ts">
-import AutoFormLabel from "./AutoFormLabel.vue";
-import { beautifyObjectName } from "./utils";
 import type { FieldProps } from "./interface";
-import {
-	FormControl,
-	FormDescription,
-	FormField,
-	FormItem,
-	FormMessage,
-} from "@/components/ui/form";
-import {
-	Select,
-	SelectContent,
-	SelectItem,
-	SelectTrigger,
-	SelectValue,
-} from "@/components/ui/select";
-import { Label } from "@/components/ui/label";
-import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
 
 defineProps<
 	FieldProps & {

examples/nuxt-example/components/ui/auto-form/AutoFormFieldFile.vue

@@ -1,18 +1,6 @@
 <script setup lang="ts">
 import { ref } from "vue";
-import { TrashIcon } from "@radix-icons/vue";
-import { beautifyObjectName } from "./utils";
 import type { FieldProps } from "./interface";
-import AutoFormLabel from "./AutoFormLabel.vue";
-import {
-	FormControl,
-	FormDescription,
-	FormField,
-	FormItem,
-	FormMessage,
-} from "@/components/ui/form";
-import { Input } from "@/components/ui/input";
-import { Button } from "@/components/ui/button";
 
 defineProps<FieldProps>();
 

examples/nuxt-example/components/ui/auto-form/AutoFormFieldInput.vue

@@ -1,15 +1,6 @@
 <script setup lang="ts">
 import { computed } from "vue";
-import AutoFormLabel from "./AutoFormLabel.vue";
-import { beautifyObjectName } from "./utils";
 import type { FieldProps } from "./interface";
-import {
-	FormControl,
-	FormDescription,
-	FormField,
-	FormItem,
-	FormMessage,
-} from "@/components/ui/form";
 import { Input } from "@/components/ui/input";
 import { Textarea } from "@/components/ui/textarea";
 

examples/nuxt-example/components/ui/auto-form/AutoFormFieldNumber.vue

@@ -1,15 +1,5 @@
 <script setup lang="ts">
-import AutoFormLabel from "./AutoFormLabel.vue";
-import { beautifyObjectName } from "./utils";
 import type { FieldProps } from "./interface";
-import {
-	FormControl,
-	FormDescription,
-	FormField,
-	FormItem,
-	FormMessage,
-} from "@/components/ui/form";
-import { Input } from "@/components/ui/input";
 
 defineOptions({
 	inheritAttrs: false,

examples/nuxt-example/components/ui/auto-form/AutoFormFieldObject.vue

@@ -1,23 +1,9 @@
 <script setup lang="ts" generic="T extends ZodRawShape">
-import type { ZodAny, ZodObject, ZodRawShape } from "zod";
+import type { ZodAny, ZodObject } from "zod";
 import { computed, provide } from "vue";
 import { FieldContextKey, useField } from "vee-validate";
-import AutoFormField from "./AutoFormField.vue";
+import type { Config, Shape } from "./interface";
-import type { Config, ConfigItem, Shape } from "./interface";
+import { getBaseSchema, getBaseType, getDefaultValueInZodStack } from "./utils";
-import {
-	beautifyObjectName,
-	getBaseSchema,
-	getBaseType,
-	getDefaultValueInZodStack,
-} from "./utils";
-import AutoFormLabel from "./AutoFormLabel.vue";
-import {
-	Accordion,
-	AccordionContent,
-	AccordionItem,
-	AccordionTrigger,
-} from "@/components/ui/accordion";
-import { FormItem } from "@/components/ui/form";
 
 const props = defineProps<{
 	fieldName: string;

examples/nuxt-example/components/ui/auto-form/AutoFormLabel.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { FormLabel } from "@/components/ui/form";
-
 defineProps<{
 	required?: boolean;
 }>();

examples/nuxt-example/components/ui/avatar/Avatar.vue

@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue";
-import { AvatarRoot } from "radix-vue";
+import { type AvatarVariants } from ".";
-import { type AvatarVariants, avatarVariant } from ".";
-import { cn } from "@/lib/utils";
 
 const props = withDefaults(
 	defineProps<{

examples/nuxt-example/components/ui/avatar/AvatarFallback.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { AvatarFallback, type AvatarFallbackProps } from "radix-vue";
+import { type AvatarFallbackProps } from "radix-vue";
 
 const props = defineProps<AvatarFallbackProps>();
 </script>

examples/nuxt-example/components/ui/avatar/AvatarImage.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { AvatarImage, type AvatarImageProps } from "radix-vue";
+import { type AvatarImageProps } from "radix-vue";
 
 const props = defineProps<AvatarImageProps>();
 </script>

examples/nuxt-example/components/ui/badge/Badge.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue";
-import { type BadgeVariants, badgeVariants } from ".";
+import { type BadgeVariants } from ".";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<{
 	variant?: BadgeVariants["variant"];

examples/nuxt-example/components/ui/breadcrumb/BreadcrumbEllipsis.vue

@@ -1,7 +1,5 @@
 <script lang="ts" setup>
 import type { HTMLAttributes } from "vue";
-import { DotsHorizontalIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<{
 	class?: HTMLAttributes["class"];

examples/nuxt-example/components/ui/breadcrumb/BreadcrumbItem.vue

@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<{
 	class?: HTMLAttributes["class"];

examples/nuxt-example/components/ui/breadcrumb/BreadcrumbLink.vue

@@ -1,7 +1,6 @@
 <script lang="ts" setup>
 import type { HTMLAttributes } from "vue";
-import { Primitive, type PrimitiveProps } from "radix-vue";
+import { type PrimitiveProps } from "radix-vue";
-import { cn } from "@/lib/utils";
 
 const props = withDefaults(
 	defineProps<PrimitiveProps & { class?: HTMLAttributes["class"] }>(),

examples/nuxt-example/components/ui/breadcrumb/BreadcrumbList.vue

@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<{
 	class?: HTMLAttributes["class"];

examples/nuxt-example/components/ui/breadcrumb/BreadcrumbPage.vue

@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<{
 	class?: HTMLAttributes["class"];

examples/nuxt-example/components/ui/breadcrumb/BreadcrumbSeparator.vue

@@ -1,7 +1,5 @@
 <script lang="ts" setup>
 import type { HTMLAttributes } from "vue";
-import { ChevronRightIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<{
 	class?: HTMLAttributes["class"];

examples/nuxt-example/components/ui/button/Button.vue

@@ -1,8 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue";
-import { Primitive, type PrimitiveProps } from "radix-vue";
+import { type PrimitiveProps } from "radix-vue";
-import { type ButtonVariants, buttonVariants } from ".";
+import { type ButtonVariants } from ".";
-import { cn } from "@/lib/utils";
 
 interface Props extends PrimitiveProps {
 	variant?: ButtonVariants["variant"];

examples/nuxt-example/components/ui/calendar/Calendar.vue

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

examples/nuxt-example/components/ui/calendar/CalendarCell.vue

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

examples/nuxt-example/components/ui/calendar/CalendarCellTrigger.vue

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

examples/nuxt-example/components/ui/calendar/CalendarGrid.vue

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

examples/nuxt-example/components/ui/calendar/CalendarGridBody.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { CalendarGridBody, type CalendarGridBodyProps } from "radix-vue";
+import { type CalendarGridBodyProps } from "radix-vue";
 
 const props = defineProps<CalendarGridBodyProps>();
 </script>

examples/nuxt-example/components/ui/calendar/CalendarGridHead.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import type { HTMLAttributes } from "vue";
-import { CalendarGridHead, type CalendarGridHeadProps } from "radix-vue";
+import { type CalendarGridHeadProps } from "radix-vue";
 
 const props = defineProps<
 	CalendarGridHeadProps & { class?: HTMLAttributes["class"] }

examples/nuxt-example/components/ui/calendar/CalendarGridRow.vue

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