diff --git a/apps/docs/__registry__/index.tsx b/apps/docs/__registry__/index.tsx
index 6bb0856..a2defa3 100644
--- a/apps/docs/__registry__/index.tsx
+++ b/apps/docs/__registry__/index.tsx
@@ -1,676 +1,20 @@
 // @ts-nocheck
 // This file is autogenerated by scripts/build-registry.ts
 // Do not edit this file directly.
-import * as React from "react";
+import * as React from "react"
 
 export const Index: Record<string, any> = {
-  default: {
-    button: {
-      name: "button",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/button.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(() => import("@/registry/default/ui/button.tsx")),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    dialog: {
-      name: "dialog",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/dialog.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(() => import("@/registry/default/ui/dialog.tsx")),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    input: {
-      name: "input",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/input.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(() => import("@/registry/default/ui/input.tsx")),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    kbd: {
-      name: "kbd",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/kbd.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(() => import("@/registry/default/ui/kbd.tsx")),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    "number-input": {
-      name: "number-input",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/number-input.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(
-        () => import("@/registry/default/ui/number-input.tsx")
-      ),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    "dropdown-menu": {
-      name: "dropdown-menu",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/dropdown-menu.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(
-        () => import("@/registry/default/ui/dropdown-menu.tsx")
-      ),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    accordion: {
-      name: "accordion",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/accordion.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(
-        () => import("@/registry/default/ui/accordion.tsx")
-      ),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    checkbox: {
-      name: "checkbox",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/checkbox.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(() => import("@/registry/default/ui/checkbox.tsx")),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    tabs: {
-      name: "tabs",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/tabs.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(() => import("@/registry/default/ui/tabs.tsx")),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    avatar: {
-      name: "avatar",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/avatar.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(() => import("@/registry/default/ui/avatar.tsx")),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    tooltip: {
-      name: "tooltip",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/tooltip.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(() => import("@/registry/default/ui/tooltip.tsx")),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    select: {
-      name: "select",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/select.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(() => import("@/registry/default/ui/select.tsx")),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    toggle: {
-      name: "toggle",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/toggle.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(() => import("@/registry/default/ui/toggle.tsx")),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    popover: {
-      name: "popover",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/popover.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(() => import("@/registry/default/ui/popover.tsx")),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    separator: {
-      name: "separator",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/separator.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(
-        () => import("@/registry/default/ui/separator.tsx")
-      ),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    toolbar: {
-      name: "toolbar",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/toolbar.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(() => import("@/registry/default/ui/toolbar.tsx")),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    "alert-dialog": {
-      name: "alert-dialog",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/alert-dialog.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(
-        () => import("@/registry/default/ui/alert-dialog.tsx")
-      ),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    "checkbox-group": {
-      name: "checkbox-group",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/checkbox-group.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(
-        () => import("@/registry/default/ui/checkbox-group.tsx")
-      ),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    "preview-card": {
-      name: "preview-card",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/preview-card.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(
-        () => import("@/registry/default/ui/preview-card.tsx")
-      ),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    progress: {
-      name: "progress",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/progress.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(() => import("@/registry/default/ui/progress.tsx")),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    "radio-group": {
-      name: "radio-group",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/radio-group.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(
-        () => import("@/registry/default/ui/radio-group.tsx")
-      ),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    collapsible: {
-      name: "collapsible",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/collapsible.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(
-        () => import("@/registry/default/ui/collapsible.tsx")
-      ),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    "scroll-area": {
-      name: "scroll-area",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/scroll-area.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(
-        () => import("@/registry/default/ui/scroll-area.tsx")
-      ),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    slider: {
-      name: "slider",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/slider.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(() => import("@/registry/default/ui/slider.tsx")),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    label: {
-      name: "label",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/label.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(() => import("@/registry/default/ui/label.tsx")),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    switch: {
-      name: "switch",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/switch.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(() => import("@/registry/default/ui/switch.tsx")),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    "toggle-group": {
-      name: "toggle-group",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/toggle-group.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-        {
-          path: "registry/default/ui/toggle.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(
-        () => import("@/registry/default/ui/toggle-group.tsx")
-      ),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    card: {
-      name: "card",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/card.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(() => import("@/registry/default/ui/card.tsx")),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    badge: {
-      name: "badge",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/badge.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(() => import("@/registry/default/ui/badge.tsx")),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    skeleton: {
-      name: "skeleton",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/skeleton.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(() => import("@/registry/default/ui/skeleton.tsx")),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    meter: {
-      name: "meter",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/meter.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(() => import("@/registry/default/ui/meter.tsx")),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    toast: {
-      name: "toast",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: ["https://clippkit.com/r/button"],
-      files: [
-        {
-          path: "registry/default/ui/toast.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(() => import("@/registry/default/ui/toast.tsx")),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    textarea: {
-      name: "textarea",
-      description: "",
-      type: "registry:ui",
-      registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/ui/textarea.tsx",
-          type: "registry:ui",
-          target: "",
-        },
-      ],
-      component: React.lazy(() => import("@/registry/default/ui/textarea.tsx")),
-      source: "",
-      category: "",
-      subcategory: "",
-      meta: undefined,
-      chunks: []
-    },
-    utils: {
+  "default": {
+    "utils": {
       name: "utils",
       description: "",
       type: "registry:lib",
       registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/lib/utils.ts",
-          type: "registry:lib",
-          target: "",
-        },
-      ],
+      files: [{
+        path: "registry/default/lib/utils.ts",
+        type: "registry:lib",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/lib/utils.ts")),
       source: "",
       category: "",
@@ -683,16 +27,12 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/examples/sliding-text-demo.tsx",
-          type: "registry:example",
-          target: "",
-        },
-      ],
-      component: React.lazy(
-        () => import("@/registry/default/examples/sliding-text-demo.tsx")
-      ),
+      files: [{
+        path: "registry/default/examples/sliding-text-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
+      component: React.lazy(() => import("@/registry/default/examples/sliding-text-demo.tsx")),
       source: "",
       category: "",
       subcategory: "",
@@ -704,16 +44,12 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/examples/popping-text-demo.tsx",
-          type: "registry:example",
-          target: "",
-        },
-      ],
-      component: React.lazy(
-        () => import("@/registry/default/examples/popping-text-demo.tsx")
-      ),
+      files: [{
+        path: "registry/default/examples/popping-text-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
+      component: React.lazy(() => import("@/registry/default/examples/popping-text-demo.tsx")),
       source: "",
       category: "",
       subcategory: "",
@@ -725,16 +61,12 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/examples/glitch-text-demo.tsx",
-          type: "registry:example",
-          target: "",
-        },
-      ],
-      component: React.lazy(
-        () => import("@/registry/default/examples/glitch-text-demo.tsx")
-      ),
+      files: [{
+        path: "registry/default/examples/glitch-text-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
+      component: React.lazy(() => import("@/registry/default/examples/glitch-text-demo.tsx")),
       source: "",
       category: "",
       subcategory: "",
@@ -746,16 +78,12 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/examples/typing-text-demo.tsx",
-          type: "registry:example",
-          target: "",
-        },
-      ],
-      component: React.lazy(
-        () => import("@/registry/default/examples/typing-text-demo.tsx")
-      ),
+      files: [{
+        path: "registry/default/examples/typing-text-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
+      component: React.lazy(() => import("@/registry/default/examples/typing-text-demo.tsx")),
       source: "",
       category: "",
       subcategory: "",
@@ -767,16 +95,12 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/examples/card-flip-demo.tsx",
-          type: "registry:example",
-          target: "",
-        },
-      ],
-      component: React.lazy(
-        () => import("@/registry/default/examples/card-flip-demo.tsx")
-      ),
+      files: [{
+        path: "registry/default/examples/card-flip-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
+      component: React.lazy(() => import("@/registry/default/examples/card-flip-demo.tsx")),
       source: "",
       category: "",
       subcategory: "",
@@ -788,16 +112,12 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/examples/floating-card-demo.tsx",
-          type: "registry:example",
-          target: "",
-        },
-      ],
-      component: React.lazy(
-        () => import("@/registry/default/examples/floating-card-demo.tsx")
-      ),
+      files: [{
+        path: "registry/default/examples/floating-card-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
+      component: React.lazy(() => import("@/registry/default/examples/floating-card-demo.tsx")),
       source: "",
       category: "",
       subcategory: "",
@@ -809,16 +129,12 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/examples/toast-card-demo.tsx",
-          type: "registry:example",
-          target: "",
-        },
-      ],
-      component: React.lazy(
-        () => import("@/registry/default/examples/toast-card-demo.tsx")
-      ),
+      files: [{
+        path: "registry/default/examples/toast-card-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
+      component: React.lazy(() => import("@/registry/default/examples/toast-card-demo.tsx")),
       source: "",
       category: "",
       subcategory: "",
@@ -830,16 +146,12 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/examples/linear-waveform-demo.tsx",
-          type: "registry:example",
-          target: "",
-        },
-      ],
-      component: React.lazy(
-        () => import("@/registry/default/examples/linear-waveform-demo.tsx")
-      ),
+      files: [{
+        path: "registry/default/examples/linear-waveform-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
+      component: React.lazy(() => import("@/registry/default/examples/linear-waveform-demo.tsx")),
       source: "",
       category: "",
       subcategory: "",
@@ -851,16 +163,12 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/examples/bar-waveform-demo.tsx",
-          type: "registry:example",
-          target: "",
-        },
-      ],
-      component: React.lazy(
-        () => import("@/registry/default/examples/bar-waveform-demo.tsx")
-      ),
+      files: [{
+        path: "registry/default/examples/bar-waveform-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
+      component: React.lazy(() => import("@/registry/default/examples/bar-waveform-demo.tsx")),
       source: "",
       category: "",
       subcategory: "",
@@ -872,16 +180,12 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/examples/bar-loader-demo.tsx",
-          type: "registry:example",
-          target: "",
-        },
-      ],
-      component: React.lazy(
-        () => import("@/registry/default/examples/bar-loader-demo.tsx")
-      ),
+      files: [{
+        path: "registry/default/examples/bar-loader-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
+      component: React.lazy(() => import("@/registry/default/examples/bar-loader-demo.tsx")),
       source: "",
       category: "",
       subcategory: "",
@@ -893,16 +197,12 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/examples/circular-loader-demo.tsx",
-          type: "registry:example",
-          target: "",
-        },
-      ],
-      component: React.lazy(
-        () => import("@/registry/default/examples/circular-loader-demo.tsx")
-      ),
+      files: [{
+        path: "registry/default/examples/circular-loader-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
+      component: React.lazy(() => import("@/registry/default/examples/circular-loader-demo.tsx")),
       source: "",
       category: "",
       subcategory: "",
@@ -914,16 +214,12 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/examples/circular-waveform-demo.tsx",
-          type: "registry:example",
-          target: "",
-        },
-      ],
-      component: React.lazy(
-        () => import("@/registry/default/examples/circular-waveform-demo.tsx")
-      ),
+      files: [{
+        path: "registry/default/examples/circular-waveform-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
+      component: React.lazy(() => import("@/registry/default/examples/circular-waveform-demo.tsx")),
       source: "",
       category: "",
       subcategory: "",
@@ -935,16 +231,12 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: [
-        {
-          path: "registry/default/examples/screen-loader-demo.tsx",
-          type: "registry:example",
-          target: "",
-        },
-      ],
-      component: React.lazy(
-        () => import("@/registry/default/examples/screen-loader-demo.tsx")
-      ),
+      files: [{
+        path: "registry/default/examples/screen-loader-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
+      component: React.lazy(() => import("@/registry/default/examples/screen-loader-demo.tsx")),
       source: "",
       category: "",
       subcategory: "",
@@ -1446,4 +738,4 @@ export const Index: Record<string, any> = {
       chunks: []
     },
   },
-};
+}
diff --git a/apps/docs/components/code-block-wrapper.tsx b/apps/docs/components/code-block-wrapper.tsx
index 4b3d1bf..623ddfa 100644
--- a/apps/docs/components/code-block-wrapper.tsx
+++ b/apps/docs/components/code-block-wrapper.tsx
@@ -11,7 +11,8 @@ import {
   CollapsibleContent,
   CollapsibleTrigger,
 } from "@/components/ui/collapsible";
-import { Button } from "@/registry/default/ui/button";
+
+import { Button } from "./ui/button";
 
 interface CodeBlockProps
   extends React.ComponentPropsWithoutRef<typeof Collapsible> {
diff --git a/apps/docs/components/component-dialog-code.tsx b/apps/docs/components/component-dialog-code.tsx
deleted file mode 100644
index 2275bdb..0000000
--- a/apps/docs/components/component-dialog-code.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Code } from "lucide-react";
-
-import { Button } from "@/registry/default/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "@/registry/default/ui/dialog";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/registry/default/ui/tooltip";
-
-interface ComponentDialogCodeProps
-  extends React.ComponentPropsWithoutRef<"div"> {
-  description: string;
-}
-
-export function ComponentDialogCode({
-  children,
-  description,
-  ...props
-}: ComponentDialogCodeProps) {
-  return (
-    <div className="flex items-center justify-between" {...props}>
-      <p className="!m-0 text-sm leading-none font-semibold tracking-tight">
-        {description}
-      </p>
-      <Dialog>
-        <Tooltip delay={0}>
-          <TooltipTrigger
-            render={
-              <DialogTrigger
-                render={
-                  <Button variant="outline" size="sm">
-                    Code
-                    <Code />
-                  </Button>
-                }
-              />
-            }
-          />
-          <TooltipContent>
-            <p>View code</p>
-          </TooltipContent>
-        </Tooltip>
-        <DialogContent className="max-h-[95vh] min-w-xl gap-0 overflow-y-auto [&_code]:first:!text-[10px] [&_p]:mb-4 [&_p]:text-lg [&_p]:leading-none [&_p]:font-semibold">
-          <DialogHeader>
-            <DialogTitle>Installation</DialogTitle>
-          </DialogHeader>
-          {children}
-        </DialogContent>
-      </Dialog>
-    </div>
-  );
-}
diff --git a/apps/docs/components/dynamic-link.tsx b/apps/docs/components/dynamic-link.tsx
index caafd7f..a71b3aa 100644
--- a/apps/docs/components/dynamic-link.tsx
+++ b/apps/docs/components/dynamic-link.tsx
@@ -2,7 +2,7 @@ import Link from "next/link";
 import { ArrowRight, ExternalLink } from "lucide-react";
 
 import { cn, getIsExternalLink } from "@/lib/utils";
-import { buttonVariants } from "@/registry/default/ui/button";
+import { buttonVariants } from "./ui/button";
 
 interface DynamicLinkProps
   extends React.ComponentPropsWithoutRef<typeof Link> {}
diff --git a/apps/docs/components/mdx-components.tsx b/apps/docs/components/mdx-components.tsx
index 8723ec5..407a62a 100644
--- a/apps/docs/components/mdx-components.tsx
+++ b/apps/docs/components/mdx-components.tsx
@@ -14,7 +14,6 @@ import { cn } from "@/lib/utils";
 import { Table, TableCell, TableHead, TableRow } from "@/components/ui/table";
 import { ComponentCode } from "@/components/component-code";
 import { ComponentCollectionWrapper } from "@/components/component-collection-wrapper";
-import { ComponentDialogCode } from "@/components/component-dialog-code";
 import { ComponentFileExplorer } from "@/components/component-file-explorer";
 import { ComponentPreview } from "@/components/component-preview";
 import { ComponentSource } from "@/components/component-source";
@@ -70,7 +69,6 @@ export function useMdxComponents(
     kbd: (props) => <Kbd variant="outline" {...props} />,
     ComponentTabs,
     ComponentSource,
-    ComponentDialogCode,
     ComponentPreview,
     ComponentCollectionWrapper,
     Steps,
diff --git a/apps/docs/components/providers.tsx b/apps/docs/components/providers.tsx
index f78dea4..5f1e1cd 100644
--- a/apps/docs/components/providers.tsx
+++ b/apps/docs/components/providers.tsx
@@ -7,7 +7,6 @@ import { ThemeProvider as NextThemesProvider } from "next-themes";
 import type { ThemeProviderProps as NextThemesProviderProps } from "next-themes";
 
 import { TooltipProvider } from "@/components/ui/tooltip";
-import { ToastProvider } from "@/registry/default/ui/toast";
 
 const store = createStore();
 
@@ -30,13 +29,11 @@ export function Providers({
 }: ProvidersProps) {
   return (
     <NextThemesProvider {...theme}>
-      <ToastProvider richColors>
-        <RootProvider {...rootProviderProps}>
-          <JotaiProvider store={store}>
-            <TooltipProvider>{children}</TooltipProvider>
-          </JotaiProvider>
-        </RootProvider>
-      </ToastProvider>
+      <RootProvider {...rootProviderProps}>
+        <JotaiProvider store={store}>
+          <TooltipProvider>{children}</TooltipProvider>
+        </JotaiProvider>
+      </RootProvider>
     </NextThemesProvider>
   );
 }
diff --git a/apps/docs/package.json b/apps/docs/package.json
index 87095f3..c7e31d9 100644
--- a/apps/docs/package.json
+++ b/apps/docs/package.json
@@ -13,7 +13,6 @@
     "sitemap": "next-sitemap --config next-sitemap.config.cjs"
   },
   "dependencies": {
-    "@base-ui-components/react": "1.0.0-alpha.8",
     "@radix-ui/react-collapsible": "^1.1.3",
     "@radix-ui/react-dialog": "^1.1.14",
     "@radix-ui/react-label": "^2.1.2",
diff --git a/apps/docs/public/r/index.json b/apps/docs/public/r/index.json
index 6fea08d..0637a08 100644
--- a/apps/docs/public/r/index.json
+++ b/apps/docs/public/r/index.json
@@ -1,442 +1 @@
-[
-  {
-    "name": "button",
-    "type": "registry:ui",
-    "files": [
-      {
-        "path": "ui/button.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "dialog",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react",
-      "lucide-react"
-    ],
-    "files": [
-      {
-        "path": "ui/dialog.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "input",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react"
-    ],
-    "files": [
-      {
-        "path": "ui/input.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "kbd",
-    "type": "registry:ui",
-    "files": [
-      {
-        "path": "ui/kbd.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "number-input",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react"
-    ],
-    "files": [
-      {
-        "path": "ui/number-input.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "dropdown-menu",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react"
-    ],
-    "files": [
-      {
-        "path": "ui/dropdown-menu.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "accordion",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react"
-    ],
-    "files": [
-      {
-        "path": "ui/accordion.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "checkbox",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react"
-    ],
-    "files": [
-      {
-        "path": "ui/checkbox.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "tabs",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react"
-    ],
-    "files": [
-      {
-        "path": "ui/tabs.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "avatar",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react"
-    ],
-    "files": [
-      {
-        "path": "ui/avatar.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "tooltip",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react"
-    ],
-    "files": [
-      {
-        "path": "ui/tooltip.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "select",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react"
-    ],
-    "files": [
-      {
-        "path": "ui/select.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "toggle",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react"
-    ],
-    "files": [
-      {
-        "path": "ui/toggle.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "popover",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react"
-    ],
-    "files": [
-      {
-        "path": "ui/popover.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "separator",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react"
-    ],
-    "files": [
-      {
-        "path": "ui/separator.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "toolbar",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react"
-    ],
-    "files": [
-      {
-        "path": "ui/toolbar.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "alert-dialog",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react"
-    ],
-    "files": [
-      {
-        "path": "ui/alert-dialog.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "checkbox-group",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react"
-    ],
-    "files": [
-      {
-        "path": "ui/checkbox-group.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "preview-card",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react"
-    ],
-    "files": [
-      {
-        "path": "ui/preview-card.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "progress",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react"
-    ],
-    "files": [
-      {
-        "path": "ui/progress.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "radio-group",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react"
-    ],
-    "files": [
-      {
-        "path": "ui/radio-group.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "collapsible",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react"
-    ],
-    "files": [
-      {
-        "path": "ui/collapsible.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "scroll-area",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react"
-    ],
-    "files": [
-      {
-        "path": "ui/scroll-area.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "slider",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react"
-    ],
-    "files": [
-      {
-        "path": "ui/slider.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "label",
-    "type": "registry:ui",
-    "files": [
-      {
-        "path": "ui/label.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "switch",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react"
-    ],
-    "files": [
-      {
-        "path": "ui/switch.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "toggle-group",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react"
-    ],
-    "files": [
-      {
-        "path": "ui/toggle-group.tsx",
-        "type": "registry:ui"
-      },
-      {
-        "path": "ui/toggle.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "card",
-    "type": "registry:ui",
-    "files": [
-      {
-        "path": "ui/card.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "badge",
-    "type": "registry:ui",
-    "files": [
-      {
-        "path": "ui/badge.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "skeleton",
-    "type": "registry:ui",
-    "files": [
-      {
-        "path": "ui/skeleton.tsx",
-        "type": "registry:ui"
-      }
-    ],
-    "cssVars": {
-      "theme": {
-        "--animate-skeleton-shimmer": "shimmer 3s infinite ease-out",
-        "--animate-skeleton-gradient": "skeleton-gradient 3s infinite ease-out"
-      }
-    },
-    "css": {
-      "@keyframes skeleton-shimmer": {
-        "0%": {
-          "transform": "translateX(-100%);"
-        },
-        "100%": {
-          "transform": "translateX(200%);"
-        }
-      },
-      "@keyframes skeleton-gradient": {
-        "0%, 100%": {
-          "background-position": "0% 50%"
-        },
-        "100%": {
-          "background-position": "100% 50%"
-        }
-      }
-    }
-  },
-  {
-    "name": "meter",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react"
-    ],
-    "files": [
-      {
-        "path": "ui/meter.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "toast",
-    "type": "registry:ui",
-    "dependencies": [
-      "@base-ui-components/react"
-    ],
-    "registryDependencies": [
-      "https://clippkit.com/r/button"
-    ],
-    "files": [
-      {
-        "path": "ui/toast.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  },
-  {
-    "name": "textarea",
-    "type": "registry:ui",
-    "files": [
-      {
-        "path": "ui/textarea.tsx",
-        "type": "registry:ui"
-      }
-    ]
-  }
-]
\ No newline at end of file
+[]
\ No newline at end of file
diff --git a/apps/docs/public/sitemap-0.xml b/apps/docs/public/sitemap-0.xml
index 6aa29f4..8978418 100644
--- a/apps/docs/public/sitemap-0.xml
+++ b/apps/docs/public/sitemap-0.xml
@@ -1,45 +1,45 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
-<url><loc>https://www.clippkit.com</loc><lastmod>2025-07-07T08:19:51.629Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/docs/ui</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/docs/ui/audio-waveforms/bar-waveform</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/docs/ui/audio-waveforms/circular-waveform</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/docs/ui/audio-waveforms/linear-waveform</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/docs/ui/card-elements/card-flip</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/docs/ui/card-elements/floating-card</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/docs/ui/card-elements/toast-card</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/docs/ui/installation</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/docs/ui/loaders/bar-loader</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/docs/ui/loaders/circular-loader</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/docs/ui/loaders/screen-loader</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/docs/ui/text-elements/glitch-text</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/docs/ui/text-elements/popping-text</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/docs/ui/text-elements/sliding-text</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/docs/ui/text-elements/typing-text</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/view/u-bar-loader</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/view/u-bar-waveform</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/view/u-card-flip</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/view/u-circular-loader</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/view/u-circular-waveform</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/view/u-floating-card</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/view/u-glitch-text</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/view/u-linear-waveform</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/view/u-popping-text</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/view/u-screen-loader</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/view/u-sliding-text</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/view/u-toast-card</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/view/u-typing-text</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/usage/u-bar-loader</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/usage/u-bar-waveform</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/usage/u-card-flip</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/usage/u-circular-loader</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/usage/u-circular-waveform</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/usage/u-floating-card</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/usage/u-glitch-text</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/usage/u-linear-waveform</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/usage/u-popping-text</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/usage/u-screen-loader</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/usage/u-sliding-text</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/usage/u-toast-card</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://www.clippkit.com/usage/u-typing-text</loc><lastmod>2025-07-07T08:19:51.645Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com</loc><lastmod>2025-07-08T05:13:48.510Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/docs/ui</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/docs/ui/audio-waveforms/bar-waveform</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/docs/ui/audio-waveforms/circular-waveform</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/docs/ui/audio-waveforms/linear-waveform</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/docs/ui/card-elements/card-flip</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/docs/ui/card-elements/floating-card</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/docs/ui/card-elements/toast-card</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/docs/ui/installation</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/docs/ui/loaders/bar-loader</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/docs/ui/loaders/circular-loader</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/docs/ui/loaders/screen-loader</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/docs/ui/text-elements/glitch-text</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/docs/ui/text-elements/popping-text</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/docs/ui/text-elements/sliding-text</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/docs/ui/text-elements/typing-text</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/view/u-bar-loader</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/view/u-bar-waveform</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/view/u-card-flip</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/view/u-circular-loader</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/view/u-circular-waveform</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/view/u-floating-card</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/view/u-glitch-text</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/view/u-linear-waveform</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/view/u-popping-text</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/view/u-screen-loader</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/view/u-sliding-text</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/view/u-toast-card</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/view/u-typing-text</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/usage/u-bar-loader</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/usage/u-bar-waveform</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/usage/u-card-flip</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/usage/u-circular-loader</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/usage/u-circular-waveform</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/usage/u-floating-card</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/usage/u-glitch-text</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/usage/u-linear-waveform</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/usage/u-popping-text</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/usage/u-screen-loader</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/usage/u-sliding-text</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/usage/u-toast-card</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://www.clippkit.com/usage/u-typing-text</loc><lastmod>2025-07-08T05:13:48.586Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
 </urlset>
\ No newline at end of file
diff --git a/apps/docs/registry/default/ui/accordion-two.tsx b/apps/docs/registry/default/ui/accordion-two.tsx
deleted file mode 100644
index aa15045..0000000
--- a/apps/docs/registry/default/ui/accordion-two.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Accordion as AccordionPrimitive } from "@base-ui-components/react/accordion";
-import { ChevronDown } from "lucide-react";
-
-import { cn } from "@/lib/utils";
-
-function AccordionTwo({
-  openMultiple = false,
-  className,
-  ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Root>) {
-  return (
-    <AccordionPrimitive.Root
-      data-slot="accordion"
-      openMultiple={openMultiple}
-      className={cn("flex w-full max-w-lg flex-col justify-center", className)}
-      {...props}
-    />
-  );
-}
-
-function AccordionItem({
-  className,
-  ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Item>) {
-  return (
-    <AccordionPrimitive.Item
-      data-slot="accordion-item"
-      className={cn(
-        "border-b last:border-b-0 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function AccordionTrigger({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {
-  return (
-    <AccordionPrimitive.Header data-slot="accordion-header">
-      <AccordionPrimitive.Trigger
-        data-slot="accordion-trigger"
-        className={cn(
-          "focus-visible:border-ring focus-visible:ring-ring/50 flex w-full cursor-pointer items-center rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-panel-open]>svg]:rotate-180",
-          className
-        )}
-        {...props}
-      >
-        {children}
-        <ChevronDown className="text-muted-foreground ml-auto size-4 shrink-0 transition-transform duration-300 ease-out" />
-      </AccordionPrimitive.Trigger>
-    </AccordionPrimitive.Header>
-  );
-}
-
-function AccordionContent({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Panel>) {
-  return (
-    <AccordionPrimitive.Panel
-      data-slot="accordion-content"
-      className="h-[var(--accordion-panel-height)] overflow-hidden text-left text-sm transition-[height] duration-300 ease-out data-[ending-style]:h-0 data-[starting-style]:h-0"
-      {...props}
-    >
-      <div className={cn("pt-0 pb-4", className)}>{children}</div>
-    </AccordionPrimitive.Panel>
-  );
-}
-
-export { AccordionTwo, AccordionItem, AccordionTrigger, AccordionContent };
diff --git a/apps/docs/registry/default/ui/accordion.tsx b/apps/docs/registry/default/ui/accordion.tsx
deleted file mode 100644
index 65cd5a9..0000000
--- a/apps/docs/registry/default/ui/accordion.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Accordion as AccordionPrimitive } from "@base-ui-components/react/accordion";
-import { ChevronDown } from "lucide-react";
-
-import { cn } from "@/lib/utils";
-
-function Accordion({
-  openMultiple = false,
-  className,
-  ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Root>) {
-  return (
-    <AccordionPrimitive.Root
-      data-slot="accordion"
-      openMultiple={openMultiple}
-      className={cn("flex w-full max-w-lg flex-col justify-center", className)}
-      {...props}
-    />
-  );
-}
-
-function AccordionItem({
-  className,
-  ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Item>) {
-  return (
-    <AccordionPrimitive.Item
-      data-slot="accordion-item"
-      className={cn(
-        "border-b last:border-b-0 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function AccordionTrigger({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {
-  return (
-    <AccordionPrimitive.Header data-slot="accordion-header">
-      <AccordionPrimitive.Trigger
-        data-slot="accordion-trigger"
-        className={cn(
-          "focus-visible:border-ring focus-visible:ring-ring/50 flex w-full cursor-pointer items-center rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-panel-open]>svg]:rotate-180",
-          className
-        )}
-        {...props}
-      >
-        {children}
-        <ChevronDown className="text-muted-foreground ml-auto size-4 shrink-0 transition-transform duration-300 ease-out" />
-      </AccordionPrimitive.Trigger>
-    </AccordionPrimitive.Header>
-  );
-}
-
-function AccordionContent({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Panel>) {
-  return (
-    <AccordionPrimitive.Panel
-      data-slot="accordion-content"
-      className="h-[var(--accordion-panel-height)] overflow-hidden text-left text-sm transition-[height] duration-300 ease-out data-[ending-style]:h-0 data-[starting-style]:h-0"
-      {...props}
-    >
-      <div className={cn("pt-0 pb-4", className)}>{children}</div>
-    </AccordionPrimitive.Panel>
-  );
-}
-
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
diff --git a/apps/docs/registry/default/ui/alert-dialog.tsx b/apps/docs/registry/default/ui/alert-dialog.tsx
deleted file mode 100644
index 1c79beb..0000000
--- a/apps/docs/registry/default/ui/alert-dialog.tsx
+++ /dev/null
@@ -1,150 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { AlertDialog as AlertDialogPrimitive } from "@base-ui-components/react/alert-dialog";
-
-import { cn } from "@/lib/utils";
-import { buttonVariants } from "@/registry/default/ui/button";
-
-function AlertDialog({
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {
-  return <AlertDialogPrimitive.Root data-slot="alert-dialog" {...props} />;
-}
-
-function AlertDialogTrigger({
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {
-  return (
-    <AlertDialogPrimitive.Trigger data-slot="alert-dialog-trigger" {...props} />
-  );
-}
-
-function AlertDialogPortal({
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {
-  return (
-    <AlertDialogPrimitive.Portal data-slot="alert-dialog-portal" {...props} />
-  );
-}
-
-function AlertDialogBackdrop({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Backdrop>) {
-  return (
-    <AlertDialogPrimitive.Backdrop
-      data-slot="alert-dialog-backdrop"
-      className={cn(
-        "fixed inset-0 z-50 bg-black/50 backdrop-blur-[1.5px] transition-colors duration-150 ease-out data-[ending-style]:opacity-0 data-[starting-style]:opacity-0",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function AlertDialogContent({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Popup>) {
-  return (
-    <AlertDialogPortal>
-      <AlertDialogBackdrop />
-      <AlertDialogPrimitive.Popup
-        data-slot="alert-dialog-content"
-        className={cn(
-          "bg-background fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg transition-all duration-150 ease-out outline-none sm:max-w-lg",
-          "top-[calc(50%+1rem*var(--nested-dialogs))] scale-[calc(1-0.05*var(--nested-dialogs))] data-[ending-style]:top-[50.25%] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:top-[50.25%] data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
-          "data-[nested-dialog-open]:after:absolute data-[nested-dialog-open]:after:inset-0 data-[nested-dialog-open]:after:rounded-[inherit] data-[nested-dialog-open]:after:bg-black/5 data-[nested-dialog-open]:after:backdrop-blur-[1.5px]",
-          className
-        )}
-        {...props}
-      >
-        {children}
-      </AlertDialogPrimitive.Popup>
-    </AlertDialogPortal>
-  );
-}
-
-function AlertDialogHeader({
-  className,
-  ...props
-}: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="alert-dialog-header"
-      className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
-      {...props}
-    />
-  );
-}
-
-function AlertDialogFooter({
-  className,
-  ...props
-}: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="dialog-footer"
-      className={cn(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function AlertDialogTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {
-  return (
-    <AlertDialogPrimitive.Title
-      data-slot="dialog-title"
-      className={cn("text-lg font-semibold", className)}
-      {...props}
-    />
-  );
-}
-
-function AlertDialogDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {
-  return (
-    <AlertDialogPrimitive.Description
-      data-slot="dialog-description"
-      className={cn("text-muted-foreground text-sm", className)}
-      {...props}
-    />
-  );
-}
-
-function AlertDialogClose({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Close>) {
-  return (
-    <AlertDialogPrimitive.Close
-      data-slot="alert-dialog-close"
-      className={cn(buttonVariants({ variant: "outline" }), className)}
-      {...props}
-    />
-  );
-}
-
-export {
-  AlertDialog,
-  AlertDialogTrigger,
-  AlertDialogPortal,
-  AlertDialogBackdrop,
-  AlertDialogContent,
-  AlertDialogHeader,
-  AlertDialogFooter,
-  AlertDialogTitle,
-  AlertDialogDescription,
-  AlertDialogClose,
-};
diff --git a/apps/docs/registry/default/ui/avatar.tsx b/apps/docs/registry/default/ui/avatar.tsx
deleted file mode 100644
index 06c3796..0000000
--- a/apps/docs/registry/default/ui/avatar.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Avatar as AvatarPrimitive } from "@base-ui-components/react/avatar";
-
-import { cn } from "@/lib/utils";
-
-function Avatar({
-  className,
-  ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Root>) {
-  return (
-    <AvatarPrimitive.Root
-      data-slot="avatar"
-      className={cn(
-        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function AvatarImage({
-  className,
-  ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Image>) {
-  return (
-    <AvatarPrimitive.Image
-      data-slot="avatar-image"
-      className={cn("aspect-square size-full", className)}
-      {...props}
-    />
-  );
-}
-
-function AvatarFallback({
-  className,
-  ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {
-  return (
-    <AvatarPrimitive.Fallback
-      data-slot="avatar-fallback"
-      className={cn(
-        "bg-muted flex size-full items-center justify-center rounded-full",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-export { Avatar, AvatarImage, AvatarFallback };
diff --git a/apps/docs/registry/default/ui/badge.tsx b/apps/docs/registry/default/ui/badge.tsx
deleted file mode 100644
index 0f43d34..0000000
--- a/apps/docs/registry/default/ui/badge.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import * as React from "react";
-import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "@/lib/utils";
-
-const badgeVariants = cva(
-  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden [a&]:no-underline",
-  {
-    variants: {
-      variant: {
-        default:
-          "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-        secondary:
-          "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-        destructive:
-          "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline:
-          "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  }
-);
-
-function Badge({
-  className,
-  variant,
-  ...props
-}: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants>) {
-  return (
-    <span
-      data-slot="badge"
-      className={cn(badgeVariants({ variant }), className)}
-      {...props}
-    />
-  );
-}
-
-export { Badge, badgeVariants };
diff --git a/apps/docs/registry/default/ui/button.tsx b/apps/docs/registry/default/ui/button.tsx
deleted file mode 100644
index e90bc31..0000000
--- a/apps/docs/registry/default/ui/button.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import * as React from "react";
-import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "@/lib/utils";
-
-const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-  {
-    variants: {
-      variant: {
-        default:
-          "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
-        destructive:
-          "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline:
-          "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary:
-          "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
-        ghost:
-          "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline",
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  }
-);
-export type ButtonVariants = VariantProps<typeof buttonVariants>;
-
-export interface ButtonProps
-  extends React.ComponentProps<"button">,
-    ButtonVariants {}
-
-function Button({ className, variant, size, ...props }: ButtonProps) {
-  return (
-    <button
-      data-slot="button"
-      className={cn(buttonVariants({ variant, size, className }))}
-      {...props}
-    />
-  );
-}
-
-export { Button, buttonVariants };
diff --git a/apps/docs/registry/default/ui/card.tsx b/apps/docs/registry/default/ui/card.tsx
deleted file mode 100644
index e9d7e46..0000000
--- a/apps/docs/registry/default/ui/card.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import * as React from "react";
-
-import { cn } from "@/lib/utils";
-
-function Card({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card"
-      className={cn(
-        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-header"
-      className={cn(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-title"
-      className={cn("leading-none font-semibold", className)}
-      {...props}
-    />
-  );
-}
-
-function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-description"
-      className={cn("text-muted-foreground text-sm", className)}
-      {...props}
-    />
-  );
-}
-
-function CardAction({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-action"
-      className={cn(
-        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function CardContent({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-content"
-      className={cn("px-6", className)}
-      {...props}
-    />
-  );
-}
-
-function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="card-footer"
-      className={cn("flex items-center px-6 [.border-t]:pt-6", className)}
-      {...props}
-    />
-  );
-}
-
-export {
-  Card,
-  CardHeader,
-  CardFooter,
-  CardTitle,
-  CardAction,
-  CardDescription,
-  CardContent,
-};
diff --git a/apps/docs/registry/default/ui/checkbox-group.tsx b/apps/docs/registry/default/ui/checkbox-group.tsx
deleted file mode 100644
index 71a1473..0000000
--- a/apps/docs/registry/default/ui/checkbox-group.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { CheckboxGroup as CheckboxGroupPrimitive } from "@base-ui-components/react/checkbox-group";
-
-import { cn } from "@/lib/utils";
-
-function CheckboxGroup({
-  className,
-  ...props
-}: React.ComponentProps<typeof CheckboxGroupPrimitive>) {
-  return (
-    <CheckboxGroupPrimitive
-      data-slot="checkbox-group"
-      className={cn(
-        "flex flex-col space-y-2.5 disabled:cursor-not-allowed disabled:opacity-50 has-data-[parent=true]:ml-4",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-export { CheckboxGroup };
diff --git a/apps/docs/registry/default/ui/checkbox.tsx b/apps/docs/registry/default/ui/checkbox.tsx
deleted file mode 100644
index 49da528..0000000
--- a/apps/docs/registry/default/ui/checkbox.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Checkbox as CheckboxPrimitive } from "@base-ui-components/react/checkbox";
-import { Check, Minus } from "lucide-react";
-
-import { cn } from "@/lib/utils";
-
-function Checkbox({
-  parent = false,
-  className,
-  ...props
-}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {
-  return (
-    <CheckboxPrimitive.Root
-      data-slot="checkbox"
-      data-parent={parent}
-      parent={parent}
-      className={cn(
-        "peer border-primary dark:border-primary/50 focus-visible:border-ring focus-visible:ring-ring/50 data-[checked]:bg-primary data-[indeterminate]:bg-border data-[indeterminate]:text-primary data-[checked]:border-primary data-[checked]:text-primary-foreground size-4 shrink-0 rounded-sm border shadow duration-150 ease-out outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        parent && "-ml-4",
-        className
-      )}
-      {...props}
-    >
-      <CheckboxPrimitive.Indicator
-        data-slot="checkbox-indicator"
-        className={cn(
-          "flex h-full items-center justify-center text-current duration-150 ease-out data-[ending-style]:scale-60 data-[starting-style]:scale-60 data-[unchecked]:hidden"
-        )}
-        render={(props, state) => (
-          <span {...props}>
-            {state.indeterminate ? (
-              <Minus className="size-4" />
-            ) : (
-              <Check className="size-4" />
-            )}
-          </span>
-        )}
-      />
-    </CheckboxPrimitive.Root>
-  );
-}
-
-export { Checkbox };
diff --git a/apps/docs/registry/default/ui/collapsible.tsx b/apps/docs/registry/default/ui/collapsible.tsx
deleted file mode 100644
index b497bdf..0000000
--- a/apps/docs/registry/default/ui/collapsible.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Collapsible as CollapsiblePrimitive } from "@base-ui-components/react/collapsible";
-
-import { cn } from "@/lib/utils";
-
-function Collapsible({
-  ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {
-  return <CollapsiblePrimitive.Root data-slot="collapsible" {...props} />;
-}
-
-function CollapsibleTrigger({
-  ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.Trigger>) {
-  return (
-    <CollapsiblePrimitive.Trigger data-slot="collapsible-trigger" {...props} />
-  );
-}
-
-function CollapsibleContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.Panel>) {
-  return (
-    <CollapsiblePrimitive.Panel
-      data-slot="collapsible-content"
-      className={cn(
-        "flex h-[var(--collapsible-panel-height)] flex-col overflow-hidden text-sm transition-all duration-300 ease-out data-[ending-style]:h-0 data-[starting-style]:h-0",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-export { Collapsible, CollapsibleTrigger, CollapsibleContent };
diff --git a/apps/docs/registry/default/ui/dialog.tsx b/apps/docs/registry/default/ui/dialog.tsx
deleted file mode 100644
index d5bec58..0000000
--- a/apps/docs/registry/default/ui/dialog.tsx
+++ /dev/null
@@ -1,145 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Dialog as DialogPrimitive } from "@base-ui-components/react/dialog";
-import { XIcon } from "lucide-react";
-
-import { cn } from "@/lib/utils";
-
-function Dialog({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Root>) {
-  return <DialogPrimitive.Root data-slot="dialog" {...props} />;
-}
-
-function DialogTrigger({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
-  return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />;
-}
-
-function DialogPortal({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Portal>) {
-  return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />;
-}
-
-function DialogBackdrop({
-  className,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Backdrop>) {
-  return (
-    <DialogPrimitive.Backdrop
-      data-slot="dialog-backdrop"
-      className={cn(
-        "fixed inset-0 z-50 bg-black/50 backdrop-blur-[1.5px] transition-opacity duration-150 ease-out data-[ending-style]:opacity-0 data-[starting-style]:opacity-0",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-interface DialogContentProps
-  extends React.ComponentProps<typeof DialogPrimitive.Popup> {
-  hideCloseIcon?: boolean;
-}
-
-function DialogContent({
-  className,
-  children,
-  hideCloseIcon = false,
-  ...props
-}: DialogContentProps) {
-  return (
-    <DialogPortal>
-      <DialogBackdrop />
-      <DialogPrimitive.Popup
-        data-slot="dialog-content"
-        className={cn(
-          "bg-background fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg transition-all duration-150 ease-out outline-none sm:max-w-lg",
-          "top-[calc(50%+1rem*var(--nested-dialogs))] scale-[calc(1-0.05*var(--nested-dialogs))] data-[ending-style]:top-[50.25%] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:top-[50.25%] data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
-          "data-[nested-dialog-open]:after:absolute data-[nested-dialog-open]:after:inset-0 data-[nested-dialog-open]:after:rounded-[inherit] data-[nested-dialog-open]:after:bg-black/5 data-[nested-dialog-open]:after:backdrop-blur-[1.5px]",
-          className
-        )}
-        {...props}
-      >
-        {children}
-        {!hideCloseIcon && (
-          <DialogPrimitive.Close className="ring-offset-background focus:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4">
-            <XIcon />
-            <span className="sr-only">Close</span>
-          </DialogPrimitive.Close>
-        )}
-      </DialogPrimitive.Popup>
-    </DialogPortal>
-  );
-}
-
-function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="dialog-header"
-      className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
-      {...props}
-    />
-  );
-}
-
-function DialogFooter({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="dialog-footer"
-      className={cn(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function DialogTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Title>) {
-  return (
-    <DialogPrimitive.Title
-      data-slot="dialog-title"
-      className={cn("text-lg leading-none font-semibold", className)}
-      {...props}
-    />
-  );
-}
-
-function DialogDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Description>) {
-  return (
-    <DialogPrimitive.Description
-      data-slot="dialog-description"
-      className={cn("text-muted-foreground text-sm", className)}
-      {...props}
-    />
-  );
-}
-
-function DialogClose({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Close>) {
-  return <DialogPrimitive.Close data-slot="dialog-close" {...props} />;
-}
-
-export {
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogBackdrop,
-  DialogPortal,
-  DialogTitle,
-  DialogTrigger,
-};
diff --git a/apps/docs/registry/default/ui/dropdown-menu.tsx b/apps/docs/registry/default/ui/dropdown-menu.tsx
deleted file mode 100644
index a9b9e6a..0000000
--- a/apps/docs/registry/default/ui/dropdown-menu.tsx
+++ /dev/null
@@ -1,260 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Menu as DropdownMenuPrimitive } from "@base-ui-components/react/menu";
-import { Check, Circle } from "lucide-react";
-
-import { cn } from "@/lib/utils";
-
-function DropdownMenu({
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
-  return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />;
-}
-
-function DropdownMenuTrigger({
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {
-  return (
-    <DropdownMenuPrimitive.Trigger
-      data-slot="dropdown-menu-trigger"
-      {...props}
-    />
-  );
-}
-
-function DropdownMenuPortal({
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
-  return (
-    <DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />
-  );
-}
-
-function DropdownMenuBackdrop({
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Backdrop>) {
-  return (
-    <DropdownMenuPrimitive.Backdrop
-      data-slot="dropdown-menu-backdrop"
-      {...props}
-    />
-  );
-}
-
-interface DropdownMenuContentProps
-  extends Omit<
-    React.ComponentProps<typeof DropdownMenuPrimitive.Positioner>,
-    "render"
-  > {}
-
-function DropdownMenuContent({
-  className,
-  sideOffset = 4,
-  children,
-  ...props
-}: DropdownMenuContentProps) {
-  return (
-    <DropdownMenuPortal>
-      <DropdownMenuBackdrop />
-      <DropdownMenuPrimitive.Positioner
-        data-slot="dropdown-menu-positioner"
-        sideOffset={sideOffset}
-        className="z-50 size-auto"
-        {...props}
-      >
-        <DropdownMenuPrimitive.Popup
-          data-slot="dropdown-menu-content"
-          className={cn(
-            "bg-popover text-popover-foreground max-h-[var(--available-height)] max-w-[var(--available-width)] min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md transition-[transform,scale,opacity] duration-150 ease-out",
-            "origin-[var(--transform-origin)] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
-            className
-          )}
-        >
-          {children}
-        </DropdownMenuPrimitive.Popup>
-      </DropdownMenuPrimitive.Positioner>
-    </DropdownMenuPortal>
-  );
-}
-
-interface DropdownMenuItemProps
-  extends React.ComponentProps<typeof DropdownMenuPrimitive.Item> {
-  inset?: boolean;
-  variant?: "default" | "destructive";
-}
-
-function DropdownMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}: DropdownMenuItemProps) {
-  return (
-    <DropdownMenuPrimitive.Item
-      data-slot="dropdown-menu-item"
-      data-inset={inset}
-      data-variant={variant}
-      className={cn(
-        "data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:data-[highlighted]:bg-destructive/10 dark:data-[variant=destructive]:data-[highlighted]:bg-destructive/20 data-[variant=destructive]:data-[highlighted]:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function DropdownMenuGroup({
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
-  return (
-    <DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />
-  );
-}
-
-interface DropdownMenuGroupLabelProps
-  extends React.ComponentProps<typeof DropdownMenuPrimitive.GroupLabel> {
-  inset?: boolean;
-}
-
-function DropdownMenuGroupLabel({
-  className,
-  inset,
-  ...props
-}: DropdownMenuGroupLabelProps) {
-  return (
-    <DropdownMenuPrimitive.GroupLabel
-      data-slot="dropdown-menu-group-label"
-      data-inset={inset}
-      className={cn(
-        "px-2 py-1.5 text-sm leading-none font-medium data-[inset]:pl-8",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function DropdownMenuRadioGroup({
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {
-  return (
-    <DropdownMenuPrimitive.RadioGroup
-      data-slot="dropdown-menu-radio-group"
-      {...props}
-    />
-  );
-}
-
-function DropdownMenuRadioItem({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {
-  return (
-    <DropdownMenuPrimitive.RadioItem
-      data-slot="dropdown-menu-radio-item"
-      className={cn(
-        "data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    >
-      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
-        <DropdownMenuPrimitive.RadioItemIndicator className="duration-150 ease-out data-[ending-style]:scale-60 data-[starting-style]:scale-60">
-          <Circle className="size-2 fill-current" />
-        </DropdownMenuPrimitive.RadioItemIndicator>
-      </span>
-      {children}
-    </DropdownMenuPrimitive.RadioItem>
-  );
-}
-
-function DropdownMenuCheckboxItem({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {
-  return (
-    <DropdownMenuPrimitive.CheckboxItem
-      data-slot="dropdown-menu-checkbox-item"
-      className={cn(
-        "data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    >
-      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
-        <DropdownMenuPrimitive.CheckboxItemIndicator className="duration-150 ease-out data-[ending-style]:scale-60 data-[starting-style]:scale-60">
-          <Check className="size-4" />
-        </DropdownMenuPrimitive.CheckboxItemIndicator>
-      </span>
-      {children}
-    </DropdownMenuPrimitive.CheckboxItem>
-  );
-}
-
-function DropdownMenuSubMenuTrigger({
-  className,
-  ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.SubmenuTrigger>) {
-  return (
-    <DropdownMenuPrimitive.SubmenuTrigger
-      data-slot="dropdown-menu-sub-menu-trigger"
-      className={cn(
-        "data-[popup-open]:bg-accent data-[popup-open]:text-accent-foreground",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function DropdownMenuSeparator({
-  className,
-  ...props
-}: Omit<
-  React.ComponentProps<typeof DropdownMenuPrimitive.Separator>,
-  "orientation"
->) {
-  return (
-    <DropdownMenuPrimitive.Separator
-      data-slot="dropdown-menu-separator"
-      className={cn("bg-border -mx-1 my-1 h-px", className)}
-      {...props}
-    />
-  );
-}
-
-function DropdownMenuShortcut({
-  className,
-  ...props
-}: React.ComponentProps<"span">) {
-  return (
-    <span
-      data-slot="dropdown-menu-shortcut"
-      className={cn(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-export {
-  DropdownMenu,
-  DropdownMenuTrigger,
-  DropdownMenuPortal,
-  DropdownMenuBackdrop,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuGroup,
-  DropdownMenuGroupLabel,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuCheckboxItem,
-  DropdownMenuSubMenuTrigger,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-};
diff --git a/apps/docs/registry/default/ui/input.tsx b/apps/docs/registry/default/ui/input.tsx
deleted file mode 100644
index 2bbb309..0000000
--- a/apps/docs/registry/default/ui/input.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import * as React from "react";
-import { Input as InputPrimitive } from "@base-ui-components/react/input";
-
-import { cn } from "@/lib/utils";
-
-function Input({
-  className,
-  type,
-  ...props
-}: React.ComponentProps<typeof InputPrimitive>) {
-  return (
-    <InputPrimitive
-      type={type}
-      data-slot="input"
-      className={cn(
-        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-export { Input };
diff --git a/apps/docs/registry/default/ui/kbd.tsx b/apps/docs/registry/default/ui/kbd.tsx
deleted file mode 100644
index 17864dc..0000000
--- a/apps/docs/registry/default/ui/kbd.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "@/lib/utils";
-
-export const kbdVariants = cva(
-  "inline-flex items-center justify-center text-center text-xs font-medium tracking-tight shadow-sm gap-1.5 text-muted-foreground",
-  {
-    variants: {
-      variant: {
-        default: "bg-accent",
-        outline: "bg-background outline outline-border",
-        ghost: "bg-transparent shadow-none",
-      },
-      size: {
-        default: "h-6 rounded px-1.5",
-        sm: "h-5 rounded-sm px-1",
-        lg: "h-7 rounded-md px-2",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  }
-);
-
-const KEY_DESCRIPTIONS: Record<string, string> = {
-  "⌘": "Command",
-  "⇧": "Shift",
-  "⌥": "Option",
-  "⌃": "Control",
-  Ctrl: "Control",
-  "⌫": "Backspace",
-  "⎋": "Escape",
-  "↩": "Return",
-  "⇥": "Tab",
-  "⌤": "Enter",
-  "↑": "Arrow Up",
-  "↓": "Arrow Down",
-  "←": "Arrow Left",
-  "→": "Arrow Right",
-  "⇪": "Caps Lock",
-  fn: "Function",
-  "⌦": "Delete",
-  "⇞": "Page Up",
-  "⇟": "Page Down",
-  "↖": "Home",
-  "↘": "End",
-  "↕": "Page Up/Down",
-  "↔": "Left/Right",
-} as const;
-
-export type KbdVariants = VariantProps<typeof kbdVariants>;
-
-interface KbdProps extends React.ComponentProps<"div">, KbdVariants {
-  asChild?: boolean;
-}
-
-function Kbd({ className, variant, size, asChild, ...props }: KbdProps) {
-  const Comp = asChild ? Slot : "div";
-
-  return (
-    <Comp
-      data-slot="kbd"
-      className={cn(kbdVariants({ className, size, variant }))}
-      {...props}
-    />
-  );
-}
-
-interface KbdKeyProps extends React.ComponentProps<"span"> {
-  asChild?: boolean;
-}
-
-function KbdKey({
-  className,
-  asChild,
-  title: titleProp,
-  children,
-  ...props
-}: KbdKeyProps) {
-  const Comp = asChild ? Slot : "span";
-  const keyText = children?.toString() ?? "";
-  const title = titleProp ?? KEY_DESCRIPTIONS[keyText] ?? keyText;
-  return (
-    <abbr title={title} className="no-underline">
-      <Comp data-slot="kbd-key" className={cn(className)} {...props}>
-        {children}
-      </Comp>
-    </abbr>
-  );
-}
-
-interface KbdSeparatorProps extends React.ComponentProps<"span"> {
-  asChild?: boolean;
-}
-
-function KbdSeparator({
-  className,
-  children = "+",
-  asChild,
-  ...props
-}: KbdSeparatorProps) {
-  const Comp = asChild ? Slot : "span";
-  return (
-    <Comp
-      data-slot="kbd-separtor"
-      className={cn("text-muted-foreground", className)}
-      {...props}
-    >
-      {children}
-    </Comp>
-  );
-}
-
-export { Kbd, KbdKey, KbdSeparator };
diff --git a/apps/docs/registry/default/ui/label.tsx b/apps/docs/registry/default/ui/label.tsx
deleted file mode 100644
index cf15c76..0000000
--- a/apps/docs/registry/default/ui/label.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import * as React from "react";
-
-import { cn } from "@/lib/utils";
-
-function Label({ className, ...props }: React.ComponentProps<"label">) {
-  return (
-    <label
-      className={cn(
-        "text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-export { Label };
diff --git a/apps/docs/registry/default/ui/meter.tsx b/apps/docs/registry/default/ui/meter.tsx
deleted file mode 100644
index db7a8d7..0000000
--- a/apps/docs/registry/default/ui/meter.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Meter as MeterPrimitive } from "@base-ui-components/react/meter";
-
-import { cn } from "@/lib/utils";
-
-function Meter({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof MeterPrimitive.Root>) {
-  return (
-    <MeterPrimitive.Root
-      data-slot="meter"
-      className={cn(
-        "relative grid w-full grid-cols-1 gap-1 overflow-hidden select-none has-[[data-slot=meter-label]]:grid-cols-2",
-        className
-      )}
-      {...props}
-    >
-      {children}
-      <MeterPrimitive.Track
-        data-slot="meter-track"
-        className="bg-secondary col-span-full block h-2 w-full overflow-hidden rounded-full"
-      >
-        <MeterPrimitive.Indicator
-          data-slot="meter-indicator"
-          className="bg-primary block transition-all duration-500"
-        />
-      </MeterPrimitive.Track>
-    </MeterPrimitive.Root>
-  );
-}
-
-function MeterValue({
-  className,
-  ...props
-}: React.ComponentProps<typeof MeterPrimitive.Value>) {
-  return (
-    <MeterPrimitive.Value
-      data-slot="meter-value"
-      className={cn(
-        "text-foreground text-right text-sm font-medium",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function MeterLabel({
-  className,
-  ...props
-}: React.ComponentProps<typeof MeterPrimitive.Label>) {
-  return (
-    <MeterPrimitive.Label
-      data-slot="meter-label"
-      className={cn("text-foreground text-sm font-medium", className)}
-      {...props}
-    />
-  );
-}
-
-export { Meter, MeterValue, MeterLabel };
diff --git a/apps/docs/registry/default/ui/number-input.tsx b/apps/docs/registry/default/ui/number-input.tsx
deleted file mode 100644
index 3914458..0000000
--- a/apps/docs/registry/default/ui/number-input.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-import * as React from "react";
-import { NumberField as NumberInputPrimitive } from "@base-ui-components/react/number-field";
-import { MoveHorizontal, MoveVertical } from "lucide-react";
-
-import { cn } from "@/lib/utils";
-
-function NumberInput({
-  className,
-  ...props
-}: React.ComponentProps<typeof NumberInputPrimitive.Root>) {
-  return (
-    <NumberInputPrimitive.Root
-      data-slot="number-input"
-      className={cn("flex w-full flex-col items-start gap-0.5", className)}
-      {...props}
-    />
-  );
-}
-
-function NumberInputScrubArea({
-  className,
-  children,
-  direction,
-  ...props
-}: React.ComponentProps<typeof NumberInputPrimitive.ScrubArea>) {
-  return (
-    <NumberInputPrimitive.ScrubArea
-      data-slot="number-input-scrub-area"
-      className={cn(
-        direction === "horizontal" ? "cursor-ew-resize" : "cursor-ns-resize",
-        className
-      )}
-      direction={direction}
-      {...props}
-    >
-      {children}
-      <NumberInputPrimitive.ScrubAreaCursor data-slot="number-input-scrub-area-cursor">
-        {direction === "vertical" ? (
-          <MoveVertical className="size-5" />
-        ) : (
-          <MoveHorizontal className="size-5" />
-        )}
-      </NumberInputPrimitive.ScrubAreaCursor>
-    </NumberInputPrimitive.ScrubArea>
-  );
-}
-
-function NumberInputGroup({
-  className,
-  ...props
-}: React.ComponentProps<typeof NumberInputPrimitive.Group>) {
-  return (
-    <NumberInputPrimitive.Group
-      data-slot="number-input-group"
-      className={cn("flex h-9 w-full items-center", className)}
-      {...props}
-    />
-  );
-}
-
-function NumberInputDecrement({
-  className,
-  ...props
-}: React.ComponentProps<typeof NumberInputPrimitive.Decrement>) {
-  return (
-    <NumberInputPrimitive.Decrement
-      data-slot="number-input-decrement"
-      className={cn(
-        "bg-background hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 inline-flex size-9 shrink-0 cursor-pointer items-center justify-center rounded-l-md border border-r-0 shadow-xs transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function NumberInputField({
-  className,
-  ...props
-}: React.ComponentProps<typeof NumberInputPrimitive.Input>) {
-  return (
-    <NumberInputPrimitive.Input
-      data-slot="number-input-field"
-      className={cn(
-        "border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 flex h-full w-full min-w-0 border bg-transparent px-3 py-1 text-center text-base tabular-nums transition-[color,box-shadow] ease-out outline-none data-disabled:pointer-events-none data-disabled:opacity-50 md:text-sm",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function NumberInputIncrement({
-  className,
-  ...props
-}: React.ComponentProps<typeof NumberInputPrimitive.Increment>) {
-  return (
-    <NumberInputPrimitive.Increment
-      data-slot="number-input-increment"
-      className={cn(
-        "bg-background hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 inline-flex size-9 shrink-0 cursor-pointer items-center justify-center rounded-r-md border border-l-0 shadow-xs transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-export {
-  NumberInput,
-  NumberInputScrubArea,
-  NumberInputGroup,
-  NumberInputDecrement,
-  NumberInputField,
-  NumberInputIncrement,
-};
diff --git a/apps/docs/registry/default/ui/popover.tsx b/apps/docs/registry/default/ui/popover.tsx
deleted file mode 100644
index 3b71d88..0000000
--- a/apps/docs/registry/default/ui/popover.tsx
+++ /dev/null
@@ -1,120 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Popover as PopoverPrimitive } from "@base-ui-components/react/popover";
-
-import { cn } from "@/lib/utils";
-
-function Popover({
-  ...props
-}: React.ComponentProps<typeof PopoverPrimitive.Root>) {
-  return <PopoverPrimitive.Root data-slot="popover" {...props} />;
-}
-
-function PopoverTrigger({
-  ...props
-}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {
-  return <PopoverPrimitive.Trigger data-slot="popover-trigger" {...props} />;
-}
-
-function PopoverBackdrop({
-  ...props
-}: React.ComponentProps<typeof PopoverPrimitive.Backdrop>) {
-  return <PopoverPrimitive.Backdrop data-slot="popover-backdrop" {...props} />;
-}
-
-function PopoverPortal({
-  ...props
-}: React.ComponentProps<typeof PopoverPrimitive.Portal>) {
-  return <PopoverPrimitive.Portal data-slot="popover-portal" {...props} />;
-}
-
-interface PopoverContentProps
-  extends Omit<
-    React.ComponentProps<typeof PopoverPrimitive.Positioner>,
-    "render"
-  > {}
-
-function PopoverContent({
-  className,
-  sideOffset = 4,
-  children,
-  ...props
-}: PopoverContentProps) {
-  return (
-    <PopoverPortal>
-      <PopoverBackdrop />
-      <PopoverPrimitive.Positioner
-        data-slot="popover-positioner"
-        sideOffset={sideOffset}
-        className="z-50 size-auto"
-        {...props}
-      >
-        <PopoverPrimitive.Popup
-          data-slot="popover-content"
-          className={cn(
-            "bg-popover text-popover-foreground max-h-[var(--available-height)] w-72 max-w-[var(--available-width)] overflow-x-hidden overflow-y-auto overscroll-contain rounded-md border p-4 shadow-md transition-[transform,scale,opacity] duration-150 ease-out",
-            "origin-[var(--transform-origin)] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
-            className
-          )}
-        >
-          {children}
-        </PopoverPrimitive.Popup>
-      </PopoverPrimitive.Positioner>
-    </PopoverPortal>
-  );
-}
-
-function PopoverHeader({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="popover-header"
-      className={cn("flex flex-col gap-2", className)}
-      {...props}
-    />
-  );
-}
-
-function PopoverTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof PopoverPrimitive.Title>) {
-  return (
-    <PopoverPrimitive.Title
-      data-slot="popover-title"
-      className={cn("text-base leading-none font-medium", className)}
-      {...props}
-    />
-  );
-}
-
-function PopoverDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof PopoverPrimitive.Description>) {
-  return (
-    <PopoverPrimitive.Description
-      data-slot="popover-description"
-      className={cn("text-muted-foreground text-sm", className)}
-      {...props}
-    />
-  );
-}
-
-function PopoverCLose({
-  ...props
-}: React.ComponentProps<typeof PopoverPrimitive.Close>) {
-  return <PopoverPrimitive.Close data-slot="popover-close" {...props} />;
-}
-
-export {
-  Popover,
-  PopoverTrigger,
-  PopoverBackdrop,
-  PopoverPortal,
-  PopoverContent,
-  PopoverHeader,
-  PopoverTitle,
-  PopoverDescription,
-  PopoverCLose,
-};
diff --git a/apps/docs/registry/default/ui/preview-card.tsx b/apps/docs/registry/default/ui/preview-card.tsx
deleted file mode 100644
index 2d0f645..0000000
--- a/apps/docs/registry/default/ui/preview-card.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { PreviewCard as PreviewCardPrimitive } from "@base-ui-components/react/preview-card";
-
-import { cn } from "@/lib/utils";
-
-function PreviewCard({
-  ...props
-}: React.ComponentProps<typeof PreviewCardPrimitive.Root>) {
-  return <PreviewCardPrimitive.Root data-slot="preview-card" {...props} />;
-}
-
-function PreviewCardTrigger({
-  ...props
-}: React.ComponentProps<typeof PreviewCardPrimitive.Trigger>) {
-  return (
-    <PreviewCardPrimitive.Trigger data-slot="preview-card-trigger" {...props} />
-  );
-}
-
-function PreviewCardPortal({
-  ...props
-}: React.ComponentProps<typeof PreviewCardPrimitive.Portal>) {
-  return (
-    <PreviewCardPrimitive.Portal data-slot="preview-card-portal" {...props} />
-  );
-}
-
-function PreviewCardBackdrop({
-  ...props
-}: React.ComponentProps<typeof PreviewCardPrimitive.Backdrop>) {
-  return (
-    <PreviewCardPrimitive.Backdrop
-      data-slot="preview-card-backdrop"
-      {...props}
-    />
-  );
-}
-
-interface PreviewCardContentProps
-  extends Omit<
-    React.ComponentProps<typeof PreviewCardPrimitive.Positioner>,
-    "render"
-  > {}
-
-function PreviewCardContent({
-  className,
-  sideOffset = 4,
-  children,
-  ...props
-}: PreviewCardContentProps) {
-  return (
-    <PreviewCardPortal>
-      <PreviewCardBackdrop />
-      <PreviewCardPrimitive.Positioner
-        data-slot="preview-card-positioner"
-        sideOffset={sideOffset}
-        className="z-50 size-auto"
-        {...props}
-      >
-        <PreviewCardPrimitive.Popup
-          data-slot="preview-card-content"
-          className={cn(
-            "bg-popover text-popover-foreground w-64 max-w-[var(--available-width)] overflow-x-hidden overflow-y-auto rounded-md border p-4 shadow-md transition-[transform,scale,opacity] duration-150 ease-out",
-            "origin-[var(--transform-origin)] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
-            className
-          )}
-        >
-          {children}
-        </PreviewCardPrimitive.Popup>
-      </PreviewCardPrimitive.Positioner>
-    </PreviewCardPortal>
-  );
-}
-
-export {
-  PreviewCard,
-  PreviewCardTrigger,
-  PreviewCardPortal,
-  PreviewCardBackdrop,
-  PreviewCardContent,
-};
diff --git a/apps/docs/registry/default/ui/progress.tsx b/apps/docs/registry/default/ui/progress.tsx
deleted file mode 100644
index b05f96e..0000000
--- a/apps/docs/registry/default/ui/progress.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Progress as ProgressPrimitive } from "@base-ui-components/react/progress";
-
-import { cn } from "@/lib/utils";
-
-function Progress({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof ProgressPrimitive.Root>) {
-  return (
-    <ProgressPrimitive.Root
-      data-slot="progress"
-      className={cn(
-        "relative grid grid-cols-1 gap-1 overflow-hidden has-data-[slot='progress-label']:grid-cols-2",
-        className
-      )}
-      {...props}
-    >
-      {children}
-      <ProgressPrimitive.Track
-        data-slot="progress-track"
-        className="bg-secondary col-span-full block h-2 w-full overflow-hidden rounded-full"
-      >
-        <ProgressPrimitive.Indicator
-          data-slot="progress-indicator"
-          className="bg-primary block transition-all duration-500"
-        />
-      </ProgressPrimitive.Track>
-    </ProgressPrimitive.Root>
-  );
-}
-
-function ProgressLabel({
-  className,
-  ...props
-}: React.ComponentProps<typeof ProgressPrimitive.Label>) {
-  return (
-    <ProgressPrimitive.Label
-      data-slot="progress-label"
-      className={cn("text-foreground text-sm font-medium", className)}
-      {...props}
-    />
-  );
-}
-
-function ProgressValue({
-  className,
-  ...props
-}: React.ComponentProps<typeof ProgressPrimitive.Value>) {
-  return (
-    <ProgressPrimitive.Value
-      data-slot="progress-value"
-      className={cn(
-        "text-foreground text-right text-sm font-medium",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-export { Progress, ProgressValue, ProgressLabel };
diff --git a/apps/docs/registry/default/ui/radio-group.tsx b/apps/docs/registry/default/ui/radio-group.tsx
deleted file mode 100644
index 48e545b..0000000
--- a/apps/docs/registry/default/ui/radio-group.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Radio as RadioPrimitive } from "@base-ui-components/react/radio";
-import { RadioGroup as RadioGroupPrimitive } from "@base-ui-components/react/radio-group";
-
-import { cn } from "@/lib/utils";
-
-function RadioGroup({
-  className,
-  ...props
-}: React.ComponentProps<typeof RadioGroupPrimitive>) {
-  return (
-    <RadioGroupPrimitive
-      data-slot="radio-group"
-      className={cn("flex flex-col gap-2.5", className)}
-      {...props}
-    />
-  );
-}
-
-function RadioGroupItem({
-  className,
-  ...props
-}: React.ComponentProps<typeof RadioPrimitive.Root>) {
-  return (
-    <RadioPrimitive.Root
-      data-slot="radio-group-item"
-      className={cn(
-        "peer data-[checked]:bg-primary data-[unchecked]:border-primary flex size-4 shrink-0 items-center justify-center rounded-full outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[unchecked]:border data-[unchecked]:bg-transparent",
-        className
-      )}
-      {...props}
-    >
-      <RadioPrimitive.Indicator className="before:bg-background flex before:size-2 before:rounded-full data-[unchecked]:hidden" />
-    </RadioPrimitive.Root>
-  );
-}
-
-export { RadioGroup, RadioGroupItem };
diff --git a/apps/docs/registry/default/ui/scroll-area.tsx b/apps/docs/registry/default/ui/scroll-area.tsx
deleted file mode 100644
index 790b327..0000000
--- a/apps/docs/registry/default/ui/scroll-area.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { ScrollArea as ScrollAreaPrimitive } from "@base-ui-components/react/scroll-area";
-
-import { cn } from "@/lib/utils";
-
-function ScrollArea({
-  orientation,
-  children,
-  ...props
-}: React.ComponentProps<typeof ScrollAreaPrimitive.Root> &
-  Pick<ScrollAreaPrimitive.Scrollbar.Props, "orientation">) {
-  return (
-    <ScrollAreaPrimitive.Root
-      data-slot="scroll-area"
-      className="relative"
-      {...props}
-    >
-      <ScrollAreaPrimitive.Viewport className="focus-visible:ring-ring/50 size-full overflow-hidden overscroll-contain rounded-[inherit] px-3 transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1">
-        <ScrollAreaPrimitive.Content>{children}</ScrollAreaPrimitive.Content>
-      </ScrollAreaPrimitive.Viewport>
-      <ScrollAreaScrollbar orientation={orientation} />
-      <ScrollAreaPrimitive.Corner />
-    </ScrollAreaPrimitive.Root>
-  );
-}
-
-function ScrollAreaScrollbar({
-  className,
-  orientation = "vertical",
-  ...props
-}: React.ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>) {
-  return (
-    <ScrollAreaPrimitive.Scrollbar
-      data-slot="scroll-area-scrollbar"
-      orientation={orientation}
-      className={cn(
-        "m-0.5 touch-none rounded opacity-0 transition-opacity delay-300 select-none data-[hovering]:opacity-100 data-[hovering]:delay-0 data-[hovering]:duration-75 data-[scrolling]:opacity-100 data-[scrolling]:delay-0 data-[scrolling]:duration-75",
-        orientation === "vertical" && "w-2",
-        orientation === "horizontal" && "h-2",
-        className
-      )}
-      {...props}
-    >
-      <ScrollAreaPrimitive.Thumb className="bg-border size-full rounded-full" />
-    </ScrollAreaPrimitive.Scrollbar>
-  );
-}
-
-export { ScrollArea, ScrollAreaScrollbar };
diff --git a/apps/docs/registry/default/ui/select.tsx b/apps/docs/registry/default/ui/select.tsx
deleted file mode 100644
index c7a0c52..0000000
--- a/apps/docs/registry/default/ui/select.tsx
+++ /dev/null
@@ -1,180 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Select as SelectPrimitive } from "@base-ui-components/react/select";
-import { Check, ChevronsUpDown } from "lucide-react";
-
-import { cn } from "@/lib/utils";
-
-function Select({
-  alignItemToTrigger = false,
-  modal = false,
-  ...props
-}: React.ComponentProps<typeof SelectPrimitive.Root>) {
-  return (
-    <SelectPrimitive.Root
-      data-slot="select"
-      alignItemToTrigger={alignItemToTrigger}
-      modal={modal}
-      {...props}
-    />
-  );
-}
-
-function SelectBackdrop({
-  ...props
-}: React.ComponentProps<typeof SelectPrimitive.Backdrop>) {
-  return <SelectPrimitive.Backdrop data-slot="select-backdrop" {...props} />;
-}
-
-function SelectPortal({
-  ...props
-}: React.ComponentProps<typeof SelectPrimitive.Portal>) {
-  return <SelectPrimitive.Portal data-slot="select-portal" {...props} />;
-}
-
-function SelectTrigger({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof SelectPrimitive.Trigger>) {
-  return (
-    <SelectPrimitive.Trigger
-      data-slot="select-trigger"
-      className={cn(
-        "border-input ring-offset-background focus:ring-border focus:outline-primary/30 flex h-9 w-full cursor-pointer items-center justify-between rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap focus:ring-4 focus:outline-[1px] data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 [&_svg]:size-4 [&_svg]:opacity-50",
-        className
-      )}
-      {...props}
-    >
-      {children}
-      <SelectPrimitive.Icon>
-        <ChevronsUpDown className="shrink-0" />
-      </SelectPrimitive.Icon>
-    </SelectPrimitive.Trigger>
-  );
-}
-
-function SelectValue({
-  className,
-  ...props
-}: React.ComponentProps<typeof SelectPrimitive.Value>) {
-  return (
-    <SelectPrimitive.Value
-      data-slot="select-value"
-      className={cn("w-full overflow-hidden text-ellipsis", className)}
-      {...props}
-    />
-  );
-}
-
-export interface SelectContentProps
-  extends React.ComponentProps<typeof SelectPrimitive.Popup> {
-  positionerProps?: Omit<SelectPrimitive.Positioner.Props, "className">;
-}
-
-function SelectContent({
-  positionerProps,
-  className,
-  children,
-  ...props
-}: SelectContentProps) {
-  const { sideOffset = 6 } = positionerProps || {};
-  return (
-    <SelectPortal>
-      <SelectBackdrop />
-      <SelectPrimitive.Positioner
-        data-slot="select-positioner"
-        sideOffset={sideOffset}
-        {...positionerProps}
-      >
-        <SelectPrimitive.Popup
-          data-slot="select-content"
-          className={cn(
-            "bg-popover text-popover-foreground ring-border ring-offset-background z-50 min-h-[var(--anchor-height)] overflow-y-auto overscroll-contain rounded-md border ring-1 ring-offset-[0.75px] transition-[transform,scale,opacity] duration-150 ease-out",
-            "origin-[var(--transform-origin)] p-1 data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
-            className
-          )}
-          {...props}
-        >
-          {children}
-        </SelectPrimitive.Popup>
-      </SelectPrimitive.Positioner>
-    </SelectPortal>
-  );
-}
-
-function SelectItem({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof SelectPrimitive.Item>) {
-  return (
-    <SelectPrimitive.Item
-      data-slot="select-item"
-      className={cn(
-        "data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex min-w-[calc(var(--anchor-width)_-_0.5rem)] cursor-default items-center rounded-sm px-2 py-1.5 pr-8 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        className
-      )}
-      {...props}
-    >
-      <span className="absolute right-2 flex size-3.5 items-center justify-center">
-        <SelectPrimitive.ItemIndicator>
-          <Check className="size-4" />
-        </SelectPrimitive.ItemIndicator>
-      </span>
-      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
-    </SelectPrimitive.Item>
-  );
-}
-
-function SelectGroup({
-  ...props
-}: React.ComponentProps<typeof SelectPrimitive.Group>) {
-  return <SelectPrimitive.Group data-slot="select-group" {...props} />;
-}
-
-function SelectGroupLabel({
-  className,
-  ...props
-}: React.ComponentProps<typeof SelectPrimitive.GroupLabel>) {
-  return (
-    <SelectPrimitive.Group
-      data-slot="select-group-label"
-      className={cn(
-        "text-muted-foreground px-2 py-1.5 text-xs leading-none",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function SelectSeparator({
-  className,
-  ...props
-}: Omit<
-  React.ComponentProps<typeof SelectPrimitive.Separator>,
-  "orientation"
->) {
-  return (
-    <SelectPrimitive.Separator
-      data-slot="select-separator"
-      className={cn("bg-muted -mx-1 my-1 h-px", className)}
-      {...props}
-    />
-  );
-}
-
-export {
-  Select,
-  SelectTrigger,
-  SelectValue,
-  SelectBackdrop,
-  SelectPortal,
-  SelectItem,
-  SelectContent,
-  SelectGroup,
-  SelectGroupLabel,
-  SelectSeparator,
-};
diff --git a/apps/docs/registry/default/ui/separator.tsx b/apps/docs/registry/default/ui/separator.tsx
deleted file mode 100644
index ebb2adc..0000000
--- a/apps/docs/registry/default/ui/separator.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import * as React from "react";
-import { Separator as SeparatorPrimitive } from "@base-ui-components/react/separator";
-
-import { cn } from "@/lib/utils";
-
-function Separator({
-  className,
-  orientation = "horizontal",
-  ...props
-}: React.ComponentProps<typeof SeparatorPrimitive>) {
-  return (
-    <SeparatorPrimitive
-      data-slot="Separator"
-      orientation={orientation}
-      className={cn(
-        "bg-border shrink-0",
-        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-export { Separator };
diff --git a/apps/docs/registry/default/ui/skeleton.tsx b/apps/docs/registry/default/ui/skeleton.tsx
deleted file mode 100644
index e40f66b..0000000
--- a/apps/docs/registry/default/ui/skeleton.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import * as React from "react";
-import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "@/lib/utils";
-
-const skeletonVariants = cva("bg-primary/10 rounded-md", {
-  variants: {
-    variant: {
-      pulse: "animate-pulse",
-      shimmer:
-        "before:animate-skeleton-shimmer before:via-primary/10 dark:before:via-primary/5 relative overflow-hidden before:absolute before:inset-0 before:-translate-x-full before:bg-gradient-to-r before:from-transparent before:to-transparent",
-      gradient:
-        "bg-gradient-to-r from-primary/5 via-primary/10 to-primary/5 animate-skeleton-gradient bg-[length:400%_100%]",
-    },
-  },
-  defaultVariants: {
-    variant: "pulse",
-  },
-});
-
-export type SkeletonVariants = VariantProps<typeof skeletonVariants>;
-
-interface SkeletonProps extends React.ComponentProps<"div">, SkeletonVariants {}
-
-export function Skeleton({ className, variant, ...props }: SkeletonProps) {
-  return (
-    <div
-      data-slot="skeleton"
-      className={cn(skeletonVariants({ className, variant }))}
-      {...props}
-    />
-  );
-}
diff --git a/apps/docs/registry/default/ui/slider.tsx b/apps/docs/registry/default/ui/slider.tsx
deleted file mode 100644
index 438b098..0000000
--- a/apps/docs/registry/default/ui/slider.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Slider as SliderPrimitive } from "@base-ui-components/react/slider";
-
-import { cn } from "@/lib/utils";
-
-function Slider({
-  children,
-  value,
-  defaultValue,
-  className,
-  ...props
-}: React.ComponentProps<typeof SliderPrimitive.Root>) {
-  const _values = React.useMemo(
-    () =>
-      Array.isArray(value)
-        ? value
-        : Array.isArray(defaultValue)
-          ? defaultValue
-          : [value !== undefined ? value : defaultValue],
-    [value, defaultValue]
-  );
-
-  return (
-    <SliderPrimitive.Root
-      data-slot="slider"
-      defaultValue={defaultValue}
-      value={value}
-      className={cn("relative data-[disabled]:opacity-50", className)}
-      {...props}
-    >
-      {children}
-      <SliderPrimitive.Control
-        data-slot="slider-control"
-        className="flex size-[inherit] touch-none items-center p-1 select-none"
-      >
-        <SliderPrimitive.Track
-          data-slot="slider-track"
-          className="bg-secondary size-[inherit] rounded-md data-[orientation='horizontal']:h-1 data-[orientation='vertical']:w-1"
-        >
-          <SliderPrimitive.Indicator
-            data-slot="slider-indicator"
-            className="bg-secondary-foreground rounded-md select-none"
-          />
-          {Array.from({ length: _values.length }, (_, index) => (
-            <SliderPrimitive.Thumb
-              key={index}
-              data-slot="slider-thumb"
-              className="bg-background ring-ring/50 border-primary size-4 shrink-0 rounded-full border-2 shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden data-[disabled]:pointer-events-none data-[dragging]:ring-4 data-[dragging]:outline-hidden"
-            />
-          ))}
-        </SliderPrimitive.Track>
-      </SliderPrimitive.Control>
-    </SliderPrimitive.Root>
-  );
-}
-
-function SliderValue({
-  className,
-  ...props
-}: React.ComponentProps<typeof SliderPrimitive.Value>) {
-  return (
-    <SliderPrimitive.Value
-      data-slot="slider-value"
-      className={cn(
-        "data-[disabled]:text-muted-foreground text-sm leading-none font-medium tracking-tight data-[disabled]:cursor-not-allowed",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-export { Slider, SliderValue };
diff --git a/apps/docs/registry/default/ui/switch.tsx b/apps/docs/registry/default/ui/switch.tsx
deleted file mode 100644
index 2d83609..0000000
--- a/apps/docs/registry/default/ui/switch.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Switch as SwitchPrimitive } from "@base-ui-components/react/switch";
-import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "@/lib/utils";
-
-const switchVariants = cva(
-  "peer bg-muted data-[checked]:bg-primary focus-visible:ring-border focus-visible:outline-primary/30 inline-flex  items-center border px-0.5 transition-colors duration-150 focus-visible:ring-4 focus-visible:outline-[1px] disabled:cursor-not-allowed disabled:opacity-50",
-  {
-    variants: {
-      variant: {
-        default: "rounded-full",
-        square: "rounded-sm",
-      },
-      size: {
-        default: "h-6.5 w-10",
-        sm: "h-5.5 w-8",
-        lg: "h-7.5 w-12",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  }
-);
-
-export type SwitchVariants = VariantProps<typeof switchVariants>;
-
-export interface SwitchProps
-  extends React.ComponentProps<typeof SwitchPrimitive.Root>,
-    SwitchVariants {}
-
-function Switch({ className, variant, size, ...props }: SwitchProps) {
-  return (
-    <SwitchPrimitive.Root
-      data-slot="switch"
-      className={cn(switchVariants({ variant, size, className }))}
-      {...props}
-    >
-      <SwitchPrimitive.Thumb
-        className={cn(
-          "bg-background data-[checked]:bg-primary-foreground size-5 rounded-full shadow-sm transition-transform duration-150 ease-in-out data-[checked]:translate-x-3.5",
-          size === "sm" && "size-4 data-[checked]:translate-x-2.5",
-          size === "lg" && "size-6 data-[checked]:translate-x-4.5",
-          variant === "square" && "rounded"
-        )}
-      />
-    </SwitchPrimitive.Root>
-  );
-}
-
-export { Switch, switchVariants };
diff --git a/apps/docs/registry/default/ui/tabs.tsx b/apps/docs/registry/default/ui/tabs.tsx
deleted file mode 100644
index a401d62..0000000
--- a/apps/docs/registry/default/ui/tabs.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Tabs as TabsPrimitive } from "@base-ui-components/react/tabs";
-
-import { cn } from "@/lib/utils";
-
-function Tabs({
-  className,
-  ...props
-}: Omit<React.ComponentProps<typeof TabsPrimitive.Root>, "orientation">) {
-  return (
-    <TabsPrimitive.Root
-      data-slot="tabs"
-      className={cn(
-        "flex flex-col gap-1 data-[orientation='vertical']:flex-row",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function TabsIndicator({
-  ...props
-}: React.ComponentProps<typeof TabsPrimitive.Indicator>) {
-  return (
-    <TabsPrimitive.Indicator
-      data-slot="tabs-Indicator"
-      renderBeforeHydration
-      {...props}
-    />
-  );
-}
-
-function TabsList({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof TabsPrimitive.List>) {
-  return (
-    <TabsPrimitive.List
-      data-slot="tabs-list"
-      className={cn(
-        "bg-muted text-muted-foreground relative z-0 flex items-center justify-center gap-1 rounded-md px-1 data-[orientation='vertical']:flex-col",
-        className
-      )}
-      {...props}
-    >
-      {children}
-      <TabsIndicator className="bg-background absolute top-1/2 left-0 z-[-1] h-7 w-[var(--active-tab-width)] translate-x-[var(--active-tab-left)] -translate-y-1/2 rounded-sm shadow-sm transition-all duration-300 ease-out data-[orientation='vertical']:h-[var(--active-tab-height)] data-[orientation='vertical']:w-6 data-[orientation='vertical']:translate-x-0 data-[orientation='vertical']:translate-y-[var(--active-tab-top)]" />
-    </TabsPrimitive.List>
-  );
-}
-
-function TabsTrigger({
-  className,
-  ...props
-}: React.ComponentProps<typeof TabsPrimitive.Tab>) {
-  return (
-    <TabsPrimitive.Tab
-      data-slot="tabs-trigger"
-      className={cn(
-        "ring-offset-background focus-visible:ring-ring data-[selected]:text-foreground flex h-9 w-full items-center justify-center rounded-md px-3 py-1 text-sm font-medium whitespace-nowrap focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function TabsContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof TabsPrimitive.Panel>) {
-  return (
-    <TabsPrimitive.Panel
-      data-slot="tabs-content"
-      className={cn(
-        "ring-offset-background focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-export { Tabs, TabsList, TabsTrigger, TabsIndicator, TabsContent };
diff --git a/apps/docs/registry/default/ui/textarea.tsx b/apps/docs/registry/default/ui/textarea.tsx
deleted file mode 100644
index e4334fa..0000000
--- a/apps/docs/registry/default/ui/textarea.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import * as React from "react";
-import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "@/lib/utils";
-
-const textareaVariants = cva(
-  "border-input file:text-foreground placeholder:text-muted-foreground focus-visible:ring-ring/20 focus-visible:outline-primary/30 flex min-h-16 max-h-36 w-full rounded-md border px-3 py-1 text-base transition-all ease-out focus-visible:ring-4 focus-visible:outline-[1px] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive/60 aria-invalid:outline-destructive/30 field-sizing-content md:text-sm resize-none break-all",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        secondary: "bg-secondary border-secondary-foreground/5",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  }
-);
-
-export type TextareaVariants = VariantProps<typeof textareaVariants>;
-
-interface TextareaProps
-  extends React.ComponentProps<"textarea">,
-    TextareaVariants {}
-
-function Textarea({ className, variant, ...props }: TextareaProps) {
-  return (
-    <textarea
-      data-slot="textarea"
-      className={cn(textareaVariants({ className, variant }))}
-      {...props}
-    />
-  );
-}
-
-export { Textarea };
diff --git a/apps/docs/registry/default/ui/toast.tsx b/apps/docs/registry/default/ui/toast.tsx
deleted file mode 100644
index 8da66c0..0000000
--- a/apps/docs/registry/default/ui/toast.tsx
+++ /dev/null
@@ -1,184 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Toast as ToastPrimitive } from "@base-ui-components/react/toast";
-import { cva, type VariantProps } from "class-variance-authority";
-import {
-  CircleAlert,
-  CircleCheck,
-  CircleHelp,
-  Loader,
-  TriangleAlert,
-  XIcon,
-} from "lucide-react";
-
-import { cn } from "@/lib/utils";
-import { Button } from "@/registry/default/ui/button";
-
-const toastVariants = cva(
-  "group absolute z-[calc(1000-var(--toast-index))] mr-0 grid w-full [transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+calc(var(--toast-index)*var(--translate-y))))_scale(calc(1-(var(--toast-index)*0.07)))] grid-cols-1 rounded-lg border px-3.5 py-4 shadow-lg transition-all [transition-property:opacity,transform,bottom,top] duration-450 ease-out select-none after:absolute after:bottom-full after:left-0 after:h-[calc(1rem+1px)] after:w-full after:content-[''] has-data-[slot=toast-action]:grid-cols-[1fr_auto] data-[ending-style]:opacity-0 data-[expanded]:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-offset-y)*var(--invert)+calc(var(--toast-index)*1rem*var(--invert))+var(--toast-swipe-movement-y)))] data-[starting-style]:[transform:translateY(var(--starting-style))] data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))] data-[expanded]:data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))] data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-[expanded]:data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-[expanded]:data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))] data-[expanded]:data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))] data-[ending-style]:[&:not([data-limited])]:[transform:translateY(150%)] [&>*]:transition-opacity [&>*]:duration-450 [&>*]:ease-out not-data-[expanded]:[&>*]:opacity-[calc(1-var(--toast-index))]",
-  {
-    variants: {
-      variant: {
-        default: "bg-background text-foreground border-border",
-        loading: "bg-background text-foreground border-border",
-        success:
-          "data-[rich-colors=true]:border-green-200 data-[rich-colors=true]:bg-green-100 data-[rich-colors=true]:text-green-800 dark:data-[rich-colors=true]:border-green-900/40 dark:data-[rich-colors=true]:bg-green-950 dark:data-[rich-colors=true]:text-green-300 data-[rich-colors=true]:[&_[data-slot=toast-close]]:bg-green-100 dark:data-[rich-colors=true]:[&_[data-slot=toast-close]]:bg-green-950",
-        error:
-          "data-[rich-colors=true]:border-red-200 data-[rich-colors=true]:bg-red-100 data-[rich-colors=true]:text-red-800 dark:data-[rich-colors=true]:border-red-900/40 dark:data-[rich-colors=true]:bg-red-950 dark:data-[rich-colors=true]:text-red-300 data-[rich-colors=true]:[&_[data-slot=toast-close]]:bg-red-100 dark:data-[rich-colors=true]:[&_[data-slot=toast-close]]:bg-red-950",
-        warning:
-          "data-[rich-colors=true]:border-amber-200 data-[rich-colors=true]:bg-amber-100 data-[rich-colors=true]:text-amber-800 dark:data-[rich-colors=true]:border-amber-900/40 dark:data-[rich-colors=true]:bg-amber-950 dark:data-[rich-colors=true]:text-amber-300 data-[rich-colors=true]:[&_[data-slot=toast-close]]:bg-amber-100 dark:data-[rich-colors=true]:[&_[data-slot=toast-close]]:bg-amber-950",
-        info: "data-[rich-colors=true]:border-blue-200 data-[rich-colors=true]:bg-blue-100 data-[rich-colors=true]:text-blue-800 dark:data-[rich-colors=true]:border-blue-900/40 dark:data-[rich-colors=true]:bg-blue-950 dark:data-[rich-colors=true]:text-blue-300 data-[rich-colors=true]:[&_[data-slot=toast-close]]:bg-blue-100 dark:data-[rich-colors=true]:[&_[data-slot=toast-close]]:bg-blue-950",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  }
-);
-
-export type ToastVariants = VariantProps<typeof toastVariants>;
-
-export type ToastType = "loading" | "success" | "error" | "warning" | "info";
-
-type Position =
-  | "top-center"
-  | "top-right"
-  | "top-left"
-  | "bottom-center"
-  | "bottom-right"
-  | "bottom-left";
-
-const toastManager = ToastPrimitive.createToastManager();
-
-const useToastManager = ToastPrimitive.useToastManager;
-
-interface ToastProviderProps
-  extends React.ComponentProps<typeof ToastPrimitive.Provider> {
-  position?: Position;
-  richColors?: boolean;
-  closeButton?: boolean;
-}
-
-function ToastProvider({
-  position = "bottom-right",
-  closeButton = false,
-  richColors = false,
-  children,
-  ...props
-}: ToastProviderProps) {
-  return (
-    <ToastPrimitive.Provider data-slot="toast-provider" {...props}>
-      {children}
-      <ToastPrimitive.Viewport
-        data-slot="toast-viewport"
-        data-position={position}
-        className="fixed z-50 w-[calc(100%-32px)] data-[position=bottom-center]:bottom-4 data-[position=bottom-center]:left-1/2 data-[position=bottom-center]:-translate-x-1/2 data-[position=bottom-left]:bottom-4 data-[position=bottom-left]:left-4 data-[position=bottom-right]:right-4 data-[position=bottom-right]:bottom-4 data-[position=top-center]:top-4 data-[position=top-center]:left-1/2 data-[position=top-center]:-translate-x-1/2 data-[position=top-left]:top-4 data-[position=top-left]:left-4 data-[position=top-right]:top-4 data-[position=top-right]:right-4 sm:w-full sm:max-w-[370px] sm:data-[position=bottom-center]:bottom-8 sm:data-[position=bottom-left]:bottom-8 sm:data-[position=bottom-left]:left-8 sm:data-[position=bottom-right]:right-8 sm:data-[position=bottom-right]:bottom-8 sm:data-[position=top-center]:top-8 sm:data-[position=top-left]:top-8 sm:data-[position=top-left]:left-8 sm:data-[position=top-right]:top-8 sm:data-[position=top-right]:right-8"
-      >
-        <ToastLists
-          position={position}
-          closeButton={closeButton}
-          richColors={richColors}
-        />
-      </ToastPrimitive.Viewport>
-    </ToastPrimitive.Provider>
-  );
-}
-
-interface ToastListsProps {
-  position: Position;
-  richColors: boolean;
-  closeButton?: boolean;
-}
-
-function ToastLists({ position, richColors, closeButton }: ToastListsProps) {
-  const { toasts } = useToastManager();
-
-  const swipeDirectionMap: Record<
-    Position,
-    NonNullable<ToastPrimitive.Root.Props["swipeDirection"]>
-  > = {
-    "bottom-center": "down",
-    "bottom-left": ["down", "left"],
-    "bottom-right": ["down", "right"],
-    "top-center": "up",
-    "top-left": ["up", "left"],
-    "top-right": ["up", "right"],
-  };
-
-  const swipeDirection = swipeDirectionMap[position] ?? ["down", "right"];
-
-  const icons: Record<ToastType, React.ReactNode> = {
-    loading: <Loader className="animate-spin" />,
-    success: <CircleCheck />,
-    error: <CircleAlert />,
-    warning: <TriangleAlert />,
-    info: <CircleHelp />,
-  };
-
-  return toasts.map((toast, i) => (
-    <ToastPrimitive.Root
-      key={toast.id}
-      data-slot="toast"
-      data-rich-colors={richColors}
-      toast={toast}
-      swipeDirection={swipeDirection}
-      className={cn(
-        toastVariants({ variant: toast.type as ToastVariants["variant"] }),
-        position.startsWith("bottom")
-          ? "bottom-0 data-[expanded]:bottom-2.5"
-          : "top-0 data-[expanded]:top-2.5"
-      )}
-      style={{
-        ["--gap" as string]: "1rem",
-        ["--translate-y" as string]: position.startsWith("bottom")
-          ? "-15px"
-          : "15px",
-        ["--starting-style" as string]: position.startsWith("bottom")
-          ? "150%"
-          : "-150%",
-        ["--invert" as string]: position.startsWith("bottom") ? "-1" : "1",
-        ["--offset-y" as string]:
-          "calc(var(--toast-offset-y) * -1 + (var(--toast-index) * 1rem * -1) + var(--toast-swipe-movement-y))",
-      }}
-    >
-      {closeButton && (
-        <ToastPrimitive.Close
-          data-slot="toast-close"
-          className={cn(
-            "ring-offset-background focus:ring-ring bg-background absolute -top-2 -left-2 rounded-full border p-[2px] opacity-70 transition-opacity hover:opacity-100 focus:ring-1 focus:ring-offset-1 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-[14px]",
-            {
-              "opacity-0 transition-opacity duration-300 ease-out group-data-[expanded]:opacity-100":
-                i > 0,
-            }
-          )}
-          aria-label="Close"
-        >
-          <XIcon />
-          <span className="sr-only">Close</span>
-        </ToastPrimitive.Close>
-      )}
-      <div className="flex items-center space-x-2.5 [&>svg]:size-4.5 [&>svg]:shrink-0">
-        {toast.type && toast.type ? icons[toast.type as ToastType] : null}
-        <div className="flex flex-col">
-          <ToastPrimitive.Title
-            data-slot="toast-title"
-            className="text-sm font-medium tracking-tight"
-          />
-          <ToastPrimitive.Description
-            data-slot="toast-description"
-            className="text-muted-foreground text-sm font-normal"
-          />
-        </div>
-      </div>
-      <div className="flex items-center justify-between">
-        <ToastPrimitive.Action
-          data-slot="toast-action"
-          render={<Button size="sm" />}
-        />
-      </div>
-    </ToastPrimitive.Root>
-  ));
-}
-
-export { ToastProvider, useToastManager, toastManager };
diff --git a/apps/docs/registry/default/ui/toggle-group.tsx b/apps/docs/registry/default/ui/toggle-group.tsx
deleted file mode 100644
index be9f2a0..0000000
--- a/apps/docs/registry/default/ui/toggle-group.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { ToggleGroup as ToggleGroupRoot } from "@base-ui-components/react/toggle-group";
-import { type VariantProps } from "class-variance-authority";
-
-import { cn } from "@/lib/utils";
-import { Toggle, toggleVariants } from "@/registry/default/ui/toggle";
-
-const ToggleGroupContext = React.createContext<
-  VariantProps<typeof toggleVariants>
->({
-  size: "default",
-  variant: "default",
-});
-
-function ToggleGroup({
-  className,
-  size,
-  variant,
-  children,
-  ...props
-}: React.ComponentProps<typeof ToggleGroupRoot> &
-  VariantProps<typeof toggleVariants>) {
-  const contextValue = React.useMemo(
-    () => ({
-      size: size ?? "default",
-      variant: variant ?? "default",
-    }),
-    [size, variant]
-  );
-
-  return (
-    <ToggleGroupRoot
-      data-slot="toggle-group"
-      className={cn(
-        "flex items-center justify-center gap-1 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        className
-      )}
-      {...props}
-    >
-      <ToggleGroupContext.Provider value={contextValue}>
-        {children}
-      </ToggleGroupContext.Provider>
-    </ToggleGroupRoot>
-  );
-}
-
-function ToggleGroupItem({
-  className,
-  variant,
-  size,
-  children,
-  ...props
-}: React.ComponentProps<typeof Toggle>) {
-  const context = React.useContext(ToggleGroupContext);
-  return (
-    <Toggle
-      className={cn(
-        toggleVariants({
-          variant: context.variant || variant,
-          size: context.size || size,
-        }),
-        className
-      )}
-      {...props}
-    >
-      {children}
-    </Toggle>
-  );
-}
-
-export { ToggleGroup, ToggleGroupItem };
diff --git a/apps/docs/registry/default/ui/toggle.tsx b/apps/docs/registry/default/ui/toggle.tsx
deleted file mode 100644
index ff9393c..0000000
--- a/apps/docs/registry/default/ui/toggle.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Toggle as ToggleRoot } from "@base-ui-components/react/toggle";
-import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "@/lib/utils";
-
-const toggleVariants = cva(
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[pressed]:bg-accent data-[pressed]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        outline:
-          "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground",
-      },
-      size: {
-        default: "h-9 px-2 min-w-9 [&_svg]:size-4",
-        sm: "h-8 px-1.5 min-w-8 [&_svg]:size-3.5",
-        lg: "h-10 px-2.5 min-w-10 [&_svg]:size-4.5",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  }
-);
-
-export type ButtonVariants = VariantProps<typeof toggleVariants>;
-
-function Toggle({
-  className,
-  variant,
-  size,
-  ...props
-}: React.ComponentProps<typeof ToggleRoot> & ButtonVariants) {
-  return (
-    <ToggleRoot
-      data-slot="toggle"
-      className={cn(toggleVariants({ variant, size, className }))}
-      {...props}
-    />
-  );
-}
-
-export { Toggle, toggleVariants };
diff --git a/apps/docs/registry/default/ui/toolbar.tsx b/apps/docs/registry/default/ui/toolbar.tsx
deleted file mode 100644
index 39ee175..0000000
--- a/apps/docs/registry/default/ui/toolbar.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Toolbar as ToolbarPrimitive } from "@base-ui-components/react/toolbar";
-
-import { cn } from "@/lib/utils";
-
-function Toolbar({
-  className,
-  ...props
-}: Omit<React.ComponentProps<typeof ToolbarPrimitive.Root>, "orientation">) {
-  return (
-    <ToolbarPrimitive.Root
-      data-slot="toolbar"
-      className={cn("flex items-center gap-1 rounded-lg border p-1", className)}
-      {...props}
-    />
-  );
-}
-
-function ToolbarButton({
-  className,
-  ...props
-}: React.ComponentProps<typeof ToolbarPrimitive.Button>) {
-  return (
-    <ToolbarPrimitive.Button
-      data-slot="toolbar-button"
-      className={cn(
-        "shadow-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function ToolbarLink({
-  className,
-  ...props
-}: React.ComponentProps<typeof ToolbarPrimitive.Link>) {
-  return (
-    <ToolbarPrimitive.Link
-      data-slot="toolbar-link"
-      className={cn("", className)}
-      {...props}
-    />
-  );
-}
-
-function ToolbarSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof ToolbarPrimitive.Separator>) {
-  return (
-    <ToolbarPrimitive.Separator
-      data-slot="toolbar-separator"
-      className={cn("bg-border h-8 w-px", className)}
-      {...props}
-    />
-  );
-}
-
-function ToolbarGroup({
-  className,
-  ...props
-}: React.ComponentProps<typeof ToolbarPrimitive.Group>) {
-  return (
-    <ToolbarPrimitive.Group
-      data-slot="toolbar-group"
-      className={cn(
-        "flex items-center gap-1 *:data-[slot='toolbar-button']:cursor-pointer",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function ToolbarInput({
-  className,
-  ...props
-}: React.ComponentProps<typeof ToolbarPrimitive.Input>) {
-  return (
-    <ToolbarPrimitive.Input
-      data-slot="toolbar-input"
-      className={cn("", className)}
-      {...props}
-    />
-  );
-}
-
-export {
-  Toolbar,
-  ToolbarButton,
-  ToolbarLink,
-  ToolbarSeparator,
-  ToolbarGroup,
-  ToolbarInput,
-};
diff --git a/apps/docs/registry/default/ui/tooltip.tsx b/apps/docs/registry/default/ui/tooltip.tsx
deleted file mode 100644
index 6a24464..0000000
--- a/apps/docs/registry/default/ui/tooltip.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Tooltip as TooltipPrimitive } from "@base-ui-components/react/tooltip";
-
-import { cn } from "@/lib/utils";
-
-function TooltipProvider({
-  ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
-  return <TooltipPrimitive.Provider data-slot="tooltip-provider" {...props} />;
-}
-
-function Tooltip({
-  ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Root>) {
-  return <TooltipPrimitive.Root data-slot="tooltip" {...props} />;
-}
-
-function TooltipTrigger({
-  ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
-  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />;
-}
-
-function TooltipPortal({
-  ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Portal>) {
-  return <TooltipPrimitive.Portal data-slot="tooltip-portal" {...props} />;
-}
-
-interface TooltipContentProps
-  extends React.ComponentProps<typeof TooltipPrimitive.Popup> {
-  positionerProps?: Omit<TooltipPrimitive.Positioner.Props, "className">;
-}
-
-function TooltipContent({
-  positionerProps,
-  className,
-  children,
-  ...props
-}: TooltipContentProps) {
-  const { sideOffset = 6 } = positionerProps || {};
-  return (
-    <TooltipPortal>
-      <TooltipPrimitive.Positioner
-        data-slot="tooltip-positioner"
-        sideOffset={sideOffset}
-        {...positionerProps}
-      >
-        <TooltipPrimitive.Popup
-          data-slot="tooltip-popup"
-          className={cn(
-            "bg-popover text-popover-foreground z-50 overflow-hidden rounded-md border px-3 py-1.5 text-xs transition-[transform,scale,opacity] duration-150 ease-out",
-            "origin-[var(--transform-origin)] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
-            className
-          )}
-          {...props}
-        >
-          {children}
-        </TooltipPrimitive.Popup>
-      </TooltipPrimitive.Positioner>
-    </TooltipPortal>
-  );
-}
-
-export {
-  TooltipProvider,
-  Tooltip,
-  TooltipTrigger,
-  TooltipPortal,
-  TooltipContent,
-};
diff --git a/apps/docs/registry/index.ts b/apps/docs/registry/index.ts
index 59b7e4f..3030523 100644
--- a/apps/docs/registry/index.ts
+++ b/apps/docs/registry/index.ts
@@ -2,11 +2,9 @@ import { blocks } from "@/registry/registry-blocks";
 import { components } from "@/registry/registry-components";
 import { examples } from "@/registry/registry-examples";
 import { lib } from "@/registry/registry-lib";
-import { ui } from "@/registry/registry-ui";
 import type { Registry } from "@/registry/schema";
 
 export const registry: Registry = [
-  ...ui,
   ...lib,
   ...examples,
   ...components,
diff --git a/apps/docs/registry/registry-ui.ts b/apps/docs/registry/registry-ui.ts
deleted file mode 100644
index 1894be9..0000000
--- a/apps/docs/registry/registry-ui.ts
+++ /dev/null
@@ -1,389 +0,0 @@
-import type { Registry } from "@/registry/schema";
-
-export const ui: Registry = [
-  {
-    name: "button",
-    type: "registry:ui",
-    files: [
-      {
-        path: "ui/button.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "dialog",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react", "lucide-react"],
-    files: [
-      {
-        path: "ui/dialog.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "input",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react"],
-    files: [
-      {
-        path: "ui/input.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "kbd",
-    type: "registry:ui",
-    files: [
-      {
-        path: "ui/kbd.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "number-input",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react"],
-    files: [
-      {
-        path: "ui/number-input.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "dropdown-menu",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react"],
-    files: [
-      {
-        path: "ui/dropdown-menu.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "accordion",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react"],
-    files: [
-      {
-        path: "ui/accordion.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "checkbox",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react"],
-    files: [
-      {
-        path: "ui/checkbox.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "tabs",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react"],
-    files: [
-      {
-        path: "ui/tabs.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "avatar",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react"],
-    files: [
-      {
-        path: "ui/avatar.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "tooltip",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react"],
-    files: [
-      {
-        path: "ui/tooltip.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "select",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react"],
-    files: [
-      {
-        path: "ui/select.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "toggle",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react"],
-    files: [
-      {
-        path: "ui/toggle.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "popover",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react"],
-    files: [
-      {
-        path: "ui/popover.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "separator",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react"],
-    files: [
-      {
-        path: "ui/separator.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "toolbar",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react"],
-    files: [
-      {
-        path: "ui/toolbar.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "alert-dialog",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react"],
-    files: [
-      {
-        path: "ui/alert-dialog.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "checkbox-group",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react"],
-    files: [
-      {
-        path: "ui/checkbox-group.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "preview-card",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react"],
-    files: [
-      {
-        path: "ui/preview-card.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "progress",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react"],
-    files: [
-      {
-        path: "ui/progress.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "radio-group",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react"],
-    files: [
-      {
-        path: "ui/radio-group.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "collapsible",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react"],
-    files: [
-      {
-        path: "ui/collapsible.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "scroll-area",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react"],
-    files: [
-      {
-        path: "ui/scroll-area.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "slider",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react"],
-    files: [
-      {
-        path: "ui/slider.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "label",
-    type: "registry:ui",
-    files: [
-      {
-        path: "ui/label.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "switch",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react"],
-    files: [
-      {
-        path: "ui/switch.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "toggle-group",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react"],
-    files: [
-      {
-        path: "ui/toggle-group.tsx",
-        type: "registry:ui",
-      },
-      {
-        path: "ui/toggle.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "card",
-    type: "registry:ui",
-    files: [
-      {
-        path: "ui/card.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "badge",
-    type: "registry:ui",
-    files: [
-      {
-        path: "ui/badge.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "skeleton",
-    type: "registry:ui",
-    files: [
-      {
-        path: "ui/skeleton.tsx",
-        type: "registry:ui",
-      },
-    ],
-    cssVars: {
-      theme: {
-        "--animate-skeleton-shimmer": "shimmer 3s infinite ease-out",
-        "--animate-skeleton-gradient": "skeleton-gradient 3s infinite ease-out",
-      },
-    },
-    css: {
-      "@keyframes skeleton-shimmer": {
-        "0%": {
-          transform: "translateX(-100%);",
-        },
-        "100%": {
-          transform: "translateX(200%);",
-        },
-      },
-      "@keyframes skeleton-gradient": {
-        "0%, 100%": {
-          "background-position": "0% 50%",
-        },
-        "100%": {
-          "background-position": "100% 50%",
-        },
-      },
-    },
-  },
-  {
-    name: "meter",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react"],
-    files: [
-      {
-        path: "ui/meter.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "toast",
-    type: "registry:ui",
-    dependencies: ["@base-ui-components/react"],
-    registryDependencies: ["https://clippkit.com/r/button"],
-    files: [
-      {
-        path: "ui/toast.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-  {
-    name: "textarea",
-    type: "registry:ui",
-    files: [
-      {
-        path: "ui/textarea.tsx",
-        type: "registry:ui",
-      },
-    ],
-  },
-];
diff --git a/apps/docs/scripts/build-registry.mts b/apps/docs/scripts/build-registry.mts
index 40e6c6e..65ee2fb 100644
--- a/apps/docs/scripts/build-registry.mts
+++ b/apps/docs/scripts/build-registry.mts
@@ -6,11 +6,11 @@ import { rimraf } from "rimraf";
 import { Project, ScriptKind, SyntaxKind } from "ts-morph";
 import type { z } from "zod";
 
+import { fixImport } from "@/lib/registry";
+import { blocks } from "@/registry/registry-blocks";
 import { components } from "@/registry/registry-components";
 import { examples } from "@/registry/registry-examples";
 import { lib } from "@/registry/registry-lib";
-import { ui } from "@/registry/registry-ui";
-import { blocks } from "@/registry/registry-blocks";
 
 import { styles } from "../registry/registry-styles";
 import {
@@ -19,9 +19,13 @@ import {
   type Registry,
   type registryItemTypeSchema,
 } from "../registry/schema";
-import { fixImport } from "@/lib/registry";
 
-export const registry: Registry = [...ui, ...lib, ...examples, ...components, ...blocks];
+export const registry: Registry = [
+  ...lib,
+  ...examples,
+  ...components,
+  ...blocks,
+];
 
 const REGISTRY_PATH = path.join(process.cwd(), "public/r");
 
diff --git a/apps/docs/types/docs/button.ts b/apps/docs/types/docs/button.ts
deleted file mode 100644
index 6be744e..0000000
--- a/apps/docs/types/docs/button.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import type { EmptyProps } from "@/types";
-
-import type { ButtonVariants } from "@/registry/default/ui/button";
-
-export interface RootProps extends EmptyProps<"button"> {
-  /**
-   *
-   * @default "default"
-   */
-  size?: ButtonVariants["size"];
-
-  /**
-   *
-   * @default "default"
-   */
-  variant?: ButtonVariants["variant"];
-}
diff --git a/apps/docs/types/docs/dialog.ts b/apps/docs/types/docs/dialog.ts
deleted file mode 100644
index 48a6a09..0000000
--- a/apps/docs/types/docs/dialog.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import type { EmptyProps } from "@/types";
-
-export interface ContentProps extends EmptyProps<"button"> {
-  /**
-   *  Determines whether the close button should be hidden.
-   * When set to `true`, the close button will not be displayed.
-   *
-   * @default false
-   */
-  hideCloseIcon?: boolean;
-}
diff --git a/apps/docs/types/docs/dropdown.ts b/apps/docs/types/docs/dropdown.ts
deleted file mode 100644
index 2288fad..0000000
--- a/apps/docs/types/docs/dropdown.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import type { EmptyProps } from "@/types";
-import { Menu as DropdownMenuPrimitive } from "@base-ui-components/react/menu";
-
-export interface ContentProps
-  extends EmptyProps<typeof DropdownMenuPrimitive.Popup> {
-  /**
-   * Optional configuration props for the ```DropdownMenu``` popup element. [Learn more](https://base-ui.com/react/components/menu#positioner)
-   *
-   * @default undefined
-   */
-  positionerProps?: DropdownMenuPrimitive.Positioner.Props;
-
-  /**
-   * Allows you to replace the component’s HTML element with a different tag, or compose it with another component.
-   *
-   * Accepts a ```ReactElement``` or a function that returns the element to render.
-   *
-   * @default undefined
-   */
-  render?: Element;
-}
diff --git a/apps/docs/types/docs/kbd.ts b/apps/docs/types/docs/kbd.ts
deleted file mode 100644
index 597e116..0000000
--- a/apps/docs/types/docs/kbd.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import type { CompositionProps, EmptyProps } from "@/types";
-
-import { KbdVariants } from "@/registry/default/ui/kbd";
-
-export interface RootProps extends EmptyProps<"kbd">, CompositionProps {
-  /**
-   *
-   * @default "default"
-   */
-  variant?: KbdVariants["variant"];
-
-  /**
-   *
-   * Controls the size of the keyboard key.
-   * @default "default"
-   */
-  size?: KbdVariants["size"];
-}
-
-export interface KeyProps extends EmptyProps<"span">, CompositionProps {
-  /**
-   *
-   * Provides an accessible title or tooltip for the key.
-   * @default
-   */
-  title?: string;
-}
-
-export interface SeparatorProps extends EmptyProps<"span">, CompositionProps {}
diff --git a/apps/docs/types/docs/select.ts b/apps/docs/types/docs/select.ts
deleted file mode 100644
index f771017..0000000
--- a/apps/docs/types/docs/select.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import type { EmptyProps } from "@/types";
-import { Select as SelectPrimitive } from "@base-ui-components/react/select";
-
-export interface ContentProps extends EmptyProps<typeof SelectPrimitive.Popup> {
-  /**
-   * Optional configuration props for the ```Select``` popup element. [Learn more](https://base-ui.com/react/components/select#positioner)
-   *
-   * @default undefined
-   */
-  positionerProps?: SelectPrimitive.Positioner.Props;
-
-  /**
-   * Allows you to replace the component’s HTML element with a different tag, or compose it with another component.
-   *
-   * Accepts a ```ReactElement``` or a function that returns the element to render.
-   *
-   * @default undefined
-   */
-  render?: Element;
-}
diff --git a/apps/docs/types/docs/skeleton.ts b/apps/docs/types/docs/skeleton.ts
deleted file mode 100644
index 2703078..0000000
--- a/apps/docs/types/docs/skeleton.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import type { EmptyProps } from "@/types";
-
-import { SkeletonVariants } from "@/registry/default/ui/skeleton";
-
-export interface RootProps extends EmptyProps<"input"> {
-  /**
-   *
-   * @default "pulse"
-   */
-  variant?: SkeletonVariants["variant"];
-}
diff --git a/apps/docs/types/docs/toast.ts b/apps/docs/types/docs/toast.ts
deleted file mode 100644
index b5ce03b..0000000
--- a/apps/docs/types/docs/toast.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import * as React from "react";
-import { Toast as ToastPrimitive } from "@base-ui-components/react/toast";
-
-export interface ProviderProps
-  extends Omit<
-    React.ComponentProps<typeof ToastPrimitive.Provider>,
-    "children"
-  > {
-  /**
-   * Sets the position where toasts will appear on the screen.
-   *
-   * @default bottom-right
-   */
-  position:
-    | "top-center"
-    | "top-right"
-    | "top-left"
-    | "bottom-center"
-    | "bottom-right"
-    | "bottom-left";
-
-  /**
-   * Enables rich color themes for toasts.
-   *
-   * @default false
-   */
-  richColors?: boolean;
-
-  /**
-   * Displays a close button on each toast for manual dismissal.
-   *
-   * @default false
-   */
-  closeButton?: boolean;
-}
diff --git a/apps/docs/types/docs/tooltip.ts b/apps/docs/types/docs/tooltip.ts
deleted file mode 100644
index 6dc9624..0000000
--- a/apps/docs/types/docs/tooltip.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import type { EmptyProps } from "@/types";
-import { Tooltip as TooltipPrimitive } from "@base-ui-components/react/tooltip";
-
-export interface ContentProps
-  extends EmptyProps<typeof TooltipPrimitive.Popup> {
-  /**
-   * Optional configuration props for the ```Tooltip``` popup element. [Learn more](https://base-ui.com/react/components/tooltip#positioner)
-   *
-   * @default undefined
-   */
-  positionerProps?: TooltipPrimitive.Positioner.Props;
-
-  /**
-   * Allows you to replace the component’s HTML element with a different tag, or compose it with another component.
-   *
-   * Accepts a ```ReactElement``` or a function that returns the element to render.
-   *
-   * @default undefined
-   */
-  render?: Element;
-}