diff --git a/biome.json b/biome.json
index 3803c849..90af927c 100644
--- a/biome.json
+++ b/biome.json
@@ -21,6 +21,9 @@
 			"complexity": {
 				"noUselessSwitchCase": "warn",
 				"noUselessTypeConstraint": "warn"
+			},
+			"correctness": {
+				"noUnusedImports": "warn"
 			}
 		}
 	},
diff --git a/demo/nextjs/app/(auth)/reset-password/page.tsx b/demo/nextjs/app/(auth)/reset-password/page.tsx
index 7a8751ab..d950e427 100644
--- a/demo/nextjs/app/(auth)/reset-password/page.tsx
+++ b/demo/nextjs/app/(auth)/reset-password/page.tsx
@@ -6,7 +6,6 @@ import {
 	Card,
 	CardContent,
 	CardDescription,
-	CardFooter,
 	CardHeader,
 	CardTitle,
 } from "@/components/ui/card";
diff --git a/demo/nextjs/app/(auth)/two-factor/otp/page.tsx b/demo/nextjs/app/(auth)/two-factor/otp/page.tsx
index 4e86d57e..60c66019 100644
--- a/demo/nextjs/app/(auth)/two-factor/otp/page.tsx
+++ b/demo/nextjs/app/(auth)/two-factor/otp/page.tsx
@@ -5,7 +5,6 @@ import {
 	Card,
 	CardContent,
 	CardDescription,
-	CardFooter,
 	CardHeader,
 	CardTitle,
 } from "@/components/ui/card";
diff --git a/demo/nextjs/app/dashboard/organization-card.tsx b/demo/nextjs/app/dashboard/organization-card.tsx
index 587edd00..84473070 100644
--- a/demo/nextjs/app/dashboard/organization-card.tsx
+++ b/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 {
-	Card,
-	CardContent,
-	CardFooter,
-	CardHeader,
-	CardTitle,
-} from "@/components/ui/card";
+import { Card, CardContent, 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";
diff --git a/demo/nextjs/app/layout.tsx b/demo/nextjs/app/layout.tsx
index 4898936e..83dcf59d 100644
--- a/demo/nextjs/app/layout.tsx
+++ b/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";
diff --git a/demo/nextjs/app/oauth/authorize/page.tsx b/demo/nextjs/app/oauth/authorize/page.tsx
index 51ff0e25..0f553793 100644
--- a/demo/nextjs/app/oauth/authorize/page.tsx
+++ b/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 = {
diff --git a/demo/nextjs/components/account-switch.tsx b/demo/nextjs/components/account-switch.tsx
index eed1b58a..0f6b1a97 100644
--- a/demo/nextjs/components/account-switch.tsx
+++ b/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 { useQuery } from "@tanstack/react-query";
+import { ChevronDown, PlusCircle } from "lucide-react";
 import { Session } from "@/lib/auth-types";
 import { client, useSession } from "@/lib/auth-client";
 import { useRouter } from "next/navigation";
diff --git a/demo/nextjs/components/sign-in.tsx b/demo/nextjs/components/sign-in.tsx
index 052a6bfb..393e21b7 100644
--- a/demo/nextjs/components/sign-in.tsx
+++ b/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 {
-	DiscordLogoIcon,
-	GitHubLogoIcon,
-	TwitterLogoIcon,
-} from "@radix-ui/react-icons";
-import { Key, Loader2, TwitchIcon } from "lucide-react";
+import { DiscordLogoIcon, GitHubLogoIcon } from "@radix-ui/react-icons";
+import { Key, Loader2 } from "lucide-react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
diff --git a/demo/nextjs/components/sign-up.tsx b/demo/nextjs/components/sign-up.tsx
index 6034aa09..ab7430ef 100644
--- a/demo/nextjs/components/sign-up.tsx
+++ b/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";
diff --git a/demo/nextjs/components/theme-provider.tsx b/demo/nextjs/components/theme-provider.tsx
index c527cde9..4aed7cdc 100644
--- a/demo/nextjs/components/theme-provider.tsx
+++ b/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";
 
diff --git a/demo/nextjs/components/theme-toggle.tsx b/demo/nextjs/components/theme-toggle.tsx
index 61351c92..6c2d457a 100644
--- a/demo/nextjs/components/theme-toggle.tsx
+++ b/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";
 
diff --git a/demo/nextjs/components/ui/chart.tsx b/demo/nextjs/components/ui/chart.tsx
index 19552dc3..aa3d5f99 100644
--- a/demo/nextjs/components/ui/chart.tsx
+++ b/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";
 
diff --git a/demo/nextjs/lib/auth.ts b/demo/nextjs/lib/auth.ts
index 02be2bd8..58d08383 100644
--- a/demo/nextjs/lib/auth.ts
+++ b/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",
diff --git a/demo/nextjs/lib/email/invitation.tsx b/demo/nextjs/lib/email/invitation.tsx
index e5a4440f..2bcf16b1 100644
--- a/demo/nextjs/lib/email/invitation.tsx
+++ b/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;
diff --git a/demo/nextjs/lib/email/rest-password.tsx b/demo/nextjs/lib/email/rest-password.tsx
index f4a4d525..8fe61b74 100644
--- a/demo/nextjs/lib/email/rest-password.tsx
+++ b/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;
diff --git a/dev/bun/client.ts b/dev/bun/client.ts
index 5533b5c5..2a9fc20b 100644
--- a/dev/bun/client.ts
+++ b/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({
diff --git a/docs/app/changelogs/_components/changelog-layout.tsx b/docs/app/changelogs/_components/changelog-layout.tsx
index cee54e93..35fe9635 100644
--- a/docs/app/changelogs/_components/changelog-layout.tsx
+++ b/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">) {
diff --git a/docs/app/docs/[[...slug]]/page.tsx b/docs/app/docs/[[...slug]]/page.tsx
index d20cfaaf..1793ddf5 100644
--- a/docs/app/docs/[[...slug]]/page.tsx
+++ b/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";
diff --git a/docs/app/layout.tsx b/docs/app/layout.tsx
index 3cee8198..be1db2a0 100644
--- a/docs/app/layout.tsx
+++ b/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: {
diff --git a/docs/app/source.ts b/docs/app/source.ts
index 32336ed0..d79aacd6 100644
--- a/docs/app/source.ts
+++ b/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";
diff --git a/docs/app/v1/_components/v1-text.tsx b/docs/app/v1/_components/v1-text.tsx
index 64a5de89..c562046b 100644
--- a/docs/app/v1/_components/v1-text.tsx
+++ b/docs/app/v1/_components/v1-text.tsx
@@ -1,5 +1,3 @@
-import React from "react";
-
 export const ShipText = () => {
 	const voxels = [
 		// V
diff --git a/docs/components/blocks/features.tsx b/docs/components/blocks/features.tsx
index 1f3b0797..bac5dbb8 100644
--- a/docs/components/blocks/features.tsx
+++ b/docs/components/blocks/features.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import { useId } from "react";
 
 export function Features() {
diff --git a/docs/components/builder/code-tabs/code-editor.tsx b/docs/components/builder/code-tabs/code-editor.tsx
index 7a7498d3..b8a122fa 100644
--- a/docs/components/builder/code-tabs/code-editor.tsx
+++ b/docs/components/builder/code-tabs/code-editor.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import React, { useState } from "react";
-import { Highlight, themes } from "prism-react-renderer";
+import { useState } from "react";
+import { Highlight } from "prism-react-renderer";
 import { Check, Copy } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import theme from "./theme";
diff --git a/docs/components/builder/code-tabs/code-tabs.tsx b/docs/components/builder/code-tabs/code-tabs.tsx
index 95a9c16c..ad5e0e8a 100644
--- a/docs/components/builder/code-tabs/code-tabs.tsx
+++ b/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";
 
diff --git a/docs/components/builder/code-tabs/index.tsx b/docs/components/builder/code-tabs/index.tsx
index f6346446..9b086ec3 100644
--- a/docs/components/builder/code-tabs/index.tsx
+++ b/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";
diff --git a/docs/components/builder/code-tabs/tab-bar.tsx b/docs/components/builder/code-tabs/tab-bar.tsx
index 4905c65f..220dbd3e 100644
--- a/docs/components/builder/code-tabs/tab-bar.tsx
+++ b/docs/components/builder/code-tabs/tab-bar.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import { CodeTab } from "./code-tabs";
 
 interface File {
diff --git a/docs/components/builder/index.tsx b/docs/components/builder/index.tsx
index 3d2184b9..105d37ff 100644
--- a/docs/components/builder/index.tsx
+++ b/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",
diff --git a/docs/components/builder/sign-in.tsx b/docs/components/builder/sign-in.tsx
index 03f82c8b..06d9efa4 100644
--- a/docs/components/builder/sign-in.tsx
+++ b/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";
diff --git a/docs/components/builder/sign-up.tsx b/docs/components/builder/sign-up.tsx
index c24492fe..ff799e51 100644
--- a/docs/components/builder/sign-up.tsx
+++ b/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() {
diff --git a/docs/components/features.tsx b/docs/components/features.tsx
index 4ca4203e..acdca621 100644
--- a/docs/components/features.tsx
+++ b/docs/components/features.tsx
@@ -1,5 +1,4 @@
 "use client";
-import React from "react";
 
 import {
 	Globe2Icon,
diff --git a/docs/components/landing/hero.tsx b/docs/components/landing/hero.tsx
index 6f7b8cc3..c2fe7a96 100644
--- a/docs/components/landing/hero.tsx
+++ b/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 }[] = [
diff --git a/docs/components/landing/spotlight.tsx b/docs/components/landing/spotlight.tsx
index ad04371e..695b4081 100644
--- a/docs/components/landing/spotlight.tsx
+++ b/docs/components/landing/spotlight.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import { cn } from "@/lib/utils";
 
 type SpotlightProps = {
diff --git a/docs/components/mdx/database-tables.tsx b/docs/components/mdx/database-tables.tsx
index db6e826d..6783d205 100644
--- a/docs/components/mdx/database-tables.tsx
+++ b/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 { Label } from "../ui/label";
+import { Key, Link } from "lucide-react";
 import {
 	Tooltip,
 	TooltipContent,
diff --git a/docs/components/nav-bar.tsx b/docs/components/nav-bar.tsx
index 34b2ca97..e9171617 100644
--- a/docs/components/nav-bar.tsx
+++ b/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";
diff --git a/docs/components/nav-mobile.tsx b/docs/components/nav-mobile.tsx
index ab7b3f00..28234d04 100644
--- a/docs/components/nav-mobile.tsx
+++ b/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 {
-	Fragment,
-	createContext,
-	useContext,
-	useEffect,
-	useState,
-} from "react";
+import { Fragment, createContext, useContext, 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 {
diff --git a/docs/components/side-bar.tsx b/docs/components/side-bar.tsx
index 11ac79fc..e8bb3908 100644
--- a/docs/components/side-bar.tsx
+++ b/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);
diff --git a/docs/components/sidebar-content.tsx b/docs/components/sidebar-content.tsx
index b6748f7a..7ab547e3 100644
--- a/docs/components/sidebar-content.tsx
+++ b/docs/components/sidebar-content.tsx
@@ -1,13 +1,10 @@
 import {
-	Chrome,
 	CircleHelp,
 	Key,
 	LucideAArrowDown,
 	LucideIcon,
 	Mail,
 	Mailbox,
-	MailboxIcon,
-	Mails,
 	Phone,
 	ScanFace,
 	ShieldCheck,
diff --git a/docs/components/theme-toggler.tsx b/docs/components/theme-toggler.tsx
index 3427b0db..50d157db 100644
--- a/docs/components/theme-toggler.tsx
+++ b/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,
diff --git a/docs/components/ui/chart.tsx b/docs/components/ui/chart.tsx
index 19552dc3..aa3d5f99 100644
--- a/docs/components/ui/chart.tsx
+++ b/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";
 
diff --git a/docs/components/ui/sparkles.tsx b/docs/components/ui/sparkles.tsx
index 1976dbbb..e2cf2e9a 100644
--- a/docs/components/ui/sparkles.tsx
+++ b/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";
diff --git a/docs/source.config.ts b/docs/source.config.ts
index dcc3e67d..56e3c52b 100644
--- a/docs/source.config.ts
+++ b/docs/source.config.ts
@@ -1,8 +1,4 @@
-import {
-	defineCollections,
-	defineDocs,
-	getDefaultMDXOptions,
-} from "fumadocs-mdx/config";
+import { defineCollections, defineDocs } from "fumadocs-mdx/config";
 import { defineConfig } from "fumadocs-mdx/config";
 import { remarkInstall } from "fumadocs-docgen";
 import { z } from "zod";
diff --git a/examples/astro-example/src/components/sign-in.tsx b/examples/astro-example/src/components/sign-in.tsx
index 2b7c5e81..cb0f3b7c 100644
--- a/examples/astro-example/src/components/sign-in.tsx
+++ b/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() {
diff --git a/examples/astro-example/src/components/sign-up.tsx b/examples/astro-example/src/components/sign-up.tsx
index f7ead8a2..ec148fec 100644
--- a/examples/astro-example/src/components/sign-up.tsx
+++ b/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 { signIn, signUp } from "@/libs/auth-client";
+import { signUp } from "@/libs/auth-client";
 import { createSignal } from "solid-js";
 import { convertImageToBase64 } from "@/libs/utils";
 
diff --git a/examples/astro-example/src/components/two-factor.tsx b/examples/astro-example/src/components/two-factor.tsx
index 1821854b..4c1c2a00 100644
--- a/examples/astro-example/src/components/two-factor.tsx
+++ b/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";
diff --git a/examples/astro-example/src/pages/dashboard.astro b/examples/astro-example/src/pages/dashboard.astro
index 689745b7..a227f7ef 100644
--- a/examples/astro-example/src/pages/dashboard.astro
+++ b/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
diff --git a/examples/astro-example/src/pages/index.astro b/examples/astro-example/src/pages/index.astro
index ec350cf2..511874f0 100644
--- a/examples/astro-example/src/pages/index.astro
+++ b/examples/astro-example/src/pages/index.astro
@@ -1,5 +1,4 @@
 ---
-import RootLayout from "@/layouts/root-layout.astro";
 ---
 
 <RootLayout>
diff --git a/examples/astro-example/src/pages/sign-in.astro b/examples/astro-example/src/pages/sign-in.astro
index 71909da9..6bc71112 100644
--- a/examples/astro-example/src/pages/sign-in.astro
+++ b/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>
diff --git a/examples/astro-example/src/pages/sign-up.astro b/examples/astro-example/src/pages/sign-up.astro
index 28f224f3..136db7b4 100644
--- a/examples/astro-example/src/pages/sign-up.astro
+++ b/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";
 ---
 
 
diff --git a/examples/astro-example/src/pages/two-factor.astro b/examples/astro-example/src/pages/two-factor.astro
index cc99ec04..3b049457 100644
--- a/examples/astro-example/src/pages/two-factor.astro
+++ b/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>
diff --git a/examples/astro-example/src/pages/two-factor/email.astro b/examples/astro-example/src/pages/two-factor/email.astro
index 859860f3..7a3e973f 100644
--- a/examples/astro-example/src/pages/two-factor/email.astro
+++ b/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";
 ---
 
 
diff --git a/examples/browser-extension-example/src/components/Home.tsx b/examples/browser-extension-example/src/components/Home.tsx
index 2edf0ec8..4e4f3066 100644
--- a/examples/browser-extension-example/src/components/Home.tsx
+++ b/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,
 }: {
diff --git a/examples/browser-extension-example/src/components/SignIn.tsx b/examples/browser-extension-example/src/components/SignIn.tsx
index 4a7212d3..ee72f9b7 100644
--- a/examples/browser-extension-example/src/components/SignIn.tsx
+++ b/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 { Key, Loader2 } from "lucide-react";
+import { Loader2 } from "lucide-react";
 import { useState } from "react";
 import { toast } from "sonner";
 
diff --git a/examples/browser-extension-example/src/components/SignUp.tsx b/examples/browser-extension-example/src/components/SignUp.tsx
index bf627c74..3bb79ce3 100644
--- a/examples/browser-extension-example/src/components/SignUp.tsx
+++ b/examples/browser-extension-example/src/components/SignUp.tsx
@@ -6,7 +6,6 @@ import {
 	Card,
 	CardContent,
 	CardDescription,
-	CardFooter,
 	CardHeader,
 	CardTitle,
 } from "@/components/ui/card";
diff --git a/examples/expo-example/src/app/_layout.tsx b/examples/expo-example/src/app/_layout.tsx
index 688080cf..222baaa8 100644
--- a/examples/expo-example/src/app/_layout.tsx
+++ b/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";
diff --git a/examples/nuxt-example/components/ui/accordion/Accordion.vue b/examples/nuxt-example/components/ui/accordion/Accordion.vue
index 23b9266c..f0561749 100644
--- a/examples/nuxt-example/components/ui/accordion/Accordion.vue
+++ b/examples/nuxt-example/components/ui/accordion/Accordion.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import {
-	AccordionRoot,
 	type AccordionRootEmits,
 	type AccordionRootProps,
 	useForwardPropsEmits,
diff --git a/examples/nuxt-example/components/ui/accordion/AccordionContent.vue b/examples/nuxt-example/components/ui/accordion/AccordionContent.vue
index d966c6a0..19a38308 100644
--- a/examples/nuxt-example/components/ui/accordion/AccordionContent.vue
+++ b/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 { cn } from "@/lib/utils";
+import { type AccordionContentProps } from "radix-vue";
 
 const props = defineProps<
 	AccordionContentProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/accordion/AccordionItem.vue b/examples/nuxt-example/components/ui/accordion/AccordionItem.vue
index c1666c75..f426ecb7 100644
--- a/examples/nuxt-example/components/ui/accordion/AccordionItem.vue
+++ b/examples/nuxt-example/components/ui/accordion/AccordionItem.vue
@@ -1,11 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	AccordionItem,
-	type AccordionItemProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type AccordionItemProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	AccordionItemProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/accordion/AccordionTrigger.vue b/examples/nuxt-example/components/ui/accordion/AccordionTrigger.vue
index 422b44be..fb229b43 100644
--- a/examples/nuxt-example/components/ui/accordion/AccordionTrigger.vue
+++ b/examples/nuxt-example/components/ui/accordion/AccordionTrigger.vue
@@ -1,12 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	AccordionHeader,
-	AccordionTrigger,
-	type AccordionTriggerProps,
-} from "radix-vue";
-import { ChevronDownIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
+import { type AccordionTriggerProps } from "radix-vue";
 
 const props = defineProps<
 	AccordionTriggerProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/alert-dialog/AlertDialog.vue b/examples/nuxt-example/components/ui/alert-dialog/AlertDialog.vue
index fdde6b28..4c6dc943 100644
--- a/examples/nuxt-example/components/ui/alert-dialog/AlertDialog.vue
+++ b/examples/nuxt-example/components/ui/alert-dialog/AlertDialog.vue
@@ -2,7 +2,6 @@
 import {
 	type AlertDialogEmits,
 	type AlertDialogProps,
-	AlertDialogRoot,
 	useForwardPropsEmits,
 } from "radix-vue";
 
diff --git a/examples/nuxt-example/components/ui/alert-dialog/AlertDialogAction.vue b/examples/nuxt-example/components/ui/alert-dialog/AlertDialogAction.vue
index 8daf5e9e..e29b0210 100644
--- a/examples/nuxt-example/components/ui/alert-dialog/AlertDialogAction.vue
+++ b/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 { cn } from "@/lib/utils";
-import { buttonVariants } from "@/components/ui/button";
+import { type AlertDialogActionProps } from "radix-vue";
 
 const props = defineProps<
 	AlertDialogActionProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/alert-dialog/AlertDialogCancel.vue b/examples/nuxt-example/components/ui/alert-dialog/AlertDialogCancel.vue
index 2a1bd8eb..759463f7 100644
--- a/examples/nuxt-example/components/ui/alert-dialog/AlertDialogCancel.vue
+++ b/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 { cn } from "@/lib/utils";
-import { buttonVariants } from "@/components/ui/button";
+import { type AlertDialogCancelProps } from "radix-vue";
 
 const props = defineProps<
 	AlertDialogCancelProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/alert-dialog/AlertDialogContent.vue b/examples/nuxt-example/components/ui/alert-dialog/AlertDialogContent.vue
index abae9fd3..3a029928 100644
--- a/examples/nuxt-example/components/ui/alert-dialog/AlertDialogContent.vue
+++ b/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"] }
diff --git a/examples/nuxt-example/components/ui/alert-dialog/AlertDialogDescription.vue b/examples/nuxt-example/components/ui/alert-dialog/AlertDialogDescription.vue
index 1c13896e..11ff5271 100644
--- a/examples/nuxt-example/components/ui/alert-dialog/AlertDialogDescription.vue
+++ b/examples/nuxt-example/components/ui/alert-dialog/AlertDialogDescription.vue
@@ -1,10 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	AlertDialogDescription,
-	type AlertDialogDescriptionProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type AlertDialogDescriptionProps } from "radix-vue";
 
 const props = defineProps<
 	AlertDialogDescriptionProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/alert-dialog/AlertDialogFooter.vue b/examples/nuxt-example/components/ui/alert-dialog/AlertDialogFooter.vue
index d11f31e7..392ef9e0 100644
--- a/examples/nuxt-example/components/ui/alert-dialog/AlertDialogFooter.vue
+++ b/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"];
diff --git a/examples/nuxt-example/components/ui/alert-dialog/AlertDialogHeader.vue b/examples/nuxt-example/components/ui/alert-dialog/AlertDialogHeader.vue
index 832ff68e..8ab59d34 100644
--- a/examples/nuxt-example/components/ui/alert-dialog/AlertDialogHeader.vue
+++ b/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"];
diff --git a/examples/nuxt-example/components/ui/alert-dialog/AlertDialogTitle.vue b/examples/nuxt-example/components/ui/alert-dialog/AlertDialogTitle.vue
index 1cdadd5f..2b62a1a1 100644
--- a/examples/nuxt-example/components/ui/alert-dialog/AlertDialogTitle.vue
+++ b/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 { cn } from "@/lib/utils";
+import { type AlertDialogTitleProps } from "radix-vue";
 
 const props = defineProps<
 	AlertDialogTitleProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/alert-dialog/AlertDialogTrigger.vue b/examples/nuxt-example/components/ui/alert-dialog/AlertDialogTrigger.vue
index 93287eed..314fdc23 100644
--- a/examples/nuxt-example/components/ui/alert-dialog/AlertDialogTrigger.vue
+++ b/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>
diff --git a/examples/nuxt-example/components/ui/alert/Alert.vue b/examples/nuxt-example/components/ui/alert/Alert.vue
index 8f006b63..91887ecd 100644
--- a/examples/nuxt-example/components/ui/alert/Alert.vue
+++ b/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 { cn } from "@/lib/utils";
+import { type AlertVariants } from ".";
 
 const props = defineProps<{
 	class?: HTMLAttributes["class"];
diff --git a/examples/nuxt-example/components/ui/alert/AlertDescription.vue b/examples/nuxt-example/components/ui/alert/AlertDescription.vue
index 258f695f..f2a5f48d 100644
--- a/examples/nuxt-example/components/ui/alert/AlertDescription.vue
+++ b/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"];
diff --git a/examples/nuxt-example/components/ui/alert/AlertTitle.vue b/examples/nuxt-example/components/ui/alert/AlertTitle.vue
index b3f8f827..57ce5963 100644
--- a/examples/nuxt-example/components/ui/alert/AlertTitle.vue
+++ b/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"];
diff --git a/examples/nuxt-example/components/ui/aspect-ratio/AspectRatio.vue b/examples/nuxt-example/components/ui/aspect-ratio/AspectRatio.vue
index f5bc40d5..c99b6fad 100644
--- a/examples/nuxt-example/components/ui/aspect-ratio/AspectRatio.vue
+++ b/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>
diff --git a/examples/nuxt-example/components/ui/auto-form/AutoForm.vue b/examples/nuxt-example/components/ui/auto-form/AutoForm.vue
index 3ffd9490..6ed7e757 100644
--- a/examples/nuxt-example/components/ui/auto-form/AutoForm.vue
+++ b/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";
 
diff --git a/examples/nuxt-example/components/ui/auto-form/AutoFormField.vue b/examples/nuxt-example/components/ui/auto-form/AutoFormField.vue
index 36f2efc9..daf30139 100644
--- a/examples/nuxt-example/components/ui/auto-form/AutoFormField.vue
+++ b/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<{
diff --git a/examples/nuxt-example/components/ui/auto-form/AutoFormFieldArray.vue b/examples/nuxt-example/components/ui/auto-form/AutoFormFieldArray.vue
index c20898cd..36887e39 100644
--- a/examples/nuxt-example/components/ui/auto-form/AutoFormFieldArray.vue
+++ b/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 { FieldArray, FieldContextKey, useField } from "vee-validate";
-import type { Config, ConfigItem } from "./interface";
-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";
+import { FieldContextKey, useField } from "vee-validate";
+import type { Config } from "./interface";
+import { getBaseType } from "./utils";
 
 const props = defineProps<{
 	fieldName: string;
diff --git a/examples/nuxt-example/components/ui/auto-form/AutoFormFieldBoolean.vue b/examples/nuxt-example/components/ui/auto-form/AutoFormFieldBoolean.vue
index a49cafa0..36cde06b 100644
--- a/examples/nuxt-example/components/ui/auto-form/AutoFormFieldBoolean.vue
+++ b/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";
 
diff --git a/examples/nuxt-example/components/ui/auto-form/AutoFormFieldDate.vue b/examples/nuxt-example/components/ui/auto-form/AutoFormFieldDate.vue
index a51f3fd3..8e426f11 100644
--- a/examples/nuxt-example/components/ui/auto-form/AutoFormFieldDate.vue
+++ b/examples/nuxt-example/components/ui/auto-form/AutoFormFieldDate.vue
@@ -1,25 +1,6 @@
 <script setup lang="ts">
-import { DateFormatter, getLocalTimeZone } from "@internationalized/date";
-import { CalendarIcon } from "@radix-icons/vue";
-import { beautifyObjectName } from "./utils";
-import AutoFormLabel from "./AutoFormLabel.vue";
+import { DateFormatter } from "@internationalized/date";
 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>();
 
diff --git a/examples/nuxt-example/components/ui/auto-form/AutoFormFieldEnum.vue b/examples/nuxt-example/components/ui/auto-form/AutoFormFieldEnum.vue
index ad3d02ce..cbfaffc8 100644
--- a/examples/nuxt-example/components/ui/auto-form/AutoFormFieldEnum.vue
+++ b/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 & {
diff --git a/examples/nuxt-example/components/ui/auto-form/AutoFormFieldFile.vue b/examples/nuxt-example/components/ui/auto-form/AutoFormFieldFile.vue
index 7524c35e..97570b60 100644
--- a/examples/nuxt-example/components/ui/auto-form/AutoFormFieldFile.vue
+++ b/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>();
 
diff --git a/examples/nuxt-example/components/ui/auto-form/AutoFormFieldInput.vue b/examples/nuxt-example/components/ui/auto-form/AutoFormFieldInput.vue
index ed6e5031..528de747 100644
--- a/examples/nuxt-example/components/ui/auto-form/AutoFormFieldInput.vue
+++ b/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";
 
diff --git a/examples/nuxt-example/components/ui/auto-form/AutoFormFieldNumber.vue b/examples/nuxt-example/components/ui/auto-form/AutoFormFieldNumber.vue
index b7b0d238..5bd3ad6e 100644
--- a/examples/nuxt-example/components/ui/auto-form/AutoFormFieldNumber.vue
+++ b/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,
diff --git a/examples/nuxt-example/components/ui/auto-form/AutoFormFieldObject.vue b/examples/nuxt-example/components/ui/auto-form/AutoFormFieldObject.vue
index 913a76da..0786979c 100644
--- a/examples/nuxt-example/components/ui/auto-form/AutoFormFieldObject.vue
+++ b/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, ConfigItem, Shape } from "./interface";
-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";
+import type { Config, Shape } from "./interface";
+import { getBaseSchema, getBaseType, getDefaultValueInZodStack } from "./utils";
 
 const props = defineProps<{
 	fieldName: string;
diff --git a/examples/nuxt-example/components/ui/auto-form/AutoFormLabel.vue b/examples/nuxt-example/components/ui/auto-form/AutoFormLabel.vue
index 96999a5c..308200ac 100644
--- a/examples/nuxt-example/components/ui/auto-form/AutoFormLabel.vue
+++ b/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;
 }>();
diff --git a/examples/nuxt-example/components/ui/avatar/Avatar.vue b/examples/nuxt-example/components/ui/avatar/Avatar.vue
index 32443ed6..f3b8668f 100644
--- a/examples/nuxt-example/components/ui/avatar/Avatar.vue
+++ b/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, avatarVariant } from ".";
-import { cn } from "@/lib/utils";
+import { type AvatarVariants } from ".";
 
 const props = withDefaults(
 	defineProps<{
diff --git a/examples/nuxt-example/components/ui/avatar/AvatarFallback.vue b/examples/nuxt-example/components/ui/avatar/AvatarFallback.vue
index a5209400..102ad60c 100644
--- a/examples/nuxt-example/components/ui/avatar/AvatarFallback.vue
+++ b/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>
diff --git a/examples/nuxt-example/components/ui/avatar/AvatarImage.vue b/examples/nuxt-example/components/ui/avatar/AvatarImage.vue
index 183321f6..ffb830e7 100644
--- a/examples/nuxt-example/components/ui/avatar/AvatarImage.vue
+++ b/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>
diff --git a/examples/nuxt-example/components/ui/badge/Badge.vue b/examples/nuxt-example/components/ui/badge/Badge.vue
index 23975861..4f6adb39 100644
--- a/examples/nuxt-example/components/ui/badge/Badge.vue
+++ b/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 { cn } from "@/lib/utils";
+import { type BadgeVariants } from ".";
 
 const props = defineProps<{
 	variant?: BadgeVariants["variant"];
diff --git a/examples/nuxt-example/components/ui/breadcrumb/BreadcrumbEllipsis.vue b/examples/nuxt-example/components/ui/breadcrumb/BreadcrumbEllipsis.vue
index 1ae50c4d..ee54dfc2 100644
--- a/examples/nuxt-example/components/ui/breadcrumb/BreadcrumbEllipsis.vue
+++ b/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"];
diff --git a/examples/nuxt-example/components/ui/breadcrumb/BreadcrumbItem.vue b/examples/nuxt-example/components/ui/breadcrumb/BreadcrumbItem.vue
index 097cc209..98f240b3 100644
--- a/examples/nuxt-example/components/ui/breadcrumb/BreadcrumbItem.vue
+++ b/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"];
diff --git a/examples/nuxt-example/components/ui/breadcrumb/BreadcrumbLink.vue b/examples/nuxt-example/components/ui/breadcrumb/BreadcrumbLink.vue
index 6e51c300..ae93188d 100644
--- a/examples/nuxt-example/components/ui/breadcrumb/BreadcrumbLink.vue
+++ b/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 { cn } from "@/lib/utils";
+import { type PrimitiveProps } from "radix-vue";
 
 const props = withDefaults(
 	defineProps<PrimitiveProps & { class?: HTMLAttributes["class"] }>(),
diff --git a/examples/nuxt-example/components/ui/breadcrumb/BreadcrumbList.vue b/examples/nuxt-example/components/ui/breadcrumb/BreadcrumbList.vue
index 70b9ca48..3f45e605 100644
--- a/examples/nuxt-example/components/ui/breadcrumb/BreadcrumbList.vue
+++ b/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"];
diff --git a/examples/nuxt-example/components/ui/breadcrumb/BreadcrumbPage.vue b/examples/nuxt-example/components/ui/breadcrumb/BreadcrumbPage.vue
index e5f9aa52..afb310df 100644
--- a/examples/nuxt-example/components/ui/breadcrumb/BreadcrumbPage.vue
+++ b/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"];
diff --git a/examples/nuxt-example/components/ui/breadcrumb/BreadcrumbSeparator.vue b/examples/nuxt-example/components/ui/breadcrumb/BreadcrumbSeparator.vue
index 9691b2a1..844cabaf 100644
--- a/examples/nuxt-example/components/ui/breadcrumb/BreadcrumbSeparator.vue
+++ b/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"];
diff --git a/examples/nuxt-example/components/ui/button/Button.vue b/examples/nuxt-example/components/ui/button/Button.vue
index 97618eb0..a3d87a46 100644
--- a/examples/nuxt-example/components/ui/button/Button.vue
+++ b/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 ButtonVariants, buttonVariants } from ".";
-import { cn } from "@/lib/utils";
+import { type PrimitiveProps } from "radix-vue";
+import { type ButtonVariants } from ".";
 
 interface Props extends PrimitiveProps {
 	variant?: ButtonVariants["variant"];
diff --git a/examples/nuxt-example/components/ui/calendar/Calendar.vue b/examples/nuxt-example/components/ui/calendar/Calendar.vue
index 21d89283..def1064a 100644
--- a/examples/nuxt-example/components/ui/calendar/Calendar.vue
+++ b/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"] }
diff --git a/examples/nuxt-example/components/ui/calendar/CalendarCell.vue b/examples/nuxt-example/components/ui/calendar/CalendarCell.vue
index 500a3764..15264f10 100644
--- a/examples/nuxt-example/components/ui/calendar/CalendarCell.vue
+++ b/examples/nuxt-example/components/ui/calendar/CalendarCell.vue
@@ -1,11 +1,6 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
-import {
-	CalendarCell,
-	type CalendarCellProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type CalendarCellProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	CalendarCellProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/calendar/CalendarCellTrigger.vue b/examples/nuxt-example/components/ui/calendar/CalendarCellTrigger.vue
index b0348189..ab5dbbe0 100644
--- a/examples/nuxt-example/components/ui/calendar/CalendarCellTrigger.vue
+++ b/examples/nuxt-example/components/ui/calendar/CalendarCellTrigger.vue
@@ -1,12 +1,6 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
-import {
-	CalendarCellTrigger,
-	type CalendarCellTriggerProps,
-	useForwardProps,
-} from "radix-vue";
-import { buttonVariants } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
+import { type CalendarCellTriggerProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	CalendarCellTriggerProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/calendar/CalendarGrid.vue b/examples/nuxt-example/components/ui/calendar/CalendarGrid.vue
index f39ff587..179f4534 100644
--- a/examples/nuxt-example/components/ui/calendar/CalendarGrid.vue
+++ b/examples/nuxt-example/components/ui/calendar/CalendarGrid.vue
@@ -1,11 +1,6 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
-import {
-	CalendarGrid,
-	type CalendarGridProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type CalendarGridProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	CalendarGridProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/calendar/CalendarGridBody.vue b/examples/nuxt-example/components/ui/calendar/CalendarGridBody.vue
index 64bcc6db..854a2ee6 100644
--- a/examples/nuxt-example/components/ui/calendar/CalendarGridBody.vue
+++ b/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>
diff --git a/examples/nuxt-example/components/ui/calendar/CalendarGridHead.vue b/examples/nuxt-example/components/ui/calendar/CalendarGridHead.vue
index 64590384..1570c29e 100644
--- a/examples/nuxt-example/components/ui/calendar/CalendarGridHead.vue
+++ b/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"] }
diff --git a/examples/nuxt-example/components/ui/calendar/CalendarGridRow.vue b/examples/nuxt-example/components/ui/calendar/CalendarGridRow.vue
index 6cda1a1a..ab06009f 100644
--- a/examples/nuxt-example/components/ui/calendar/CalendarGridRow.vue
+++ b/examples/nuxt-example/components/ui/calendar/CalendarGridRow.vue
@@ -1,11 +1,6 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
-import {
-	CalendarGridRow,
-	type CalendarGridRowProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type CalendarGridRowProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	CalendarGridRowProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/calendar/CalendarHeadCell.vue b/examples/nuxt-example/components/ui/calendar/CalendarHeadCell.vue
index 26674fee..6bba6a66 100644
--- a/examples/nuxt-example/components/ui/calendar/CalendarHeadCell.vue
+++ b/examples/nuxt-example/components/ui/calendar/CalendarHeadCell.vue
@@ -1,11 +1,6 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
-import {
-	CalendarHeadCell,
-	type CalendarHeadCellProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type CalendarHeadCellProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	CalendarHeadCellProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/calendar/CalendarHeader.vue b/examples/nuxt-example/components/ui/calendar/CalendarHeader.vue
index d12aa2e3..e9ca08dd 100644
--- a/examples/nuxt-example/components/ui/calendar/CalendarHeader.vue
+++ b/examples/nuxt-example/components/ui/calendar/CalendarHeader.vue
@@ -1,11 +1,6 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
-import {
-	CalendarHeader,
-	type CalendarHeaderProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type CalendarHeaderProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	CalendarHeaderProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/calendar/CalendarHeading.vue b/examples/nuxt-example/components/ui/calendar/CalendarHeading.vue
index 946d865b..c026a274 100644
--- a/examples/nuxt-example/components/ui/calendar/CalendarHeading.vue
+++ b/examples/nuxt-example/components/ui/calendar/CalendarHeading.vue
@@ -1,11 +1,6 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
-import {
-	CalendarHeading,
-	type CalendarHeadingProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type CalendarHeadingProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	CalendarHeadingProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/calendar/CalendarNextButton.vue b/examples/nuxt-example/components/ui/calendar/CalendarNextButton.vue
index 212fbe4c..a78abe57 100644
--- a/examples/nuxt-example/components/ui/calendar/CalendarNextButton.vue
+++ b/examples/nuxt-example/components/ui/calendar/CalendarNextButton.vue
@@ -1,13 +1,6 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
-import {
-	CalendarNext,
-	type CalendarNextProps,
-	useForwardProps,
-} from "radix-vue";
-import { ChevronRightIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
-import { buttonVariants } from "@/components/ui/button";
+import { type CalendarNextProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	CalendarNextProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/calendar/CalendarPrevButton.vue b/examples/nuxt-example/components/ui/calendar/CalendarPrevButton.vue
index 9d699f7f..fd631a03 100644
--- a/examples/nuxt-example/components/ui/calendar/CalendarPrevButton.vue
+++ b/examples/nuxt-example/components/ui/calendar/CalendarPrevButton.vue
@@ -1,13 +1,6 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
-import {
-	CalendarPrev,
-	type CalendarPrevProps,
-	useForwardProps,
-} from "radix-vue";
-import { ChevronLeftIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
-import { buttonVariants } from "@/components/ui/button";
+import { type CalendarPrevProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	CalendarPrevProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/card/Card.vue b/examples/nuxt-example/components/ui/card/Card.vue
index c2b45c37..51625ce0 100644
--- a/examples/nuxt-example/components/ui/card/Card.vue
+++ b/examples/nuxt-example/components/ui/card/Card.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"];
diff --git a/examples/nuxt-example/components/ui/card/CardContent.vue b/examples/nuxt-example/components/ui/card/CardContent.vue
index 5225327e..697a17de 100644
--- a/examples/nuxt-example/components/ui/card/CardContent.vue
+++ b/examples/nuxt-example/components/ui/card/CardContent.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"];
diff --git a/examples/nuxt-example/components/ui/card/CardDescription.vue b/examples/nuxt-example/components/ui/card/CardDescription.vue
index 3ef99070..74300bac 100644
--- a/examples/nuxt-example/components/ui/card/CardDescription.vue
+++ b/examples/nuxt-example/components/ui/card/CardDescription.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"];
diff --git a/examples/nuxt-example/components/ui/card/CardFooter.vue b/examples/nuxt-example/components/ui/card/CardFooter.vue
index a2c0bf0c..d5162341 100644
--- a/examples/nuxt-example/components/ui/card/CardFooter.vue
+++ b/examples/nuxt-example/components/ui/card/CardFooter.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"];
diff --git a/examples/nuxt-example/components/ui/card/CardHeader.vue b/examples/nuxt-example/components/ui/card/CardHeader.vue
index c9fada59..b04d790e 100644
--- a/examples/nuxt-example/components/ui/card/CardHeader.vue
+++ b/examples/nuxt-example/components/ui/card/CardHeader.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"];
diff --git a/examples/nuxt-example/components/ui/card/CardTitle.vue b/examples/nuxt-example/components/ui/card/CardTitle.vue
index 3ed9a8d2..a3f8df7d 100644
--- a/examples/nuxt-example/components/ui/card/CardTitle.vue
+++ b/examples/nuxt-example/components/ui/card/CardTitle.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"];
diff --git a/examples/nuxt-example/components/ui/carousel/Carousel.vue b/examples/nuxt-example/components/ui/carousel/Carousel.vue
index 77ac70cd..610feb65 100644
--- a/examples/nuxt-example/components/ui/carousel/Carousel.vue
+++ b/examples/nuxt-example/components/ui/carousel/Carousel.vue
@@ -5,7 +5,6 @@ import type {
 	CarouselProps,
 	WithClassAsProps,
 } from "./interface";
-import { cn } from "@/lib/utils";
 
 const props = withDefaults(defineProps<CarouselProps & WithClassAsProps>(), {
 	orientation: "horizontal",
diff --git a/examples/nuxt-example/components/ui/carousel/CarouselContent.vue b/examples/nuxt-example/components/ui/carousel/CarouselContent.vue
index 6cd706a7..99b7752b 100644
--- a/examples/nuxt-example/components/ui/carousel/CarouselContent.vue
+++ b/examples/nuxt-example/components/ui/carousel/CarouselContent.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { useCarousel } from "./useCarousel";
 import type { WithClassAsProps } from "./interface";
-import { cn } from "@/lib/utils";
 
 defineOptions({
 	inheritAttrs: false,
diff --git a/examples/nuxt-example/components/ui/carousel/CarouselItem.vue b/examples/nuxt-example/components/ui/carousel/CarouselItem.vue
index 977524d2..bd690246 100644
--- a/examples/nuxt-example/components/ui/carousel/CarouselItem.vue
+++ b/examples/nuxt-example/components/ui/carousel/CarouselItem.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { useCarousel } from "./useCarousel";
 import type { WithClassAsProps } from "./interface";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<WithClassAsProps>();
 
diff --git a/examples/nuxt-example/components/ui/carousel/CarouselNext.vue b/examples/nuxt-example/components/ui/carousel/CarouselNext.vue
index c14002f7..02820651 100644
--- a/examples/nuxt-example/components/ui/carousel/CarouselNext.vue
+++ b/examples/nuxt-example/components/ui/carousel/CarouselNext.vue
@@ -1,9 +1,6 @@
 <script setup lang="ts">
-import { ArrowRightIcon } from "@radix-icons/vue";
 import { useCarousel } from "./useCarousel";
 import type { WithClassAsProps } from "./interface";
-import { cn } from "@/lib/utils";
-import { Button } from "@/components/ui/button";
 
 const props = defineProps<WithClassAsProps>();
 
diff --git a/examples/nuxt-example/components/ui/carousel/CarouselPrevious.vue b/examples/nuxt-example/components/ui/carousel/CarouselPrevious.vue
index 7590ce86..600032b2 100644
--- a/examples/nuxt-example/components/ui/carousel/CarouselPrevious.vue
+++ b/examples/nuxt-example/components/ui/carousel/CarouselPrevious.vue
@@ -1,9 +1,6 @@
 <script setup lang="ts">
-import { ArrowLeftIcon } from "@radix-icons/vue";
 import { useCarousel } from "./useCarousel";
 import type { WithClassAsProps } from "./interface";
-import { cn } from "@/lib/utils";
-import { Button } from "@/components/ui/button";
 
 const props = defineProps<WithClassAsProps>();
 
diff --git a/examples/nuxt-example/components/ui/chart-area/AreaChart.vue b/examples/nuxt-example/components/ui/chart-area/AreaChart.vue
index 0b99940e..bc12e6dd 100644
--- a/examples/nuxt-example/components/ui/chart-area/AreaChart.vue
+++ b/examples/nuxt-example/components/ui/chart-area/AreaChart.vue
@@ -1,17 +1,10 @@
 <script setup lang="ts" generic="T extends Record<string, any>">
 import { type BulletLegendItemInterface, CurveType } from "@unovis/ts";
-import { VisArea, VisAxis, VisLine, VisXYContainer } from "@unovis/vue";
-import { Area, Axis, Line } from "@unovis/ts";
 import { type Component, computed, ref } from "vue";
 import { useMounted } from "@vueuse/core";
 import { useId } from "radix-vue";
 import type { BaseChartProps } from ".";
-import {
-	ChartCrosshair,
-	ChartLegend,
-	defaultColors,
-} from "@/components/ui/chart";
-import { cn } from "@/lib/utils";
+import { defaultColors } from "@/components/ui/chart";
 
 const props = withDefaults(
 	defineProps<
diff --git a/examples/nuxt-example/components/ui/chart-bar/BarChart.vue b/examples/nuxt-example/components/ui/chart-bar/BarChart.vue
index bebf101c..ef97e81a 100644
--- a/examples/nuxt-example/components/ui/chart-bar/BarChart.vue
+++ b/examples/nuxt-example/components/ui/chart-bar/BarChart.vue
@@ -1,21 +1,11 @@
 <script setup lang="ts" generic="T extends Record<string, any>">
 import type { BulletLegendItemInterface } from "@unovis/ts";
-import {
-	VisAxis,
-	VisGroupedBar,
-	VisStackedBar,
-	VisXYContainer,
-} from "@unovis/vue";
-import { Axis, GroupedBar, StackedBar } from "@unovis/ts";
+import { VisGroupedBar, VisStackedBar } from "@unovis/vue";
+import { GroupedBar, StackedBar } from "@unovis/ts";
 import { type Component, computed, ref } from "vue";
 import { useMounted } from "@vueuse/core";
 import type { BaseChartProps } from ".";
-import {
-	ChartCrosshair,
-	ChartLegend,
-	defaultColors,
-} from "@/components/ui/chart";
-import { cn } from "@/lib/utils";
+import { defaultColors } from "@/components/ui/chart";
 
 const props = withDefaults(
 	defineProps<
diff --git a/examples/nuxt-example/components/ui/chart-donut/DonutChart.vue b/examples/nuxt-example/components/ui/chart-donut/DonutChart.vue
index b26bcc82..eaac3247 100644
--- a/examples/nuxt-example/components/ui/chart-donut/DonutChart.vue
+++ b/examples/nuxt-example/components/ui/chart-donut/DonutChart.vue
@@ -1,11 +1,8 @@
 <script setup lang="ts" generic="T extends Record<string, any>">
-import { VisDonut, VisSingleContainer } from "@unovis/vue";
-import { Donut } from "@unovis/ts";
 import { type Component, computed, ref } from "vue";
 import { useMounted } from "@vueuse/core";
 import type { BaseChartProps } from ".";
-import { ChartSingleTooltip, defaultColors } from "@/components/ui/chart";
-import { cn } from "@/lib/utils";
+import { defaultColors } from "@/components/ui/chart";
 
 const props = withDefaults(
 	defineProps<
diff --git a/examples/nuxt-example/components/ui/chart-line/LineChart.vue b/examples/nuxt-example/components/ui/chart-line/LineChart.vue
index 7c50e221..8493c1de 100644
--- a/examples/nuxt-example/components/ui/chart-line/LineChart.vue
+++ b/examples/nuxt-example/components/ui/chart-line/LineChart.vue
@@ -1,16 +1,9 @@
 <script setup lang="ts" generic="T extends Record<string, any>">
 import { type BulletLegendItemInterface, CurveType } from "@unovis/ts";
-import { VisAxis, VisLine, VisXYContainer } from "@unovis/vue";
-import { Axis, Line } from "@unovis/ts";
 import { type Component, computed, ref } from "vue";
 import { useMounted } from "@vueuse/core";
 import type { BaseChartProps } from ".";
-import {
-	ChartCrosshair,
-	ChartLegend,
-	defaultColors,
-} from "@/components/ui/chart";
-import { cn } from "@/lib/utils";
+import { defaultColors } from "@/components/ui/chart";
 
 const props = withDefaults(
 	defineProps<
diff --git a/examples/nuxt-example/components/ui/chart/ChartCrosshair.vue b/examples/nuxt-example/components/ui/chart/ChartCrosshair.vue
index 6595b0a5..37107813 100644
--- a/examples/nuxt-example/components/ui/chart/ChartCrosshair.vue
+++ b/examples/nuxt-example/components/ui/chart/ChartCrosshair.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { VisCrosshair, VisTooltip } from "@unovis/vue";
 import type { BulletLegendItemInterface } from "@unovis/ts";
 import { omit } from "@unovis/ts";
 import { type Component, createApp } from "vue";
diff --git a/examples/nuxt-example/components/ui/chart/ChartLegend.vue b/examples/nuxt-example/components/ui/chart/ChartLegend.vue
index 82a24792..fc102956 100644
--- a/examples/nuxt-example/components/ui/chart/ChartLegend.vue
+++ b/examples/nuxt-example/components/ui/chart/ChartLegend.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { VisBulletLegend } from "@unovis/vue";
 import type { BulletLegendItemInterface } from "@unovis/ts";
 import { BulletLegend } from "@unovis/ts";
 import { nextTick, onMounted, ref } from "vue";
diff --git a/examples/nuxt-example/components/ui/chart/ChartSingleTooltip.vue b/examples/nuxt-example/components/ui/chart/ChartSingleTooltip.vue
index a1225b4d..06a709c7 100644
--- a/examples/nuxt-example/components/ui/chart/ChartSingleTooltip.vue
+++ b/examples/nuxt-example/components/ui/chart/ChartSingleTooltip.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { VisTooltip } from "@unovis/vue";
 import type { BulletLegendItemInterface } from "@unovis/ts";
 import { omit } from "@unovis/ts";
 import { type Component, createApp } from "vue";
diff --git a/examples/nuxt-example/components/ui/chart/ChartTooltip.vue b/examples/nuxt-example/components/ui/chart/ChartTooltip.vue
index 49efcc1e..84a5b310 100644
--- a/examples/nuxt-example/components/ui/chart/ChartTooltip.vue
+++ b/examples/nuxt-example/components/ui/chart/ChartTooltip.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-
 defineProps<{
 	title?: string;
 	data: {
diff --git a/examples/nuxt-example/components/ui/checkbox/Checkbox.vue b/examples/nuxt-example/components/ui/checkbox/Checkbox.vue
index f3eb1604..de6b9540 100644
--- a/examples/nuxt-example/components/ui/checkbox/Checkbox.vue
+++ b/examples/nuxt-example/components/ui/checkbox/Checkbox.vue
@@ -1,13 +1,7 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import type { CheckboxRootEmits, CheckboxRootProps } from "radix-vue";
-import {
-	CheckboxIndicator,
-	CheckboxRoot,
-	useForwardPropsEmits,
-} from "radix-vue";
-import { CheckIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
+import { useForwardPropsEmits } from "radix-vue";
 
 const props = defineProps<
 	CheckboxRootProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/collapsible/Collapsible.vue b/examples/nuxt-example/components/ui/collapsible/Collapsible.vue
index 801de7f2..ac8c5481 100644
--- a/examples/nuxt-example/components/ui/collapsible/Collapsible.vue
+++ b/examples/nuxt-example/components/ui/collapsible/Collapsible.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { CollapsibleRoot, useForwardPropsEmits } from "radix-vue";
+import { useForwardPropsEmits } from "radix-vue";
 import type { CollapsibleRootEmits, CollapsibleRootProps } from "radix-vue";
 
 const props = defineProps<CollapsibleRootProps>();
diff --git a/examples/nuxt-example/components/ui/collapsible/CollapsibleContent.vue b/examples/nuxt-example/components/ui/collapsible/CollapsibleContent.vue
index 42d722de..ccc08e34 100644
--- a/examples/nuxt-example/components/ui/collapsible/CollapsibleContent.vue
+++ b/examples/nuxt-example/components/ui/collapsible/CollapsibleContent.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { CollapsibleContent, type CollapsibleContentProps } from "radix-vue";
+import { type CollapsibleContentProps } from "radix-vue";
 
 const props = defineProps<CollapsibleContentProps>();
 </script>
diff --git a/examples/nuxt-example/components/ui/collapsible/CollapsibleTrigger.vue b/examples/nuxt-example/components/ui/collapsible/CollapsibleTrigger.vue
index baf5fe99..60a9d3bd 100644
--- a/examples/nuxt-example/components/ui/collapsible/CollapsibleTrigger.vue
+++ b/examples/nuxt-example/components/ui/collapsible/CollapsibleTrigger.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { CollapsibleTrigger, type CollapsibleTriggerProps } from "radix-vue";
+import { type CollapsibleTriggerProps } from "radix-vue";
 
 const props = defineProps<CollapsibleTriggerProps>();
 </script>
diff --git a/examples/nuxt-example/components/ui/command/Command.vue b/examples/nuxt-example/components/ui/command/Command.vue
index 560f3ce6..f9644f54 100644
--- a/examples/nuxt-example/components/ui/command/Command.vue
+++ b/examples/nuxt-example/components/ui/command/Command.vue
@@ -1,8 +1,7 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import type { ComboboxRootEmits, ComboboxRootProps } from "radix-vue";
-import { ComboboxRoot, useForwardPropsEmits } from "radix-vue";
-import { cn } from "@/lib/utils";
+import { useForwardPropsEmits } from "radix-vue";
 
 const props = withDefaults(
 	defineProps<ComboboxRootProps & { class?: HTMLAttributes["class"] }>(),
diff --git a/examples/nuxt-example/components/ui/command/CommandDialog.vue b/examples/nuxt-example/components/ui/command/CommandDialog.vue
index 0935db4f..b28d2d0b 100644
--- a/examples/nuxt-example/components/ui/command/CommandDialog.vue
+++ b/examples/nuxt-example/components/ui/command/CommandDialog.vue
@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import { useForwardPropsEmits } from "radix-vue";
 import type { DialogRootEmits, DialogRootProps } from "radix-vue";
-import Command from "./Command.vue";
-import { Dialog, DialogContent } from "@/components/ui/dialog";
 
 const props = defineProps<DialogRootProps>();
 const emits = defineEmits<DialogRootEmits>();
diff --git a/examples/nuxt-example/components/ui/command/CommandEmpty.vue b/examples/nuxt-example/components/ui/command/CommandEmpty.vue
index 0cf70854..7d7f3d4a 100644
--- a/examples/nuxt-example/components/ui/command/CommandEmpty.vue
+++ b/examples/nuxt-example/components/ui/command/CommandEmpty.vue
@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import type { ComboboxEmptyProps } from "radix-vue";
-import { ComboboxEmpty } from "radix-vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	ComboboxEmptyProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/command/CommandGroup.vue b/examples/nuxt-example/components/ui/command/CommandGroup.vue
index cce3abb4..1cde4fbc 100644
--- a/examples/nuxt-example/components/ui/command/CommandGroup.vue
+++ b/examples/nuxt-example/components/ui/command/CommandGroup.vue
@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import type { ComboboxGroupProps } from "radix-vue";
-import { ComboboxGroup, ComboboxLabel } from "radix-vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	ComboboxGroupProps & {
diff --git a/examples/nuxt-example/components/ui/command/CommandInput.vue b/examples/nuxt-example/components/ui/command/CommandInput.vue
index 00315b29..83261f1c 100644
--- a/examples/nuxt-example/components/ui/command/CommandInput.vue
+++ b/examples/nuxt-example/components/ui/command/CommandInput.vue
@@ -1,12 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { MagnifyingGlassIcon } from "@radix-icons/vue";
-import {
-	ComboboxInput,
-	type ComboboxInputProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type ComboboxInputProps, useForwardProps } from "radix-vue";
 
 defineOptions({
 	inheritAttrs: false,
diff --git a/examples/nuxt-example/components/ui/command/CommandItem.vue b/examples/nuxt-example/components/ui/command/CommandItem.vue
index 1a6f3c04..3f014dff 100644
--- a/examples/nuxt-example/components/ui/command/CommandItem.vue
+++ b/examples/nuxt-example/components/ui/command/CommandItem.vue
@@ -1,8 +1,7 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import type { ComboboxItemEmits, ComboboxItemProps } from "radix-vue";
-import { ComboboxItem, useForwardPropsEmits } from "radix-vue";
-import { cn } from "@/lib/utils";
+import { useForwardPropsEmits } from "radix-vue";
 
 const props = defineProps<
 	ComboboxItemProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/command/CommandList.vue b/examples/nuxt-example/components/ui/command/CommandList.vue
index 7f9bbe28..e6a14a6a 100644
--- a/examples/nuxt-example/components/ui/command/CommandList.vue
+++ b/examples/nuxt-example/components/ui/command/CommandList.vue
@@ -1,8 +1,7 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import type { ComboboxContentEmits, ComboboxContentProps } from "radix-vue";
-import { ComboboxContent, useForwardPropsEmits } from "radix-vue";
-import { cn } from "@/lib/utils";
+import { useForwardPropsEmits } from "radix-vue";
 
 const props = withDefaults(
 	defineProps<ComboboxContentProps & { class?: HTMLAttributes["class"] }>(),
diff --git a/examples/nuxt-example/components/ui/command/CommandSeparator.vue b/examples/nuxt-example/components/ui/command/CommandSeparator.vue
index a630a47f..f83366f8 100644
--- a/examples/nuxt-example/components/ui/command/CommandSeparator.vue
+++ b/examples/nuxt-example/components/ui/command/CommandSeparator.vue
@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import type { ComboboxSeparatorProps } from "radix-vue";
-import { ComboboxSeparator } from "radix-vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	ComboboxSeparatorProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/command/CommandShortcut.vue b/examples/nuxt-example/components/ui/command/CommandShortcut.vue
index 01427b09..c6f1674f 100644
--- a/examples/nuxt-example/components/ui/command/CommandShortcut.vue
+++ b/examples/nuxt-example/components/ui/command/CommandShortcut.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"];
diff --git a/examples/nuxt-example/components/ui/context-menu/ContextMenu.vue b/examples/nuxt-example/components/ui/context-menu/ContextMenu.vue
index 8e5793ab..e6234a5d 100644
--- a/examples/nuxt-example/components/ui/context-menu/ContextMenu.vue
+++ b/examples/nuxt-example/components/ui/context-menu/ContextMenu.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ContextMenuRoot, useForwardPropsEmits } from "radix-vue";
+import { useForwardPropsEmits } from "radix-vue";
 import type { ContextMenuRootEmits, ContextMenuRootProps } from "radix-vue";
 
 const props = defineProps<ContextMenuRootProps>();
diff --git a/examples/nuxt-example/components/ui/context-menu/ContextMenuCheckboxItem.vue b/examples/nuxt-example/components/ui/context-menu/ContextMenuCheckboxItem.vue
index fd3357d7..12c8da6f 100644
--- a/examples/nuxt-example/components/ui/context-menu/ContextMenuCheckboxItem.vue
+++ b/examples/nuxt-example/components/ui/context-menu/ContextMenuCheckboxItem.vue
@@ -1,14 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	ContextMenuCheckboxItem,
 	type ContextMenuCheckboxItemEmits,
 	type ContextMenuCheckboxItemProps,
-	ContextMenuItemIndicator,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { CheckIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	ContextMenuCheckboxItemProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/context-menu/ContextMenuContent.vue b/examples/nuxt-example/components/ui/context-menu/ContextMenuContent.vue
index e8128d0b..b59859e6 100644
--- a/examples/nuxt-example/components/ui/context-menu/ContextMenuContent.vue
+++ b/examples/nuxt-example/components/ui/context-menu/ContextMenuContent.vue
@@ -1,13 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	ContextMenuContent,
 	type ContextMenuContentEmits,
 	type ContextMenuContentProps,
-	ContextMenuPortal,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	ContextMenuContentProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/context-menu/ContextMenuGroup.vue b/examples/nuxt-example/components/ui/context-menu/ContextMenuGroup.vue
index f188f7ed..b776ed6f 100644
--- a/examples/nuxt-example/components/ui/context-menu/ContextMenuGroup.vue
+++ b/examples/nuxt-example/components/ui/context-menu/ContextMenuGroup.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ContextMenuGroup, type ContextMenuGroupProps } from "radix-vue";
+import { type ContextMenuGroupProps } from "radix-vue";
 
 const props = defineProps<ContextMenuGroupProps>();
 </script>
diff --git a/examples/nuxt-example/components/ui/context-menu/ContextMenuItem.vue b/examples/nuxt-example/components/ui/context-menu/ContextMenuItem.vue
index 6117f121..05ee77ab 100644
--- a/examples/nuxt-example/components/ui/context-menu/ContextMenuItem.vue
+++ b/examples/nuxt-example/components/ui/context-menu/ContextMenuItem.vue
@@ -1,12 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	ContextMenuItem,
 	type ContextMenuItemEmits,
 	type ContextMenuItemProps,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	ContextMenuItemProps & { class?: HTMLAttributes["class"]; inset?: boolean }
diff --git a/examples/nuxt-example/components/ui/context-menu/ContextMenuLabel.vue b/examples/nuxt-example/components/ui/context-menu/ContextMenuLabel.vue
index 9c748c6f..aec80c1c 100644
--- a/examples/nuxt-example/components/ui/context-menu/ContextMenuLabel.vue
+++ b/examples/nuxt-example/components/ui/context-menu/ContextMenuLabel.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { ContextMenuLabel, type ContextMenuLabelProps } from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type ContextMenuLabelProps } from "radix-vue";
 
 const props = defineProps<
 	ContextMenuLabelProps & { class?: HTMLAttributes["class"]; inset?: boolean }
diff --git a/examples/nuxt-example/components/ui/context-menu/ContextMenuPortal.vue b/examples/nuxt-example/components/ui/context-menu/ContextMenuPortal.vue
index d2c686b2..4b50131f 100644
--- a/examples/nuxt-example/components/ui/context-menu/ContextMenuPortal.vue
+++ b/examples/nuxt-example/components/ui/context-menu/ContextMenuPortal.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ContextMenuPortal, type ContextMenuPortalProps } from "radix-vue";
+import { type ContextMenuPortalProps } from "radix-vue";
 
 const props = defineProps<ContextMenuPortalProps>();
 </script>
diff --git a/examples/nuxt-example/components/ui/context-menu/ContextMenuRadioGroup.vue b/examples/nuxt-example/components/ui/context-menu/ContextMenuRadioGroup.vue
index 7016dca6..a97b78b7 100644
--- a/examples/nuxt-example/components/ui/context-menu/ContextMenuRadioGroup.vue
+++ b/examples/nuxt-example/components/ui/context-menu/ContextMenuRadioGroup.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import {
-	ContextMenuRadioGroup,
 	type ContextMenuRadioGroupEmits,
 	type ContextMenuRadioGroupProps,
 	useForwardPropsEmits,
diff --git a/examples/nuxt-example/components/ui/context-menu/ContextMenuRadioItem.vue b/examples/nuxt-example/components/ui/context-menu/ContextMenuRadioItem.vue
index 91e2be56..9da58090 100644
--- a/examples/nuxt-example/components/ui/context-menu/ContextMenuRadioItem.vue
+++ b/examples/nuxt-example/components/ui/context-menu/ContextMenuRadioItem.vue
@@ -1,14 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	ContextMenuItemIndicator,
-	ContextMenuRadioItem,
 	type ContextMenuRadioItemEmits,
 	type ContextMenuRadioItemProps,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { DotFilledIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	ContextMenuRadioItemProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/context-menu/ContextMenuSeparator.vue b/examples/nuxt-example/components/ui/context-menu/ContextMenuSeparator.vue
index cfb6ad94..f537ab5a 100644
--- a/examples/nuxt-example/components/ui/context-menu/ContextMenuSeparator.vue
+++ b/examples/nuxt-example/components/ui/context-menu/ContextMenuSeparator.vue
@@ -1,10 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	ContextMenuSeparator,
-	type ContextMenuSeparatorProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type ContextMenuSeparatorProps } from "radix-vue";
 
 const props = defineProps<
 	ContextMenuSeparatorProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/context-menu/ContextMenuShortcut.vue b/examples/nuxt-example/components/ui/context-menu/ContextMenuShortcut.vue
index 01427b09..c6f1674f 100644
--- a/examples/nuxt-example/components/ui/context-menu/ContextMenuShortcut.vue
+++ b/examples/nuxt-example/components/ui/context-menu/ContextMenuShortcut.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"];
diff --git a/examples/nuxt-example/components/ui/context-menu/ContextMenuSub.vue b/examples/nuxt-example/components/ui/context-menu/ContextMenuSub.vue
index d5ad9d2c..6b8177e9 100644
--- a/examples/nuxt-example/components/ui/context-menu/ContextMenuSub.vue
+++ b/examples/nuxt-example/components/ui/context-menu/ContextMenuSub.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import {
-	ContextMenuSub,
 	type ContextMenuSubEmits,
 	type ContextMenuSubProps,
 	useForwardPropsEmits,
diff --git a/examples/nuxt-example/components/ui/context-menu/ContextMenuSubContent.vue b/examples/nuxt-example/components/ui/context-menu/ContextMenuSubContent.vue
index 808cb13a..8ccb8c67 100644
--- a/examples/nuxt-example/components/ui/context-menu/ContextMenuSubContent.vue
+++ b/examples/nuxt-example/components/ui/context-menu/ContextMenuSubContent.vue
@@ -1,12 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	ContextMenuSubContent,
 	type DropdownMenuSubContentEmits,
 	type DropdownMenuSubContentProps,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	DropdownMenuSubContentProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/context-menu/ContextMenuSubTrigger.vue b/examples/nuxt-example/components/ui/context-menu/ContextMenuSubTrigger.vue
index 2c04bd90..7c430d89 100644
--- a/examples/nuxt-example/components/ui/context-menu/ContextMenuSubTrigger.vue
+++ b/examples/nuxt-example/components/ui/context-menu/ContextMenuSubTrigger.vue
@@ -1,12 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	ContextMenuSubTrigger,
-	type ContextMenuSubTriggerProps,
-	useForwardProps,
-} from "radix-vue";
-import { ChevronRightIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
+import { type ContextMenuSubTriggerProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	ContextMenuSubTriggerProps & {
diff --git a/examples/nuxt-example/components/ui/context-menu/ContextMenuTrigger.vue b/examples/nuxt-example/components/ui/context-menu/ContextMenuTrigger.vue
index 985f171e..92fdfcfd 100644
--- a/examples/nuxt-example/components/ui/context-menu/ContextMenuTrigger.vue
+++ b/examples/nuxt-example/components/ui/context-menu/ContextMenuTrigger.vue
@@ -1,9 +1,5 @@
 <script setup lang="ts">
-import {
-	ContextMenuTrigger,
-	type ContextMenuTriggerProps,
-	useForwardProps,
-} from "radix-vue";
+import { type ContextMenuTriggerProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<ContextMenuTriggerProps>();
 
diff --git a/examples/nuxt-example/components/ui/dialog/Dialog.vue b/examples/nuxt-example/components/ui/dialog/Dialog.vue
index cbc9d99f..fb628526 100644
--- a/examples/nuxt-example/components/ui/dialog/Dialog.vue
+++ b/examples/nuxt-example/components/ui/dialog/Dialog.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import {
-	DialogRoot,
 	type DialogRootEmits,
 	type DialogRootProps,
 	useForwardPropsEmits,
diff --git a/examples/nuxt-example/components/ui/dialog/DialogClose.vue b/examples/nuxt-example/components/ui/dialog/DialogClose.vue
index bc3b70ab..a40bd177 100644
--- a/examples/nuxt-example/components/ui/dialog/DialogClose.vue
+++ b/examples/nuxt-example/components/ui/dialog/DialogClose.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { DialogClose, type DialogCloseProps } from "radix-vue";
+import { type DialogCloseProps } from "radix-vue";
 
 const props = defineProps<DialogCloseProps>();
 </script>
diff --git a/examples/nuxt-example/components/ui/dialog/DialogContent.vue b/examples/nuxt-example/components/ui/dialog/DialogContent.vue
index a5a288ea..6b12471a 100644
--- a/examples/nuxt-example/components/ui/dialog/DialogContent.vue
+++ b/examples/nuxt-example/components/ui/dialog/DialogContent.vue
@@ -1,16 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	DialogClose,
-	DialogContent,
 	type DialogContentEmits,
 	type DialogContentProps,
-	DialogOverlay,
-	DialogPortal,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { Cross2Icon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	DialogContentProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/dialog/DialogDescription.vue b/examples/nuxt-example/components/ui/dialog/DialogDescription.vue
index 15030b60..08d3fbfb 100644
--- a/examples/nuxt-example/components/ui/dialog/DialogDescription.vue
+++ b/examples/nuxt-example/components/ui/dialog/DialogDescription.vue
@@ -1,11 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	DialogDescription,
-	type DialogDescriptionProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type DialogDescriptionProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	DialogDescriptionProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/dialog/DialogFooter.vue b/examples/nuxt-example/components/ui/dialog/DialogFooter.vue
index 771e4051..a8a6d112 100644
--- a/examples/nuxt-example/components/ui/dialog/DialogFooter.vue
+++ b/examples/nuxt-example/components/ui/dialog/DialogFooter.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"] }>();
 </script>
diff --git a/examples/nuxt-example/components/ui/dialog/DialogHeader.vue b/examples/nuxt-example/components/ui/dialog/DialogHeader.vue
index 1975122f..44c8d47b 100644
--- a/examples/nuxt-example/components/ui/dialog/DialogHeader.vue
+++ b/examples/nuxt-example/components/ui/dialog/DialogHeader.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"];
diff --git a/examples/nuxt-example/components/ui/dialog/DialogScrollContent.vue b/examples/nuxt-example/components/ui/dialog/DialogScrollContent.vue
index ea8102e7..227e75fc 100644
--- a/examples/nuxt-example/components/ui/dialog/DialogScrollContent.vue
+++ b/examples/nuxt-example/components/ui/dialog/DialogScrollContent.vue
@@ -1,16 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	DialogClose,
-	DialogContent,
 	type DialogContentEmits,
 	type DialogContentProps,
-	DialogOverlay,
-	DialogPortal,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { Cross2Icon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	DialogContentProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/dialog/DialogTitle.vue b/examples/nuxt-example/components/ui/dialog/DialogTitle.vue
index 1f06723e..07e884b8 100644
--- a/examples/nuxt-example/components/ui/dialog/DialogTitle.vue
+++ b/examples/nuxt-example/components/ui/dialog/DialogTitle.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { DialogTitle, type DialogTitleProps, useForwardProps } from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type DialogTitleProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	DialogTitleProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/dialog/DialogTrigger.vue b/examples/nuxt-example/components/ui/dialog/DialogTrigger.vue
index 7872f1c1..c1d328d3 100644
--- a/examples/nuxt-example/components/ui/dialog/DialogTrigger.vue
+++ b/examples/nuxt-example/components/ui/dialog/DialogTrigger.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { DialogTrigger, type DialogTriggerProps } from "radix-vue";
+import { type DialogTriggerProps } from "radix-vue";
 
 const props = defineProps<DialogTriggerProps>();
 </script>
diff --git a/examples/nuxt-example/components/ui/drawer/Drawer.vue b/examples/nuxt-example/components/ui/drawer/Drawer.vue
index bab6e062..4991a330 100644
--- a/examples/nuxt-example/components/ui/drawer/Drawer.vue
+++ b/examples/nuxt-example/components/ui/drawer/Drawer.vue
@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import type { DrawerRootEmits, DrawerRootProps } from "vaul-vue";
-import { DrawerRoot } from "vaul-vue";
 import { useForwardPropsEmits } from "radix-vue";
 
 const props = withDefaults(defineProps<DrawerRootProps>(), {
diff --git a/examples/nuxt-example/components/ui/drawer/DrawerContent.vue b/examples/nuxt-example/components/ui/drawer/DrawerContent.vue
index 0ca5f7bd..3cb41304 100644
--- a/examples/nuxt-example/components/ui/drawer/DrawerContent.vue
+++ b/examples/nuxt-example/components/ui/drawer/DrawerContent.vue
@@ -1,10 +1,7 @@
 <script lang="ts" setup>
-import { DrawerContent, DrawerPortal } from "vaul-vue";
 import type { DialogContentEmits, DialogContentProps } from "radix-vue";
 import { useForwardPropsEmits } from "radix-vue";
 import type { HtmlHTMLAttributes } from "vue";
-import DrawerOverlay from "./DrawerOverlay.vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	DialogContentProps & { class?: HtmlHTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/drawer/DrawerDescription.vue b/examples/nuxt-example/components/ui/drawer/DrawerDescription.vue
index eadde39c..180a2d01 100644
--- a/examples/nuxt-example/components/ui/drawer/DrawerDescription.vue
+++ b/examples/nuxt-example/components/ui/drawer/DrawerDescription.vue
@@ -1,8 +1,6 @@
 <script lang="ts" setup>
 import type { DrawerDescriptionProps } from "vaul-vue";
-import { DrawerDescription } from "vaul-vue";
 import { type HtmlHTMLAttributes, computed } from "vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	DrawerDescriptionProps & { class?: HtmlHTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/drawer/DrawerFooter.vue b/examples/nuxt-example/components/ui/drawer/DrawerFooter.vue
index fce0dac7..09125ed4 100644
--- a/examples/nuxt-example/components/ui/drawer/DrawerFooter.vue
+++ b/examples/nuxt-example/components/ui/drawer/DrawerFooter.vue
@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import type { HtmlHTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<{
 	class?: HtmlHTMLAttributes["class"];
diff --git a/examples/nuxt-example/components/ui/drawer/DrawerHeader.vue b/examples/nuxt-example/components/ui/drawer/DrawerHeader.vue
index 614c4910..cfa63ca1 100644
--- a/examples/nuxt-example/components/ui/drawer/DrawerHeader.vue
+++ b/examples/nuxt-example/components/ui/drawer/DrawerHeader.vue
@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import type { HtmlHTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<{
 	class?: HtmlHTMLAttributes["class"];
diff --git a/examples/nuxt-example/components/ui/drawer/DrawerOverlay.vue b/examples/nuxt-example/components/ui/drawer/DrawerOverlay.vue
index bfa7a197..93a2fa37 100644
--- a/examples/nuxt-example/components/ui/drawer/DrawerOverlay.vue
+++ b/examples/nuxt-example/components/ui/drawer/DrawerOverlay.vue
@@ -1,8 +1,6 @@
 <script lang="ts" setup>
-import { DrawerOverlay } from "vaul-vue";
 import type { DialogOverlayProps } from "radix-vue";
 import { type HtmlHTMLAttributes, computed } from "vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	DialogOverlayProps & { class?: HtmlHTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/drawer/DrawerTitle.vue b/examples/nuxt-example/components/ui/drawer/DrawerTitle.vue
index 47051ac5..232163b4 100644
--- a/examples/nuxt-example/components/ui/drawer/DrawerTitle.vue
+++ b/examples/nuxt-example/components/ui/drawer/DrawerTitle.vue
@@ -1,8 +1,6 @@
 <script lang="ts" setup>
 import type { DrawerTitleProps } from "vaul-vue";
-import { DrawerTitle } from "vaul-vue";
 import { type HtmlHTMLAttributes, computed } from "vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	DrawerTitleProps & { class?: HtmlHTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenu.vue b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenu.vue
index ba173c47..0607bbe1 100644
--- a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenu.vue
+++ b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenu.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import {
-	DropdownMenuRoot,
 	type DropdownMenuRootEmits,
 	type DropdownMenuRootProps,
 	useForwardPropsEmits,
diff --git a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
index c89941bc..d362809a 100644
--- a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
+++ b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
@@ -1,14 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	DropdownMenuCheckboxItem,
 	type DropdownMenuCheckboxItemEmits,
 	type DropdownMenuCheckboxItemProps,
-	DropdownMenuItemIndicator,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { CheckIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	DropdownMenuCheckboxItemProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuContent.vue b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuContent.vue
index 9a54bff8..bf081a95 100644
--- a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuContent.vue
+++ b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuContent.vue
@@ -1,13 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	DropdownMenuContent,
 	type DropdownMenuContentEmits,
 	type DropdownMenuContentProps,
-	DropdownMenuPortal,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { cn } from "@/lib/utils";
 
 const props = withDefaults(
 	defineProps<DropdownMenuContentProps & { class?: HTMLAttributes["class"] }>(),
diff --git a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuGroup.vue b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuGroup.vue
index b1af9b72..9eb9662e 100644
--- a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuGroup.vue
+++ b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuGroup.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { DropdownMenuGroup, type DropdownMenuGroupProps } from "radix-vue";
+import { type DropdownMenuGroupProps } from "radix-vue";
 
 const props = defineProps<DropdownMenuGroupProps>();
 </script>
diff --git a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuItem.vue b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuItem.vue
index efb796c5..1ec24f83 100644
--- a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuItem.vue
+++ b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuItem.vue
@@ -1,11 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	DropdownMenuItem,
-	type DropdownMenuItemProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type DropdownMenuItemProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	DropdownMenuItemProps & { class?: HTMLAttributes["class"]; inset?: boolean }
diff --git a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuLabel.vue b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuLabel.vue
index 46b68c21..63ce41a3 100644
--- a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuLabel.vue
+++ b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuLabel.vue
@@ -1,11 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	DropdownMenuLabel,
-	type DropdownMenuLabelProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type DropdownMenuLabelProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	DropdownMenuLabelProps & { class?: HTMLAttributes["class"]; inset?: boolean }
diff --git a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue
index 58a1df31..9ac711e6 100644
--- a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue
+++ b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import {
-	DropdownMenuRadioGroup,
 	type DropdownMenuRadioGroupEmits,
 	type DropdownMenuRadioGroupProps,
 	useForwardPropsEmits,
diff --git a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuRadioItem.vue b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
index a3718dd4..141fa8fa 100644
--- a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
+++ b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuRadioItem.vue
@@ -1,14 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	DropdownMenuItemIndicator,
-	DropdownMenuRadioItem,
 	type DropdownMenuRadioItemEmits,
 	type DropdownMenuRadioItemProps,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { DotFilledIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	DropdownMenuRadioItemProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuSeparator.vue b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuSeparator.vue
index 13f6cbfe..6d3e5463 100644
--- a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuSeparator.vue
+++ b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuSeparator.vue
@@ -1,10 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	DropdownMenuSeparator,
-	type DropdownMenuSeparatorProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type DropdownMenuSeparatorProps } from "radix-vue";
 
 const props = defineProps<
 	DropdownMenuSeparatorProps & {
diff --git a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuShortcut.vue b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuShortcut.vue
index 94d90052..cc65faaf 100644
--- a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuShortcut.vue
+++ b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuShortcut.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"];
diff --git a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuSub.vue b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuSub.vue
index 8dd27e66..6ba1bf22 100644
--- a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuSub.vue
+++ b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuSub.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import {
-	DropdownMenuSub,
 	type DropdownMenuSubEmits,
 	type DropdownMenuSubProps,
 	useForwardPropsEmits,
diff --git a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuSubContent.vue b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuSubContent.vue
index ca1b915e..fbb2ea27 100644
--- a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuSubContent.vue
+++ b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuSubContent.vue
@@ -1,12 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	DropdownMenuSubContent,
 	type DropdownMenuSubContentEmits,
 	type DropdownMenuSubContentProps,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	DropdownMenuSubContentProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
index 215885dc..3728ebbe 100644
--- a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
+++ b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
@@ -1,12 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	DropdownMenuSubTrigger,
-	type DropdownMenuSubTriggerProps,
-	useForwardProps,
-} from "radix-vue";
-import { ChevronRightIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
+import { type DropdownMenuSubTriggerProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	DropdownMenuSubTriggerProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuTrigger.vue b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuTrigger.vue
index 144118e4..127a30b4 100644
--- a/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuTrigger.vue
+++ b/examples/nuxt-example/components/ui/dropdown-menu/DropdownMenuTrigger.vue
@@ -1,9 +1,5 @@
 <script setup lang="ts">
-import {
-	DropdownMenuTrigger,
-	type DropdownMenuTriggerProps,
-	useForwardProps,
-} from "radix-vue";
+import { type DropdownMenuTriggerProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<DropdownMenuTriggerProps>();
 
diff --git a/examples/nuxt-example/components/ui/form/FormControl.vue b/examples/nuxt-example/components/ui/form/FormControl.vue
index 39ceec81..84944ee5 100644
--- a/examples/nuxt-example/components/ui/form/FormControl.vue
+++ b/examples/nuxt-example/components/ui/form/FormControl.vue
@@ -1,5 +1,4 @@
 <script lang="ts" setup>
-import { Slot } from "radix-vue";
 import { useFormField } from "./useFormField";
 
 const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
diff --git a/examples/nuxt-example/components/ui/form/FormDescription.vue b/examples/nuxt-example/components/ui/form/FormDescription.vue
index caf35f50..b4d4245a 100644
--- a/examples/nuxt-example/components/ui/form/FormDescription.vue
+++ b/examples/nuxt-example/components/ui/form/FormDescription.vue
@@ -1,7 +1,6 @@
 <script lang="ts" setup>
 import type { HTMLAttributes } from "vue";
 import { useFormField } from "./useFormField";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<{
 	class?: HTMLAttributes["class"];
diff --git a/examples/nuxt-example/components/ui/form/FormItem.vue b/examples/nuxt-example/components/ui/form/FormItem.vue
index afd1aea0..cd7a1bd6 100644
--- a/examples/nuxt-example/components/ui/form/FormItem.vue
+++ b/examples/nuxt-example/components/ui/form/FormItem.vue
@@ -2,7 +2,6 @@
 import { type HTMLAttributes, provide } from "vue";
 import { useId } from "radix-vue";
 import { FORM_ITEM_INJECTION_KEY } from "./injectionKeys";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<{
 	class?: HTMLAttributes["class"];
diff --git a/examples/nuxt-example/components/ui/form/FormLabel.vue b/examples/nuxt-example/components/ui/form/FormLabel.vue
index 1cafcd10..d7987abb 100644
--- a/examples/nuxt-example/components/ui/form/FormLabel.vue
+++ b/examples/nuxt-example/components/ui/form/FormLabel.vue
@@ -2,8 +2,6 @@
 import type { HTMLAttributes } from "vue";
 import type { LabelProps } from "radix-vue";
 import { useFormField } from "./useFormField";
-import { cn } from "@/lib/utils";
-import { Label } from "@/components/ui/label";
 
 const props = defineProps<LabelProps & { class?: HTMLAttributes["class"] }>();
 
diff --git a/examples/nuxt-example/components/ui/form/FormMessage.vue b/examples/nuxt-example/components/ui/form/FormMessage.vue
index 4cd93a02..5d6e8b3c 100644
--- a/examples/nuxt-example/components/ui/form/FormMessage.vue
+++ b/examples/nuxt-example/components/ui/form/FormMessage.vue
@@ -1,6 +1,4 @@
 <script lang="ts" setup>
-import { ErrorMessage } from "vee-validate";
-import { toValue } from "vue";
 import { useFormField } from "./useFormField";
 
 const { name, formMessageId } = useFormField();
diff --git a/examples/nuxt-example/components/ui/hover-card/HoverCard.vue b/examples/nuxt-example/components/ui/hover-card/HoverCard.vue
index 27c984ca..bb497eec 100644
--- a/examples/nuxt-example/components/ui/hover-card/HoverCard.vue
+++ b/examples/nuxt-example/components/ui/hover-card/HoverCard.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import {
-	HoverCardRoot,
 	type HoverCardRootEmits,
 	type HoverCardRootProps,
 	useForwardPropsEmits,
diff --git a/examples/nuxt-example/components/ui/hover-card/HoverCardContent.vue b/examples/nuxt-example/components/ui/hover-card/HoverCardContent.vue
index 996f8454..ac41bbe9 100644
--- a/examples/nuxt-example/components/ui/hover-card/HoverCardContent.vue
+++ b/examples/nuxt-example/components/ui/hover-card/HoverCardContent.vue
@@ -1,12 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	HoverCardContent,
-	type HoverCardContentProps,
-	HoverCardPortal,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type HoverCardContentProps, useForwardProps } from "radix-vue";
 
 const props = withDefaults(
 	defineProps<HoverCardContentProps & { class?: HTMLAttributes["class"] }>(),
diff --git a/examples/nuxt-example/components/ui/hover-card/HoverCardTrigger.vue b/examples/nuxt-example/components/ui/hover-card/HoverCardTrigger.vue
index e7248ae4..7fe12fe1 100644
--- a/examples/nuxt-example/components/ui/hover-card/HoverCardTrigger.vue
+++ b/examples/nuxt-example/components/ui/hover-card/HoverCardTrigger.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { HoverCardTrigger, type HoverCardTriggerProps } from "radix-vue";
+import { type HoverCardTriggerProps } from "radix-vue";
 
 const props = defineProps<HoverCardTriggerProps>();
 </script>
diff --git a/examples/nuxt-example/components/ui/input/Input.vue b/examples/nuxt-example/components/ui/input/Input.vue
index 7558ea15..d1f2d05a 100644
--- a/examples/nuxt-example/components/ui/input/Input.vue
+++ b/examples/nuxt-example/components/ui/input/Input.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue";
 import { useVModel } from "@vueuse/core";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<{
 	defaultValue?: string | number;
diff --git a/examples/nuxt-example/components/ui/label/Label.vue b/examples/nuxt-example/components/ui/label/Label.vue
index ff50c15a..de40fda3 100644
--- a/examples/nuxt-example/components/ui/label/Label.vue
+++ b/examples/nuxt-example/components/ui/label/Label.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { Label, type LabelProps } from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type LabelProps } from "radix-vue";
 
 const props = defineProps<LabelProps & { class?: HTMLAttributes["class"] }>();
 
diff --git a/examples/nuxt-example/components/ui/menubar/Menubar.vue b/examples/nuxt-example/components/ui/menubar/Menubar.vue
index 7a5193f5..66a9dc8e 100644
--- a/examples/nuxt-example/components/ui/menubar/Menubar.vue
+++ b/examples/nuxt-example/components/ui/menubar/Menubar.vue
@@ -1,12 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	MenubarRoot,
 	type MenubarRootEmits,
 	type MenubarRootProps,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	MenubarRootProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/menubar/MenubarCheckboxItem.vue b/examples/nuxt-example/components/ui/menubar/MenubarCheckboxItem.vue
index 5887447c..449d1345 100644
--- a/examples/nuxt-example/components/ui/menubar/MenubarCheckboxItem.vue
+++ b/examples/nuxt-example/components/ui/menubar/MenubarCheckboxItem.vue
@@ -1,14 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	MenubarCheckboxItem,
 	type MenubarCheckboxItemEmits,
 	type MenubarCheckboxItemProps,
-	MenubarItemIndicator,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { CheckIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	MenubarCheckboxItemProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/menubar/MenubarContent.vue b/examples/nuxt-example/components/ui/menubar/MenubarContent.vue
index d10991be..7dfd7559 100644
--- a/examples/nuxt-example/components/ui/menubar/MenubarContent.vue
+++ b/examples/nuxt-example/components/ui/menubar/MenubarContent.vue
@@ -1,12 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	MenubarContent,
-	type MenubarContentProps,
-	MenubarPortal,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type MenubarContentProps, useForwardProps } from "radix-vue";
 
 const props = withDefaults(
 	defineProps<MenubarContentProps & { class?: HTMLAttributes["class"] }>(),
diff --git a/examples/nuxt-example/components/ui/menubar/MenubarGroup.vue b/examples/nuxt-example/components/ui/menubar/MenubarGroup.vue
index c79a392f..7d66e0cb 100644
--- a/examples/nuxt-example/components/ui/menubar/MenubarGroup.vue
+++ b/examples/nuxt-example/components/ui/menubar/MenubarGroup.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { MenubarGroup, type MenubarGroupProps } from "radix-vue";
+import { type MenubarGroupProps } from "radix-vue";
 
 const props = defineProps<MenubarGroupProps>();
 </script>
diff --git a/examples/nuxt-example/components/ui/menubar/MenubarItem.vue b/examples/nuxt-example/components/ui/menubar/MenubarItem.vue
index f1641137..fba28e5e 100644
--- a/examples/nuxt-example/components/ui/menubar/MenubarItem.vue
+++ b/examples/nuxt-example/components/ui/menubar/MenubarItem.vue
@@ -1,12 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	MenubarItem,
 	type MenubarItemEmits,
 	type MenubarItemProps,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	MenubarItemProps & { class?: HTMLAttributes["class"]; inset?: boolean }
diff --git a/examples/nuxt-example/components/ui/menubar/MenubarLabel.vue b/examples/nuxt-example/components/ui/menubar/MenubarLabel.vue
index bf511838..a13266f9 100644
--- a/examples/nuxt-example/components/ui/menubar/MenubarLabel.vue
+++ b/examples/nuxt-example/components/ui/menubar/MenubarLabel.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue";
-import { MenubarLabel, type MenubarLabelProps } from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type MenubarLabelProps } from "radix-vue";
 
 const props = defineProps<
 	MenubarLabelProps & { class?: HTMLAttributes["class"]; inset?: boolean }
diff --git a/examples/nuxt-example/components/ui/menubar/MenubarMenu.vue b/examples/nuxt-example/components/ui/menubar/MenubarMenu.vue
index 5cc82bff..f3a7dfcd 100644
--- a/examples/nuxt-example/components/ui/menubar/MenubarMenu.vue
+++ b/examples/nuxt-example/components/ui/menubar/MenubarMenu.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { MenubarMenu, type MenubarMenuProps } from "radix-vue";
+import { type MenubarMenuProps } from "radix-vue";
 
 const props = defineProps<MenubarMenuProps>();
 </script>
diff --git a/examples/nuxt-example/components/ui/menubar/MenubarRadioGroup.vue b/examples/nuxt-example/components/ui/menubar/MenubarRadioGroup.vue
index 338486f8..74331b30 100644
--- a/examples/nuxt-example/components/ui/menubar/MenubarRadioGroup.vue
+++ b/examples/nuxt-example/components/ui/menubar/MenubarRadioGroup.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import {
-	MenubarRadioGroup,
 	type MenubarRadioGroupEmits,
 	type MenubarRadioGroupProps,
 	useForwardPropsEmits,
diff --git a/examples/nuxt-example/components/ui/menubar/MenubarRadioItem.vue b/examples/nuxt-example/components/ui/menubar/MenubarRadioItem.vue
index 245ba46e..2b5a6f1b 100644
--- a/examples/nuxt-example/components/ui/menubar/MenubarRadioItem.vue
+++ b/examples/nuxt-example/components/ui/menubar/MenubarRadioItem.vue
@@ -1,14 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	MenubarItemIndicator,
-	MenubarRadioItem,
 	type MenubarRadioItemEmits,
 	type MenubarRadioItemProps,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { DotFilledIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	MenubarRadioItemProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/menubar/MenubarSeparator.vue b/examples/nuxt-example/components/ui/menubar/MenubarSeparator.vue
index 27763d18..50be2396 100644
--- a/examples/nuxt-example/components/ui/menubar/MenubarSeparator.vue
+++ b/examples/nuxt-example/components/ui/menubar/MenubarSeparator.vue
@@ -1,11 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	MenubarSeparator,
-	type MenubarSeparatorProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type MenubarSeparatorProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	MenubarSeparatorProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/menubar/MenubarShortcut.vue b/examples/nuxt-example/components/ui/menubar/MenubarShortcut.vue
index 01427b09..c6f1674f 100644
--- a/examples/nuxt-example/components/ui/menubar/MenubarShortcut.vue
+++ b/examples/nuxt-example/components/ui/menubar/MenubarShortcut.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"];
diff --git a/examples/nuxt-example/components/ui/menubar/MenubarSub.vue b/examples/nuxt-example/components/ui/menubar/MenubarSub.vue
index cb1055ba..222ab550 100644
--- a/examples/nuxt-example/components/ui/menubar/MenubarSub.vue
+++ b/examples/nuxt-example/components/ui/menubar/MenubarSub.vue
@@ -1,9 +1,5 @@
 <script setup lang="ts">
-import {
-	MenubarSub,
-	type MenubarSubEmits,
-	useForwardPropsEmits,
-} from "radix-vue";
+import { type MenubarSubEmits, useForwardPropsEmits } from "radix-vue";
 
 interface MenubarSubRootProps {
 	defaultOpen?: boolean;
diff --git a/examples/nuxt-example/components/ui/menubar/MenubarSubContent.vue b/examples/nuxt-example/components/ui/menubar/MenubarSubContent.vue
index ab74a44a..3dc75606 100644
--- a/examples/nuxt-example/components/ui/menubar/MenubarSubContent.vue
+++ b/examples/nuxt-example/components/ui/menubar/MenubarSubContent.vue
@@ -1,13 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	MenubarPortal,
-	MenubarSubContent,
 	type MenubarSubContentEmits,
 	type MenubarSubContentProps,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	MenubarSubContentProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/menubar/MenubarSubTrigger.vue b/examples/nuxt-example/components/ui/menubar/MenubarSubTrigger.vue
index 36717ffb..ce2aa1f5 100644
--- a/examples/nuxt-example/components/ui/menubar/MenubarSubTrigger.vue
+++ b/examples/nuxt-example/components/ui/menubar/MenubarSubTrigger.vue
@@ -1,12 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	MenubarSubTrigger,
-	type MenubarSubTriggerProps,
-	useForwardProps,
-} from "radix-vue";
-import { ChevronRightIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
+import { type MenubarSubTriggerProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	MenubarSubTriggerProps & { class?: HTMLAttributes["class"]; inset?: boolean }
diff --git a/examples/nuxt-example/components/ui/menubar/MenubarTrigger.vue b/examples/nuxt-example/components/ui/menubar/MenubarTrigger.vue
index a4a650ff..d4a7643e 100644
--- a/examples/nuxt-example/components/ui/menubar/MenubarTrigger.vue
+++ b/examples/nuxt-example/components/ui/menubar/MenubarTrigger.vue
@@ -1,11 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	MenubarTrigger,
-	type MenubarTriggerProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type MenubarTriggerProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	MenubarTriggerProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/navigation-menu/NavigationMenu.vue b/examples/nuxt-example/components/ui/navigation-menu/NavigationMenu.vue
index b275ba5f..b1bb7a76 100644
--- a/examples/nuxt-example/components/ui/navigation-menu/NavigationMenu.vue
+++ b/examples/nuxt-example/components/ui/navigation-menu/NavigationMenu.vue
@@ -1,13 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	NavigationMenuRoot,
 	type NavigationMenuRootEmits,
 	type NavigationMenuRootProps,
 	useForwardPropsEmits,
 } from "radix-vue";
-import NavigationMenuViewport from "./NavigationMenuViewport.vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	NavigationMenuRootProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuContent.vue b/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuContent.vue
index f72522b1..59b8f479 100644
--- a/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuContent.vue
+++ b/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuContent.vue
@@ -1,12 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	NavigationMenuContent,
 	type NavigationMenuContentEmits,
 	type NavigationMenuContentProps,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	NavigationMenuContentProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuIndicator.vue b/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuIndicator.vue
index 4f98cba6..6c12b006 100644
--- a/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuIndicator.vue
+++ b/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuIndicator.vue
@@ -1,11 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	NavigationMenuIndicator,
-	type NavigationMenuIndicatorProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type NavigationMenuIndicatorProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	NavigationMenuIndicatorProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuItem.vue b/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuItem.vue
index 0913923e..12236a21 100644
--- a/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuItem.vue
+++ b/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuItem.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { NavigationMenuItem, type NavigationMenuItemProps } from "radix-vue";
+import { type NavigationMenuItemProps } from "radix-vue";
 
 const props = defineProps<NavigationMenuItemProps>();
 </script>
diff --git a/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuLink.vue b/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuLink.vue
index 408c52d0..9fb45249 100644
--- a/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuLink.vue
+++ b/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuLink.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import {
-	NavigationMenuLink,
 	type NavigationMenuLinkEmits,
 	type NavigationMenuLinkProps,
 	useForwardPropsEmits,
diff --git a/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuList.vue b/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuList.vue
index 1977c653..4656ea66 100644
--- a/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuList.vue
+++ b/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuList.vue
@@ -1,11 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	NavigationMenuList,
-	type NavigationMenuListProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type NavigationMenuListProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	NavigationMenuListProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuTrigger.vue b/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuTrigger.vue
index 0c60c22f..1bd5655d 100644
--- a/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuTrigger.vue
+++ b/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuTrigger.vue
@@ -1,13 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	NavigationMenuTrigger,
-	type NavigationMenuTriggerProps,
-	useForwardProps,
-} from "radix-vue";
-import { ChevronDownIcon } from "@radix-icons/vue";
-import { navigationMenuTriggerStyle } from ".";
-import { cn } from "@/lib/utils";
+import { type NavigationMenuTriggerProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	NavigationMenuTriggerProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuViewport.vue b/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuViewport.vue
index 5eda7862..99401c0b 100644
--- a/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuViewport.vue
+++ b/examples/nuxt-example/components/ui/navigation-menu/NavigationMenuViewport.vue
@@ -1,11 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	NavigationMenuViewport,
-	type NavigationMenuViewportProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type NavigationMenuViewportProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	NavigationMenuViewportProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/number-field/NumberField.vue b/examples/nuxt-example/components/ui/number-field/NumberField.vue
index e0fb40b1..5e1e37df 100644
--- a/examples/nuxt-example/components/ui/number-field/NumberField.vue
+++ b/examples/nuxt-example/components/ui/number-field/NumberField.vue
@@ -1,8 +1,7 @@
 <script setup lang="ts">
 import type { NumberFieldRootEmits, NumberFieldRootProps } from "radix-vue";
-import { NumberFieldRoot, useForwardPropsEmits } from "radix-vue";
+import { useForwardPropsEmits } from "radix-vue";
 import { type HTMLAttributes, computed } from "vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	NumberFieldRootProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/number-field/NumberFieldContent.vue b/examples/nuxt-example/components/ui/number-field/NumberFieldContent.vue
index a5a8630f..4fbd77bd 100644
--- a/examples/nuxt-example/components/ui/number-field/NumberFieldContent.vue
+++ b/examples/nuxt-example/components/ui/number-field/NumberFieldContent.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"];
diff --git a/examples/nuxt-example/components/ui/number-field/NumberFieldDecrement.vue b/examples/nuxt-example/components/ui/number-field/NumberFieldDecrement.vue
index 2c840c70..4513061d 100644
--- a/examples/nuxt-example/components/ui/number-field/NumberFieldDecrement.vue
+++ b/examples/nuxt-example/components/ui/number-field/NumberFieldDecrement.vue
@@ -1,9 +1,7 @@
 <script setup lang="ts">
 import type { NumberFieldDecrementProps } from "radix-vue";
-import { NumberFieldDecrement, useForwardProps } from "radix-vue";
+import { useForwardProps } from "radix-vue";
 import { type HTMLAttributes, computed } from "vue";
-import { Minus } from "lucide-vue-next";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	NumberFieldDecrementProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/number-field/NumberFieldIncrement.vue b/examples/nuxt-example/components/ui/number-field/NumberFieldIncrement.vue
index 93dfa972..e6ec06c0 100644
--- a/examples/nuxt-example/components/ui/number-field/NumberFieldIncrement.vue
+++ b/examples/nuxt-example/components/ui/number-field/NumberFieldIncrement.vue
@@ -1,9 +1,7 @@
 <script setup lang="ts">
 import type { NumberFieldIncrementProps } from "radix-vue";
-import { NumberFieldIncrement, useForwardProps } from "radix-vue";
+import { useForwardProps } from "radix-vue";
 import { type HTMLAttributes, computed } from "vue";
-import { Plus } from "lucide-vue-next";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	NumberFieldIncrementProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/number-field/NumberFieldInput.vue b/examples/nuxt-example/components/ui/number-field/NumberFieldInput.vue
index ff4e3511..ecd5c9db 100644
--- a/examples/nuxt-example/components/ui/number-field/NumberFieldInput.vue
+++ b/examples/nuxt-example/components/ui/number-field/NumberFieldInput.vue
@@ -1,7 +1,5 @@
 <script setup lang="ts">
-import { NumberFieldInput } from "radix-vue";
 import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<{
 	class?: HTMLAttributes["class"];
diff --git a/examples/nuxt-example/components/ui/pagination/PaginationEllipsis.vue b/examples/nuxt-example/components/ui/pagination/PaginationEllipsis.vue
index c261d168..a29958f2 100644
--- a/examples/nuxt-example/components/ui/pagination/PaginationEllipsis.vue
+++ b/examples/nuxt-example/components/ui/pagination/PaginationEllipsis.vue
@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { PaginationEllipsis, type PaginationEllipsisProps } from "radix-vue";
-import { DotsHorizontalIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
+import { type PaginationEllipsisProps } from "radix-vue";
 
 const props = defineProps<
 	PaginationEllipsisProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/pagination/PaginationFirst.vue b/examples/nuxt-example/components/ui/pagination/PaginationFirst.vue
index ee295f0b..4a26e534 100644
--- a/examples/nuxt-example/components/ui/pagination/PaginationFirst.vue
+++ b/examples/nuxt-example/components/ui/pagination/PaginationFirst.vue
@@ -1,9 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { PaginationFirst, type PaginationFirstProps } from "radix-vue";
-import { DoubleArrowLeftIcon } from "@radix-icons/vue";
-import { Button } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
+import { type PaginationFirstProps } from "radix-vue";
 
 const props = withDefaults(
 	defineProps<PaginationFirstProps & { class?: HTMLAttributes["class"] }>(),
diff --git a/examples/nuxt-example/components/ui/pagination/PaginationLast.vue b/examples/nuxt-example/components/ui/pagination/PaginationLast.vue
index 2c523b1f..9afa6264 100644
--- a/examples/nuxt-example/components/ui/pagination/PaginationLast.vue
+++ b/examples/nuxt-example/components/ui/pagination/PaginationLast.vue
@@ -1,9 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { PaginationLast, type PaginationLastProps } from "radix-vue";
-import { DoubleArrowRightIcon } from "@radix-icons/vue";
-import { Button } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
+import { type PaginationLastProps } from "radix-vue";
 
 const props = withDefaults(
 	defineProps<PaginationLastProps & { class?: HTMLAttributes["class"] }>(),
diff --git a/examples/nuxt-example/components/ui/pagination/PaginationNext.vue b/examples/nuxt-example/components/ui/pagination/PaginationNext.vue
index f6ce43aa..06556ce8 100644
--- a/examples/nuxt-example/components/ui/pagination/PaginationNext.vue
+++ b/examples/nuxt-example/components/ui/pagination/PaginationNext.vue
@@ -1,9 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { PaginationNext, type PaginationNextProps } from "radix-vue";
-import { ChevronRightIcon } from "@radix-icons/vue";
-import { Button } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
+import { type PaginationNextProps } from "radix-vue";
 
 const props = withDefaults(
 	defineProps<PaginationNextProps & { class?: HTMLAttributes["class"] }>(),
diff --git a/examples/nuxt-example/components/ui/pagination/PaginationPrev.vue b/examples/nuxt-example/components/ui/pagination/PaginationPrev.vue
index d4e41a63..0f6317ea 100644
--- a/examples/nuxt-example/components/ui/pagination/PaginationPrev.vue
+++ b/examples/nuxt-example/components/ui/pagination/PaginationPrev.vue
@@ -1,9 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { PaginationPrev, type PaginationPrevProps } from "radix-vue";
-import { ChevronLeftIcon } from "@radix-icons/vue";
-import { Button } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
+import { type PaginationPrevProps } from "radix-vue";
 
 const props = withDefaults(
 	defineProps<PaginationPrevProps & { class?: HTMLAttributes["class"] }>(),
diff --git a/examples/nuxt-example/components/ui/pin-input/PinInput.vue b/examples/nuxt-example/components/ui/pin-input/PinInput.vue
index 52f98da6..a5b1619b 100644
--- a/examples/nuxt-example/components/ui/pin-input/PinInput.vue
+++ b/examples/nuxt-example/components/ui/pin-input/PinInput.vue
@@ -1,12 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	PinInputRoot,
 	type PinInputRootEmits,
 	type PinInputRootProps,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { cn } from "@/lib/utils";
 
 const props = withDefaults(
 	defineProps<PinInputRootProps & { class?: HTMLAttributes["class"] }>(),
diff --git a/examples/nuxt-example/components/ui/pin-input/PinInputGroup.vue b/examples/nuxt-example/components/ui/pin-input/PinInputGroup.vue
index 40747465..08eee124 100644
--- a/examples/nuxt-example/components/ui/pin-input/PinInputGroup.vue
+++ b/examples/nuxt-example/components/ui/pin-input/PinInputGroup.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { Primitive, type PrimitiveProps, useForwardProps } from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type PrimitiveProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	PrimitiveProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/pin-input/PinInputInput.vue b/examples/nuxt-example/components/ui/pin-input/PinInputInput.vue
index fa90ca47..964fef81 100644
--- a/examples/nuxt-example/components/ui/pin-input/PinInputInput.vue
+++ b/examples/nuxt-example/components/ui/pin-input/PinInputInput.vue
@@ -1,11 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	PinInputInput,
-	type PinInputInputProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type PinInputInputProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	PinInputInputProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/pin-input/PinInputSeparator.vue b/examples/nuxt-example/components/ui/pin-input/PinInputSeparator.vue
index 19375480..79dce27a 100644
--- a/examples/nuxt-example/components/ui/pin-input/PinInputSeparator.vue
+++ b/examples/nuxt-example/components/ui/pin-input/PinInputSeparator.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
-import { Primitive, type PrimitiveProps, useForwardProps } from "radix-vue";
-import { DashIcon } from "@radix-icons/vue";
+import { type PrimitiveProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<PrimitiveProps>();
 const forwardedProps = useForwardProps(props);
diff --git a/examples/nuxt-example/components/ui/popover/Popover.vue b/examples/nuxt-example/components/ui/popover/Popover.vue
index 1b4b86e9..459d4146 100644
--- a/examples/nuxt-example/components/ui/popover/Popover.vue
+++ b/examples/nuxt-example/components/ui/popover/Popover.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { PopoverRoot, useForwardPropsEmits } from "radix-vue";
+import { useForwardPropsEmits } from "radix-vue";
 import type { PopoverRootEmits, PopoverRootProps } from "radix-vue";
 
 const props = defineProps<PopoverRootProps>();
diff --git a/examples/nuxt-example/components/ui/popover/PopoverContent.vue b/examples/nuxt-example/components/ui/popover/PopoverContent.vue
index 592de4f3..f00c5ddc 100644
--- a/examples/nuxt-example/components/ui/popover/PopoverContent.vue
+++ b/examples/nuxt-example/components/ui/popover/PopoverContent.vue
@@ -1,13 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	PopoverContent,
 	type PopoverContentEmits,
 	type PopoverContentProps,
-	PopoverPortal,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { cn } from "@/lib/utils";
 
 defineOptions({
 	inheritAttrs: false,
diff --git a/examples/nuxt-example/components/ui/popover/PopoverTrigger.vue b/examples/nuxt-example/components/ui/popover/PopoverTrigger.vue
index a824de9d..bc8c5cc0 100644
--- a/examples/nuxt-example/components/ui/popover/PopoverTrigger.vue
+++ b/examples/nuxt-example/components/ui/popover/PopoverTrigger.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { PopoverTrigger, type PopoverTriggerProps } from "radix-vue";
+import { type PopoverTriggerProps } from "radix-vue";
 
 const props = defineProps<PopoverTriggerProps>();
 </script>
diff --git a/examples/nuxt-example/components/ui/progress/Progress.vue b/examples/nuxt-example/components/ui/progress/Progress.vue
index 4a36b557..9a362f31 100644
--- a/examples/nuxt-example/components/ui/progress/Progress.vue
+++ b/examples/nuxt-example/components/ui/progress/Progress.vue
@@ -1,11 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	ProgressIndicator,
-	ProgressRoot,
-	type ProgressRootProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type ProgressRootProps } from "radix-vue";
 
 const props = withDefaults(
 	defineProps<ProgressRootProps & { class?: HTMLAttributes["class"] }>(),
diff --git a/examples/nuxt-example/components/ui/radio-group/RadioGroup.vue b/examples/nuxt-example/components/ui/radio-group/RadioGroup.vue
index aec532cb..68863448 100644
--- a/examples/nuxt-example/components/ui/radio-group/RadioGroup.vue
+++ b/examples/nuxt-example/components/ui/radio-group/RadioGroup.vue
@@ -1,12 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	RadioGroupRoot,
 	type RadioGroupRootEmits,
 	type RadioGroupRootProps,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	RadioGroupRootProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/radio-group/RadioGroupItem.vue b/examples/nuxt-example/components/ui/radio-group/RadioGroupItem.vue
index f155cc45..d1683926 100644
--- a/examples/nuxt-example/components/ui/radio-group/RadioGroupItem.vue
+++ b/examples/nuxt-example/components/ui/radio-group/RadioGroupItem.vue
@@ -1,13 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	RadioGroupIndicator,
-	RadioGroupItem,
-	type RadioGroupItemProps,
-	useForwardProps,
-} from "radix-vue";
-import { CheckIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
+import { type RadioGroupItemProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	RadioGroupItemProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/range-calendar/RangeCalendar.vue b/examples/nuxt-example/components/ui/range-calendar/RangeCalendar.vue
index 2166dc58..0fccd288 100644
--- a/examples/nuxt-example/components/ui/range-calendar/RangeCalendar.vue
+++ b/examples/nuxt-example/components/ui/range-calendar/RangeCalendar.vue
@@ -1,25 +1,10 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
 import {
-	RangeCalendarRoot,
 	type RangeCalendarRootEmits,
 	type RangeCalendarRootProps,
 	useForwardPropsEmits,
 } from "radix-vue";
-import {
-	RangeCalendarCell,
-	RangeCalendarCellTrigger,
-	RangeCalendarGrid,
-	RangeCalendarGridBody,
-	RangeCalendarGridHead,
-	RangeCalendarGridRow,
-	RangeCalendarHeadCell,
-	RangeCalendarHeader,
-	RangeCalendarHeading,
-	RangeCalendarNextButton,
-	RangeCalendarPrevButton,
-} from ".";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	RangeCalendarRootProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/range-calendar/RangeCalendarCell.vue b/examples/nuxt-example/components/ui/range-calendar/RangeCalendarCell.vue
index adb2a5b5..7d7eb22f 100644
--- a/examples/nuxt-example/components/ui/range-calendar/RangeCalendarCell.vue
+++ b/examples/nuxt-example/components/ui/range-calendar/RangeCalendarCell.vue
@@ -1,11 +1,6 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
-import {
-	RangeCalendarCell,
-	type RangeCalendarCellProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type RangeCalendarCellProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	RangeCalendarCellProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/range-calendar/RangeCalendarCellTrigger.vue b/examples/nuxt-example/components/ui/range-calendar/RangeCalendarCellTrigger.vue
index f3762baf..5d79363c 100644
--- a/examples/nuxt-example/components/ui/range-calendar/RangeCalendarCellTrigger.vue
+++ b/examples/nuxt-example/components/ui/range-calendar/RangeCalendarCellTrigger.vue
@@ -1,12 +1,6 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
-import {
-	RangeCalendarCellTrigger,
-	type RangeCalendarCellTriggerProps,
-	useForwardProps,
-} from "radix-vue";
-import { buttonVariants } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
+import { type RangeCalendarCellTriggerProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	RangeCalendarCellTriggerProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/range-calendar/RangeCalendarGrid.vue b/examples/nuxt-example/components/ui/range-calendar/RangeCalendarGrid.vue
index 6ea02d49..ee395644 100644
--- a/examples/nuxt-example/components/ui/range-calendar/RangeCalendarGrid.vue
+++ b/examples/nuxt-example/components/ui/range-calendar/RangeCalendarGrid.vue
@@ -1,11 +1,6 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
-import {
-	RangeCalendarGrid,
-	type RangeCalendarGridProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type RangeCalendarGridProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	RangeCalendarGridProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/range-calendar/RangeCalendarGridBody.vue b/examples/nuxt-example/components/ui/range-calendar/RangeCalendarGridBody.vue
index 69e15ad5..ac564ba3 100644
--- a/examples/nuxt-example/components/ui/range-calendar/RangeCalendarGridBody.vue
+++ b/examples/nuxt-example/components/ui/range-calendar/RangeCalendarGridBody.vue
@@ -1,8 +1,5 @@
 <script lang="ts" setup>
-import {
-	RangeCalendarGridBody,
-	type RangeCalendarGridBodyProps,
-} from "radix-vue";
+import { type RangeCalendarGridBodyProps } from "radix-vue";
 
 const props = defineProps<RangeCalendarGridBodyProps>();
 </script>
diff --git a/examples/nuxt-example/components/ui/range-calendar/RangeCalendarGridHead.vue b/examples/nuxt-example/components/ui/range-calendar/RangeCalendarGridHead.vue
index 2f8e4923..4219176a 100644
--- a/examples/nuxt-example/components/ui/range-calendar/RangeCalendarGridHead.vue
+++ b/examples/nuxt-example/components/ui/range-calendar/RangeCalendarGridHead.vue
@@ -1,8 +1,5 @@
 <script lang="ts" setup>
-import {
-	RangeCalendarGridHead,
-	type RangeCalendarGridHeadProps,
-} from "radix-vue";
+import { type RangeCalendarGridHeadProps } from "radix-vue";
 
 const props = defineProps<RangeCalendarGridHeadProps>();
 </script>
diff --git a/examples/nuxt-example/components/ui/range-calendar/RangeCalendarGridRow.vue b/examples/nuxt-example/components/ui/range-calendar/RangeCalendarGridRow.vue
index 33bef0bd..06047bcf 100644
--- a/examples/nuxt-example/components/ui/range-calendar/RangeCalendarGridRow.vue
+++ b/examples/nuxt-example/components/ui/range-calendar/RangeCalendarGridRow.vue
@@ -1,11 +1,6 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
-import {
-	RangeCalendarGridRow,
-	type RangeCalendarGridRowProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type RangeCalendarGridRowProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	RangeCalendarGridRowProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/range-calendar/RangeCalendarHeadCell.vue b/examples/nuxt-example/components/ui/range-calendar/RangeCalendarHeadCell.vue
index 490b51c7..f9166ba0 100644
--- a/examples/nuxt-example/components/ui/range-calendar/RangeCalendarHeadCell.vue
+++ b/examples/nuxt-example/components/ui/range-calendar/RangeCalendarHeadCell.vue
@@ -1,11 +1,6 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
-import {
-	RangeCalendarHeadCell,
-	type RangeCalendarHeadCellProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type RangeCalendarHeadCellProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	RangeCalendarHeadCellProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/range-calendar/RangeCalendarHeader.vue b/examples/nuxt-example/components/ui/range-calendar/RangeCalendarHeader.vue
index de629ef9..a8b08104 100644
--- a/examples/nuxt-example/components/ui/range-calendar/RangeCalendarHeader.vue
+++ b/examples/nuxt-example/components/ui/range-calendar/RangeCalendarHeader.vue
@@ -1,11 +1,6 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
-import {
-	RangeCalendarHeader,
-	type RangeCalendarHeaderProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type RangeCalendarHeaderProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	RangeCalendarHeaderProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/range-calendar/RangeCalendarHeading.vue b/examples/nuxt-example/components/ui/range-calendar/RangeCalendarHeading.vue
index 1e151345..f21080a2 100644
--- a/examples/nuxt-example/components/ui/range-calendar/RangeCalendarHeading.vue
+++ b/examples/nuxt-example/components/ui/range-calendar/RangeCalendarHeading.vue
@@ -1,11 +1,6 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
-import {
-	RangeCalendarHeading,
-	type RangeCalendarHeadingProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type RangeCalendarHeadingProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	RangeCalendarHeadingProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/range-calendar/RangeCalendarNextButton.vue b/examples/nuxt-example/components/ui/range-calendar/RangeCalendarNextButton.vue
index eba9cb4a..6907f0bd 100644
--- a/examples/nuxt-example/components/ui/range-calendar/RangeCalendarNextButton.vue
+++ b/examples/nuxt-example/components/ui/range-calendar/RangeCalendarNextButton.vue
@@ -1,13 +1,6 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
-import {
-	RangeCalendarNext,
-	type RangeCalendarNextProps,
-	useForwardProps,
-} from "radix-vue";
-import { ChevronRightIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
-import { buttonVariants } from "@/components/ui/button";
+import { type RangeCalendarNextProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	RangeCalendarNextProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/range-calendar/RangeCalendarPrevButton.vue b/examples/nuxt-example/components/ui/range-calendar/RangeCalendarPrevButton.vue
index c61c53a3..2f71ac13 100644
--- a/examples/nuxt-example/components/ui/range-calendar/RangeCalendarPrevButton.vue
+++ b/examples/nuxt-example/components/ui/range-calendar/RangeCalendarPrevButton.vue
@@ -1,13 +1,6 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
-import {
-	RangeCalendarPrev,
-	type RangeCalendarPrevProps,
-	useForwardProps,
-} from "radix-vue";
-import { ChevronLeftIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
-import { buttonVariants } from "@/components/ui/button";
+import { type RangeCalendarPrevProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	RangeCalendarPrevProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/resizable/ResizableHandle.vue b/examples/nuxt-example/components/ui/resizable/ResizableHandle.vue
index dd3fd7e7..4964cc8f 100644
--- a/examples/nuxt-example/components/ui/resizable/ResizableHandle.vue
+++ b/examples/nuxt-example/components/ui/resizable/ResizableHandle.vue
@@ -1,13 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	SplitterResizeHandle,
 	type SplitterResizeHandleEmits,
 	type SplitterResizeHandleProps,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { DragHandleDots2Icon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	SplitterResizeHandleProps & {
diff --git a/examples/nuxt-example/components/ui/resizable/ResizablePanelGroup.vue b/examples/nuxt-example/components/ui/resizable/ResizablePanelGroup.vue
index 33d2252b..66c306ed 100644
--- a/examples/nuxt-example/components/ui/resizable/ResizablePanelGroup.vue
+++ b/examples/nuxt-example/components/ui/resizable/ResizablePanelGroup.vue
@@ -1,12 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	SplitterGroup,
 	type SplitterGroupEmits,
 	type SplitterGroupProps,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	SplitterGroupProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/scroll-area/ScrollArea.vue b/examples/nuxt-example/components/ui/scroll-area/ScrollArea.vue
index bc34a9e5..980919c8 100644
--- a/examples/nuxt-example/components/ui/scroll-area/ScrollArea.vue
+++ b/examples/nuxt-example/components/ui/scroll-area/ScrollArea.vue
@@ -1,13 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	ScrollAreaCorner,
-	ScrollAreaRoot,
-	type ScrollAreaRootProps,
-	ScrollAreaViewport,
-} from "radix-vue";
-import ScrollBar from "./ScrollBar.vue";
-import { cn } from "@/lib/utils";
+import { type ScrollAreaRootProps } from "radix-vue";
 
 const props = defineProps<
 	ScrollAreaRootProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/scroll-area/ScrollBar.vue b/examples/nuxt-example/components/ui/scroll-area/ScrollBar.vue
index ed19617f..5e2cf951 100644
--- a/examples/nuxt-example/components/ui/scroll-area/ScrollBar.vue
+++ b/examples/nuxt-example/components/ui/scroll-area/ScrollBar.vue
@@ -1,11 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	ScrollAreaScrollbar,
-	type ScrollAreaScrollbarProps,
-	ScrollAreaThumb,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type ScrollAreaScrollbarProps } from "radix-vue";
 
 const props = withDefaults(
 	defineProps<ScrollAreaScrollbarProps & { class?: HTMLAttributes["class"] }>(),
diff --git a/examples/nuxt-example/components/ui/select/Select.vue b/examples/nuxt-example/components/ui/select/Select.vue
index dd1fc56f..2f90b384 100644
--- a/examples/nuxt-example/components/ui/select/Select.vue
+++ b/examples/nuxt-example/components/ui/select/Select.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { SelectRootEmits, SelectRootProps } from "radix-vue";
-import { SelectRoot, useForwardPropsEmits } from "radix-vue";
+import { useForwardPropsEmits } from "radix-vue";
 
 const props = defineProps<SelectRootProps>();
 const emits = defineEmits<SelectRootEmits>();
diff --git a/examples/nuxt-example/components/ui/select/SelectContent.vue b/examples/nuxt-example/components/ui/select/SelectContent.vue
index 36fa9847..cacc5d01 100644
--- a/examples/nuxt-example/components/ui/select/SelectContent.vue
+++ b/examples/nuxt-example/components/ui/select/SelectContent.vue
@@ -1,15 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	SelectContent,
 	type SelectContentEmits,
 	type SelectContentProps,
-	SelectPortal,
-	SelectViewport,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { SelectScrollDownButton, SelectScrollUpButton } from ".";
-import { cn } from "@/lib/utils";
 
 defineOptions({
 	inheritAttrs: false,
diff --git a/examples/nuxt-example/components/ui/select/SelectGroup.vue b/examples/nuxt-example/components/ui/select/SelectGroup.vue
index bc878f98..39e88e3d 100644
--- a/examples/nuxt-example/components/ui/select/SelectGroup.vue
+++ b/examples/nuxt-example/components/ui/select/SelectGroup.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { SelectGroup, type SelectGroupProps } from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type SelectGroupProps } from "radix-vue";
 
 const props = defineProps<
 	SelectGroupProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/select/SelectItem.vue b/examples/nuxt-example/components/ui/select/SelectItem.vue
index d4f00d48..4b38f397 100644
--- a/examples/nuxt-example/components/ui/select/SelectItem.vue
+++ b/examples/nuxt-example/components/ui/select/SelectItem.vue
@@ -1,14 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	SelectItem,
-	SelectItemIndicator,
-	type SelectItemProps,
-	SelectItemText,
-	useForwardProps,
-} from "radix-vue";
-import { CheckIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
+import { type SelectItemProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	SelectItemProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/select/SelectItemText.vue b/examples/nuxt-example/components/ui/select/SelectItemText.vue
index e2719b82..a2c3e149 100644
--- a/examples/nuxt-example/components/ui/select/SelectItemText.vue
+++ b/examples/nuxt-example/components/ui/select/SelectItemText.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { SelectItemText, type SelectItemTextProps } from "radix-vue";
+import { type SelectItemTextProps } from "radix-vue";
 
 const props = defineProps<SelectItemTextProps>();
 </script>
diff --git a/examples/nuxt-example/components/ui/select/SelectLabel.vue b/examples/nuxt-example/components/ui/select/SelectLabel.vue
index b29079fc..714c68bd 100644
--- a/examples/nuxt-example/components/ui/select/SelectLabel.vue
+++ b/examples/nuxt-example/components/ui/select/SelectLabel.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue";
-import { SelectLabel, type SelectLabelProps } from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type SelectLabelProps } from "radix-vue";
 
 const props = defineProps<
 	SelectLabelProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/select/SelectScrollDownButton.vue b/examples/nuxt-example/components/ui/select/SelectScrollDownButton.vue
index 9635649e..aad15da1 100644
--- a/examples/nuxt-example/components/ui/select/SelectScrollDownButton.vue
+++ b/examples/nuxt-example/components/ui/select/SelectScrollDownButton.vue
@@ -1,12 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	SelectScrollDownButton,
-	type SelectScrollDownButtonProps,
-	useForwardProps,
-} from "radix-vue";
-import { ChevronDownIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
+import { type SelectScrollDownButtonProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	SelectScrollDownButtonProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/select/SelectScrollUpButton.vue b/examples/nuxt-example/components/ui/select/SelectScrollUpButton.vue
index 20078354..d68a045e 100644
--- a/examples/nuxt-example/components/ui/select/SelectScrollUpButton.vue
+++ b/examples/nuxt-example/components/ui/select/SelectScrollUpButton.vue
@@ -1,12 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	SelectScrollUpButton,
-	type SelectScrollUpButtonProps,
-	useForwardProps,
-} from "radix-vue";
-import { ChevronUpIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
+import { type SelectScrollUpButtonProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	SelectScrollUpButtonProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/select/SelectSeparator.vue b/examples/nuxt-example/components/ui/select/SelectSeparator.vue
index 37c75925..d4cabcaa 100644
--- a/examples/nuxt-example/components/ui/select/SelectSeparator.vue
+++ b/examples/nuxt-example/components/ui/select/SelectSeparator.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { SelectSeparator, type SelectSeparatorProps } from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type SelectSeparatorProps } from "radix-vue";
 
 const props = defineProps<
 	SelectSeparatorProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/select/SelectTrigger.vue b/examples/nuxt-example/components/ui/select/SelectTrigger.vue
index e760e62f..35146a7d 100644
--- a/examples/nuxt-example/components/ui/select/SelectTrigger.vue
+++ b/examples/nuxt-example/components/ui/select/SelectTrigger.vue
@@ -1,13 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	SelectIcon,
-	SelectTrigger,
-	type SelectTriggerProps,
-	useForwardProps,
-} from "radix-vue";
-import { CaretSortIcon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
+import { type SelectTriggerProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	SelectTriggerProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/select/SelectValue.vue b/examples/nuxt-example/components/ui/select/SelectValue.vue
index 61bd93e4..3f3c9f75 100644
--- a/examples/nuxt-example/components/ui/select/SelectValue.vue
+++ b/examples/nuxt-example/components/ui/select/SelectValue.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { SelectValue, type SelectValueProps } from "radix-vue";
+import { type SelectValueProps } from "radix-vue";
 
 const props = defineProps<SelectValueProps>();
 </script>
diff --git a/examples/nuxt-example/components/ui/separator/Separator.vue b/examples/nuxt-example/components/ui/separator/Separator.vue
index 8e3e4d15..c8d3e689 100644
--- a/examples/nuxt-example/components/ui/separator/Separator.vue
+++ b/examples/nuxt-example/components/ui/separator/Separator.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { Separator, type SeparatorProps } from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type SeparatorProps } from "radix-vue";
 
 const props = defineProps<
 	SeparatorProps & { class?: HTMLAttributes["class"]; label?: string }
diff --git a/examples/nuxt-example/components/ui/sheet/Sheet.vue b/examples/nuxt-example/components/ui/sheet/Sheet.vue
index cbc9d99f..fb628526 100644
--- a/examples/nuxt-example/components/ui/sheet/Sheet.vue
+++ b/examples/nuxt-example/components/ui/sheet/Sheet.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import {
-	DialogRoot,
 	type DialogRootEmits,
 	type DialogRootProps,
 	useForwardPropsEmits,
diff --git a/examples/nuxt-example/components/ui/sheet/SheetClose.vue b/examples/nuxt-example/components/ui/sheet/SheetClose.vue
index bc3b70ab..a40bd177 100644
--- a/examples/nuxt-example/components/ui/sheet/SheetClose.vue
+++ b/examples/nuxt-example/components/ui/sheet/SheetClose.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { DialogClose, type DialogCloseProps } from "radix-vue";
+import { type DialogCloseProps } from "radix-vue";
 
 const props = defineProps<DialogCloseProps>();
 </script>
diff --git a/examples/nuxt-example/components/ui/sheet/SheetContent.vue b/examples/nuxt-example/components/ui/sheet/SheetContent.vue
index 61dc47c2..ae85ea9f 100644
--- a/examples/nuxt-example/components/ui/sheet/SheetContent.vue
+++ b/examples/nuxt-example/components/ui/sheet/SheetContent.vue
@@ -1,17 +1,11 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	DialogClose,
-	DialogContent,
 	type DialogContentEmits,
 	type DialogContentProps,
-	DialogOverlay,
-	DialogPortal,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { Cross2Icon } from "@radix-icons/vue";
-import { type SheetVariants, sheetVariants } from ".";
-import { cn } from "@/lib/utils";
+import { type SheetVariants } from ".";
 
 interface SheetContentProps extends DialogContentProps {
 	class?: HTMLAttributes["class"];
diff --git a/examples/nuxt-example/components/ui/sheet/SheetDescription.vue b/examples/nuxt-example/components/ui/sheet/SheetDescription.vue
index c0eec8d8..0e1dfef2 100644
--- a/examples/nuxt-example/components/ui/sheet/SheetDescription.vue
+++ b/examples/nuxt-example/components/ui/sheet/SheetDescription.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { DialogDescription, type DialogDescriptionProps } from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type DialogDescriptionProps } from "radix-vue";
 
 const props = defineProps<
 	DialogDescriptionProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/sheet/SheetFooter.vue b/examples/nuxt-example/components/ui/sheet/SheetFooter.vue
index 771e4051..a8a6d112 100644
--- a/examples/nuxt-example/components/ui/sheet/SheetFooter.vue
+++ b/examples/nuxt-example/components/ui/sheet/SheetFooter.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"] }>();
 </script>
diff --git a/examples/nuxt-example/components/ui/sheet/SheetHeader.vue b/examples/nuxt-example/components/ui/sheet/SheetHeader.vue
index 8b549cb7..163dbde7 100644
--- a/examples/nuxt-example/components/ui/sheet/SheetHeader.vue
+++ b/examples/nuxt-example/components/ui/sheet/SheetHeader.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"] }>();
 </script>
diff --git a/examples/nuxt-example/components/ui/sheet/SheetTitle.vue b/examples/nuxt-example/components/ui/sheet/SheetTitle.vue
index 413281e1..9622271a 100644
--- a/examples/nuxt-example/components/ui/sheet/SheetTitle.vue
+++ b/examples/nuxt-example/components/ui/sheet/SheetTitle.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { DialogTitle, type DialogTitleProps } from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type DialogTitleProps } from "radix-vue";
 
 const props = defineProps<
 	DialogTitleProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/sheet/SheetTrigger.vue b/examples/nuxt-example/components/ui/sheet/SheetTrigger.vue
index 7872f1c1..c1d328d3 100644
--- a/examples/nuxt-example/components/ui/sheet/SheetTrigger.vue
+++ b/examples/nuxt-example/components/ui/sheet/SheetTrigger.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { DialogTrigger, type DialogTriggerProps } from "radix-vue";
+import { type DialogTriggerProps } from "radix-vue";
 
 const props = defineProps<DialogTriggerProps>();
 </script>
diff --git a/examples/nuxt-example/components/ui/skeleton/Skeleton.vue b/examples/nuxt-example/components/ui/skeleton/Skeleton.vue
index 5ce7f7cd..a410d624 100644
--- a/examples/nuxt-example/components/ui/skeleton/Skeleton.vue
+++ b/examples/nuxt-example/components/ui/skeleton/Skeleton.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue";
-import { cn } from "@/lib/utils";
 
 interface SkeletonProps {
 	class?: HTMLAttributes["class"];
diff --git a/examples/nuxt-example/components/ui/slider/Slider.vue b/examples/nuxt-example/components/ui/slider/Slider.vue
index 2e0b068f..15cd333d 100644
--- a/examples/nuxt-example/components/ui/slider/Slider.vue
+++ b/examples/nuxt-example/components/ui/slider/Slider.vue
@@ -1,14 +1,7 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import type { SliderRootEmits, SliderRootProps } from "radix-vue";
-import {
-	SliderRange,
-	SliderRoot,
-	SliderThumb,
-	SliderTrack,
-	useForwardPropsEmits,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { useForwardPropsEmits } from "radix-vue";
 
 const props = defineProps<
 	SliderRootProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/sonner/Sonner.vue b/examples/nuxt-example/components/ui/sonner/Sonner.vue
index feedbdf8..cb1310ae 100644
--- a/examples/nuxt-example/components/ui/sonner/Sonner.vue
+++ b/examples/nuxt-example/components/ui/sonner/Sonner.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { Toaster as Sonner, type ToasterProps } from "vue-sonner";
+import { type ToasterProps } from "vue-sonner";
 
 const props = defineProps<ToasterProps>();
 </script>
diff --git a/examples/nuxt-example/components/ui/stepper/Stepper.vue b/examples/nuxt-example/components/ui/stepper/Stepper.vue
index 4fad0311..c932ef01 100644
--- a/examples/nuxt-example/components/ui/stepper/Stepper.vue
+++ b/examples/nuxt-example/components/ui/stepper/Stepper.vue
@@ -1,9 +1,7 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
 import type { StepperRootEmits, StepperRootProps } from "radix-vue";
-import { StepperRoot, useForwardPropsEmits } from "radix-vue";
-
-import { cn } from "@/lib/utils";
+import { useForwardPropsEmits } from "radix-vue";
 
 const props = defineProps<
 	StepperRootProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/stepper/StepperDescription.vue b/examples/nuxt-example/components/ui/stepper/StepperDescription.vue
index 824baec3..ee730ca5 100644
--- a/examples/nuxt-example/components/ui/stepper/StepperDescription.vue
+++ b/examples/nuxt-example/components/ui/stepper/StepperDescription.vue
@@ -1,9 +1,7 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
 import type { StepperDescriptionProps } from "radix-vue";
-import { StepperDescription, useForwardProps } from "radix-vue";
-
-import { cn } from "@/lib/utils";
+import { useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	StepperDescriptionProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/stepper/StepperIndicator.vue b/examples/nuxt-example/components/ui/stepper/StepperIndicator.vue
index e4c7145f..fb761264 100644
--- a/examples/nuxt-example/components/ui/stepper/StepperIndicator.vue
+++ b/examples/nuxt-example/components/ui/stepper/StepperIndicator.vue
@@ -1,9 +1,7 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
 import type { StepperIndicatorProps } from "radix-vue";
-import { StepperIndicator, useForwardProps } from "radix-vue";
-
-import { cn } from "@/lib/utils";
+import { useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	StepperIndicatorProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/stepper/StepperItem.vue b/examples/nuxt-example/components/ui/stepper/StepperItem.vue
index ed2a339f..bd293af7 100644
--- a/examples/nuxt-example/components/ui/stepper/StepperItem.vue
+++ b/examples/nuxt-example/components/ui/stepper/StepperItem.vue
@@ -1,9 +1,7 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
 import type { StepperItemProps } from "radix-vue";
-import { StepperItem, useForwardProps } from "radix-vue";
-
-import { cn } from "@/lib/utils";
+import { useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	StepperItemProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/stepper/StepperSeparator.vue b/examples/nuxt-example/components/ui/stepper/StepperSeparator.vue
index fb9eab7e..9b9485bb 100644
--- a/examples/nuxt-example/components/ui/stepper/StepperSeparator.vue
+++ b/examples/nuxt-example/components/ui/stepper/StepperSeparator.vue
@@ -1,9 +1,7 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
 import type { StepperSeparatorProps } from "radix-vue";
-import { StepperSeparator, useForwardProps } from "radix-vue";
-
-import { cn } from "@/lib/utils";
+import { useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	StepperSeparatorProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/stepper/StepperTitle.vue b/examples/nuxt-example/components/ui/stepper/StepperTitle.vue
index d4c58543..5945754f 100644
--- a/examples/nuxt-example/components/ui/stepper/StepperTitle.vue
+++ b/examples/nuxt-example/components/ui/stepper/StepperTitle.vue
@@ -1,9 +1,7 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
 import type { StepperTitleProps } from "radix-vue";
-import { StepperTitle, useForwardProps } from "radix-vue";
-
-import { cn } from "@/lib/utils";
+import { useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	StepperTitleProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/stepper/StepperTrigger.vue b/examples/nuxt-example/components/ui/stepper/StepperTrigger.vue
index 3e7f757f..af275855 100644
--- a/examples/nuxt-example/components/ui/stepper/StepperTrigger.vue
+++ b/examples/nuxt-example/components/ui/stepper/StepperTrigger.vue
@@ -1,9 +1,7 @@
 <script lang="ts" setup>
 import { type HTMLAttributes, computed } from "vue";
 import type { StepperTriggerProps } from "radix-vue";
-import { StepperTrigger, useForwardProps } from "radix-vue";
-
-import { cn } from "@/lib/utils";
+import { useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	StepperTriggerProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/switch/Switch.vue b/examples/nuxt-example/components/ui/switch/Switch.vue
index 5f5ea3b7..d77dc480 100644
--- a/examples/nuxt-example/components/ui/switch/Switch.vue
+++ b/examples/nuxt-example/components/ui/switch/Switch.vue
@@ -1,13 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	SwitchRoot,
 	type SwitchRootEmits,
 	type SwitchRootProps,
-	SwitchThumb,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	SwitchRootProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/table/Table.vue b/examples/nuxt-example/components/ui/table/Table.vue
index 77ed9369..c9ddda6b 100644
--- a/examples/nuxt-example/components/ui/table/Table.vue
+++ b/examples/nuxt-example/components/ui/table/Table.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"];
diff --git a/examples/nuxt-example/components/ui/table/TableBody.vue b/examples/nuxt-example/components/ui/table/TableBody.vue
index 0963bfde..86209998 100644
--- a/examples/nuxt-example/components/ui/table/TableBody.vue
+++ b/examples/nuxt-example/components/ui/table/TableBody.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"];
diff --git a/examples/nuxt-example/components/ui/table/TableCaption.vue b/examples/nuxt-example/components/ui/table/TableCaption.vue
index e5faf9cd..cf88cb86 100644
--- a/examples/nuxt-example/components/ui/table/TableCaption.vue
+++ b/examples/nuxt-example/components/ui/table/TableCaption.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"];
diff --git a/examples/nuxt-example/components/ui/table/TableCell.vue b/examples/nuxt-example/components/ui/table/TableCell.vue
index 5a165713..cc145f0e 100644
--- a/examples/nuxt-example/components/ui/table/TableCell.vue
+++ b/examples/nuxt-example/components/ui/table/TableCell.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"];
diff --git a/examples/nuxt-example/components/ui/table/TableEmpty.vue b/examples/nuxt-example/components/ui/table/TableEmpty.vue
index c4848c54..d87a20c3 100644
--- a/examples/nuxt-example/components/ui/table/TableEmpty.vue
+++ b/examples/nuxt-example/components/ui/table/TableEmpty.vue
@@ -1,8 +1,5 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import TableRow from "./TableRow.vue";
-import TableCell from "./TableCell.vue";
-import { cn } from "@/lib/utils";
 
 const props = withDefaults(
 	defineProps<{
diff --git a/examples/nuxt-example/components/ui/table/TableFooter.vue b/examples/nuxt-example/components/ui/table/TableFooter.vue
index 0828ec51..c657a400 100644
--- a/examples/nuxt-example/components/ui/table/TableFooter.vue
+++ b/examples/nuxt-example/components/ui/table/TableFooter.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"];
diff --git a/examples/nuxt-example/components/ui/table/TableHead.vue b/examples/nuxt-example/components/ui/table/TableHead.vue
index ad78cbf0..5a88f42e 100644
--- a/examples/nuxt-example/components/ui/table/TableHead.vue
+++ b/examples/nuxt-example/components/ui/table/TableHead.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"];
diff --git a/examples/nuxt-example/components/ui/table/TableHeader.vue b/examples/nuxt-example/components/ui/table/TableHeader.vue
index cbdd40eb..90def0d5 100644
--- a/examples/nuxt-example/components/ui/table/TableHeader.vue
+++ b/examples/nuxt-example/components/ui/table/TableHeader.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"];
diff --git a/examples/nuxt-example/components/ui/table/TableRow.vue b/examples/nuxt-example/components/ui/table/TableRow.vue
index 6dde74b5..dc7b3a05 100644
--- a/examples/nuxt-example/components/ui/table/TableRow.vue
+++ b/examples/nuxt-example/components/ui/table/TableRow.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"];
diff --git a/examples/nuxt-example/components/ui/tabs/Tabs.vue b/examples/nuxt-example/components/ui/tabs/Tabs.vue
index a40ee216..25816040 100644
--- a/examples/nuxt-example/components/ui/tabs/Tabs.vue
+++ b/examples/nuxt-example/components/ui/tabs/Tabs.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { TabsRoot, useForwardPropsEmits } from "radix-vue";
+import { useForwardPropsEmits } from "radix-vue";
 import type { TabsRootEmits, TabsRootProps } from "radix-vue";
 
 const props = defineProps<TabsRootProps>();
diff --git a/examples/nuxt-example/components/ui/tabs/TabsContent.vue b/examples/nuxt-example/components/ui/tabs/TabsContent.vue
index 0d2a05ae..c7a52744 100644
--- a/examples/nuxt-example/components/ui/tabs/TabsContent.vue
+++ b/examples/nuxt-example/components/ui/tabs/TabsContent.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { TabsContent, type TabsContentProps } from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type TabsContentProps } from "radix-vue";
 
 const props = defineProps<
 	TabsContentProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/tabs/TabsList.vue b/examples/nuxt-example/components/ui/tabs/TabsList.vue
index 44ae8720..934c471e 100644
--- a/examples/nuxt-example/components/ui/tabs/TabsList.vue
+++ b/examples/nuxt-example/components/ui/tabs/TabsList.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { TabsList, type TabsListProps } from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type TabsListProps } from "radix-vue";
 
 const props = defineProps<
 	TabsListProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/tabs/TabsTrigger.vue b/examples/nuxt-example/components/ui/tabs/TabsTrigger.vue
index da15f175..f0a019c5 100644
--- a/examples/nuxt-example/components/ui/tabs/TabsTrigger.vue
+++ b/examples/nuxt-example/components/ui/tabs/TabsTrigger.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { TabsTrigger, type TabsTriggerProps, useForwardProps } from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type TabsTriggerProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	TabsTriggerProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/tags-input/TagsInput.vue b/examples/nuxt-example/components/ui/tags-input/TagsInput.vue
index be718f38..792619c1 100644
--- a/examples/nuxt-example/components/ui/tags-input/TagsInput.vue
+++ b/examples/nuxt-example/components/ui/tags-input/TagsInput.vue
@@ -1,12 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	TagsInputRoot,
 	type TagsInputRootEmits,
 	type TagsInputRootProps,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<
 	TagsInputRootProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/tags-input/TagsInputInput.vue b/examples/nuxt-example/components/ui/tags-input/TagsInputInput.vue
index 7b65a5d5..70bbfe3b 100644
--- a/examples/nuxt-example/components/ui/tags-input/TagsInputInput.vue
+++ b/examples/nuxt-example/components/ui/tags-input/TagsInputInput.vue
@@ -1,11 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	TagsInputInput,
-	type TagsInputInputProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type TagsInputInputProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	TagsInputInputProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/tags-input/TagsInputItem.vue b/examples/nuxt-example/components/ui/tags-input/TagsInputItem.vue
index e3e94eef..eb664d37 100644
--- a/examples/nuxt-example/components/ui/tags-input/TagsInputItem.vue
+++ b/examples/nuxt-example/components/ui/tags-input/TagsInputItem.vue
@@ -1,12 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	TagsInputItem,
-	type TagsInputItemProps,
-	useForwardProps,
-} from "radix-vue";
-
-import { cn } from "@/lib/utils";
+import { type TagsInputItemProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	TagsInputItemProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/tags-input/TagsInputItemDelete.vue b/examples/nuxt-example/components/ui/tags-input/TagsInputItemDelete.vue
index 916ba00a..ad0237db 100644
--- a/examples/nuxt-example/components/ui/tags-input/TagsInputItemDelete.vue
+++ b/examples/nuxt-example/components/ui/tags-input/TagsInputItemDelete.vue
@@ -1,12 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	TagsInputItemDelete,
-	type TagsInputItemDeleteProps,
-	useForwardProps,
-} from "radix-vue";
-import { Cross2Icon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
+import { type TagsInputItemDeleteProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	TagsInputItemDeleteProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/tags-input/TagsInputItemText.vue b/examples/nuxt-example/components/ui/tags-input/TagsInputItemText.vue
index 1015298b..15115d5b 100644
--- a/examples/nuxt-example/components/ui/tags-input/TagsInputItemText.vue
+++ b/examples/nuxt-example/components/ui/tags-input/TagsInputItemText.vue
@@ -1,11 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import {
-	TagsInputItemText,
-	type TagsInputItemTextProps,
-	useForwardProps,
-} from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type TagsInputItemTextProps, useForwardProps } from "radix-vue";
 
 const props = defineProps<
 	TagsInputItemTextProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/textarea/Textarea.vue b/examples/nuxt-example/components/ui/textarea/Textarea.vue
index dbb81d61..15dc7e6d 100644
--- a/examples/nuxt-example/components/ui/textarea/Textarea.vue
+++ b/examples/nuxt-example/components/ui/textarea/Textarea.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue";
 import { useVModel } from "@vueuse/core";
-import { cn } from "@/lib/utils";
 
 const props = defineProps<{
 	class?: HTMLAttributes["class"];
diff --git a/examples/nuxt-example/components/ui/toast/Toast.vue b/examples/nuxt-example/components/ui/toast/Toast.vue
index 6f75d26d..94ae2141 100644
--- a/examples/nuxt-example/components/ui/toast/Toast.vue
+++ b/examples/nuxt-example/components/ui/toast/Toast.vue
@@ -1,12 +1,7 @@
 <script setup lang="ts">
 import { computed } from "vue";
-import {
-	ToastRoot,
-	type ToastRootEmits,
-	useForwardPropsEmits,
-} from "radix-vue";
-import { type ToastProps, toastVariants } from ".";
-import { cn } from "@/lib/utils";
+import { type ToastRootEmits, useForwardPropsEmits } from "radix-vue";
+import { type ToastProps } from ".";
 
 const props = defineProps<ToastProps>();
 
diff --git a/examples/nuxt-example/components/ui/toast/ToastAction.vue b/examples/nuxt-example/components/ui/toast/ToastAction.vue
index 4d4425ab..1379a944 100644
--- a/examples/nuxt-example/components/ui/toast/ToastAction.vue
+++ b/examples/nuxt-example/components/ui/toast/ToastAction.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { ToastAction, type ToastActionProps } from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type ToastActionProps } from "radix-vue";
 
 const props = defineProps<
 	ToastActionProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/toast/ToastClose.vue b/examples/nuxt-example/components/ui/toast/ToastClose.vue
index 44cb426c..162cb2d3 100644
--- a/examples/nuxt-example/components/ui/toast/ToastClose.vue
+++ b/examples/nuxt-example/components/ui/toast/ToastClose.vue
@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { ToastClose, type ToastCloseProps } from "radix-vue";
-import { Cross2Icon } from "@radix-icons/vue";
-import { cn } from "@/lib/utils";
+import { type ToastCloseProps } from "radix-vue";
 
 const props = defineProps<
 	ToastCloseProps & {
diff --git a/examples/nuxt-example/components/ui/toast/ToastDescription.vue b/examples/nuxt-example/components/ui/toast/ToastDescription.vue
index 3f64a249..4d9b9f6a 100644
--- a/examples/nuxt-example/components/ui/toast/ToastDescription.vue
+++ b/examples/nuxt-example/components/ui/toast/ToastDescription.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { ToastDescription, type ToastDescriptionProps } from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type ToastDescriptionProps } from "radix-vue";
 
 const props = defineProps<
 	ToastDescriptionProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/toast/ToastProvider.vue b/examples/nuxt-example/components/ui/toast/ToastProvider.vue
index 707111b1..bc714522 100644
--- a/examples/nuxt-example/components/ui/toast/ToastProvider.vue
+++ b/examples/nuxt-example/components/ui/toast/ToastProvider.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ToastProvider, type ToastProviderProps } from "radix-vue";
+import { type ToastProviderProps } from "radix-vue";
 
 const props = defineProps<ToastProviderProps>();
 </script>
diff --git a/examples/nuxt-example/components/ui/toast/ToastTitle.vue b/examples/nuxt-example/components/ui/toast/ToastTitle.vue
index d07ec3cd..ebdf4fd0 100644
--- a/examples/nuxt-example/components/ui/toast/ToastTitle.vue
+++ b/examples/nuxt-example/components/ui/toast/ToastTitle.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { ToastTitle, type ToastTitleProps } from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type ToastTitleProps } from "radix-vue";
 
 const props = defineProps<
 	ToastTitleProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/toast/ToastViewport.vue b/examples/nuxt-example/components/ui/toast/ToastViewport.vue
index 00150709..d0b2f870 100644
--- a/examples/nuxt-example/components/ui/toast/ToastViewport.vue
+++ b/examples/nuxt-example/components/ui/toast/ToastViewport.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
-import { ToastViewport, type ToastViewportProps } from "radix-vue";
-import { cn } from "@/lib/utils";
+import { type ToastViewportProps } from "radix-vue";
 
 const props = defineProps<
 	ToastViewportProps & { class?: HTMLAttributes["class"] }
diff --git a/examples/nuxt-example/components/ui/toast/Toaster.vue b/examples/nuxt-example/components/ui/toast/Toaster.vue
index ab64b6e2..625affa5 100644
--- a/examples/nuxt-example/components/ui/toast/Toaster.vue
+++ b/examples/nuxt-example/components/ui/toast/Toaster.vue
@@ -1,14 +1,5 @@
 <script setup lang="ts">
-import { isVNode } from "vue";
 import { useToast } from "./use-toast";
-import {
-	Toast,
-	ToastClose,
-	ToastDescription,
-	ToastProvider,
-	ToastTitle,
-	ToastViewport,
-} from ".";
 
 const { toasts } = useToast();
 </script>
diff --git a/examples/nuxt-example/components/ui/toggle-group/ToggleGroup.vue b/examples/nuxt-example/components/ui/toggle-group/ToggleGroup.vue
index 41dda595..d478b7f4 100644
--- a/examples/nuxt-example/components/ui/toggle-group/ToggleGroup.vue
+++ b/examples/nuxt-example/components/ui/toggle-group/ToggleGroup.vue
@@ -2,13 +2,11 @@
 import type { VariantProps } from "class-variance-authority";
 import { type HTMLAttributes, computed, provide } from "vue";
 import {
-	ToggleGroupRoot,
 	type ToggleGroupRootEmits,
 	type ToggleGroupRootProps,
 	useForwardPropsEmits,
 } from "radix-vue";
 import type { toggleVariants } from "@/components/ui/toggle";
-import { cn } from "@/lib/utils";
 
 type ToggleGroupVariants = VariantProps<typeof toggleVariants>;
 
diff --git a/examples/nuxt-example/components/ui/toggle-group/ToggleGroupItem.vue b/examples/nuxt-example/components/ui/toggle-group/ToggleGroupItem.vue
index 6072cd79..c142c013 100644
--- a/examples/nuxt-example/components/ui/toggle-group/ToggleGroupItem.vue
+++ b/examples/nuxt-example/components/ui/toggle-group/ToggleGroupItem.vue
@@ -1,13 +1,8 @@
 <script setup lang="ts">
 import type { VariantProps } from "class-variance-authority";
 import { type HTMLAttributes, computed, inject } from "vue";
-import {
-	ToggleGroupItem,
-	type ToggleGroupItemProps,
-	useForwardProps,
-} from "radix-vue";
+import { type ToggleGroupItemProps, useForwardProps } from "radix-vue";
 import { toggleVariants } from "@/components/ui/toggle";
-import { cn } from "@/lib/utils";
 
 type ToggleGroupVariants = VariantProps<typeof toggleVariants>;
 
diff --git a/examples/nuxt-example/components/ui/toggle/Toggle.vue b/examples/nuxt-example/components/ui/toggle/Toggle.vue
index 0c755bc6..9d2fbe96 100644
--- a/examples/nuxt-example/components/ui/toggle/Toggle.vue
+++ b/examples/nuxt-example/components/ui/toggle/Toggle.vue
@@ -1,13 +1,11 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	Toggle,
 	type ToggleEmits,
 	type ToggleProps,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { type ToggleVariants, toggleVariants } from ".";
-import { cn } from "@/lib/utils";
+import { type ToggleVariants } from ".";
 
 const props = withDefaults(
 	defineProps<
diff --git a/examples/nuxt-example/components/ui/tooltip/Tooltip.vue b/examples/nuxt-example/components/ui/tooltip/Tooltip.vue
index 4396b74f..7475aab8 100644
--- a/examples/nuxt-example/components/ui/tooltip/Tooltip.vue
+++ b/examples/nuxt-example/components/ui/tooltip/Tooltip.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import {
-	TooltipRoot,
 	type TooltipRootEmits,
 	type TooltipRootProps,
 	useForwardPropsEmits,
diff --git a/examples/nuxt-example/components/ui/tooltip/TooltipContent.vue b/examples/nuxt-example/components/ui/tooltip/TooltipContent.vue
index afdac79e..a3245624 100644
--- a/examples/nuxt-example/components/ui/tooltip/TooltipContent.vue
+++ b/examples/nuxt-example/components/ui/tooltip/TooltipContent.vue
@@ -1,13 +1,10 @@
 <script setup lang="ts">
 import { type HTMLAttributes, computed } from "vue";
 import {
-	TooltipContent,
 	type TooltipContentEmits,
 	type TooltipContentProps,
-	TooltipPortal,
 	useForwardPropsEmits,
 } from "radix-vue";
-import { cn } from "@/lib/utils";
 
 defineOptions({
 	inheritAttrs: false,
diff --git a/examples/nuxt-example/components/ui/tooltip/TooltipProvider.vue b/examples/nuxt-example/components/ui/tooltip/TooltipProvider.vue
index 02935931..6c87f69f 100644
--- a/examples/nuxt-example/components/ui/tooltip/TooltipProvider.vue
+++ b/examples/nuxt-example/components/ui/tooltip/TooltipProvider.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { TooltipProvider, type TooltipProviderProps } from "radix-vue";
+import { type TooltipProviderProps } from "radix-vue";
 
 const props = defineProps<TooltipProviderProps>();
 </script>
diff --git a/examples/nuxt-example/components/ui/tooltip/TooltipTrigger.vue b/examples/nuxt-example/components/ui/tooltip/TooltipTrigger.vue
index c6e1c6fe..299202f2 100644
--- a/examples/nuxt-example/components/ui/tooltip/TooltipTrigger.vue
+++ b/examples/nuxt-example/components/ui/tooltip/TooltipTrigger.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { TooltipTrigger, type TooltipTriggerProps } from "radix-vue";
+import { type TooltipTriggerProps } from "radix-vue";
 
 const props = defineProps<TooltipTriggerProps>();
 </script>
diff --git a/examples/nuxt-example/components/ui/v-calendar/Calendar.vue b/examples/nuxt-example/components/ui/v-calendar/Calendar.vue
index 61adc166..a14639b4 100644
--- a/examples/nuxt-example/components/ui/v-calendar/Calendar.vue
+++ b/examples/nuxt-example/components/ui/v-calendar/Calendar.vue
@@ -1,12 +1,9 @@
 <script setup lang="ts">
 import { useVModel } from "@vueuse/core";
-import { ChevronLeftIcon, ChevronRightIcon } from "@radix-icons/vue";
 import type { Calendar } from "v-calendar";
 import { DatePicker } from "v-calendar";
 import { computed, nextTick, onMounted, ref, useSlots } from "vue";
 import { isVCalendarSlot } from ".";
-import { cn } from "@/lib/utils";
-import { buttonVariants } from "@/components/ui/button";
 
 /* Extracted from v-calendar */
 type DatePickerModel = DatePickerDate | DatePickerRangeObject;
diff --git a/examples/nuxt-example/pages/dashboard.vue b/examples/nuxt-example/pages/dashboard.vue
index db768a39..bb84166b 100644
--- a/examples/nuxt-example/pages/dashboard.vue
+++ b/examples/nuxt-example/pages/dashboard.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useSession, signOut } from "~/lib/auth-client";
+import { useSession } from "~/lib/auth-client";
 const { data: session } = await useSession(useFetch);
 </script>
 
diff --git a/examples/nuxt-example/pages/index.vue b/examples/nuxt-example/pages/index.vue
index fa107edd..bd94c962 100644
--- a/examples/nuxt-example/pages/index.vue
+++ b/examples/nuxt-example/pages/index.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { Button } from "@/components/ui/button";
 import { useSession } from "~/lib/auth-client";
 
 definePageMeta({
diff --git a/examples/nuxt-example/pages/sign-in.vue b/examples/nuxt-example/pages/sign-in.vue
index f9cd3a84..5baeab51 100644
--- a/examples/nuxt-example/pages/sign-in.vue
+++ b/examples/nuxt-example/pages/sign-in.vue
@@ -1,14 +1,4 @@
 <script setup lang="ts">
-import { Button } from "@/components/ui/button";
-import {
-	Card,
-	CardContent,
-	CardDescription,
-	CardHeader,
-	CardTitle,
-} from "@/components/ui/card";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
 import { signIn } from "~/lib/auth-client.js";
 
 const email = ref("");
diff --git a/examples/remix-example/app/components/ui/chart.tsx b/examples/remix-example/app/components/ui/chart.tsx
index c2dea9c9..38711a0e 100644
--- a/examples/remix-example/app/components/ui/chart.tsx
+++ b/examples/remix-example/app/components/ui/chart.tsx
@@ -1,10 +1,5 @@
 import * as React from "react";
 import * as RechartsPrimitive from "recharts";
-import {
-	NameType,
-	Payload,
-	ValueType,
-} from "recharts/types/component/DefaultTooltipContent";
 
 import { cn } from "~/lib/utils";
 
diff --git a/examples/remix-example/app/routes/two-factor/otp/_index.tsx b/examples/remix-example/app/routes/two-factor/otp/_index.tsx
index 439d52d4..f995fed5 100644
--- a/examples/remix-example/app/routes/two-factor/otp/_index.tsx
+++ b/examples/remix-example/app/routes/two-factor/otp/_index.tsx
@@ -5,7 +5,6 @@ import {
 	Card,
 	CardContent,
 	CardDescription,
-	CardFooter,
 	CardHeader,
 	CardTitle,
 } from "~/components/ui/card";
diff --git a/examples/svelte-kit-example/src/lib/components/ui/accordion/accordion-content.svelte b/examples/svelte-kit-example/src/lib/components/ui/accordion/accordion-content.svelte
index 5a88c345..dee64153 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/accordion/accordion-content.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/accordion/accordion-content.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
 import { Accordion as AccordionPrimitive } from "bits-ui";
 import { slide } from "svelte/transition";
-import { cn } from "$lib/utils.js";
 
 type $$Props = AccordionPrimitive.ContentProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/accordion/accordion-item.svelte b/examples/svelte-kit-example/src/lib/components/ui/accordion/accordion-item.svelte
index f15b15ec..2e41b57e 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/accordion/accordion-item.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/accordion/accordion-item.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Accordion as AccordionPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = AccordionPrimitive.ItemProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/accordion/accordion-trigger.svelte b/examples/svelte-kit-example/src/lib/components/ui/accordion/accordion-trigger.svelte
index ecaeda3d..358951d3 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/accordion/accordion-trigger.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/accordion/accordion-trigger.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
 import { Accordion as AccordionPrimitive } from "bits-ui";
-import ChevronDown from "svelte-radix/ChevronDown.svelte";
-import { cn } from "$lib/utils.js";
 
 type $$Props = AccordionPrimitive.TriggerProps;
 type $$Events = AccordionPrimitive.TriggerEvents;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-action.svelte b/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-action.svelte
index 92d5d3d2..5ce17145 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-action.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-action.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
 import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-import { buttonVariants } from "$lib/components/ui/button/index.js";
-import { cn } from "$lib/utils.js";
 
 type $$Props = AlertDialogPrimitive.ActionProps;
 type $$Events = AlertDialogPrimitive.ActionEvents;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-cancel.svelte b/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-cancel.svelte
index eb35cf0e..064b544b 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-cancel.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-cancel.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
 import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-import { buttonVariants } from "$lib/components/ui/button/index.js";
-import { cn } from "$lib/utils.js";
 
 type $$Props = AlertDialogPrimitive.CancelProps;
 type $$Events = AlertDialogPrimitive.CancelEvents;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-content.svelte b/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-content.svelte
index e6992dd9..e807ccef 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-content.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-content.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
 import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-import * as AlertDialog from "./index.js";
-import { cn, flyAndScale } from "$lib/utils.js";
+import { flyAndScale } from "$lib/utils.js";
 
 type $$Props = AlertDialogPrimitive.ContentProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-description.svelte b/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-description.svelte
index ef29a193..1952171d 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-description.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-description.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = AlertDialogPrimitive.DescriptionProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-footer.svelte b/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-footer.svelte
index 987ba7c5..46474725 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-footer.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-footer.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLDivElement>;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-header.svelte b/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-header.svelte
index 366bd577..9bdc2c32 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-header.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-header.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLDivElement>;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-overlay.svelte b/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-overlay.svelte
index b0931636..4068d7c7 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-overlay.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-overlay.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
 import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
 import { fade } from "svelte/transition";
-import { cn } from "$lib/utils.js";
 
 type $$Props = AlertDialogPrimitive.OverlayProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-title.svelte b/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-title.svelte
index 959ab11c..1809c44a 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-title.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/alert-dialog/alert-dialog-title.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = AlertDialogPrimitive.TitleProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/alert/alert-description.svelte b/examples/svelte-kit-example/src/lib/components/ui/alert/alert-description.svelte
index 8e592497..50e55614 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/alert/alert-description.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/alert/alert-description.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLDivElement>;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/alert/alert-title.svelte b/examples/svelte-kit-example/src/lib/components/ui/alert/alert-title.svelte
index 17354461..8658795e 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/alert/alert-title.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/alert/alert-title.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
 import type { HeadingLevel } from "./index.js";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLHeadingElement> & {
 	level?: HeadingLevel;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/alert/alert.svelte b/examples/svelte-kit-example/src/lib/components/ui/alert/alert.svelte
index 78faf3f2..25f16eda 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/alert/alert.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/alert/alert.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { type Variant, alertVariants } from "./index.js";
-import { cn } from "$lib/utils.js";
+import { type Variant } from "./index.js";
 
 type $$Props = HTMLAttributes<HTMLDivElement> & {
 	variant?: Variant;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/avatar/avatar-fallback.svelte b/examples/svelte-kit-example/src/lib/components/ui/avatar/avatar-fallback.svelte
index 0cede4b5..8b88c0d7 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/avatar/avatar-fallback.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/avatar/avatar-fallback.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Avatar as AvatarPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = AvatarPrimitive.FallbackProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/avatar/avatar-image.svelte b/examples/svelte-kit-example/src/lib/components/ui/avatar/avatar-image.svelte
index 5d7e5329..8ed59544 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/avatar/avatar-image.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/avatar/avatar-image.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Avatar as AvatarPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = AvatarPrimitive.ImageProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/avatar/avatar.svelte b/examples/svelte-kit-example/src/lib/components/ui/avatar/avatar.svelte
index 618ef62d..838891eb 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/avatar/avatar.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/avatar/avatar.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Avatar as AvatarPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = AvatarPrimitive.Props;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/badge/badge.svelte b/examples/svelte-kit-example/src/lib/components/ui/badge/badge.svelte
index 8def2226..1630eb7d 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/badge/badge.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/badge/badge.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
-import { type Variant, badgeVariants } from "./index.js";
-import { cn } from "$lib/utils.js";
+import { type Variant } from "./index.js";
 
 let className: string | undefined | null = undefined;
 export let href: string | undefined = undefined;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/breadcrumb/breadcrumb-ellipsis.svelte b/examples/svelte-kit-example/src/lib/components/ui/breadcrumb/breadcrumb-ellipsis.svelte
index 27ab2e7b..fcf1b8e1 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/breadcrumb/breadcrumb-ellipsis.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/breadcrumb/breadcrumb-ellipsis.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import DotsHorizontal from "svelte-radix/DotsHorizontal.svelte";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLSpanElement> & {
 	el?: HTMLSpanElement;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/breadcrumb/breadcrumb-item.svelte b/examples/svelte-kit-example/src/lib/components/ui/breadcrumb/breadcrumb-item.svelte
index 46ea5bec..52d0d035 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/breadcrumb/breadcrumb-item.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/breadcrumb/breadcrumb-item.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLLiAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLLiAttributes & {
 	el?: HTMLLIElement;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/breadcrumb/breadcrumb-list.svelte b/examples/svelte-kit-example/src/lib/components/ui/breadcrumb/breadcrumb-list.svelte
index 4a20a157..4c4f52f4 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/breadcrumb/breadcrumb-list.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/breadcrumb/breadcrumb-list.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLOlAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLOlAttributes & {
 	el?: HTMLOListElement;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/breadcrumb/breadcrumb-page.svelte b/examples/svelte-kit-example/src/lib/components/ui/breadcrumb/breadcrumb-page.svelte
index 24899c08..e7ec7a95 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/breadcrumb/breadcrumb-page.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/breadcrumb/breadcrumb-page.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLSpanElement> & {
 	el?: HTMLSpanElement;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/breadcrumb/breadcrumb-separator.svelte b/examples/svelte-kit-example/src/lib/components/ui/breadcrumb/breadcrumb-separator.svelte
index bd2004cb..3000c3db 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/breadcrumb/breadcrumb-separator.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/breadcrumb/breadcrumb-separator.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
 import type { HTMLLiAttributes } from "svelte/elements";
-import ChevronRight from "svelte-radix/ChevronRight.svelte";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLLiAttributes & {
 	el?: HTMLLIElement;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/button/button.svelte b/examples/svelte-kit-example/src/lib/components/ui/button/button.svelte
index a65684a5..0d32fd3b 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/button/button.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/button/button.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
-import { Button as ButtonPrimitive } from "bits-ui";
-import { type Events, type Props, buttonVariants } from "./index.js";
-import { cn } from "$lib/utils.js";
+import { type Events, type Props } from "./index.js";
 
 type $$Props = Props;
 type $$Events = Events;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-cell.svelte b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-cell.svelte
index 8ae447d5..eb3797fa 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-cell.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-cell.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Calendar as CalendarPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = CalendarPrimitive.CellProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-day.svelte b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-day.svelte
index c59e30e1..a5016a30 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-day.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-day.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
 import { Calendar as CalendarPrimitive } from "bits-ui";
-import { buttonVariants } from "$lib/components/ui/button/index.js";
-import { cn } from "$lib/utils.js";
 
 type $$Props = CalendarPrimitive.DayProps;
 type $$Events = CalendarPrimitive.DayEvents;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-grid-body.svelte b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-grid-body.svelte
index 7d50256a..33f58eda 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-grid-body.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-grid-body.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Calendar as CalendarPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = CalendarPrimitive.GridBodyProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-grid-head.svelte b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-grid-head.svelte
index 42ffb1c2..b895f4f4 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-grid-head.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-grid-head.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Calendar as CalendarPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = CalendarPrimitive.GridHeadProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-grid-row.svelte b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-grid-row.svelte
index 83c52032..ff349cff 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-grid-row.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-grid-row.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Calendar as CalendarPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = CalendarPrimitive.GridRowProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-grid.svelte b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-grid.svelte
index c3a20aa3..1c509c2f 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-grid.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-grid.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Calendar as CalendarPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = CalendarPrimitive.GridProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-head-cell.svelte b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-head-cell.svelte
index b61ea36f..307b3f7b 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-head-cell.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-head-cell.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Calendar as CalendarPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = CalendarPrimitive.HeadCellProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-header.svelte b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-header.svelte
index 6ad4e723..4eff03b8 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-header.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-header.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Calendar as CalendarPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = CalendarPrimitive.HeaderProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-heading.svelte b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-heading.svelte
index 07afb145..12851ce6 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-heading.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-heading.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Calendar as CalendarPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = CalendarPrimitive.HeadingProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-months.svelte b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-months.svelte
index ab1a9eb7..f28a81fc 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-months.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-months.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLDivElement>;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-next-button.svelte b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-next-button.svelte
index 04018305..788a7e65 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-next-button.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-next-button.svelte
@@ -1,8 +1,5 @@
 <script lang="ts">
 import { Calendar as CalendarPrimitive } from "bits-ui";
-import ChevronRight from "svelte-radix/ChevronRight.svelte";
-import { buttonVariants } from "$lib/components/ui/button/index.js";
-import { cn } from "$lib/utils.js";
 
 type $$Props = CalendarPrimitive.NextButtonProps;
 type $$Events = CalendarPrimitive.NextButtonEvents;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-prev-button.svelte b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-prev-button.svelte
index 6c3a38ff..6d2a37a0 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-prev-button.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar-prev-button.svelte
@@ -1,8 +1,5 @@
 <script lang="ts">
 import { Calendar as CalendarPrimitive } from "bits-ui";
-import ChevronLeft from "svelte-radix/ChevronLeft.svelte";
-import { buttonVariants } from "$lib/components/ui/button/index.js";
-import { cn } from "$lib/utils.js";
 
 type $$Props = CalendarPrimitive.PrevButtonProps;
 type $$Events = CalendarPrimitive.PrevButtonEvents;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar.svelte b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar.svelte
index f00d7b41..8d6ec2db 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/calendar/calendar.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
 import { Calendar as CalendarPrimitive } from "bits-ui";
-import * as Calendar from "./index.js";
-import { cn } from "$lib/utils.js";
 
 type $$Props = CalendarPrimitive.Props;
 type $$Events = CalendarPrimitive.Events;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/card/card-content.svelte b/examples/svelte-kit-example/src/lib/components/ui/card/card-content.svelte
index 14020a78..0adc346e 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/card/card-content.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/card/card-content.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLDivElement>;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/card/card-description.svelte b/examples/svelte-kit-example/src/lib/components/ui/card/card-description.svelte
index 56c33659..d2698d6a 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/card/card-description.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/card/card-description.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLParagraphElement>;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/card/card-footer.svelte b/examples/svelte-kit-example/src/lib/components/ui/card/card-footer.svelte
index 782281a3..c71e8f19 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/card/card-footer.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/card/card-footer.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLDivElement>;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/card/card-header.svelte b/examples/svelte-kit-example/src/lib/components/ui/card/card-header.svelte
index 1708bf38..599f92f3 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/card/card-header.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/card/card-header.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLDivElement>;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/card/card-title.svelte b/examples/svelte-kit-example/src/lib/components/ui/card/card-title.svelte
index ac737b6f..0194fa4c 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/card/card-title.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/card/card-title.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
 import type { HeadingLevel } from "./index.js";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLHeadingElement> & {
 	tag?: HeadingLevel;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/card/card.svelte b/examples/svelte-kit-example/src/lib/components/ui/card/card.svelte
index 42315ecd..b7d79c2d 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/card/card.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/card/card.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLDivElement>;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/carousel/carousel-content.svelte b/examples/svelte-kit-example/src/lib/components/ui/carousel/carousel-content.svelte
index 0a394a28..2b404a52 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/carousel/carousel-content.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/carousel/carousel-content.svelte
@@ -1,8 +1,6 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import emblaCarouselSvelte from "embla-carousel-svelte";
 import { getEmblaContext } from "./context.js";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLDivElement>;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/carousel/carousel-item.svelte b/examples/svelte-kit-example/src/lib/components/ui/carousel/carousel-item.svelte
index a2c48392..c5e13ef0 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/carousel/carousel-item.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/carousel/carousel-item.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
 import { getEmblaContext } from "./context.js";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLDivElement>;
 let className: string | undefined | null = undefined;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/carousel/carousel-next.svelte b/examples/svelte-kit-example/src/lib/components/ui/carousel/carousel-next.svelte
index 48561e00..65c32db3 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/carousel/carousel-next.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/carousel/carousel-next.svelte
@@ -1,10 +1,7 @@
 <script lang="ts">
-import ArrowRight from "svelte-radix/ArrowRight.svelte";
 import type { VariantProps } from "tailwind-variants";
 import { getEmblaContext } from "./context.js";
-import { cn } from "$lib/utils.js";
 import {
-	Button,
 	type Props,
 	type buttonVariants,
 } from "$lib/components/ui/button/index.js";
diff --git a/examples/svelte-kit-example/src/lib/components/ui/carousel/carousel-previous.svelte b/examples/svelte-kit-example/src/lib/components/ui/carousel/carousel-previous.svelte
index 2fbfbabb..1b464d90 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/carousel/carousel-previous.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/carousel/carousel-previous.svelte
@@ -1,10 +1,7 @@
 <script lang="ts">
-import ArrowLeft from "svelte-radix/ArrowLeft.svelte";
 import type { VariantProps } from "tailwind-variants";
 import { getEmblaContext } from "./context.js";
-import { cn } from "$lib/utils.js";
 import {
-	Button,
 	type Props,
 	type buttonVariants,
 } from "$lib/components/ui/button/index.js";
diff --git a/examples/svelte-kit-example/src/lib/components/ui/carousel/carousel.svelte b/examples/svelte-kit-example/src/lib/components/ui/carousel/carousel.svelte
index 9f45cf47..4f12987a 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/carousel/carousel.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/carousel/carousel.svelte
@@ -6,7 +6,6 @@ import {
 	type CarouselProps,
 	setEmblaContext,
 } from "./context.js";
-import { cn } from "$lib/utils.js";
 
 type $$Props = CarouselProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/checkbox/checkbox.svelte b/examples/svelte-kit-example/src/lib/components/ui/checkbox/checkbox.svelte
index 56693c44..abe5c965 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/checkbox/checkbox.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/checkbox/checkbox.svelte
@@ -1,8 +1,5 @@
 <script lang="ts">
 import { Checkbox as CheckboxPrimitive } from "bits-ui";
-import Check from "svelte-radix/Check.svelte";
-import Minus from "svelte-radix/Minus.svelte";
-import { cn } from "$lib/utils.js";
 
 type $$Props = CheckboxPrimitive.Props;
 type $$Events = CheckboxPrimitive.Events;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/command/command-dialog.svelte b/examples/svelte-kit-example/src/lib/components/ui/command/command-dialog.svelte
index 13301701..f5a63d67 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/command/command-dialog.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/command/command-dialog.svelte
@@ -1,8 +1,6 @@
 <script lang="ts">
 import type { Dialog as DialogPrimitive } from "bits-ui";
 import type { Command as CommandPrimitive } from "cmdk-sv";
-import Command from "./command.svelte";
-import * as Dialog from "$lib/components/ui/dialog/index.js";
 
 type $$Props = DialogPrimitive.Props & CommandPrimitive.CommandProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/command/command-empty.svelte b/examples/svelte-kit-example/src/lib/components/ui/command/command-empty.svelte
index 1c193da3..9d0fe4d2 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/command/command-empty.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/command/command-empty.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Command as CommandPrimitive } from "cmdk-sv";
-import { cn } from "$lib/utils.js";
 
 type $$Props = CommandPrimitive.EmptyProps;
 let className: string | undefined | null = undefined;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/command/command-group.svelte b/examples/svelte-kit-example/src/lib/components/ui/command/command-group.svelte
index 554cb8fe..5b67c179 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/command/command-group.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/command/command-group.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Command as CommandPrimitive } from "cmdk-sv";
-import { cn } from "$lib/utils.js";
 type $$Props = CommandPrimitive.GroupProps;
 
 let className: string | undefined | null = undefined;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/command/command-input.svelte b/examples/svelte-kit-example/src/lib/components/ui/command/command-input.svelte
index 7286afc5..5b4d6c30 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/command/command-input.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/command/command-input.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
 import { Command as CommandPrimitive } from "cmdk-sv";
-import MagnifyingGlass from "svelte-radix/MagnifyingGlass.svelte";
-import { cn } from "$lib/utils.js";
 
 type $$Props = CommandPrimitive.InputProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/command/command-item.svelte b/examples/svelte-kit-example/src/lib/components/ui/command/command-item.svelte
index 3ba008fa..0d2524e3 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/command/command-item.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/command/command-item.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Command as CommandPrimitive } from "cmdk-sv";
-import { cn } from "$lib/utils.js";
 
 type $$Props = CommandPrimitive.ItemProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/command/command-list.svelte b/examples/svelte-kit-example/src/lib/components/ui/command/command-list.svelte
index d64cf822..7a72d8e0 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/command/command-list.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/command/command-list.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Command as CommandPrimitive } from "cmdk-sv";
-import { cn } from "$lib/utils.js";
 
 type $$Props = CommandPrimitive.ListProps;
 let className: string | undefined | null = undefined;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/command/command-separator.svelte b/examples/svelte-kit-example/src/lib/components/ui/command/command-separator.svelte
index 44ef2cf9..d63df1cd 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/command/command-separator.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/command/command-separator.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Command as CommandPrimitive } from "cmdk-sv";
-import { cn } from "$lib/utils.js";
 
 type $$Props = CommandPrimitive.SeparatorProps;
 let className: string | undefined | null = undefined;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/command/command-shortcut.svelte b/examples/svelte-kit-example/src/lib/components/ui/command/command-shortcut.svelte
index 28c469d3..3528cd55 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/command/command-shortcut.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/command/command-shortcut.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLSpanElement>;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/command/command.svelte b/examples/svelte-kit-example/src/lib/components/ui/command/command.svelte
index 884e1bdb..e9d9eea5 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/command/command.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/command/command.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Command as CommandPrimitive } from "cmdk-sv";
-import { cn } from "$lib/utils.js";
 
 type $$Props = CommandPrimitive.CommandProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-checkbox-item.svelte b/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-checkbox-item.svelte
index 8531980c..4ea9fa4a 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-checkbox-item.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-checkbox-item.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
 import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
-import Check from "svelte-radix/Check.svelte";
-import { cn } from "$lib/utils.js";
 
 type $$Props = ContextMenuPrimitive.CheckboxItemProps;
 type $$Events = ContextMenuPrimitive.CheckboxItemEvents;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-content.svelte b/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-content.svelte
index e90993b6..f0877da0 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-content.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-content.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
-import { cn, flyAndScale } from "$lib/utils.js";
+import { flyAndScale } from "$lib/utils.js";
 
 type $$Props = ContextMenuPrimitive.ContentProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-item.svelte b/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-item.svelte
index e3de351d..c7d4b424 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-item.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-item.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = ContextMenuPrimitive.ItemProps & {
 	inset?: boolean;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-label.svelte b/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-label.svelte
index 574a6f9c..26e44d88 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-label.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-label.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = ContextMenuPrimitive.LabelProps & {
 	inset?: boolean;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-radio-item.svelte b/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-radio-item.svelte
index 7749228c..88adef78 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-radio-item.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-radio-item.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
 import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
-import DotFilled from "svelte-radix/DotFilled.svelte";
-import { cn } from "$lib/utils.js";
 
 type $$Props = ContextMenuPrimitive.RadioItemProps;
 type $$Events = ContextMenuPrimitive.RadioItemEvents;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-separator.svelte b/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-separator.svelte
index 588a5a40..94db7484 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-separator.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-separator.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = ContextMenuPrimitive.SeparatorProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-shortcut.svelte b/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-shortcut.svelte
index 37d4c1ac..8ed4104f 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-shortcut.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-shortcut.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLSpanElement>;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-sub-content.svelte b/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-sub-content.svelte
index 5ac01567..d49aeb4b 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-sub-content.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-sub-content.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
-import { cn, flyAndScale } from "$lib/utils.js";
+import { flyAndScale } from "$lib/utils.js";
 
 type $$Props = ContextMenuPrimitive.SubContentProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-sub-trigger.svelte b/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-sub-trigger.svelte
index 034064e5..e962ab52 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-sub-trigger.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/context-menu/context-menu-sub-trigger.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
 import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
-import ChevronRight from "svelte-radix/ChevronRight.svelte";
-import { cn } from "$lib/utils.js";
 
 type $$Props = ContextMenuPrimitive.SubTriggerProps & {
 	inset?: boolean;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/dialog/dialog-content.svelte b/examples/svelte-kit-example/src/lib/components/ui/dialog/dialog-content.svelte
index c7d50236..939064e0 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/dialog/dialog-content.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/dialog/dialog-content.svelte
@@ -1,8 +1,6 @@
 <script lang="ts">
 import { Dialog as DialogPrimitive } from "bits-ui";
-import Cross2 from "svelte-radix/Cross2.svelte";
-import * as Dialog from "./index.js";
-import { cn, flyAndScale } from "$lib/utils.js";
+import { flyAndScale } from "$lib/utils.js";
 
 type $$Props = DialogPrimitive.ContentProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/dialog/dialog-description.svelte b/examples/svelte-kit-example/src/lib/components/ui/dialog/dialog-description.svelte
index 167f8efd..edf3606d 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/dialog/dialog-description.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/dialog/dialog-description.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Dialog as DialogPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = DialogPrimitive.DescriptionProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/dialog/dialog-footer.svelte b/examples/svelte-kit-example/src/lib/components/ui/dialog/dialog-footer.svelte
index 987ba7c5..46474725 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/dialog/dialog-footer.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/dialog/dialog-footer.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLDivElement>;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/dialog/dialog-header.svelte b/examples/svelte-kit-example/src/lib/components/ui/dialog/dialog-header.svelte
index f403e864..78019317 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/dialog/dialog-header.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/dialog/dialog-header.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLDivElement>;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/dialog/dialog-overlay.svelte b/examples/svelte-kit-example/src/lib/components/ui/dialog/dialog-overlay.svelte
index 187a3813..a1578e82 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/dialog/dialog-overlay.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/dialog/dialog-overlay.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
 import { Dialog as DialogPrimitive } from "bits-ui";
 import { fade } from "svelte/transition";
-import { cn } from "$lib/utils.js";
 
 type $$Props = DialogPrimitive.OverlayProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/dialog/dialog-title.svelte b/examples/svelte-kit-example/src/lib/components/ui/dialog/dialog-title.svelte
index 27686501..d695fa49 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/dialog/dialog-title.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/dialog/dialog-title.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Dialog as DialogPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = DialogPrimitive.TitleProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/drawer/drawer-content.svelte b/examples/svelte-kit-example/src/lib/components/ui/drawer/drawer-content.svelte
index 5652ce0b..cbede2ff 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/drawer/drawer-content.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/drawer/drawer-content.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
 import { Drawer as DrawerPrimitive } from "vaul-svelte";
-import DrawerOverlay from "./drawer-overlay.svelte";
-import { cn } from "$lib/utils.js";
 
 type $$Props = DrawerPrimitive.ContentProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/drawer/drawer-description.svelte b/examples/svelte-kit-example/src/lib/components/ui/drawer/drawer-description.svelte
index 8d4984df..4524b486 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/drawer/drawer-description.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/drawer/drawer-description.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Drawer as DrawerPrimitive } from "vaul-svelte";
-import { cn } from "$lib/utils.js";
 
 type $$Props = DrawerPrimitive.DescriptionProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/drawer/drawer-footer.svelte b/examples/svelte-kit-example/src/lib/components/ui/drawer/drawer-footer.svelte
index 733348a1..78569b47 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/drawer/drawer-footer.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/drawer/drawer-footer.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLDivElement> & {
 	el?: HTMLDivElement;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/drawer/drawer-header.svelte b/examples/svelte-kit-example/src/lib/components/ui/drawer/drawer-header.svelte
index 3cd7b452..8f47baa3 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/drawer/drawer-header.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/drawer/drawer-header.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLDivElement> & {
 	el?: HTMLDivElement;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/drawer/drawer-overlay.svelte b/examples/svelte-kit-example/src/lib/components/ui/drawer/drawer-overlay.svelte
index b672096f..92350b5a 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/drawer/drawer-overlay.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/drawer/drawer-overlay.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Drawer as DrawerPrimitive } from "vaul-svelte";
-import { cn } from "$lib/utils.js";
 
 type $$Props = DrawerPrimitive.OverlayProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/drawer/drawer-title.svelte b/examples/svelte-kit-example/src/lib/components/ui/drawer/drawer-title.svelte
index da6813d8..af945945 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/drawer/drawer-title.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/drawer/drawer-title.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Drawer as DrawerPrimitive } from "vaul-svelte";
-import { cn } from "$lib/utils.js";
 
 type $$Props = DrawerPrimitive.TitleProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte b/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
index 3aa8e8bf..eb0f6438 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
 import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-import Check from "svelte-radix/Check.svelte";
-import { cn } from "$lib/utils.js";
 
 type $$Props = DropdownMenuPrimitive.CheckboxItemProps;
 type $$Events = DropdownMenuPrimitive.CheckboxItemEvents;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte b/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
index 3bc50895..a79cbdc6 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-import { cn, flyAndScale } from "$lib/utils.js";
+import { flyAndScale } from "$lib/utils.js";
 
 type $$Props = DropdownMenuPrimitive.ContentProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte b/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
index e9802bab..d7f5f937 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = DropdownMenuPrimitive.ItemProps & {
 	inset?: boolean;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte b/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
index a8a62a29..112f80e7 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = DropdownMenuPrimitive.LabelProps & {
 	inset?: boolean;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte b/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
index e974e5af..5bf97636 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
 import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-import DotFilled from "svelte-radix/DotFilled.svelte";
-import { cn } from "$lib/utils.js";
 
 type $$Props = DropdownMenuPrimitive.RadioItemProps;
 type $$Events = DropdownMenuPrimitive.RadioItemEvents;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte b/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
index 6d465c3b..59c5d6f2 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = DropdownMenuPrimitive.SeparatorProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte b/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
index eff04e27..3fa5d395 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLSpanElement>;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte b/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
index c0a5a5cc..56d771ee 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-import { cn, flyAndScale } from "$lib/utils.js";
+import { flyAndScale } from "$lib/utils.js";
 
 type $$Props = DropdownMenuPrimitive.SubContentProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte b/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
index 7beba406..e3737a56 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
 import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-import ChevronRight from "svelte-radix/ChevronRight.svelte";
-import { cn } from "$lib/utils.js";
 
 type $$Props = DropdownMenuPrimitive.SubTriggerProps & {
 	inset?: boolean;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/form/form-description.svelte b/examples/svelte-kit-example/src/lib/components/ui/form/form-description.svelte
index aabd17f6..9a229fcd 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/form/form-description.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/form/form-description.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import * as FormPrimitive from "formsnap";
-import { cn } from "$lib/utils.js";
 
 type $$Props = FormPrimitive.DescriptionProps;
 let className: $$Props["class"] = undefined;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/form/form-element-field.svelte b/examples/svelte-kit-example/src/lib/components/ui/form/form-element-field.svelte
index 551a96ad..dbf04a2a 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/form/form-element-field.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/form/form-element-field.svelte
@@ -1,5 +1,5 @@
 <script lang="ts" context="module">
-import type { FormPathLeaves, SuperForm } from "sveltekit-superforms";
+import type { FormPathLeaves } from "sveltekit-superforms";
 type T = Record<string, unknown>;
 type U = FormPathLeaves<T>;
 </script>
diff --git a/examples/svelte-kit-example/src/lib/components/ui/form/form-field-errors.svelte b/examples/svelte-kit-example/src/lib/components/ui/form/form-field-errors.svelte
index 1dd119ff..b0b58a3e 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/form/form-field-errors.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/form/form-field-errors.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import * as FormPrimitive from "formsnap";
-import { cn } from "$lib/utils.js";
 
 type $$Props = FormPrimitive.FieldErrorsProps & {
 	errorClasses?: string | undefined | null;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/form/form-field.svelte b/examples/svelte-kit-example/src/lib/components/ui/form/form-field.svelte
index 59fed275..603fc80a 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/form/form-field.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/form/form-field.svelte
@@ -1,5 +1,5 @@
 <script lang="ts" context="module">
-import type { FormPath, SuperForm } from "sveltekit-superforms";
+import type { FormPath } from "sveltekit-superforms";
 type T = Record<string, unknown>;
 type U = FormPath<T>;
 </script>
diff --git a/examples/svelte-kit-example/src/lib/components/ui/form/form-fieldset.svelte b/examples/svelte-kit-example/src/lib/components/ui/form/form-fieldset.svelte
index ad996770..fa13e82a 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/form/form-fieldset.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/form/form-fieldset.svelte
@@ -1,5 +1,5 @@
 <script lang="ts" context="module">
-import type { FormPath, SuperForm } from "sveltekit-superforms";
+import type { FormPath } from "sveltekit-superforms";
 type T = Record<string, unknown>;
 type U = FormPath<T>;
 </script>
diff --git a/examples/svelte-kit-example/src/lib/components/ui/form/form-label.svelte b/examples/svelte-kit-example/src/lib/components/ui/form/form-label.svelte
index bf7c3781..26d71cfb 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/form/form-label.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/form/form-label.svelte
@@ -1,8 +1,6 @@
 <script lang="ts">
 import type { Label as LabelPrimitive } from "bits-ui";
 import { getFormControl } from "formsnap";
-import { Label } from "$lib/components/ui/label/index.js";
-import { cn } from "$lib/utils.js";
 
 type $$Props = LabelPrimitive.Props;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/form/form-legend.svelte b/examples/svelte-kit-example/src/lib/components/ui/form/form-legend.svelte
index 0275fe9f..ac78d937 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/form/form-legend.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/form/form-legend.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import * as FormPrimitive from "formsnap";
-import { cn } from "$lib/utils.js";
 
 type $$Props = FormPrimitive.LegendProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/hover-card/hover-card-content.svelte b/examples/svelte-kit-example/src/lib/components/ui/hover-card/hover-card-content.svelte
index 3533b27e..8660c2a7 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/hover-card/hover-card-content.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/hover-card/hover-card-content.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 import { LinkPreview as HoverCardPrimitive } from "bits-ui";
-import { cn, flyAndScale } from "$lib/utils.js";
+import { flyAndScale } from "$lib/utils.js";
 
 type $$Props = HoverCardPrimitive.ContentProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/input/input.svelte b/examples/svelte-kit-example/src/lib/components/ui/input/input.svelte
index b24b4cf9..4bc683d6 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/input/input.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/input/input.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
 import type { HTMLInputAttributes } from "svelte/elements";
 import type { InputEvents } from "./index.js";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLInputAttributes;
 type $$Events = InputEvents;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/label/label.svelte b/examples/svelte-kit-example/src/lib/components/ui/label/label.svelte
index e8e91d3f..36941729 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/label/label.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/label/label.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Label as LabelPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = LabelPrimitive.Props;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-checkbox-item.svelte b/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-checkbox-item.svelte
index d0ffb57a..8a11456b 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-checkbox-item.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-checkbox-item.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
 import { Menubar as MenubarPrimitive } from "bits-ui";
-import Check from "svelte-radix/Check.svelte";
-import { cn } from "$lib/utils.js";
 
 type $$Props = MenubarPrimitive.CheckboxItemProps;
 let className: $$Props["class"] = undefined;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-content.svelte b/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-content.svelte
index 8cacfc58..d479a14d 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-content.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-content.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 import { Menubar as MenubarPrimitive } from "bits-ui";
-import { cn, flyAndScale } from "$lib/utils.js";
+import { flyAndScale } from "$lib/utils.js";
 
 type $$Props = MenubarPrimitive.ContentProps;
 let className: $$Props["class"] = undefined;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-item.svelte b/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-item.svelte
index 933f242e..9ce3cca7 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-item.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-item.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Menubar as MenubarPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = MenubarPrimitive.ItemProps & {
 	inset?: boolean;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-label.svelte b/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-label.svelte
index b1e0762c..f2425edb 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-label.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-label.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Menubar as MenubarPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = MenubarPrimitive.LabelProps & {
 	inset?: boolean;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-radio-item.svelte b/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-radio-item.svelte
index c4749b46..32460f1d 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-radio-item.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-radio-item.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
 import { Menubar as MenubarPrimitive } from "bits-ui";
-import DotFilled from "svelte-radix/DotFilled.svelte";
-import { cn } from "$lib/utils.js";
 
 type $$Props = MenubarPrimitive.RadioItemProps;
 type $$Events = MenubarPrimitive.RadioItemEvents;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-separator.svelte b/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-separator.svelte
index 829a579b..dea7cbd5 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-separator.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-separator.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Menubar as MenubarPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = MenubarPrimitive.SeparatorProps;
 let className: $$Props["class"] = undefined;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-shortcut.svelte b/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-shortcut.svelte
index 4ab42894..8d0ebe75 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-shortcut.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-shortcut.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLSpanElement>;
 let className: $$Props["class"] = undefined;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-sub-content.svelte b/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-sub-content.svelte
index 80d6b60d..69672643 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-sub-content.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-sub-content.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 import { Menubar as MenubarPrimitive } from "bits-ui";
-import { cn, flyAndScale } from "$lib/utils.js";
+import { flyAndScale } from "$lib/utils.js";
 
 type $$Props = MenubarPrimitive.SubContentProps;
 let className: $$Props["class"] = undefined;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-sub-trigger.svelte b/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-sub-trigger.svelte
index dd132e74..91e4dfc8 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-sub-trigger.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-sub-trigger.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
 import { Menubar as MenubarPrimitive } from "bits-ui";
-import ChevronRight from "svelte-radix/ChevronRight.svelte";
-import { cn } from "$lib/utils.js";
 
 type $$Props = MenubarPrimitive.SubTriggerProps & {
 	inset?: boolean;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-trigger.svelte b/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-trigger.svelte
index 32d1bcea..742913af 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-trigger.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar-trigger.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Menubar as MenubarPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = MenubarPrimitive.TriggerProps;
 type $$Events = MenubarPrimitive.TriggerEvents;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar.svelte b/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar.svelte
index d08f11fd..395eee81 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/menubar/menubar.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Menubar as MenubarPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = MenubarPrimitive.Props;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination-content.svelte b/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination-content.svelte
index 63ac0503..39b1c655 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination-content.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination-content.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLUListElement>;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination-ellipsis.svelte b/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination-ellipsis.svelte
index dd008434..19ee0619 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination-ellipsis.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination-ellipsis.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
-import DotsHorizontal from "svelte-radix/DotsHorizontal.svelte";
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLSpanElement>;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination-item.svelte b/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination-item.svelte
index d5710a84..ab6de061 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination-item.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination-item.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLLIElement>;
 let className: $$Props["class"] = undefined;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination-link.svelte b/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination-link.svelte
index 00e3678f..a4ee1795 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination-link.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination-link.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
 import { Pagination as PaginationPrimitive } from "bits-ui";
-import { type Props, buttonVariants } from "$lib/components/ui/button/index.js";
-import { cn } from "$lib/utils.js";
+import { type Props } from "$lib/components/ui/button/index.js";
 
 type $$Props = PaginationPrimitive.PageProps &
 	Props & {
diff --git a/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination-next-button.svelte b/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination-next-button.svelte
index 76be6fb8..cf53bb0f 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination-next-button.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination-next-button.svelte
@@ -1,8 +1,5 @@
 <script lang="ts">
 import { Pagination as PaginationPrimitive } from "bits-ui";
-import ChevronRight from "svelte-radix/ChevronRight.svelte";
-import { Button } from "$lib/components/ui/button/index.js";
-import { cn } from "$lib/utils.js";
 
 type $$Props = PaginationPrimitive.NextButtonProps;
 type $$Events = PaginationPrimitive.NextButtonEvents;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination-prev-button.svelte b/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination-prev-button.svelte
index c7568386..ddc9ae3b 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination-prev-button.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination-prev-button.svelte
@@ -1,8 +1,5 @@
 <script lang="ts">
 import { Pagination as PaginationPrimitive } from "bits-ui";
-import ChevronLeft from "svelte-radix/ChevronLeft.svelte";
-import { Button } from "$lib/components/ui/button/index.js";
-import { cn } from "$lib/utils.js";
 
 type $$Props = PaginationPrimitive.PrevButtonProps;
 type $$Events = PaginationPrimitive.PrevButtonEvents;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination.svelte b/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination.svelte
index 6a1a924a..f618f4ef 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/pagination/pagination.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Pagination as PaginationPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = PaginationPrimitive.Props;
 type $$Events = PaginationPrimitive.Events;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/popover/popover-content.svelte b/examples/svelte-kit-example/src/lib/components/ui/popover/popover-content.svelte
index b7882197..11057b3a 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/popover/popover-content.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/popover/popover-content.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 import { Popover as PopoverPrimitive } from "bits-ui";
-import { cn, flyAndScale } from "$lib/utils.js";
+import { flyAndScale } from "$lib/utils.js";
 
 type $$Props = PopoverPrimitive.ContentProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/progress/progress.svelte b/examples/svelte-kit-example/src/lib/components/ui/progress/progress.svelte
index a8c1cb29..52743b74 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/progress/progress.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/progress/progress.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Progress as ProgressPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = ProgressPrimitive.Props;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/radio-group/radio-group-item.svelte b/examples/svelte-kit-example/src/lib/components/ui/radio-group/radio-group-item.svelte
index 21df433c..f5eb5e1f 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/radio-group/radio-group-item.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/radio-group/radio-group-item.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
 import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
-import Check from "svelte-radix/Check.svelte";
-import { cn } from "$lib/utils.js";
 
 type $$Props = RadioGroupPrimitive.ItemProps & {
 	value: string;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/radio-group/radio-group.svelte b/examples/svelte-kit-example/src/lib/components/ui/radio-group/radio-group.svelte
index 0ae0944e..97d32dbf 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/radio-group/radio-group.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/radio-group/radio-group.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = RadioGroupPrimitive.Props;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-cell.svelte b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-cell.svelte
index 1283e66c..66e259af 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-cell.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-cell.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = RangeCalendarPrimitive.CellProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-day.svelte b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-day.svelte
index 872a280d..2599d361 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-day.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-day.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
 import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-import { buttonVariants } from "$lib/components/ui/button/index.js";
-import { cn } from "$lib/utils.js";
 
 type $$Props = RangeCalendarPrimitive.DayProps;
 type $$Events = RangeCalendarPrimitive.DayEvents;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-grid-body.svelte b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-grid-body.svelte
index 62ef12d1..d3cceff6 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-grid-body.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-grid-body.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = RangeCalendarPrimitive.GridBodyProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-grid-head.svelte b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-grid-head.svelte
index 0f750397..fd464b84 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-grid-head.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-grid-head.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = RangeCalendarPrimitive.GridHeadProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-grid-row.svelte b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-grid-row.svelte
index 7564c29f..9d80ce4d 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-grid-row.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-grid-row.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = RangeCalendarPrimitive.GridRowProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-grid.svelte b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-grid.svelte
index 7f8be7f4..86cd8303 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-grid.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-grid.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = RangeCalendarPrimitive.GridProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-head-cell.svelte b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-head-cell.svelte
index c4a8dbe3..0245bf28 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-head-cell.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-head-cell.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = RangeCalendarPrimitive.HeadCellProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-header.svelte b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-header.svelte
index e7f82d53..99f108ce 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-header.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-header.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = RangeCalendarPrimitive.HeaderProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-heading.svelte b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-heading.svelte
index d12125cf..0c3eedea 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-heading.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-heading.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = RangeCalendarPrimitive.HeadingProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-months.svelte b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-months.svelte
index ab1a9eb7..f28a81fc 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-months.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-months.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLDivElement>;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-next-button.svelte b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-next-button.svelte
index 0a92de19..3b23a08e 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-next-button.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-next-button.svelte
@@ -1,8 +1,5 @@
 <script lang="ts">
 import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-import ChevronRight from "svelte-radix/ChevronRight.svelte";
-import { buttonVariants } from "$lib/components/ui/button/index.js";
-import { cn } from "$lib/utils.js";
 
 type $$Props = RangeCalendarPrimitive.NextButtonProps;
 type $$Events = RangeCalendarPrimitive.NextButtonEvents;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-prev-button.svelte b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-prev-button.svelte
index 7c9f6217..8aa94703 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-prev-button.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar-prev-button.svelte
@@ -1,8 +1,5 @@
 <script lang="ts">
 import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-import ChevronLeft from "svelte-radix/ChevronLeft.svelte";
-import { buttonVariants } from "$lib/components/ui/button/index.js";
-import { cn } from "$lib/utils.js";
 
 type $$Props = RangeCalendarPrimitive.PrevButtonProps;
 type $$Events = RangeCalendarPrimitive.PrevButtonEvents;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar.svelte b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar.svelte
index 23d6b1e5..ef9c207c 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/range-calendar/range-calendar.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
 import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-import * as RangeCalendar from "./index.js";
-import { cn } from "$lib/utils.js";
 
 type $$Props = RangeCalendarPrimitive.Props;
 type $$Events = RangeCalendarPrimitive.Events;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/resizable/resizable-handle.svelte b/examples/svelte-kit-example/src/lib/components/ui/resizable/resizable-handle.svelte
index c894352a..0c20f828 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/resizable/resizable-handle.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/resizable/resizable-handle.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
-import DragHandleDots2 from "svelte-radix/DragHandleDots2.svelte";
 import * as ResizablePrimitive from "paneforge";
-import { cn } from "$lib/utils.js";
 
 type $$Props = ResizablePrimitive.PaneResizerProps & {
 	withHandle?: boolean;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/resizable/resizable-pane-group.svelte b/examples/svelte-kit-example/src/lib/components/ui/resizable/resizable-pane-group.svelte
index 2c5188a7..3ff50786 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/resizable/resizable-pane-group.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/resizable/resizable-pane-group.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import * as ResizablePrimitive from "paneforge";
-import { cn } from "$lib/utils.js";
 
 type $$Props = ResizablePrimitive.PaneGroupProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/scroll-area/scroll-area-scrollbar.svelte b/examples/svelte-kit-example/src/lib/components/ui/scroll-area/scroll-area-scrollbar.svelte
index 27cf9f07..afbf5b56 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/scroll-area/scroll-area-scrollbar.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/scroll-area/scroll-area-scrollbar.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { ScrollArea as ScrollAreaPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = ScrollAreaPrimitive.ScrollbarProps & {
 	orientation?: "vertical" | "horizontal";
diff --git a/examples/svelte-kit-example/src/lib/components/ui/scroll-area/scroll-area.svelte b/examples/svelte-kit-example/src/lib/components/ui/scroll-area/scroll-area.svelte
index a1468072..abc703b5 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/scroll-area/scroll-area.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/scroll-area/scroll-area.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
 import { ScrollArea as ScrollAreaPrimitive } from "bits-ui";
-import { Scrollbar } from "./index.js";
-import { cn } from "$lib/utils.js";
 
 type $$Props = ScrollAreaPrimitive.Props & {
 	orientation?: "vertical" | "horizontal" | "both";
diff --git a/examples/svelte-kit-example/src/lib/components/ui/select/select-content.svelte b/examples/svelte-kit-example/src/lib/components/ui/select/select-content.svelte
index fa0743af..d4efc4fa 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/select/select-content.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/select/select-content.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 import { Select as SelectPrimitive } from "bits-ui";
 import { scale } from "svelte/transition";
-import { cn, flyAndScale } from "$lib/utils.js";
+import { flyAndScale } from "$lib/utils.js";
 
 type $$Props = SelectPrimitive.ContentProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/select/select-item.svelte b/examples/svelte-kit-example/src/lib/components/ui/select/select-item.svelte
index d770e4c6..aa8b87c9 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/select/select-item.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/select/select-item.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
 import { Select as SelectPrimitive } from "bits-ui";
-import Check from "svelte-radix/Check.svelte";
-import { cn } from "$lib/utils.js";
 
 type $$Props = SelectPrimitive.ItemProps;
 type $$Events = Required<SelectPrimitive.ItemEvents>;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/select/select-label.svelte b/examples/svelte-kit-example/src/lib/components/ui/select/select-label.svelte
index c3ca0c30..3a69603c 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/select/select-label.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/select/select-label.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Select as SelectPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = SelectPrimitive.LabelProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/select/select-separator.svelte b/examples/svelte-kit-example/src/lib/components/ui/select/select-separator.svelte
index 6603d279..58ce6000 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/select/select-separator.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/select/select-separator.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Select as SelectPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = SelectPrimitive.SeparatorProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/select/select-trigger.svelte b/examples/svelte-kit-example/src/lib/components/ui/select/select-trigger.svelte
index 3769b8dc..9755f878 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/select/select-trigger.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/select/select-trigger.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
 import { Select as SelectPrimitive } from "bits-ui";
-import CaretSort from "svelte-radix/CaretSort.svelte";
-import { cn } from "$lib/utils.js";
 
 type $$Props = SelectPrimitive.TriggerProps;
 type $$Events = SelectPrimitive.TriggerEvents;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/separator/separator.svelte b/examples/svelte-kit-example/src/lib/components/ui/separator/separator.svelte
index 5498a809..25eba06e 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/separator/separator.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/separator/separator.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Separator as SeparatorPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = SeparatorPrimitive.Props;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-content.svelte b/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-content.svelte
index f793f89c..d7dc69c6 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-content.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-content.svelte
@@ -1,15 +1,7 @@
 <script lang="ts">
 import { Dialog as SheetPrimitive } from "bits-ui";
-import Cross2 from "svelte-radix/Cross2.svelte";
 import { fly } from "svelte/transition";
-import {
-	SheetOverlay,
-	SheetPortal,
-	type Side,
-	sheetTransitions,
-	sheetVariants,
-} from "./index.js";
-import { cn } from "$lib/utils.js";
+import { type Side, sheetTransitions } from "./index.js";
 
 type $$Props = SheetPrimitive.ContentProps & {
 	side?: Side;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-description.svelte b/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-description.svelte
index 53bbd31f..9eb291d5 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-description.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-description.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Dialog as SheetPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = SheetPrimitive.DescriptionProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-footer.svelte b/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-footer.svelte
index 987ba7c5..46474725 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-footer.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-footer.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLDivElement>;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-header.svelte b/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-header.svelte
index 366bd577..9bdc2c32 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-header.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-header.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLDivElement>;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-overlay.svelte b/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-overlay.svelte
index 6baf5556..3c961a53 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-overlay.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-overlay.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
 import { Dialog as SheetPrimitive } from "bits-ui";
 import { fade } from "svelte/transition";
-import { cn } from "$lib/utils.js";
 
 type $$Props = SheetPrimitive.OverlayProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-portal.svelte b/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-portal.svelte
index b9e92bb8..42c591b7 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-portal.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-portal.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Dialog as SheetPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = SheetPrimitive.PortalProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-title.svelte b/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-title.svelte
index 4b366dbd..013ed4a2 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-title.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/sheet/sheet-title.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Dialog as SheetPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = SheetPrimitive.TitleProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/skeleton/skeleton.svelte b/examples/svelte-kit-example/src/lib/components/ui/skeleton/skeleton.svelte
index 120a130b..38a7e9cd 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/skeleton/skeleton.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/skeleton/skeleton.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLDivElement>;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/slider/slider.svelte b/examples/svelte-kit-example/src/lib/components/ui/slider/slider.svelte
index 826d374a..7393041b 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/slider/slider.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/slider/slider.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Slider as SliderPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = SliderPrimitive.Props;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/sonner/sonner.svelte b/examples/svelte-kit-example/src/lib/components/ui/sonner/sonner.svelte
index 2051b7bb..8b112042 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/sonner/sonner.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/sonner/sonner.svelte
@@ -1,9 +1,5 @@
 <script lang="ts">
-import {
-	Toaster as Sonner,
-	type ToasterProps as SonnerProps,
-} from "svelte-sonner";
-import { mode } from "mode-watcher";
+import { type ToasterProps as SonnerProps } from "svelte-sonner";
 
 type $$Props = SonnerProps;
 </script>
diff --git a/examples/svelte-kit-example/src/lib/components/ui/switch/switch.svelte b/examples/svelte-kit-example/src/lib/components/ui/switch/switch.svelte
index 9e0488c2..ab3bb3fa 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/switch/switch.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/switch/switch.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Switch as SwitchPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = SwitchPrimitive.Props;
 type $$Events = SwitchPrimitive.Events;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/table/table-body.svelte b/examples/svelte-kit-example/src/lib/components/ui/table/table-body.svelte
index c3d3dae5..6ae5ff22 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/table/table-body.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/table/table-body.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLTableSectionElement>;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/table/table-caption.svelte b/examples/svelte-kit-example/src/lib/components/ui/table/table-caption.svelte
index 45813f78..b7909822 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/table/table-caption.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/table/table-caption.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLTableCaptionElement>;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/table/table-cell.svelte b/examples/svelte-kit-example/src/lib/components/ui/table/table-cell.svelte
index e369c007..23cc1bde 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/table/table-cell.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/table/table-cell.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLTdAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLTdAttributes;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/table/table-footer.svelte b/examples/svelte-kit-example/src/lib/components/ui/table/table-footer.svelte
index b09f9b6f..cfee79d1 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/table/table-footer.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/table/table-footer.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLTableSectionElement>;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/table/table-head.svelte b/examples/svelte-kit-example/src/lib/components/ui/table/table-head.svelte
index ba02a223..9c0cd094 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/table/table-head.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/table/table-head.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLThAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLThAttributes;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/table/table-header.svelte b/examples/svelte-kit-example/src/lib/components/ui/table/table-header.svelte
index db54744d..e1964edf 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/table/table-header.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/table/table-header.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLTableSectionElement>;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/table/table-row.svelte b/examples/svelte-kit-example/src/lib/components/ui/table/table-row.svelte
index b8322671..2e7f3ed4 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/table/table-row.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/table/table-row.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLAttributes<HTMLTableRowElement> & {
 	"data-state"?: unknown;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/table/table.svelte b/examples/svelte-kit-example/src/lib/components/ui/table/table.svelte
index dec619d2..f168890d 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/table/table.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/table/table.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import type { HTMLTableAttributes } from "svelte/elements";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLTableAttributes;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/tabs/tabs-content.svelte b/examples/svelte-kit-example/src/lib/components/ui/tabs/tabs-content.svelte
index 3db89cfe..e47fc719 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/tabs/tabs-content.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/tabs/tabs-content.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Tabs as TabsPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = TabsPrimitive.ContentProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/tabs/tabs-list.svelte b/examples/svelte-kit-example/src/lib/components/ui/tabs/tabs-list.svelte
index 84236c72..3f90c5be 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/tabs/tabs-list.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/tabs/tabs-list.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Tabs as TabsPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = TabsPrimitive.ListProps;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/tabs/tabs-trigger.svelte b/examples/svelte-kit-example/src/lib/components/ui/tabs/tabs-trigger.svelte
index 1658d63c..25bb8222 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/tabs/tabs-trigger.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/tabs/tabs-trigger.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 import { Tabs as TabsPrimitive } from "bits-ui";
-import { cn } from "$lib/utils.js";
 
 type $$Props = TabsPrimitive.TriggerProps;
 type $$Events = TabsPrimitive.TriggerEvents;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/textarea/textarea.svelte b/examples/svelte-kit-example/src/lib/components/ui/textarea/textarea.svelte
index 64dbc5b7..8003d21e 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/textarea/textarea.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/textarea/textarea.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
 import type { HTMLTextareaAttributes } from "svelte/elements";
 import type { TextareaEvents } from "./index.js";
-import { cn } from "$lib/utils.js";
 
 type $$Props = HTMLTextareaAttributes;
 type $$Events = TextareaEvents;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/toggle-group/toggle-group-item.svelte b/examples/svelte-kit-example/src/lib/components/ui/toggle-group/toggle-group-item.svelte
index c819f821..0b245045 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/toggle-group/toggle-group-item.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/toggle-group/toggle-group-item.svelte
@@ -1,8 +1,6 @@
 <script lang="ts">
 import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
 import { type ToggleVariants, getToggleGroupCtx } from "./index.js";
-import { cn } from "$lib/utils.js";
-import { toggleVariants } from "$lib/components/ui/toggle/index.js";
 
 type $$Props = ToggleGroupPrimitive.ItemProps & ToggleVariants;
 
diff --git a/examples/svelte-kit-example/src/lib/components/ui/toggle-group/toggle-group.svelte b/examples/svelte-kit-example/src/lib/components/ui/toggle-group/toggle-group.svelte
index 9fe8ce6b..d715442b 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/toggle-group/toggle-group.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/toggle-group/toggle-group.svelte
@@ -3,7 +3,6 @@ import type { VariantProps } from "tailwind-variants";
 import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
 import { setToggleGroupCtx } from "./index.js";
 import type { toggleVariants } from "$lib/components/ui/toggle/index.js";
-import { cn } from "$lib/utils.js";
 
 type T = $$Generic<"single" | "multiple">;
 type $$Props = ToggleGroupPrimitive.Props<T> &
diff --git a/examples/svelte-kit-example/src/lib/components/ui/toggle/toggle.svelte b/examples/svelte-kit-example/src/lib/components/ui/toggle/toggle.svelte
index 580b6d79..7c614702 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/toggle/toggle.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/toggle/toggle.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
 import { Toggle as TogglePrimitive } from "bits-ui";
-import { type Size, type Variant, toggleVariants } from "./index.js";
-import { cn } from "$lib/utils.js";
+import { type Size, type Variant } from "./index.js";
 
 type $$Props = TogglePrimitive.Props & {
 	variant?: Variant;
diff --git a/examples/svelte-kit-example/src/lib/components/ui/tooltip/tooltip-content.svelte b/examples/svelte-kit-example/src/lib/components/ui/tooltip/tooltip-content.svelte
index dddddb0a..bb25d538 100644
--- a/examples/svelte-kit-example/src/lib/components/ui/tooltip/tooltip-content.svelte
+++ b/examples/svelte-kit-example/src/lib/components/ui/tooltip/tooltip-content.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 import { Tooltip as TooltipPrimitive } from "bits-ui";
-import { cn, flyAndScale } from "$lib/utils.js";
+import { flyAndScale } from "$lib/utils.js";
 
 type $$Props = TooltipPrimitive.ContentProps;
 
diff --git a/examples/svelte-kit-example/src/routes/+page.svelte b/examples/svelte-kit-example/src/routes/+page.svelte
index ae1cf690..ccddff37 100644
--- a/examples/svelte-kit-example/src/routes/+page.svelte
+++ b/examples/svelte-kit-example/src/routes/+page.svelte
@@ -1,6 +1,5 @@
 <script>
 import { client } from "$lib/auth-client";
-import Button from "$lib/components/ui/button/button.svelte";
 const features = [
 	"social sign-in",
 	"email and password",
diff --git a/examples/svelte-kit-example/src/routes/dashboard/+page.svelte b/examples/svelte-kit-example/src/routes/dashboard/+page.svelte
index 23fd19ad..3492a79f 100644
--- a/examples/svelte-kit-example/src/routes/dashboard/+page.svelte
+++ b/examples/svelte-kit-example/src/routes/dashboard/+page.svelte
@@ -1,8 +1,5 @@
 <script>
-import * as Card from "$lib/components/ui/card/index";
-import * as Avatar from "$lib/components/ui/avatar/index";
 import { client } from "$lib/auth-client";
-import Button from "$lib/components/ui/button/button.svelte";
 
 const session = client.useSession();
 </script>
diff --git a/examples/svelte-kit-example/src/routes/forget-password/+page.svelte b/examples/svelte-kit-example/src/routes/forget-password/+page.svelte
index 216b731b..77c5277d 100644
--- a/examples/svelte-kit-example/src/routes/forget-password/+page.svelte
+++ b/examples/svelte-kit-example/src/routes/forget-password/+page.svelte
@@ -1,9 +1,4 @@
 <script lang="ts">
-import { client } from "$lib/auth-client";
-import { Button } from "$lib/components/ui/button/index.js";
-import * as Card from "$lib/components/ui/card/index.js";
-import { Input } from "$lib/components/ui/input/index.js";
-import { Label } from "$lib/components/ui/label/index.js";
 import { writable } from "svelte/store";
 
 const email = writable("");
diff --git a/examples/svelte-kit-example/src/routes/reset-password/+page.svelte b/examples/svelte-kit-example/src/routes/reset-password/+page.svelte
index fca059c4..cdea0834 100644
--- a/examples/svelte-kit-example/src/routes/reset-password/+page.svelte
+++ b/examples/svelte-kit-example/src/routes/reset-password/+page.svelte
@@ -1,9 +1,4 @@
 <script>
-import { signIn, client } from "$lib/auth-client";
-import { Button } from "$lib/components/ui/button/index";
-import * as Card from "$lib/components/ui/card/index";
-import { Input } from "$lib/components/ui/input/index";
-import { Label } from "$lib/components/ui/label/index";
 import { writable } from "svelte/store";
 
 const confirmPassword = writable("");
diff --git a/examples/svelte-kit-example/src/routes/sign-in/+page.svelte b/examples/svelte-kit-example/src/routes/sign-in/+page.svelte
index 04f3d1cb..833620dc 100644
--- a/examples/svelte-kit-example/src/routes/sign-in/+page.svelte
+++ b/examples/svelte-kit-example/src/routes/sign-in/+page.svelte
@@ -1,9 +1,5 @@
 <script lang="ts">
 import { signIn } from "$lib/auth-client";
-import { Button } from "$lib/components/ui/button/index.js";
-import * as Card from "$lib/components/ui/card/index.js";
-import { Input } from "$lib/components/ui/input/index.js";
-import { Label } from "$lib/components/ui/label/index.js";
 import { writable } from "svelte/store";
 
 const email = writable("");
diff --git a/examples/svelte-kit-example/src/routes/sign-up/+page.svelte b/examples/svelte-kit-example/src/routes/sign-up/+page.svelte
index 516b149a..da804eac 100644
--- a/examples/svelte-kit-example/src/routes/sign-up/+page.svelte
+++ b/examples/svelte-kit-example/src/routes/sign-up/+page.svelte
@@ -1,8 +1,4 @@
 <script lang="ts">
-import { Button } from "$lib/components/ui/button/index.js";
-import * as Card from "$lib/components/ui/card/index.js";
-import { Input } from "$lib/components/ui/input/index.js";
-import { Label } from "$lib/components/ui/label/index.js";
 import { signUp } from "$lib/auth-client";
 import { writable } from "svelte/store";
 
diff --git a/examples/tanstack-example/app/routes/__root.tsx b/examples/tanstack-example/app/routes/__root.tsx
index ae24e706..7415b630 100644
--- a/examples/tanstack-example/app/routes/__root.tsx
+++ b/examples/tanstack-example/app/routes/__root.tsx
@@ -6,7 +6,7 @@ import { useEffect, useState } from "react";
 import { signOut, useSession } from "~/lib/auth-client";
 import globalStylesheet from "~/lib/style/global.css?url";
 import "~/lib/style/global.css";
-import { DoorOpen, LoaderCircle, Moon, Sun } from "lucide-react";
+import { DoorOpen, Moon, Sun } from "lucide-react";
 import { toast } from "sonner";
 import { Button } from "~/components/ui/button";
 import {
diff --git a/examples/tanstack-example/app/routes/auth/two-factor.tsx b/examples/tanstack-example/app/routes/auth/two-factor.tsx
index 50112e5a..9d1995f3 100644
--- a/examples/tanstack-example/app/routes/auth/two-factor.tsx
+++ b/examples/tanstack-example/app/routes/auth/two-factor.tsx
@@ -6,7 +6,6 @@ import {
 	Card,
 	CardContent,
 	CardDescription,
-	CardFooter,
 	CardHeader,
 	CardTitle,
 } from "~/components/ui/card";
diff --git a/packages/better-auth/src/adapters/kysely-adapter/test/adapter.kysley.test.ts b/packages/better-auth/src/adapters/kysely-adapter/test/adapter.kysley.test.ts
index 920b370b..68d30d17 100644
--- a/packages/better-auth/src/adapters/kysely-adapter/test/adapter.kysley.test.ts
+++ b/packages/better-auth/src/adapters/kysely-adapter/test/adapter.kysley.test.ts
@@ -1,5 +1,5 @@
 import fs from "fs/promises";
-import { afterAll, beforeAll, beforeEach, describe, expect, it } from "vitest";
+import { afterAll, beforeAll, describe } from "vitest";
 import { runAdapterTest } from "../../test";
 import { getMigrations } from "../../../db/get-migration";
 import path from "path";
diff --git a/packages/better-auth/src/adapters/memory-adapter/memory.test.ts b/packages/better-auth/src/adapters/memory-adapter/memory.test.ts
index 227a48a0..c71cc46d 100644
--- a/packages/better-auth/src/adapters/memory-adapter/memory.test.ts
+++ b/packages/better-auth/src/adapters/memory-adapter/memory.test.ts
@@ -1,7 +1,6 @@
 import { describe } from "vitest";
 import { memoryAdapter } from "./memory-adapter";
 import { runAdapterTest } from "../test";
-import type { BetterAuthOptions } from "../../types";
 
 describe("adapter test", async () => {
 	const db = {
diff --git a/packages/better-auth/src/adapters/prisma-adapter/test/adapter.prisma.test.ts b/packages/better-auth/src/adapters/prisma-adapter/test/adapter.prisma.test.ts
index 21beee07..2a967ae9 100644
--- a/packages/better-auth/src/adapters/prisma-adapter/test/adapter.prisma.test.ts
+++ b/packages/better-auth/src/adapters/prisma-adapter/test/adapter.prisma.test.ts
@@ -2,7 +2,6 @@ import { beforeAll, describe } from "vitest";
 import { PrismaClient } from "@prisma/client";
 import { prismaAdapter } from "..";
 import { runAdapterTest } from "../../test";
-import type { BetterAuthOptions } from "../../../types";
 
 const db = new PrismaClient();
 describe("adapter test", async () => {
diff --git a/packages/better-auth/src/api/index.ts b/packages/better-auth/src/api/index.ts
index 2680354b..e6bd7d6d 100644
--- a/packages/better-auth/src/api/index.ts
+++ b/packages/better-auth/src/api/index.ts
@@ -44,7 +44,6 @@ import { error } from "./routes/error";
 import { logger } from "../utils/logger";
 import type { BetterAuthPlugin } from "../plugins";
 import { onRequestRateLimit } from "./rate-limiter";
-import defu from "defu";
 
 export function getEndpoints<
 	C extends AuthContext,
diff --git a/packages/better-auth/src/api/routes/forget-password.test.ts b/packages/better-auth/src/api/routes/forget-password.test.ts
index 469ed2f4..35b4f5cc 100644
--- a/packages/better-auth/src/api/routes/forget-password.test.ts
+++ b/packages/better-auth/src/api/routes/forget-password.test.ts
@@ -1,4 +1,4 @@
-import { describe, expect, vi, beforeAll } from "vitest";
+import { describe, expect, vi } from "vitest";
 import { getTestInstance } from "../../test-utils/test-instance";
 
 describe("forget password", async (it) => {
diff --git a/packages/better-auth/src/api/routes/sign-out.ts b/packages/better-auth/src/api/routes/sign-out.ts
index 8d596e91..1123639f 100644
--- a/packages/better-auth/src/api/routes/sign-out.ts
+++ b/packages/better-auth/src/api/routes/sign-out.ts
@@ -1,4 +1,3 @@
-import { z } from "zod";
 import { createAuthEndpoint } from "../call";
 import { deleteSessionCookie } from "../../cookies";
 import { APIError } from "better-call";
diff --git a/packages/better-auth/src/api/routes/sign-up.test.ts b/packages/better-auth/src/api/routes/sign-up.test.ts
index 8af66237..874fe4b8 100644
--- a/packages/better-auth/src/api/routes/sign-up.test.ts
+++ b/packages/better-auth/src/api/routes/sign-up.test.ts
@@ -1,6 +1,5 @@
-import { describe, expect, expectTypeOf, vi } from "vitest";
+import { describe, expect, vi } from "vitest";
 import { getTestInstance } from "../../test-utils/test-instance";
-import type { User } from "../../types";
 
 describe("sign-up with custom fields", async (it) => {
 	const mockFn = vi.fn();
diff --git a/packages/better-auth/src/api/routes/update-user.ts b/packages/better-auth/src/api/routes/update-user.ts
index 8277e4f4..fc340fda 100644
--- a/packages/better-auth/src/api/routes/update-user.ts
+++ b/packages/better-auth/src/api/routes/update-user.ts
@@ -6,11 +6,7 @@ import { getSessionFromCtx, sessionMiddleware } from "./session";
 import { APIError } from "better-call";
 import { createEmailVerificationToken } from "./email-verification";
 import type { toZod } from "../../types/to-zod";
-import type {
-	AdditionalUserFieldsInput,
-	BetterAuthOptions,
-	User,
-} from "../../types";
+import type { AdditionalUserFieldsInput, BetterAuthOptions } from "../../types";
 import { parseUserInput } from "../../db/schema";
 import { generateRandomString } from "../../crypto";
 import { BASE_ERROR_CODES } from "../../error/codes";
diff --git a/packages/better-auth/src/client/config.ts b/packages/better-auth/src/client/config.ts
index 11648a28..dce07b21 100644
--- a/packages/better-auth/src/client/config.ts
+++ b/packages/better-auth/src/client/config.ts
@@ -1,4 +1,4 @@
-import { BetterFetchError, createFetch } from "@better-fetch/fetch";
+import { createFetch } from "@better-fetch/fetch";
 import { getBaseURL } from "../utils/url";
 import { type WritableAtom } from "nanostores";
 import type { AtomListener, ClientOptions } from "./types";
diff --git a/packages/better-auth/src/client/svelte/index.ts b/packages/better-auth/src/client/svelte/index.ts
index 52a85007..8f717ff5 100644
--- a/packages/better-auth/src/client/svelte/index.ts
+++ b/packages/better-auth/src/client/svelte/index.ts
@@ -6,8 +6,6 @@ import type {
 	InferActions,
 	InferClientAPI,
 	InferErrorCodes,
-	InferSessionFromClient,
-	InferUserFromClient,
 	IsSignal,
 } from "../types";
 import { createDynamicPathProxy } from "../proxy";
diff --git a/packages/better-auth/src/cookies/index.ts b/packages/better-auth/src/cookies/index.ts
index 4857ee49..f68d20bc 100644
--- a/packages/better-auth/src/cookies/index.ts
+++ b/packages/better-auth/src/cookies/index.ts
@@ -5,7 +5,7 @@ import type { GenericEndpointContext } from "../types/context";
 import type { BetterAuthOptions } from "../types/options";
 import { getDate } from "../utils/date";
 import { isProduction } from "../utils/env";
-import { base64, base64Url } from "@better-auth/utils/base64";
+import { base64Url } from "@better-auth/utils/base64";
 import { createTime } from "../utils/time";
 import { createHMAC } from "@better-auth/utils/hmac";
 
diff --git a/packages/better-auth/src/db/field.ts b/packages/better-auth/src/db/field.ts
index b5cadbc1..c1be04c3 100644
--- a/packages/better-auth/src/db/field.ts
+++ b/packages/better-auth/src/db/field.ts
@@ -1,5 +1,5 @@
 import type { ZodSchema } from "zod";
-import type { BetterAuthOptions, LiteralNumber, LiteralString } from "../types";
+import type { BetterAuthOptions, LiteralString } from "../types";
 
 export type FieldType =
 	| "string"
diff --git a/packages/better-auth/src/init.test.ts b/packages/better-auth/src/init.test.ts
index 20faf19d..a3d150cd 100644
--- a/packages/better-auth/src/init.test.ts
+++ b/packages/better-auth/src/init.test.ts
@@ -1,4 +1,4 @@
-import { afterAll, describe, expect, it, vi } from "vitest";
+import { describe, expect, it, vi } from "vitest";
 import { init } from "./init";
 import Database from "better-sqlite3";
 import { betterAuth } from "./auth";
diff --git a/packages/better-auth/src/integrations/svelte-kit.ts b/packages/better-auth/src/integrations/svelte-kit.ts
index 9aff1568..aecd3aa1 100644
--- a/packages/better-auth/src/integrations/svelte-kit.ts
+++ b/packages/better-auth/src/integrations/svelte-kit.ts
@@ -1,4 +1,3 @@
-import type { Auth } from "../auth";
 import type { BetterAuthOptions } from "../types";
 
 export const toSvelteKitHandler = (auth: {
diff --git a/packages/better-auth/src/plugins/additional-fields/client.ts b/packages/better-auth/src/plugins/additional-fields/client.ts
index c0fc6247..f3ac889a 100644
--- a/packages/better-auth/src/plugins/additional-fields/client.ts
+++ b/packages/better-auth/src/plugins/additional-fields/client.ts
@@ -1,4 +1,3 @@
-import type { NeverToUnknown } from "@prisma/client/runtime/library";
 import type { FieldAttribute } from "../../db";
 import type { BetterAuthClientPlugin, BetterAuthOptions } from "../../types";
 import type { BetterAuthPlugin } from "../../types";
diff --git a/packages/better-auth/src/plugins/admin/index.ts b/packages/better-auth/src/plugins/admin/index.ts
index 42f98086..99d241e7 100644
--- a/packages/better-auth/src/plugins/admin/index.ts
+++ b/packages/better-auth/src/plugins/admin/index.ts
@@ -4,7 +4,6 @@ import {
 	createAuthEndpoint,
 	createAuthMiddleware,
 	getSessionFromCtx,
-	sessionMiddleware,
 } from "../../api";
 import {
 	type BetterAuthPlugin,
diff --git a/packages/better-auth/src/plugins/custom-session/index.ts b/packages/better-auth/src/plugins/custom-session/index.ts
index 1bcf91c4..9ee85133 100644
--- a/packages/better-auth/src/plugins/custom-session/index.ts
+++ b/packages/better-auth/src/plugins/custom-session/index.ts
@@ -5,8 +5,6 @@ import type {
 	BetterAuthPlugin,
 	InferSession,
 	InferUser,
-	Session,
-	User,
 } from "../../types";
 
 export const customSession = <
diff --git a/packages/better-auth/src/plugins/oidc-provider/authorize.ts b/packages/better-auth/src/plugins/oidc-provider/authorize.ts
index 458ca74f..a3ecd32c 100644
--- a/packages/better-auth/src/plugins/oidc-provider/authorize.ts
+++ b/packages/better-auth/src/plugins/oidc-provider/authorize.ts
@@ -2,7 +2,6 @@ import { APIError } from "better-call";
 import type { GenericEndpointContext } from "../../types";
 import { getSessionFromCtx } from "../../api";
 import type { AuthorizationQuery, Client, OIDCOptions } from "./types";
-import { schema } from "./schema";
 import { generateRandomString } from "../../crypto";
 
 function redirectErrorURL(url: string, error: string, description: string) {
diff --git a/packages/better-auth/src/plugins/oidc-provider/index.ts b/packages/better-auth/src/plugins/oidc-provider/index.ts
index 23260310..eaf9083a 100644
--- a/packages/better-auth/src/plugins/oidc-provider/index.ts
+++ b/packages/better-auth/src/plugins/oidc-provider/index.ts
@@ -1,4 +1,4 @@
-import { base64url, SignJWT } from "jose";
+import { SignJWT } from "jose";
 import { z } from "zod";
 import {
 	APIError,
diff --git a/packages/better-auth/src/plugins/two-factor/verify-middleware.ts b/packages/better-auth/src/plugins/two-factor/verify-middleware.ts
index 9e1bb784..398cde3c 100644
--- a/packages/better-auth/src/plugins/two-factor/verify-middleware.ts
+++ b/packages/better-auth/src/plugins/two-factor/verify-middleware.ts
@@ -6,7 +6,6 @@ import { z } from "zod";
 import { getSessionFromCtx } from "../../api";
 import type { UserWithTwoFactor } from "./types";
 import { createHMAC } from "@better-auth/utils/hmac";
-import { base64 } from "@better-auth/utils/base64";
 
 export const verifyTwoFactorMiddleware = createAuthMiddleware(
 	{
diff --git a/packages/better-auth/src/social-providers/reddit.ts b/packages/better-auth/src/social-providers/reddit.ts
index fb690f97..a45dc96a 100644
--- a/packages/better-auth/src/social-providers/reddit.ts
+++ b/packages/better-auth/src/social-providers/reddit.ts
@@ -1,10 +1,6 @@
 import { betterFetch } from "@better-fetch/fetch";
 import type { OAuthProvider, ProviderOptions } from "../oauth2";
-import {
-	createAuthorizationURL,
-	getOAuth2Tokens,
-	validateAuthorizationCode,
-} from "../oauth2";
+import { createAuthorizationURL, getOAuth2Tokens } from "../oauth2";
 
 export interface RedditProfile {
 	id: string;
diff --git a/packages/better-auth/src/types/options.ts b/packages/better-auth/src/types/options.ts
index f7cd78e8..cd81991f 100644
--- a/packages/better-auth/src/types/options.ts
+++ b/packages/better-auth/src/types/options.ts
@@ -6,7 +6,7 @@ import type {
 	HookBeforeHandler,
 } from "./plugins";
 import type { SocialProviderList, SocialProviders } from "../social-providers";
-import type { AdapterInstance, SecondaryStorage, Where } from "./adapter";
+import type { AdapterInstance, SecondaryStorage } from "./adapter";
 import type { KyselyDatabaseType } from "../adapters/kysely-adapter/types";
 import type { FieldAttribute } from "../db";
 import type { Models, RateLimit } from "./models";
diff --git a/packages/better-auth/tsup.config.ts b/packages/better-auth/tsup.config.ts
index a6f53929..dfa9b124 100644
--- a/packages/better-auth/tsup.config.ts
+++ b/packages/better-auth/tsup.config.ts
@@ -1,4 +1,3 @@
-import * as fs from "fs";
 import { defineConfig } from "tsup";
 
 export default defineConfig((env) => {
diff --git a/packages/cli/src/commands/migrate.ts b/packages/cli/src/commands/migrate.ts
index 87933ae0..31dd1ab4 100644
--- a/packages/cli/src/commands/migrate.ts
+++ b/packages/cli/src/commands/migrate.ts
@@ -8,7 +8,6 @@ import prompts from "prompts";
 import { logger } from "better-auth";
 import { getAdapter, getMigrations } from "better-auth/db";
 import { getConfig } from "../utils/get-config";
-import { exec } from "tinyexec";
 
 export async function migrateAction(opts: any) {
 	const options = z
diff --git a/packages/cli/src/utils/get-config.ts b/packages/cli/src/utils/get-config.ts
index 207a480e..78869f50 100644
--- a/packages/cli/src/utils/get-config.ts
+++ b/packages/cli/src/utils/get-config.ts
@@ -9,7 +9,6 @@ import babelPresetReact from "@babel/preset-react";
 import fs from "fs";
 import { BetterAuthError } from "better-auth";
 import { addSvelteKitEnvModules } from "./add-svelte-kit-env-modules";
-import D from "path";
 
 let possiblePaths = ["auth.ts", "auth.tsx"];